/*
Theme Name: Me
Author: 
Description: Проект Me
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.3

Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*Шрифт*/
@import url('css/fonts.css');

/*Блоки*/
@import url('css/variables.css');
@import url('css/header.css');
@import url('css/cards-tariffs.css');
@import url('css/cards-rating.css');
@import url('css/slider-rating.css');
@import url('css/slider-provider-logo.css');
@import url('css/adv.css');
@import url('css/available-prov.css');
@import url('css/connect.css');
@import url('css/reviews.css');
@import url('css/seo-text.css');
@import url('css/popular-prov-list.css');
@import url('css/questions.css');
@import url('css/coverage.css');
@import url('css/popular-articles.css');
@import url('css/page-link.css');
@import url('css/cons-block.css');
@import url('css/about-prov.css');
@import url('css/footer.css');


/* Блог */
@import url('css/blog/article-content.css');
@import url('css/blog/articles-list-blog.css');
@import url('css/blog/popular-articles-blog.css');

/* Формы */
@import url('css/forms/search-address-form.css');
@import url('css/forms/cons-form.css');
@import url('css/forms/request-form.css');



/* Попапы */
@import url('css/popups/popup-select-region.css');
@import url('css/popups/popup-cons.css');
@import url('css/popups/popup-tariff.css');
@import url('css/popups/popup-sent.css');
@import url('css/popups/popup-review.css');
@import url('css/popups/popup-thanks-review.css');
@import url('css/popups/popup-cookie.css');


html body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
}

html body {
    font-family: Montserrat, sans-serif;
    font-size: 16px; 
    color: var(--text-primary); 
    background-color: var(--bg-blue);
}

.container-new {
    max-width: 1320px;
	width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1440px) {
    .container-new {
        max-width: 1140px;
    }
} 

@media screen and (max-width: 1280px) {
    .container-new {
        padding: 0 12px;
    }
} 


.logo-img:hover {
  opacity: 0.9;
}


.logo-img:focused {
  opacity: 0.8;
}



main {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

main > :first-child:not(:last-child)  { 
	padding-bottom: 56px; 
} 

@media screen and (max-width: 1280px) {
    main {
        gap: 40px;
    }
	
	main > :first-child  { 
		padding-bottom: 40x;  
	} 
}

.block-white {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media screen and (max-width: 1280px) {
	.block-white {
		gap: 32px;
	}
}


.breadcrumb-wrapper { 
	margin: 40px 0 24px 0; 
}


.breadcrumb-wrapper .breadcrumb {
	display: flex;
    align-items: center;
}

.breadcrumb-wrapper .breadcrumb-item *{
	color: var(--gray-tertiary);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}

.breadcrumb-wrapper .breadcrumb-item.active {
	color: var(--blue-primary);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}

.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item::before {
	color: var(--gray-tertiary);
}

@media screen and (max-width: 1280px) {
    .breadcrumb-wrapper { 
    	margin: 12px 0 32px 0; 
    }
}

body h1,
body .h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
}


@media screen and (max-width: 1280px) {
    body h1,
    body .h1 {
        font-size: 24px;
        line-height: 27px;
    }
}

body h1 .select-city,
body .h1 .select-city {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: var(--blue-primary); 
    background: none;
}


body h2,
body .h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
}

@media screen and (max-width: 1280px) {
    body h2,
    body .h2 {
        font-size: 20px;
        line-height: 24px;
    }
}

body ol,
body ul {
	list-style-position: inside;
}

.list-type-none {
	list-style-type: none;
}

body a {
    text-decoration: none;
}

summary {
    list-style: none;
  list-style-type: none; 
  -webkit-list-style: none; 
  -moz-list-style: none;  
  cursor: default;
}

.white-bg {
	background-color: white;
}

.link-black,
.link-black * {
    color: var(--text-primary);
}

.link-black:hover,
.link-black:hover * {
    color: var(--text-secondary);
}

.link-black:active,
.link-black:active * {
    color: var(--gray-primary);
}


.link-grey,
.link-grey * {
    color: var(--text-secondary);
}

.link-grey:hover,
.link-grey:hover * {
    color: var(--text-tertiary);
}

.link-grey:active,
.link-grey:active * {
    color: var(--gray-secondary);
}

.link-blue,
.link-blue * {
    color: var(--blue-primary);
}

.link-blue:hover,
.link-blue:hover * {
    color: var(--blue-hover);
}

.link-blue:active,
.link-blue:active * {
    color: var(--blue-active);
}


.argee-link { 
    text-decoration: underline;
}


body table thead tr {
    border-bottom: 3px solid var(--gray-tertiary);
}

body table tbody tr {
    border-bottom: 1px solid var(--gray-quaternary);
}

body table th {
    color: var(--text-primary );
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
}

body table td {
    color: var(--text-primary );
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}



.w-400 {
    font-weight: 400;
 }

 .w-500 {
    font-weight: 500;
 }

 .w-600 {
    font-weight: 600;
 }

 .w-700 {
    font-weight: 700;
 }

 .button-lg {
	 display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 4.8px;
    border: none;
}

@media screen and (max-width: 1280px) {
    .button-lg {
        padding: 8px 12px;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }
}

