/*
    38pt = 51px     H1                                  Originally 60pt = 80px
    32pt = 43px     H2                                  Originally 48pt = 64px
    24pt = 32px     H3                                  Originally 34pt = 45px
    14pt = 19px     Quote text, Text w/Background       Originally 24pt = 32px  
    14pt = 19px     Nav items, Button text              Originally 18pt = 24px = 1.5ems
    12pt = 16px     Body normal text, normal links      Originally 16pt = 21px = 1.33ems
     8pt = 11px     Small footer text
*/

@font-face {
    font-family: aller;
    src: url(/fonts/aller/Aller_Rg.ttf);
    font-display: swap;
}

@font-face {
    font-family: aller-bold;
    src: url(/fonts/aller/Aller_Bd.ttf);
    font-display: swap;
}

@font-face {
    font-family: aller-bold-light;
    src: url(/fonts/aller/Aller_BdIt.ttf);
    font-display: swap;
}

@font-face {
    font-family: aller-italic;
    src: url(/fonts/aller/Aller_It.ttf);
    font-display: swap;
}


body {
    font-family: aller;
    font-size: 16px;
    color: #4A4141;
    overflow-x: hidden;
}

    body a {
        font-family: aller;
    }

    body .nav-link.nav-link--home {
        font-weight: bold;
    }

    body .nav-link .nav-link.nav-link--home {
        font-size: 19px;
    }

    body .nav-link {
        text-transform: uppercase;
    }

    body h1 {
        font-size: 51px;
        font-weight: 400;
    }

    body .section__hero-content h1 {
        color: #FFF;
    }

    body h2 {
        font-size: 43px;
        font-weight: 400;
    }

    body .section__hero-content h2 {
        color: #FFF;
    }

    body h3 {
        font-size: 32px;
        font-weight: 400;
    }

    body .button {
        background-color: #F26722;
        font-size: 19px;
        text-transform: uppercase;
    }

    body .button-light {
        background-color: #FFF;
        color: #000000;
        font-size: 19px;
        text-transform: uppercase;
    }

    body a {
        color: #F26722;
    }

        body a:hover {
            color: #F26722;
        }

    body .dropdown-item {
        color: #212529;
    }

        body .dropdown-item:hover {
            color: #212529;
        }

@media (max-width: 575px) {
    body h1 {
        font-size: 40px;
    }

    body h2 {
        font-size: 36px;
    }

    body h3 {
        font-size: 32px;
    }
}


footer {
    background-color: #000000;
    background-image: url('/media/5bhja512/elevatewebsite_footer.png');
    color: #FFFFFF;
    font-size: 16px;
    padding-top: 75px;
}

    footer .footer-header {
        color: #F26722;
    }


    footer .footer-small {
        font-size: 11px;
    }

    footer .footer-small-container {
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
    }

@media(max-width: 767px) {
    footer .footer-section {
        width: 50%;
    }
}


body footer a {
    margin: 5px 0px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}

.header {
    font-family: aller;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 4;
    background-color: #4A4141;
    color: #ffffff;
}

    .header .nav-link {
        color: #ffffff;
        font-size: 19px;
        font-family: 'Aller Regular';
    }


body .elevate-brown {
    color: #4A4141;
}

body .elevate-brown-bg {
    background-color: #4A4141;
}

body .elevate-grey {
    color: #F5F5F5;
}

body .elevate-grey-bg {
    background-color: #F5F5F5;
}

body .elevate-purple {
    color: #410099;
}

body .elevate-purple-bg {
    background-color: #410099;
}

body .elevate-green {
    color: #007473;
}

body .elevate-green-bg {
    background-color: #007473;
}

body .elevate-blue {
    color: #0075C9;
}

body .elevate-blue-bg {
    background-color: #0075C9;
}

body .elevate-orange {
    color: #F26722;
}

body .elevate-orange-bg {
    background-color: #F26722;
}

.background-image-full {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    padding: 0.5rem 0.8rem;
}

    .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,0.9);
    }

body .navbar.elevate-brown-bg {
    color: white;
    background-color: #4A4141;
    z-index: 1;
}

/* Sections */

.section {
    padding: 40px 0px;
}

