/*Accordian Styles*/

.al-divider {
    margin-left: -200%;
    border-bottom: 2px solid #0a6aa8;
}

.al-section {
    margin-bottom: 30px;
}

.accordion-item {
    border: none !important;
    font-size: 1.5rem;
}

.accordion-button {
    font-size: 1.5rem;
}

    .accordion-button:not(.collapsed) {
        border: none !important;
        box-shadow: none !important;
        background-color: white !important;
    }

.accordion-header {
    border-bottom: 2px solid #0a6aa8;
}


/*Blog styles*/

.articlshell {
    padding: 40px;
}

#blogsectionheadline {
    margin-top: 25px;
    font-size: 1.9rem;
    font-weight: bold;
    padding-bottom: 25px;
    border-bottom: 2px solid #00a677;
    margin-bottom: 40px;
}

/* Call to Action */
.cta-section {
    margin-top: 20px;
    position: static;
    width: 90%;
    float: right;
    margin-bottom: 20px;
}

.cta-background {
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-blend-mode: multiply;
    padding: 50px;
}

.cta-headline {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 2.1rem;
    font-weight: bolder;
    padding-bottom: 25px;
    border-bottom: 2px solid #d7443c;
}

.cta-over-overbackground {
    display: flex;
    align-content: center;
    flex-flow: row;
}

.cta-ContentArea {
    flex: 1 40%;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
    color: black;
}

.cta-dot-area {
    flex: 1 60%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 120px;
    padding-bottom: 120px;
    height: auto;
}

.cta-content {
    font-size: 1.4rem;
}

@media(max-width: 1400px) {
    .cta-dot-area {
        display: none;
    }

    .cta-ContentArea {
        flex: 1 auto;
    }
}

@media(max-width: 1200px) {
    .cta-section {
        position: static;
        width: 100%;
        float: none;
    }

    .cta-ContentArea {
        margin-top: 20px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 30px;
        background-color: white;
        padding: 20px;
    }
}

/* Category nav*/
.cn-section {
    position: static;
    width: 95%;
}

.cn-overbackground {
    height: 100%;
    margin: 0px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-blend-mode: multiply;
}

.cn-divider {
    margin-left: -200%;
    border-bottom: 2px solid #013243;
    margin-bottom: 20px;
    margin-right: 75%;
}

.cn-link {
    text-decoration: none;
    color: white;
    font-size: 1.5rem;
    display: block;
    margin: 0px;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

    .cn-link:hover {
        animation-name: darkcover;
        animation-duration: 1s;
        animation-fill-mode: forwards;
    }

@keyframes darkcover {
    from {
        background-color: rgba(0, 0, 0, .2);
    }

    to {
        background-color: rgba(0, 0, 0, .6);
    }
}

.nav-item-fc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    row-gap: 30px;
}

.nav-item-fb {
    flex: none;
    width: 400px;
    height: 400px;
}

.cn-box {
    display: flex;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    flex-direction: column;
    align-content: flex-end;
    justify-content: space-between;
}


.cn-box-sm {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    display: flex;
    height: 100%;
}

.cn-content {
    flex: 1;
    display: block;
}

.cn-content-bottom_aligner {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0px;
}

.cn-content-spacer {
    flex: 2;
}

.cn-cat {
    font-size: 2.1rem;
    font-weight: bolder;
    padding-bottom: 20px;
}

.cn-sub {
    font-size: 1.2rem;
}

/* Enhanced List*/
.el-dotbox-container {
    position: relative;
    padding-top: 10%;
    padding-bottom: 10%;
    height: 90%;
    min-height: 600px;
}

.el-dot-matrix {
    z-index: 2;
    height: 120%;
    margin-right: -200%;
}

.el-section {
    padding-top: 40px;
}

.el-left-container {
    margin-left: -200%;
    padding-left: 195%;
    padding-top: 90px;
    padding-bottom: 90px;
    padding-right: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
}

@media (max-width: 992px) {

    .el-left-container {
        margin-left: 0px;
        padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: multiply;
    }
}

.el-headline {
    font-size: 2.1rem;
    font-weight: bolder;
    padding-right: 20px;
}

.el-divider {
    margin-left: -200%;
}

.el-content {
    font-size: 1.4rem;
    padding-right: 20px;
}


.el-rows {
    z-index: 3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 500px;
    position: absolute;
    top: 20%;
    left: 0;
}

.el-ca-img {
    max-width: 60px;
}

.el-row-spacer {
    flex: 1 1 auto;
}

.el-row-item {
    flex: 1 1 210px;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    margin: 20px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #EAEAEA;
}

.el-item-header {
    flex: 1 100px;
    display: flex;
    align-items: center;
}

.el-header {
    font-size: 1.4rem;
    flex: 1 auto;
    margin-bottom: 35px;
    font-family: proxima-nova-condensed,sans-serif;
}

.el-sm-img-holder {
    flex: initial;
    margin-right: 20px;
}

.el-sm-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 90px;
    width: 90px;
}

.el-item-body {
    flex: 1 300px;
    padding-top: 10px;
    font-size: 1.1rem;
}

.el-learn-more {
    flex: 0;
    margin-top: auto;
    align-self: flex-end;
    margin-bottom: 30px;
}

    .el-learn-more a {
        text-transform: uppercase;
        font-size: 1.125rem;
        line-height: 2.25rem;
        font-weight: 700;
        display: block;
        text-align: right;
    }

        .el-learn-more a:hover {
            color: #f59131;
        }

