/*
Custom CSS for divi-child
Version: 1.0
Description: Used to establish custom styling for HRtoGO
Author: Press Creative (on behalf of TribalVision)
Author URL: http://www.press-creative.com
*/


/* VARIABLES */
:root {
    /* Brand Color Palette */
    --brand-color-primary: #0F4C66;
    --brand-color-secondary: #35D8CB;
    --brand-color-3: #5568F3;
    --brand-color-4: #BED7D2;
    --brand-color-5: #f0f0f0;
    --brand-color-6: #FF420E;
    /* Default Colors */
    --Default-Black: #3A3A3A;
    --Default-White: #FFFFFF;
    /* Typography */
    --Heading-1-Size: clamp(2.9rem, round(1.482rem + 4.857cqi, 0.5em), 5.125rem);
    --Heading-2-Size: clamp(1.9rem, round(1.4rem + 2.3cqi, 0.5em), 2.725rem);
    --Heading-3-Size: clamp(1rem, round(1.32rem + 0.857cqi, 0.5em), 1.75rem);
    --Heading-4-Size: clamp(1.5rem, round(1.321rem + 0.571cqi, 0.5em), 1.75rem);
    --Heading-5-Size: clamp(1.25rem, round(1.071rem + 0.571cqi, 0.5em), 1.5rem);
    --Heading-6-Size: clamp(1.125rem, round(1.036rem + 0.286cqi, 0.5em), 1.25rem);
    --Body-Size: clamp(0.9375rem, 0.75rem + 0.5vw, 1.125rem);
    --Font-Heading-Sans: 'canada-type-gibson', 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    --Font-Heading-Serif: "corsario-variable", sans-serif;
    --Font-Body: 'canada-type-gibson','Montserrat', Helvetica, Arial, Lucida, sans-serif;
    --Font-Body-Alt: ;
    --Line-Height-xs: 1;
    --Line-Height-s: 1.05;
    --Line-Height-m: 1.2;
    --Line-Height-l: 1.5;
    --Line-Height-xl: 2;
    --Font-Weight-Light: 300;
    --Font-Weight-Regular: 400;
    --Font-Weight-Bold: 900;
    --Font-Weight-Extra-Bold: 900;

}


/* SPACING CLASSES */

#page-container{
    overflow: hidden;
}

/*  
    Button Styles
*/

/* GLOBAL BUTTON STYLES */
/*Default Button Settings*/
#page-container .et_pb_button,
input.gform_button.button,
input.gform_next_button.gform-theme-button.button {
    border-radius: 25px !important;
    color: var(--Default-White) !important;
	background-color:var(--brand-color-6);
    text-align: center;
    font-style: normal;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    padding: 1vh 6vh !important;
    background: linear-gradient(to right, var(--Default-White) 50%, var(--brand-color-6) 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all .4s ease-out !important;
    text-decoration: none !important;
}

#page-container .et_pb_button:hover,
input.gform_button.button:hover,
input.gform_next_button.gform-theme-button.button:hover,
input.gform_previous_button.gform-theme-button.button:hover,
#footer input.gform_button.button:hover {
    transition: ease all .4s !important;
    border: none !important;
    color: var(--brand-color-6) !important;
    background-color: var(--Default-White) !important;
    background-position: left bottom !important;
}

input.gform_previous_button.gform-theme-button.button{
    border-radius: 25px !important;
    color: var(--Default-White) !important;
	background-color:var(--brand-color-3);
    text-align: center;
    font-style: normal;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    padding: 1vh 6vh !important;
    background: linear-gradient(to right, var(--Default-White) 50%, var(--brand-color-secondary) 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all .4s ease-out !important;
    text-decoration: none !important;
}

#footer input.gform_button.button {
    border-radius: 25px !important;
    color: var(--Default-White) !important;
	background-color:var(--brand-color-secondary);
    text-align: center;
    font-style: normal;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    padding: 1vh 6vh !important;
    background: linear-gradient(to right, var(--Default-White) 50%, var(--brand-color-secondary) 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all .4s ease-out !important;
    text-decoration: none !important;
}
/*
    BUTTON TEXT IS LIGHT - PRIMARY 
.et_pb_button.fsm-btn-primary 
*/
/*ARROW 'more' BUTTON*/


#page-container .et_pb_button.tv-arrow-btn,
.et_pb_button .et_pb_promo_button {
    color: var(--Default-White) !important;
    background: transparent !important;
    text-transform: lowercase !important;
    padding: 0 !important;
    letter-spacing: -.5px !important;
    display: block !important;
    text-decoration: none !important;
    transition: ease .3s all !important;
    font-weight: 500 !important;
    margin-top: 10vh !important;
    text-align: left !important;
}

#page-container .et_pb_button.tv-arrow-btn:after,
.et_pb_button .et_pb_promo_button:after{
    font-family: 'Font Awesome 6 Pro' !important;
    content: '\e09f' !important;
    color: var(--Default-White) !important;
    position: absolute !important;
    left:68px !important;
    top: -54px !important;
    display: inline-block !important;
    opacity: 1 !important;
    font-size: 3.5em;
    font-weight: 800;
}

#page-container .et_pb_button.tv-arrow-btn:hover {
    background-color: transparent !important;
}

#page-container .et_pb_button.tv-arrow-btn:hover:after{
    left: 5px !important;
} 

#page-container .et_pb_button.tv-arrow-btn:focus {
    /*box-shadow: 0px 0px 15px 0px ###;*/
}

/*all posts btn*/
#page-container .et_pb_button.posts-btn {
    color: var(--brand-color-primary) !important;
    background: transparent !important;
    text-transform: lowercase !important;
    padding: 0 !important;
    letter-spacing: -.5px !important;
    display: block !important;
    text-decoration: none !important;
    transition: ease .3s all !important;
    font-weight: 500 !important;
    text-align: left !important;
}

@media only screen and (max-width:980px){
    #page-container .et_pb_button.posts-btn{
        position: absolute;
        top: -8px;
        left: 10px;
    }
}

