/*** Sidebar infobox styles ***/
.infobox {
    background-color: white;
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 180px;
}

.no-underline,
.no-underline:hover {
    text-decoration: none;
}

.card {
    border-top: none;
    border-left: none;
    background-color: white;
    padding: 0px;
    position: relative;
    box-shadow: 0 0 8px #D5D0C0;
    min-height: 150px;
}

@media (max-width: 767px) {
    .card {
        min-height: 150px;
    }
}

@media (max-width: 767px) {
    .large.card {
        padding-right: 1.2em;
    }
}

.short.card {
    padding: 0 1.2em;
}

.large.card img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.full.card img {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    .large.card img,
    .short.card img {
        width: 100px;
        height: 100px;
    }
}

.story-supplement.card h2 {
    color: #8c1515;
    font-family: 'Source Serif Pro', 'Times New Roman', Times, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    border-bottom: none;
}

.full.card h3 {
    font-size: 2.1em;
}

@media (min-width: 992px) {
    .full.card h3 {
        font-size: 3.1em;
    }
}

@media (max-width: 767px) {
    .card h3 {
        font-size: 1.25em;
    }
}

.full.card .teaser {
    font-size: 1.125em;
}

@media (min-width: 992px) {
    .full.card .teaser {
        font-size: 1.25em;
        line-height: 1.35em;
    }
}

@media (min-width: 992px) {
    .card .category {
        font-size: 1.2em;
    }
}

.short.card .card-photo {
    margin-top: 1.5em;
    float: right;
    padding-left: 1em;
    padding-bottom: 1em;
}

    .short.card .card-photo img {
        width: 100px;
        height: 100px;
    }

@media (max-width: 767px) {
    .large.card .card-photo,
    .short.card .card-photo {
        margin-top: 1.5em;
        float: right;
        padding-left: 1em;
        padding-right: 0 !important;
    }
}

@media (max-width: 767px) {
    #top-story-1.card .card-photo {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .large.card .embed-responsive,
    .short.card .embed-responsive {
        padding-top: 1.5em;
    }
}

@media (max-width: 767px) {
    .large.card .embed-responsive .embed-responsive-item,
    .large.card .embed-responsive iframe,
    .large.card .embed-responsive embed,
    .large.card .embed-responsive object,
    .large.card .embed-responsive video,
    .short.card .embed-responsive .embed-responsive-item,
    .short.card .embed-responsive iframe,
    .short.card .embed-responsive embed,
    .short.card .embed-responsive object,
    .short.card .embed-responsive video {
        border-top: 20px solid white;
    }
}

.card .card-content {
    padding: 1.2em;
    clear: both;
}

@media (max-width: 767px) {
    .card .card-content {
        clear: none;
    }
}

.short.card .card-content {
    display: inline;
}

.full.card .card-content {
    display: block;
    height: auto;
}

@media (min-width: 992px) {
    .full.card .card-content {
        padding: 2.4em;
    }
}

.card .card-content p {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 0.9375em;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 1.2857em;
    margin-bottom: 1em;
}

    .card .card-content p:last-child {
        margin-bottom: 0;
    }

.social.card .card-content p {
    text-align: left;
}

.twitter.social.card .card-content p {
    font-size: 1.125em;
    text-align: center;
    line-height: 1.4444em;
}

.card .card-content .meta {
    display: block;
    text-transform: uppercase;
    color: #820000;
    font-size: 0.8em;
    font-weight: 600;
    font-size: 0.8125em;
    line-height: 1.53846154em;
    margin-bottom: 0.46153846em;
}

.card .card-content h3 {
    font-weight: 600;
    font-family: 'Source Serif Pro', 'Times New Roman', Times, serif;
    color: black;
    margin: 0;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    padding: 0;
    font-size: 1.1875em;
    line-height: 1.10526316em;
    margin-bottom: 0.31578947em;
}

@media (max-width: 767px) {
    .card .card-content h3 {
        font-size: 1.25em;
    }
}

.full.card .card-content h3 {
    font-size: 1.875em;
    line-height: 1.13333333em;
    margin-bottom: 0.2em;
}

@media (min-width: 992px) {
    .full.card .card-content h3 {
        font-size: 2.625em;
        line-height: 1.14285714em;
        margin-bottom: 0.14285714em;
    }
}

.social.card .card-content h3 {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: normal;
    text-align: center;
}

    .social.card .card-content h3:hover {
        text-decoration: underline;
    }

.card .card-content a {
    text-decoration: none;
    color: inherit;
}

.social.card .card-content a {
    color: #8C1515;
}

.card .card-content a:hover {
    color: #8C1515;
    text-decoration: underline;
}

.social.card .card-content a:hover {
    text-decoration: underline;
}

.card .card-content .btn {
    font-size: inherit;
}

.twitter.social.card .card-content > img,
.facebook.social.card .card-content > img {
    padding-bottom: 1em;
}