@media(max-width: 1400px) {

    .el-left-container {
        margin-left: -100%;
        padding-left: 95%;
        padding-top: 90px;
        padding-bottom: 90px;
        padding-right: 90%;
        margin-right: -100%;
    }

    .el-section {
        position: static;
        width: 100%;
    }

    .el-headline {
        padding-left: 20px;
    }

    .el-divider {
        padding-left: 20px;
    }

    .el-content {
        padding-left: 20px;
    }

    .el-dotbox-container {
        margin-bottom: 10px;
    }

    .el-dot-matrix {
        display: none;
        margin-top: 30px;
    }

    .el-rows {
        position: static;
        height: auto;
    }

    .el-row-item {
        width: 100%;
        flex: 1 auto;
        padding: 30px;
    }

    .el-item-body {
        flex: 1 120px;
    }
}

/* Headline */

.headline-section {
    padding-top: 40px;
    background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 26%, rgba(255,255,255,1) 100%);
}

.headline-left-container {
    margin-left: -20px;
}

.hl-dotbox {
    margin-right: -200%;
    height: 400px;
}

.headlineText {
    font-weight: bolder;
    font-size: 2.5rem;
}

.headline-divider {
    margin-left: -200%;
}

.subheadline-text {
    font-size: 1.5rem;
}


.banner-imagebox {
    position: relative;
    z-index: 0;
    height: 500px;
    width: 100%;
    padding-right: 0px;
}


@media (max-width: 1199px) {
    .banner-imagebox {
        height: 450px;
    }
}


.banner-image-frame {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: -85px;
    margin-top: -5%;
    margin-right: -25%;
}

.banner-image {
    max-width: 80%;
}

.body-background {
    background-color: white;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 500px;
}

.headerSideTextBox {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 85px;
    margin-top: -5%;
    margin-right: -15%;
    padding: 60px;
}

.banner-sidetextbox {
    position: relative;
    z-index: 0;
    height: 500px;
    width: 100%;
}

.SideTextBig {
    font-size: 2.5rem;
    font-weight: bolder;
}

/* Image List*/
.il-Heading {
    font-size: 2.4rem;
    padding-bottom: 25px;
}

.il-image-block {
    height: 260px; /* Can be anything */
    width: 260px; /* Can be anything */
    position: relative;
}

@media(max-width: 576px) {

    .il-image-block {
        height: 180px; /* Can be anything */
        width: 180px; /* Can be anything */
        position: relative;
    }
}

.il-image {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.il-divider {
    margin-left: -200%;
    border-bottom: 2px solid #f59131;
}

.il-section {
    margin-bottom: 30px;
}

/* Inline Call to Action*/
.icta-section {
    margin: 10px;
    position: static;
    width: 95%;
}

.icta-background {
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-blend-mode: multiply;
    padding: 30px;
}

.icta-headline {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 2.1rem;
    font-weight: bolder;
    padding-bottom: 25px;
}

.icta-ContentArea {
    padding-top: 30px;
    padding-bottom: 30px;
}

.icta-content {
    font-size: 1.8rem;
}

@media(min-width: 1200px) {
    .icta-section {
        position: static;
        width: 100%;
    }
}

@media(min-width: 992px) {
    .icta-section {
        position: static;
        width: 100%;
        float: none;
    }

    .icta-ContentArea {
        margin-top: 20px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 30px;
        padding: 20px;
    }

    .icta-ContentArea {
        margin-top: 20px;
        margin-right: 50%;
        margin-bottom: 20px;
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Numbered List*/
.nl-section {
    margin-top: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.nl-divider {
    margin-left: -200%;
    border-bottom: 2px solid #ffffff;
}

.nl-item-block {
    background-color: white;
    opacity: 0.9;
    padding-left: 25px;
    padding-right: 25px;
    height: 450px;
    padding-top: 40px;
    color: black;
    margin-bottom: 20px;
}

.nl-item-number {
    color: rgba(4,4,10,0.35);
    font-size: 4.8rem;
    font-weight: bolder;
    position: absolute;
    z-index: 1;
}

.nl-item-headline {
    height: 125px;
    margin-top: 30px;
    z-index: 2;
    color: black;
    font-weight: bold;
    font-size: 1.4rem;
    position: static;
    padding-left: 15px;
    font-family: proxima-nova,sans-serif;
    color: #2c2c2c;
    overflow-x: hidden;
}

.nl-item-details {
    margin-bottom: 10px;
    font-size: 1.0rem;
    color: black;
    font-family: proxima-nova,sans-serif;
    height: 150px;
}

.nl-item-link {
    display: block;
}

    .nl-item-link a {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 1.125rem;
        line-height: 2.25rem;
        color: #013243;
    }

/* Split Block*/
.sb-section {
    margin-bottom: 30px;
}

.sb-content-box {
    position: relative;
}

.sb-area-block {
    position: relative;
}

.sb-headline {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 1.9rem;
    font-weight: bold;
    padding-bottom: 25px;
}

.sb-divider-left {
    margin-left: -200%;
    border-bottom: 2px solid #00a677;
    margin-bottom: 40px;
}

.sb-divider-right {
    margin-right: -200%;
    border-bottom: 2px solid #00a677;
    margin-bottom: 40px;
}


.sb-text-content {
    font-size: 1.6rem;
}

.sb-aside {
}


.sb-side-image {
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 600px;
}

.QuoteBox {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
}


.bigquote {
    font-size: 3.4rem;
}

.QuoteText {
    font-size: 2rem;
    margin-bottom: 10px;
}

.QuoteAttr {
    font-weight: bold;
    font-size: 1.5rem;
}

.QuoteTitle {
    font-style: italic;
    font-size: 1.4rem;
}

@media(max-width: 1200px) {

    .sb-side-image {
        margin-top: 20px;
        min-height: 400px;
    }
}