/*
 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
------------------------------------------------------------ */
/*disable ruflag in switcher*/
/*a .cpel-switcher__flag--ru img {*/
/*    display: none;*/
/*}*/
/*a .cpel-switcher__flag--ru  {*/
/*}*/
/*language-switcher*/
.cpel-switcher__nav a {
    background: #FBF5EE!important;
}
.header-menu-z {
    z-index: 90;
}
.footer-logo-name img {
    max-width: 100%;
}
.footer-logo-text p{
    font-size: 12px;
    font-weight: normal;
}

/*rozmova-testimonials*/
.rozmova-testim {
    background: #E5F3F8;
    text-align: start;
    padding: 10px 20px;
}

.rozmova-testim .elementor-testimonial-content {
    text-align: start;
    font-size: 16px;
}
/*testimonials on testimonial page*/
.testimonials-block-tp {
    text-align: start;
    padding: 10px 20px;
}
.testimonials-block-tp .sc_testimonials_item_content {
    /*text-align: start;*/
    padding: 10px 20px;
    background: #E5F3F8;
    font-size: 16px!important;
}

/*books category*/
.wbg-search-container {
    display: none;
}


/*Сторінка "надчутливі люди"*/
/*circle around symptoms*/
.hsp-symptom-block figure {
    position: relative;
    display: inline-block;
    overflow: visible;
    margin-top: 55px!important;
}

.hsp-symptom-block figure::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    width: 82px; /* Adjust the width and height as needed */
    height: 82px;
    border-radius: 50%;
    opacity: 0.8;
    background-color: #eaf5f9; /* Set the background color */
    /*z-index: -1; !* Send the circle behind the image *!*/
}
.hsp-symptom-block.hcp-right figure::before{
    left: 50%;
}
.hsp-symptom-block.hcp-right img {
    margin-left: 18px;
}

.hsp-symptom-block figure img {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0.99;
}
/*list style */
.hsp-symptoms-list ul li::before {
    margin-top: 4px;
}

.about-me-text ul li::before {
    margin-top: 4px;
}

.icon-home-3:before {
    font-size: 22px; /* Adjust the size as needed */
}





/*Custom styles for triangle logo animation*/
#triangle-logo stop#SvgjsStop5840 {
    animation: stopAnimaFirst 7.2s infinite;
}
#triangle-logo stop#SvgjsStop5841 {
    animation: stopAnimaMiddle 7.2s infinite;
}
#triangle-logo stop#SvgjsStop5842 {
    animation: stopAnimaLast 7.2s infinite;
}

#triangle-logo stop#SvgjsStop5840,
#triangle-logo stop#SvgjsStop5841,
#triangle-logo stop#SvgjsStop5842
{
    animation-play-state: paused;
}


#triangle-logo:hover stop#SvgjsStop5840,
#triangle-logo:hover stop#SvgjsStop5841,
#triangle-logo:hover stop#SvgjsStop5842
{
    animation-play-state: running;
}

@keyframes stopAnimaFirst {
    0%, 100% {
        stop-color: #e79c9c;
    }
    50% {
        stop-color: #3d0606;
    }
}

@keyframes stopAnimaMiddle {
    0%, 100% {
        stop-color: #BF3131;
    }
    50% {
        stop-color: #c51a1a;
        /*stop-color: #4c26d9;*/
    }
}
@keyframes stopAnimaLast {
    0%, 100% {
        /*stop-color: #4b0624;*/
        stop-color: #3d0606;
    }
    50% {
        stop-color: #e79c9c;
    }
}



/*Media Queries*/
@media only screen and (max-width: 1024px) {
    .hsp-symptom-block.hcp-right figure::before{
        top: 25%;
        left: 60%;
    }
    .hsp-symptom-block.hcp-right img {
        /*top: 20%;*/
        margin-top: -15px;
        margin-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .hsp-symptom-block.hcp-right figure::before{
        left: 165%;
    }
    .hsp-symptom-block.hcp-right img {
        /*top: 20%;*/
        margin-left: 152%;
    }
    .hsp-symptom-block.hcp-right .elementor-image-box-content h4 {
        text-align: center;
    }
}
@media only screen and (max-width: 500px) {
    .hsp-symptom-block.hcp-right img {
        margin-left: 140%;
    }
}