/*!
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Template: hello-elementor
Version: 2.3.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
    Add your custom styles here
*/
/* AC_Mod when adding invisible reCAPTCHA V3 hide the privacy badge with the following */
.grecaptcha-badge {
    visibility: hidden;
}
.elementor-post__excerpt p:after {
    content: " ...";
}

.essb_links.essb_displayed_bottom {
    margin-top: 12px;
    text-align: center;
}

.home-lottie {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    width: 100vh !important; /*Shows entire animation on smaller screen sizes.*/
    /*Add transparency gradient on bottom of lottie*/
    mask-image: linear-gradient(to top, transparent 1%, black 5%);;
    -webkit-mask-image: linear-gradient(to top, transparent 1%, black 5%);
}

.home-lottie-mom {
    height: 9000px;
}

.home-lottie-text {
    margin-top: -8000px;
}
.home-lottie-text-col {
    height: 8000px;
}





.home-lottie-buttons-col {
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 30px);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 30px);
}

body[data-elementor-device-mode=desktop] .home-lottie-buttons-col .elementor-inner-section .elementor-row > div:nth-child(1) {
    width: 228px;
    min-width: 228px;
    max-width: 228px;
}
body[data-elementor-device-mode=desktop] .home-lottie-buttons-col .elementor-inner-section .elementor-row > div:nth-child(2) {
    width: auto;
    margin-left: 28px;
}


@media screen and (max-height: 960px) {
    .home-lottie-text-col-heading1, .home-lottie-buttons-col {
        margin-top: -30px; 
    }
}
@media screen and (max-height: 800px) {
    .home-lottie-text-col-heading1, .home-lottie-buttons-col {
        margin-top: -70px;
    }
}
@media screen and (max-height: 600px) {
    .home-lottie-text-col-heading1, .home-lottie-buttons-col {
        margin-top: -150px;
    }
}



/* Hide paragraph at bottom of lottie. For removing remaining space at bottom, see elementor CCS code in home-lottie widget*/
.e-lottie__caption {
    display: none !important;
}
/* Added below code to remove remaining spacing at bottom of lottie. Could not determine where the spacing was coming from.*/
.home-lottie .elementor-widget-container {
    height: calc(100% - 10px);
}



/*
    Use this if attempting sticky within in a flexbox parent
    align-self: flex-start; 
*/

/* To add corner radius
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
*/



/*For Dreaming Together article */
.kt-accordion-id_e18237-d3 .kt-accordion-panel-inner {
    background: #2c2f33;
}
.kt-accordion-id_e18237-d3 .kt-blocks-accordion-header.kt-accordion-panel-active, .kt-accordion-id_e18237-d3 .kt-blocks-accordion-header {
    color: #f2f2f2;
    background: #213e59;
    border-color: none;
}
.kt-accordion-id_e18237-d3 .kt-blocks-accordion-header:hover, .kt-accordion-id_e18237-d3 .kt-blocks-accordion-header:focus {
    color: #fff;
    background: #24486a;
    border-color: none;
}
.kt-accordion-id_e18237-d3:not(.kt-accodion-icon-style-basiccircle):not(.kt-accodion-icon-style-xclosecircle):not(.kt-accodion-icon-style-arrowcircle) .kt-blocks-accordion-icon-trigger:before, .kt-accordion-id_e18237-d3:not(.kt-accodion-icon-style-basiccircle):not(.kt-accodion-icon-style-xclosecircle):not(.kt-accodion-icon-style-arrowcircle) .kt-blocks-accordion-icon-trigger:after {
    background: #f2f2f2;
}
.kt-accordion-id_e18237-d3:not(.kt-accodion-icon-style-basiccircle):not(.kt-accodion-icon-style-xclosecircle):not(.kt-accodion-icon-style-arrowcircle) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, .kt-accordion-id_e18237-d3:not(.kt-accodion-icon-style-basiccircle):not(.kt-accodion-icon-style-xclosecircle):not(.kt-accodion-icon-style-arrowcircle) .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after {
    background: #f2f2f2;
}
.kt-blocks-accordion-title {
    font-size: 22px;
    font-weight: 400;
}
/* The following may be useful for changing h2 is blog listings - note global color var usage */
/*AC_Mod the "class*=" give greater specificity - ie contains any part of elementor-size- class name */
.home .elementor-widget-container > h2.elementor-heading-title[class*=elementor-size-] > a {
    /* font-size: 24px; */
}
.home .elementor-widget-container > h2.elementor-heading-title > a:hover {
    /* color:var(--e-global-color-ec7483b); */
}