/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

:root {
	--accent-color: #a8bd00;
	--main-color: #f6b9d5;
	--main-text-color: #333;
}

/* Global */
body.custom-background {background-size: 15%;}
body.mobile-menu-is-open {overflow: hidden;}
main > *:first-child {padding-top: 150px;}
a {transition: color .2s ease;}
a[href^="tel:"] {white-space: nowrap;}
a.btn {color: #fff!important;}
.btn {
	font-weight: 600;
	color: inherit;
}
.accent-color {color: var(--accent-color);}
ul {
	list-style: none;
	padding: 0;
}
.center {text-align: center;}
.nowrap {white-space: nowrap;}
.site-content {background-color: transparent;}

/* Header */
#masthead {
	position: fixed;
    top: 0;
    z-index: 1000;
    right: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
body.home #masthead {background: transparent;}
#masthead.js-background {
	background-color: var(--main-color)!important;
	transition-delay: 0.3s;
}
.site-header-inner {width: 100%;}
.site-branding {padding-left: 0;}
.site-title {margin-bottom: 0;}
.humburger {
	right: 20px;
    left: auto;
	top: 50%;
    transform: translateY(-50%);
}
.humburger.open span {background: var(--accent-color);}
#site-navigation-mobile {
    position: fixed;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    margin: 0px;
    z-index: 999;
    background: var(--main-color);
    padding-top: 100px;
    overflow-y: scroll;
	text-align: center;
}
#site-navigation-mobile a {color: #fff;}

/* Section */
.section-block {
	margin-top: 50px;
	margin-bottom: 50px;
}
.section-block:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
.section-block__header {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.section-block__title {
	padding: 15px 30px;
	border: 1px solid #fff;
	margin-right: 0;
	position: relative;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}
.section-block__title::before {
	content: "";
	width: 1em;
	height: 1em;
	display: block;
	background: url(/inc/img/icons/cactus-accent.svg) center / contain no-repeat;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -65%);
}
.section-block__title::after {
    display: block;
    position: absolute;
    font-size: 0.75em;
    top: 100%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    background-color: var(--main-color);
    padding: 0 5px;
	font-family: "Caveat" ,"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bg-white {
	background: #fff;
	color: var(--main-text-color);
}
.bg-white .section-block__title {
	border-color: inherit;
	text-shadow: none;
}
.bg-white .section-block__title::before, .bg-white .section-block__title::after {background-color: #fff;}

/* Main Banner */
.main-banner {
	min-height: calc(100vh + 30px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: 600;
	background: linear-gradient(rgba(246 185 213 / 75%),rgba(246 185 213 / 75%)), url(/wp-content/uploads/2021/04/main-banner-bg.jpg) 65% / cover no-repeat;
}
.main-banner__text {text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}
.main-banner__text li {margin-bottom: 0.5em;}
.main-banner .btn {margin-top: 30px;}

/* About */
.about .section-block__title::after {content: "Знакомство";}
.about__wrap {
	background: #fff;
    color: var(--main-text-color);
    border-radius: 4px;
    border: 1px solid var(--accent-color);
}
.about__img img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.about__title {
	color: unset !important;
	text-align: right;
}

/* Works */
.works .section-block__title::after {content: "Портфолио";}
#works .swiper-container {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 -20px;
}
#works .swiper-scrollbar {
	left: 20px;
    width: calc(100% - 40px);
}
.works-slider .swiper-slide {
	border: 3px solid;
	box-shadow: 25px 20px 20px -15px rgba(0,0,0,.3);
	margin-right: 30px;
}
.works img {
	height: 500px;
	width: 100%;
	object-fit: cover;
}

/* Skins */
.skins .section-block__title::after {content: "Чем интересен";}
.skins-wrap {
	background: #fff;
	color: var(--main-text-color);
	border-radius: 4px;
	border: 1px solid var(--accent-color);
	overflow: hidden;
	position: relative;
	flex-wrap: wrap-reverse!important;
}
.skins__text li {
	margin-bottom: 1em;
}
.skins__text li .emoji {margin-right: 10px!important;}
.skins__text_title {
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 1em;
/* 	color: var(--accent-color); */
}
.skins__img {position: relative;}
.skins__img img {
	position: absolute;
	height: 100%;
}

