@media screen and (min-width: 0) {
    #main {
        position: relative;
        top: 0
    }
}
@media screen and (max-width: 767px) {
    #main {
        top: 5px
    }
}
body.left-menu-active {
    -webkit-font-smoothing: antialiased
}
section {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.565, 1.65, .765, .88);
    -moz-transition: -moz-transform .5s cubic-bezier(.565, 1.65, .765, .88);
    -o-transition: -o-transform .5s cubic-bezier(.565, 1.65, .765, .88);
    transition: transform .5s cubic-bezier(.565, 1.65, .765, .88);
    -webkit-transition-timing-function: cubic-bezier(.565, 1.65, .765, .88);
    -moz-transition-timing-function: cubic-bezier(.565, 1.65, .765, .88);
    -o-transition-timing-function: cubic-bezier(.565, 1.65, .765, .88);
    transition-timing-function: cubic-bezier(.565, 1.65, .765, .88)
}
#bottom.left-menu,
#east-bottom.left-menu,
#east-top.left-menu,
#east.left-menu,
#main.left-menu,
#middle.left-menu,
#top div.left-menu,
#west-bottom.left-menu,
#west-top.left-menu,
#west.left-menu {
    transform: translate3d(325px, 0, 0)
}
#bottom.left-menu.left-menu-skinny,
#east-bottom.left-menu.left-menu-skinny,
#east-top.left-menu.left-menu-skinny,
#east.left-menu.left-menu-skinny,
#main.left-menu.left-menu-skinny,
#middle.left-menu.left-menu-skinny,
#top div.left-menu.left-menu-skinny,
#west-bottom.left-menu.left-menu-skinny,
#west-top.left-menu.left-menu-skinny,
#west.left-menu.left-menu-skinny {
    transform: translate3d(225px, 0, 0)
}
.no-gutter {
    padding-right: 0 !important;
    padding-left: 0 !important
}
.no-gutter-left {
    padding-left: 0 !important
}
.no-gutter-right {
    padding-right: 0 !important
}
@media only screen and (min-width: 768px) {
    .pull-right-sm {
        float: right
    }
}
body a {
    text-decoration: none;
}
body a:hover {
    text-decoration: none;
}
body time {
    display: inline-block;
}
body em {
    font-weight: 400;
    font-style: italic;
}
.a11y .screen-reader-skip {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.fa-facebook-square,
.icon-facebook {
    color: #3b5998;
}
.fa-twitter,
.fa-twitter-square,
.icon-twitter {
    color: #00aced;
}
.fa-instagram,
.icon-instagram {
    color: #3f729b;
}
.fa-youtube,
.fa-youtube-play,
.icon-youtube {
    color: #d11f47;
}
.fa-google-plus,
.fa-google-plus-official,
.fa-google-plus-square,
.icon-google-plus {
    color: #d34836;
}
.fa-linkedin,
.fa-linkedin-square,
.icon-linkedin {
    color: #0077B5;
}
.fa-whatsapp {
    color: #43d854;
}
.fa-pinterest-square,
.icon-pinterest {
    color: #d11f47;
}
.fa-stack-1x {
    color: #fff;
}
.wrapper {
    margin: 0;
}
.full {
    clear: both;
}
.feature-buffer {
    margin-top: 20px;
    margin-bottom: 20px;
}
.feature-buffer-bottom {
    margin-bottom: 20px
}
.feature-border-top {
    border-top: 1px solid #d5d5d5
}
.feature-border-bottom {
    border-bottom: 1px solid #d5d5d5
}
.vertical-align {
    display: inline-block;
    vertical-align: middle;
    float: none
}
@media (max-width: 768px) {
    .vertical-align {
        display: block
    }
}
ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}
.embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}
.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.text-justify {
    text-align: justify
}
.text-nowrap {
    white-space: nowrap
}
.text-lowercase {
    text-transform: lowercase
}
.text-uppercase {
    text-transform: uppercase
}
.text-capitalize {
    text-transform: capitalize
}
.thinline-border {
    border-bottom: solid 1px #d5d5d5
}
.hidden {
    display: none
}
.button,
.button-small {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: inherit;
    -webkit-font-smoothing: auto;
    text-rendering: auto;
    background-color: #4B4B4C;
    transition: all .6s ease 0;
    border: solid 1px #ddd;
    border-radius: 6px;
    text-align: center
}
.button-small:hover,
.button:hover {
    cursor: pointer;
    color: #fff
}
.button-small {
    font-size: 12px
}
.button-small:hover {
    cursor: pointer;
    color: #fff
}
.button-small.right {
    margin-left: 10px;
    float: right
}
@media screen and (min-width: 768px) {
    .button-small {
        font-size: 16px
    }
}
.header-label h1,
.header-label h2,
.header-label h3,
.header-label h4,
.header-label h5 {
    margin-top: 0;
    font-family: inherit
}
.header-label.right-align {
    text-align: right
}
.header-label.right-align::after {
    position: absolute;
    right: 0
}
.header-label::after {
    width: 2rem;
    margin-top: 2px;
    content: '';
    display: block;
    height: .25rem;
    margin-bottom: .625rem
}
.header-tab-label {
    margin-top: 0;
    border-bottom: 0
}
.header-tab-label h1,
.header-tab-label h2,
.header-tab-label h3,
.header-tab-label h4,
.header-tab-label h5 {
    margin-top: 0;
    font-family: Lato, sans-serif
}
@media screen and (min-width: 1200px) {
    .header-tab-label::before {
        width: .25rem;
        content: '';
        display: block;
        height: 3rem;
        margin-bottom: .625rem;
        margin-right: 5px;
        float: left
    }
}
@media screen and (max-width: 1200px) {
    .header-tab-label::after {
        width: 2rem;
        content: '';
        display: block;
        height: .25rem;
        margin-bottom: .625rem
    }
}
.header-tab-label-right {
    margin-top: 0;
    border-bottom: 0;
    text-align: right
}
.header-tab-label-right h1,
.header-tab-label-right h2,
.header-tab-label-right h3,
.header-tab-label-right h4,
.header-tab-label-right h5 {
    margin-top: 0;
    font-family: Lato, sans-serif;
    width: 98%
}
@media screen and (max-width: 1200px) {
    .header-tab-label-right h1,
    .header-tab-label-right h2,
    .header-tab-label-right h3,
    .header-tab-label-right h4,
    .header-tab-label-right h5 {
        width: 100%
    }
}
@media screen and (min-width: 1200px) {
    .header-tab-label-right::before {
        width: .25rem;
        content: '';
        display: block;
        height: 3rem;
        margin-bottom: .625rem;
        margin-right: 5px;
        float: right
    }
}
@media screen and (max-width: 1200px) {
    .header-tab-label-right::after {
        width: 2rem;
        content: '';
        display: block;
        height: .25rem;
        margin-bottom: .625rem;
        position: absolute;
        right: 0
    }
}
.time {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #b3b3b3;
    position: absolute;
    left: 30px;
    top: calc(50% - 6px);
    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
    font-size: 12px;
    line-height: 12px;
    text-shadow: none;
    z-index: 10;
    cursor: default;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none
}
.byline {
    font-weight: 700;
    font-family: Lato, sans-serif
}
.byline .author {
    margin: 0 20px 0 0;
		color:#9B9B9B;
}
.caption {
    font-family: "PT Serif", serif;
    font-size: 14px;
    padding: 5px;
    line-height: 18px;
    display: block;
    color: #555;
    font-weight: 300;
    font-style: italic
}
.overlay {
    color: #fff;
    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding: 2px 10px;
    position: absolute;
    left: -12px;
    bottom: 10%;
    opacity: 1;
    transition: opacity .8s ease 0
}
@media screen {
    h1 {
        font-size: 20px;
        line-height: 1.1em
    }
    h2 {
        font-size: 20px;
        line-height: 1.1em
    }
    h3 {
        font-size: 20px;
        line-height: 1.1em
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    h5 {
        font-size: 20px;
        line-height: 1.1em
    }
    h6 {
        font-size: 20px;
        line-height: 1.1em
    }
    p {
        font-size: 16px;
        line-height: 1.4em;
    }
    .excerpt,
    p.excerpt,
    span.excerpt {
        font-family: Lato, sans-serif;
        font-size: 13px;
        line-height: 16px
    }
}
@media screen and (min-width: 480px) {
    h1 {
        font-size: 24px;
        line-height: 1.1em
    }
    h2 {
        font-size: 24px;
        line-height: 1.1em
    }
    h3 {
        font-size: 24px;
        line-height: 1.1em
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    h5 {
        font-size: 18px;
        line-height: 1.1em
    }
    h6 {
        font-size: 16px;
        line-height: 1.1em
    }
    p {
        font-size: 16px;
        line-height: 1.4em
    }
    .excerpt,
    p.excerpt,
    span.excerpt {
        font-size: 13px;
        line-height: 16px
    }
}
@media screen and (min-width: 768px) {
    h1 {
        font-size: 26px;
        line-height: 1.1em
    }
    h2 {
        font-size: 30px;
        line-height: 1.1em
    }
    h3 {
        font-size: 24px;
        line-height: 1.1em
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    h5 {
        font-size: 18px;
        line-height: 1.1em
    }
    h6 {
        font-size: 16px;
        line-height: 1.1em
    }
    p {
        font-size: 16px;
        line-height: 1.5em
    }
    .excerpt,
    p.excerpt,
    span.excerpt {
        font-size: 15px;
        line-height: 20px
    }
}
@media screen and (min-width: 992px) {
    h1 {
        font-size: 36px;
        line-height: 1.1em
    }
    h2 {
        font-size: 30px;
        line-height: 1.1em
    }
    h3 {
        font-size: 24px;
        line-height: 1.1em
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    h5 {
        font-size: 18px;
        line-height: 1.1em
    }
    h6 {
        font-size: 16px;
        line-height: 1.1em
    }
    p {
        font-size: 17px;
        line-height: 1.6em
    }
    .excerpt,
    p.excerpt,
    span.excerpt {
        font-size: 15px;
        line-height: 20px
    }
}
p {
    margin: 0 0 10px
}
.audio-player {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 99%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 2px #ddd;
    margin-bottom: 30px
}
.audio-player .play-button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 50px;
    height: 100%;
    border-right: 1px solid #ddd;
    z-index: 20;
    position: relative;
    float: left;
    cursor: pointer;
    background-color: #fff
}
.audio-player .play-button:hover {
    background-color: #eee
}
.play::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 17px solid #333;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    top: 16px;
    left: 18px
}
.pause::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 18px;
    background: #333;
    top: 16px;
    left: 16px;
    background-color: #ddd
}
.pause::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 18px;
    background: #333;
    top: 16px;
    right: 16px;
    background-color: #ddd
}
.audio-progress-bar {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 50px;
    height: 50px;
    position: relative;
    background-color: #fff
}
.audio-logo {
    position: absolute !important;
    height: 100% !important;
    background-clip: border-box;
    overflow: hidden;
    background-position: right !important;
    background-repeat: no-repeat;
    background-size: auto 30px !important;
    margin-left: -10px;
    opacity: .3
}
.playhead {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 32px;
    width: 6px;
    position: absolute;
    top: 8px;
    left: -5px;
    border: 1px solid #6c6c6c;
    background: #fff;
    z-index: 15;
    display: none;
    border-radius: 2px;
    overflow: visible
}
.loaded-bar {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    position: absolute;
    z-index: 3
}
.elapsed-bar {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 52px;
    position: absolute;
    top: -1px;
    z-index: 5;
}

