﻿/* pagination */
/* shared pager */
.pagination .active a{ background-color:#332e06; }
.pagination li a{ border: solid 1px #ddd;}

/* listing */
.alist { clear: both; }
.alist .title { font-size: 16px; font-weight:bold; padding-bottom: 8px; }
.alist .title a, .alist .title a:visited, .alist .title a:link{ color:#036}
.alist .poster{text-align:center}
.alist .poster img{max-height:90px;box-shadow: 1px 1px 5px #888;}
.alist hr { border: 0; height: 1px; background: #aaa; background: -moz-linear-gradient(left, #ffffff 0%, #dddddd 20%, #dddddd 80%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); margin-bottom: 13px; margin-top: 13px; padding-bottom: 1px; }
.alist .more{font-weight:bold;white-space:nowrap;margin-left:10px}
@media (max-width: 767px) {
    .alist .title { font-size: 14px; }
}

.alist.bio { display: inline-block; width: 100%; }
.alist.bio .item { padding: 0 .5em 1em .5em; margin: 0; height: 290px; vertical-align: top; }
.alist.bio .poster { float: none; padding: 0; height: 150px; min-width: inherit; }
.alist.bio .info { text-align: center;  }
.alist.bio .info .name { font-size: 1.1em; text-transform: uppercase; padding-top: 5px; color: black; font-weight: bold; }
.alist.bio .info .subtitle { font-size: .9em; font-weight: normal; }
.alist.bio .poster img { max-height: 150px; max-width: 100%; }
.alist.bio .info-bar { color: #900; font-weight: bold; font-style: italic; }
@media (max-width: 767px) {
    .alist.bio .item { border: none; }
}
@media (max-width:450px) {
    .alist.bio .item { width: 100%; }
}

.adetail .gallery .pager-left {
    cursor: pointer;
    height: 394px;
    width: 46px;
    position: absolute;
    background: transparent url(gallery-left.png) no-repeat left;
    opacity: .6;
    left: 0;
    z-index: 20;
}

.adetail .gallery .pager-right {
    cursor: pointer;
    height: 394px;
    width: 46px;
    position: absolute;
    background: transparent url(gallery-right.png) no-repeat right;
    opacity: .6;
    right: 0;
    z-index: 20;
}


/* detail */
.adetail h1 { font-size:25px; font-weight:normal }
.adetail hr { width:40%; margin: 10px auto 10px; border: 0; height: 1px; background: #eee; background: -moz-linear-gradient(left, #eee 0%, #dddddd 20%, #dddddd 80%, #eee 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#eee)); background: -webkit-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -o-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -ms-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: linear-gradient(to right, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#eee',GradientType=1 ); }
.adetail .content{ clear:both}
.adetail .task-bar{
    height: 22px;
    margin-bottom: 20px;
    padding-right:10px;
    background: #036;
    background: -moz-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,51,102,1)),color-stop(80%,rgba(34,76,128,1)));
    background: -webkit-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: -o-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: -ms-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: linear-gradient(to bottom,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    box-shadow: 2px 3px 3px silver;
    clear:both;
}
.adetail .task-item { float:right;margin-right:20px}
.adetail .task-item a.link, .adetail .task-item a.link:link, .adetail .task-item a.link:hover, .adetail .task-item a.link:visited{color:#fff;text-decoration:none}

.adetail .contacts { clear: both; margin: 20px 0 20px 0; }
.adetail .contacts .contact { border-left: 3px solid #990000; padding-left: 24px; margin-left: 20px; color: #35332C; }


.adetail-block{ width:335px;margin-left:20px;display:inline-block;background-color: #f3f3f3;border:1px solid #dee3e7;margin-bottom:20px;clear:both;float:right}
.adetail-block .inner{ padding:10px 15px 10px 15px; position:relative }
.adetail-block .header{
    background: #fafbfd; /* Old Browsers */
    background: -webkit-linear-gradient(top,#fafbfd,#e5e8ed); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#fafbfd,#e5e8ed); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#fafbfd,#e5e8ed); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #fafbfd, #e5e8ed); /*Standard*/
    overflow: hidden;
    padding:3px;
}

.adetail-block .header .btitle{ float:left; font-weight:bold;padding-left:10px}
.adetail-block .header .bpager{ float:right;margin:0}
.adetail-block .header .bpager li {float:left; list-style-type:none;padding:0 10px 0 10px}


.adetail .gallery .action{ font-size:12px;width:100%;display:inline-block;margin:15px 0 0 0}
.adetail .gallery .action li{float:left; list-style-type:none;padding:0 10px 0 0}

.adetail .gallery .aimage{margin: 0 auto 10px}

.adetail-block hr { border: 0; height: 1px; background: #eee; background: -moz-linear-gradient(left, #eee 0%, #dddddd 20%, #dddddd 80%, #eee 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#eee)); background: -webkit-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -o-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -ms-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: linear-gradient(to right, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#eee',GradientType=1 ); margin-bottom: 3px; margin-top: 3px; padding-bottom: 2px; }
.adetail-block .poster img{max-height:100px;box-shadow: 1px 1px 5px #888;margin:5px auto 10px;}
@media (max-width: 767px) {
    .adetail-block { float: none; width:100%;margin-left:0}
    .adetail .content{ display:flex;flex-direction:column;}
    .adetail-block{ order:2}
    .adetail-block.gallery{ order:0}
}

.adetail .gallery #dam{ min-height: 400px; overflow:hidden}
.adetail .gallery #dam .item {max-width: 300px;}
@media (max-width: 767px, print)
{
    .adtail .gallery #dam{ height:unset}
}

.adetail .related-block,
.dod2-related-block {
    margin-bottom: 10px;
    background-color: #eee;
    padding: 10px;
}

.dod2-related-block {
    background-color: transparent;
    padding: 0;
    margin-bottom: 16px;
}

    .dod2-related-block h2 {
        font-size: 1.8em;
        font-weight: 700;
    }

/* adetail.news */
.adetail.news {
    padding: 0 32px;
}
.adetail.news h1 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 0;
}
.adetail.news p.info {
    margin: 16px 0;
}
.adetail.news .adetail-block.gallery {
    margin: 0 0 20px 20px!important;
    font-size: .9em;
}
.adetail.news .adetail-block.gallery .actions {
    text-align: center;
    font-weight: 700;
}
.adetail.news .adetail-block.gallery .addthis-container {
    text-align: left;
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.adetail.news .task-bar {
    background: none;
    text-align: center;
    box-shadow: none;
    margin-top: 48px;
    display: flex;
    justify-content: center;
}
.adetail.news .task-bar a {
    color: #003366!important;
    font-weight: 700;
    font-size:.9em;
}
.adetail.news .task-bar .task-item {
    flex: 0 1 auto;
    float: none;
    margin: 0 4px;
}
.adetail.news .content p {
    line-height: 1.6em;
    margin-bottom: 18px;
}

/* contact */
.adetail .contact {
    border-left: 4px solid #999;
    padding-left: 15px;
    margin: 10px 0 15px 0
}
.adetail .contact li{list-style-type:none; }

/* tags */
.adetail .tag { padding-right: 10px; float: left; }
.adetail .tags { clear: both; }

.adetail.factsheet .gallery .carousel {
    height: 500px;
    width: 100%;
    border-bottom: 1px solid #000;
    margin-bottom: 32px;
}

.adetail.factsheet .gallery .image {
    height: 500px;
    width: 100%;
    overflow: hidden;
}

.adetail.factsheet .gallery .item {
    position: relative;
}

.adetail.factsheet .gallery .info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    padding: 16px;
    color: #FFF;
    white-space: normal;
    height: 86px;
    transform: translateY(86px);
    transition: all 300ms ease-out;
}

.adetail.factsheet .gallery .info.open {
    transform: translateY(0);
}

.adetail.factsheet .gallery .item .info-button {
    background: rgba(0, 0, 0, .8);
    display: inline-block;
    color: #FFF;
    position: absolute;
    height: 36px;
    top: -36px;
    left: 0;
    padding: 0 16px;
    line-height: 36px;
    cursor: pointer;
}

.adetail.factsheet .gallery .item .image-title {
    font-size: 18px;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.adetail.factsheet .gallery .item .action-bar {
    display: flex;
    text-transform: uppercase;
}

.adetail.factsheet .gallery .item .action-bar a {
    color: #fff;
}

.adetail.factsheet .gallery .item .action-bar a .fa {
    color: #900;
    margin-right: 2px;
}

.adetail.factsheet .gallery .item .action-bar > div{
    margin-right: 20px;

}


.adetail.bio,
.adetail.factsheet {
    position: relative;
}

    .adetail.bio .header,
    .aprint.bio .header {
        text-align: center;
        min-height: 100px;
        margin-bottom: 10px;
    }

.adetail.factsheet .header,
.aprint.factsheet .header {
    text-align: left;
    min-height: 100px;
    margin-bottom: 10px;
}

        .adetail.bio .header .title
        .adetail.factsheet .header .title {
            font-size: 36px;
            margin: 24px 0 8px;
            font-weight: 700;
        }

.adetail.bio .header .subtitle,
        .adetail.factsheet .header .subtitle {
            font-size: 24px;
            margin-bottom: 10px;
            padding: 0;
            line-height: 34px;
            color: #000;
        }

        .adetail.bio .header .date,
        .adetail.factsheet .header .date {
            float: right;
            font-size: 16px;
            color: #666;
            line-height: 38px;
        }

    .adetail.bio .social-inner,
    .adetail.factsheet .social-inner {
        display: flex;
        font-size: 1.4rem;
        justify-content: center;
    }

        .adetail.bio .social-inner a,
        .adetail.factsheet .social-inner a {
            border: 1px #717171 solid;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            color: rgb(128,128,128);
            text-decoration: none;
            margin: 10px 4px;
        }

    .adetail.bio .social,
    .adetail.factsheet .social {
        display: block !important;
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        text-align: center !important;
        margin: 0 !important;
    }

    .adetail.bio .body,
    .adetail.factsheet .body {
        border-top: none !important;
        border-bottom: 1px solid #000 !important;
        padding: 0 0 32px !important;
        margin-bottom: 32px !important;
        font-size: 14px;
        line-height: 1.6em;
    }

    .adetail.bio .share-bottom,
    .adetail.factsheet .share-bottom {
        display: flex;
        justify-content: center;
        margin-bottom: 32px;
    }

        .adetail.bio .share-bottom > div,
        .adetail.factsheet .share-bottom > div {
            margin: 0 16px;
            text-align: center;
        }

            .adetail.bio .share-bottom > div a,
            .adetail.factsheet .share-bottom > div a {
                color: #000;
            }

            .adetail.bio .share-bottom > div .fa-2x,
            .adetail.factsheet .share-bottom > div .fa-2x {
                font-weight: 400;
                font-size: 3em;
                margin-bottom: 4px;
            }

.adetail.bio .gallery {
    padding: 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.adetail.bio .gallery-wrapper {
    display: flex;
    justify-content: center;
    align-content: center;
}

.adetail.bio .gallery .img-wrapper {
    border: 1px solid #000 !important;
    margin: 50px auto;
    position: relative;
    display: inline-block;
    text-align: center;
    height: 402px;
}

.adetail.bio .gallery .img-wrapper img {
    height: 400px;
}

@media (max-width: 767px) {
    .adetail.bio .gallery .img-wrapper {
        height: 252px;
    }

    .adetail.bio .gallery .img-wrapper img {
        height: 250px;
    }
}

.adetail.bio .gallery .download-link {
    color: #FFF;
    font-weight: bold;
    position: absolute;
    bottom: 12px;
    left: 12px;
    text-shadow: 0 0 5px #000;
}

.adetail.bio .gallery .download-link a {
    color: #FFF;
    fill: #FFF;
    display: flex;
    flex-direction: row;
    align-content: center;
}

.adetail.bio .gallery .download-link a svg {
    margin-right: 4px;
}


/* jcs */
.alist.jcsnews .item { padding-bottom:10px}
.alist.jcsnews .title a, .alist.jcsnews .title a:visited, .alist.jcsnews .title a:link{     font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    text-decoration: none;}
.adetail-block.jcs .header{
    background: #E8E8E8; /* Old Browsers */
    background: -webkit-linear-gradient(top,#E8E8E8,#C6C6C6); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#E8E8E8,#C6C6C6); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#E8E8E8,#C6C6C6); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #E8E8E8, #C6C6C6); /*Standard*/
    overflow: hidden;
    padding:3px;
}

.adetail.jcs .task-bar { background: none; box-shadow:none;margin-bottom:16px;height:unset;display:inline-block;width:100%}

.adetail.jcs.bio .subtitle{ font-size:16px;font-weight:bold;padding-bottom:15px}
.adetail.jcs.bio .image{float:right; max-width:350px;text-align:center;padding:0 0 15px 15px}
.adetail.jcs.bio img{box-shadow:1px 1px 5px #888;}
.adetail.jcs.bio li {list-style:none;;margin-top:7px}
@media (max-width: 767px) {
    .adetail.jcs.bio .image { float: none; width: 100%; max-width: none; padding: 0 0 15px 0;  }
    .adetail.jcs.bio .aimage{margin:0 auto}
}


/* dashboards */

/*generic dashboard classes*/
.adash { display: inline-block; width: 100%; }
.adash .icon-vid { color: #E2380F; padding-left: 5px; }
.adash .footer { float: right; font-size: 1em; padding-right: 10px; margin-top: 10px; }
.adash .footer a { padding: 6px 0px; color: #084476; display: inline-block; font-weight: normal; }
.adash hr { border: 0; height: 1px; background: #aaa; background: -moz-linear-gradient(left, #ffffff 0%, #dddddd 20%, #dddddd 80%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); margin-bottom: 13px; margin-top: 13px; padding-bottom: 2px; }
.adash .poster { text-align: center; float: left; padding-right: 15px; }
.adash .poster img { box-shadow: 1px 1px 5px #888888; max-width: 115px; max-height: 75px; }
.adash .item { display: inline-block; width: 100%; }
.adash a { font-weight: bold; }
.adash .title { font-size: 16px; display: block; }
.adash .rss { z-index: 999; text-align: right; width: 100%; padding: 10px; }
.adash .rss a { color: #F28422; }
.adash .rss-link { color: #F28422; }
.adash .info{display:inline-block}
@media (max-width: 767px) {
    .adash .title { display: inline; }
}
.adash .links { font-size: .85em; display: inline-block; }
.adash .links a { color: #479ACB; }
.adash .links a:hover { color: #B41019; }

/* explore */
.adash.adash-explore .item {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
}

.adash.adash-explore .item > div {
    flex: 1 0 auto;
}

.adash.adash-explore .item > div:first-child {
    flex: 0 1 auto;
}
.adash.adash-explore .item .ex-image {
    margin-right: 16px;
    width: 100%;
    padding-bottom: 60%;
    background-position: center center;
    background-size: cover;
    border: 1px solid #000;
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .adash.adash-explore .item {
        flex-direction: row;
    }

    .adash.adash-explore .item > div {
        flex: 0 1 auto;
    }

    .adash.adash-explore .item > div:first-child {
        flex: 0 1 285px;
    }

    .adash.adash-explore .item .ex-image {
        width: 275px;
        margin-bottom: 0;
    }
}

.adash.adash-explore .ex-meta .ex-cat {
    text-transform: uppercase;
}

.adash.adash-explore .ex-meta .ex-cat,
.adash.adash-explore .ex-meta .ex-date {
    font-size: 12px;
}

.adash.adash-explore .ex-title {
    font-size: 24px;
    color: #000;
    line-height: 1.3em;
    margin: 0;
}

.adash.adash-explore hr {
    background: #CCC;
    height: 1px;
    padding: 0;
    width: 80%;
    margin: 30px auto;
}

.adash.adash-explore .hasmore {
    text-align: center;
    margin: 30px auto 0 auto;
}

.adash.adash-explore .read-more-link {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 0;
    background: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    color: #000;
    transition: all 200ms linear;
}

.adash.adash-explore .read-more-link:hover {
    background-color: #000;
    color: #FFF;
}

/* bio */
.adash-bio{display:block;}
.adash-bio .flex-grid{display:flex;flex-wrap:wrap;}
.adash-bio .item{width:25%;padding-left:5px;padding-right:5px;text-align:center;margin-bottom:10px}
.adash-bio .dimg{margin:0 auto;}
.adash-bio .more{font-weight:bold}

@media (max-width: 767px) {
    .adash-bio .item { width: 33%;}
}

@media (max-width: 480px) {
    .adash-bio .item { width: 50%;}
}

/* detailed */
.adash.adash-detailed .item{ padding-bottom:10px}

/* newsroom */
.adash.adash-newsroom .item {
    margin: 10px 0;
}
.adash.adash-newsroom .nr-meta .nr-cat {
    text-transform: uppercase;
}

.adash.adash-newsroom .nr-meta .nr-cat,
.adash.adash-newsroom .nr-meta .nr-date {
    font-size: 12px;
}

.adash.adash-newsroom .nr-title {
    font-size: 24px;
    color: #000;
    line-height: 1.3em;
    margin: 0;
}

.adash.adash-newsroom .hasmore {
    text-align: center;
    margin: 30px auto 0 auto;
}

.adash.adash-newsroom .read-more-link {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 0;
    background: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    color: #000;
    transition: all 200ms linear;
}

.adash.adash-newsroom .read-more-link:hover {
    background-color: #000;
    color: #FFF;
}

/* factsheets */
.adash.adash-factsheets .item { padding: 5px 0 5px 5px;border-bottom: 1px solid #dadada;}
.adash.adash-factsheets a { margin-left:10px}

/* image on right*/
.adash.adash-ir .poster{ float:right; padding:0 0 0 15px}

/* simple */
.adash.adash-simple .item{ float:left;width:unset}
.adash.adash-simple .poster{ padding-right: 5px }

/* archive yme*/
.adash.archiveYME .year {padding-bottom:4px;display:inline-block}
.adash.archiveYME .month {font-weight:normal;padding-left:20px;padding-bottom:4px;display:inline-block}

/* Single Feature*/
.dash-single-feature .image-container {
    border: 1px solid black;
    position: relative;
    margin: 10px 10px 25px;
}

.dash-single-feature .img-group {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background: #000;
}

.dash-single-feature .dash-temp-img {
    position: absolute;
    top: 0;
    left: 0;
}

.dash-single-feature .dash-blur-img {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: scale(1.25);
    opacity: .7;
}

.dash-single-feature .image {
    margin: 0;
    max-height: 350px;
    background: #e4e9f0; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e9f0 0%, #d8dde4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4e9f0 0%,#d8dde4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4e9f0 0%,#d8dde4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e9f0', endColorstr='#d8dde4',GradientType=0 ); /* IE6-9 */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    position: relative;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .5);
}

.dash-single-feature h2.thumb-title {
    text-align: center;
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 2.2em;
    font-weight: 700;
    color: #084476;
    margin: 0 16px 8px;
}

.dash-single-feature .summary {
    font-size: 14px !important;
    line-height: 1.5em;
    padding: 10px;
    display: block;
}

.dash-single-feature .story-tag {
    position: absolute;
    padding: 10px;
    left: 25px;
    bottom: -10px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: .8em;
    text-align: center;
    background-color: #084476;
    z-index: 3;
}

    .dash-single-feature .story-tag a,
    .dash-single-feature .story-tag a:visited {
        font-size: 1.2em;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: white;
        padding: 0 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        text-transform: uppercase;
        line-height: 1em;
    }

        .dash-single-feature .story-tag a:hover,
        .dash-single-feature .story-tag a:active {
            font-family: Arial, sans-serif;
            font-weight: 700;
            color: white;
        }


.dash-single-feature .hasmore {
    text-align: center;
    margin: 30px auto 6px auto;
}

.dash-single-feature .read-more-link {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 0;
    background: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    color: #000;
    transition: all 200ms linear;
}

    .dash-single-feature .read-more-link:hover {
        background-color: #000;
        color: #FFF;
    }

@media (max-width: 768px) {

    .dash-single-feature h2.thumb-title {
        font-size: 20px !important;
    }

    .dash-single-feature .story-tag a {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .dash-single-feature h2.thumb-title {
        font-size: 18px !important;
    }

    .dash-single-feature .story-tag a {
        font-size: 12px !important;
    }
}

.adetail-block.gallery {
    max-width: 35% !important;
    height: auto !important;
    margin: 5px !important;
    float: right !important;
}

@media (max-width: 767px) {
    .adetail-block.gallery {
        max-width: 95% !important;
        margin: 5px auto !important;
        float: none !important;
    }
}

img.aimage.img-responsive {
    max-width: 100% !important;
    height: auto !important;
    margin: 5px !important;
    float: right !important;
}

.aprint.bio {
    padding : 10px !important;
}

@media print {
    .adetail-block.gallery {
        max-width: 35% !important;
        height: auto !important;
        margin: 5px !important;
        float: right !important;
    }

    img.aimage.img-responsive {
        max-width: 100% !important;
        height: auto !important;
        margin: 5px !important;
        float: right !important;
    }
}

/* DOD2 Card Grid */
.joint2-card-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.joint2-card-grid-rows {
    display: inline-block;
    margin: 0 -16px;
    width: 100%;
}

.joint2-card-grid-row {
    display: inline;
}

@media only screen and (min-width: 768px) {
    .joint2-card-grid-row {
        display: flex;
        flex-direction: row;
    }

        .joint2-card-grid-row .joint2-card:first-child {
            margin-left: 0;
        }

        .joint2-card-grid-row .joint2-card:last-child {
            margin-right: 0;
        }
}

.joint2-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 32px);
    height: 33.4rem;
    margin: 8px;
    overflow: hidden;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    min-width: 230px;
    word-wrap: break-word;
    background-clip: border-box;
    float: left;
    box-shadow: 0 3px 5px rgba(0,0,0,.25);
    transition: all 300ms ease-in-out;
    color: #111111 !important;
    padding: 1.5rem 2.5rem;
    background-color: #FFF;
}



@media only screen and (min-width: 992px) {
    .joint2-card {
        height: 40rem;
        margin: 16px;
    }
}

.joint2-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: 0;
    height: 0;
    transition: height .3s ease-out;
}

    .joint2-card__image::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.35) 100%);
    }

@media only screen and (min-width: 992px) {
    .joint2-card__image {
        height: 50%;
    }
}

.joint2-card__content {
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin-top: 16px;
    transition: all 300ms ease-out;
}

@media only screen and (min-width: 992px) {
    .joint2-card__content {
        margin-top: 200px;
    }
}

.joint2-card .joint2-object-eyebrow {
    display: flex;
    align-self: center;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    order: 2;
    font-size: 1.3rem;
    flex-direction: column;
}

.joint2-object-eyebrow-type {
    font-weight: 700;
}

.joint2-object-eyebrow-date {
    color: #999;
}

.joint2-card__title {
    order: 3;
    width: 100%;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.8rem;
    line-height: 2.8rem;
    display: flex;
    align-items: flex-start;
    position: relative;
    flex: 1 0 auto;
}


@media only screen and (min-width: 992px) {
    .joint2-card__title {
        font-size: 2.2rem;
        line-height: 1.385;
        flex-grow: 0;
    }

        .joint2-card__title span {
            position: static;
            bottom: auto;
        }
}

.joint2-card__hr {
    order: 4;
    margin-top: 8px;
    margin-bottom: 0;
    width: 100%;
    transition: all 300ms ease-out;
    align-self: center;
    height: 3px;
    background-color: #FFF;
}

@media only screen and (min-width: 992px) {
    .joint2-card__hr {
        width: 0;
        opacity: 0;
    }
}

.joint2-card__overlay {
    position: absolute;
    height: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    left: 0;
    display: block;
    z-index: 1;
    transition: all .3s;
}

.joint2-card__description {
    order: 6;
    width: 100%;
    font-weight: 500;
    font-size: 1.4rem;
    padding-top: 1.5rem;
    line-height: 2.3rem;
    transition: all .3s ease-out;
    height: 50%;
    padding-bottom: 1.6rem;
    max-height: 109px;
    overflow: hidden;
}

@media only screen and (min-width: 992px) {
    .joint2-card__description {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        height: auto;
    }
}

@media only screen and (max-width: 991.999px) {
    .joint2-card__description {
        opacity: 1;
        max-height: 109px;
    }
}

.joint2-card:hover, .joint2-card:focus, .joint2-card:active {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 992px) {
    .joint2-card:hover .joint2-card__description, .joint2-card:focus .joint2-card__description, .joint2-card:active .joint2-card__description {
        max-height: 12rem;
        opacity: 1;
    }
}


@media only screen and (min-width: 992px) {
    .joint2-card .joint2-object-eyebrow {
        position: static;
        flex-direction: row;
        margin-bottom: 4px;
    }
}

@media only screen and (min-width: 992px) {
    .joint2-object-eyebrow-type {
        margin-right: 8px;
    }
}

.joint2-card:hover .joint2-card__image, .joint2-card:focus .joint2-card__image, .joint2-card:active .joint2-card__image {
    height: 0;
}

.joint2-card:hover .joint2-card__hr, .joint2-card:focus .joint2-card__hr, .joint2-card:active .joint2-card__hr {
    width: 100%;
    opacity: 1;
    margin-bottom: 0 !important;
}

.joint2-card .joint2-card__overlay {
    display: none;
}

.joint2-card .joint2-card__hr {
    margin-left: 0;
    margin-right: 0;
}

.joint2-card .joint2-card__description {
    transition: all .3s ease-out;
    font-weight: 400;
    position: relative;
    text-align: center;
}

    .joint2-card .joint2-card__description span {
        text-align: left;
        display: block;
        margin-bottom: 16px;
    }

@media only screen and (min-width: 992px) {
    .joint2-card .joint2-card__description {
        transform: translateY(100%);
    }
}

.joint2-card__read-more {
    opacity: 0;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    display: inline;
}

.joint2-card:hover .joint2-card__description, .joint2-card:focus .joint2-card__description, .joint2-card:active .joint2-card__description {
    top: 0;
}

@media only screen and (min-width: 992px) {
    .joint2-card:hover .joint2-card__description, .joint2-card:focus .joint2-card__description, .joint2-card:active .joint2-card__description {
        transform: translateY(0);
    }

    .joint2-card:hover .joint2-card__content, .joint2-card:focus .joint2-card__content, .joint2-card:active .joint2-card__content {
        margin-top: 64px;
    }

    .joint2-card:hover .joint2-card__title, .joint2-card:focus .joint2-card__title, .joint2-card:active .joint2-card__title {
        height: auto;
    }

        .joint2-card:hover .joint2-card__title span, .joint2-card:focus .joint2-card__title span, .joint2-card:active .joint2-card__title span {
            position: static;
            bottom: auto;
        }

    .joint2-card:hover .joint2-card__read-more, .joint2-card:focus .joint2-card__read-more, .joint2-card:active .joint2-card__read-more {
        opacity: 1;
    }
}


@media only screen and (min-width: 1200px) {
    .joint2-card:active .joint2-card__description, .joint2-card:focus .joint2-card__description, .joint2-card:hover .joint2-card__description {
        max-height: 17rem;
    }
}

@media only screen and (min-width: 992px) {
    .joint2-card:active .joint2-card__description, .joint2-card:focus .joint2-card__description, .joint2-card:hover .joint2-card__description {
        max-height: 15rem;
    }
}

@media only screen and (max-width: 991.999px) {
    .joint2-card .joint2-card__description {
        overflow: hidden;
    }
}

/* command news dashboard */
.dash-command-news .items-container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.dash-command-news .item {
    flex: 0 0 auto;
    width: calc(50%);
    position: relative;
}

.dash-command-news .image-container {
    border: 1px solid black;
    position: relative;
    margin: 10px 10px 40px;
}

.dash-command-news .img-group {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background: #000;
    height: 350px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.dash-command-news .dash-temp-img {
    position: absolute;
    top: 0;
    left: 0;
}

.dash-command-news .dash-blur-img {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 66.66667%;
    height: 100%;
    z-index: 1;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: scale(1.25);
    opacity: .7;
}

.dash-command-news .image {
    height: 100%;
    width: auto;
    max-width: none;
    margin: 0;
    background: #e4e9f0; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e9f0 0%, #d8dde4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4e9f0 0%,#d8dde4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4e9f0 0%,#d8dde4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e9f0', endColorstr='#d8dde4',GradientType=0 ); /* IE6-9 */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .5);
}

.dash-command-news h2.thumb-title {
    text-align: center;
    position: relative;
    top: -20px;
    font-family: Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 20px;
    color: #084476;
    margin-left: 16px;
    margin-right: 16px;
}

.dash-command-news .story-tag {
    position: absolute;
    padding: 10px;
    bottom: -12px;
    right: 10%;
    display: inline-block;
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #084476;
    z-index: 3;
}

    .dash-command-news .story-tag a,
    .dash-command-news .story-tag a:visited {
        font-size: 1.2em;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: white;
        padding: 5px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        text-transform: uppercase;
        line-height: 1em;
    }

        .dash-command-news .story-tag a:hover,
        .dash-command-news .story-tag a:active {
            font-family: Arial, sans-serif;
            font-weight: 700;
            color: white;
        }


.dash-command-news .hasmore {
    text-align: center;
    margin: 30px auto 0 auto;
}

.dash-command-news .read-more-link {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 0;
    background: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    color: #000;
    transition: all 200ms linear;
}

    .dash-command-news .read-more-link:hover {
        background-color: #000;
        color: #FFF;
    }

@media (max-width: 992px) {
    .dash-command-news .img-group {
        height: 200px;
    }
}

@media (max-width: 768px) {

    .dash-command-news .items-container {
        display: flex;
        flex-direction: column;
    }

    .dash-command-news .item {
        width: calc(100%);
    }

    .dash-command-news h2.thumb-title {
        font-size: 18px !important;
    }

    .dash-command-news .story-tag a {
        font-size: 12px !important;
    }
}

/* Mobile screen */
@media (max-width: 480px) {
    .dash-command-news h2.thumb-title {
        font-size: 16px !important;
    }

    .dash-command-news .story-tag a {
        font-size: 12px !important;
    }
}

/* Focus Point Images */
.dod2-fixed-aspect {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.dod2-fixed-aspect img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    object-fit: cover;
}

/* fallback */
.dod2-fixed-aspect .bg-image-fallback {
    background-size: cover;
}

.dod2-top-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    border-bottom: 1px solid #000;
}

.dod2-top-background-image img{
    opacity: .7;
}

@media (max-width: 767px) {
    .dod2-top-background-image {
        height: 350px;
    }

}