.section--content-center {
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.section--full-height {
    min-height: 85vh;
}

@media (max-width: 450px) {
    .section--full-height {
        min-height: 750px;
    }
}

.section--pull-up {
    margin-top: -70px;
    padding-top: 80px;
    z-index: 0;
}

.section--header {
    background-color: #4A4141;
    background-image: url('/media/bm5fp2fw/group-66-2x.png');
}

.section__hero-content {
    margin: auto;
    color: #fff;
}

.section__hero-content-home {
    padding-top: 3em;
    color: #fff;
}

    .section__hero-content-home h1,
    .section__hero-content-home p {
        max-width: 800px;
    }


.section--page-title-header {
    background-color: #4A4141;
    color: #fff;
    padding: 50px 0px;
    background-image: url('/media/bm5fp2fw/group-66-2x.png');
}

.section--tall {
    padding: 60px 0px;
}

.section--section-title {
    padding: 40px 0px;
}

.dark-section {
    background-color: #4A4141;
    color: white;
}


/* Links */
.link-underline u,
body a.link-underline {
    text-decoration: none;
    border-bottom: 3px solid #4A4141;
    color: #4A4141;
}

a.link-underline:hover {
    text-decoration: none;
    color: #4A4141;
}

.link-underline:hover u {
    padding-bottom: 1px;
}

.elevate-blue.link-underline u {
    border-bottom-color: #0075C9;
}

.elevate-green.link-underline u {
    border-bottom-color: #007473;
}

.elevate-purple.link-underline u {
    border-bottom-color: #410099;
}

.elevate-orange.link-underline u {
    border-bottom-color: #F26722;
}


/* Buttons */
.btn {
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 5px;
}

    .btn.btn-light {
        background-color: #f8f9fa;
        color: #212529;
    }

    .btn.btn-dark {
        background-color: #4A4141;
        border-color: #4A4141;
        color: white;
    }

    .btn.btn-orange {
        color: white;
        background-color: #F26722;
    }

        .btn.btn-orange:hover {
            background-color: #E0530D;
        }

        .btn.btn-orange.btn-disabled {
            background-color: #BC7958;
        }

            .btn.btn-orange.btn-disabled:hover,
            .news-paginations.nav-link--active {
                cursor: default;
            }

    .btn.btn-gray {
        background-color: #F5F5F5;
        color: #4A4141;
        border: 1px solid #4A4141;
    }

        .btn.btn-gray:hover {
            background-color: #DCDCDC;
        }

    .btn.btn-dark:hover {
        color: #F26722;
    }

.pdf-btn {
    font-size: 14px;
}


/* Bullets */

.bullets h3,
.bullets li {
    padding-bottom: 15px;
}

.bullets h3 {
    padding-top: 15px;
}

.bullets ul li::before {
    content: "\2022";
    color: #F26722;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.bullets ul li::marker {
    color: transparent;
}

.solutions-number-list h3 {
    margin-bottom: 12px;
    margin-top: 30px;
}


/* Overlay Background Image Section*/
.background-image-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    position: relative;
    z-index: -1;
}

    .background-image-section .container {
        color: white;
        z-index: 1;
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 24px;
    }

.dark-overlay-background-image-section {
    background-color: rgba(74,65,65, 0.8);
    height: 100%;
    width: 100%;
}

.light-overlay-background-image-section {
    background-color: rgba(245,245,245, 0.8);
    height: 100%;
    width: 100%;
}

@media(max-width: 991px) {
    .background-image-section .container {
        font-size: 20px;
    }
}

@media(max-width: 767px) {
    .background-image-section .container {
        font-size: 18px;
    }
}

@media(max-width: 575px) {
    .background-image-section .container {
        font-size: 16px;
    }
}

/* Offset Grey Background */
.offset-grey-background {
    background-color: #F5F5F5;
}


/* Horizontal Image with Left/Right Text */

.horizontalImageWithLeftText-container {
    margin: 30px 0px;
}

    .horizontalImageWithLeftText-container img {
        max-width: 100%;
    }

.horizontalImageWithLeftText-textSide {
    margin: auto;
}

.horizontalImageWithRightText-container {
    margin: 20px 0px;
}

    .horizontalImageWithRightText-container img {
        max-width: 100%;
    }

.horizontalImageWithRightText-textSide {
    margin: auto;
}