#pb-root {
    margin: 0 auto
}

/*.story #pb-root {
    background: #fff none repeat scroll 0 0;
    max-width: 1440px !important;
    margin: 0 auto
}
.story .pb-container {
    max-width: 1440px !important;
}
*/
.with-right-border{
	border-right: 1px solid #d5d5d5;
	padding-right: 0px;
	
}

.with-left-border{
	border-left: 1px solid #d5d5d5;
	padding-left: 0px;
	
}

.nopadleft{padding-left:0px;}
.nopadright{padding-right:0px;}

.gray-box {
	background-color:#f7f7f7;
	padding: 2px;
	clear: both;
}

.sponsored-content {
	font-weight: 400 !important;
}

.bgwhite{
	background-color:#ffffff;
}

.bgblack{
	background-color:#000000;
}

.rebootcamp .label{
	  color: #FA9746;
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 0px 14px 0px;
}


/* Site Colors */
:root { --site-color: #1691CF; }
.air-force-times { --site-color: #1691CF; }
.army-times { --site-color: #098043; }
.marine-corps-times { --site-color: #D52F27; }
.military-times { --site-color: #4f497a; }
.navy-times { --site-color: #1C62A0; }
.reboot-camp { --site-color: #f4a41c; }

.defense-news { --site-color: #004074; }
.c4isrnet { --site-color: #D2232A; }
.federal-times { --site-color: #2D5080; }
.fifth-domain { --site-color: #C22026; }

a {color: var(--site-color);}
a:hover, a:focus {color: var(--site-color);}

.newsletter-subscribe a:hover {color: var(--site-color); }
a:hover, a:focus { color: var(--site-color); }
	
.header-label::after, .label.label-kicker::after, .pb-f-global-mco-navbar div.headernav, .pb-f-global-mco-navbar div.headernav #slider-menu, .button-small:hover, .button:hover, .elapsed-bar, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .button-small:hover, .header-tab-label::before, .header-tab-label::after,  .header-tab-label-right::before,  .header-tab-label-right::after, .overlay, .loaded-bar, .btn-primary, div.headernav, div.headernav #slider-menu, div.headernav #slider-menu #slider-menu-scroll ul, .pb-f-global-mco-footer footer .company-bar, .pb-f-global-mco-footer footer .footer-sites, div.headernav #drawer .main-nav.hover-label,div.headernav #drawer .main-nav.hover-label-sub, div.headernav #drawer .main-nav.unhover-label, div.headernav #drawer ul.sub-nav, .btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, div.headernav #drawer .main-nav .main-nav-item.hover-name, .pb-f-article-mco-byline header.author-about-label::before { background-color: var(--site-color);}
		
.label .label-kicker, .label .label-btn, .label .label-bar, .story-teaser-normal .related a:hover, .pb-f-global-mco-newsstand .paper-menu .eedition-menu li a:hover, .pb-f-global-mco-quick .quicklink-item a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .section-column-borderless .column-item h5 a:hover, .section-column .column-item h5 a:hover, .pb-f-global-mco-results-list-load-more a:hover, .pb-f-global-mco-results-list-load-more a:focus, div.headernav .row-two .left-burger-logo .fa.burger.hover, div.headernav .row-two .top-nav-list .top-nav-list-item:hover, div.headernav .row-two .search-container .search .search-icon:hover,  .btn-link, .btn-primary .badge, .hot-topics a:hover, .hot-topics .title-intro, .pb-f-global-mco-newsstand .paper-menu .eedition-menu li a:hover, .pb-f-list-mco-card-column .section-column .column-item h4 a:hover, .pb-f-list-mco-card-column .section-column .column-item h4 a:focus, .pb-f-global-mco-quicklinks .quicklink-item a:hover .pb-f-video-mco-playlist-item div:hover, .pb-f-global-mco-quicklinks .quicklink-item a:hover, .pb-f-global-mco-hot-topics .hot-topics a:hover, .pb-f-global-mco-hot-topics .hot-topics a:focus, .pb-f-global-mco-navbar .top-nav-list-item a:hover, .pb-f-article-mco-related-stories a:hover, .pb-f-video-mco-playlist-item a:hover, .pb-f-video-mco-player a:hover {color: var(--site-color);}
div.headernav .row-two{border-bottom:3px solid var(--site-color);}
div.headernav .row-two .search-container .search{height:100%;width:100%;background:#4b4b4c;border-bottom:3px solid var(--site-color);}

.military-times div.headernav .row-two .left-burger-logo .fa.burger.hover, 
.military-times div.headernav .row-two .top-nav-list .top-nav-list-item:hover, 
.military-timesdiv.headernav .row-two .search-container .search .search-icon:hover, 
.military-timesdiv.headernav #slider-menu a:hover, 
.military-timesdiv.headernav #drawer a:hover, 
.military-times .pb-f-global-mco-navbar .top-nav-list-item a:hover {color: #8a80d6;}

.rte-comment{
  display:none !important; font-size:0px!important;
}
.chain-border {
  border: 2px solid;
  border-color: var(--site-color);
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* End Site Colors */

/* TrustArc CSS */
#truste-consent-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1em 0;
  margin: 0 auto;
}
#consent_blackbar .truste-button2 {
    background: --site-color !important;
    color: #ffffff !important;
}
#consent_blackbar .truste-button2 {
    background: var(--site-color) !important;
    color: #ffffff !important;
}
#consent_blackbar .truste-button1 {
    background: none !important;
    border: 0px !important;
    color: #ffffff !important;
}
#consent_blackbar .truste-messageColumn {
    color: #ffffff !important;
}
#consent_blackbar #truste-consent-track {
    background-color: rgb(175, 173, 174) !important;
}
@media only screen and (max-width: 856px) {
  #truste-consent-text {
    text-align: center;
  }
}
#consent_blackbar .truste-button1{
  color: var(--site-color) !important;
}
#truste-consent-buttons {
  display: flex;
  flex-direction: row;
}
#consent_blackbar .truste-buttonsColumn, #consent_blackbar .truste-messageColumn {
  margin: 0px;
  padding: 0px;
}

#truste-consent-buttons :nth-child(1) { order: 2; }
#truste-consent-buttons :nth-child(2) { order: 1; }

@media screen and (max-width: 700px) { 
   #truste-consent-content {
    flex-direction: column;
  }
}
@media screen and (max-width: 812px) {
  #consent_blackbar .truste-button1, .truste-button2 {
    width: 170px;
    font-size: 12px;
  }

  #consent_blackbar .truste-button1{
    color: var(--site-color) !important;
  }

  #consent_blackbar .truste-buttonsColumn {
    float: right;
  }

  #truste-consent-buttons {
    justify-content: center;
  }
}