#page-container .et_pb_button.posts-btn:after{
    font-family: 'Font Awesome 6 Pro' !important;
    content: '\e09d' !important;
    color: var(--brand-color-primary) !important;
    position: absolute !important;
    left:2px !important;
    top: 0px !important;
    display: inline-block !important;
    opacity: 1 !important;
    font-size: 1.5em;
    font-weight: 800;
}

#page-container .et_pb_button.posts-btn:hover:after{
    left: -32px !important;
    top: -5px;
} 

/* alt button dark .fsm-btn-alt 
This Button style has a pseudo arrow on Hover*/
#page-container .et_pb_button.fsm-btn-alt:after {
    content: '\f054';
    position: absolute;
    font-size: 1em;
    font-weight: var(--Font-Weight-Bold);
    display: block;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    transition: opacity .5s, right .5s;
    color: var(--Default-Black) !important;
    font-family: 'Font Awesome 6 Pro' !important;
}

#page-container .et_pb_button.fsm-btn-alt:hover {
    color: var(--Default-Black) !important;
    opacity: 70%;
}

#page-container .et_pb_button.fsm-btn-alt.large:hover {
    padding: 1em 2em !important;
    padding-left: 1.8em !important;
    padding-right: 2.2em !important;
}

#page-container .et_pb_button.fsm-btn-alt:hover:after {
    opacity: 1;
}

#page-container .et_pb_button.fsm-btn-alt.small:hover {
    padding: .7em 1.3em !important;
    padding-left: .5em !important;
    padding-right: 1.5em !important;
}

/* LARGE BUTTON SIZING */
#page-container .et_pb_button.large {
    padding: 1em 2em !important;
    font-size: var(--Body-Size);
}

/* SMALL BUTTON SIZING */
#page-container .et_pb_button.small {
    padding: .7em 1.3em !important;
    font-size: 14px;
}

/*
universal text links
*/
#main-content a:not(.et_pb_button, .icon, img, .blog-post-list a, .team-member-list a, .resource-list a, .card, .exclude-style, .more-arrow-btn, #contact-form-section a, .entry-title a, .job-link a, .step-1, #newsletters a, #helpful-links a) {
    border-radius: 10px;
    padding: 6px 12px;
    transition: ease all .2s;
    display: inline;
    overflow: hidden;
    text-decoration: underline;
}

#main-content a:not(.et_pb_button, .icon, img, .blog-post-list a, .team-member-list a, .card, .more-arrow-btn, .event-title a, .job-link a):hover {
    border-radius: 10px;
    background-color: var(--brand-color-5);
	transition: ease all .2s;
}

/* 
    Font Sizing
*/

body.et_divi_theme h1 {
    font-size: var(--Heading-1-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: var(--Font-Weight-Bold);
}

body.et_divi_theme h2 {
    font-size: var(--Heading-2-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 2vh;
}

body.et_divi_theme h3 {
    font-size: var(--Heading-3-Size);
    font-weight: 700;
    letter-spacing: -1px;
}

body.et_divi_theme h4 {
    font-size: var(--Heading-4-Size);
}

body.et_divi_theme h5 {
    font-size: var(--Heading-5-Size);
}

body.et_divi_theme h6 {
    font-size: var(--Heading-6-Size);
}

body,
body p,
body li,
.et_pb_text_inner,
.et_pb_blurb_description {
    font-size: var(--Body-Size);
    font-family: var(--Font-Body);
    line-height: 1.7em;
}

body small {
    font-size: clamp(.5rem, 1.25cqi, .8rem);
}

/*Blog Font Sizes*/
.post-template-default {
    h1 {
        &.entry-title {
            font-size: clamp(1.75rem, round(1.125rem + 2cqi, 0.5em), 2.625rem) !important;
        }
    }

    h2 {
        font-size: clamp(1.5rem, round(0.875rem + 2cqi, 0.5em), 2.375rem) !important;
    }

    h3 {
        font-size: clamp(1.25rem, round(0.75rem + 2cqi, 0.5em), 2.125rem) !important;
    }

    h4 {
        font-size: clamp(1.125rem, round(0.625rem + 2cqi, 0.5em), 1.875rem) !important;
    }

    h5 {
        font-size: clamp(1rem, round(0.5rem + 2cqi, 0.5em), 1.625rem) !important;
    }

    h6 {
        font-size: clamp(0.875rem, round(0.375rem + 2cqi, 0.5em), 1.375rem) !important;
    }
}

/*CUSTOM FONT STYLES*/


/*END FONT STYLE*/

/*
MENU STYLES
*/

#main-header .container{
    width: 100% !important;
}

#main-header,
#main-header.et-fixed-header{
    box-shadow: none !important;
}

#logo {
        max-height: 55%!important;
        position: absolute;
        top: 25px;
		z-index:9;
}

@media only screen and (max-width:980px) {
    #page-container #main-header {
        top: 30px !important;
        padding-bottom:20px !important;
    }
    nav#top-menu-nav{
        float:right;
    }
    #logo {
        max-height: 100%!important;
        /*top: 15px;*/
	}
}

/*IF MENU HAS last-child CTA BUTTON 
- Style LI element as button*/

ul#mega-menu-primary-menu li:last-child a:not(ul.mega-sub-menu li a) {
    background: linear-gradient(to right, var(--brand-color-secondary) 50%, var(--Default-White) 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    line-height: 16px !important;
    border-radius: 25px !important;
    color: var(--brand-color-primary) !important;
    border: 1px solid var(--brand-color-primary) !important;
    transition: all .3s ease-out !important;
}

ul#mega-menu-primary-menu li:last-child a:not(ul.mega-sub-menu li a):hover{
    background-position: left bottom !important;
    border: 1px solid var(--brand-color-secondary) !important;
}

div#main-header .flex {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

div#main-header #menu {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

/* IF MENU is transpareant and links can't be seen
- Add page ID here */
body.page-id-77/*Contact Us*/ {
    #page-container {
        #top-header {
            background-color: #82c0d0 !important;
            z-index: 2;
        }
    }

    header#main-header {
        background-color: #82c0d0 !important;
        z-index: 2;
		padding-bottom:10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    }
}

/*Hover Styles*/