.button-md {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4.8px;
    border: none;
}

.button-sm {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    border-radius: 4.8px;
    border: none;
}


 .button-blue-primary {
    background-color: var(--blue-primary );
    color: white;
 }

 .button-blue-primary:hover {
    background-color: var(--blue-hover);
 }

 .button-blue-primary:active {
    background-color: var(--blue-active);
 }
 

 .button-green-primary {
    background-color: var(--green-primary);
    color: white;
 }

 .button-green-primary:hover {
    background-color: var(--green-hover);
 }

 .button-green-primary:active {
    background-color: var(--green-active);
 }



 .button-blue-outline{
    background-color:white;
    color: var(--blue-secondary);
    border: 1px solid var(--blue-quaternary);
 }

 .button-blue-outline:hover {
	color: var(--blue-hover);
    border: 1px solid var(--blue-tertiary);
 }

 .button-blue-outline:active {
	color: var(--blue-active);
    border: 1px solid var(--blue-tertiary);
 }




 .button-white-blue {
    color: var(--blue-secondary);
	background: transparent;
 }

 .button-white-blue:hover {
    color: var(--blue-hover);
 }

 .button-white-blue:active {
    color: var(--blue-active);
 }


 .button-white-black{
    background-color:white;
    color: var(--text-primary);
 }

 .button-white-black:hover {
    color: var(--text-secondary);
 }

 .button-white-black:active {
	 color: var(--gray-primary);
 }


 body .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: var(--blue-primary);
}

body .carousel-indicators [data-bs-target] {
    width: 12px;
}

/* Навигация */
body .nav {
    gap: 8px;
}

body .nav-pills .nav-link.active {
    background-color: var(--green-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

body .nav-pills .nav-link.active:hover  {
    background-color: var(--green-hover);
}


body .nav-pills .nav-link:hover  {
    background-color: var(--green-hover);
    color: white;
}

body .nav-pills .nav-link {
    background-color: var(--bg-secondary);
    color: var(--text-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 4px;
}

body .nav-link:hover {
    color: white;
}

/* Слайдер */
body .carousel-control-prev,
body .carousel-control-next {
	width: auto;
    top: -9.5%;
}

/* Формы */
body .form-control {
	color: var(--text-primary);
	border: 1px solid var(--gray-quaternary);
}

body .form-control::placeholder {
	color: var(--text-secondary);
}

body .form-select {
	color: var(--text-secondary);
} 

body .form-select option {
	color: var(--text-primary);
} 

body .form-lg {
	padding: 12px 16px;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	border-radius: 4.8px;	
}

@media screen and (max-width: 1280px) {
	body .form-lg {
		padding: 8px 12px;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		border-radius: 4px;	
	}
}
body .form-md {
	padding: 8px 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	border-radius: 4px;	
}


body .form-sm {
	padding: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	border-radius: 3.2px;	
}

/* Бэйдж */
.badge-h3 {
	width: fit-content;
	height: fit-content;
	padding: 7.35px 13.65px;
	color: var(--blue-secondary);
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	background-color: var(--blue-quaternary);
	border-radius: 4px;
}

.badge-h4 {
	width: fit-content;
	height: fit-content;
	padding: 6.3px 11.7px;
	color: var(--blue-secondary);
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	background-color: var(--blue-quaternary);
	border-radius: 4px;
}

.badge-h5 {
	width: fit-content;
	height: fit-content;
	padding: 5.25px 9.75px;
	color: var(--blue-secondary);
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	background-color: var(--blue-quaternary);
	border-radius: 4px;
}

.badge-h6 {
	width: fit-content;
	height: fit-content;
	padding: 4.2px 7.8px;
	color: var(--blue-secondary);
	font-weight: 700;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
	vertical-align: middle;
	background-color: var(--blue-quaternary);
	border-radius: 4px;
}


/* dadata popup */
#popup-confirm-region {
	display: flex;
	background-color: #0B121F4D; 
	overflow: hidden;
	z-index: 9999;
}

.popup-confirm-region {
 position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 16px 16px 30px 16px;
	background-color: white;
	border-radius: 4.8px;
	background-color: var(--bg-blue);
}

.popup-confirm-region .btn-close {
	align-self: end;
}

.confirm-title {
    font-size: 20px;
}

.confirm-buttons {
    display: flex;
    justify-content: center;
    gap: 14px;
}

#confirm-yes,
#confirm-no {
    width: 90px;
}


#popup-confirm-region .button-close-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
}

@media screen and (max-width: 1280px) {
	.popup-confirm-region {
		width: 300px;
	}
}
/* dadata popup */



.wpcf7-response-output,
.wpcf7-spinner { 
	display: none; 
} 


.star {
    font-size: 20px;
    height: 18.75px;
    color: var(--yellow-primary);
    font-weight: bold;
}

.star.half-star {
    color: transparent;
    background: linear-gradient(90deg, var(--yellow-primary) 0%, var(--yellow-primary) 50%, #E9ECEF 50%, #E9ECEF 100%);
    background-clip: text;
}

.star.empty-star {
	color: #e9ecef;
}