.adash .container .container{ padding-left:0; padding-right:0}

/**************
      SHARED
***************/

.article-cal { float: left; width: 50px; margin-right: 20px; margin-left: 0px }
.article-cal .cal-top { padding: 3px; list-style-type: none; background-color: #990000; color: White; text-align: center; font-size: 18px; }
.article-cal .cal-bot { padding: 0 3px 0 3px; list-style-type: none; background-color: #BFBDB1; color: Black; text-align: center; }
.adetail .title { margin: 0; padding: 0; text-transform: uppercase; }
.adetail .sub-title { font-size: 11px; }
.adetail .date { font-size: 11px; padding-bottom: 36px; display: inline-block; }
.adetail .link { text-decoration: none; color: #3D3B34; }
.adash .acat { width: 60px; height: 30px; display: inline-block; zoom: .65; margin-bottom: 18px; margin-top: 12px }
.adash .acats { padding-top: 15px; padding-bottom: 10px }

.acat-grey a, .acat-grey .icon { background-position-y: 0px }
.acat-white a, .acat-white .icon { background-position-y: -30px }
.acat-gold a, .acat-gold .icon { background-position-y: -60px }
.acat-dkgrey a, .acat-dkgrey .icon { background-position-y: -90px }
.acat-hover-grey a:hover { background-position-y: 0px }
.acat-hover-white a:hover { background-position-y: -30px }
.acat-hover-gold a:hover { background-position-y: -60px }
.acat-hover-dkgrey a:hover { background-position-y: -90px }

.adetail .gallery .item .media-title { color: #595853; padding: 0px 15px; font-weight: bold; margin-top: 2px; }
.adetail .gallery .item .media-caption { color: #595853; padding: 0px 15px; margin-bottom: 15px; }
.adetail .gallery .item .image { background-color: #000; text-align: center; }
.adetail .gallery .item .media-info-bar { height: 30px; background: #8A8270; color: #E6E3D7; padding-top: 4px }
.adetail .gallery .item .media-info-bar .link { text-transform: uppercase; text-decoration: none; margin-right: 30px; color: #E6E3D7; float: right; }
.adetail .gallery .item .media-info-bar .counter { color: #b5b3ab; padding-left: 15px; display: inline-block; }
.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; left: 19px }
.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; right: 19px }
.adetail .gallery .aimage { max-height: 500px; display: inline-block; }
.adetail .gallery .share { width: 220px; z-index: 200; position: relative; display: block; background-color: #D6D3C1; text-align: center; padding: 9px 0px 9px 5px; border: solid 3px #8A8270; }

#dam { height: 480px; overflow: hidden }

@media (max-width: 767px), print {
    .adetail .gallery .item .media-info-bar .link { margin-right: 10px; font-size: 13px; margin-top: 3px; }
}

/* print */
.adetail .gallery.print { background-color: unset !important }
.adetail .gallery.print #dam { height: unset !important }
.adetail .gallery.print .item .image { background-color: unset !important }

/* dateline */
.adetail .dateline { float: left; padding-right: 5px; font-weight: bold }

/* shared contacts*/
.adetail .contacts {margin-bottom:50px !important}
.adetail .contacts .contact h3{ color:#940000}
.adetail .contacts .contact { background-color: #ececec; padding: 10% }
.adetail .contacts p{ font-size:18px; margin-bottom:3px; position:relative}
.adetail .contacts strong{ font-weight:bold}
.adetail .contacts .info{ margin-top:20px}
.adetail .contacts .contact a{ color:#940000; padding-left:3px; position:relative; text-decoration:none}
.adetail .contacts .contact a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; border-bottom: 3px solid #940000; transition: 0.4s; }
.adetail .contacts .contact a:hover:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 3px solid #940000; transition: 0.4s; }

/* shared tag */

.adetail .tags-section { clear: both; display:inline-block; margin-bottom:50px }
.adetail .tags-section .tag-title{ font-weight:bold}
.adetail .tags-section .tag { }
.adetail .tags-section .sep{margin-left:-5px}
.adetail .tags-section .tag-link { color: #940000; text-decoration: underline; font-size: 16px; line-height: 22px; }

/* hero */
.aframe.adetail .hero { position: relative; background: transparent; overflow: hidden; height: 650px; display: flex; align-items: center; justify-content: center; background-color: #25303e; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 100%, transparent 100%); }
.aframe.adetail .hero > .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 650px; display: flex; align-items: center; justify-content: center; z-index: 1; }

@keyframes bounce {
    50% { transform: translateY(-15px); }
    100% { transform: translateY(15px); }
}

.bounce { position: relative; width: 30px; height: 10px; }
.bounce div { border-radius: 100%; height: 10px; width: 10px; background-color: rgba(256,256,256,0.5); animation: bounce 1s ease-in-out infinite; position: absolute; top: 0; transform: translateY(20px); }
.bounce div:first-of-type { left: -20px; animation-delay: 0.20s; }
.bounce div:nth-of-type(2) { animation-delay: 0.10s; }
.bounce div:last-of-type { left: 20px; }

.aframe.adetail .hero > .caption { position: relative; color: #fff; line-height: 27px; display: block; width: 100%; text-align: center; padding-top: 50px; z-index: 3; }
.aframe.adetail .hero > .caption .accentbar { display: inline-block; width: 110px; padding: 0; line-height: 1; margin: 0; border-bottom: 2px solid; border-color: #940000; }
.aframe.adetail .hero > .caption h1 { display: block; font-size: 30px !important; line-height: 32px !important; letter-spacing: 2px !important; font-family: Colossalis, sans-serif; color: #fff; margin-top: 40px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; overflow: hidden; }
.aframe.adetail .hero > .caption p { color: #fff; line-height: 3rem; margin-top: 35px; letter-spacing: 1px; }
.aframe.adetail .hero > .caption .publishdate { text-transform: uppercase; }
.aframe.adetail .hero > .caption .unit a { text-decoration: underline; color: #fff; }
.aframe.adetail .hero > .caption .unit::before { content: ", "; }
.aframe.adetail .hero .details { position: absolute; display: block; background-color: rgba(0, 0, 0, 0.5); color: #fff; width: 480px; height: 152px; bottom: 0; left: 0; z-index: 5; -webkit-transform: translateY(152px); -moz-transform: translateY(152px); -ms-transform: translateY(152px); -o-transform: translateY(152px); transform: translateY(152px); -webkit-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); -moz-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); -ms-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); -o-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); }
.aframe.adetail .hero > .image { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-size: cover; background-attachment: fixed; backface-visibility: hidden; background-repeat: no-repeat; background-position: center 0px; transform: translate3d(0, 0, 0); opacity: 0; overflow: hidden; z-index: 2; }
.aframe.adetail .hero > .image.default { background-image: url(/DesktopModules/ArticleCS/Styles/MarinesMIL3/texture-hero-bg.jpg); }
.aframe.adetail .hero > .image .details.expanded { -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important; -moz-transform: matrix(1, 0, 0, 1, 0, 0) !important; -ms-transform: matrix(1, 0, 0, 1, 0, 0) !important; -o-transform: matrix(1, 0, 0, 1, 0, 0) !important; transform: matrix(1, 0, 0, 1, 0, 0) !important; }
.aframe.adetail .hero > .image .details header { display: block; height: 30px; line-height: 30px; font-size: 13px; background: rgba(0, 0, 0, 1); color: #fff; text-align: center; cursor: pointer; }
.aframe.adetail .hero > .image .details header span { display: inline-block; }
.aframe.adetail .hero > .image .details header span::before { content: "Open "; }
.aframe.adetail .hero > .image .details.expanded header span::before { content: "Close " !important; }
.aframe.adetail .hero > .image .details header span::after { display: inline-block; content: '\f055'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 16px; margin-left: 8px; color: #fff; }
.aframe.adetail .hero > .image .details.expanded header span::after { display: inline-block; content: '\f056'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 16px; margin-left: 8px; color: #fff; }
.aframe.adetail .hero > .image .details .container { padding: 15px 30px 0; }
.aframe.adetail .hero > .image .details .container .w-100 { margin-bottom: 8px; }
.aframe.adetail .hero > .image .details h2 { color: #fff; padding: 0; margin: 0; font-size: 1.5rem; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.aframe.adetail .hero > .image .details h2 + p { color: #fff; font-size: 13px; padding: 0; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.aframe.adetail .hero > .image .details a { position: relative; display: inline-block; color: #fff; text-decoration: none; font-family: Arial, sans-serif; font-size: 0.8rem; letter-spacing: 2px; line-height: 27px; text-decoration: none; text-transform: uppercase; cursor: pointer; }

/******************** Related *******************/
.adetail .related-section { background-color: #ececec; width: 100%; margin: 0; outline: none; }
.adetail .related-wrapper { max-width: 1261px; margin: auto; font-family: Arial, sans-serif;}
.adetail .ast-related-content .related-title {padding-top:0; text-align:unset; font-size: 16px; line-height:1.6rem; }
.adetail .related-title { padding-top: 40px; color: #940000; font-family: "Colossalis", arial, sans-serif; font-weight: 100; text-transform: uppercase; letter-spacing: 2px; font-size: 48px; line-height: 54px; text-align: center; margin-bottom: 8px; }
.adetail a.related-link { text-decoration: none; display: inline-block; padding: 5px; line-height: 19px; }
.adetail .related-item a.related-link:hover span { color: white; }
.adetail .related-item a.related-link:hover { background-color: #940000; }
.adetail a.related-link span { font-size: 16px; margin-bottom: 0; line-height: 19px; color: #940000; }
.adetail .related-icon { padding: 10px; font-size: 1.5rem }
.adetail .related-items { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.adetail .related-item { display: flex; color: #940000; padding-bottom: 20px; width: 30%; flex: 0 0 30%; }

@media (max-width: 768px) {
    .adetail .related-item { width: 50%; flex: 0 0 41%; }
}

@media (max-width: 576px) {
    .adetail .related-item { width: 100%; flex: 0 0 100%; }
}

.adetail.print .related-item { width: 100%; flex: 0 0 100%; flex-direction: column }

/* shared action bar */
.adetail .a2a_kit { line-height: inherit !important; }
.adetail a.download-link::before,
.adetail a.details-link::before,
.adetail a.share-link::before,
.adetail a.social-link::before,
.adetail a.print-link::before { display: inline-block; font-size: 18px; color: #940000; margin-right: 5px; vertical-align: baseline; }

.adetail a.download-link::before { content: "\f019"; font-weight: 900; font-size: 18px; margin-right: 8px; font-family: 'Font Awesome 5 Free'; }
.adetail a.details-link::before { content: "\f05a"; font-weight: 900; font-size: 18px; margin-right: 8px; font-family: 'Font Awesome 5 Free'; }
.adetail a.print-link::before { content: "\f02f"; font-weight: 900; font-size: 18px; margin-right: 8px; font-family: 'Font Awesome 5 Free'; }
.adetail a.share-link::before { content: "\f1e0"; font-weight: 900; font-size: 18px; margin-right: 8px; font-family: 'Font Awesome 5 Free'; }

.adetail .task-bar { padding-bottom: 35px; display:block;overflow:hidden }
.adetail .task-bar .item { float: right; margin-top: 10px; margin-right: 20px; }

.adetail .task-bar a,
.adetail .task-bar a:link,
.adetail .task-bar a:hover,
.adetail .task-bar a:visited { color: #000; text-decoration: none }

.adetail .info-bar { height: 30px; background: #8A8270; margin-top: 32px; clear: both; padding-top: 4px }
.adetail .info-bar span { color: #E6E3D7; text-transform: uppercase; text-decoration: none; }
.adetail .shadow-long { background: url('shadow_long.png') top center no-repeat; height: 13px; }
.adetail .news-link, .adetail .news-link:hover, .adetail .news-link:link, .adetail .news-link:visited { text-decoration: none; color: #3D3B34; }


/* body area */
.adetail .container { padding-top: 30px }
.adetail .body-section { max-width: 800px; margin: 0 auto; }
.adetail .breakout { margin-left: calc((50vw - 50%)*-1) !important; margin-right: calc((50vw - 50%)*-1) !important; width: auto !important }
.adetail.print .breakout { margin-left: calc((50vw - 55%)*-1) !important; margin-right: calc((50vw - 55%)*-1) !important; width: auto !important }

/* pager */


/* for combat awards*/
.article-scroll-lock { overflow-y: hidden; height: 100% }

.alist .filter-bar{ display:flex; align-items:center; justify-content:space-between }
.alist .filter-clear { padding-bottom: 15px; text-transform: uppercase; letter-spacing: 0.2em; color: #767676; }
@media screen and (max-width: 768px) {
    .alist .filter-bar{ flex-direction:column}
}

/* listing top bar */
.alist .top-bar{ display:flex; justify-content:space-between; margin-bottom:15px; z-index:1; position:relative}
.alist .top-bar .view-selector a {text-transform:uppercase; font-size:14px; font-family: Helvetica, Arial, sans-serif; color: #767676; }
.alist .top-bar .view-selector a:hover{ color:#940000}


/********** super token overrides **************/
.ast-parallax { margin-left: calc((50vw - 51%)*-1); margin-right: calc((50vw - 51%)*-1) }
.ast-parallax .pinner { padding: 20px }
.ast-parallax .pinfo .ptitle { padding-left: 4% }
.ast-parallax .pinfo .ptitle .pname { font-family: Colossalis,sans-serif; font-size:1.6rem; line-height:1.6rem; font-weight:100; letter-spacing:3px; text-transform:uppercase }
.ast-parallax .pinfo .ptitle .photoby { font-size: .8rem; font-family: Helvetica, Arial, sans-serif; }
.ast-parallax .pinfo .plink { margin: 0 21px 0 5px; }
.ast-parallax .pinfo .plink a { letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: #000; font-size: 14px; display: flex }
.ast-parallax .pinfo .plink a:link, .adetail .pinfo .plink a:visited, .adetail .pinfo .plink a:hover { text-decoration: none; color: #000; }
.ast-parallax .pinfo { padding-top: 20px; margin-left: calc((50vw - 51%)*-1); margin-right: calc((50vw - 51%)*-1) }
.ast-parallax .pinfo h2 { font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 0; color: #000 }
@media (max-width: 992px) {
    .ast-parallax .pinfo .ptitle { padding-left:0 }
}

.ast-notes { border-color: #960000; background-color: #f4f4f4 }
.ast-list.circle .item .number{ background-color:#960000}
.ast-blockquote { border-color:#960000}
.ast-pullquote { background-color: #f4f4f4; border-color: #960000 }
.ast-pullquote .source {color: #960000 }
.ast-pullquote .quotemark{ background:none}
.ast-pullquote .quotemark:after { padding-left:15px; font-size:1.5em; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0; display: inline-block; content: "\f10d"; color: #600; }
.ast-grid .items{ display:flex}
.ast-grid .grid-separator{ background:#600}
.adetail .breakout{ margin-left:-200px; margin-right:-200px}
@media (max-width: 992px) {
    .adetail .breakout { margin-left: calc((50vw - 55%)*-1); margin-right: calc((50vw - 55%)*-1); }
}
/******************** inline media override *****************/
.adetail .media-inline .minfo { border-color :#960000}

.adash .link {
  text-decoration: none;
  color: #3D3B34;
}

.adash .footer { background: url(Shadow2.png) top center no-repeat; text-align: right; clear: both; height: 13px; overflow: hidden; }
.adash-inthenews { background-color: #D5D3C3; }
.adash-inthenews .header { color: #E6E3D7; height: 48px; background: transparent url('greyhead.gif'); background-repeat: repeat-x; }
.adash-inthenews .header .title { font-weight: bold; padding: 11px 0px 0px 7px; float: left; font-size: 14px; }
.adash-inthenews .header .icon { padding: 8px 0px 0px 8px; padding-left: 8px; float: left; }
.adash-inthenews .header .more { margin: 10px 5px 0px 0px; padding: 0px 15px 0px 8px; float: right; }
.adash-inthenews .header a:link, .adash-inthenews .header a:hover, .adash-inthenews .header a:visited { color: #E6E3D7; text-decoration: none; }
.adash-inthenews .item { padding: 5px 10px 5px 10px; }
.adash-inthenews .line { border: 0; background-color: #B8B6A9; }

/* topshots*/
.adetail-topshots .gallery .image img { display: inline-block }
.adetail-topshots .gallery .item { float: left }
.adetail-topshots .gallery { background-color: transparent }

/* ribbon */
.alist-ribbon { display: flex; flex-wrap:wrap }
.alist-ribbon .image { display: inline-block; }
.alist-ribbon .item { display:flex;flex: 1 1 33%; flex-direction:column;text-align: center;  }
.alist-ribbon .rss { z-index: 999; text-align: right; width: 100%; }
.alist-ribbon .rss a { color: #F28422; }
.alist-ribbon .more-link, .alist-ribbon .more-link:hover, .alist-ribbon .more-link:link, .alist-ribbon .more-link:visited { font-weight: bold; }
.alist-ribbon .link { text-decoration: none; display: inline-block; }

@media (max-width: 767px) {
    .alist-ribbon .item { width: 50%; }
    .adetail-ribbon .body { width: 100%; }
    .adetail-ribbon .side-bar { width: 100%; }
}

@media (max-width: 480px) {
}


.adetail-ribbon .atitle { font-size: 36px; }
.adetail-ribbon .body { width: 58%; float: left; }
.adetail-ribbon .side-bar { width: 40%; float: right; }
.adetail-ribbon .gallery-ribbon { display: inline-block; margin-bottom: 20px; text-align: center; width: 100%; }
.adetail-ribbon .gallery-ribbon .inner { background-color: #EAE9E4; }
.adetail-ribbon .gallery-ribbon .media-info-bar { height: 30px; background: #363435; color: #E6E3D7; padding-top: 4px; }
.adetail-ribbon .gallery-ribbon .media-info-bar .link { text-transform: uppercase; text-decoration: none; color: #E6E3D7; float: right; }
.adetail-ribbon .gallery-ribbon a { display: inline-block; }
.adetail-ribbon .gallery-ribbon img { padding: 20px; }


@media (max-width: 767px) {
    .adetail-ribbon .body { width: 100%; }
    .adetail-ribbon .side-bar { width: 100%; }
}

/*
Begin restyled components
*/

/******************* filter *********************/
.afilter { width: 100%; padding-bottom:1.5rem; z-index:20; position:relative }
.filter-clear { text-transform: uppercase; font-size: 14px; color: #767676; }
.afilter .filter-title { text-transform: uppercase; color: #940000; font-family: 'Helvetica', Arial, sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 3px; margin-bottom:.5rem; padding-top:40px }
.afilter select { width:100%; letter-spacing:-1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: none; padding: 6px 0; font-weight: 700; font-size: 16px; color: #940000; line-height: 1.5; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; padding-right:25px }
.afilter select::-ms-expand { /* for IE 11 */ display: none; }

.afilter .field-outer{ margin-bottom:.75rem}
.afilter .form-group{z-index:99999}

.afilter .drop-list:after { position: absolute; right: 15px; top: 3px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: '\f078'; color: #940000; font-size: 18px; pointer-events: none; background-color: transparent }
.afilter .drop-list select option { padding: 5px 5px 5px 5px; background-color: #721c24; color: #fff; border: none }
.afilter .field-outer.drop-list { border-bottom: 2px solid #ccc; }

.afilter .keyword input[type=text] { width:100%; border-radius: 0px; font-size: 16px; padding: 6px 12px; color: #940000; border: 2px solid #ccc; background: transparent; float: right; line-height: 1.5em; }
.afilter .keyword-search .search-button { position:absolute; margin-right: 10px; right:15px; color:#940000 }
.afilter .keyword input[type=text]::-ms-clear { display: none; }

.afilter .tag-search input[type=text] { border-radius: 0px; color: #940000; border: 2px solid #ccc; background: transparent; float: right; line-height: 1.5em; }
.afilter .tag-search input[type="submit"] { margin: 10px; padding-right: 30px; font-family: "FontAwesome 5 Free"; content: "\f002"; font-size: 13px; position: absolute; right: 20px; top: 1px; pointer-events: none; }

.afilter-sf { padding-left: 0; padding-right: 0; }
.afilter-sf .filter-title{ color:#fff}
.afilter-sf .field-outer.drop-list{ border-color:#fff}
.afilter-sf select { background-color: transparent; color: #fff }
.afilter-sf .drop-list:after { color:#fff}
.afilter-sf input { border-color:#fff; color:#fff}
.afilter-sf .keyword-search .search-button{ color:#fff}
.afilter-sf .keyword input[type=text]{ color:#fff; background-color:transparent; border-color:#fff}
.afilter-sf input[type=text]::-webkit-input-placeholder { color: #fff; }
.afilter-sf input[type=text]:-moz-placeholder { color: #fff; }
.afilter-sf input[type=text]::-moz-placeholder { color: #fff; }
.afilter-sf input[type=text]:-ms-input-placeholder { color: #fff; }
.afilter-sf .filter-title { opacity: 0; x: 0; position: relative; }
.afilter-sf .special-feature-filter-1 { opacity: 0; x: 0; position: relative; }
.afilter-sf .special-feature-filter-2 { opacity: 0; x: 0; position: relative; }
.afilter-sf .special-feature-filter-3 { opacity: 0; x: 0; position: relative; }

.afilter .chosen-single {padding:0 !important; background: none !important; border-radius: 0 !important; border: none !important; box-shadow: none !important }
.afilter .chosen-single span{text-overflow:clip !important; letter-spacing:-1px; line-height:1.5 !important}
.afilter .chosen-container-single { padding: 6px 0 !important; }
.afilter .chosen-container-single .chosen-single div b { display: none !important }
.afilter a.chosen-single { color: #940000; font-weight:bold; font-size:16px }
.afilter-sf a.chosen-single { color: #fff; }
.afilter .chosen-drop { background-color: #721c24 !important; color: #fff !important; min-width: 200px !important; box-shadow: 0px 2px 2px #000 !important; border:none !important }
.afilter .chosen-drop .chosen-results li{ padding:.4rem 1.5rem !important}
.afilter .chosen-drop .chosen-results { color:#fff !important}
.afilter .chosen-container .chosen-results li.highlighted { background-color: #960000 !important; background-image:none !important }
.afilter .chosen-container .chosen-results li.no-results { background-color:#960000 !important; color: #fff !important}
.afilter .chosen-container-single .chosen-search input[type=text]{ color:#fff !important}
.afilter .chosen-container-active { border: 2px solid #960000 !important; }

/******************* Pager *********************/
/* shared pager */
.alist-pager { white-space: nowrap; display: inline-block; margin: auto; }

.alist-pager .pagination { display: inline-block; margin: 0 15px; }

.alist-pager li { display: inline-block; }

.alist-pager .pagination a { float: left; margin: 0 4px; text-decoration: none !important; font-weight: 600; min-height: 48px; }

.alist-pager .pagination .pages { font-family: 'Colossalis'; color: #940000; font-size: 16px; padding: 8px 16px; transition: background-color .3s; border: 2px solid #ccc; }
.alist-pager .pagination .disabled a { color: #767676; }

.alist-pager .da_prev_pager { float: left; color: #940000; padding-top: 3px; vertical-align: middle; margin: auto 4px; }

.alist-pager .da_next_pager { float: right; color: #940000; padding-top: 3px; vertical-align: middle; margin: auto 4px; }

.alist-pager .da_prev_pager span,
.alist-pager .da_next_pager span { display: none; }

.alist-pager .pagination .active { background-color: #960000; color: #fff !important; border: 2px solid #940000; }

.alist-pager .pagination a span:hover:not(.active) { background-color: #960000; color: #fff !important; border: 2px solid #940000 }

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

    Messages Listing

******************/
.alist-msg { }

.alist-msg .item { cursor: pointer; word-wrap: break-word; }

.alist-msg .msg-col { text-align: left; font-family: Helvetica, Arial, sans-serif; letter-spacing:0 }

.alist-msg .item .msg-num a { color: #000; display: inline; font-size: 18px; width: 85px; font-weight: normal; border-radius: 0px; }

.alist-msg .item .msg-title,
.alist-msg .item .msg-title a { color: #000; }
.alist-msg .item .msg-title .cancelled { color: #940000; font-weight: 600; }
.alist-msg .item .msg-title .cancellation { color: #84754E; font-weight: 600; }

.msg-list .cancelled { color: #940000; font-weight: 600; }
.msg-list .cancellation { color: #84754E; font-weight: 600; }

.msg-grid .items { display: flex; flex-wrap: wrap; }

.msg-grid .item { border-left: 5px solid #940000; padding-right: 15px; padding-left: 15px; margin-bottom: 45px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width:25%}
.msg-grid .item .msg-num {
  display: inline;
  position: relative;
  margin-bottom: 2px;
  padding-bottom: 2px;
  flex-basis: 7%;
}
.msg-list .item .msg-num a { background-color: #940000; color: #fff; font-size: 16px; padding: 10px; }

.msg-grid .item .msg-num:after { content: ''; position: absolute; border-bottom: 2px solid #960000; bottom: 0; left: 0; width: 100%; transform: scaleX(0.001); transform-origin: left; opacity: 0; transition: opacity 0.4s ease-in, transform 115ms ease-in; }

.msg-grid .item:hover .msg-num:after { opacity: 1; transform: scaleX(1); }

.msg-grid .item .msg-title { margin: 5px 0 10px; }
.msg-grid .item .msg-title a:hover { color: #000 !important; }
.msg-grid .item .msg-title span { padding: 0px; margin-top: 5px; margin-bottom: 15px; text-transform: capitalize; letter-spacing: 0; font-family: "Colossalis", arial, sans-serif !important; font-size: 1.25rem; }

.msg-grid .item .msg-pub-date{ margin-bottom:5px}
.msg-grid .item .msg-pub-date, .msg-grid .item .msg-status { color: darkgrey; }

.msg-grid .header-row { display: none; }

@media (max-width: 767px) {
    .msg-grid .item { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; width: 33%; max-width:33% }
}

@media (max-width: 567px) {
    .msg-grid .item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width:100%; margin-bottom: 50px; }
}

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

    Message &  FactSheet List

******************/
.msg-list .msg-col { align-self: center; }


.msg-list .list-row { display: flex; width: 100%; color: #747678; font-size: 16px; letter-spacing: 2px; align-items: stretch; border-bottom: 2px solid #e3e3e3; line-height: 24px; }
.msg-list .header-row { text-transform: uppercase; }


.msg-list .list-row .msg-num { white-space: nowrap; display: inline-block; width: 115px; }
.msg-list .list-row .msg-pub-date { width: 100px; }
.msg-list .list-row .msg-status { padding-left: 15px; width: 120px }
.msg-list .list-row .msg-title { flex: 1; text-decoration: none; padding: 1px 7px 1px 0; }

.msg-list .item { min-height: 76px; vertical-align: middle !important; }
.msg-list .item:after { content: ' '; min-height: inherit; font-size: 0 } /* fix ie11 vertical center issue */
.msg-list .item:hover { background-color: #940000; color: #fff; }
.msg-list .item:hover .msg-title span,
.msg-list .item:hover .msg-pub-date,
.msg-list .item:hover .msg-status { color: #fff }
.msg-list .item .msg-title a:hover { text-decoration: underline; }
.alist-msg .item .msg-title a:hover{ color:#fff}
.msg-list .items .msg-num .cancellation a { /* no changes right now. saw a flash of green, placeholde*/ }
@media (max-width: 576px) {

    .msg-list .list-row { flex-wrap: wrap; width: 100%; }

    .msg-list .list-row .msg-num,
    .msg-list .list-row .msg-pub-date { padding-bottom: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; }

    .msg-list .list-row .msg-title,
    .msg-list .list-row .msg-status { padding-left:0; padding-bottom: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; }

    .msg-list .item .msg-num,
    .msg-list .item .msg-pub-date { padding: 20px 0 20px 5px; }
    .msg-list .item .msg-status { padding: 20px 0 20px 0; }
}

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

    Message &  FactSheet Details

******************/
.adetail-msg .hero-pane-window,
.adetail-msg .magic-parallax-banner { height: 550px; overflow: hidden; position: relative; }
.adetail-msg .hero {
    position: relative;
    background: transparent;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #25303e;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 100%, transparent 100%);
}

.adetail-msg .hero-pane-window,
.adetail-msg .magic-parallax-banner > .magic-bg.default {
    background-image: url(/DesktopModules/ArticleCS/Styles/MarinesMIL3/texture-hero-bg.jpg);
}

.adetail-msg .parallax-msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-position: center 0px;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    z-index: 2;
}

.adetail-msg .overlay {
  background: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.adetail-msg .body-wrapper {
  width: 100%;
  margin: auto;
}

.adetail-msg .top {
  margin: 25px auto 15px auto !important;
}

.adetail-msg .content-wrapper { text-align: center !important; height:100%}
.adetail-msg .content-wrapper .header-spacer {height: 210px;}
.adetail-msg .content-wrapper .content-wrapper-inner {height: calc(100% - 210px);display:flex;flex-direction:column;justify-content: center;}

.adetail-msg .title-divider-animate,
.adetail-msg .msg-title-animate { animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); animation-name: textAnimation; animation-duration: 0.5s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; }
.adetail-msg .msg-details-animate { animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); animation-name: textAnimation; animation-duration: 0.5s; animation-delay: 1.2s; animation-fill-mode: forwards; opacity: 0; }

@keyframes textAnimation {
    from { transform: translateX(-100px); opacity: 0; }

    to { transform: translateX(0px); opacity: 1; }
}

.adetail-msg .title-divider {
  width: 110px;
  margin: 8px auto;
  border: none;
  border-bottom: #940000 solid 2px;
}

.adetail-msg .msg-title {
  font-family: "Colossalis", arial, sans-serif !important;
  font-weight: 100;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 80%;
  margin: 8px auto;
  margin-bottom: 8px;
  color: white;
  line-height: 1.2em;
}

.adetail-msg .msg-details { color: #fff; font-size: 18px; font-family: 'HelveticaNeue', Arial, sans-serif; font-weight: lighter; line-height: 1.2em; margin: 8px auto; }

.adetail-msg .msg-title-print,
.adetail-msg .msg-details-print { color: black !important; }

/* Factsheet leverages the msg format */
.adetail-factsheet .content-wrapper {
    flex-grow: 1;
}
/* need override for theme gray */
.adetail-factsheet .body-text a,
.adetail-factsheet .body-text a:active,
.adetail-factsheet .body-text a:hover,
.adetail-factsheet .body-text a:visited {
    color: #000;
    text-decoration: underline;
}
.adetail-msg .body-text { color: #000000; font-family:Helvetica,arial,sans-serif!important; font-size: 16px; margin: 0px; padding: 0px; }

.adetail-msg .body-msg-num {
    background-color: #940000;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom:15px;
}

.adetail-msg .body-wrapper-print div,

.adetail-msg .body-wrapper-print p { color: #000000; font-family:Helvetica,arial,sans-serif!important; margin: 0px; padding: 0; font-size: 18px; line-height: 27px; }

.adetail-msg .body-wrapper-print p { margin-bottom: 17.5px; }

@media (max-width: 767px) {
  .adetail-msg .body-text {
    font-size: 16px;
  }
}
@media (max-width: 575.9px){
  .adetail-msg .body-wrapper {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 576px) {
  .adetail-msg .body-wrapper {
    margin: auto;
    max-width: 66.666667%;
  }
}

@media (max-width: 974px) {
  .adetail-msg .content-wrapper .header-spacer {height: 107px;}
  .adetail-msg .content-wrapper .content-wrapper-inner {height: calc(100% - 107px);}
}

@media (max-width: 744px) {
  .adetail-msg .content-wrapper .header-spacer {height: 92px;}
  .adetail-msg .content-wrapper .content-wrapper-inner {height: calc(100% - 92px);}
}

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

     Combat Awards

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

/* force popup to scroll */
#colorbox.mdm-popup { position: fixed !important; height: auto !important; bottom: 0; top: 0; overflow-y: auto !important; z-index: 9999999 }
.mdm-popup #cboxWrapper { height: auto !important; }

/* Override Colorbox to get look we want */
#colorbox.mdm-popup #cboxClose, #colorbox.inline-popup #cboxClose {
    top: 20px;
    right: 30px;
}

#colorbox.mdm-popup #cboxTopLeft,
#colorbox.mdm-popup #cboxTopRight,
#colorbox.mdm-popup #cboxTopCenter,
#colorbox.mdm-popup #cboxBottomLeft,
#colorbox.mdm-popup #cboxBottomRight,
#colorbox.mdm-popup #cboxMiddleLeft,
#colorbox.mdm-popup #cboxMiddleRight,
#colorbox.mdm-popup #cboxBottomCenter,
#colorbox.inline-popup #cboxTopLeft,
#colorbox.inline-popup #cboxTopRight,
#colorbox.inline-popup #cboxTopCenter,
#colorbox.inline-popup #cboxBottomLeft,
#colorbox.inline-popup #cboxBottomRight,
#colorbox.inline-popup #cboxMiddleLeft,
#colorbox.inline-popup #cboxMiddleRight,
#colorbox.inline-popup #cboxBottomCenter {
    width: 0;
    display: none
}

#colorbox.ca-popup #cboxLoadedContent {
    margin: 0;
}

#colorbox.ca-popup #cboxContent, #colorbox.inline-popup #cboxContent {
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
}

.alist.alist-combat {
    padding: 100px 0 300px 0;
}
.alist-combat { background: url(/DesktopModules/ArticleCS/styles/MarinesMIL3/CombatAwards-Img-Bottom.jpg); background-repeat: no-repeat; z-index: 999; background-position: bottom right; background-size: 100% auto; }
.alist-combat:after { content: ' '; position:absolute; bottom:0; right:0; left:0; height:2px; background-color:#000}
.alist-combat .container{ padding:0}
.alist-combat .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.alist-combat .item {
  position:relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}

.alist-combat .item .inner { background-color: #fff; border: 1px solid #ccc; padding: 151px 50px 35px 50px; position: relative; cursor: pointer; border-bottom: 40px solid #940000; margin-bottom: 40px; text-align: center; }

.alist-combat .item .inner .red-info {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
}

.alist-combat .item .inner .image {
  vertical-align: middle;
  border-style: none;
  max-height: 200px;
  max-width:100%;
}

.alist-combat .item .inner .title { color: #940000; height: 125px; overflow: hidden; font-size: 48px; padding-top: 20px; font-family: "Colossalis", arial, sans-serif !important; font-weight: 100; text-transform: uppercase; letter-spacing: 2px; line-height: 1.2; margin-bottom: .5rem; }

@media (max-width: 576px) {

  .alist .alist-combat {
    padding-bottom: 210px;
    padding-top: 60px;
  }

  .alist-combat .item .inner {
    padding: 70px 50px 35px 50px;
  }

  .alist-combat .item {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .alist-combat .item .inner .image { max-height: 140px; }

  .alist-combat .item .inner .title {
    height: auto;
    font-size: 19px;
  }
  .alist-combat .container { max-width: 550px }
}
@media (max-width: 992px) {
    .alist-combat .container{ max-width:920px}
}

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

      Combat Awards Details

**********************************/
.adetail-combat { height: 100%; width: 100%; }

.adetail-combat .hero-pane-img { background-image: url(/DesktopModules/ArticleCS/Styles/MarinesMIL3/award-hero-bg.jpg); background-repeat: no-repeat; background-size: cover; height: 370px; width: 100%; margin: 0; text-align: center; }

.adetail-combat .combat-title-wrapper { margin: auto; max-width: 90%; padding-top: 150px; border-bottom: 15px solid #940000; display: inline-block; }

.adetail-combat .combat-title { font-family: "Colossalis", arial, sans-serif !important; font-weight: 100; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 80px; line-height: 70px; padding-left: 25px; padding-right: 25px; margin-bottom: -17px; }

.adetail-combat .content-wrapper { display: flex; padding: 120px; overflow-y: auto; overflow-x: hidden; }

.adetail-combat .poster .image { max-height: 200px; }

.adetail-combat .content-wrapper .body-wrapper { margin-left: 3rem; }
.adetail-combat .content-wrapper .body-wrapper p { font-size: 16px; line-height: 20px; }

@media screen and (max-width: 768px) {
    .adetail-combat .combat-title { font-size: 50px; line-height: 56px; margin-bottom: -15px; }
    .adetail-combat .content-wrapper { flex-direction: column; padding: 10px }
    .adetail-combat .content-wrapper .body-wrapper { margin-left: 0 }
    .adetail-combat .content-wrapper .poster { text-align: center }
    .adetail-combat .poster .image { padding: 20px 0; }
}

@media (max-width: 576px) {
    .adetail-combat .hero-pane-img { height: 203px; overflow: hidden; }

    .adetail-combat .content-wrapper { height: calc(100% - 203px); }

    .adetail-combat .combat-title-wrapper { border-bottom: 10px solid #940000; padding-top: 80px; }

    .adetail-combat .combat-title { font-size: 24px; margin-bottom: -29px; }

    .adetail-combat .body-wrapper .body-text { padding: 0; }
}

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

        News Listing

**********************************/
.alist .pager { text-align: center; padding-top: 50px; flex: 1 0 100%; padding-bottom: 50px; }

.alist .pager .load-more { padding: 20px; }

.alist.news .filter-bar [data-tooltip]:hover:after, .alist.alist.news .filter-bar [data-tooltip]:focus:after { color: #960000; }
.alist.news .filter-bar .acat { zoom:.55 }
@media screen and (max-width: 768px) {
    .alist.news .filter-bar .acat { zoom: .9; }
    .alist.news .filter-bar { padding-bottom: 10px }
    .alist.news .filter-bar .filter-clear{ padding-bottom:15px}
    .alist.news .filter-bar .acat-grey .acat { background-position-y: -90px; } /* make dk grey*/
}

.alist.news { position: relative; display: block; }

.alist.news .alist-more-button { cursor: pointer; }

.alist.news .items { display: flex; flex-wrap: wrap; font-family: Arial; width: 100%; justify-content: space-between; width: 100%; }

.alist.news .item { background-color: #525252; display: flex; padding: 0; width: 100%; margin: 1px 0; max-height: 600px; opacity: 0; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); -moz-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); -ms-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); -o-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); }

.alist.news .item.animated { transition-delay: 0.3s; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.alist.news .item:nth-child(13n + 1) { max-width: 100%; flex: 1 0 100%; min-height: 585px; }

.alist.news .item:nth-child(13n + 2),
.alist.news .item:nth-child(13n + 3),
.alist.news .item:nth-child(13n + 7),
.alist.news .item:nth-child(13n + 8),
.alist.news .item:nth-child(13n + 12),
.alist.news .item:nth-child(13n + 13) { max-width: 50%; flex: 1 0 50%; min-height: 570px; }

.alist.news .item:nth-child(13n + 4),
.alist.news .item:nth-child(13n + 5),
.alist.news .item:nth-child(13n + 6),
.alist.news .item:nth-child(13n + 9),
.alist.news .item:nth-child(13n + 10),
.alist.news .item:nth-child(13n + 11) { max-width: 33.333333%; flex: 1 0 33.333333%; min-height: 415px; }

.alist.news .item:nth-child(13n + 2) > .poster,
.alist.news .item:nth-child(13n + 7) > .poster,
.alist.news .item:nth-child(13n + 12) > .poster,
.alist.news .item:nth-child(13n + 4) > .poster,
.alist.news .item:nth-child(13n + 9) > .poster { margin-right: 1px; }

.alist.news .item:nth-child(13n + 3) > .poster,
.alist.news .item:nth-child(13n + 8) > .poster,
.alist.news .item:nth-child(13n + 13) > .poster,
.alist.news .item:nth-child(13n + 6) > .poster,
.alist.news .item:nth-child(13n + 11) > .poster { margin-left: 1px; }

.alist.news .item:nth-child(13n + 5) > .poster,
.alist.news .item:nth-child(13n + 10) > .poster { margin-right: 1px; margin-left: 1px; }

.alist.news .item .info { display: block; position: absolute; bottom: 0; right: 0; left: 0; max-height: 570px; padding: 0 36px 36px; z-index: 2; }

.alist.news .item:nth-child(13n + 1) .info { padding-bottom: 50px; }

.alist.news .item .accentbar { display: block; font-size: 30px; width: 4em; padding: 0 0 25px; line-height: 1; margin: 0; border-bottom: 1px solid; border-color: #940000; }

.alist.news .item .title { color: #fff; margin-bottom: .5rem; line-height: 1.2; font-weight: 100; font-family: Colossalis, Arial; letter-spacing: 2px; text-transform: uppercase; max-height: 3.6em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; overflow: hidden; }

.alist.news .item .title:hover { color: #940000; }
.alist.news .item .title a:hover { color: #940000; }

.alist.news .item .caption { position: relative; display: inline-block; font-size: 18px; width: 90%; color: #C5C5C4; margin-bottom: 10px; font-family: Arial, sans-serif; line-height: 1.4; max-height: 4.2em; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.alist.news .item:nth-child(13n + 1) .caption { width: 60%; max-height: 5.6em; -webkit-line-clamp: 4; }

.alist.news .item:nth-child(13n + 4) .caption,
.alist.news .item:nth-child(13n + 5) .caption,
.alist.news .item:nth-child(13n + 6) .caption,
.alist.news .item:nth-child(13n + 9) .caption,
.alist.news .item:nth-child(13n + 10) .caption,
.alist.news .item:nth-child(13n + 11) .caption { display: none; }

.alist.news .item .categorytheme { list-style-type: none; }

.alist.news .item .categorythemeicons { float: left; }

.alist.news .item .categorythemeicons a { display: block; color: white; text-align: center; padding: 16px; text-decoration: none; }

.alist.news .item .categorythemeicons a:hover { background-color: #000; }

.alist.news .item .poster { background-color: transparent; }

.alist.news .item .poster h2 { text-shadow: none; }

.alist.news .poster { cursor: pointer; overflow: hidden; position: relative; display: inline-block; width: 100%; }

.alist.news .poster > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.alist.news .poster a,
.alist.news .poster a:visited,
.alist.news .poster a:link { color: #fff; }

.alist.news .poster:after { padding-top: 80%; /* 5:4 ratio */ display: block; content: ''; }

.alist.news .poster .image { display: block; width: 100%; background-color: #25303e; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 100%, transparent 100%); position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); transition-duration: .45s; transition-property: transform; }

.alist.news .poster .image 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; }

.alist.news .poster:hover .image { -o-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -ms-transform: scaleX(1.1); -webkit-transform: scaleX(1.1); transform: scale(1.1); }

.alist.news .overlay { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: -1px; }

.alist.news .overlay.overlay-info { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 44%, rgba(0, 0, 0, 0.65) 100%); }

.alist.news .item a { text-decoration: none; color: #fff; font-weight: normal; text-decoration: none; }

.alist.news .items .info-text { position: relative; display: block; margin: 0; padding: 5px 0; color: #fff; line-height: 1.6; z-index: 3; }

.alist.news .items .info-text a { color: #fff; font-size: 18px; text-decoration: none; font-family: Colossalis, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin: 0; padding: 0; }

.alist.news .items .info-text a span { position: relative; margin-left: 5px; padding: 5px 0; letter-spacing: 5px; white-space: nowrap; }

.alist.news .items .info-text a i { font-style: normal; }

.alist.news .items .info-text a i::before { font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0; display: inline-block; content: "\f055"; color: #940000; }

.alist.news .items .info-text a span::after { content: ""; position: absolute; border: 1px; border-style: solid; left: 0; right: 0; bottom: 0; transform-origin: left; -o-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; color: #940000; }

.alist.news .items .info-text a:hover span::after { content: ""; -o-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

.alist.news .alist-more-button { cursor: pointer; }

.alist.news .acat { width: 60px; height: 30px; display: inline-block; margin-right: 10px; zoom: .65 }
.alist.news .acats { padding: 15px 0 10px 0 }

@media screen and (max-width: 992px) {
    .alist.news .item .caption { width: 100%; }

    .alist.news .item .info { padding-bottom: 40px; }

    .alist.news .items .info-text a span { letter-spacing: 2px; }
}

@media screen and (max-width: 840px) {
    .alist.news .item:nth-child(13n + 1) { min-height: 534px; }

    .alist.news .item:nth-child(13n + 2),
    .alist.news .item:nth-child(13n + 3),
    .alist.news .item:nth-child(13n + 7),
    .alist.news .item:nth-child(13n + 8),
    .alist.news .item:nth-child(13n + 12),
    .alist.news .item:nth-child(13n + 13) { min-height: 500px; }
}

@media screen and (max-width: 768px) {
    .alist.news .item .info { padding: 0 32px 32px; }

    .alist.news .item .caption { font-size: 16px; line-height: 1.4; }

    .alist.news .item:nth-child(13n + 1) { min-height: 534px; }

    .alist.news .item:nth-child(13n + 2),
    .alist.news .item:nth-child(13n + 3),
    .alist.news .item:nth-child(13n + 7),
    .alist.news .item:nth-child(13n + 8),
    .alist.news .item:nth-child(13n + 12),
    .alist.news .item:nth-child(13n + 13) { min-height: 400px; }

    .alist.news .item:nth-child(13n + 4),
    .alist.news .item:nth-child(13n + 5),
    .alist.news .item:nth-child(13n + 6),
    .alist.news .item:nth-child(13n + 9),
    .alist.news .item:nth-child(13n + 10),
    .alist.news .item:nth-child(13n + 11) { min-height: 400px; }
}

@media screen and (max-width: 740px) {
    .alist.news .item:nth-child(13n + 1) { min-height: 390px; min-width: 100%; flex: 100%; }

    .alist.news .item > .poster { margin-left: 0 !important; margin-right: 0 !important; }

    .alist.news .item:nth-child(13n + 2),
    .alist.news .item:nth-child(13n + 3),
    .alist.news .item:nth-child(13n + 7),
    .alist.news .item:nth-child(13n + 8),
    .alist.news .item:nth-child(13n + 12),
    .alist.news .item:nth-child(13n + 13) { min-height: 390px; min-width: 100%; flex: 100%; }

    .alist.news .item:nth-child(13n + 4),
    .alist.news .item:nth-child(13n + 5),
    .alist.news .item:nth-child(13n + 6),
    .alist.news .item:nth-child(13n + 9),
    .alist.news .item:nth-child(13n + 10),
    .alist.news .item:nth-child(13n + 11) { min-height: 390px; min-width: 100%; flex: 100%; }

    .alist.news .item:nth-child(13n + 1) .caption,
    .alist.news .item:nth-child(13n + 4) .caption,
    .alist.news .item:nth-child(13n + 5) .caption,
    .alist.news .item:nth-child(13n + 6) .caption,
    .alist.news .item:nth-child(13n + 9) .caption,
    .alist.news .item:nth-child(13n + 10) .caption,
    .alist.news .item:nth-child(13n + 11) .caption { line-height: 1.4; max-height: 4.2em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; }
}


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

        News Details

**********************************/
.adetail.news { }
.adetail.news .hero { position: relative; background: transparent; overflow: hidden; height: 650px; display: flex; align-items: center; justify-content: center; background-color: #25303e; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 100%, transparent 100%); }

.adetail.news .hero > .preloader  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; }
.adetail.news .hero > .overlay  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 100%, transparent 100%); }
.adetail.news .hero > .magic-bg { opacity: 1; z-index: 1; }

@keyframes bounce {
    50% { transform: translateY(-15px); }
    100% { transform: translateY(15px); }
}

.bounce { position: relative; width: 30px; height: 10px; }

.bounce div { border-radius: 100%; height: 10px; width: 10px; background-color: rgba(256,256,256,0.5); animation: bounce 1s ease-in-out infinite; position: absolute; top: 0; transform: translateY(20px); }

.bounce div:first-of-type { left: -20px; animation-delay: 0.20s; }

.bounce div:nth-of-type(2) { animation-delay: 0.10s; }

.bounce div:last-of-type { left: 20px; }

.adetail.news .hero > .caption { position: relative; color: #fff; line-height: 27px; display: block; width: 100%; text-align: center; padding-top: 50px; z-index: 4; }

.adetail.news .hero > .caption .accentbar { display: inline-block; width: 110px; padding: 0; line-height: 1; margin: 0; border-bottom: 2px solid; border-color: #940000; }

.adetail.news .hero > .caption h1 { display: block; font-size: 30px !important; line-height: 32px !important; letter-spacing: 2px !important; font-family: Colossalis, sans-serif; color: #fff; margin-top: 40px;}

.adetail.news .hero > .caption p { color: #fff; line-height: 3rem; margin-top: 35px; letter-spacing: 1px; }

.adetail.news .hero > .caption .publishdate { text-transform: uppercase; }

.adetail.news .hero > .caption .unit a { text-decoration: underline; color: #fff; }

.adetail.news .hero > .caption .unit::before { content: ", "; }

.adetail.news .hero .details { position: absolute; display: block; background-color: rgba(0, 0, 0, 0.5); color: #fff; width: 480px; height: 152px; bottom: 0; left: 0; z-index: 5; -webkit-transform: translateY(152px); -moz-transform: translateY(152px); -ms-transform: translateY(152px); -o-transform: translateY(152px); transform: translateY(152px); -webkit-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); -moz-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); -ms-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); -o-transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); transition: transform 350ms cubic-bezier(0.0, 0.0, 0.2, 1); }

.adetail.news .hero > .details.expanded { -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important; -moz-transform: matrix(1, 0, 0, 1, 0, 0) !important; -ms-transform: matrix(1, 0, 0, 1, 0, 0) !important; -o-transform: matrix(1, 0, 0, 1, 0, 0) !important; transform: matrix(1, 0, 0, 1, 0, 0) !important; }

.adetail.news .hero > .details header { display: block; height: 30px; line-height: 30px; font-size: 13px; background: rgba(0, 0, 0, 1); color: #fff; text-align: center; cursor: pointer; }

.adetail.news .hero > .details header span { display: inline-block; }

.adetail.news .hero > .details header span::before { content: "Open "; }

.adetail.news .hero > .details.expanded header span::before { content: "Close " !important; }

.adetail.news .hero > .details header span::after { display: inline-block; content: '\f055'; font-family: 'Font Awesome 5 Free', sans-serif; font-weight: 900; font-size: 16px; margin-left: 8px; color: #fff; }

.adetail.news .hero > .details.expanded header span::after { display: inline-block; content: '\f056'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 16px; margin-left: 8px; color: #fff; }

.adetail.news .hero > .details .container { padding: 15px 30px 0; }

.adetail.news .hero > .details .container .w-100 { margin-bottom: 8px; }

.adetail.news .hero > .details h2 { color: #fff; padding: 0; margin: 0; font-size: 1.5rem; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.adetail.news .hero > .details h2 + p { color: #fff; font-size: 13px; padding: 0; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.adetail.news .hero > .details a { position: relative; display: inline-block; color: #fff; font-family: Arial, sans-serif; font-size: 0.8rem; letter-spacing: 2px; line-height: 27px; text-decoration: none; text-transform: uppercase; cursor: pointer; }

.adetail.news .main { padding-top: 50px; padding-bottom: 50px; }

.adetail.news .tools { text-align: right; padding-bottom: 35px; }

.adetail.news .tools a,
.adetail.news .tools a:link,
.adetail.news .tools a:hover,
.adetail.news .tools a:visited { font-family: Arial; text-transform: uppercase; color: #000; font-size: 14px; letter-spacing: 2px; text-decoration: none; line-height: 21px; font-weight: 300; }

.adetail.news .tools a:first-child { padding-right: 35px; }

.adetail.news blockquote { position: relative; color: #000; line-height: 41px; font-weight: 700; font-family: 'HelveticaBold', Arial, sans-serif !important; border-left: none !important; padding-left: 0 !important; font-size: 30px; text-align: center; }

.adetail.news blockquote::before { content: ""; display: block; text-align: center; width: 110px; left: 50%; position: relative; margin-left: -50px; margin-bottom: 30px; border-top: 3px solid #940000; }

.adetail.news .banner-line { overflow: hidden; }

.adetail.news .related-news { padding: 40px 0; background-color: #ececec; color: #940000; }

.adetail.news .related-news > .container { visibility: hidden; }

.adetail.news .related-news h2 { text-align: center; color: #940000; }

.adetail.news .related-news ul { }
.adetail.news .related-news ul > li { position: relative; padding-left: 35px; box-sizing: border-box; margin-bottom: 30px; }

.adetail.news .related-news ul > li::before { position: absolute; width: 23px; height: 27px; top: 5px; left: 0; content: ""; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA2CAYAAAC4PKvBAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAelJREFUaIHt2tFRwjAcgPFPz3fYQDbQDegGsgH43gdHqBvoXd7BCcQNcIO6gWygG/iQ/M9QkzaFNMW7fE80KeV3lINeA+TSdmFvKJgBT0ABTEbw+NoDNbAq4QssuIJbYMd5gZvtgUUJ9aU1WHHeaIBr4AHAht+NY+ldAXDVssM7+qMzdgUwt7avoR2+K/XHZ9SUNsyb45d/d/0fZXjqMjx1GZ66DE9dhqcuw1OX4anL8NRleOoyPHUZnrpB4QpWQx17ELiCqdJ3V9cKNkO8RnS4gin61t2NGVoOgY8Kd6ClpYKNmY9SNHgLWloCu1j4KPAAtHRDJPzJcGslw4X+doxFwZ8E70C/oNeUPhxzJ+OPhnesGb2UvwtNBfDm2Ock/FHwELRslPBVwgJ9BpoJftbX0BveB21nxn342hw3uF7wDvSjDy214Cfodz4YHwxX+nTvcKPvQ9eLYuGD4OZi6RU/ehNyHCkGvhNu0GvPdG+0ZPDPjqkgfCt8KLRU6lXie8eU4Be+57bBFwyIlsxxfPhXPPg2uO8nPBpaasH7HL2+Dr+BIjZa6sDb7eEQ7vpZlgRdH0/rLhC/hUN4hftqLglasvAuywfmjDf/ITQ1E7fox1ugKuFzMKkn83VYoS/SPtFv3IP8Q+jf9gOJNoE78VxPVgAAAABJRU5ErkJggg=='); background-size: 23px 27px; background-position: top left; }

.adetail.news .related-news ul > li a { display: block; padding: 5px; color: #940000; text-decoration: none; font-size: 16px; line-height: 19px; }

.adetail.news .related-news ul > li a:hover { color: #fff; text-decoration: underline; background-color: #940000; }

.adetail.news .tag-link::after { content: ", "; }

.adetail.news .tag-link:last-child::after { content: ""; }

.adetail.news .tags-title { margin-top: 15px; }

/* for tokens to work */

@media screen and (max-width: 812px) {
    .adetail.news .hero > .caption p { margin-top: 8px; }

    .adetail.news .hero > .caption .unit { display: block; margin-top: 1.8rem; }

    .adetail.news .hero > .caption .unit::before { content: ""; }

    .adetail.news .hero > .caption h1 { font-size: 24px !important; line-height: 28px !important; }

    .adetail.news .hero > .caption p { font-size: 13px !important; line-height: 20px !important; }

    .adetail.news .hero,
    .adetail.news .hero > .image { height: 550px; }
}

@media screen and (max-width: 576px) {
    .adetail.news .hero > .caption { padding-top: 15px; }

    .adetail.news .hero .details { width: 100%; background-color: rgba(0, 0, 0, 1); }

    .adetail.news .details .col-auto { width: 47% !important; display: inline-block !important; }

    .adetail.news .details .download-link,
    .adetail.news .details .details-link { font-size: 16px !important; white-space: nowrap; }

    .adetail.news .hero > .caption .unit { display: block; margin-top: 0.4rem !important; }

    .adetail.news .no-mobile { visibility: hidden !important; }
}


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

            Special Features

***************************************/
/* override the theme button*/
.alist .alist-more-button { cursor: pointer; }
.alist .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100px; display: flex; align-items: center; justify-content: center; z-index: 1; }

.alist-specfeat a.filter-clear{ color:#fff}
.alist-specfeat .button-small { font-family: 'Colossalis'; border-radius: 0px; border: 0px; color: #fff; margin-right: 20px; background: #960000; text-transform: uppercase; letter-spacing: .23em; font-size: 18px; padding: 12px 42px; border: 2px solid #960000; }

.alist-specfeat .button-outline { margin-top: 63px; font-family: 'Colossalis'; border-radius: 0px; border: 0px; margin-right: 20px; background: transparent; text-transform: uppercase; letter-spacing: .23em; font-size: 18px; padding: 12px 42px; border: 2px solid #fff; line-height: 1.5; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; }

.alist-specfeat { position: relative; display: block; }

.alist-specfeat .items { display: flex; flex-wrap: wrap; flex-direction: row; font-family: Arial; justify-content: space-between; width: 100%; }

.alist-specfeat .item { padding: 0 15px; width: 50%; margin: 1px 0 95px 0; opacity: 0; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); -moz-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); -ms-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); -o-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1); }

.alist-specfeat .item.animated { transition-delay: 0.3s; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.alist-specfeat .item .info { display: block; margin-top: 45px; padding-right: 25px; }

.alist-specfeat .item .title { color: #fff; margin-bottom: .5rem; line-height: 1.2; font-weight: 100; font-family: "Colossalis", arial, sans-serif; font-size: 30px; letter-spacing: 2px; text-transform: uppercase; max-height: 3.6em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.alist-specfeat .item .title:hover { color: #940000 !important; }
.alist-specfeat .item .caption { margin-bottom: 27px; color: #fff; font-size: 18px; }
.alist-specfeat .item:nth-child(2) { padding-right:0}
.alist-specfeat .item:nth-child(1) { padding-left: 0 }

.alist-specfeat .button-small { color: #fff; }

.alist-specfeat .poster-wrapper { width: 100%; overflow: hidden; }

.alist-specfeat .poster { cursor: pointer; overflow: hidden; position: relative; display: inline-block; width: 100%; padding-bottom: 66.66% }

.alist-specfeat .poster { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); transition-duration: .45s; transition-property: transform; }

.alist-specfeat .poster 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; }

.alist-specfeat .poster:hover { -o-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -ms-transform: scaleX(1.1); -webkit-transform: scaleX(1.1); transform: scale(1.1); }

.alist-specfeat .item a { display: inline-block; margin-bottom: 20px; font-weight: normal; text-decoration: none; }

@media (max-width: 767px) {
    .alist-specfeat .item { width: 100%; padding:0 }
}

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

            Special Features Detail

***************************************/
.site-wrapper.special-feature, .site-wrapper.special-feature .page-wrapper { background-color: #000 }
.site-wrapper.special-feature .lift-area { margin-top: -180px; padding-bottom: 60px; z-index: 10; position: relative }
.adetail.sfeature .subhead { font-size: 18px; text-transform: uppercase; letter-spacing: .2em; font-weight: normal !important; margin-bottom: 18px }
.adetail.sfeature .title { padding-bottom: 45px; margin: 0 }

.aframe.adetail.sfeature .hero, .aframe.adetail.sfeature .hero .image { height: 932px }
.adetail.sfeature .hero:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 180px; content: ''; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 44%,rgba(0,0,0,1) 100%); }

@media (max-width: 700px) {
    .aframe.adetail.sfeature .hero, .aframe.adetail.sfeature .hero .image { height: 748px }
}

@media (max-width: 576px) {
    .aframe.adetail.sfeature .hero, .aframe.adetail.sfeature .hero .image { height: 848px }
}


/**********
    dashboards
**************/

/**  Featured Stories */
.adash-fs { position: relative; background-color: #000; color: #fff; padding-top: 50px; overflow: hidden }
.adash-fs .section { padding: 0 }
.adash-fs h2 { z-index: 2; color: #fff; margin: 0; font-size: 48px !important }
.adash-fs .underlay-image { position: absolute; min-height: 100%; min-width: 100%; transform: translate(-50%,-50%); left: 50%; top: 50%; }
.adash-fs .overlay-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7) !important; }
.adash-fs .title{ padding: 20px 0 75px 0}

.adash-fs h3 { color: #fff; margin-bottom: .5rem }
.adash-fs .all { margin: 0; font-family: Colossalis, sans-serif; width: 100% }
.adash-fs .acat { width: 60px; height: 30px; display: inline-block; zoom: .65 }
.adash-fs .icons-bar .acat { margin-left: 12px; }
.adash-fs .left-title .acat { margin-right: 10px; }
.adash-fs .acats { padding-top: 15px; padding-bottom: 10px }
.adash-fs .acats-mobile { display: flex; justify-content: space-around; margin-bottom: 40px; padding-top: 10px }
.adash-fs a.featureTitle:hover h3 { color: #900 }
.adash-fs .left-title { border-left: 2px solid #900; padding-left: 30px; line-height: .5; margin-bottom: 1rem; letter-spacing: 0.01em !important }

.adash-fs .tab-menu .nav-tabs li { display: block; width: 100%; text-align: right }
.adash-fs .tab-menu .nav-tabs li a { line-height: 24px; padding-left: 28px; text-align: right; padding-right: 38px; letter-spacing: .22em; font-family:Helvetica,arial,sans-serif!important; margin-bottom: 30px }
.adash-fs .tab-menu .nav-tabs li a span { position: absolute; top: 0; right: 0; color: #fff; font-family: Colossalis, Helvetica, Arial, sans-serif; }
.adash-fs .tab-menu .nav-tabs li a.active,
.adash-fs .tab-menu .nav-tabs li a:focus { color: #fff; outline:none }
.adash-fs .tab-pane .summary-two-paragraphs { padding: 0 0 15px }
.adash-fs .tab-menu .nav-tabs li a.slide-in::before { position: relative; left: 0; top: 50%; }
.adash-fs .tab-menu .nav-tabs li a.slide-in.active::before { opacity: 1 }
.adash-fs .tab-menu a.slide-in { color: #aeaeae; font-weight: 400; }
.adash-fs .tab-menu a.slide-in:hover { color: #940000; }

.adash-fs .mob-slider { margin-bottom: 30px }
.adash-fs .mob-slider .left-title { border-left-width: 5px }
.adash-fs .mob-slider .item { margin-bottom: 20px }
.adash-fs .mob-slider .rsBullets { display: flex; justify-content: center; position: relative; z-index: 35; padding-top: 4px; width: 100%; height: auto; margin: 0 auto; text-align: center; line-height: 5px; overflow: hidden; }
.adash-fs .mob-slider .rsBullet { height: 13px; border-radius: 50px; width: 13px; margin: 0 8px; border: 1px solid #fff; cursor: pointer; background: 0 0; }
.adash-fs .mob-slider .rsBullet.rsNavSelected { background-color: #fff }
.adash-fs .mob-slider .rsNav { width: 80% }
.adash-fs .mob-slider .rsArrow { position: relative }
.adash-fs .mob-slider .rsArrowRight .rsArrowIcn:after { content: '\2192'; width: 30px; height: 25px; position: absolute; bottom: 0; right: 15px }
.adash-fs .mob-slider .rsArrowLeft .rsArrowIcn:after { content: '\2190'; width: 30px; height: 25px; position: absolute; bottom: 0; left: 15px }

.adash-fs .nav-tabs{ border-bottom:none; }

@media (max-width: 767px) {
    .adash-fs .mob-slider .left-title { margin-left: -25px }
    .adash-fs .mob-slider .rsArrowLeft .rsArrowIcn:after { left: 25px }
    .adash-fs .mob-slider .rsArrowRight .rsArrowIcn:after { right: 25px }
}

@media (max-width: 992px) {
    .adash-fs .all { width: 100% }
    .adash-fs h2 { text-align: center }
    .adash-fs h3 { font-size: 36px }
    .adash-fs .tab-content .left-title { border-left: 5px solid #900; }
    .adash-fs .title { padding-bottom: 30px }
}

/*** Featured wCards */
.adash-fsc { display: inline-block; }
.adash-fsc h4 { padding: 0 15px; line-height: 1.2; color: #fff;}
.adash-fsc p { margin: 0 0 10px 0; }
.adash-fsc .featured { float:left; width: 65%; padding: 0 15px; }
.adash-fsc .item { padding: 0 15px 20px 15px; }
.adash-fsc .ucard,
.adash-fsc .allreadmore { float:right; clear:right; width: 35%; }
.adash-fsc .allreadmorepad { padding: 0 15px 20px 15px; }
.adash-fsc .allreadmore a { float:left; white-space: nowrap; }

.adash-fsc .ucard a,
.adash-fsc .ucard a:active,
.adash-fsc .ucard a:visited { color:white }
.adash-fsc .more-link { padding-bottom:10px; }
.adash-fsc .more-link a,
.adash-fsc .more-link a:active,
.adash-fsc .more-link a:visited { color:white; text-transform: uppercase; }

.adash-fsc .ucard a:hover,
.adash-fsc .more-link a:hover,
.adash-fsc .more-link .fa-angle-double-right:before { color: #940000; }
.adash-fsc .more-link .readmoretext {
    font-family: Colossalis, sans-serif;
    letter-spacing: 4.14px;
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 2px), #960000 2px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1s;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
.adash-fsc .more-link:hover .readmoretext { background-size: 100% 100%; margin-bottom: 5px; }

.adash-fsc .fulldate { text-transform: uppercase; letter-spacing: .2em;  color: #a7aaad; margin-bottom: 0px;}
.adash-fsc .title {  color: #ffffff;  text-decoration: none; }
.adash-fsc .title:hover {color: #960000; text-decoration: none; }
.adash-fsc .title .first { text-transform: uppercase; }

.adash-fsc .image-wrapper { display: block; overflow: hidden; }
.adash-fsc .image { display: block; width: 100%; height: auto; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); transition-duration: .45s; transition-property: transform; overflow: hidden; }
.adash-fsc .image:hover  { -o-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -ms-transform: scaleX(1.1); -webkit-transform: scaleX(1.1); transform: scale(1.1); }

.adash-fsc .button-primary,
.adash-fsc .button-primary:active,
.adash-fsc .button-primary:hover,
.adash-fsc .button-primary:visited { display: inline-block; background-color: #940000; color:#fff; padding: 12px 42px; font-family: Colossalis,sans-serif; text-transform: uppercase; }
.adash-fsc .button-primary:hover:before { opacity: 0; }

@media (max-width: 575) {
    .adash-fsc .ucardsmore a { float: none; margin: 0 auto; }
}

@media (max-width: 767px) {
    .adash-fsc .allreadmore { float: none; margin: auto;}
    .adash-fsc .featured { float:none; width: 100%; }
    .adash-fsc .ucard { float:none; width: 100%; }
}

/*******  Vertical Cards *******/
.adash.vc { margin: 0 15px;}


/**** need to have own tooltip class because them doesn't have an ****/
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip { position: relative; cursor: pointer; }

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .8s ease-in-out, visibility .8s ease-in-out, -webkit-transform .8s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity s ease-in-out, visibility .8s ease-in-out, -moz-transform .8s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity .8s ease-in-out, visibility .8s ease-in-out, transform .8s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; }

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* Base styles for the tooltip's directional arrow */

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after { text-align: center; z-index: 1000; padding: 8px 8px 16px 8px; width: 160px; background-color: transparent; color: #84754e; content: attr(data-tooltip); text-transform: uppercase; font-size: 14px; line-height: 1.2; letter-spacing: .3em; font-family:Helvetica,arial,sans-serif!important; }

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after { bottom: 100%; left: 50%; }

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before { }

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after { margin-left: -80px; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after { color: #fff }

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before { top: 3px; }

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after { margin-left: 0; margin-bottom: -16px; }

/* special feature */
.adash-sf { display:flex;flex-wrap:wrap;color:#fff }
.adash-sf .item:first-child { flex: 0 0 100%; margin-top:0 }
.adash-sf .item:first-child .content{ position:absolute; bottom:0; padding-left:5%; padding-bottom:50px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.45) 45%); }
.adash-sf .item:first-child .item-inner .first-border { border: 10px solid #222222; position: relative }
.adash-sf .item:first-child .date { margin-bottom:1rem }
.adash-sf .item:first-child p { color:#a7a7a5 }
.adash-sf .item:first-child .content-link { position:absolute; top:0; bottom:0; right:0; left:0; z-index:2 }
.adash-sf .item:first-child .poster { max-height:600px; position:relative; height:100%; margin-bottom: 0px; }
.adash-sf .item:first-child .poster:hover div { transform:none; }

.adash-sf .item { flex: 0 0 33.3%; margin-top:50px }
.adash-sf .item-inner { padding: 0 15px; position:relative }
.adash-sf .poster { overflow:hidden;position:relative; margin-bottom:35px }
.adash-sf .poster:after { padding-top: 107%; display: block; content: ''; }
.adash-sf .poster div { position: absolute; top: -1px; bottom: -1px; right: 0; left: 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all .25s ease-out; }
.adash-sf .poster:hover div { transform: scale(1.02); }
.adash-sf h4 { margin-bottom: .5rem; z-index:3; position:relative; width:auto; display:inline-block }
.adash-sf h4 a{ color:#fff;}
.adash-sf h4 a:hover { color: #960000 }
.adash-sf .date { display:block; text-transform: uppercase; letter-spacing: .2em; color: #a7aaad; margin-bottom: 0px; font-size:18px }
.adash-sf .button-secondary { display: inline-block; z-index: 3; position: relative;padding: 12px 42px; font-size: 18px; }
.adash-sf .button-secondary a,
.adash-sf .button-secondary a:active,
.adash-sf .button-secondary a:hover,
.adash-sf .button-secondary a:visited { background-color:#940000;color:#fff; }

.adash-sf p {margin-bottom:7px}
@media (max-width: 1200px) {
    .adash-sf .poster{ margin-bottom:0 }
}

@media (max-width: 768px) {
    .adash-sf .item{ flex:0 0 100%}
}


/* special feature links*/
.adash-sflink { margin-left: calc((50vw - 50%)*-1); margin-right: calc((50vw - 50%)*-1); background:#fff }
.adash-sflink .header{position:relative; display:flex; background-color:#960000; text-align:center; align-items:center;justify-content:center }
.adash-sflink h4{ color:#fff; margin:0; padding:48px 0}
.adash-sflink h4:after { content: ""; position: absolute; z-index: 99; left: 50%; right: auto; border-width: 40px 40px 0; border-style: solid; border-color: #960000 transparent; display: block; width: 0; bottom: -35px; animation: slide-down 1s ease; margin-left:-40px }
.adash-sflink .links{ padding: 100px 60px 60px 60px; display:flex; flex-wrap:wrap; position:relative }
.adash-sflink .link{ flex: 0 0 33.3%; margin-bottom:50px; padding:0 20px 0 25px;}
.adash-sflink .tab{ position:absolute; top:0; bottom:0; left:0; right:0}
a.alink { transition: all .3s ease }
a.alink { text-transform:uppercase; font-family: Colossalis; letter-spacing: 0.2em; font-size: 18px; font-weight: 400; /* text-align: center; */ text-decoration: none; position: relative; color: #0e0e0e; padding: 5px; margin-left: -5px; }
a.alink:before { font-family: "Font Awesome 5 Free"; content: '\f101'; width: 16px; height: 16px; color: #a20000; font-weight: bold; position: absolute; left: -5px }
a.alink span { width: calc(100%); background-image: linear-gradient(transparent calc(100% - 2px), #960000 2px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 1s; padding-bottom: 4px; margin-bottom: 5px; }
a.alink:hover span { background-size: 100% 100%; margin-bottom: 5px; }
@media (max-width: 992px) {
    .adash-sflink h4{ padding:20px 0}
    .adash-sflink h4:after{display:none}
    .adash-sflink .container{ margin:0 45px; max-width:100%}
    .adash-sflink .header:after { font-weight:bold; font-size:24px; font-family: "Font Awesome 5 Free"; content: '\f055'; position: absolute; z-index: 99; color:#fff; right:40px; top:18px; display: block; cursor:pointer }
    .adash-sflink .header.open:after { content: '\f056';}
    .adash-sflink .links { padding:0px; flex-direction: column; flex-wrap:nowrap; max-height: 0px; opacity:0; transition: all .3s linear; visibility:hidden }
    .adash-sflink .links.open{ padding:60px 0px; max-height:1000px; visibility:visible; opacity:1}
    .adash-sflink .link{margin-bottom:25px; flex:0 0}
    .adash-sflink .links.open:before { content: ""; position: absolute; z-index: 99; left: 50%; right: auto; border-width: 40px 40px 0; border-style: solid; border-color: #960000 transparent; display: block; width: 0; top:0; margin-left: -85px; transition:none }
}

/* publications */
.adash-pub { margin-bottom: 70px }
.adash-pub .content-area{ margin-left:-30px; margin-right:-30px}
.adash-pub .title { text-transform: uppercase; background: #940000; font-size: 15px; letter-spacing: .3em; padding: 40px 10px; margin-top: 80px; margin-bottom: 64px; text-align: center; width: auto; height: auto; color: #fff }
.adash-pub .item { margin: 13px; background: url(/DesktopModules/ArticleCS/Styles/MarinesMIL3/texture-hero-bg.jpg) #000000 !important; min-height: 284px; color: #fff; max-width: 214px !important; padding-left: 0px; padding-right: 0px; background-repeat: no-repeat; background-attachment: inherit; text-transform: capitalize; width: auto; height: auto; overflow:hidden }
.adash-pub .item .inner { z-index: 3 }
.adash-pub .item:after { z-index: 2; content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #940000; opacity: 0 }
.adash-pub .item:hover:after { transition: opacity 1s ease-in-out; opacity: 1 }
.adash-pub .item p { padding-left: 10px; margin-bottom: 0 }
.adash-pub .item p:first-child { background-color: #940000; color: #fff; /* display: block; */ padding: 2px 5px; padding-left: 15px; padding-right: 15px; margin-bottom: 5px; margin-top: 25px; width: 100px; }
.adash-pub .item p:nth-child(2n){ line-height:1.4rem}
.adash-pub .item h5 { color: #fff; font-size: 18px; padding: 15px; margin-bottom: 0; letter-spacing: 0; text-transform: capitalize }
.adash-pub .item .readMore { transition: .5s ease-in; bottom: -25px; }
.adash-pub .item:hover .readMore { transition: .5s ease-out; bottom: 10px; z-index:4;}
.adash-pub .item .readMore span { font-size: 14px; padding-left: 16px; text-transform: uppercase; text-decoration: underline; letter-spacing: .1em; }
.adash-pub .pub-type {background-color: #940000;color: #fff;padding: 5px 10px;margin-bottom: 5px;margin-top: 25px;display: inline-block;}
.adash-pub .pub-title {padding-left:10px;}


@media (max-width: 992px) {
    .adash-pub .item { margin: 0 auto; margin-bottom: 30px; }
}

@media (min-width: 768px) {
    .adash-pub .item { max-width: 48%;}
}

@media (min-width: 992px) {
    .adash-pub .item .readMore { position: absolute }
}

@media (max-width: 575px) {
    .adash-pub .item { min-width: 55vw !important }
}


.adash-unit-bio { padding: 133px 0; }
.adash-unit-bio .item { font-family:Helvetica,arial,sans-serif!important; }
.adash-unit-bio .container { margin:auto; }
.adash-unit-bio h2 { letter-spacing: 2px; text-transform: capitalize; }
.adash-unit-bio .redheader { color: #960000; margin-top: 44px; margin-bottom: 0px; }
.adash-unit-bio .subtitle { margin-bottom: 1em; font-weight: bold; }

.adash-unit-bio .morebio, .adash-unit-bio .bioimg, .adash-unit-bio .bioweb { color: #960000; letter-spacing: .2em; text-transform: uppercase; }
.adash-unit-bio .morebio:before { color: #940000;  content: "\f15c";  font-family: 'Font Awesome 5 Free','FontAwesome', sans-serif; font-weight: 900; display: inline-block; margin-right: 15px; width: 14px; height: 17px; }
.adash-unit-bio .bioimg:before { color: #940000;  content: "\f030";  font-family: 'Font Awesome 5 Free','FontAwesome', sans-serif; font-weight: 900; display: inline-block;  margin-right: 15px; width: 14px; height: 17px; }
.adash-unit-bio .bioweb:before { color: #940000;  content: "\f019";  font-family: 'Font Awesome 5 Free','FontAwesome', sans-serif; font-weight: 900; display: inline-block;  margin-right: 15px; width: 14px; height: 17px; }

@media (max-width: 991px) {
    .adash-unit-bio { padding-top: 50px; padding-bottom: 50px; }
}

@media (max-width: 767px){
    .adash-unit-bio .mobilepad { padding-left: 30px; padding-right: 30px; }
}

@media screen and (max-width: 576px) {
    .adash-unit-bio .item {  padding: 0; }
}


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

            Special Features Detail

***************************************/
.site-wrapper.special-feature, .site-wrapper.special-feature .page-wrapper { background-color: #000 }
.adetail.sfeature .subhead { font-size: 18px; text-transform: uppercase; letter-spacing: .2em; font-weight: normal !important; margin-bottom: 18px }
.adetail.sfeature .title { padding-bottom: 45px; margin: 0 }

.aframe.adetail.sfeature .hero, .aframe.adetail.sfeature .hero .image { height: 932px }
.adetail.sfeature .hero .image:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 44%,rgba(0,0,0,1) 100%); }

@media (max-width: 700px) {
    .aframe.adetail.sfeature .hero, .aframe.adetail.sfeature .hero .image { height: 748px }
}

@media (max-width: 576px) {
    .aframe.adetail.sfeature .hero, .aframe.adetail.sfeature .hero .image { height: 848px }
}



/********* related download (publications) *********/
.adetail .download-section { margin:30px 0 90px 0}
.adetail .download-items { display:flex; flex-wrap:wrap;}
.adetail .download-items .button-primary {letter-spacing:.23em;color: #fff;font-family: 'Colossalis';}
.adetail .download-items .button-primary::before {bottom:10px;background-color:#940000;}
.adetail .download-items .button-primary a, .adetail .download-items .button-primary a:hover, .adetail .download-items .button-primary a:visited { color: #fff;}
.adetail .download-items .button-outline a span {color: #940000;}
.adetail .download-section .button-secondary { padding:30px 60px}
.adetail .download-section .button-outline { padding: 28px 60px; }

/**** publications detail ******/
.adetail-pub .red-block { text-transform: none; padding: 6px 15px; line-height: 1; background: #940000; color: #fff; margin-bottom: 35px;display:inline-block;}
.adetail-pub .download-items .halfcentered { width:50%; text-align:center; }
.adetail-pub .download-items .button-primary { display: inline-block; width:95%;}
.adetail-pub .download-items .button-primary p { margin-bottom:0;}
.adetail-pub .download-items .button-primary .downloadme { font-size:24px;white-space:nowrap;}
.adetail-pub .download-items .button-primary .relatedattachmenttitle { font-size:14px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
.adetail.print .download-items{ flex-direction:column; }
.adetail.print .button-outline{ display:none}

@media (max-width: 760px) {
    .adetail .download-items .halfcentered {width:100%;}
    .adetail-pub .download-items .button-primary {max-width:95%;}
}

/*** slideshow dashboard ***/
.adash-slideshow{ padding:85px 0; position: relative; z-index: 12; }
.adash-slideshow h2{ font-size:46px; letter-spacing:1px; margin-bottom:15px}
.adash-slideshow h6{font-size:20px !important; margin-bottom:8px}
.adash-slideshow .nav-bar{ display:flex; }
.adash-slideshow .nav-bar a {
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 24px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 18px;
    font-family: 'Colossalis'
}
.adash-slideshow .prev-link { padding-right: 35px; transform: rotate(180deg);}
.adash-slideshow .next-link { padding-right: 90px; width: 24px; color: #940000;}
.adash-slideshow .next-link:after { content: ''; position: absolute; bottom: -5px; left: 0px; width: 0%; border-bottom: 2px solid #ffffff; transition: all 0.4s;}
.adash-slideshow .next-link:hover:after { width: 55%; }


.adash-slideshow.light { color:#000; background: #fff; }
.adash-slideshow.light h2{color:#940000}
.adash-slideshow.light h6{color:#000;}
.adash-slideshow.light .carousel-inner:hover h6{color:#000}
.adash-slideshow.light p{ color:#767676;}
.adash-slideshow.light .carousel-inner:hover p{color:#000}
.adash-slideshow.light .prev-link,
.adash-slideshow.light .next-link{ background-image: url(/portals/_default/skins/MarinesTheme/Resources/img/right-arrow-red@2x.png)}
.adash-slideshow.light .next-link:after { border-color: #960000; }

@media (max-width: 992px) {
    .adash-slideshow h2, .adash-slideshow h6, .adash-slideshow p {
        text-align: center !important
    }
    .adash-slideshow .nav-bar{justify-content:center}
    .adash-slideshow .carousel-item{ min-height:150px}
}

.adash-slideshow.dark { color:#fff; background-color:#940000}
.adash-slideshow.dark h2{color:#fff}
.adash-slideshow.dark h6{color:#fff;}
.adash-slideshow.dark .carousel-inner:hover h6{color:#fff}
.adash-slideshow.dark p{ color:#fff}
.adash-slideshow.dark .carousel-inner:hover p{color:#fff}
.adash-slideshow.dark .prev-link,
.adash-slideshow.dark .next-link{ color:#fff; background-image: url(/portals/_default/skins/MarinesTheme/Resources/img/right-arrow-white@2x.png)}
.adash-slideshow.dark .next-link:after { border-color: #fff; }




/* publication listing */
.alist-pub {display:flex;flex-wrap:wrap; width:100%}
.alist-pub-background{z-index:0;position:absolute;height:100%;width:100%; background-image: url(Library-Img-Bottom.jpg);background-position: bottom; background-size:100%; background-repeat:no-repeat}
.alist-pub.adash-pub{ margin-bottom:0}
.alist-pub .alist-more-here{ width:100%; display:flex;flex-wrap:wrap; justify-content:center}
.alist-pub .pager{ padding-top:125px; padding-bottom:300px; z-index:5}
.alist-pub.grid .gitem{display:flex; width:100%}
.alist-pub.list .litem{display:flex; width:100%; align-items:center}
.alist-pub.list .gitem{display:none !important}
.alist-pub.grid .litem{display:none !important}

.alist-pub.list .litem a{position:absolute; top:0; bottom:0;right:0;left:0; z-index:9 }
.alist-pub.list .litem{border-bottom:2px solid #d7d7d7;padding:12px 0;position:relative}
.alist-pub.list .litem:not(.header):hover { background-color:#940000; color:#fff; transition: all 0.15s ease-in 0.15s; cursor:pointer }
.alist-pub.list .litem:hover .cat span{text-decoration:underline}

.alist-pub.list .litem.header{ color:#767676; border-top:2px solid #d7d7d7}
.alist-pub.list .list-type{flex:0 0 12%;display: inline-block;margin-right:15px;}
.alist-pub.list .list-type span{min-width: 73%;display:inline-block;background-color: #940000; color: #fff; padding: 7px; line-height:1}
.alist-pub.list .list-title{flex:0 0 35%; max-width:35%;display:flex; align-items:center; position:relative; padding-right:15px }
.alist-pub.list .cat{flex:0 0 45%; max-width:45%; padding-right:15px }
.alist-pub.list .status{flex:0 0 10%; max-width:10%;  }

.gitem .pub-type {background-color: #940000;color: #fff;padding: 5px 10px;margin-bottom: 5px;margin-top: 25px;font-size: 13px;display: inline-block;}
.gitem .pub-title {padding-left: 10px;font-size: 15px;margin-bottom:1rem;}


@media (max-width: 767px) {
    .alist-pub.list .list-title{ flex:0 0 50%; max-width:50%; max-width:50%;  }
    .alist-pub.list .cat{ flex:0 0 25%; max-width:25%; max-width:25%;  }
}

@media (max-width: 575px) {
    .alist-pub .pager{ padding-top:80px}
    .alist-pub.list .litem{border-left: 2px solid #d7d7d7; border-right: 2px solid #d7d7d7}
    .alist-pub.list .status {display: none}
    .alist-pub.list .cat{ display:none }
    .alist-pub.list .list-title{ margin-left:10px;flex:0 0 80%; max-width:80%; }
}

/**********************************
         Press Releases List
 **********************************/
.alist.press-releases {
  position: relative;
  display: block;
  z-index: 10;
}
 .alist.press-releases .badge {
  background-color: #940000;
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 18px;
}
 .alist.press-releases .alist-more-button {
  cursor: pointer;
}

.alist.press-releases .items {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-family: Arial;
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  z-index: 10;
}

.alist.press-releases .item {
  max-width: 50%;
  flex: 1 0 50%;
  margin-bottom: 2px;
  background: transparent;
  border: 0;
  opacity: 0;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1);
  -moz-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1);
  -ms-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1);
  -o-transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1);
  transition: all 450ms cubic-bezier(0.0, 0.0, 0.2, 1);
}

.alist.press-releases .item.animated {
  transition-delay: 0.3s;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.alist.press-releases .item>.poster {
  height: 100%;
}

.alist.press-releases .item:nth-child(2n - 1)>.poster {
  margin-right: 2px;
}

.alist.press-releases .item:nth-child(2n)>.poster {
  margin-left: 2px;
}

.alist.press-releases .item .info {
  position: relative;
  display: block;
  padding: 90px 20px 20px 70px;
  z-index: 2;
}

.alist.press-releases .item .title {
  color: #fff;
  margin-bottom: .5rem;
  line-height: 1.2;
  font-weight: 100;
  font-family: "Colossalis", Arial;
  letter-spacing: 2px;
  text-transform: uppercase;
  max-height: 3.6em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
}

.alist.press-releases .item .title:hover {
  color: #940000 !important;
  text-decoration: none;
}

.alist.press-releases .item .poster {
  background-color: black;
}
 .alist.press-releases .item .poster h2 {
  text-shadow: none;
}

.alist.press-releases .item .poster h4 {
  margin-top: 30px;
  line-height: 1.4;
  max-height: 2.8em;
  min-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.alist.press-releases .item .poster h4>a:hover {
  color: #940000 !important;
  text-decoration: none;
}
 .alist.press-releases .item .caption {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  width: 90%;
  letter-spacing: normal;
  color: #D6D6D6;
  margin-top: 15px;
  margin-bottom: 60px;
  font-family: Arial, sans-serif;
  line-height: 27px;
  max-height: 4.5em;
  min-height: 4.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.alist.press-releases .poster {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
}
 .alist.press-releases .poster>a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.alist.press-releases .poster .image {
  display: block;
  width: 100%;
  background-color: #25303e;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
  transition-duration: .5s;
  transition-property: transform;
}

.alist.press-releases .poster .image 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;
}
 .alist.press-releases .poster:hover .image {
  -o-transform: scaleX(1.5);
  -moz-transform: scaleX(1.5);
  -ms-transform: scaleX(1.5);
  -webkit-transform: scaleX(1.5);
  transform: scale(1.5);
}

.alist.press-releases .poster a,
.alist.press-releases .poster a:visited,
.alist.press-releases .poster a:link {
  color: #fff;
}

.alist.press-releases .overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
}

/*.alist.press-releases .overlay.overlay-info {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 44%, rgba(0, 0, 0, 0.65) 100%);
}*/

.alist.press-releases .item a {
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}

.alist.press-releases .items .info-text {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 0;
  color: #fff;
  line-height: 1.6;
  z-index: 3;
}

.alist.press-releases .items .info-text a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  font-family: "Colossalis", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.alist.press-releases .items .info-text a:hover {
  color: #940000 !important;
}

.alist.press-releases .items .info-text a span {
  position: relative;
  margin-left: 5px;
  padding: 5px 0;
  letter-spacing: 5px;
  white-space: nowrap;
}

.alist.press-releases .items .info-text a i {
  font-style: normal;
}

.alist.press-releases .items .info-text a i::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0;
  display: inline-block;
  content: "\f055";
  color: #940000;
}

.alist.press-releases .items .info-text a span::after {
  content: "";
  position: absolute;
  border: 1px;
  border-style: solid;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: left;
  -o-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  color: #940000;
}

.alist.press-releases .items .info-text a:hover span::after {
  content: "";
  -o-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.alist.press-releases .alist-more-button {
  cursor: pointer;
  min-width: 200px;
  font-size: 18px;
  letter-spacing: 3px;
  padding: 8px !important;
}

.alist.press-releases .pager {
  padding-top: 90px;
}

#alist-contain-bg { min-height: 830px;}

.landscape-bg {
  position: absolute;
  width: 100%;
  background-image: url('/DesktopModules/ArticleCS/Styles/MarinesMIL3/press-releases-landscape-bg.jpg');
  background-position: center;
  background-size: cover;
  height: 830px;
  bottom:0;
}

@media screen and (max-width: 992px) {
  .alist.press-releases .items.container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    min-width: 100%;
  }
   .alist.press-releases .item .poster h4 {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .alist.press-releases .filter-bar {
    padding-bottom: 10px;
  }

  .alist.press-releases .filter-bar .filter-clear {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 765px) {
  .alist.press-releases .item {
    max-width: 100%;
    flex: 1 0 100%;
  }
   .alist.press-releases .item:nth-child(2n - 1)>.poster {
    margin-right: 0;
  }
   .alist.press-releases .item:nth-child(2n)>.poster {
    margin-left: 0;
  }
   .alist.press-releases .item .poster h4 {
    line-height: 1.4;
    max-height: 5.6em;
    -webkit-line-clamp: 4;
    font-size: 30px;
  }
   .alist.press-releases .item .info {
    padding: 60px 20px 20px 20px;
  }
}

.atm{ z-index:10000000 !important} /* add this popup in colorbox*/
.adetail .inline-gallery { display:flex; flex-wrap:wrap; margin:0 -15px}
.adetail .inline-gallery .item { max-width: 33%; flex: 0 0 33%; }
.adetail .inline-gallery .slide{ padding:0 15px 15px 15px}
.adetail .inline-gallery .item img{max-width:100%}
.adetail .inline-gallery .image-wrapper{border-radius:2px; position:relative; margin:15px; overflow:hidden; cursor:pointer;}
#colorbox.mdm-popup figcaption h3{margin:15px 0}
#colorbox.mdm-popup .slide{text-align:center}
#colorbox.mdm-popup .info a,
#colorbox.mdm-popup .info a:visited,
#colorbox.mdm-popup .info a:link {
    color: #000;
    display:inline-block;
}
#colorbox.mdm-popup .action-item{ font-size:1em}
#colorbox.mdm-popup .action-bar{ display:flex; justify-content:flex-end; }
#colorbox.mdm-popup .action-bar div{ padding:0 10px}
.adetail .inline-gallery .image-wrapper:before{ position:absolute; display: inline-block; content: '\f055'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 20px; color: #fff; right:10px; top:10px; z-index:99999}
.adetail .inline-gallery .image-wrapper:hover .image{    transform: scale(1.1);}
.adetail .inline-gallery .image-wrapper a{ position:absolute; top:0;bottom:0;right:0;left:0; z-index:9999}
.adetail .inline-gallery .image-wrapper .overlay-video:after{ position:absolute; display: block; background-position:center;width:100%; height:100%; font-size: 60px; color: #fff; z-index:90; background-image:url('playbutton.png'); background-repeat:no-repeat; content:' '}
.adetail .inline-gallery .image-wrapper:after{ display:block; padding-top: 75%; content: ' '}
.adetail .inline-gallery .image-wrapper .image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .25s ease-out;
}

@media (max-width: 992px) {
    .adetail .inline-gallery .image-wrapper .overlay-video:after{ zoom:.8}
}
@media (max-width: 768px) {
    .adetail .inline-gallery .item { max-width: 50%; flex: 0 0 50%; }

}
@media (max-width: 400px) {
    .adetail .inline-gallery .image-wrapper .overlay-video:after{ zoom:.5}
}



/* inline media */
.media-inline-popup .action-item{ position:relative}
.media-inline-popup .action-item div{ display:none}
.media-inline-popup .action{ justify-content:flex-end}
.media-inline-popup .detail-link:before {
    display: inline-block;
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    margin-right: 8px;
    color: #940000;
    left: 0px;
    top: 0px;
    z-index: 99999
}
.media-inline-popup .download-link:before {
    display: inline-block;
    content: '\f019';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    margin-right:8px;
    color: #940000;
    left: 0px;
    top: 0px;
    z-index: 99999
}

#colorbox.mdm-popup #cboxClose, #colorbox.inline-popup #cboxClose {
    background: none
}

#colorbox.mdm-popup #cboxClose:after, #colorbox.inline-popup #cboxClose:after {
    text-indent: 0;
    position: absolute;
    display: inline-block;
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-size: 25px;
    color: #000;
    right: 0px;
    top: 10px;
}
#colorbox.mdm-popup.ca-popup #cboxClose:after{color:#fff}

.adetail .mejs__overlay-button{ background:url('playbutton.png') no-repeat !important; width:85px !important }

.adetail .media-inline .overlay {
    top: 0;
    background:none;
    opacity:1;
}
.adetail .media-inline .overlay:before {
    position: absolute;
    display: inline-block;
    content: '\f055';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    right: 10px;
    top: 10px;
    z-index: 99999
}


/********  In The News **************/
.alist-inthenews .item {position:relative;overflow:hidden;}


/*******   Biography   **************/

.alist-bio {  }
.alist-bio .image { display: inline-block; width: 160px; }
.alist-bio .item {
    text-align: center;
    padding: 10px 10px 20px 10px;
    color: #000;
    letter-spacing: 2px;
    border-bottom: 2px solid #e3e3e3;
    line-height: 24px;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.alist-bio .item-thumb {
    flex: 0 0 20%;
    max-width: 20%;
}

.alist-bio .item-thumb a {
    display: block;
    margin: auto;
}

.alist-bio .item-details {
    flex: 0 0 80%;
    max-width: 80%;
    text-align: left;
}
.alist-bio a,
.alist-bio a:active,
.alist-bio a:hover,
.alist-bio a:visited {
    color: #000;
}

.alist-bio .pager a,
.alist-bio .pager a:active,
.alist-bio .pager a:hover,
.alist-bio .pager a:visited {
    color: #940000;
}

.alist-bio .rss { z-index: 999; text-align: right; width: 100%; }
.alist-bio .rss a { color: #F28422; }
.alist-bio .more-link,
.alist-bio .more-link:hover,
.alist-bio .more-link:link,
.alist-bio .more-link:visited { font-weight: normal; }
.alist-bio .link { text-decoration: none; }


@media (max-width: 992px) {
    .alist-bio .item-thumb {
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
    }

    .alist-bio .item-details {
        flex: 0 0 75%;
        max-width: 75%;
        width: 75%;
    }
}

@media (max-width: 767px) {
    .alist-bio .item-thumb {
        flex: 0 0 30%;
        max-width: 30%;
        width: 30%;
    }

    .alist-bio .item-details {
        flex: 0 0 70%;
        max-width: 70%;
        width: 70%;
    }
}

@media (max-width: 575px) {
    .alist-bio .item-thumb,
    .alist-bio .item-details {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .alist-bio .item-details {
        text-align: center;
    }

}

/*  Bio Details */
.adetail-bio { padding-top:50px; }
.alist-bio .atitle,
.adetail-bio .atitle {
    font-family: "Colossalis", arial, sans-serif;
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 100;
    line-height: 1.2;
    letter-spacing: 0em;
    margin-bottom: 8px;
}
.alist-bio .sub-title,
.adetail-bio .sub-title {
    font-family: "Colossalis", arial, sans-serif;
    font-size: 24px;
    color: #940000;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1.2;
    letter-spacing: 0em;
    margin-bottom: 30px;
}
.adetail-bio .gallery-bio .bio-photo { display: block; width: 100%;}
.adetail-bio .gallery-bio .bio-photo img { width: 100%; height: auto;}

.adetail-bio .gallery-bio {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.adetail-bio .gallery-bio .media-info-bar {
    color: #fff;
    padding: 20px;
    background: #960000;
    text-align: center;
    align-items: center !important;
    margin-top: -45px;
    z-index: 3;
    position: relative;
    line-height: 1.5;
}
.adetail-bio .gallery-bio .media-info-bar a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.adetail-bio a.download-link {
    font-size: 15px;
}
.adetail-bio a.download-link::before {
    color: #fff;
}
.adetail-bio .task-bar .item {
    font-size: 15px;
    letter-spacing: 3px;
    float: left;
}
.adetail-bio a.print-link::before,
.adetail-bio a.share-link::before {
    font-size: 15px;
}

@media (max-width: 992px) {
    .adetail-bio a.download-link span {
        display: block;
    }
}
@media (max-width: 576px) {
    .adetail-bio .inner {
        position: relative;
    }
    .adetail-bio .gallery-bio .bio-photo {
        /*force it to full screen on mobile*/
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

}

/***************Bio Leaders Listing***********************/
.adash-leader-bio .item {margin-bottom:50px}
.adash-leader-bio .leaders{font-size:18px;padding:100px 0}
.adash-leader-bio .leaderPhoto{padding:20px;height:710px;background-position:center;background-size:cover;position:relative}
.adash-leader-bio .red_tag{background:#940000;display:inline-block;padding:10px 25px;position:absolute;left:1px;bottom:0;font-family:Helvetica,arial,sans-serif!important;color:#fff}
.adash-leader-bio .leaderInfo{width:100%}
.adash-leader-bio .leaders-paragraph{color:#000!important;font-size:16px!important;line-height:28px!important;padding-left:25px;display:block;text-decoration:none!important;font-family:Helvetica,arial,sans-serif!important}
.adash-leader-bio .leadersExtraPadding{padding-top:20px;letter-spacing:1px;display:flex;justify-content:flex-start;align-items:center}
.adash-leader-bio .leaderHeading{color:#960000!important;padding-left:25px;padding-bottom:10px;width:100%;margin-top:40px;font-size:1.75rem;}
.adash-leader-bio .leaderInfoIconsBio{width:50%;max-width:15px;margin-right:20px}
.adash-leader-bio .leaderInfoIconsPhoto{width:50%;max-width:20px;margin-right:15px}
.adash-leader-bio .leaderBioFeatures {padding-left: 2px;letter-spacing: 2px;font-family: Helvetica,arial,sans-serif !important}
.adash-leader-bio .txt-red {color: #900;left: 0}

.adash-leader-bio .morebio, .adash-leader-bio .bioimg, .adash-leader-bio .bioweb { color: #960000; letter-spacing: .2em; text-transform: uppercase; }
.adash-leader-bio .dashindent { padding-left: 25px; }
.adash-leader-bio .morebio:before { color: #940000;  content: "\f15c";  font-family: 'Font Awesome 5 Free','FontAwesome', sans-serif; font-weight: 900; display: inline-block; margin-right: 15px; width: 14px; height: 17px; }
.adash-leader-bio .bioimg:before { color: #940000;  content: "\f030";  font-family: 'Font Awesome 5 Free','FontAwesome', sans-serif; font-weight: 900; display: inline-block;  margin-right: 15px; width: 14px; height: 17px; }
.adash-leader-bio .bioweb:before { color: #940000;  content: "\f019";  font-family: 'Font Awesome 5 Free','FontAwesome', sans-serif; font-weight: 900; display: inline-block;  margin-right: 15px; width: 14px; height: 17px; }


@media screen and (max-width:992px) {
    .adash-leader-bio .leaderHeading {
        font-size: 24px
    }
}

@media screen and (max-width:768px) {
    .adash-leader-bio .leaderHeading {
        font-size: 18px
    }

    .adash-leader-bio .leaderBioFeatures {
        letter-spacing: 1px
    }
}

@media screen and (max-width:576px) {
    .adash-leader-bio .item {
        margin-bottom: 20px;
    }

    .adash-leader-bio .leaders {
        padding-top: 50px
    }

    .adash-leader-bio #leaderInfo, .adash-leader-bio .leaderInfo {
        margin-bottom: 40px
    }

    .adash-leader-bio .row-margin-leaders {
        margin-top: 0 !important
    }

    @media screen and (max-width:568px) {
        .adash-leader-bio .leaderPhoto {
            height: 350px;
            background-position: inherit;
        }

        .adash-leader-bio .red_tag {
            width: 80%;
            text-align: center;
            left: 12%
        }
    }

    @media screen and (max-width:467px) {
        .adash-leader-bio .red_tag {
            width: 75%
        }

        .adash-leader-bio .leaderHeading {
            font-size: 18px
        }
    }
}