.mega-menu li a {
    color: var(--brand-color-primary) !important;
    transition: ease all 0.1s !important;*/
    font-weight: 500 !important;
}

.mega-menu li a:hover {
    color: var(--brand-color-3) !important;
    text-decoration: underline 2px inherit !important;
    text-underline-offset: 8px !important;
    /*transform: translate(-5px);*/
    /*transition: ease .3s all;*/
}

a:not(ul.mega-sub-menu li a).mega-menu-link:hover{
    border-bottom: 3px solid var(--brand-color-3) !important;
}

/*Active Styles*/

/* .mega-current-menu-item a.mega-menu-link {
    text-decoration: underline 2px inherit !important;
    text-underline-offset: 8px !important;
} */



/* MOBILE STYLES */
@media only screen and (max-width:980px) {
    .mobile_menu_bar:before{
        display:none;
    }
    #et_search_icon{
        display: none;
    }
    .mega-menu li a {
        color: var(--Default-Black) !important;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu{
        right: -20px;
    }

    #mega-menu-wrap-primary-menu .mega-menu-toggle {
        background: transparent;
    }

    div#mega-toggle-block-0 {
        background: var(--Default-White) !important;
        border: 2px solid #6a8790;
        border-radius: 5px;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{
        margin-left: 10px;
    }
}

/*END MENU*/

/* GLOBAL FORM STYLES */

/*submit button -- listed w/global .et_pb_button*/

.gform-theme--foundation .gform_fields{
    row-gap: 2vh;
}

.gform-theme--framework .gf_progressbar .percentbar_blue{
    background-color: var(--brand-color-3);
}

.gform-theme--framework .gfield_list_group_item::before, 
.gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) {
    font-size: .9em;
    color: var(--brand-color-primary);
}

.gform-theme--framework .field_sublabel_above .gform-field-label--type-sub{
    color: var(--brand-color-primary);
}

.gfield_consent_label{
    color: var(--Default-Black) !important;
}

.gform-theme--foundation .gfield input.large,
.gform-theme--foundation .gfield textarea.medium,
.gform-theme--foundation .gfield select,
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    border: none;
    border-radius: 20px;
    color: var(--Default-Black);
    font-size: medium;
}

.gform_required_legend{
    display: none;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    font-weight: var(--Font-Weight-Bold) !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 1em 1em 1em 3em !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    font-size: 14px !important;
    border-radius: 5px !important;
    padding: .5em .5em .5em 40px !important;
}

.gform_wrapper.gravity-theme .validation_message {
    position: relative;
}

.gform_wrapper.gravity-theme .validation_message::before {
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: var(--Font-Weight-Extra-Bold);
    color: #c02b0a;
    font-size: 20px;
    content: '\f057';
    margin-left: -28px;
}

/* CUSTOM FORM STYLES */
/* END FORM STYLES */

/*GLOBAL DIVI MODULE STYLES*/

.et_pb_section{
    /*width: 90%;
    max-width: 90%;*/
    margin: 4vh auto;
    border-radius: 25px;
}


/*START PAGE ORGANIZATION*/

/*HOMEPAGE*/

#page-container{
    box-shadow: none !important;
}

#home-hero-header{
    border-radius: 45px;
}

#home-hero-header h1{
    color: var(--Default-White);
    font-size: clamp(2.7rem, round(1.182rem + 6.857cqi, 0.5em), 9.125rem);
    font-family: canada-type-gibson, sans-serif;
    font-weight: 900;
    font-style: normal;
}

body.et_pb_pagebuilder_layout #page-container div#home-hero .et_pb_fullwidth_header {
    padding-top: 0 !important;
}

@media all and (max-width: 980px){
    .flex {
        display: flex;
        flex-wrap: wrap;
    }
    .first-on-mobile{
        order: 1;
    }
    .second-on-mobile{
        order: 2;
    }
}

.grid {
    display: grid;
}

#home-hero-header:after{
    content: url(/wp-content/uploads/2025/03/logo-lightTeal-white.png);
    position: absolute;
    bottom: -271px;
    right: -2vw;
    z-index: 10;
    animation: spin 3s ease-in-out;
}
@keyframes spin {
    0% {
        transform: translateX(100%) rotate(0deg);
        opacity: 0;
    }
    100% {
        transform: translateX(0) rotate(-360deg);
        opacity: 1;
    }
}

@media only screen and (max-width:1250px) {
    #home-hero-header:after {
        transform: scale(.8);
        right: -6vw;
        animation: spin-2 3s ease-in-out;
    }
    @keyframes spin-2 {
        0% {transform: translateX(100%) rotate(0deg) scale(.8);}
        100% {transform: translateX(0) rotate(-360deg) scale(.8);}
    }
}

@media only screen and (max-width:1100px) {
    #home-hero-header:after {
        transform: scale(.7);
        right: -9vw;
        animation: spin-3 3s ease-in-out;
    }
    @keyframes spin-3 {
        0% {transform: translateX(100%) rotate(0deg) scale(.7);}
        100% {transform: translateX(0) rotate(-360deg) scale(.7);}
    }
}
@media only screen and (max-width:900px) {
    #home-hero-header:after {
        transform: scale(.6);
        right: -13vw;
        animation: spin-4 3s ease-in-out;
    }
    @keyframes spin-4 {
        0% {transform: translateX(100%) rotate(0deg) scale(.6);}
        100% {transform: translateX(0) rotate(-360deg) scale(.6);}
    }
}
@media only screen and (max-width:500px) {
    #home-hero-header:after {
        transform: scale(.4);
        right: -44vw;
        animation: spin-tiny 3s ease-in-out;
        }
    @keyframes spin-tiny {
            0% {transform: translateX(100%) rotate(0deg) scale(.4);}
            100% {transform: translateX(0) rotate(-360deg) scale(.4);}
        }
}

/*at your side. on your team.*/
#at-your-side{
    padding: 10vh 0;
}
@media only screen and (min-width:980px) {
    #at-your-side .et_pb_text_inner{
        width: 55%;
    }
}

/*solutions - homepage*/
#homepage-solutions,
.two-col-cta,
{
    padding: 0 !important;
}

