/************
    LISTING
*************/
.alist { }
.alist .subtitle:after { content: ''; display: table; clear: both; }
.alist > ul { list-style: none; padding: 0; margin: 0 0 15px; }
.alist > ul > li { padding: 20px 0; margin: 0; }
.alist > ul > li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.1); }
.BH_HTML2 .alist > ul > li:first-child { padding-top: 0; }
.alist .desc { min-height: 56px; padding-left: 80px; position: relative; }
.alist.hydro .desc{ padding-left:0}
.alist h2 { margin: 0 0 5px; }
.alist time.calendar { display: block; background-color: #020000; width: 60px; position: absolute; left: 0; top: 0; border-radius: 5px; border: 3px solid #555 }
.alist time.calendar span { display: block; text-align: center; color: #fff; }
.alist time.calendar .day { font-size: 28px; padding: 8px 5px 0; font-weight: 900; line-height: 1; }
.alist time.calendar .month-year { font-size: 9px; text-transform: uppercase; padding: 5px 5px 8px; }
.alist a.thumb { display: inline-block; overflow: hidden; border: 3px solid #f5f5f5; transition: all .4s; position: relative; left: 50%; transform: translate(-50%, 0); max-width: 100%; }
.alist a.thumb:hover { }
.alist a.thumb img.article-thumb { transition: all 1s ease; width: 100% }
.alist a.thumb:hover img.article-thumb { transform: scale(1.1) rotate(.5deg); transition: all 1s ease; }
.alist a.title, .alist a.title:visited, .alist a.title:link { color: #123D63; font-weight: bold; }

@media (max-width: 992px) {
    .alist a.thumb { margin-bottom: 20px; }
}

@media (max-width: 550px) {
    .alist a.thumb { display: block }
    .alist a.thumb img { width: 100%; }
}

.alist-large-thumb { }
.alist-large-thumb a.thumb { text-align: center; background: #fff; }

.alist .newmonth::before { content: ""; display: block; width: 100px; height: 5px; top: 0; left: 0; background-color: #DE1E2E; z-index: 2 }
.alist .newmonth h3 { margin-bottom: 20px; font-weight: bold }
.alist .filter-markers .filter { background-color: #020000; color: #fff; }

.alist .rss { color: #ff6600; position: absolute; right: 0; top: 2px }
.alist .pager-section { position: relative; display: inline-block; width: 100%; min-height: 30px }

.alist.biographies .desc { padding-left: 0 }

/**new pager*/
.center-pager { display: flex; justify-content: center; }
.pagination > li > a, .pagination > li > span { color: #144a75; }
.pagination > .active > .page-link, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #020000; border-color: #144a75; }

/*calendar*/
.alist.events .fc-today { background-color: rgba(242, 39, 58, 0.33) }
.alist.events .btn-primary { background-color: #333; border-color: #333; color: #fff }
.alist.events .btn-primary:hover { background-color: #555; border-color: #555; color: #fff }
.alist.events .btn-primary.active { background-color: #777; border-color: #777; color: #fff }
.alist.events .poster { max-height: 200px; width: 100%; background-position: center; height: 100px }
.alist.events .fc-event-container:hover { cursor: pointer }
.alist.events h1.title { font-size: 1.6rem }


.alist .info { display: flex; margin-bottom: 10px; background-color: #f5f5f5; }
.alist .info div { margin-right: 20px; padding: 8px 16px }

@media (max-width: 992px) {
    .alist .info { flex-direction: column; }
    .alist .info div { margin-right: 0px; }
}

/**********
    Common
************/

.aframe .attachments { display: flex; align-items: center; flex-wrap: wrap; align-items: baseline }
.aframe .attachments .title { font-weight: bold }
.aframe .attachments .sep { padding-right: 10px; padding-left: 10px }
.aframe .attachment { padding: 6px 12px; background-color: #555; border-radius: 20px; margin-right: 10px; margin-bottom: 10px; font-weight: bold; font-size: .9rem; word-break: break-word }
.aframe .attachment span{ padding-left:5px}
.aframe .attachment a { color: #fff }

.aframe.notices .event { font-weight: bold }

.aframe .standout { color: #DE1E2E; font-weight: bold }
.aframe .highlight { font-weight: bold }
.aframe .subtle { color: #777 }
.aframe .info-fields { display: flex; background-color: #f1f1f1; padding: 10px 16px; box-shadow: 1px 1px 3px rgba(0,0,0,0.01); }
.aframe .info-fields .sep { color: #DE1E2E; margin: 0 10px; font-weight: 900 }
.aframe .info-fields .sep:last-child { display: none }

@media (max-width: 992px) {
    .aframe .info-fields { flex-direction: column }
    .aframe .info-fields .sep { display: none }
}


/**********
    DETAIL
************/
/*Detail*/
.adetail { padding: 0 0 5px; margin-top: -3px; display: block; font-family: 'Open Sans', Arial }
.adetail h1.title { font-size: 2rem;line-height:2rem; font-weight:bold; margin: 2px 0 20px 0; font-family: 'Open Sans', Arial, sans-serif; color: #123D63 }
.adetail h1.title:before { content: ""; display: block; width: 100px; height: 5px; top: 0; left: 0; background-color: #DE1E2E; z-index: 2 }

.adetail_end { background: url(story_end_bars.png) no-repeat top center; height: 10px; }
.adetail .tags { display: flex; width: 100%; flex-wrap: wrap; padding:30px 0 }
.adetail .tags .tag { display: inline-block; margin: 0 8px 10px 0; }
.adetail .tags .tag a, .adetail .tags .tag a:link, .adetail .tags .tag a:visited { font-size: 18px; color: #fff; padding: 3px 10px; background-color: #3E6682; }
.adetail .tags .tag a:hover{ background-color:rgba(62,102,130,.9); text-decoration:none}
.adetail_center { display: inline-block; width: 100%; padding: 15px 0; text-align: center; }
.adetail_center .inner { margin: 0 auto; }
.adetail .subhead { color: #777 }
.adetail .info { display: flex; padding-bottom: 5px }
.adetail .subtle { color: #777 }

.adetail .related { }
.adetail .related h2:before { content: ""; display: block; width: 100px; height: 3px; top: 0; left: 0; background-color: #DE1E2E; z-index: 2 }
.adetail .related .item { padding-bottom: 8px; font-size: 1.1rem }

.adetail a.link, .adetail a.visited { color: #DE1E2E; font-weight: bold }
.adetail .infos-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px }
.adetail .info div:not(:last-child):after { content: "/"; color: #DE1E2E; margin: 0 10px; font-weight: 900 }
.adetail .infos-bottom { display: flex; justify-content: flex-end; margin-top: 30px }
.adetail .info .org { text-transform: uppercase; font-weight: bold }

.adetail .media-inline .minfo { border-bottom-color: #DE1E2E; border-bottom-width: 2px }

.adetail .contacts { display: flex; align-items: center }
.adetail .contacts div { margin-right: 30px }
.adetail .contact-section { margin: 30px 0 }
.adetail .dateline { font-weight: bold; float: left }

@media (max-width: 992px) {
    .adetail .infos-top { flex-direction: column; align-items: flex-start }
    .adetail .infos-bottom { flex-direction: column; align-items: flex-start }
    .adetail .info { flex-direction: column }
    .adetail .info.fields .sep { display: none }
}

.adetail.bio .photo { max-width: 40%; float: right; padding: 0 0 30px 30px }
.adetail.bio .photo .media-info { text-align: center }

.adetail.bio .photo .print .item img {
    max-width: 100%;
    height: auto;
    margin: 5px;
    clear: left;
}

@media print {
    .adetail.bio .photo .print .item img {
        max-width: 35%;
        height: auto;
        clear: left;
        float: right;
    }
}

@media (max-width: 768px) {
    .adetail.bio .photo { max-width: 100%; float: none; padding: 0; text-align: center }
}

/********
    gallery
*********/
.adetail .slider-wrap { position: relative; clear: both; margin: 0 0 20px; }
/**Wait for init to prevent FOUC. Hide non current items after init*/
.adetail .slider .item { position: absolute; visibility: hidden; }
.adetail .caroufredsel_wrapper .slider .item { visibility: hidden; opacity: 0; }
.adetail .slider .item:first-child, .caroufredsel_wrapper .slider .item.current, .print.slider .item { position: relative; visibility: visible; opacity: 1; }
/*background only applies to landscape fit slides*/
.adetail .slider .slide { background-size: cover; background-position: center center; text-align: center; background-color: #020000; position: relative; transition: opacity .2s; }

.adetail .slider .slide:before { content: ""; float: left; /*16:9 aspect*/ padding-bottom: 56.25%; }
.adetail .slider .slide:after { content: ""; display: table; clear: both; }
.adetail .slider .slide img { display: block; position: absolute; top: 50%; left: 50%; min-height: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.adetail .slider .slide p.alt { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); top: auto; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.adetail .slider-wrap .pager-left,
.adetail .slider-wrap .pager-right { cursor: pointer; position: absolute; top: 0; left: 20px; background: transparent url(gallery-left.png) no-repeat left; width: 30px !important; z-index: 20; opacity: .6; transition: opacity .2s; /*height of the slide container*/ padding-bottom: 56.25%; }
.adetail .slider-wrap .pager-right { left: auto; right: 20px; background: transparent url(gallery-right.png) no-repeat right; }
.adetail .slider-wrap .pager-left:hover,
.adetail .slider-wrap .pager-right:hover { opacity: 1; }

.adetail .slider .item .media-info { text-align: right; padding: 10px; font-weight: bold; }
.adetail .slider .item .media-details, .slider .item .media-download { text-decoration: none; color: #DE1E2E; }
.adetail .slider .item .media-download { margin-right: 5px; }
.adetail .slider .item .media-count { }
.adetail .slider .item .media-caption p:last-child { margin-bottom: 0; }

/**mejs stuff*/
.adetail .slider .mejs__container, .slider .mejs__overlay.load { width: 100% !important; }
.adetail .slider.mejs__container { padding-top: 56.25%; }
.adetail .slider video { max-width: 100% !important; position: relative; }
.adetail .slider .mejs__mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.adetail .slider .mejs__controls { z-index: 23; }
.adetail .slider .mejs__overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; }

/* edit */
.article-edit .dnnFormItem textarea { max-width: 100% }


/*print*/
.adetail .print-header { display: flex; justify-content: space-between; margin-bottom: 20px; font-weight: bold }
.adetail .print-header .right-side { display: flex; justify-content: space-between; flex-direction: column }


/****************************************************************/

/********
    dashboard
*******/

.adash .subtle { color: #777 }
.adash .item { display: inline-block; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px }
.adash .item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 }
.adash .title { font-weight: bold; font-size: 18px; line-height: 22px }
.adash a.tlink, .adash a.tlink:link, .adash a.tlink:visited { color: #000 }
.adash .thumb { float: left; }
.adash .updated { color: #DE1E2E; font-weight: bold }
.adash .date { float: left; padding: 0 10px 0 0 }
.adash .article-thumb { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: 50% 50%; border: 3px solid #f5f5f5; }
.adash a.thumb { display: block; width: 20%; float: left; height: auto; position: relative; overflow: hidden; padding: 20% 0 0 0; /* 34.37% = 100 / (w / h) = 100 / (640 / 220) */; margin-right: 10px }

@media (max-width: 992px) {
    .adash a.thumb { width: 30%; padding-top: 30% }
}

.adash .footer{ display:flex;justify-content:space-between; padding:10px 0}
.adash .more{ }
.adash .rss { }
.adash .rss a { color: #F28422; }
.adash a.link, .adash a.link:visited, .adash a.link:link { color: #DE1E2E; font-weight: bold }
/*dateago*/
.adash.dateago-list .title { display: inline }
.adash.dateago-list .date { float: none; padding-left: 10px }
/*datefull*/
.adash.datefull-list .title { display: inline }
.adash.datefull-list .date { float: none; padding-left: 10px }
/*factsheets*/
.adash.factsheets ul { margin-bottom: 0 }
/*biographies*/
.adash.biographies .thumb { width: 100%; padding: 100% 0 0 }
.adash.biographies .items { display: flex; flex-direction: row; flex-wrap: wrap }
.adash.biographies .item { flex: 1 0 25%; border-bottom: none; padding: 0 2% 2% 2%; text-align: center }
.adash.biographies img { border: 3px solid #f5f5f5; max-height: 200px }
.adash.biographies p { margin-bottom: .2rem }

@media (max-width: 992px) {
    .adash.biographies .item { flex-basis: 33% }
}

@media (max-width: 768px) {
    .adash.biographies .item { flex-basis: 50% }
}

@media (max-width: 550px) {
    .adash.biographies img { max-height: 100px }
    .adash.biographies .image { margin-right: 10px; }
    .adash.biographies .item { flex-basis: 100%; border-bottom: 1px solid #ccc; margin-bottom: 4%; padding-bottom: 4%; display: flex; flex-direction: row; align-items: center }
}


/* filter */

.afilter .drop-list { /*border: solid 1px rgb(0,59,79);*/ background-color: #fff; border-radius: 4px; position: relative; width: 100%; font-weight: normal }
.afilter .drop-list:after { position: absolute; right: 10px; top: 5px; font-family: FontAwesome; font-weight: bold; content: '\f078'; color: #ced4da; font-size: 20px; pointer-events: none; background-color: #fff }
.afilter .field-outer { width: 100% }
.afilter .tagit { border-radius: .25rem; padding: 0 }
.afilter ul.tagit li.tagit-new { padding: 0; margin: 0; }
.afilter ul.tagit input[type="text"] { padding: 5px 10px }


.afilter input, .afilter select { background: #fff; padding: 5px 10px; height: 40px !important; font-size: 1rem !important; text-transform: uppercase; color: #003b4f; }

.afilter select { cursor: pointer; -webkit-appearance: none; }

.afilter .filter-item { display: flex }

.afilter .dates { width: 50% !important }


.afilter .RadInput_Default .riTextBox { border-color: #ced4da }

.afilter .filter-item { margin-bottom: 20px }

/* News Feed Content Grid Dashboard */
.news-feed-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news-feed-grid-item {
    width: 32%;
    background: #ededed;
    margin-bottom: 2%;
    padding: 15px;
}
.news-feed-grid h3 {
    margin: 0 0 5px;
    font-size: 19.2px;
    font-weight: 700
}
.news-feed-grid .news-feed-grid-item ul {
    margin: 0;
    list-style: none;
}
.news-feed-grid .news-feed-grid-item li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.news-feed-grid .news-feed-grid-item .more {
    text-align: right;
    margin-top: 8px;
    font-size: 12px;
}
.news-feed-grid h3 a .fa {
    font-size: 18px;
    color: #ccc;
}