﻿.inner-wrap {
    background-color: #fff;
}

.main {
    background-color: none;
}

.main-content .main-column {
    width: 100%;
    left: 0;
}

.row.banner-section {
    max-width: none;
}

h3 {
    color: #000 !important;
    text-transform: none !important;
}

a.button {
    background-color: #00406e;
    color: #fff;
    text-decoration: none !important;
    border-radius: 8px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

    a.button:hover {
        background-color: #fff;
        color: #00406e !important;
        text-decoration: underline !important;
    }





/****************************************/
/************ BANNER SECTION ************/
/****************************************/
.banner-col {
    display: block;
    position: relative;
    height: calc(100vh - 55px);
    padding-left: 0;
    padding-right: 0;
    border-bottom: 5px solid #d29f2a;
}

.content .banner-col img {
    padding: 0;
}

.banner-col img, .banner-col video {
    object-fit: cover;
    object-position: left;
    width: 100%;
    height: 100%;
}

.banner-col .banner-content {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    background-color: rgba(0,64,110,.9);
}

.marketing-headline {
    color: #fff !important;
    text-transform: uppercase;
    font-family: "Avenir","Lato",Arial,sans-serif;
    font-size: 2.5em;
    font-weight: 500;
    margin: 0px 0 10px 0;
    line-height: 1em;
    text-shadow: 2px 4px #00406e;
}

.banner-col .banner-text {
    padding: 10px;
}

    .banner-col .banner-text p {
        margin: 0px;
    }

.banner-col h1 {
    color: #fff;
    font-size: 1.3em;
    margin: 0;
    line-height: 1em;
    text-shadow: 2px 4px #00406e;
}

.banner-col .banner-text a.sidebar-button {
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    background: #fff;
    border-color: #00406e;
    border-radius: 3px;
    color: #00406e;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
}

/**********************************/
/***********home option 2 *********/
/**********************************/

.banner-col .vid-play {
    margin-bottom: 10px;
}

    .banner-col .vid-play #play-btn {
        display: none;
        width: 40px;
    }

.banner-col .vid-pause {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 502;
}

    .banner-col .vid-pause #pause-btn {
        display: none;
        width: 30px;
    }

.banner-col .banner-text.banner-text-video .heading, .banner-col .banner-text .caption {
    font-size: 18px;
}

.banner-col .banner-text.banner-text-video .caption {
    font-size: 12px;
    margin-bottom: 5px;
}

/**********************************/
/***********home option 2 *********/
/**********************************/




/****************************************/
/************ BANNER SECTION ************/
/****************************************/



/*****************************************************************/
/************************* CONTENT SECTION ***********************/
/*****************************************************************/

.view-all-block {
    position: relative;
    padding-bottom: 80px;
}