#homepage-solutions .et_pb_column,
.two-col-cta .et_pb_column{
    border-radius: 25px;
    padding: 4vh;
}

#homepage-solutions .et_pb_promo,
.two-col-cta .et_pb_promo{
    text-align: left;
}

@media only screen and (max-width:980px){
    .two-col-cta .et_pb_promo{
        padding: 0 !important;
    }
}

#homepage-solutions .et_pb_module_header{
    font-weight: 300;
    border-bottom: 1px solid var(--Default-White);
    padding-bottom: 2vh;
    margin-bottom: 4vh;
    font-size: var(--Heading-1-Size);
}

#homepage-solutions h2,
.two-col-cta h2{
    font-weight: 500;
    font-size: var(--Heading-3-Size);
}

#homepage-solutions .et_pb_promo{
    padding:0 !important;
}

/*#homepage-solutions .et_pb_promo_description p:last-of-type{
    margin-top: 5vh;
}*/

/*#homepage-solutions .more-arrow-btn{
    color: var(--Default-White);
    background: transparent;
    text-transform: lowercase;
    padding: 0;
    letter-spacing: -.5px;
    display: block !important;
    text-decoration: none;
    transition: ease .3s all;
    font-weight: 700;
    margin-top: 10vh !important;
}*/

/* #homepage-solutions .more-arrow-btn i{ 
    font-weight: 600;
    font-size: 3em;
    position: absolute;
    transform: translateY(-40px);
    transition: ease .2s all;
}*/

/*#homepage-solutions .et_pb_module:hover .more-arrow-btn{
    background-color: transparent !important;
    color: var(--brand-color-5);
}*/

/*#homepage-solutions .et_pb_module:hover .more-arrow-btn i{
    transform: translateY(-45px) translateX(5px);
    color: var(--brand-color-5);
}*/

#homepage-solutions .align-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}

/*Global Testimonial Slider*/

#global-testimonial-slider-section{
    margin: 0;
}

#global-testimonial-slider-section:after{
    content: url(/wp-content/uploads/2025/03/logo-half-white.png);
    position: absolute;
    right: -85px;
    top:-72px;
    transform: scale(.8);
}

.global-testimonial-slider-slide-row {
    min-width: 90%;
    width: 190%;
    padding-top: 0 !important;
}

.global-testimonial-slider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

#home-hero-header .et_pb_module,
.global-testimonial-slider .et_pb_module{
    margin-bottom: 0 !important;
}

.global-testimonial-slider .slick-list.draggable {
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

#global-testimonial-slider-section .et_pb_testimonial_description{
    width: 80%;
}

@media only screen and (max-width: 500px){
    #global-testimonial-slider-section .et_pb_testimonial_description{
        width: 90%;
        margin:auto;
    }
}

.et_pb_testimonial .et_pb_testimonial_content p,
.et_pb_testimonial_author{
    color: var(--brand-color-primary);
    font-size: clamp(1.25em, 4cqi, 1.7em);
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: -1px;
}

.et_pb_testimonial_author:before{
    content: '\e404';
    font-family: 'Font Awesome 6 Pro';
    margin-right: 10px;
}

.et_pb_testimonial_position,
.et_pb_testimonial_company{
    color: var(--brand-color-primary) !important;
}

i.slick-arrow {
    font-size: 20px !important;
	transition: all .5s ease;
}

i.slick-arrow:hover {
    cursor: pointer;
    transition: all .5s easet;
	font-size: 1.3em !important;
}

.slick-dots{
    bottom: -60px;
}

.slick-dots li button:before{
    font-size: 10px;
    color: var(--brand-color-primary) !important;
    opacity: .5;
}

.slick-dots li.slick-active button:before{
    opacity: 1;
}

@media only screen and (max-width:479px) {
    #global-testimonial-slider-section .et_pb_testimonial{
        padding-top: 0 !important;
    }
    .slick-dots{
        bottom: -42px;
    }
}

/*homepage stats section*/

#homepage-stats{
}

.feat-stat{
    border-radius: 25px;
    padding: 8vh 4vh;
    margin: 3vh 2vh;
    min-height: 40vh;
}

.feat-stat .et_pb_blurb_description{
    text-align: center;
}

#homepage-stats h3{
    font-size: clamp(3rem, round(1.482rem + 6.857cqi, 0.5em), 9.125rem);
    line-height: 1em;
    text-align:center;
    font-weight: 500;
    letter-spacing: -3px;
}

@media only screen and (max-width:500px){
    #homepage-final-cta .et_pb_image{
        rotate: 90deg;
    }
}



/*end homepage*/

/*REUSABLE GENERIC SECTIONS*/

#interior-header-light .et_pb_image,
#interior-header-dark .et_pb_image{
    max-width: 25%;
    margin-left: 0;
}

@media only screen and (min-width:980px){
    #interior-header-light .et_pb_image,
    #interior-header-dark .et_pb_image{
        max-width: 80%;
        margin: auto;
    }
}

#interior-header-light p,
#interior-header-light .et_pb_text_inner{
    color: var(--Default-Black);
}

#interior-header-dark p,
#interior-header-dark .et_pb_text_inner{
    color: var(--Default-White);
}

.et_pb_toggle_open h2.et_pb_toggle_title,
.et_pb_toggle_close h2.et_pb_toggle_title{
    margin-bottom: 0 !important;
}

.et_pb_toggle_open h2.et_pb_toggle_title:after,
.et_pb_toggle_open h3.et_pb_toggle_title:after{
    font-family: 'Font Awesome 6 Pro' !important;
    content: '\e091';
    font-weight: 800;
    font-size: 1.5em;
    position: absolute;
    right: 0px;
    transition: ease .3s all;
}
.et_pb_toggle_content p:last-of-type{
    padding-bottom: 1em;
}

.et_pb_toggle_close h2.et_pb_toggle_title:after,
.et_pb_toggle_close h3.et_pb_toggle_title:after{
    font-family: 'Font Awesome 6 Pro';
    content: '\e09f' !important;
    font-weight: 800;
    font-size: 1.5em;
    position: absolute;
    right: 0px;
    transition: ease .3s all;
}

