﻿

/*Events listing*/
.event-top {
    background-position: 15% 15%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 15px 0;
    margin: 0 -15px 20px;
    min-height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}

.event-top__location {
    /* padding: 0 0 0 38px; */
    font-size: 12px;
    font-size: .75rem;
}

.event-top .event-top__over .event-top__location .hero-slide-info-box__buttons .hero-slide-info-box__btn {
    display: none;
}

/*Landing pages*/
@media (min-width: 48em) {
    .landing-main .landing-image-thumb {
        display: inline-block;
        margin: 0 auto -30px;
    }
}

/*Event page detail*/

@media (min-width: 60em) {
    .event-top__over .event-top__location {
        padding: 0;
    }
}

.topic__svg {
    width: 60px !important;
    height: 60px !important;
}

.topic__heading {
    font-size: 0.9rem !important;
    width:100px;
}

.topic-listing__item {
    padding: 8px !important;
}



.employee-name {
    font-size: 1.3rem;
    margin-bottom: 10px
}

.stats-heading {
    font-size: 32px;
    font-size: 2rem;
    margin: 0 0 30px;
    padding: 0 0 40px;
    border-bottom: 1px solid #adaeae;
    text-align: center;
    font-weight: 300
}

.stats-heading .stats-heading-alt {
    color: #0194a0;
    font-size: 42px;
    font-size: 2.625rem
}

.stats-slider {
    padding: 0 50px
}

.stats-slider .slick-arrow.slick-prev {
    left: 0
}

.stats-slider .slick-arrow.slick-prev:after {
    border-right: 10px solid #fff;
    margin-left: -2px
}

.stats-slider .slick-arrow.slick-next {
    right: 0
}

.stats-slider .slick-arrow.slick-next:after {
    border-left: 10px solid #fff;
    margin-left: 2px
}

.stat-block {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px
}

.employee-highlight-heading,.stat-block__heading {
    color: #016484;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 900;
    margin: 0;
    line-height: 1.1
}

.employee-highlight-heading {
    font-weight: 0
}

.stat-block__content {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1.1;
    max-width: 100px
}

@media (min-width: 520px) {
    .stat-block {
        padding:0 20px
    }
}

@media (min-width: 60em) {
    .sponsorship-listing__item {
        width:33.33%
    }

    .stats-heading {
        font-size: 46px;
        font-size: 2.875rem
    }

    .stats-heading .stats-heading-alt {
        font-size: 56px;
        font-size: 3.5rem
    }

    .stat-block__content,.stat-block__heading {
        font-size: 48px;
        font-size: 3rem
    }
}

.employee-image-container {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 300px;
    background-size: cover;
    background-position: 50% 30%
}

.employee-image-container:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.stats-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.stats-video-heading {
    font-size: 38px;
    font-size: 2.375rem;
    margin: 0;
    text-align: center;
    font-weight: 300;
    color: #fff;
    position: relative;
    z-index: 10
}

.stats-video-heading .stats-heading-alt {
    font-size: 66px;
    font-size: 4.125rem;
    display: block
}

.employee-hightlight__content,.stats__content {
    background: #eee;
    padding: 30px 15px
}

.employee-hightlight__content .stat-block,.stats__content .stat-block {
    display: block!important;
    margin: 0 0 30px;
    max-width: 600px
}

.careerpath__content .career-block__content,.employee-hightlight__content .stat-block__content,.stats__content .stat-block__content {
    max-width: none
}

.employee-highlight__content-info {
    margin-top: 20px
}

@media (min-width: 60em) {
    .stats-container-with-video {
        display:-ms-flexbox;
        display: flex
    }

    .stats-video-container {
        width: 56.78%;
        height: auto
    }

    .employee-image-container {
        width: 56.78%;
        height: auto;
        min-height: 600px
    }

    .stats-video-heading {
        font-size: 58px;
        font-size: 3.625rem
    }

    .stats-video-heading .stats-heading-alt {
        font-size: 96px;
        font-size: 6rem
    }

    .stats__content {
        padding: 50px;
        width: 43.22%
    }

    .employee-hightlight__content {
        padding: 50px 20px 50px 50px;
        width: 43.22%
    }
}

.careerpath-image-container {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 300px;
    background-size: cover;
    background-position: 50% 30%
}

.careerpath-image-container:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.careerpath__content {
    background: #eee;
    padding: 30px 15px
}

.careerpath__content .career-block {
    display: block!important;
    margin: 0 0 30px
}