.social.card .card-content .social-img img {
    margin: auto;
}

.instagram.social.card .card-content .social-img img {
    width: 200px;
}

.social.card .card-content .actions {
    text-align: center;
    vertical-align: middle;
}

    .social.card .card-content .actions a {
        display: inline-block;
        margin: 0 8px;
        background: url('../images/social_actions.png') no-repeat 0 0;
        background-size: 160px 61px;
        width: 23px;
        height: 16px;
        background-position: 0px 0px;
        background-position: var(--bgX) var(--bgY);
    }

.instagram.social.card .card-content .actions a {
    background-position-y: -46px;
    --bgY: -46px;
}

.twitter.social.card .card-content .actions a {
    background-position-y: -22px;
    --bgY: -22px;
}

.instagram.social.card .card-content .actions a.like {
    background-position-x: 0px;
    --bgX: 0px;
}

.facebook.social.card .card-content .actions a.like {
    background-position-x: 1px;
    --bgX: 1px;
}

.instagram.social.card .card-content .actions a.like:hover {
    background-position-x: -83px;
    --bgX: -83px;
}

.facebook.social.card .card-content .actions a.like:hover {
    background-position-x: -82px;
    --bgX: -82px;
}

.twitter.social.card .card-content .actions a.favorite {
    background-position-x: -60px;
    --bgX: -60px;
}

    .twitter.social.card .card-content .actions a.favorite:hover {
        background-position-x: -143px;
        --bgX: -143px;
    }

.social.card .card-content .actions a.comment {
    background-position-y: -46px;
    --bgY: -46px;
}

.instagram.social.card .card-content .actions a.comment {
    background-position-x: -32px;
    --bgX: -32px;
}

    .instagram.social.card .card-content .actions a.comment:hover {
        background-position-x: -115px;
        --bgX: -115px;
    }

.twitter.social.card .card-content .actions a.reply {
    background-position-x: 0;
    --bgX: 0px;
}

    .twitter.social.card .card-content .actions a.reply:hover {
        background-position-x: -83px;
        --bgX: -83px;
    }

.twitter.social.card .card-content .actions a.retweet {
    background-position-x: -28px;
    --bgX: -28px;
}

    .twitter.social.card .card-content .actions a.retweet:hover {
        background-position-x: -111px;
        --bgX: -111px;
    }

.facebook.social.card .card-content .actions a.share {
    background-position-x: -32px;
    --bgX: -32px;
}

    .facebook.social.card .card-content .actions a.share:hover {
        background-position-x: -115px;
        --bgX: -115px;
    }

.card.social .channel-icon {
    text-align: center;
}

    .card.social .channel-icon a i {
        padding-top: 1.2em;
        color: #8A887D;
    }

    .card.social .channel-icon a:hover {
        text-decoration: none;
    }

.instagram.card.social .channel-icon a:hover {
    color: #125688;
}

    .instagram.card.social .channel-icon a:hover i {
        color: #125688;
    }

.facebook.card.social .channel-icon a:hover {
    color: #4767B1;
}

    .facebook.card.social .channel-icon a:hover i {
        color: #4767B1;
    }

.twitter.card.social .channel-icon a:hover {
    color: #55ACEE;
}

    .twitter.card.social .channel-icon a:hover i {
        color: #55ACEE;
    }

.card.social .channel-icon img {
    float: none !important;
}

.story-supplement.card .story-supplement-content {
    padding: 1em;
}


/*
.screen-reader { // text that should be read by a screen reader but not rendered on screen
                 display: inline-block;
                 position: absolute;
                 font-size: 0;
                 line-height: 0;
                 height: 1px;
                 overflow: hidden;
}
*/
ul.vbar {
    list-style: none;
    padding: 0;
}

    ul.vbar li {
        display: inline-block;
        padding: 0 0.5em;
        border-right: 1px solid black;
    }

        ul.vbar li:first-of-type {
            padding-left: 0;
        }

        ul.vbar li:last-of-type {
            border-right: none;
        }

.well {
    box-shadow: 0 0 8px #d5d0c0;
    border: medium none;
    border-radius: 0;
    padding: 20px;
    margin-bottom: 3em;
    background: white;
}

    .well h2 {
        padding: 10px 0 4px;
        font-size: 1.2em;
        border-bottom: none;
        color: #820000;
    }

    .well h3 {
        font-size: 1em;
        font-weight: 700;
    }

    .well ul {
        list-style-type: square;
        list-style-image: url('../images/bullet.gif');
    }

        .well ul li {
            position: relative;
            margin-bottom: 7px;
            line-height: 1.1em;
        }

    .well img {
        display: block;
        max-width: 100%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        margin-bottom: 6px;
        padding: 2px;
    }

    .well.well-calendar-list h3 {
        display: inline-block;
        padding-right: 4px;
    }

    .well.well-calendar-list ul {
        display: inline-block;
        padding: 0;
        list-style-type: none;
    }

        .well.well-calendar-list ul li {
            display: inline-block;
            padding-right: 3px;
        }

    .info-box .fa,
    .well .fa {
        color: #DAD7CB;
        margin: 0;
    }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.modal-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