.white-gray-outlined-section{
    border: 1px solid var(--brand-color-primary);
}

.white-gray-outlined-section:after{
    content: url(/wp-content/uploads/2025/03/light-teal-arrow-lg-fromRight.png);
    position:absolute;
    right: 0;
    top:0;
}

.white-gray-outlined-section .et_pb_row{
    border-radius: 25px;
    align-items:center;
    background-color: var(--brand-color-5);
    padding: 6vh 4vh;
}

@media only screen and (min-width:981px) {
    .spearmint-teal .et_pb_text_inner{
        width: 55% !important;
    }
    .spearmint-gray .et_pb_column{
        width: 70% !important;
    }
}

.spearmint-teal{
    padding: 15vh 0 !important;
}

.spearmint-gray{
    border: 2px solid var(--brand-color-primary);
}

.spearmint-gray h2{
    color: var(--brand-color-primary) !important;
}
.spearmint-gray p,
.spearmint-gray .et_pb_text_inner{
    color: var(--Default-Black);
}

@media only screen and (max-width:500px){
    .spearmint-teal{
        padding:5vh 0 !important;
    }
    .spearmint-gray{
        padding:5vh 3vh !important;
    }
}

.dark-teal-vertical,
.light-gray-vertical{
    padding: 0 !important;
}

.light-gray-vertical{
    border: 2px solid var(--brand-color-secondary);
}

.dark-teal-vertical .et_pb_row,
.light-gray-vertical .et_pb_row{
    padding: 0;
}

.dark-teal-vertical .et_pb_row .et_pb_column,
.light-gray-vertical .et_pb_row .et_pb_column{
    padding: 5vh 3vh !important;
}

.light-gray-vertical .et_pb_row .et_pb_column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 35vh;
}

.dark-teal-vertical .et_pb_row .et_pb_column:first-of-type,
.light-gray-vertical .et_pb_row .et_pb_column:first-of-type{
    padding: 5vh 0 !important;
}

.dark-teal-vertical-border-left{
    border-left: 1px solid var(--Default-White);
}
.light-gray-vertical-border-left{
    border-left: 1px solid var(--brand-color-secondary);
}

@media only screen and (max-width:500px) {
    .dark-teal-vertical .et_pb_row .et_pb_column:first-of-type,
    .light-gray-vertical .et_pb_row .et_pb_column:first-of-type{
        padding: 2vh 2vh !important;
        margin-bottom: 0;
    }
    .dark-teal-vertical-border-left{
        border-left: none;
        border-bottom: 1px solid var(--Default-White);
    }
    .light-gray-vertical-border-left{
        border-left:none;
        border-bottom: 1px solid var(--brand-color-secondary);
    }
    .light-gray-vertical .et_pb_row .et_pb_column{
        min-height: 10vh !important;
        padding: 2vh !important;
    }
}

.accordion-flex-row{
    display: block;
}

.accordion-flex-col,
.accordion-flex-col-2x,
.accordion-flex-col-1x{
    padding: 2vh 4vh 0 0;
}

.accordion-flex-col-1x{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.accordion-flex-col-1x img{
    max-width: 50%;
}

@media only screen and (min-width:980px){
    .accordion-flex-row{
        display: flex;
    }
    .accordion-flex-col{
        flex: 50%;
    }
    .accordion-flex-col-2x{
        flex: 2 0 0%;
    }
    .accordion-flex-col-1x{
        flex: 1 0 0%;
        padding: 0 5vh;
    }
}

.flex-end-button-column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 50vh;
}

.flex-end-short-column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 30vh;
}

.flex-end-resources-column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 20vh;
}

.flex-end-blog-column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 48vh;
}

.package-accordion .et_pb_toggle{
    margin-bottom: 0 !important;
}

.package-accordion-blueviolet{
    background-color: var(--brand-color-3);
}

.package-accordion-blueviolet h3{
    color: var(--Default-White);
}

.logo-left .et_pb_row{
    width: 100% !important;
    max-width: 100% !important;
}

.logo-left .et_pb_image img{
    border-radius: 23px !important;
}

.logo-left .et_pb_column:last-of-type{
    padding: 4vh !important;
    width: 40%;
}

@media only screen and (max-width:980px){
    .flex-end-button-column{
        min-height: auto;
    }
    .logo-left .et_pb_column:last-of-type{
        padding: 3vh 3vh !important;
    }
}

.core-values .et_pb_row:first-of-type .et_pb_column:first-of-type{
    background-color: var(--Default-White);
}

.core-values .et_pb_row{
    padding-bottom: 0 !important;
}

.core-values .et_pb_row .et_pb_column{
    border-radius: 25px;
    padding: 3vh;
    border: 2px solid var(--Default-White);
}

.core-values h3,
.core-values .et_pb_text_inner,
.core-values p{
    color: var(--Default-White);
}

.industries-we-support .et_pb_toggle_title {
    font-weight: 600 !important;
}

.back-btn-section{
    padding:1vh !important;
    margin:1vh !important;
}

@media only screen and (max-width:980px){
    .back-btn-section{
        padding-top: 6vh !important;
    }

}

.step-1{
    text-decoration: underline;
}





/*EVENTS - 'My Calendar' plugin styling*/