@media screen and (max-width: 320px) {
  #consent_blackbar .truste-button1, .truste-button2 {
    width: 140px;
  }
}
  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
  .truste-messageColumn, .truste-buttonsColumn {
     width: unset;
  }
}

/* this is for the leaderboard */
#top .a-adWrapper.ad-970X90 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  margin-top: var(--atype-space-m, 1.125rem);
  margin-bottom: var(--atype-space-m, 1.125rem);
}
#top .a-adWrapper .ad-970X90 {
    padding-top: 1.125rem;
    padding-top: var(--atype-space-m);
    padding-bottom: 1.125rem;
    padding-bottom: var(--atype-space-m);
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
/* End TrustArc CSS */
#top .in-view {
  position: sticky;
  top: 40px;
  top: var(--nav-height, 40px);
  z-index: 3;
  background: white;
}
#top .wrapper {
  display: contents;
}

/* #top > .pb-container .in-view .pb-ad-container.ad-970X90 {
  margin-top: calc(var(--atype-space-m) * 2);
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
	border-top: none;
  border: none;
} */
:root {
  --nav-height: 40px;
}
@media (min-width: 936px) {
  :root {
    --nav-height: 50px;
  }
}
@media (min-width: 1248px) {
  :root {
    --nav-height: 60px;
  }
}