.view-all-link {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

    .view-all-link a {
        text-transform: uppercase;
        text-decoration: none;
    }

        .view-all-link a:hover {
            text-decoration: underline !important;
        }

    .view-all-link p span {
        color: #2f749b;
        font-size: .8em;
        margin-left: 5px;
    }

.registration-container {
    width: 100%;
    background-color: #00406e;
}

    .registration-container .registration-block {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px auto;
        padding: 10px 0px;
        text-align: center;
    }

        .registration-container .registration-block div {
            display: inline-block;
        }

            .registration-container .registration-block div:first-child {
                margin-right: 12px;
            }

            .registration-container .registration-block div:last-child {
                margin-left: 12px;
            }

            .registration-container .registration-block div p, .registration-container .registration-block div a {
                color: #fff;
                padding: 0;
                margin: 0;
                font-size: .8em;
                text-transform: uppercase;
            }

            .registration-container .registration-block div:first-child p {
                font-size: .8em;
                font-weight: 600;
            }

            .registration-container .registration-block div:first-child p {
                padding: 3px;
                color: #00406e;
                background-color: #89bc40;
                border-radius: 3px;
            }

            .registration-container .registration-block div:last-child a {
                padding: 5px;
                background-color: #fff;
                color: #00406e;
                border-radius: 3px;
                font-weight: 600;
            }

.quicklink-section-block {
    position: relative;
    position: unset;
    display: block;
    background: #00406e;
    border-top: 2px solid #fff;
    border-bottom: 0;
}

    .quicklink-section-block a {
        display: block;
        padding: 0px;
        color: #fff;
        text-align: center;
    }

    .quicklink-section-block .row {
        max-width: 1390px;
        padding: 0;
    }

    .quicklink-section-block .quicklink-icon a {
        font-size: 16px;
    }

    .quicklink-section-block a span {
        display: block;
        color: #fff;
        font-weight: normal;
        text-align: center;
        clear: left;
    }

    .quicklink-section-block .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .quicklink-section-block .medium-6 {
        width: 100%;
    }

    .quicklink-section-block .row .quicklink-icon {
        padding: 10px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

        .quicklink-section-block .row div.quicklink-icon:last-child, .quicklink-section-block .row .quicklink-icon:nth-child(3) {
            border-right: 0;
        }

.news-and-notes {
    display: block;
    margin: 40px 0;
}

    .news-and-notes .news-story {
        display: block;
        margin: 20px 0;
        padding-bottom: 20px;
    }

        .news-and-notes .news-story h3 {
            line-height: 1.2em;
        }

        .news-and-notes .news-story .columns:first-child {
            overflow: hidden;
        }

        .news-and-notes .news-story img {
            padding: 0;
            transition: transform .1s;
        }

        .news-and-notes .news-story:hover img {
            transform: scale(1.1);
        }

        .news-and-notes .news-story .news-text-block {
            position: relative;
        }

            .news-and-notes .news-story .news-text-block a.button {
                position: absolute;
                right: 5px;
                bottom: 5px;
                border: 1px solid #0d2142;
            }

    .news-and-notes .first-col-story {
        padding-bottom: 0;
    }

    .news-and-notes .second-col-stories:last-child {
        border-bottom: 0;
    }



.news-story {
    margin-bottom: .9375rem !important;
}

    .news-story img {
        padding: 0;
        margin: 0;
    }

    .news-story .columns:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #54565b;
        color: #fff;
        padding: 10px;
    }

.news-and-notes .news-story:hover .columns:last-child {
    background-color: #00406e;
}

.news-story h3 {
    font-size: 1.2em !important;
}

    .news-story h3 a {
        color: #fff;
    }

.news-story .columns {
    padding: 0;
}

.why-choose-spc {
    display: block;
    margin: 40px 0 0 0;
    padding: 40px 0;
}

.why-choose-spc-container {
    display: block;
    width: 96%;
    max-width: 1390px;
    margin: 0px auto;
    padding: 20px 10px;
    background-color: rgba(255,255,255,.9);
}

.why-choose-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 2.5em;
}

.why-choose-spc-container .row .columns:nth-child(1) .why-choose-num {
    border: 5px solid #00406e;
}

.why-choose-spc-container .row .columns:nth-child(2) .why-choose-num {
    border: 5px solid #89bc40;
}

.why-choose-spc-container .row .columns:nth-child(3) .why-choose-num {
    border: 5px solid #d29f2a;
}

.why-choose-spc-container .columns {
    padding: .9375rem;
}

    .why-choose-spc-container .columns p {
        font-weight: bold;
        text-align: center;
    }

.testimonials-container {
    background-color: #00406e;
    padding: 80px .9375rem;
}

.testimonial-block {
    display: block;
    max-width: 1390px;
    margin: 0px auto;
}

.testimonials-container h2 {
    color: #fff;
}

.testimonials-container .testimonial-item {
    display: block;
    padding-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
}

    .testimonials-container .testimonial-item .testimonial-image {
        overflow: hidden;
    }

        .testimonials-container .testimonial-item .testimonial-image img {
            padding: 0;
            transform: scale(1.1);
        }

    .testimonials-container .testimonial-item p {
        position: relative;
        font-size: .9em;
        line-height: 1.1em;
        margin-top: 10px;
        padding: 0px 40px;
        text-align: center;
    }

        .testimonials-container .testimonial-item p.quote:before, .testimonials-container .testimonial-item p.quote:after {
            font-family: "icomoon";
            z-index: 200;
            font-size: 1.375em;
            color: #00406e;
            position: absolute;
        }

        .testimonials-container .testimonial-item p.quote:before {
            content: "";
            top: 0px;
            left: 10px;
        }

        .testimonials-container .testimonial-item p.quote:after {
            content: "";
            bottom: 0px;
            right: 10px;
        }

.owl-theme .owl-dots .owl-dot span {
    background-color: #fff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #d29f2a;
}

.events-container {
    padding: 80px .9375rem;
}

    .events-container .events-container-column.columns {
        padding: 0;
    }

    .events-container ul {
        margin-left: 0;
        list-style: none;
    }

        .events-container ul li {
            display: inline-block;
            width: 100%;
            padding: 5px;
        }

.event-calendar-date-block {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
    background-color: #f3f3f3;
    border-radius: 3px;
    text-align: center;
}

    .event-calendar-date-block span {
        display: block;
        width: 100%;
        background-color: #00406e;
        color: #fff;
        padding: 5px 20px;
        border-radius: 5px 5px 0 0;
    }

.locationBlock span {
    font-size: 16px;
}

.social-media-container {
    padding: 40px 0;
}

    .social-media-container h2 {
        margin-left: .9375rem;
    }

