body {
    /* font-family: Arial, Helvetica, sans-serif; */
 font-family: Arial,Roboto,Helvetica,sans-serif;
    color: #404040;
}

h1, h2, h3, h4 {
    color: #DD1D21;
 font-weight: 700;
}

a {
    color: #DD1D21;
    text-decoration: underline;
}

article header.article-header {
    background:#FBCE07; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom, #FBCE07 80% , #fff 20%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #FBCE07 80% , #fff 20%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #FBCE07 80% , #fff 20%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #FBCE07 80% , #fff 20%); /* Standard syntax */
    text-align: center;
}

article h1 {
    text-transform: uppercase;
}
article .category {
    display: inline-block;
    padding: 0.75rem 3rem;
    /* margin: 3rem auto 2rem; */
    border: 1px solid #DD1D21;
    /* font-size: 1rem; */
    color: #DD1D21;
    text-transform: uppercase;
}

article .datestamp {
    font-size: 0.9rem;
    text-transform: uppercase;
    /* margin: 2rem; */
}

.did-you-know {
    padding: 2em;
    /* margin: 2em 0; */
    text-align: center;
    background-color: #F7F7F7;
}
.did-you-know h4 {
    font-size: 1rem;
    color: #DD1D21;
    text-transform: uppercase;
}
.did-you-know p {
    font-size: 1.2rem;
}

.blockquote {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ni44MjMiIGhlaWdodD0iODQuNDU0IiB2aWV3Qm94PSIwIDAgOTYuODIzIDg0LjQ1NCI+PGcgaWQ9Ikdyb3VwXzMzNCIgZGF0YS1uYW1lPSJHcm91cCAzMzQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODcuMjg0IC0yMTg5LjA4MykiPjxwYXRoIGlkPSJQYXRoXzQiIGRhdGEtbmFtZT0iUGF0aCA0IiBkPSJNNTI2LjMxMywyMjczLjUzN0g0ODcuMjg0VjIyNDUuNjJxMC0xNi45NDMsMi45ODgtMjYuNzM3YTQwLjcyOSw0MC43MjksMCwwLDEsMTEuMDM4LTE3LjU3Nyw1Ni40MTcsNTYuNDE3LDAsMCwxLDIwLjU1OC0xMi4yMjNsNy42NDMsMTYuMTEzcS0xMS42NjgsMy45LTE2LjczNiwxMC44NDF0LTUuMzUzLDE4LjQ3MWgxOC44OTFabTU0LjYsMEg1NDEuODhWMjI0NS42MnEwLTE3LjA4NSwyLjk4OC0yNi44YTQwLjY1OCw0MC42NTgsMCwwLDEsMTEuMTEyLTE3LjUwOSw1Ny4yNyw1Ny4yNywwLDAsMSwyMC40OS0xMi4yMjNsNy42MzYsMTYuMTEzcS0xMS42NjgsMy45LTE2LjczNiwxMC44NDF0LTUuMzQ2LDE4LjQ3MWgxOC44OTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VkZWFlYSIvPjwvZz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #DD1D21;
}

.blockquote .cite {
    font-size: 0.7rem;
    color: #404040;
    text-transform: uppercase;
}


.ol-yellowbox {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 2em 0;
}
.ol-yellowbox li {
    margin: 1.5em 0;
    padding-top: 0;
    padding-left: 10%;
    display: block;
    position: relative;
    counter-increment: inst;
}
.ol-yellowbox li::before {
    content: counter(inst);

    background: #FBCE07;
    color: #404040;
    font-size: 1em;

    text-align: center;
    padding: 1.5% 2.5%;
    left: 0;
    top: 0;

    position: absolute;
    z-index: -1;
}


#shellCarousel .carousel-item {
    text-align: center;
}
#shellCarousel .carousel-item img {
    max-width: 100%;
 flex-shrink: 0;
}

/* Carousel dark indicators */
.carousel .carousel-indicators li {
    background-color: #fff;
    background-color: rgba(70,70,70,.25);
}

.carousel .carousel-indicators .active {
    background-color: #444;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}


.other-articles {
    background: #F7F7F7;
}
.other-articles-article article {
    /* display: flex; */
    height: 100%;
    background: #fff;
    border-bottom: 9px solid #DD1D21;
}

.other-articles-img {
    height: 10rem;
}
.other-articles-img a {
    display: inline-block;
    width:100%; 
    height: 100%;
    background-size: cover; 
    background-position: center;
}

.other-articles h2 {
    text-align: center;
    text-transform: uppercase;
}

.other-articles-article h3 {
    color: #404040;
    font-size: 1.2em;
}
.other-articles-article img {
    width: 100%;
 flex-shrink: 0;
}

.subscribe {
    background-color: #FBCE07;
}
.subscribe .form-group {
    margin: 0;
    text-align: right;
}
#subscribeform input[type=email] {
    display: inline-block;
    border: 0;
    width: 60%;
    padding: .5em 1em;
}
#subscribeform input[type=submit] {
    padding: .5em 1em;
    background-color: #DD1D21;
    color: #fff;
    font-size: 1em;
    border: 0;
    border-radius: 0;
    vertical-align: top;
}
.social {
    background-color: #A6A6A6;
}
.social-icon {
    display: inline-block;
}


/*x-small*/
@media (max-width: 576px) {

}
/*small*/
@media (min-width: 576px) {
    html {
        font-size: 1.2rem;
    }
}
/*medium*/
@media (min-width: 768px) {
    html {
        font-size: 1.3rem;
    }
}
/*large*/
@media (min-width: 992px) {
    html {
        /* font-size: 1.4rem; */
    }
}
/*x-large*/
@media (min-width: 1200px) {

}