@media(max-width: 767px) {
    .horizontalImageWithRightText-container img,
    .horizontalImageWithLeftText-container img {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .horizontalImageWithRightText-textSide,
    .horizontalImageWithLeftText-textSide {
        order: 2;
    }
}


/* Logo Image */

.logo-image {
    max-width: 180px;
    max-height: 100px;
    height: auto;
    margin-left: 20px;
    display: block
}

.logo-image-footer {
    width: 90%;
    max-height: 100px;
    height: auto;
    margin-left: 20px;
    display: block
}

@media (max-width: 320px) {
    .logo-image {
        max-width: 150px;
        margin-left: 0;
    }
}


/* Partner logos */
.partner-logo {
    text-align: center;
    padding-top: 20%;
}

    .partner-logo img {
        max-width: 250px;
    }

.partners-section img {
    max-width: 100%;
}

@media(max-width: 575px) {
    .partner-logo {
        margin: auto;
        max-width: 70%;
    }
}


/* Services Cards */

.services-cards {
    background-color: #F5F5F5;
    margin-bottom: -60px;
    margin-top: 120px;
}

    .services-cards .container {
        margin-top: -120px;
        margin-bottom: 60px;
    }

    .services-cards.subpage {
        margin-bottom: -80px;
        margin-top: 160px;
    }

        .services-cards.subpage .container {
            margin-top: -160px;
            margin-bottom: 80px;
        }

.service-card {
    border: none;
    background-color: transparent;
}

    .service-card .card-title {
        padding: 10px 0;
    }

    .service-card .card-text {
        margin-bottom: 30px;
    }

.service-card-image {
    max-width: 100%;
}

@media (max-width: 767px) {
    .service-card {
        margin-bottom: 30px;
    }

    .service-card-image {
        max-width: 280px;
    }
}

@media (max-width: 350px) {
    .service-card-image {
        max-width: 100%;
    }
}


/* Employees */

.section.employee-department {
    padding-left: 15px;
    margin-top: 60px;
}

    .section.employee-department:first-child {
        margin-top: 0px;
    }

.employee-grid-item-container {
    padding-top: 15px;
}

.employee-grid-item {
    padding: 30px 25px;
    max-height: 525px;
    margin: 0;
    overflow: hidden;
    border-radius: 15px;
}

.employee-grid-item-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 40%;
    height: 300px;
    border-radius: 15px;
}

.employee-grid-item-detail {
    color: white;
    margin-top: -300px;
    height: 100%;
    transition: all 0.6s;
}

    .employee-grid-item-detail a {
        color: #F26722;
    }

    .employee-grid-item-detail:hover {
        transform: translateY(-80px);
    }

.employee-grid-item-detail-container {
    padding-bottom: 40px;
}

.employee-grid-item-detail-title {
    min-height: 90px;
    background-color: rgba(74,65,65,0.8);
}

.employee-grid-item-detail-link {
    height: 320px;
}

.employee-info {
    background-color: #4A4141;
    padding: 45px 35px;
    border-radius: 15px;
}

    .employee-info img {
        border-radius: 15px;
        margin-bottom: 15px;
    }

@media (max-width: 767px) {
    .employee-info {
        text-align: center;
    }

        .employee-info h3 {
            margin-top: 20px;
        }
}


/* TextWithBackgroundQuote */

.text-with-background-quote--container {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
    color: #000;
}

.text-with-background-quote--quoteText {
    font-family: aller-italic;
    font-size: 19px;
}

.text-with-background-quote--quotedPerson {
    padding-top: 20px;
}

.text-with-background-quote--quotedPersonName {
    font-family: aller-italic;
    font-size: 19px;
}

.text-with-background-quote--quotedPersonsPhoto {
    max-height: 100px;
    border-radius: 50%;
}

.text-with-background-quote--section {
    text-align: center;
    margin: 20px 0;
}

.quote-quotation {
    color: white;
    font-size: 40px;
}

@media(max-width: 575px) {
    .quote-quotation {
        font-size: 32px;
    }
}


/* TextWithBackground */

.text-with-background--section {
    text-align: center;
}

.text-with-background--container {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px;
    color: #000;
}

.text-with-background-title {
    color: white;
    text-align: center;
    padding: 20px 0px;
}

.text-with-background--body {
    font-family: aller-bold;
    font-size: 19px;
    padding: 20px 0px 40px;
    max-width: 800px;
    margin: auto;
}


/* ImageTextWithBackground */

.image-text-with-background--section {
    text-align: center;
    margin: 40px 0px;
}

.image-text-with-background--container {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0px;
    color: #000;
}

.image-text-with-background-image {
    text-align: center;
    padding: 20px 0px;
    margin: auto;
    max-width: 40%;
}

.image-text-with-background--body {
    font-family: aller-bold;
    font-size: 19px;
    padding: 20px 0px;
    color: white;
}