.calendar-button{
    border-radius: 25px !important;
    color: var(--Default-White) !important;
	background-color:var(--brand-color-6);
    text-align: center;
    font-style: normal;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    padding: 1vh 6vh !important;
    background: linear-gradient(to right, var(--Default-White) 50%, var(--brand-color-6) 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all .4s ease-out !important;
    text-decoration: none !important;
}

.calendar-button:hover {
    transition: ease all .4s !important;
    border: none !important;
    color: var(--brand-color-6) !important;
    background-color: var(--Default-White) !important;
    background-position: left bottom !important;
}

.mc-main .my-calendar-navigation .mc-active, .mc-main .my-calendar-navigation a, .mc-main .my-calendar-navigation select, .mc-main .my-calendar-navigation input, .mc-main .my-calendar-navigation input[type=submit], .mc-main .my-calendar-navigation button{
    font-weight: 600;
}

.mc-main .my-calendar-navigation select:hover,
.mc-main .my-calendar-navigation input:hover{
    outline: none;
    background-color: var(--brand-color-6);
}

.mc-main .heading:not(.widget .mc-main .heading){
    font-size: var(--Heading-2-Size) !important;
    color: var(--brand-color-primary);
}

.mc-main .my-calendar-navigation .my-calendar-footer{
    display: none;
}

.mc-main .my-calendar-navigation > div{
    column-gap: 40px;
    padding: 3vh 0 !important;
}

.mc-main .my-calendar-navigation .mc-active{
    filter: brightness(100%);
    border: none;
    outline-offset: 0;
    background-color: var(--brand-color-primary) !important;
    color: var(--Default-White);
}

.mc-main .my-calendar-navigation a{
    text-decoration: none !important;
    font-weight: 600;
}

.mc-main .my-calendar-navigation .mc-grid-option,
.mc-main .my-calendar-navigation .mc-card-option,
.mc-main .my-calendar-navigation .mc-list-option,
.mc-main .my-calendar-navigation .month,
.mc-main .my-calendar-navigation .week,
.mc-main .my-calendar-navigation .day,
.mc-main .my-calendar-navigation .today{
    background-color: var(--brand-color-5);
}

.mc-main .my-calendar-navigation a:hover{
    outline: none;
    background-color: var(--brand-color-6) !important;
}

.mc-main .event-title{
    color: var(--brand-color-primary);
    font-weight: 600;
    font-size: var(--Heading-3-Size);
}

.mc-main h3{
    font-family: var(--Font-Heading-Sans);
    font-size: var(--Heading-3-Size);
    color: var(--Default-Black);
}

.my-calendar-modal__content{
    padding: 4vh;
    box-shadow: none;
    border-radius: 25px;
    background-color: var(--brand-color-5);
}

#js-modal-content p{
    margin: 0;
    color: var(--Default-Black);
}


/*cards styling*/
.my-calendar-cards .card-event{
    padding: 0 4vh 4vh 4vh;
    box-shadow: none;
    border-radius: 25px;
    background-color: var(--brand-color-5);
}

.event-title a{
    text-decoration: none !important;
}

.event-title a:hover{
    color: var(--brand-color-6);
}

.event-title a div{
    line-height: 1.2em;
}

.mc-registration .external{
    background-color: var(--brand-color-primary);
}

.mc-main .time-block{
    background-color: transparent !important;
}

/*grid calendar styling*/

.my-calendar-modal-close{
    background: var(--brand-color-6);
    border-radius: 25px;
}

.my-calendar-modal-close__text{
    display: none;
}

.my-calendar-modal #js-modal-content{
    padding: 3vh;
}

.mc-main thead{
    background-color: var(--brand-color-primary);
    border-bottom: 2px solid var(--Default-Black);
    color: var(--Default-White);
}

.mc-main th abbr{
    color: var(--Default-White);
}
.mc-main .has-events .mc-date{
    background-color: var(--brand-color-primary);
}

.mc-main td .event-title{
    color: var(--brand-color-primary);
    font-weight: 500;
}

.mc-main .current-day:not(.day .current-day){
    outline: 1px solid var(--brand-color-secondary);
}

.entry-content table:not(.variations){
    color: var(--Default-Black);
}

/*list styling*/
.event-count{
    display: none;
}

/*EVENTS - Event Detail Page Template*/

/*section ID: #event-detail*/

#event-detail{
    border: 2px solid var(--brand-color-secondary);
    margin-top: 4vh;
    padding-top: 2vh;
}

#event-detail #event-detail-template{
    background-color: var(--brand-color-5);
    padding: 10vh 2vh;
    border-radius: 25px;
}

@media only screen and (min-width: 980px){
    #event-detail #event-detail-template{
        padding: 6vh;
    }
}

#event-detail h1{
    font-size: var(--Heading-3-Size);
    line-height: 1.2em;
    margin-bottom: 4vh;
    font-weight: 600;
}

#event-detail h2{
    font-size: var(--Heading-4-Size);
}

#event-detail a{
    text-decoration: none !important;
}

#event-detail .alt{
    text-transform: capitalize !important;
    font-weight: 500 !important;
    font-family: var(--Font-Body);
}

.event-date-time,
.event-description{
    color: var(--Default-Black);
}

/*TEAM MEMBERS - MEET THE TEAM page*/

#team-grid-section{
    padding: 0;
}

#team-grid-section .et_pb_row{
    padding: 0;
    width: 100% !important;
}

ol.team-member-list {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-gap: 3vh !important;
}

@media screen and (max-width: 980px) {
    ol.team-member-list{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

li.team-member-item {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 25px;
    transition: ease all 0.3s;
    /*border: 1px solid var(--brand-color-secondary);*/
}

li.team-member-item{
    /*background-color: var(--brand-color-4);*/
}

li.team-member-item a.wrapping-link {
    display: block;
    height: auto;
    width: 100%;
    padding: 1em;
    border: 1px solid var(--brand-color-secondary);
    transition: ease .2s all;
    border-radius: 25px;
}

li.team-member-item a.wrapping-link:hover{
    border: 1px solid var(--brand-color-6);
    border-radius:25px;
}

li.team-member-item img{
    border-radius: 25px;
}

.fwpl-result{
    border: 1px solid var(--brand-color-secondary);
}



/*TEAM MEMBERS - detail pages*/
#bio-detail h1{
    font-size: var(--Heading-2-Size) !important;
    font-weight: 500;
}

#bio-detail .et_pb_column{
    border-radius: 25px;
}

#bio-detail img{
    border-radius: 25px;
}



@media screen and (max-width: 980px) {
    #bio-detail img{
        margin-bottom: 4vh;
    }
    #bio-detail .et_pb_row{
        margin-top: -8vh !important;
    }
}

/*RESOURCES LISTINGS PAGE*/

#resource-listings-section{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

ol.resource-list {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 3vh !important;
}

