.content h2 {
    font-size: 2.2em;
}

.global-header {
    display: block;
    width: 100%;
    height: 46px;
    background-color: #fff;
    padding: 3px;
    box-shadow: none;
}

.scrolling .global-header {
    background-color: #e9ecef;
}

    .global-header .icon {
        color: #00406e;
    }

    .global-header .wrapper button {
        position: absolute;
        top: 7px;
        left: 0px;
    }



    .global-header .wrapper nav {
        float: right;
        height: 22px;
        padding: 10px;
        text-align: right;
    }

    .global-header .wrapper nav ul {
        list-style: none;
        margin: 0;
    }

        .global-header .wrapper nav ul li {
            display: inline;
        }

            .global-header .wrapper nav ul li a {
                padding: 0px 8px;
                color: #00406e;
                font-size: 22px;
                font-weight: bold;
                text-transform: uppercase;
                text-decoration: none;
                line-height: 1em;
            }

                .global-header .wrapper nav ul li a:hover {
                    text-decoration: underline;
                }

                .global-header .wrapper .logo-and-search a.icon-logo, .global-header .wrapper .small-logo .icon-logo {
                    font-size: 40px;
                }

.left-off-canvas-menu .logo-and-close .icon {
    font-size: 30px;
    color: #fff;
}

.global-header .wrapper .logo-and-search a.icon-logo:hover, .global-header .wrapper .small-logo .icon-logo:hover, .left-off-canvas-menu .logo-and-close .icon:hover {
    text-decoration: none;
}

.logo-and-close img {
    padding-left: 3px;
}

.small-logo {
    /*display: block !important;*/
    text-align: center;
}

.banner {
    position: relative;
    min-height: 0;
}

.banner video {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.logoImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: rgba(255,255,255,.6);
    padding: 20px;
}

    .logoImg img {
        display: block;
        margin: 0px auto;
    }

.main-content {
    max-width: none;
}

.main-content .main-column {
    width: 100%;
    left: 0;
    left: unset;
    right: unset;
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.main-content .row {
    max-width: none;
}

.main-content .row, .row .row {
    margin: 0;
}

.main-content .columns {
    padding: 0;
}

    .main-content .columns div {
        padding: 0px 50px;
    }

        .main-content .columns div.presentation-column, .main-content .columns div.presentation-column div {
            padding: 0px 0px;
        }

a.button {
    color: #00406e !important;
    background-color: #89bc40;
    border-radius: 10px;
    font-size: 19px;
    font-weight: bold;
}

    a.button:hover {
        color: #00406e !important;
    }

.narrow-row, .text-col {
    
}

.narrow-row {
    display: block;
    max-width: 1190px;
    margin: 0px auto;
    padding: 80px 50px;
    text-align: center;
}

.narrow-row .event-container h3 {
    text-align: left;
}

.content .narrow-row .event-container h3 span, .main .content .blue-row .event-container .event-name p span {
    text-transform: none;
}

    .text-col {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.blue-row {
    margin-bottom: 30px !important;
    background-color: #00406e;
    text-align: center;
}

.main .content .blue-row h3 {
    color: #fff;
}

.main .content .blue-row p {
    color: #fff;
}

.countdown-container {
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.3em;
}

.img-col {
    position: relative;
}

#vimeo-play {
    position: absolute;
    top: 30px;
    right: 30px;
}

.content .img-col img {
    object-fit: contain;
    object-position: left;
    width: 100%;
    height: 100%;
    padding: 0;
}

.content .img-col img#vimeo-play {
    object-fit: none;
    object-position: initial;
    width: auto;
    height: auto;
    padding: 0;
}

.calendar-button-grid {
    /*display: grid;
    grid-template-columns: 1fr;
    gap: 5px 5px;
    justify-items: center;*/
    /*width: 70%;
    margin: 0px auto;*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px 5px;
    margin-bottom: 20px;
    padding: 0 !important;
}

    .calendar-button-grid a img {
        width: 250px;
        height: 45px;
    }

.content a.calendar-button {
    /*flex: 0 0 calc(50% - 10px);*/
    width: 220px;
    padding: 5px 10px;
    color: #fff;
    font-size: .7em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.content a.office-365 {
    background-color: #d83b01;
}

.content a.google {
    background-color: #3974D4; /*#4285f4;*/
}

.content a.outlook {
    background-color: #0078d4;
}

.content a.yahoo {
    background-color: #720e9e;
}

.content a.default {
    background-color: #0d2142;
}

.blue-row .event-container h3 {
    margin-top: 20px;
}

.blue-row .event-container:first-child h3 {
    margin-top: 0;
}

.event-row {
    margin-top: 35px;
    padding: 20px 0px;
}

.blue-row.event-row:last-child {
    margin-top: 0;
}

.blue-row.event-row:last-child .narrow-row {
    padding-top: 0;
}

.event-row a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

    .event-row a:hover {
        text-decoration: none;
    }

.event-container {
    
}

.main .content .blue-row .event-container .event-name p, .main .content .blue-row .event-container .event-date p {
    font-size: 19px;
    font-weight: bold;
    padding: 4px 10px;
    color: #00406e;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.main .content .blue-row .event-container .event-name p {
    background-color: #89bc40;
    text-align: left;
}

    .main .content .blue-row .event-container .event-name p a {
        color: #00406e;
        /*font-weight: normal;*/
    }

    .main .content .blue-row .event-container .event-date p {
        background-color: #fff;
    }

.main .content .blue-row .event-container .event-date p.canceled {
    font-size: .9em;
}

.page-builder-content {
    margin-top: 25px;
}

.footer-wrap {
    background-color: #0d2142;
}

.global-footer {
    display: block;
    max-width: 1190px;
    margin: 0px auto;
    box-shadow: none;
    background-color: transparent;
}

.accordion {
    display: block;
    max-width: 1190px;
    margin: 0px auto;
    padding: 0 0px !important;
}

@media only screen and (min-width: 40.063em) { /* ~623px medium break point*/
    .global-header .wrapper .logo-and-search.show-for-medium-up {
        display: inline-block !important;
    }

    .global-header .wrapper nav ul li a {
        font-size: 18px;
    }

    .global-header .wrapper nav ul li:first-child a {
        /*border-right: 1px solid #00406e;*/
        padding-right: 10px;
    }

    .global-header .wrapper nav ul li:first-child a {
        padding-left: 6px;
    }

    .banner {
        padding: 0;
    }

    .main .content .blue-row .event-container .event-date p.canceled {
        font-size: 1em;
    }

    /*.calendar-button-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }*/
}

@media only screen and (min-width: 48.0625em) { /* ~751px large break point */
    .banner img.bg-image {
        height: calc(100vh - 46px);
        object-fit: initial;
        object-position: left;
        width: 100%;
    }
                        
    .content .img-col img {
        object-fit: cover;
    }

    .blue-row {
        margin-bottom: 0px !important;
    }
}

@media only screen and (min-width: 64.063em) { /* ~1008px xlarge break point */
    .content a.calendar-button {
        flex: 0 0 calc(50% - 10px);
    }
}

@media only screen and (min-width: 75em) { /* ~1182px xxlarge break point */
    .banner video {
        height: calc(100vh - 46px);
    }

    
}

@media only screen and (min-width: 85em) {
    .calendar-button-grid {
        /*grid-template-columns: 1fr 1fr;*/
        width: 70%;
        margin: 0px auto;
    }
}