:root {
    /* Elementor Kit System Colors */
    --primary-color: #4079BD;
    --secondary-color: #54595F;
    --text-color: #7A7A7A;
    --accent-color: #4E94E7;

    /* Elementor Kit Custom Colors */
    --button-color: #B1872D;
    --hover-button-color: #CBA860;
    --dark-blue-1-color: #1F2B30;
    --dark-blue-2-color: #29393F;
    --dark-blue-3-color: #1F2A5B;
    --dark-blue-4-color: #104696;
    --light-BG-color: #F7F7F7;
    --white-color: #fff;
    --black-color: #000;

    /* Other Colors */
    --soft-blue-text: #004152;
    --yellow-button-background: #ffc502;
    --hover-yellow-button-background: #ffd800;

    /* Fonts */
    --primary-font: 'roboto';
    --secondary-font: 'roboto slab';
    --heading-font: 'libre franklin'; /* All headings */
}

ul {
    padding-left: 20px;
}

.link-color-fix-white a {
    color: var(--white);
}

.link-color-fix-black a {
    color: var(--black);
}

.link-color-fix-black-grow a {
    color: var(--black);
    transition: .4s;
}

.link-color-fix-black-grow a:hover {
    color: var(--black);
    transform: scale(1.2);
}

.link-color-fix-white a:hover,
.link-color-fix-black a:hover {
    transition: .4s;
}

.link-color-fix-white a:hover,
.link-color-fix-black a:hover {
    transition: .4s;
}

.elementor-text-editor p {
    margin-bottom: 0;
}

/* JOBS SYSTEM */
/* Base mobile and tablet - All job posts view */
.new-job-single-container {
    padding: 50px 10px;
}

.jobs-page-heading {
    color: var(--black-color) !important;
    font-weight: 700 !important;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 0px !important;
    font-size: 2.3rem !important;
}

.new-job-posting-single-block {
    display: flex;
    flex-direction: column;
    
    /* border: 1px solid black; */
    padding: 20px 10px 40px 10px;
    background: var(--light-BG-color);
    color: black;
    margin-bottom: 1em;
}

.job-title {
    font-size: 1.75rem !important;
    margin: 0px 0px 0px 0px;
    font-weight: 700 !important;
}

.new-job-posting-single-block-left p {
    margin: 0px 0px 5px 0px;
}

.new-job-posting-single-block-right {
    margin: 20px 0px 0px 0px;
}

.new-job-posting-single-block-right a {
    padding: 10px 100px;
    background: var(--button-color);
    color: var(--white-color);
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.new-job-posting-single-block-right a:hover {
    background: var(--hover-button-color);
    color: var(--white-color);
}

.single-job-flex-container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid #f8f8f8;
}

.single-job-title-flex {
    width: 100%;
}

.single-job-location-flex,
.single-job-apply-button-flex {
    width: 50%;
}

.single-job-title-flex {
    padding: 10px 10px 0px 10px;
}

.single-job-location-flex {
    display: flex;
    align-items: center;
    padding: 10px;
} 

.single-job-location-flex i {
    margin-right: 10px;
    color: var(--button-color);
}

.single-job-location-flex p {
    margin: 0;
    color: var(--soft-blue-text);
}

.single-job-apply-button-flex {
    padding: 10px;
}

.job-type-container {
    margin: 0px 0px 75px 0px;
}

.single-job-apply-button-flex button,
.back-to-careers {
    background-color: var(--button-color) !important;
    padding: 0px 0px;
}

.single-job-apply-button-flex button a {
    padding: 10px 30px;
    background-color: var(--button-color);
}

.single-job-apply-button-flex button:hover,
.back-to-careers:hover {
    background-color: var(--hover-button-color) !important;
}

.single-job-apply-button-flex button a,
.back-to-careers a {
    color: #000 !important;
}

.single-job-apply-button-flex button a:hover,
.back-to-careers a:hover {
    color: #000 !important;
}

.single-job-apply-button-flex button i {
    color: #000;
    margin-left: 10px;
}

.back-to-careers {
    margin-bottom: 50px;
}

#gform_submit_button_2 {
    background-color: var(--button-color);
    padding: 10px 30px;
}

#gform_submit_button_2:hover {
    background-color: var(--hover-button-color);
}

@media(max-width: 767px){
    #gform_submit_button_2,
    .back-to-careers {
        width: 100%;
    }
}

.job-type-colored-banner {
    padding: 15px 15px;
    background-color: var(--dark-blue-3-color);
}

.job-type-heading {
    margin: 0px;
    color: #fff !important;
    letter-spacing: 0px !important;
}

/* Desktop */
@media(min-width: 1024px){
    .new-job-single-container {
        padding: 50px 10px 100px 10px;
        margin: 0 auto;
        max-width: 1280px;
    }

    .new-job-posting-single-block {
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 50px 20px 30px;
    }

    .single-job-title-flex {
        width: 50%;
    }
    
    .single-job-location-flex,
    .single-job-apply-button-flex {
        width: 25%;
    }

    .single-job-title-flex {
        padding: 10px 10px 10px 15px;
    }

    .single-job-flex-container:hover {
        background-color: var(--light-BG-color);
    }

    .single-job-apply-button-flex {
        display: flex;
        align-items: center;
    }
}

/* Base mobile and tablet - single job view */
.new-job-single-logo-flex-container {
    display: flex;
    flex-direction: column-reverse;
}

.grey-underline {
    color: #0a0a0a;
    padding: 0 0 2px;
    font-size: 20px;
    position: relative;
    display: inline;
}

.grey-underline::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #e4e4e4;
    content: "";
}

.grey-underline-2 {
    color: #0a0a0a;
    padding: 0 0 2px;
    /* font-size: 20px; */
    position: relative;
    display: inline;
}

.grey-underline-2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #e4e4e4;
    content: "";
}

.new-job-single-inner-container h2 {
    color: #333 !important;
    font-size: 1rem;
    padding: 7px 0px;
    font-weight: 400;
    letter-spacing: 0;
}

.new-job-single-description-container {
    padding: 15px 0px;
}

.bullet-list-container {
    padding: 15px 0px 15px 20px;
}

.new-job-single-logo-flex-left {
    margin-bottom: 70px;
}

.ux-notice {
    padding: 15px 0px;
}

.single-job-item-title {
    margin-bottom: 10px;
    color: var(--soft-blue-text) !important;
    font-size: 22px !important;
}


.single-job-item-title,
.no-open-positions-notice {
    margin-top: 10px;
}

.no-open-positions-notice {
    padding: 0px 10px;
}

/* Desktop */
@media(min-width: 1024px){
    .new-job-single-logo-flex-container {
        flex-direction: row;
    }

    .new-job-single-logo-flex-right,
    .new-job-single-logo-flex-left 
    {
        width: 50%;
    }
}

/* Footer - Gap between ADA statement and Privacy Policy page in footer */
.statement-gap a {
	padding: 0px 10px;
}

/* Footer - Fixing the logos not being centered on tablet and mobile for some reason */

@media(max-width: 1024px){
	.footer-center-fix {
		text-align: center !important;
	}	
}


/* Small space fix on the about page */
.elementor-element-22a1cc11 {
	margin-top: -13px;
}