@media screen and (max-width: 980px) {
    ol.resource-list{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/*RESOURCES -- CASE STUDIES DETAIL PAGES*/
#success-factors .et_pb_row:first-of-type{
    padding:0;
}
#success-factors .et_pb_row:first-of-type .et_pb_column{
    background-color: transparent;
    padding: 0;
}

#success-factors .et_pb_row:first-of-type .et_pb_column h2{
    color: var(--brand-color-primary);
}

#success-factors .et_pb_column{
    background-color: var(--brand-color-primary);
    border-radius: 25px;
    padding: 3vh;
}

#success-factors .et_pb_column h2,
#success-factors .et_pb_column h3,
#success-factors .et_pb_column h4,
#success-factors .et_pb_column .et_pb_text_inner,
#success-factors .et_pb_column p,
#success-factors .et_pb_column li{
    color: var(--Default-White);
}



/*Blog Section*/
/*.onpage-post-list {
    position: relative;
}

.onpage-post-list i {
    position: absolute;
    top: -10%;
    color: #fff;
}

.onpage-post-list i.fa-chevron-right {
    right: 0;
}

.onpage-post-list i.fa-chevron-left {
    right: 5%;
}*/

/*ol.fsm-on-page-posts {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 2vh;
}*/

/*li.on-page-post-item {
    background: #fff;
    display: flex;
    height: auto;
}

li.on-page-post-item .card {
    height: 100% !important;
    width: 100% !important;
    padding: 2vh;
}

li.on-page-post-item .card img {
    min-height: 250px;
    max-height: 250px;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 2vh;
}

li.on-page-post-item .card h3 {
    font-size: 18px;
}*/

/*@media only screen and (max-width:980px) {
    ol.fsm-on-page-posts {
        display: block;
        padding-bottom: 0 !important;
    }

    ol.fsm-on-page-posts .slick-track {
        display: flex;
        height: auto;
    }

    ol.fsm-on-page-posts .slick-track li {
        min-height: 100%;
    }

}*/

/*END*/


/*
BLOG
*/

/* BLOG LISTINGS PAGE */

#blog-listing-container{
    padding: 0 !important;
}

#blog-listing-container .et_pb_row{
    padding: 0 !important;
    width: 100% !important;
}

ol.blog-post-list {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 5vh !important;
}

ol.blog-post-list li:first-child {
    grid-column: 1 / span 3 !important;
    min-width: 100% !important;
    min-height: 45vh;
}

li.blog-post-item.featured-post {
    background: var(--brand-color-primary);
    padding: 0 !important;
    border-radius: 25px;
}

li.blog-post-item.featured-post:hover img{
    filter: grayscale(0);
}

div#imagewrapper {
    height: 100%;
    display: flex;
}

.featured-post img {
    width: 100%;
    margin: auto;
    grid-column-start: 1;
    object-fit:contain;
    border-radius: 25px 0 0 25px;
    background-color: var(--brand-color-primary);
    filter: grayscale(1);
}

/*.featured-post img::before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,0,0,0.65) 100%);
}*/

@media screen and (max-width: 980px) {
    .featured-post img {
        border-radius: 25px 25px 0 0;
    }

}

li.blog-post-item.featured-post .wrapping-link {
    display: grid;
    grid-template-columns: 50% 50%;
}

span#featured-post-date-published {
    color: var(--brand-color-secondary) !important;
    font-size: 16px;
    margin-bottom: 3vh;
}

span#date-published {
    color: var(--Default-Black) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 3vh;
}

.featured-post p {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

div#post-info {
    padding: 5vh;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 20px;
}

div#post-info p,
div#post-info span,
div#post-info h2 {
    width: 100%;
    color: var(--Default-White);
}

.blog-post-list h2,
.blog-post-list h3{
    font-size: clamp(1.2rem, 2.5cqw, 1.6rem) !important;
}

li.blog-post-item {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 25px;
    transition: ease all 0.3s;
    background: var(--brand-color-5);
}

li.blog-post-item:not(.featured-post) img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    padding: 0;
    border-radius: 25px;
    height: 250px !important;
    filter: grayscale(1);
}

li.blog-post-item a.wrapping-link {
    display: block;
    height: auto;
    width: 100%;
    padding: 1em;
    border: 1px solid var(--brand-color-5);
    transition: ease .2s all;
    border-radius: 25px;
}

li.blog-post-item a.wrapping-link:hover{
    border: 1px solid var(--brand-color-6);
    border-radius:25px !important;
}

li.blog-post-item a.wrapping-link:hover img{
    filter: grayscale(0);
}

li.blog-post-item a.text-link-style {
    display: block;
    margin-top: auto;
}

@media screen and (max-width: 980px) {

    ol.blog-post-list,
    ol.blog-post-list li:first-child {
        display: block !important;
    }

    ol.blog-post-list li {
        margin-bottom: 10px;
    }

    li.blog-post-item.featured-post .wrapping-link {
        display: block;
    }

    li.blog-post-item:not(.featured-post) img {
        object-fit: cover;
        object-position:center;
        width: auto;
        padding: 0;
        border-radius: 25px;
        height: 250px !important;
    }

    div#imagewrapper,
    .featured-post img {
        max-height: 400px;
        margin: 0;
        
    }
}
/*END*/

/*BLOG DETAIL (ARTICLE) PAGE*/

.blog-detail-header h1,
.blog-detail-header .et_pb_text_inner{
    color: var(--Default-White);
}

/*article & sidebar section*/
#blog-detail-content{
    border: 2px solid var(--brand-color-primary);
}

@media screen and (max-width:980px){
    #blog-detail-content .et_pb_row{
        padding: 0;
    }
}

#blog-detail-sidebar{
    padding: 4vh 3vh;
    border-radius: 25px;
    background-color: var(--brand-color-5);
}

#blog-detail-sidebar article{
    margin-bottom: 0;
}


h3.entry-title{
    line-height: .7em !important;
}

@media screen and (max-width: 980px) {
    h3.entry-title{
        line-height: 1em !important;
    }
}

h3.entry-title a{
   font-size: var(--Heading-5-Size) !important;
}


/*Please select 1 of the 3 Blog Article Templates & discard unused*/
/*
ALL POSTS OPTION 1
*/