/* Price */
.price .section-block__title::after {content: "+ Скидки на комплекс!";}
.price-slider .swiper-wrapper {justify-content: center;}
.price-slider .swiper-slide {height: auto;}
.price__card {
	color: var(--main-text-color);
	height: 100%;
	font-weight: 600;
	background: url(/wp-content/uploads/2021/04/spot.png) 0 / cover no-repeat;
	border-radius: 4px;
	box-shadow: 25px 20px 20px -15px rgba(0,0,0,.3);
}
.price__card_complex li {margin-bottom: 1.5em;}
.price__card .title {
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	margin-bottom: 25px;
/* 	border-bottom: 1px solid;
	 */
}
.price__card li {
	display: flex;
	justify-content: space-between;
	column-gap: 0.5em;
	padding-block: 0.25em;
	transition: .2s ease;
	position: relative;
}
.price__card li:hover {
	color: var(--accent-color);
}
/* .price__card li:hover .price {
	position: absolute;
	right: 0;
	font-size: 1.5em;
} */
.price__card .price__list li {
	align-items: center;
}
.price__card li .dots {
	border-bottom: 1px dotted;
	flex: 1;
}
.price__card li .price {
	white-space: nowrap;
}

/* Appointment */
.appointment .section-block__title::after {content: "Для ленивых :)";}
#calc {
	text-align: center;
	padding: 30px 0;
}
.checkbox-group {margin-bottom: 2em;}
.checkbox-label {
	display: flex;
	align-items: center;
}
.checkbox-label input {margin-right: 5px;}
.label-text {
	line-height: 1.75;
	text-align: left;
}
.calc-result span {
	color: var(--accent-color);
	font-weight: 600;
}
.complex input {flex: none;}
/* .complex .checkbox-label {align-items: flex-start;}
.complex .label-text {line-height: 1.25;} */

/* Reviews */
.reviews img {
	max-height: 400px;
	object-fit: contain;
}
.reviews .section-block__title::after {content: "Что обо мне пишут";}

/* Contacts */
.contacts .section-block__title::after {content: "Где меня искать";}
#contacts {
	border: 1px solid var(--accent-color);
	border-radius: 4px;
	overflow: hidden;
}
.contacts-info {
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 20px;
}
.contacts-info a {white-space: nowrap;}

/* Swiper Slider */
.swiper-container {padding-bottom: 75px;}
.swiper-pagination-bullets {
	display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-bullet {
	border: 8px solid var(--main-color);
	box-sizing: content-box;
}
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
	background: var(--accent-color);
	border: 8px solid #fff;
	opacity: 1;
}
.swiper-scrollbar {background: #fff;}
.swiper-scrollbar-drag {background: var(--accent-color);}
.swiper-slide {text-align: center;}

/* FormCraft */
.fc-form.label-block .form-element-type-submit:not([style="width: 100%"]) {margin-top: 27px;}
.form-title {color: var(--main-text-color)!important;}
.final-success {color: var(--accent-color);}
.final-success-check {border-color: var(--accent-color)!important;}
.form-element-html {padding-bottom: 0.5em!important;}

/* Footer */
#colophon {text-align: center;}
.scrolltop {border-radius: 50%;}

/* Modals */
.modals {display: none;}

/* Media Queries */
@media (min-width: 576px) {
	.skins__text {padding: 50px;}
	.price__card {
		width: 450px;
		padding: 50px;
	}
	.price__card .title {padding-bottom: 25px;}
}
@media (min-width: 768px) {
	.contacts-info {font-size: 1.2em;}
}
@media (min-width: 1200px) {
	.main-banner h1 {font-size: 4em;}
	.main-banner p, .main-banner ul {font-size: 1.5em;}
/* 	#calc {font-size: 1.25em;} */
}
@media (min-width: 1400px) {
	.about__text {
		font-size: 1.25em;
		padding: 100px;
	}
}
@media (min-width: 1600px) {
	.scrolltop {
		right: 204px;
		bottom: 84px;
	}
}
@media (max-width: 1399.98px) {
	.about__text {padding: 50px;}
	.skins__img img {object-fit: cover;}
}
@media (max-width: 1199.98px) {
	
}
@media (max-width: 991.98px) {
	.skins__img img {
		max-height: 300px;
		width: 100%;
		position: relative;
	}
	.form-element-field1, .form-element-field6, .form-element-field7, .form-element-field8 {width: 50%!important;} 
}
@media (max-width: 767.98px) {
	.bg-white {padding-top: 50px;}
	.scrolltop {
		bottom: 20px;
		right: 20px;
	}
}
@media (max-width: 575.98px) {
	.main-banner {padding-bottom: 50px;}
	.about__text, .skins__text, .price__card {padding: 20px;}}
	.price__card_service li {margin-bottom: 1em;}
	.contacts-info {text-align: center;}
}