/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/******************************************************
     * *****************************************************
     * *************** font weights *************************/

    .body-17, .body-20, .body-25 {
        font-weight: 400;
    }

    .light,
    .light a,
    .light a:link,
    .light h1,
    .light h1 a,
    .light h1 a:link,
    .light h2,
    .light h2 a,
    .light h2 a:link,
    .light h3,
    .light h3 a,
    .light h3 a:link {
        font-weight:300 !important;
    }

    .regular,
    .regular a,
    .regular a:link,
    .regular h1,
    .regular h1 a,
    .regular h1 a:link,
    .regular h2,
    .regular h2 a,
    .regular h2 a:link,
    .regular h3,
    .regular h3 a,
    .regular h3 a:link {
        font-weight:400 !important;
    }

    .med,
    .med a,
    .med a:link,
    .med h1,
    .med h1 a,
    .med h1 a:link,
    .med h2,
    .med h2 a,
    .med h2 a:link,
    .med h3,
    .med h3 a,
    .med h3 a:link, 
    .medium,
    .medium a,
    .medium a:link,
    .medium h1,
    .medium h1 a,
    .medium h1 a:link,
    .medium h2,
    .medium h2 a,
    .medium h2 a:link,
    .medium h3,
    .medium h3 a,
    .medium h3 a:link {
        font-weight:500 !important;
    }
    
    .semibold,
    .semibold a,
    .semibold a:link,
    .semibold h1,
    .semibold h1 a,
    .semibold h1 a:link,
    .semibold h2,
    .semibold h2 a,
    .semibold h2 a:link,
    .semibold h3,
    .semibold h3 a,
    .semibold h3 a:link
{
            font-weight:600 !important;
        }

    .bold,
    .bold a,
    .bold a:link,
    .bold h1,
    .bold h1 a,
    .bold h1 a:link,
    .bold h2,
    .bold h2 a,
    .bold h2 a:link,
    .bold h3,
    .bold h3 a,
    .bold h3 a:link {
        font-weight:700 !important;
    }

    .bolder,
    .bolder a,
    .bolder a:link,
    .bolder h1,
    .bolder h1 a,
    .bolder h1 a:link,
    .bolder h2,
    .bolder h2 a,
    .bolder h2 a:link,
    .bolder h3,
    .bolder h3 a,
    .bolder h3 a:link,
    .extrabold,
    .extrabold a,
    .extrabold a:link,
    .extrabold h1,
    .extrabold h1 a,
    .extrabold h1 a:link,
    .extrabold h2,
    .extrabold h2 a,
    .extrabold h2 a:link,
    .extrabold h3,
    .extrabold h3 a,
    .extrabold h3 a:link {
        font-weight:800 !important;
    }

    .black,
    .black a,
    .black h1,
    .black h1 a,
    .black h1 a:link,
    .black h2,
    .black h2 a,
    .black h2 a:link,
    .black h3,
    .black h3 a,
    .black h3 a:link,
    .boldest,
    .boldest a,
    .boldest h1,
    .boldest h1 a,
    .boldest h1 a:link,
    .boldest h2,
    .boldest h2 a,
    .boldest h2 a:link
    .boldest h3,
    .boldest h3 a,
    .boldest h3 a:link
     {
        font-weight:900 !important;
    }
    /****************************************
     * ****************************END FONT WEIGHTS **/

/***********************************************    
/*Text Decorations/*****************************
/************************************************/
    .no-decoration,
    .no-decoration a,
    .no-decoration a:link,
    .no-decoration a:hover 
    {
    text-decoration: none !important;
    }
        /*only underline on hover*/
    .no-underline,
    .no-underline a,
    .no-underline a:link
    {
        text-decoration: none !important;
    } 