/* News Items */
.news-item {
    max-width: 100%;
    color: #4A4141;
}

    .news-item:hover {
        text-decoration: none;
        color: #211d1d;
    }

.news-item-image {
    height: 170px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    margin-right: 10px;
}

.news-item-feature-photo {
    max-height: 200px;
    height: auto;
    max-width: 100%;
    padding-bottom: 6px;
}

.news-item-container,
.news-item-title {
    padding: 3rem 0;
}

body .news-item-container a {
    color: #4A4141;
}

.news-item-container .row {
    align-items: center;
}

@media (max-width: 575px) {
    .news-item-container .row {
        padding-left: 15px;
    }
}

.news-item-container.featured {
    box-shadow: 0 5px 10px 5px #F5F5F5, 0 6px 20px 0 #F5F5F5;
    border-radius: 15px;
    margin-left: -30px;
}

    .news-item-container.featured .row {
        max-width: 100%;
    }

    .news-item-container.featured .featured-banner {
        background-color: #F26722;
        display: table;
        padding: 5px 15px;
        border-radius: 15px;
        color: white;
        margin-bottom: 25px;
    }

    .news-item-container.featured .news-item-image {
        height: 280px;
        width: 350px;
        margin-left: 60px;
        max-width: 100%;
    }

@media (max-width: 991px) {
    .news-item-container.featured .col-lg-6 {
        margin-left: 45px;
    }
}

@media (max-width: 575px) {
    .news-item-container.featured {
        margin-left: 0;
    }

        .news-item-container.featured .col-lg-6 {
            margin-left: 15px;
        }

        .news-item-container.featured .news-item-image {
            margin-left: 30px;
        }
}

@media (max-width: 375px) {
    .news-item-container.featured .news-item-image {
        height: 170px;
        width: 200px;
    }
}

.news-item-content .umb-grid .grid-section > div > .container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.news-item-content .umb-grid .grid-section > div .container .row.clearfix {
    width: 100%;
    margin: 0;
}

.news-item-content .umb-grid .grid-section > div .container .col-md-12.column {
    padding: 0;
}

.news-item-content a:hover {
    cursor: pointer;
    color: #F26722;
}

.news-item-content img {
    border-radius: 5px;
    max-width: 100%;
    height: auto;
}

.news-item-feature-photo-feature {
    max-height: 400px;
    height: auto;
    max-width: 100%;
    margin-bottom: 3rem;
    border-radius: 5px;
}

@media (max-width: 991px) {
    .news-item-container .col-lg-9 {
        padding-left: 0;
    }
}

body a.category-links {
    color: #F26722;
}

    body a.category-links:hover {
        cursor: pointer;
        color: #F26722;
    }

.news-meta-spacer {
    padding: 0 8px;
}

.back-to-news {
    margin: 10px 0;
    color: #4A4141;
}

    .back-to-news:hover {
        color: #4A4141;
        text-decoration: underline;
    }

.news-paginations {
    color: #4A4141;
}

    .news-paginations:hover,
    .news-paginations.nav-link--active {
        color: #F26722;
    }

@media(max-width: 991px) {
    .news-item-image {
        margin-bottom: 20px;
    }

    .news-item-container {
        padding: 2rem 0;
    }
}

.news-item-share {
    margin-top: 30px;
}

.social-icon {
    margin-right: 10px;
    max-height: 35px;
}

    .social-icon:hover {
        text-decoration: none;
    }


/* Application Form */
.form-upload {
    margin-top: 16px;
    background-color: transparent;
}

    .form-upload input {
        border: none;
    }


/* Upload Files */
#drop-area {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 30px 30px 10px;
}

#drop-area-container {
    display: flex;
    align-items: center;
}

#drop-area.highlight {
    border-color: #F26722;
}

#drop-area .btn {
    font-size: 14px;
    height: 37px;
    align-self: center;
    margin-bottom: 0;
}

#drop-area p {
    align-self: center;
    margin: 0;
}

#drop-area label {
    margin-left: .5rem;
}

#drop-area-description {
    display: flex;
}

@media (max-width: 575px) {
    #drop-area-description {
        display: block;
    }

    #drop-area label {
        margin-top: 10px;
        margin-left: 0;
    }
}

#gallery {
    margin-top: 20px;
}

    #gallery .gallery-element {
        display: flex;
        margin-bottom: 10px;
    }

        #gallery .gallery-element p {
            margin-left: 8px;
        }

        #gallery .gallery-element a:hover {
            cursor: pointer;
        }

