/*!
Theme Name: kadastr71
Theme URI: http://underscores.me/
Author: 3jd
Author URI: https://3jd.ru/
Description: 3jd with ❤️ for - kadastr71
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kadastr71
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

kadastr71 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-image: url(img/bg.jpg);
    background-size: cover;
    background-attachment: fixed;
}

header {
    padding-top: 100px;
}



header .container {
    background-color: #000000c2;
    color: #fff;
}


.vopros .container{
    background-image: linear-gradient(#3470fa, #313ed7);
    color: #fff;
}

.navs {
    background-image: linear-gradient(#3470fa, #313ed7);
    color: #fff;
}


.nav-link {
    color: #fff;
    font-size: 1.2rem;
}

.btn-success {
    background-image: linear-gradient(#34fa47, #83d731);
    border-color: #34fa47;
    color: #000;
}

.btn {
    border-radius: 3px;
}

.btn-success:hover {
    background-image: linear-gradient(#83d731, #34fa47);
    border-color: #83d731;
    color: #000 !important;
}

.service-page{
    font-size: .9rem;
    padding-bottom: 5px;
    line-height: 1.1;
}

.service-page:hover{
    background-image: linear-gradient(#34fa47, #83d731);
    border-radius: 3px;

}



main .container {
    min-height: 80vh;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}


footer .container {
    background-image: linear-gradient(#34fa47, #83d731);
    color: #000;
}


.accordion-button {
    padding: 10px;
}

.seo_tekst, .seo_tekst h1, .seo_tekst h2, .seo_tekst h3{
    font-size: .88rem;
}


/*бургер на мобильном меню*/
.custom-toggler {
    border: none;
    padding: 0.5rem;
    outline: none;
    box-shadow: none;
}

.custom-toggler-icon {
    display: block;
    width: 24px;
    height: 20px;
    position: relative;
}

.custom-toggler .line {
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

.custom-toggler .line1 {
    top: 0;
}

.custom-toggler .line2 {
    top: 50%;
    transform: translateY(-50%);
}

.custom-toggler .line3 {
    bottom: 0;
}

/* Анимация в крестик при открытом меню */
.custom-toggler[aria-expanded="true"] .line1 {
    transform: translateY(9px) rotate(45deg);
}

.custom-toggler[aria-expanded="true"] .line2 {
    opacity: 0;
}

.custom-toggler[aria-expanded="true"] .line3 {
    transform: translateY(-9px) rotate(-45deg);
}


.navbar-toggler:focus {
    box-shadow: none;
}

/*конец - бургер на мобильном меню*/


/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}


/*слайдер на главной*/
.custom-swiper-container {
    width: 100%;
    margin: 0 auto;
}

.swiper-container {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide-background {
    width: 100%;
    height: 100%;
}

.slide-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 20px;
    box-sizing: border-box;
}

.text-container {
    background-color: #000000c2;
    padding: 30px;
    border-radius: 3px;
    max-width: 80%;
    color: #fff;
    text-align: center;
}

.slide-title {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #fff;
}

.slide-text {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #fff;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
    width: 40px;
    height: 40px;
    background: rgba(50, 50, 50, 0.5);
    border-radius: 50%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.5rem;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.6;
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

/*конец слайдер на главной*/



/*карточки услуг на главной*/

.service-card{
    border-radius: 3px;
}


.service-card-img-container {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.service-card-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.card-img-overlay {
    background: rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    transition: background 0.3s ease;
}

.service-card:hover .image-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.service-content {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

/*конец карточки услуг на главной*/



/* Пагинация в стиле Material Design */
.pagination,
.wp-block-query-pagination {
    display: flex;
    justify-content: center;
    margin: 5rem 0;
    gap: 8px;
}

.pagination .page-numbers,
.wp-block-query-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    background-image: linear-gradient(#34fa47, #83d731);
    border-color: #34fa47;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* Текущая страница */
.pagination .page-numbers.current,
.wp-block-query-pagination .page-numbers.current {
    background-image: linear-gradient(#34fa47, #83d731);
    border-color: #34fa47;
    color: #000;
    color: white;
    box-shadow: 0 4px 6px rgba(98, 0, 238, 0.2);
}

/* Ховер и фокус */
.pagination .page-numbers:hover:not(.current),
.wp-block-query-pagination .page-numbers:hover:not(.current) {
    background-color: #f3e5f5;
    color: #000;
}

.pagination .page-numbers:focus,
.wp-block-query-pagination .page-numbers:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/* Стрелки (вперёд/назад) */
.pagination .prev,
.pagination .next,
.wp-block-query-pagination .prev,
.wp-block-query-pagination .next {
    color: #000;
    font-weight: 500;
    padding: 0 12px;
    min-width: 72px;
    background-color: transparent;
    border-radius: 4px;
}

.pagination .prev:hover,
.pagination .next:hover,
.wp-block-query-pagination .prev:hover,
.wp-block-query-pagination .next:hover {
    background-color: #f3e5f5;
}

/* Адаптивность */
@media (max-width: 480px) {
    .pagination,
    .wp-block-query-pagination {
        gap: 4px;
    }
    .pagination .page-numbers,
    .wp-block-query-pagination .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }
}



/* xl-размер (<=1200px) */
@media (max-width: 1399px) {}

/* lg-размер (<=1199px) */
@media (max-width: 1199px) {}

/* md-размер (<=991px) */
@media (max-width: 991px) {
    header {
        padding-top: 0px;
    }



.dropdown-item {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal !important;
}

.slide-title {
    font-size: 1.2rem;
    font-weight: 600;
}

}

/* sm-размер (<=768px) */
@media (max-width: 767px) {}

/* xs-размер (<=575px) */
@media (max-width: 575px) {}