.crt-widget .crt-post-fullname a, .crt-widget .crt-post-text a {
    color: #fff !important;
}

.crt-logo {
    display: none !important;
}


/*****************************************************************/
/************************* BOTTOM SECTION ************************/
/*****************************************************************/

@media only screen and (min-width: 40.063em) { /* ~623px medium break point*/
    .banner-col {
        height: calc(100vh - 124px);
    }

    /*.news-and-notes h2 {
        color: blue;
    }*/

    .registration-container .registration-block div p, .registration-container .registration-block div a {
        font-size: 1em;
    }

    .registration-container .registration-block div:first-child p {
        font-size: 1.1em;
    }

    .why-choose-spc-container .columns p {
        padding: 0 20%;
    }
}


@media only screen and (min-width: 48.0625em) { /* ~751px large break point */
    .marketing-headline {
        font-size: 3.5em;
    }

    .banner-col h1 {
        font-size: 1.7em;
    }

    .banner-col .banner-content {
        width: auto;
    }

    /*.news-and-notes h2 {
        color: purple;
    }*/

    .why-choose-spc {
        padding: 120px 0;
    }

    .why-choose-spc-container .columns p {
        padding: 0;
    }

    .testimonials-container .testimonial-item {
        padding-bottom: 10px;
    }

        .testimonials-container .testimonial-item .testimonial-image {
            padding-bottom: 40px;
        }

        .testimonials-container .testimonial-item img {
            transform: scale(1.1);
            transition: transform .1s;
        }

    .owl-item.active:first-child .testimonial-item, .owl-item.active:last-child .testimonial-item {
        margin-top: 20px;
        padding-bottom: 10px;
    }

        .owl-item.active:first-child .testimonial-item .testimonial-image, .owl-item.active:last-child .testimonial-item .testimonial-image {
            padding-bottom: 0px;
        }

            .owl-item.active:first-child .testimonial-item .testimonial-image img, .owl-item.active:last-child .testimonial-item .testimonial-image img {
                transform: scale(1);
            }

    .testimonials-container .testimonial-item:hover img {
        transform: scale(1.2);
    }

    .owl-item.active:first-child .testimonial-item:hover img, .owl-item.active:last-child .testimonial-item:hover img {
        transform: scale(1.1);
    }

    .events-container .events-container-column ul {
        margin-right: 2px;
    }

    .events-container .events-container-column:last-child ul {
        margin-right: 0px;
        margin-left: 2px;
    }
}

@media only screen and (min-width: 64.063em) { /* ~1008px xlarge break point */

    .banner-col .banner-content {
        top: 30%;
        max-width: 70%;
    }

    .marketing-headline {
        font-size: 3.5em;
    }

    .banner-col h1 {
        font-size: 24px;
    }

    .registration-container .registration-block div:first-child p {
        font-size: 1.4em;
    }

    .quicklink-section-block .row {
        margin: 0px auto;
        padding: 5px 0px;
        list-style: none;
    }

        .quicklink-section-block .row .quicklink-icon {
            border-right: 0;
            border-bottom: 0;
        }

    .quicklink-section-block a {
        display: block;
        width: 100%;
        padding: 0px;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

        .quicklink-section-block a:hover {
            text-decoration: underline !important;
        }

    .quicklink-section-block .quicklink-icon a img {
        width: 40%;
        max-width: 99px;
        margin: 0px auto;
    }

    .quicklink-section-block a span {
        display: block;
        text-align: center;
        clear: left;
    }

    .news-and-notes {
        margin: 80px auto;
    }

        .news-and-notes .first-col-story h3 {
            font-size: 1.5em;
        }

        .news-and-notes .first-col-story.news-story img {
            padding-right: inherit;
        }

        .news-and-notes .second-col-stories:last-child {
            margin-top: 20px;
        }

    .events-container ul li {
        display: inline-block;
        width: 49%;
        padding: 5px;
    }

        .events-container ul li:nth-child(odd) {
            margin-right: 1%;
        }
}

@media only screen and (min-width: 75em) { /* ~1182px xxlarge break point */
    .banner-col .banner-content {
        max-width: 80%;
    }

    .news-and-notes .news-story {
        margin: 0px 0;
        padding-bottom: 0px;
    }

    .news-and-notes .first-col-story.news-story img {
        padding-right: 0;
    }

    .why-choose-spc {
        padding: 180px 0;
    }

    .social-media-container h2 {
        display: block;
        max-width: 1390px;
        margin: 0px auto;
    }
}

@media only screen and (min-width: 75em) {
}

@media only screen and (min-width: 95em) { /* ~1503px desktop break point */
    .marketing-headline {
        font-size: 4.5em;
    }
}

@media only screen and (min-width: 110em) {
    /*.banner-col .banner-text .heading {
    color: pink;
}*/
}