/********************************************
     * text size**********************************
     * *******************************************/

    .body-12,
    .body-12 a:link,
    .body-12 a
     {
    font-size:12px !important; 
    line-height: 1.7em;
}

    .body-15,
    .body-15 a:link,
    .body-15 a,
    .body-15 h1,
    .body-15 h1 a,
    .body-15 h1 a:link,
    .body-15 h2,
    .body-15 h2 a,
    .body-15 h2 a:link,
    .body-15 h3,
    .body-15 h3 a,
    .body-15 h3 a:link
     {
    font-size:clamp(13px, 2vw, 15px) !important; 
    line-height: 1.5em;
}

    .body-18 {
    font-size:clamp(14px, 2vw, 18px); 
    line-height: 1.5em;
}
    .body-17,
    .body-17 a:link,
    .body-17 a {
        font-size: clamp(15px, 2vw, 17px) !important;
    }

    .body-16,
    .body-16 a:link,
    .body-16 a,
    .body-16 h2,
    .body-16 h2 a,
    .body-16 h2 a:link,
    .body-16 h3,
    .body-16 h3 a,
    .body-16 h3 a:link {
        font-size: clamp(11px, 2vw, 16px) !important;
        line-height: 1.4em;
    }

    .body-20,
    .body-20 a:link,
    .body-20 a,
    .body-20 h1,
    .body-20 h1 a,
    .body-20 h1 a:link,
    .body-20 h2,
    .body-20 h2 a,
    .body-20 h2 a:link,
    h2.body-20,
    h2.body-20 a,
    h2.body-20 a:link,
    .body-20 h3,
    .body-20 h3 a,
    .body-20 h3 a:link {
    font-size:clamp(17px, 2vw, 20px); 
    line-height: 1.5em;
}

    .cta,
    .cta a,
    .cta a:link {
        font-size:clamp(16px, 1.5vw, 17px) !important;
        line-height: 1.4em;
        font-weight: 500;
    }
    .body-25,
    .body-25 a:link,
    .body-25 a,
    .body-25 h1,
    .body-25 h1 a,
    .body-25 h1 a:link,
    .body-25 h2,
    .body-25 h2 a,
    .body-25 h2 a:link,
    .body-25 h3,
    .body-25 h3 a,
    .body-25 h3 a:link {
        font-size:clamp(18px, 2vw, 25px) !important; 
        line-height: 1.4em !important;
        text-decoration: none !important;
    }

    .body-30,
    .body-30 a:link,
    .body-30 a,
    .body-30 h1,
    .body-30 h1 a,
    .body-30 h1 a:link,
    .body-30 h2,
    .body-30 h2 a,
    .body-30 h2 a:link,
    .body-30 h3,
    .body-30 h3 a,
    .body-30 h3 a:link {
    font-size:clamp(25px, 2vw, 30px); 
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-34,
    .body-34 a:link,
    .body-34 a,
    .body-34 h1,
    .body-34 h1 a,
    .body-34 h1 a:link,
    .body-34 h2,
    .body-34 h2 a,
    .body-34 h2 a:link,
    .body-34 h3,
    .body-34 h3 a,
    .body-34 h3 a:link {
    font-size:clamp(24px, 1.822vw, 34px) !important; 
    line-height: 1.4em !important;
    text-decoration: none !important;
}

  .body-35,
    .body-35 a:link,
    .body-35 a,
    .body-35 h1,
    .body-35 h1 a,
    .body-35 h1 a:link,
    .body-35 h2,
    .body-35 h2 a,
    .body-35 h2 a:link,
    .body-35 h3,
    .body-35 h3 a,
    .body-35 h3 a:link {
    font-size:clamp(24px, 2vw, 35px); 
    line-height: 1.4em !important;
    text-decoration: none !important;
}

  .body-40,
    .body-40 a:link,
    .body-40 a,
    .body-40 h1,
    .body-40 h1 a,
    .body-40 h1 a:link,
    .body-40 h2,
    .body-40 h2 a,
    .body-40 h2 a:link,
    .body-40 h3,
    .body-40 h3 a,
    .body-40 h3 a:link {
    font-size:clamp(29px, 2vw, 40px); 
    line-height: 1.2em !important;
    text-decoration: none !important;
}
    .body-41,
    .body-41 a:link,
    .body-41 a,
    .body-41 h1,
    .body-41 h1 a,
    .body-41 h1 a:link,
    .body-41 h2,
    .body-41 h2 a,
    .body-41 h2 a:link,
    .body-41 h3,
    .body-41 h3 a,
    .body-41 h3 a:link {
    font-size:clamp(29px, 2vw, 41px) !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
}

    .body-45,
    .body-45 a:link,
    .body-45 a,
    .body-45 h1,
    .body-45 h1 a,
    .body-45 h1 a:link,
    .body-45 h2,
    .body-45 h2 a,
    .body-45 h2 a:link,
    .body-45 h3,
    .body-45 h3 a,
    .body-45 h3 a:link {
    font-size:clamp(35px, 3vw, 45px);
    line-height: 1.2em !important;
    text-decoration: none !important;
}

    .body-50,
    .body-50 a:link,
    .body-50 a,
    .body-50 h1,
    .body-50 h1 a,
    .body-50 h1 a:link,
    .body-50 h2,
    .body-50 h2 a,
    .body-50 h2 a:link,
    .body-50 h3,
    .body-50 h3 a,
    .body-50 h3 a:link {
    font-size:clamp(35px, 3vw, 50px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-51,
    .body-51 a:link,
    .body-51a,
    .body-51 h1,
    .body-51 h1 a,
    .body-51 h1 a:link,
    .body-51 h2,
    .body-51 h2 a,
    .body-51 h2 a:link,
    .body-51 h3,
    .body-51 h3 a,
    .body-51 h3 a:link {
    font-size:clamp(29px, 3vw, 51px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-55,
    .body-55 h1,
    .body-55 h1 a,
    .body-55 h1 a:link,
    .body-55 h2,
    .body-55 h2 a,
    .body-55 h2 a:link {
    font-size:clamp(45px, 3vw, 55px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}


/********************************************
 * text color *******************************
 * ******************************************/
 .t-water-green,
 .t-water-green a,
 .t-water-green a:link,
 .t-water-green h1,
 .t-water-green h1 a,
 .t-water-green h1 a:link,
 .t-water-green h2,
 .t-water-green h2 a,
 .t-water-green h2 a:link,
 .t-water-green h3,
 .t-water-green h3 a,
 .t-water-green h3 a:link
     {
    color:#46c3b2 !important;
 }

.t-red,
.t-red a,
.t-red a:link,
.t-red h1,
.t-red h1 a,
.t-red h1 a:link,
.t-red h2,
.t-red h2 a,
.t-red h2 a:link, 
.t-red h3,
.t-red h3 a,
.t-red h3 a:link 
  {
    color:#ff5851 !important;
 }

 .t-forest-green,
 .t-forest-green a,
 .t-forest-green a:link,
 .t-forest-green h1,
 .t-forest-green h1 a,
 .t-forest-green h1 a:link,
 .t-forest-green h2,
 .t-forest-green h2 a,
 .t-forest-green h2 a:link,
 .t-forest-green h3,
 .t-forest-green h3 a,
 .t-forest-green h3 a:link
     {
    color:#005851!important;
 }

.t-dark-blue, 
.t-dark-blue h1,
.t-dark-blue h1 a,
.t-dark-blue h1 a:link,
.t-dark-blue h2,
.t-dark-blue h2 a,
.t-dark-blue h2 a:link,
.t-dark-blue h3,
.t-dark-blue h3 a,
.t-dark-blue h3 a:link
    {
    color:#18438A !important;
}

.t-white,
.t-white a,
.t-white a:link,
.t-white h1,
.t-white h1 a,
.t-white h2 a:link,
.t-white h2,
.t-white h2 a,
.t-white h2 a:link,
.t-white h3,
.t-white h3 a,
.t-white h3 a:link
{
    color:#ffffff !important;
}

.t-grass-green,
.t-grass-green a,
.t-grass-green a:link,
.t-grass-green h1,
.t-grass-green h1 a,
.t-grass-green h1 a:link,
.t-grass-green h2,
.t-grass-green h2 a,
.t-grass-green h2 a:link
.t-grass-green h3,
.t-grass-green h3 a,
.t-grass-green h3 a:link
{
    color:#6ECF93 !important;
}

.t-bright-blue,
.t-bright-blue a,
.t-bright-blue a:link
.t-bright-blue h1,
.t-bright-blue h1 a,
.t-bright-blue h1 a:link,
.t-bright-blue h2,
.t-bright-blue h2 a,
.t-bright-blue h2 a:link
.t-bright-blue h3,
.t-bright-blue h3 a,
.t-bright-blue h3 a:link
{
    color:#0083EB !important;
}

.t-black,
.t-black a,
.t-black a:link,
.t-black h1,
.t-black h1 a,
.t-black h1 a:link,
.t-black h2,
.t-black h2 a,
.t-black h2 a:link, 
.t-black h3,
.t-black h3 a,
.t-black h3 a:link 
  {
    color:#000000 !important;
 }


/* Header elements styles */

nav.elementor-nav-menu--main ul li a {
    font-size: inherit;
    color: inherit;
}
nav.elementor-nav-menu--main ul li ul.sub-menu {
    top: calc(100% + 22px) !important
}
div[data-elementor-type="header"] .e--pointer-double-line .elementor-item:after, div[data-elementor-type="header"] .e--pointer-double-line .elementor-item:before, div[data-elementor-type="header"] .e--pointer-overline .elementor-item:after, div[data-elementor-type="header"] .e--pointer-overline .elementor-item:before, div[data-elementor-type="header"] .e--pointer-underline .elementor-item:after, div[data-elementor-type="header"] .e--pointer-underline .elementor-item:before {
    display: none;
}

.elementor-193 .elementor-element.elementor-element-862eb34 .elementor-nav-menu--dropdown:not(.sub-menu) {
    position: absolute;
    width: 65vw;
    //height: calc(100vh - 42px - 2em);
    right: -8vw;
    top: 42px;
    padding: 1em;
    z-index: 2;
}
.elementor-193 .elementor-element.elementor-element-862eb34 .elementor-nav-menu--dropdown.sub-menu {
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    padding: 0.5em 0;
}

.elementor-193 .elementor-element.elementor-element-862eb34 .elementor-nav-menu--dropdown .elementor-sub-item {
    font-weight: 300;
}


/* Start Your Journey Form UX tweaks */

#SFG_recruiting_form .elementor-field-group:not(.elementor-field-type-radio) > label {
    display: none;
    position: absolute;
    top: -.75em;
    left: 22px;
    padding: 3px;
    background-color: #fff;
    &::after {
        display: none;
    }
}
#SFG_recruiting_form .elementor-field-group:not(.elementor-field-type-radio).has-content > label {
    display: block;
}
#SFG_recruiting_form .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper, .elementor-field-type-radio):focus, .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper, .elementor-field-type-radio):active {
    border-color: #1004DD !important;
}

#SFG_recruiting_form .elementor-field-type-radio > label {
    font-size: 15px !important;
    color: inherit !important;
    margin-bottom: 6px !important;
}

#SFG_recruiting_form .elementor-field-type-radio span.elementor-field-option > label {
    font-size: 15px !important;
    color: inherit !important;
}


/* Misc Breakpoint Tweaks/Fixes */

@media screen and (max-width: 1300px) {
    .elementor-widget-n-menu .e-n-menu-heading .e-n-menu-title {   
        --n-menu-title-space-between: 1.4vw !important;
    }
    .elementor-widget-n-menu .e-n-menu-title {
        gap: 5px !important;
    }
}

@media screen and (max-width: 767px) {
    .category-at-home-with-symmetry div[data-elementor-id="374"]:nth-child(3) {
        margin-top: -1.5em;
    }
}


/* Other Misc Tweaks/Fixes */

.category-at-home-with-symmetry .elementor-post-info__item--type-date, .category-symmetry-stories .elementor-post-info__item--type-date, .category-road-to-leadership .elementor-post-info__item--type-date {
    font-size: clamp(13px, 2vw, 15px) !important;
    line-height: 1.5em;
    color: #A3A3A3;
}

.elementor-193 .elementor-element.elementor-element-e91bfc9 .elementor-button .elementor-button-text {
    white-space: nowrap;
}

.elementor-button.btn-primary {
    font-weight: 500;
}

.elementor-widget-container p strong {
    font-weight: 600;
}

.elementor-image-box-title {
    margin-top: 0;
}

.elementor-widget-n-accordion .e-n-accordion-item {
    border-bottom: 1px solid #ABABAB;
}

.elementor-250 .elementor-element.elementor-element-4e1250b > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
	padding-bottom: 10px;
}

.elementor-250 .elementor-element.elementor-element-4e1250b > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-child {
	padding-bottom: 20px;
}