/*
 Theme Name:   Cloe Brooks Child Theme
 Theme URI:    http://cloe-brooks.themerex.net
 Description:  Cloe Brooks Child Theme
 Author:       ThemeREX
 Author URI:   http://themerex.net
 Template:     cloe-brooks
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  cloe-brooks
*/


/* =Theme customization starts here
------------------------------------------------------------ */
/* Для Elementor начало */
.elementor-widget-icon-box .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title {
	margin-top: 0.3em;
    margin-bottom: 0.3em;
    color: #ffffff;
}
/* Белые заголовки с плотным контуром #66525F для Cloe Brooks */
h1, h2, h3, span, .elementor-heading-title, .sc_title_caption {
    /* Чистый белый цвет заливки букв */
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    
    /* Отключаем проблемную браузерную обводку */
    -webkit-text-stroke: 0px transparent !important;
    
    /* Формируем плотный и ровный внешний контур цвета #66525F без внутренних артефактов */
    text-shadow: 
        -1px -1px 0 #66525F,
         1px -1px 0 #66525F,
        -1px  1px 0 #66525F,
         1px  1px 0 #66525F,
        -2px  0px 0 #66525F,
         2px  0px 0 #66525F,
         0px -2px 0 #66525F,
         0px  2px 0 #66525F,
         0px  3px 6px rgba(102, 82, 95, 0.4) !important;
}

/* Отключаем конфликтные подслои темы */
h1::before, h1::after, 
h2::before, h2::after, 
.elementor-heading-title::before, 
.elementor-heading-title::after {
    display: none !important;
}

/* Минимальный размер 22px, идеальный 4% от ширины экрана, максимальный 42px */
.fluid-title {
    font-size: clamp(1.375rem, 4vw, 2.625rem) !important;
}

/* Для Elementor конец */

.mytest_block {
	background: #00000000;
	opacity:0;
	transition-duration:1.4s;
}

.mytest_block:hover {
	background: #59582563;
	opacity:1;
}

.test_header {
	color: #ffffff;
    -webkit-text-stroke-width: 2px;
    stroke-width: 2px;
    -webkit-text-stroke-color: #66525F;
    stroke: #66525F;
	font-weight: 900;
	opacity:1!important;
}

.trx_addons_scroll_to_top trx_addons_icon-up scroll_to_top_style_default inited show {
	padding-right: none;
}

/* Картинки */
.eihe-caption {
	text-align: center;
}

/* Скрыть */
.erase {
	display: none !important;
}

.center {
	text-align: center;
}

.round {
	border: 2px solid #F69324;
	border-radius: 50px;
}

/* POPups - BEGIN */


/* POPups - END */

/* Iconed Text at Header - BEGIN */

@media (max-width: 1024px) {
  /* Общие правила выравнивания для мобильных и планшетов */
  .sc_layouts_iconed_text .sc_layouts_item_details {
    display: inline-block !important;
    text-align: center;
  }
  .sc_layouts_iconed_text {
    text-align: center;
  }
  
  /* Растягиваем колонки на всю ширину, чтобы они не ломали верстку */
  .elementor-column.elementor-col-25 {
    width: 100%;
  }
  
  /* Скрываем ненужные элементы */
  .none {
    display: none;
  }
}

/* Iconed Text at Header - END */