.align-center img,
.pull-right img,
.pull-left img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .align-center,
    .pull-right,
    .pull-left {
        margin-top: 0.75em;
        margin-bottom: 1.5em;
    }
}

.inline,
.align-center {
    margin-top: 2em;
    margin-bottom: 2em;
}

    .inline.inset-width,
    .align-center.inset-width {
        width: 75%;
    }

.pull-left-wide,
.pull-right-wide {
    width: 70%;
}

.pull-left-narrow,
.pull-right-narrow {
    width: 50%;
}

.pull-left-portrait,
.pull-right-portrait {
    width: 40%;
}

.pull-left-wide,
.pull-left-narrow,
.pull-left-portrait {
    margin: 0.35em 2em 1em -11%;
}

@media (max-width: 767px) {
    .pull-left-wide,
    .pull-left-narrow,
    .pull-left-portrait {
        margin-top: 0.75em;
        margin-bottom: 1.5em;
    }
}

.pull-right-wide,
.pull-right-narrow,
.pull-right-portrait {
    margin: 0.35em -10% 1em 2em;
}

@media (max-width: 767px) {
    .pull-right-wide,
    .pull-right-narrow,
    .pull-right-portrait {
        margin-top: 0.75em;
        margin-bottom: 1.5em;
    }
}

.media-attrib,
.media-caption {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 0.9375em;
}

.media-attrib {
    font-style: italic;
    text-align: right;
}

p.media-attrib {
    margin-bottom: 0.25em;
}

.media-caption {
    margin-top: 0.5em;
    line-height: 1.3em;
}

p.media-caption {
    margin-bottom: 0;
}

#story-banner p.media-caption {
    margin-bottom: 1em;
}

@media (max-width: 767px) {
    .pull-right.pull-right-wide p.media-caption {
        margin-bottom: 1em;
    }
}

.mugshot .media-caption {
    text-align: center;
    margin-top: 0.6em;
}

@media (max-width: 767px) {
    .mugshot .media-caption {
        font-size: 1.0625em;
        line-height: 1.47058824em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mugshot .media-caption {
        font-size: 1em;
        line-height: 1.4375em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mugshot .media-caption {
        font-size: 1.0625em;
        line-height: 1.58823529em;
    }
}

@media (min-width: 1200px) {
    .mugshot .media-caption {
        font-size: 1.0625em;
        line-height: 1.52941176em;
    }
}

.media-caption .media-attrib {
    font-size: inherit;
}

.mugshot .media-caption .media-attrib {
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
}

img.headshot,
.headshot img {
    border-radius: 50%;
}

.sidebar-margin {
    margin-left: 2em;
    margin-right: 2em;
}

.sidebar-section h2 {
    color: #8C1515;
    font-family: 'Source Serif Pro', 'Times New Roman', Times, serif;
    font-size: 1.33333em;
    padding: 5px;
    margin-left: -5px;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #D5D0C0;
}

.sidebar-section p {
    color: #2E2D29;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 0.1em;
    margin-bottom: 1.4em;
}

    .sidebar-section p.side-byline {
        color: #8C1515;
        font-size: 0.8em;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0;
    }

.sidebar-section .sidebar-icon {
    font-size: 12px;
}

.page-section {
    margin-left: none;
}

.descriptor {
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.5;
    margin-bottom: 4px;
    color: #5F574F;
}

#top {
    min-height: 10px;
    padding: 4px 0 0;
    background-color: #8C1515;
    color: #8C1515;
}

#content {
    margin-top: 3em;
    margin-bottom: 3em;
}

aside a {
    color: black;
    text-decoration: none;
}

aside hr {
    margin: 0;
}


/********* Photo Gallery ******************/

* {
    box-sizing: border-box;
}

/* line 12, ../sass/demo.scss */
/*a {
    color: #4ab19a;
}*/

/* line 16, ../sass/demo.scss */
.clear {
    clear: both;
    float: none;
    width: 100%;
}

/* line 32, ../sass/demo.scss */
.gallery a img {
    float: right;
    width: 20%;
    height: auto;
    border: 1px solid #b9b9b9;
    margin: 2px !important;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}
/* line 46, ../sass/demo.scss */
.gallery a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: linear 0.2s;
    z-index: 5;
    /*box-shadow: rgba(0, 0, 0, 0.2) 1px 1px;*/
    box-shadow: 0px 0px 2px #4e5d6c;
}
/* line 57, ../sass/demo.scss */
.gallery a.big img {
    width: 100%;
}

.selectImage {
    /*margin-left: 1px;
                        margin-right: 1px;*/
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/* line 65, ../sass/demo.scss */
.align-center {
    text-align: center;
}