/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: I am
Author URI: 
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*
ПК - 1025+px
Планш - 768-1024px
Моб - 0-767
*/

/*
Расстояния между разделами сайта
ПК - снизу 5rem (85px), сверху 5rem (85px)


*/


  /* устанавливаем размер 1rem, тк в теме устанавливается только для BODY, а он не влияет на rem */


@media (max-width: 1024px) {
 html {font-size:16px;}
}
@media (max-width: 1920px) {
 html {font-size:17px;} /* устанавливаем размер 1rem, тк в теме устанавливается только для BODY, а он не влияет на rem */
}

@media (min-width: 1921px) {
 html {font-size: clamp(1.0625rem, -0.0011rem + 0.8859vw, 2.125rem);} /* для разрешения 3840 на 2400 это 34px (для сохранения пропорций рассчёт был для 3840 на 2160) */
}

  /* /устанавливаем размер 1rem */

.myFadeIn, #masthead, .site-footer {opacity: 0;} /* скрываем изначально все разделы сайта (а также хедер и футер), потом проявляем их через GSAP */

.myTopButtonWrap {opacity: 0; position: fixed; left: 0; top: 0; z-index: 1000;} /* кнопка зафиксированная вверху страницы */

@media (max-width: 767px) {
 h1 {font-size: clamp(1.875rem, 0.5327rem + 6.7114vw, 3.75rem) !important;}
}
@media (min-width: 768px) {
 h1 {font-size: clamp(2.1875rem, 1.1458rem + 2.1701vw, 3.75rem) !important;}
}

h2 {font-size: clamp(1.625rem, 1.45rem + 0.875vw, 2.5rem) !important;} /* 26-40px */

h3 {font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem) !important;} /* 24-30px */

  /* Отдаляющиеся изображения (внутри клякс и т.д.) */
.my_img_zoom_out {overflow: hidden; border-radius: 50% 2rem 2rem 2rem;}
@media (min-width: 550px) and (max-width: 767px) {
.my_img_zoom_out {width:80%; margin:0 auto}
}
.my_img_zoom_out img { -webkit-transform: scale(1.5); transform: scale(1.5);} /* увеличим фото, чтобы при отдалении не было видно край */
  /* /Отдаляющиеся изображения (внутри клякс и т.д.) */

.my_infobox p {text-align: left;} /* текст в инфобоксах */
.my_infobox .kadence-info-box-image-inner-intrisic-container {max-width: 6rem !important;} /* размер картинки инфобокса */

/* Первый блок */
h1 span {display: inline-block}
h1 .h1-2 {color:var(--global-palette1);}
h1 .h1-3 {display:block; text-align:center}

.pay-sum-wrap {-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}

.pay-sum {font-size: clamp(2.1875rem, 1.1458rem + 2.1701vw, 3.75rem);}
@media (max-width: 767px) {
 .pay-sum {font-size: clamp(1.875rem, 0.5327rem + 6.7114vw, 3.75rem);}
}

/* /Первый блок */

/* Блок Популярные вопросы */
.myAccordion p {font-size: 1rem; margin: 0 0 1rem 0 !important;} /* параметры для параграфов в аккордеоне */

.myAccordion .kt-accordion-inner-wrap {row-gap: 0.6rem !important;} /* расстоянием между пунктами аккордеона в rem, тк в теме можно только в px */

/* /Блок Популярные вопросы */

/* Блок Ещё сомневаетесь? */

.myYouDoubt {font-size: clamp(1.75rem, 1rem + 1.5625vw, 2.875rem);} /* 28-46px */
@media (max-width: 767px) {
 .myYouDoubt {font-size: clamp(1.25rem, 0.1762rem + 5.3691vw, 2.75rem);} /* 20-44px */
}

/* /Блок Ещё сомневаетесь? */

/* Блок Отзывы */
.myTestimonials .splide__arrow {background: var(--global-palette2) !important;} /* фон стрелок влево/вправо */
.myTestimonials .splide__arrow--prev {border-radius: 1rem 0.2rem 0.2rem 1rem !important;} /* значения радиуса стрелки "Назад" */
.myTestimonials .splide__arrow--next {border-radius: 0.2rem 1rem 1rem 0.2rem !important;} /* значения радиуса стрелки "Вперёд" */

.myTestimonials .kt-blocks-carousel .kt-carousel-dotstyle-outlinedark .splide__pagination__page {box-shadow: inset 0 0 0 1px var(--global-palette3) !important;} /* обводка точек внизу */
.myTestimonials .kt-blocks-carousel .kt-carousel-dotstyle-outlinedark .splide__pagination__page.is-active {background-color: var(--global-palette3) !important;} /* фон точек внизу */

.myTestimonials blockquote {text-align:left !important}
/* /Блок Отзывы */

/* Футер */
.myFooterLogo img {width: auto; height: 6rem} /* размер лого в rem, тк в теме можно только в px */
@media (min-width: 1025px) {
.myFooterLogo figure {float: left !important;} /* В настроойках темы лого я установил по центру, а для ПК по левому краю */
}
/* /Футер */