.careerpath-list-container {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.careerpath-list-container .careerpath-list-item {
    width: 40%;
    margin: 10px
}

.career_link {
    text-decoration: none
}

.career_link:hover {
    text-decoration: underline
}

.career_link .slider__img:hover {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (min-width: 60em) {
    .careerpath-image-container {
        width:43.22%;
        height: auto
    }

    .careerpath__content {
        padding: 50px 20px 50px 50px;
        width: 56.78%
    }

    .careerpath-list-container {
        display: flex;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        -ms-flex-pack: left;
        justify-content: left
    }

    .careerpath-list-container .careerpath-list-item {
        width: 30%;
        margin: 10px
    }
}

.slick-list,.slick-slider,.slick-track {
    display: block;
    position: relative
}

/*Updates to new design*/

.main-nav .cm-menu a, .main-nav .cm-menu>li>a {
    color: #373F51;
}

.slider__description,.slider__date{
    padding:0 20px;
}

.hero-cards__link{
    padding: 25px 30px;
}

.slider__description h5{
    margin: 0;
    font-size: .75rem;
    color: #373F51;
    font-weight: normal;
}

.section-container {
    margin-bottom: 0;
    padding-bottom: 60px;
    margin-top:0;
}

.ps-pypestream-wrapper {
    display: none;
} 

#side-menu-header{
    background-color: #0098D1;
    padding: 20px 20px;
    color:#FFF;
    font-size:20px;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25% !important;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.button, .filter .btn{color:#FFF !important;}

.leader-item{
    text-align:left;
}

a.leader-item__button{
    text-decoration:none;
    color:#373F51 !important;
}

.leader-item h2{
    margin-top:35px;
}


.li-title{
    color:#006F9A;
}

.leader-item__image-inner:before,.leader-item__image-inner:after{
    background:none;
     background: none;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -ms-transform: 0;
    transform: 0; 
    z-index: 2;
}

.leader-item__image{
    margin-top:10px;
}

.modal-leadership__name{
    font-family:'Playfair Display'
}

.modal-leadership__name,.modal-leadership__title{
    color:#EAF0F6;
}

.modal-leadership{
    background:#EAF0F6;
}
.mfp-close-btn-in .mfp-close{
    color:#FFF;
        width:60px;
    height:60px;
    font-size:60px;
}
.modal-leadership:before,.modal-leadership:after{
    background:none;
}

  .site-header {
        --shadow: hsla(0 0% 0% / 0.1) 0 0.5rem 1rem;
        position: sticky;
        top: 0;
        display: flex;
        background-color: white;
        
        box-shadow: var(--shadow);
        z-index: 1000;
    }

    
    @supports (animation-timeline: scroll()) {
        .site-header {
            animation: scroll-shadow linear both;
            animation-timeline: scroll();
            animation-range: 0ex 5ex;
        }

        @keyframes scroll-shadow {
            from {
                box-shadow: none;
            }

            to {
                box-shadow: var(--shadow);
            }
        }
    }    

@media (min-width: 48em) {
    .h2, h2 
    {
        font-size: 36px;
        font-size: 1.7rem;
    }
    .h3, h3 {    
        font-size: 1.5rem;
    }


.modal-leadership__content {
    width: 95%;
}
}

@media (min-width: 60em){

    .leadership-listing__item{
        transition: box-shadow .3s;
    }
    .leadership-listing__item:hover{
        box-shadow: 0 0 11px rgba(33,33,33,.2); 
    }

    .main-nav .cm-menu > li > a {
        color:#373F51;
    }

    .hero-slide-info-box__title {
        font-size: 4rem;
    }

    .slider-videos__image{
        width:600px;
    }

    .interior-main--gold-bg .interior-content, .interior-main--gold-bg .interior-content p 
    {
        font-size: 1.175rem;
        line-height: 1.5;
    }
    .page-banner-wrapper--gold-bg .page-banner-inner{
        padding-right:0;
    }

    .page-banner-wrapper--gold-bg .page-banner-heading{
        max-width:700px;
        font-weight:100;
    }

    .hero-cards__link {    
        min-height: 215px;    
    }

    .hero-slide-info-box__title {
         max-width: 900px;
    }

    ol li:has(h2)::marker {
        font-size: 1.7rem;
    }

    ol li:has(h3)::marker {
        font-size: 1.5rem;
    }
    .gptw-button-wrapper a{
        border-radius:50px;
    }

    .header-dropdown-container {
    margin-right: auto;
}

    .navigation-container, .navigation-container[data-expander-target] {

    width: inherit;
}

    .site-container,body{
    overflow:unset;
}

}

.slider-wrapper h2 {
font-weight:400;
}

    .page-banner-wrapper--gold-bg .page-banner-heading{        
        font-weight:100;
    }