/*
 Theme Name: Feel Well Pilates
 Description: Погрузись в мир искусства классического пилатеса
 Author: Володин Константин, Светлана Задорожная, Александр

 Author URI: https://vk.com/paperpost.design
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* Плавный скролл */
html {scroll-behavior: smooth;}
/* Увеличиваем стандартную ширину контейнера */
@media (min-width: 1920px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1660px;}}
@media (min-width: 1399px) and (max-width: 1660px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1440px;}}
/* Основные стили */
body {font-family: 'CeraPro', sans-serif; color: #000 !important; background-color: #fff;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .fs-title, .gothic-title {font-family: 'Gothic60', sans-serif;}

.order-6 {order: 6 !important;}
.order-7 {order: 7 !important;}

.radius-80 {border-radius: 80px;}
.radius-100 {border-radius: 100px;}
.radius-200 {border-radius: 200px;}

.fs-48 {font-size: 48px !important;}
.fs-46 {font-size: 46px !important;}
.fs-40 {font-size: 40px !important;}
.fs-36 {font-size: 36px !important;}
.fs-28 {font-size: 28px !important; line-height: 32px;}
.fs-24 {font-size: 24px !important; line-height: 32px;}
.fs-22 {font-size: 22px !important;}
.fs-18 {font-size: 18px !important;}
.fs-14 {font-size: 14px !important;}
.fs-12 {font-size: 12px !important;}

.fs-title {font-size: 60px; line-height: 80px;}

@media (max-width: 1399px){.fs-title {font-size: 56px;} .fs-28 {font-size: 24px !important;} .fs-24 {font-size: 20px !important; line-height: 30px;} .fs-40 {font-size: 32px !important;} .fs-48 {font-size: 44px !important;}}
@media (max-width: 990px) {.fs-title {font-size: 36px; line-height: normal;} .fs-22 {font-size: 20px !important;}}
@media (max-width: 375px) {.modal-billing-title {font-size: 24px;} .fs-title {font-size: 34px;} .fs-36 {font-size: 32px !important;}}

.color-7A7A7A {color: #7A7A7A;}

.bg-cover {background-size: cover; background-position: center;}
.bg-contain {background-size: contain; background-repeat: no-repeat;}
.bg-pos-lc {background-position: left center;}

.bg-img {background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
@media (max-width: 1399px) {.bg-img {background-size: cover;}}

.h-60 {height: 60px !important;}
.h-70 {height: 70px !important;}
.h-90 {height: 90px}
.h-120 {height: 120px;}
.min-h-550 {min-height: 550px;}
.min-h-500 {min-height: 500px;}
.min-h-280 {min-height: 280px;}
.w-280 {width: 280px !important;}
.w-210 {width: 210px !important;}

.max-width-890 {max-width: 890px;}
.max-width-240 {max-width: 240px;}

@media (max-width: 1199px){.h-mob-auto {height: auto !important; min-height: auto !important;} .min-h-500 {min-height: 430px !important;}}
@media (max-width: 575px) {.w-mob-100 {width: 100% !important;} .min-h-280 {min-height: 320px !important;}}

.pt-250 {padding-top: 250px;}
.pb-250 {padding-bottom: 250px;}
@media (max-width: 1399px){.pt-250 {padding-top: 100px;} .pb-250 {padding-bottom: 100px;}}


.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}
.mb-100 {margin-bottom: 100px;}
.mb-250 {margin-bottom: 250px;}

.mt-100 {margin-top: 100px;}
.mt-250 {margin-top: 250px;}
@media (max-width: 1399px){.mb-250 {margin-bottom: 100px;} .mt-250 {margin-top: 100px;} .mb-100 {margin-bottom: 60px;} .mt-100 {margin-top: 60px;}}
@media (max-width: 575px){.mb-60 {margin-bottom: 30px;}.mb-80 {margin-bottom: 50px;}}

.bg-lilac {background-color: #96A6FE;}
.bg-purple {background-color: #B17BF6;}

.btn-purple {border-radius: 50px; height: 50px; border-color: #B17BF6 !important; background-color: #B17BF6 !important; color: #fff !important; min-width: 200px; font-size: 16px; line-height: 0px; font-weight: 500; transition: .3s;}
.btn-purple:hover {transform: scale(1.1);}
.btn-purple:active {transform: scale(1.2);}
.btn-purple svg {transition: .3s;}
.btn-purple:hover svg {transform: rotate(45deg);}

.btn-black {border-radius: 50px; height: 60px; border-color: #000 !important; background-color: #000 !important; color: #fff !important; min-width: 280px; font-size: 18px; font-weight: 500; transition: .3s; line-height: 0px;}
.btn-black:hover {transform: scale(1.1);}
.btn-black:active {transform: scale(1.2);}
.btn-black svg {transition: .3s;}
.btn-black:hover svg {transform: rotate(45deg);}

.btn-sceleton {border-radius: 50px; height: 60px; border: 2px solid #000 !important; background-color: transparent !important; color: #000 !important; min-width: 280px; font-size: 18px; font-weight: 500; transition: .3s; display: inline-flex; align-items: center; justify-content: center !important;}
.btn-sceleton:hover {transform: scale(1.1);}
.btn-sceleton:active {transform: scale(1.2);}
.btn-sceleton svg {transition: .3s;}
.btn-sceleton:hover svg {transform: rotate(45deg);}
@media (max-width: 767px){.btn-black, .btn-sceleton {width: 100%}}

.btn-sceleton-white {border-radius: 50px; height: 50px; border: 1px solid #FFF !important; background-color: transparent !important; color: #FFF !important; min-width: 280px; font-size: 16px; font-weight: 500; transition: .3s; padding-top: 11px !important;}
.btn-sceleton-white:hover {transform: scale(1.1);}
.btn-sceleton-white:active {transform: scale(1.2);}
.btn-sceleton-white svg {transition: .3s;}
.btn-sceleton-white:hover svg, .btn-sceleton-white:focus svg {transform: rotate(45deg);}
@media (max-width: 767px){.btn-black, .btn-sceleton, .btn-sceleton-white {width: 100%}}

/* Кнопка вверх */
.btn-top {
	transition: .2s !important;
    --bs-btn-color: #fff;
    --bs-btn-bg: #96A6FE;
    --bs-btn-border-color: #96A6FE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #96A6FE;
    --bs-btn-hover-border-color: #96A6FE;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #96A6FE;
    --bs-btn-active-border-color: #96A6FE;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #96A6FE;
    --bs-btn-disabled-border-color: #96A6FE;
}
.btn-top:hover {transform: scale(1.1);}
.btn-top:active {transform: scale(1.2);}

/* Навигация карусели */
.slick-prev {
	transition: .2s !important;
    height: 60px;
    width: 60px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xml:space="preserve" width="15.875mm" height="15.8758mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 89.21 89.22"><defs><style type="text/css"><![CDATA[ .fil0 {fill:%23B17BF6;fill-rule:nonzero} .fil1 {fill:%23FEFEFE;fill-rule:nonzero} ]]></style></defs><g id="Слой_x0020_1"><metadata id="CorelCorpID_0Corel-Layer"/><g id="_2151855485504"><path class="fil0" d="M44.61 0l0 0c-24.63,0 -44.61,19.98 -44.61,44.61l0 0c0,24.63 19.98,44.6 44.61,44.6l0 0c24.63,0 44.6,-19.98 44.6,-44.61l0 0c0,-24.63 -19.98,-44.61 -44.61,-44.61l0 0z"/><g id="_1782451800592"><polygon class="fil1" points="44.61,27.79 27.79,44.61 44.61,61.43 46.71,59.33 33.48,46.1 61.43,46.1 61.43,43.12 33.48,43.12 46.71,29.89 "/></g></g></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
.slick-next {
	transition: .2s !important;
    height: 60px;
    width: 60px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xml:space="preserve" width="15.875mm" height="15.875mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 195.71 195.71"><defs><style type="text/css"><![CDATA[ .fil1 {fill:%23FEFEFE;fill-rule:nonzero} .fil0 {fill:%23B17BF6;fill-rule:nonzero} ]]></style></defs><g id="Слой_x0020_1"><metadata id="CorelCorpID_0Corel-Layer"/><path class="fil0" d="M97.86 0l0 0c54.03,0 97.86,43.82 97.86,97.86l0 0c0,54.03 -43.82,97.85 -97.86,97.85l0 0c-54.03,-0 -97.85,-43.82 -97.85,-97.86l-0 0c0,-54.03 43.82,-97.86 97.86,-97.86z"/><g id="_1782451800592"><polygon class="fil1" points="97.85,60.96 134.75,97.86 97.85,134.75 93.25,130.15 122.27,101.13 60.96,101.13 60.96,94.58 122.27,94.58 93.25,65.56 "/></g></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
.slick-next:hover, .slick-prev:hover {transform: scale(1.1);}
.slick-next:active, .slick-prev:active {transform: scale(1.2);}

/* Блок-пузырик */
.bubble-block {
	display: flex;
	padding: 74px 60px;
	flex-direction: column;
	align-items: flex-start;
	gap: 60px;
	border-radius: 100px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.30);
	box-shadow: 0px 50px 100px 0px rgba(150, 166, 254, 0.10);
	backdrop-filter: blur(2px);
}
.bubble-block.mini-bubble {padding: 50px 60px; gap: 40px;}
.bubble-title {font-size: 36px; line-height: normal; margin-bottom: 0;}
.bubble-text {font-size: 22px; line-height: 32px;}
@media (max-width: 1919px){.bubble-block {padding: 60px 40px;} .bubble-title {font-size: 28px;} .bubble-text {font-size: 20px; line-height: 30px;}} /* было до 1399px, для того чтобы текст влезал на разрешениях <1920 поменяли на текущее */
@media (max-width: 990px) {.bubble-block {padding: 60px 20px;} .bubble-block.mini-bubble {padding: 50px 20px; box-shadow: 0px 0px 20px 0px rgba(150, 166, 254, 0.10);} .bubble-title  {font-size: 30px;}}

/* Цветной блок */
.color-block {
	display: flex;
	align-self: stretch;
	padding: 80px 60px 60px 60px;
	flex-direction: column;
	align-items: flex-start;
	gap: 60px;
	border-radius: 100px;
}
.color-block-text {color: #FFF; font-size: 24px; line-height: 36px;}
@media (max-width: 1399px){.color-block {padding: 60px 60px 40px 60px;} .color-block-text {font-size: 20px; line-height: 30px;}}
@media (max-width: 990px) {.color-block {padding: 60px 20px;}}

/* Цветня карточка для карусели */
.color-card {
	padding: 80px 60px;
	border-radius: 100px;
	height: 700px;
	color: #FFF;
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	background-repeat: no-repeat; 
	background-position: bottom;
}
@media (max-width: 1399px){.color-card {padding: 60px 40px; height: 550px; font-size: 24px; line-height: 32px;}}
/*@media (max-width: 1199px){.color-card {background-position-x: right;}}
@media (max-width: 768px) {.color-card {background-size: 90%;}}*/

/* Модальное окно с формой оплаты */
.modal-billing-title {font-size: 64px; letter-spacing: 2px; -webkit-text-stroke: 1px #000; text-stroke: 1px #000;}
@media (max-width: 1399px){.modal-billing-title {font-size: 56px;}}
@media (max-width: 1199px){.modal-billing-title {font-size: 46px;}}
@media (max-width: 990px) {.modal-billing-title {font-size: 36px;}}
@media (max-width: 375px) {.modal-billing-title {font-size: 24px;}}

/* Хедер-меню */
.site-header {margin-top: 20px; background-color: transparent !important;}
.site-header .navbar {padding: 0;}
.site-header .navbar .container {border-radius: 100px; background-color: #FFF; height: 50px; padding-right: 0; }
.site-header .navbar-brand {margin-left: 30px;}
.site-header .nav-link {font-family: 'CeraPro'; color: #000; font-weight: 500; text-transform: uppercase; font-size: 14px; transition: .3s;}
.site-header .nav-link:hover, .site-header .nav-link:focus {transform: scale(1.1);}
@media (max-width: 1639px){.site-header .navbar {padding: 0 10px;}}
@media (max-width: 1199px){.site-header .nav-link {font-size: 10px;}}
@media (max-width: 991px){.site-header .nav-link {font-size: 24px; margin-bottom: 15px;}}
@media (max-width: 375px){.site-header .nav-link {margin-bottom: 5px; margin-bottom: 10px;}}
.offcanvas-header .btn-close, .modal-header .btn-close {background: transparent url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.49407" y1="29.7929" x2="29.7783" y2="1.50862" stroke="black" stroke-width="2"/><line y1="-1" x2="40" y2="-1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 30.2012 30.5)" stroke="black" stroke-width="2"/></svg>') center / 2em auto no-repeat; opacity: 1; padding: 25px;}

/* Футер */
.footer-link {transition: .3s; color: #000; text-decoration: 0; display: inline-block;}
.footer-link:hover, .footer-link:focus {transform: scale(1.05);}
footer .nav {display: flex; flex-direction: column;}
footer .nav-item:first-child .nav-link {padding-top: 0;}
footer .nav-link {color: #000; display: inline-block; transition: .3s; padding-bottom: 0; padding-left: 0;}
footer .nav-link:hover, footer .nav-link:focus {color: #000; transform: scale(1.05);}
.footer-socials a {transition: .3s;}
.footer-socials a:hover, .footer-socials a:focus {transform: scale(1.1);}

/* Банер на главной */
.fp-ban {height: 100svh; background-size: cover; background-position: left center; background-repeat: no-repeat; overflow-y: hidden;}
.logged-in.admin-bar .fp-ban {height: calc(100svh - 32px);} 
.fp-place {font-size: 32px;}
.fp-title {font-size: 110px; letter-spacing: 2px; -webkit-text-stroke: 2px #000; text-stroke: 2px #000;}
.fp-subtitle {font-size: 28px;}
@media (max-width: 1399px){
	.fp-place {font-size: 32px; margin-top: 100px;}
	.fp-title {font-size: 80px;}
	.fp-subtitle {font-size: 28px;}
}
@media (max-width: 767px){
	.fp-place {font-size: 28px;}
	.fp-title {font-size: 50px; -webkit-text-stroke: 1px #000; text-stroke: 1px #000;}
	.fp-subtitle {font-size: 24px;}
}
@media (max-width: 375px){
	.fp-place {font-size: 24px;}
	.fp-title {font-size: 32px;}
	.fp-subtitle {font-size: 18px;}
}
/* Распиание на главной */
.fp_program-date, .fp_program-name {border-bottom: 1px solid black;}
.fp_program-date:nth-child(1), .fp_program-name:nth-child(2), .fp_program-list:nth-child(3) {border-top: 1px solid black;}
@media (max-width: 991px){.fp_program-date, .fp_program-name:nth-child(2) {border: none;}}

.accordion-button.collapsed {transform: rotate(0deg);}
.accordion-button {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003" xml:space="preserve" width="15.875mm" height="15.875mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 851.62 851.62"><defs><style type="text/css"> .fil1 {fill:%23FEFEFE;fill-rule:nonzero}.fil0 {fill:%23B17BF6;fill-rule:nonzero} </style></defs><g id="Слой_x0020_1"><metadata id="CorelCorpID_0Corel-Layer"></metadata><path class="fil0" d="M425.81 0l0 0c235.13,0 425.81,190.68 425.81,425.81l0 0c0,235.12 -190.68,425.8 -425.81,425.8l0 0.01c-235.12,-0.01 -425.8,-190.69 -425.8,-425.81l-0.01 0c0.01,-235.13 190.69,-425.81 425.81,-425.81z"></path><g id="_1782447323904"><polygon class="fil1" points="586.37,425.8 425.81,586.36 265.25,425.8 285.29,405.77 411.57,532.06 411.57,265.24 440.05,265.24 440.05,532.06 566.33,405.77 "></polygon></g></g></svg>');
	background-repeat: no-repeat;
	background-position: center center;
    height: 50px;
    width: 50px;
    background-size: contain;
	transform: rotate(180deg);
	transition: .3s;
}
.accordion-button.collapsed:hover {transform: scale(1.1);}
.accordion-button:hover {transform: scale(1.1) rotate(180deg);}
.accordion-button:active {transform: scale(1.2);}
	
/* Тариф на главной */
.fp_tarif-card {
	display: flex;
	padding: 20px 22px 80px 22px;
	flex-direction: column;
	align-items: center;
	gap: 60px;
	flex-shrink: 0;
	border-radius: 50px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.30);
	box-shadow: 0px 50px 100px 0px rgba(150, 166, 254, 0.10);
	backdrop-filter: blur(2px);
}
/* Преподаватели */
.fp_teachers-img {transition: all 0.4s; height: 500px;}
.fp_teachers-img:hover {transform: scale(1.15);}
@media (max-width: 1399px){.fp_teachers-card summary svg {position: absolute; top: 370px; margin-left: -20px;}}

summary::-webkit-details-marker {display: none}
details > summary:first-of-type {list-style: none;}
details > summary svg {transition: .3s;}
details > summary:hover svg {transform: scale(1.1);}
details > summary:active svg {transform: scale(1.2);}
details[open] > summary svg {transform: rotate(180deg);}
details[open] > summary:hover svg {transform: scale(1.1) rotate(180deg);}
details[open] > summary:active svg {transform: scale(1.2) rotate(180deg);}

/* Наши мероприятия */
.fp_event-img {height: 400px;}
@media (max-width: 1399px){.fp_event-img {height: 268px;}}

/* Отзывы участников */
.fp_reviews-card {
	height: 600px;
	padding: 80px 60px; 
	border-radius: 100px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.30);
	box-shadow: 0 15px 65px 0 rgba(150, 166, 254, 0.10);
	backdrop-filter: blur(2px);
	overflow: hidden;
}
.fp_reviews-foto {height: 120px;} 
@media (max-width: 1399px){.fp_reviews-card {height: auto; padding: 60px 40px;}}

/* Блок снизу */
.bubble-block-bottom {padding: 140px 120px; align-items: flex-start; border-radius: 100px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.30); box-shadow: 0 50px 100px 0 rgba(150, 166, 254, 0.10); backdrop-filter: blur(2px);}
.bubble-block-bottom p {margin-bottom: 0px;}
.bubble-block-bottom ul {padding-left: 0px;}
.fp_stan-img {height: 800px;}

@media (max-width: 1399px){.bubble-block-bottom {padding: 140px 60px;} .bubble-block-bottom ul {padding-left: 2rem;} .bubble-block-bottom div:first-child {margin-bottom: 100px;} .fp_stan-img {height: 580px;}}
@media (max-width: 767px){.bubble-block-bottom {padding: 60px 40px;} .bubble-block-bottom div:first-child {margin-bottom: 60px;}}

/* Локация */
.fp_map-addr {
	width: 600px;
    height: 540px;
    color: white;
	font-size: 36px;
    padding: 80px 60px;
    position: absolute;
    margin-top: 120px;
    margin-left: 120px; 
    text-transform: uppercase;
	z-index: 999;
}
.fp_map-block {height: 800px; filter: grayscale(1);}
._app_ready .layout-control-group {visibility: hidden !important; display: none !important;}
@media (max-width: 1399px){.fp_map-addr {margin-top: 120px; margin-left: 60px;}}
@media (max-width: 1199px){.fp_map-addr {position: relative; margin-bottom: 60px; height: 345px; width: auto; padding: 60px 40px; margin-left: 0px; margin-top: 0px; font-size: 28px;} .fp_map-block {height: 400px;}}
@media (max-width: 767px) {.fp_map-addr {font-size: 22px;}}

/* Форма оплаты */ 
.form-control {box-shadow: none !important;}
.form-control.invalid {border-color: #B17BF6 !important;}
.btn-check+.border-black {color: #000; text-transform: uppercase;}
.btn-check:hover+.border-black {color:#000;}
.btn-check:checked+.border-black {background-color: #000;}
.btn-check:checked:hover+.border-black {color: #FFF;}
.btn-check:checked+.btn.bg-lilac-check {background-color: #96A6FE !important; border-color: #96A6FE !important;}
.btn-check:checked+.btn.bg-purple-check {background-color: #B17BF6 !important; border-color: #B17BF6 !important;}
 
.form-check-input:checked[type="checkbox"] {--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 12 5 5 8-8'/%3e%3c/svg%3e");}
.form-check-input:checked, .form-check-input:focus:checked {background-color: #fff; border-color: #000;}
.form-check-input:focus:checked+.form-check-label, .form-check-input:checked+.form-check-label, .form-check-input:checked+.form-check-label a {color: #000;}
.form-check-input {background-color: #fff; border-color: #B17BF6;}
.form-check-input:focus {box-shadow: none; border-color: #B17BF6;}  
.form-check-input:focus+.form-check-label, .form-check-input+.form-check-label, .form-check-input+.form-check-label a {color: #B17BF6;}  
.invalid-feedback {color: #B17BF6; margin-left: 25px;}
.btn:disabled {opacity: 0.2;}