#gallery-errors {
    display: none;
    color: #dc3545;
}

#application-upload {
    display: none;
}


/* Careers Positions */
.careers-position {
    margin-bottom: 25px;
    background-color: #F5F5F5;
    border-radius: 15px;
    padding: 30px;
}

.careers-general-position {
    background-color: #4A4141;
    color: white;
    padding: 30px 0 60px;
}

.position-header {
    padding-bottom: 25px;
    border-bottom: 1px solid #4A4141;
}

.position-meta {
    font-size: 14px;
    margin-bottom: 16px;
}

.position-qualification li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .position-qualification li::before,
    .position-qualification li::marker {
        content: none;
    }

    .position-qualification li img {
        max-height: 35px;
    }

    .position-qualification li p {
        margin: 0 0 0 10px;
    }

.referral-email .btn {
    font-size: 14px;
}

@media (max-width: 767px) {
    .careers-position {
        flex-direction: column;
    }
}


/* Home hero */
.home-background-image {
    z-index: -1;
    position: absolute;
    height: 85vh;
    margin-top: -70px;
    width: 100%;
    overflow: hidden;
    background-color: rgba(74,64,64,0.8);
}

@media (max-width: 287px) {
    .home-background-image {
        margin-top: -115px;
    }

    .section--pull-up.background-image-full {
        margin-bottom: -40px;
    }
}

.home-background-image img {
    min-width: 100%;
    min-height: 85vh;
    height: auto;
    z-index: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.home-background-image #homeBackgroundImage {
    opacity: 0;
    margin-top: -88vh;
}

.home-background-image #defaultHomeBackgroundImage {
    opacity: 1;
}

@media(max-width: 450px) {
    .home-background-image {
        height: 100%;
    }
}


/* Contact Image */
.contact-image {
    display: flex;
    align-items: center;
}

    .contact-image img {
        max-width: 60%;
        height: auto;
        margin-top: 2.5em;
    }

@media(max-width: 991px) {
    .contact-image {
        order: 2;
        margin-top: 15px;
    }
}

/* Contact Headset */
#chat-headset {
    height: 35px;
    width: 35px;
    margin-right: 10px;
}


/* Contact Form */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #F26722;
    background-color: #F26722;
}

.contact-form-subheader a {
    color: #F26722;
}


/* Scrolling History Items */
.history-items {
    display: flex;
    background-color: #F5F5F5;
    overflow-x: scroll;
    margin-top: -100vh;
    margin-left: 100vw;
    height: 100vh;
    width: max-content;
    -ms-overflow-style: none; /*IE scrollbar */
    scrollbar-width: none; /* Firefox scrollbar*/
}

    .history-items::-webkit-scrollbar {
        display: none; /*Safari and Chrome scrollbar*/
    }

.history-items-display {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.history-item-wrapper {
    min-width: 100vw;
    display: flex;
    flex-direction: column;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    box-shadow: 0 0 25px 15px inset;
    opacity: 0.3;
    transition: opacity ease-in 0.4s;
}

.history-item-top,
.history-item-bottom {
    display: flex;
    flex-direction: column;
    color: #4A4141;
    width: 60vw;
    height: 45vh;
    margin: auto;
    padding: 15px;
    border-radius: 15px;
    opacity: 0.3;
    transition: opacity ease-in 0.4s;
}

.history-item-wrapper.fade-in,
.light-overlay-background-image-section.fade-in .history-item-top,
.light-overlay-background-image-section.fade-in .history-item-bottom {
    opacity: 1;
}

.history-item-top {
    justify-content: flex-end;
}

.history-item-divider {
    width: 100%;
}

.history-item-line {
    border: solid 1px #F26722;
}

.history-item-marker {
    height: 30px;
    width: 30px;
    border-radius: 70%;
    background-color: #F26722;
    margin-left: 23%;
    margin-top: -33px;
}

.history-item-marker-inner {
    height: 24px;
    width: 24px;
    background-color: #4A4141;
    border-radius: 70%;
    position: relative;
    margin: auto;
    top: 3px;
    top: 3px;
}

@media (max-width: 575px) {
    .history-item-bottom {
        width: 90vw;
        margin-left: 0;
        overflow-y: hidden;
    }
}

@media (min-width: 400px) {

    .history-item {
        width: 360px;
    }
}

.history-items-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    text-align: center;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F5F5F5;
}

.history-items-closer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    margin: 0 0 0 20px;
}