.single-post #page-container h1 {
    font-size: clamp(2rem, 4.5cqi, 4.25rem);
}

.single-post #page-container .et_pb_title_container,
.single-post #page-container .fsm-post-content {
    max-width: 980px;
    margin: 0 auto;
    padding: 5vh 0;
}

.single-post #page-container .et_pb_title_featured_container {
    text-align: center;
    max-width: 1200px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 18px;
	width: 90%;
}

.single-post #page-container .et_pb_title_featured_container .et_pb_title_featured_image img {
	aspect-ratio: 21 / 9;
    object-fit: cover;
    object-position: center;
}

.single-post #page-container .fsm-post-content img {
    border-radius: 8px;
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.25);
    margin: 2em auto;
    display: block;
    text-align: center;
}

.single-post blockquote {
    border-radius: 25px;
    background: linear-gradient(92deg, rgba(247, 154, 67, 0.40) 1.81%, rgba(217, 107, 98, 0.40) 42.39%, rgba(164, 143, 211, 0.40) 85.48%);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border: none;
    padding: 5vh;
    width: calc(100% + 10vh);
    margin-left: -5vh;
}

.single-post blockquote,
.single-post blockquote p {
    font-size: clamp(1.25em, 4cqi, 1.5em);
    line-height: 1.25em;
    font-family: "corsario-variable", sans-serif;
    font-variation-settings: "opsz"48, "wght"700;
}

/*END*/






/*
ABOUT
*/


/*ABOUT: OUR PROCESS*/

.et_pb_promo_description p:last-of-type{
    padding-bottom: 3vh;
}

/*END*/


/*MY HRTOGO (DASHBOARD) */

#video-tutorials{
    border: 2px solid var(--brand-color-3);
}
@media only screen and (max-width:500px){
    #video-tutorials .et_pb_row{
        padding-bottom: 0 !important;
    }
}

/*CAREERS*/

/*fancybox CSS overrides/additions*/
.fancybox-slide > * {
    border-radius: 25px;
}

#job-openings{
    border: 2px solid var(--brand-color-primary);
}

.job-alert{
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: start;
    grid-gap: 3vh;
    margin-bottom: 5vh;
}

.job{
    display: grid;
    grid-template-columns: auto auto auto;
}

.location-department{
    padding-left: 10px;
}

.job-link {
    margin-left: auto;
    margin-bottom: 4vh;
    border-radius: 25px !important;
    color: var(--Default-White) !important;
	background-color:var(--brand-color-6);
    text-align: center;
    font-style: normal;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: normal !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: ease all .3s !important;
    border: none !important;
    padding: 1vh 4vh !important;
    background: linear-gradient(to right, var(--brand-color-primary) 50%, var(--brand-color-6) 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all .4s ease-out !important;
    text-decoration: none !important;
}

.job-link:hover{
    transition: ease all .4s !important;
    border: none !important;
    color: var(--brand-color-primary) !important;
    background-position: left bottom !important;
}

@media only screen and (max-width:500px){
    .job-alert{
        display: grid;
        grid-template-columns: auto;
        align-items: start;
        justify-content: start;
        grid-gap: 3vh;
    }
    
    .job{
        display: grid;
        grid-template-columns: auto;
    }

    #searchTextBox{
        width: 345px !important;
    }

    .job-link{
        margin-left: 0 !important;
        margin-right: auto;
    }

    #buttons{
        display: grid;
        grid-template-columns: auto;
    }

    #buttons .job-link{
        margin-bottom: 1vh;
    }

}

/*QUIZ*/
#quiz-section {
    border: 2px solid var(--brand-color-primary);
    color: var(--Default-Black)
}

#quiz-section .gf_progressbar_title{
    color: var(--Default-Black);
}

#quiz-section .gfield_required.gfield_required_asterisk{
    font-size: 2em;
}

#quiz-section .gfield_label.gform-field-label {
    color: var(--brand-color-primary);
    font-size: 1.2em;
}

#quiz-section .gfield-choice-input{
    margin-top: .5vh;
}

#quiz-section .gform-field-label.gform-field-label--type-inline{
    color: var(--Default-Black);
    font-size: 1em;
}

#quiz-section p:not(:first-of-type){
    margin-bottom: 5vh;
}

.quiz-result{
    font-size: 3.5em;
}

.answers-grid{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 3vh;
}

.answer{
    border: 2px solid var(--brand-color-secondary);
    border-radius: 25px;
    padding: 3vh;
    color: var(--Default-Black);
}

.result-cta{
    padding: 5vh 0;
    max-width: 70%;
}

.result-cta p{
    margin-bottom: 6vh;
    color: var(--Default-Black);
}

@media only screen and (max-width:980px) {
    .answers-grid{
        grid-template-columns: auto;
    }
    .result-cta{
        max-width: 90%;
    }
}

/*
CONTACT
*/


/*END*/

/*FOOTER*/

#footer{
    border-radius: 25px 25px 0 0;
    margin-bottom: 0;
}

#footer h3{
    font-size: var(--Heading-6-Size);
}

#footer p{
    font-size: clamp(0.9375rem, 0.65rem + 0.5vw, .9rem);
    color: var(--brand-color-primary);
}

#footer a {
    color: var(--brand-color-primary);
}

#footer a:hover{
    color: var(--brand-color-3);
}

.et-l--footer ul{
    padding: 0 0 23px 0 !important;
}

/* #footer-logo:before{
    content: url(/wp-content/uploads/2025/03/HRtoGO-logo-brand-mark.png);
    position: absolute;
    width: 12.5%;
    aspect-ratio: 1/1; 
    left: 50%;
    transform: translateX(-50%);
    top: -5px;
    z-index: 10;
} */

#footer #footer-logo{
    max-width: 55%;
    position: relative;
    left: -3.5vw;
    margin-bottom: 1vh;

}

@media only screen and (max-width:980px) {
    #footer #footer-logo{
        max-width: 33%;
        left: -6.75vw;
    }
}

@media only screen and (min-width: 980px){
    #footer .et_pb_column:last-of-type{
        transform: translateX(5vh);
    }
}