/* Content Blocks */
main {
    --border-width: 2px solid;
    --border-blue: #52c6e2;
    --border-medium-grey: #717f81;
    --border-green: #77b800;
    --border-white: #ffffff;
    --border-teal-blue: #007a87;
    --border-orange: #d77b32;
    --border-red: #9e4344;
    --border-purple: #5d3ca6;
    --border-dark-grey: #454e4a;
}

.content-area .content-block h2 a, .content-area.content-block h2 a:link, .content-area .content-block h2:visited {
    color: initial;
    text-decoration: initial;
}

#divFullBleedImage .content-block-link a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1em;
}

@media (min-width: 768px) {
    .content-block {
        margin-bottom: 40px;
        padding-top: 10px;
        padding-right: 4.1666%;
        padding-left: 19px;
    }

    .content-block h2 {
        margin-top: 0;
    }

    .content-block h2,
    .content-block h2 a {
        color: #3a4030;
    }


    .content-block-image { /* default value */
        width: 49%;
        display: inline-block;
    }

    .content-block-image span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-image-20 {
        width: 19%;
        display: inline-block;
    }

    .content-block-image-30 {
        width: 29%;
        display: inline-block;
    }

    .content-block-image-40 {
        width: 39%;
        display: inline-block;
    }

    .content-block-image-60 {
        width: 59%;
        display: inline-block;
    }

    .content-block-image-70 {
        width: 69%;
        display: inline-block;
    }

    .content-block-image-20 span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-image-30 span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-image-40 span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-image-60 span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-image-70 span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-full-image {
        width: 99%;
        display: inline-block;
    }

    .content-block-full-image span {
        display: block;
        font-size: 10px;
        padding-top: 10px;
    }

    .content-block-text { /* default value */
        display: inline-block;
        vertical-align: top;
        width: 49%;
        font-family: "Proxima Nova",Arial;
        font-size: 1.1em;
    }

    .content-block-text-30 {
        display: inline-block;
        vertical-align: top;
        width: 29%;
        font-family: "Proxima Nova",Arial;
        font-weight: normal;
    }

    .content-block-text-40 {
        display: inline-block;
        vertical-align: top;
        width: 39%;
        font-family: "Proxima Nova",Arial;
        font-weight: normal;
    }

    .content-block-text-60 {
        display: inline-block;
        vertical-align: top;
        width: 59%;
        font-family: "Proxima Nova",Arial;
        font-weight: normal;
    }

    .content-block-text-70 {
        display: inline-block;
        vertical-align: top;
        width: 69%;
        font-family: "Proxima Nova",Arial;
        font-weight: normal;
    }

    .content-block-text-80 {
        display: inline-block;
        vertical-align: top;
        width: 79%;
        font-family: "Proxima Nova",Arial;
        font-weight: normal;
    }

    .content-block-text-full {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        font-family: "Proxima Nova",Arial;
        font-weight: normal;
    }

    .content-block-link a {
        font-weight: bold;
    }

        .content-block-link a:hover {
            color: #CC0000;
        }

    .content-block-full-width {
        width: 99%;
    }

    .content-block-simple {
        padding-left: 0;
        padding-right: 4.1666%;
    }

    .content-block-simple h1 {
        font-weight: 800;
        font-size: 32px;
    }

    .content-block-simple h2 {
        color: #3a4030;
        margin-top: 40px;
        /*font-size:1.3em;*/
        /*font-size:24px;*/
    }

    .content-block-simple h2 a, .content-block-simple h2 a:hover {
        color: #3a4030 !important;
    }

    .content-block-simple h3 {
        /*font-size:1.5em;*/
        font-weight: bold;
        margin-top: 32px;
        font-size: 21px;
    }

    .content-block-simple h4 {
        /*font-size:1.2em;*/
        font-size: 16px;
        margin-top: 26px;
        font-weight: bold;
    }

    .content-block-simple .content-block-link {
        padding-top: 8px;
    }


    .content-block-title a {
        color: #0077C8;
        text-decoration: none !important;
    }

    .content-block-title h2 a:focus, h2 a:hover, .content-block-title a:hover {
        /*text-decoration: underline;
    text-decoration-color: #CC0000;*/
        color: #CC0000;
        border-bottom: 0 none !important;
    }



    .content-block-border-medium-grey {
        border-left: 2px solid #717f81;
    }

    .content-block-border-blue {
        border-left: 2px solid #52c6e2;
    }

    .content-block-border-green {
        border-left: 2px solid #77b800;
    }

    .content-block-border-white {
        border-left: 2px solid #ffffff;
    }

    .content-block-border-teal-blue {
        border-left: 2px solid #007a87;
    }

    .content-block-border-orange {
        border-left: 2px solid #d77b32;
    }

    .content-block-border-red {
        border-left: 2px solid #9e4344;
    }

    .content-block-border-purple {
        border-left: 2px solid #5d3ca6;
    }

    .content-block-border-dark-grey {
        border-left: 2px solid #454e4a;
    }
}

@media (max-width: 767px) {
    .content-block {
        padding: 20px !important;
    }

    .content-block h2 {
        color: #3a4030;
        font-size: 18px;
    }

    .content-block-simple h2 a, .content-block-simple h2 a:hover, .content-area .content-block-title h2 a:hover {
        color: #3a4030;
        text-decoration: none;
        border-bottom: 0 none !important;
    }

    .content-block-image {
        margin-bottom: 30px;
    }

    .content-block-image span {
        font-size: 10px;
        padding-top: 13px;
    }

    .content-block-image a {
        font-size: 10px;
    }

    .content-block-full-image {
        margin-bottom: 60px;
    }

    .content-block-link a {
        font-weight: bold;
        color: #0077C8;
    }

    .content-block-link a:hover {
        color: #CC0000;
    }

    .content-block h2,
    .content-block h2 a {
        color: #3a4030;
        text-decoration: none;
    }

    .content-block h2 a:hover {
        color: #CC0000;
        border-bottom: none;
    }

    .content-block-content {
        margin-bottom: 30px;
    }

    .content-block-simple {
        padding:20px;
    }

    .content-block-simple h2 {
        color: #3a4030;
        font-size: 18px;
    }

    .content-block-simple h1 {
        color: #3a4030;
        font-size: 18px;
        font-weight: bold;
    }
}


@media only screen and (max-width:767px) {
    .content-block-simple h2, h2 {
        font-weight: bold;
        font-size: 21px;
        color: #3a4030;
    }

}

@media print {
    .content-block-link a {
        color: #0077C8 !important;
    }
}