/***************************************************
	OIR NEW
***************************************************/
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
/*@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);*/

@charset "utf-8";
/* CSS Document */

/*
Red		- #cc0033
Blue	- #003366
Gray	- #333333
*/

/***************************************************
	GENERAL
***************************************************/
.construction {background-color: #2b2b2b; color: #ffffff; font-weight: 700; font-family: roboto; text-align: center; font-size: 15px; padding: 4px; margin-top: -30px;}

.outer-wrapper {
    overflow-x: hidden;}
	
.vertical-center {

  display: flex;
  align-items: center;
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .row.vertical-align {
        display: block;
      
    }
}
.oir-container {
    padding-top: 30px;
    padding-bottom: 30px;
    
}

.oir-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.oir-container-content {
    padding-top: 30px;
}

#bannertext{
  padding:20px;
}


#bannertext H1 {   
    color: #504D3C;
    font-size: 3.2em;
    text-align: center;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;}
	
#bannertext H2 {
	    color: #2b2b2b;
    font-size: 2em;
    font-family: 'Roboto', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    text-align: center; }
	
#dnn_BannerPane .DnnModule-5969 {
	
    
    padding: 30px;
   
}
.DNNModuleContent .btn {
	margin-bottom:10px;
}
/*.skin-special-row2,*/
.skin-special-row3,
#dnn_ContentPane9,
#dnn_ContentPane10 {
	display:none;
}
.blurb-block {
	background: #EEE;
    border: 1px solid #CCC;
    margin: 25px 0 0;
    padding: 20px 30px 10px;
    font-size: 15px;
}


/***************************************************
	MAIN CONTENT
***************************************************/
#dnn_ContentPane2 .DnnModule {
	padding:0;
}
#dnn_ContentPane2 .DnnModule > div {
	padding:0 30px;	
}
#dnn_ContentPane2 .DnnModule-1660 {
	padding-top:10px;
}

	#dnn_ContentPane4 .DnnModule > div {
    padding: 0 15px 0;
	
}
#dnn_ContentPane5 .DnnModule > div {
	padding:0 30px 0 15px;	
}

#dnn_ctr854_ModuleContent {
	background: #EEE;
	border: 1px solid #CCC;
	margin:0 0 30px;
	padding:20px 30px;
}
#dnn_ctr854_ModuleContent p {
	font-size: 16px;
	color: #777;
	margin:0;
}
.DnnModule-857 img,
.DnnModule-860 img,
.DnnModule-855 img {
	width:100%;
}
.DnnModule-857 a,
.DnnModule-860 a {
	display:block;
	text-align:right;
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
#dnn_ContentPane4 .DnnModule > div {
     padding: 20px 0 ; 
}

#dnn_ContentPane2 .DnnModule > div {
    padding: 0 20px;
}
}

/***************************************************
	ROWS
***************************************************/

.OIRall {
	display:block;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	padding: 75px 30px;
	
}



.OIRall H1{
	color: #4C3D19;
    font-size: 2.1em;
    text-align: center;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding-bottom: 20px;
    margin-top: 0;}

/* .OIRall .constrain {
	max-width:1170px;
	margin:0 auto;
}
 */
 
 .skin-special-row1 {
	/*border-top:1px solid #E6EBF1;*/
}
div#skin-row-outer1 {
 background: url(/portals/1/features/2017/0417_counter-isis/images/bannerImg2.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    min-height: 600px;
    background-color: #faf7f0;}
div#skin-row-outer2 {
    background-color: #f9f9f9;
}
div#skin-row-outer3 { background-color: #f9f9f9; display: none; }

div#skin-row-outer5 {  background-color: #f9f9f9;}

div#skin-row-outer7 { background-color: #2B2B2B; }

div#skin-row-outer9 { background-color: #f9f9f9;
    padding: 40px 0 30px; }

div#skin-row-outer11 { background-color: #f9f9f9; }
.totalStrikes li,
.bulletList li,
.speeches li,
.statements li,
.totalStrikes ul,
.bulletList ul,
.speeches ul,
.statements ul  {
  padding: 0;
  margin: 0;
  list-style: none;
}
.totalStrikes li,
.bulletList li,
.speeches li,
.statements li {    font-size: 1em;
     margin: 0.6em;
  margin-left: 3em;}

.totalStrikes ul,
.bulletList ul,
.speeches ul,
.statements ul { 
    font-size: 1em;
    font-weight: 300;
	list-style: none;
}

.bulletList  li::before,
.speeches li::before,
.statements li::before {
  
 content: '\f0c8';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.8em;
    margin-top: .9em;
    color: #c75548;
    font-size: .6em;

}
.totalStrikes li::before  {
       content: '\f0c8';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.7em;
    margin-top: .8em;
    color: #c75548;
    font-size: .5em;
}
/*
.buttonWrap {
	display:block;
	text-align:center;
}
a.MoreButton {
	
 display: inline-block;
    background: #c75548;
    color: #fff;
    font-weight: 400;
    padding: 7px 25px;
    font-size: 1.3em;
    
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    border-radius: 2px;
	    margin-top: 10px;
    margin-bottom: 20px;
}
a.MoreButton:hover {
	background:#ce3d22;
}
*/
.ctr {
    text-align: center;
}
.MoreButton {
vertical-align: middle !important;
   font-weight: 400;
    font-size: 1.3em;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    border-radius: 2px;
    position: relative;
    display: inline-block;
        margin: 10px auto 20px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
    background-color: #b54839;
    color: #fff;
    transition: background-color .3s;
    text-transform: uppercase;
   text-align: center;
   text-decoration: none!important;
   cursor: pointer;
}

.MoreButton:hover, .MoreButton:focus {
  background-color: #db655d;
}

.MoreButton > * {
  position: relative;
}

.MoreButton span {
  display: block;
  padding: 7px 45px;
  color: #fff;
}

.MoreButton:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  padding-top: 0;
  border-radius: 100%;
  background-color: rgba(252, 167, 156, .3);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.MoreButton:active:before {
  width: 120%;
  padding-top: 120%;
  transition: width .2s ease-out, padding-top .2s ease-out;
}

/* Large devices */
@media (min-width: 979px) and (max-width: 1199px) {
.OIRall {
	
	padding:20px 10px 20px;
	min-height:auto;
}
}
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
.OIRall {
	
	padding:20px 10px 20px;
	min-height:auto;
}
div#skin-row-outer1 {
   
    min-height: 370px;
   
}
 
#bannertext H1 {
    
   font-size: 2.3em;
    margin-top: 10px;
}
#bannertext H2 {
      font-size: 1.6em;
    margin-top: 0;
}

#dnn_BannerPane .DnnModule-5969 {
    padding: 0;
}
#bannertext {
    padding: 0;
}
}
/* Small devices  */ 
@media (max-width: 767px) {
.OIRall {
	
	padding:20px 10px 20px;
	min-height:auto;
}
div#skin-row-outer1 {
   
    min-height: 300px;
   
}
 
#bannertext H1 {
    
    font-size: 1.8em;
    margin-top: 15px;
	margin-bottom: 5px;
}
#bannertext H2 {
    font-size: 1em;
    margin-top: 0;
}

#dnn_BannerPane .DnnModule-5969 {
    padding: 0;
}
#bannertext {
    padding: 0;
}
}


/***************************************************
	PROMO VIDEO
***************************************************/
.promo {
	/* background:#fff; */
	
}


.promo H2, .promo H2 a, .promo H2 a:visited {
	color: #526a80;     font-size: 1.3em; text-align: left; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 300;  margin-bottom: 0;
    display: inline-block;     margin-top: 25px;}
.promo h2 a:hover, .promo h2 a:focus { color: #80a6b7; }

.promo p {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 20px 40px 0 0;
}
/*iframe#muteYouTubeVideoPlayer {
    float: right;
    margin-right: 30px;
} */
/* Large only  */
@media (min-width: 992px) {
.sound {display:none;}
iframe#muteYouTubeVideoPlayer {
    float: right;
    margin-right: 30px;
    max-width: 100%;
    max-height: 295px;
}
}
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
.promo {
	  float: none;
    margin-right: 0;
}
h1.top {
           font-size: 2em;
    padding: 0 80px 50px;
    margin-bottom: 60px;
	
}
.promo H2 {
   padding: 20px 20px 0;
   color: #ABC7DB;
    margin-top: 5px;
}
.promo H2 a, .promo H2 a:visited, .promo H2 a:hover, .promo H2 a:focus {color: #ABC7DB;}
.promo p {
    margin: 10px 20px 0;
    color: #fff;
}
iframe#muteYouTubeVideoPlayer {
   
    width: 100%;
	    float: none;
    margin-right: 0;
	height: 210px;
}

.col-md-6.player {
   /*  margin: 0 -25px; */
   margin: 0;
}
div#dnn_ctr6000_ModuleContent {
    background-color: #2B2B2b;
    margin: -35px;
    padding-bottom: 42px;
}
iframe {
    width: 100%;
}
.col-md-6.hidden-lg-up.sound {
    padding: 0;
}
}
/* Small devices  */ 
@media (max-width: 767px) {
.promo {
	  float: none;
    margin-right: 0;
}
h1.top {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.promo H2 {
   padding: 20px 20px 0;
   color: #ABC7DB;
    margin-top: 5px;
   
}
.promo H2 a, .promo H2 a:visited, .promo H2 a:hover, .promo H2 a:focus {color: #ABC7DB;}
.promo p {
    margin: 10px 20px 0;
    color: #fff;
}
iframe#muteYouTubeVideoPlayer {
   
    width: 100%;
	    float: none;
    margin-right: 0;
	height: 210px;
}

.col-md-6.player {
   /*  margin: 0 -25px; */
   margin: 0;
}
div#dnn_ctr6000_ModuleContent {
    background-color: #2B2B2b;
    margin: -25px;
    padding-bottom: 42px;
}
iframe {
    width: 100%;
}
.col-md-6.hidden-lg-up.sound {
    padding: 0;
	
}
}	
/***************************************************
	TOP STORY
***************************************************/
.topStory {
	/* background:#f9f9f9; */
}

.topStory H2{
	color: #526a80; font-size: 1.3em; text-align: left; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 300;  padding-left: 0;     margin-left: 0;}

.topStory H2 a{
	color: #526a80; font-size: 1.3em; text-align: left; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 300;      margin-left: 0;}
	.topStory h2 a:hover, .topStory h2 a:focus { color: #80a6b7; }

.topStory p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 20px 40px 0 0;
	font-family: 'roboto', arial, sans serif; 
	    margin-left: 0;
}
.topStory a {color: #526a80; font-family: 'roboto', arial, sans serif; font-weight: 700; padding-top: 20px; display: block;     margin-left: 0;     font-size: 1.2em;}
.topStory a:hover, .topStory a:focus { color: #80a6b7; }

.topStory img {width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
	.col-sm-6.col-md-7.container3.hidden-xs {
    padding: 0;
}
.col-sm-6.col-md-5.topStory.container3 {
    padding: 0;
}

.topStory H2 a {
    font-size: 1.1em;
}

.topStory p {
    font-size: 1em;
    line-height: 1.4em;
    margin: 10px 10px 0 0;
}
}

/* Small devices  */ 
@media (max-width: 767px) {
.topStory p {
    
    margin: 0;
  
}
}
/***************************************************
	STORIES
***************************************************/
.stories {
	background:#fff;
}

.stories .dash-top-stories hr {
	display:none;
}
.stories .adash.dash-top-stories .item {
	display:block;
	float:left;
	width:33%;
	/* margin:0 1%; */
    min-height: 300px;
	    padding: 0 ;
	
}



.stories .adash.dash-top-stories .item .poster,
.stories .adash.dash-top-stories .item > span {
	display:block;
	padding:0 25px;
	margin:5px 0 0
}




.stories .adash .poster {
	float:none;
	width:100%;
	margin-top:0;
}
.stories .adash .poster img {
	width:100%;
	max-width:100%;
	max-height:500px;
	margin:10px 0 15px;
}


.stories  .adash .title, 
.stories .adash .title a {
    font-size: 1.2em;
    display: block;
    color: #526a80;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.3em; }
	
	.stories .adash .title a:hover, .stories .adash .title a:focus { color: #80a6b7; }
.stories .adash .links {
    display: none!important;
}

.stories .adash .footer {
	display:block;
	width:100%;
	
	text-align:center;
}
.adash .footer a {
    padding: 0!important; }
/* .stories .adash .footer a {
	    display: inline-block;
    background: #c75548;
    color: #fff;
    font-weight: 400;
    padding: 7px 25px;
    font-size: 1.3em;
    font-family: 'roboto';
    border-radius: 2px;
}
.stories .adash .footer a span {
	display:none;
}
.stories .adash .footer a:hover {
	background:#ce3d22;
	text-decoration:none;
}
 */

/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
.stories { margin-top: 20px;}
.stories .adash.dash-top-stories .item .poster, .stories .adash.dash-top-stories .item > span {
    padding: 0 10px 0;
}
.OIRall H1 {
    padding-bottom: 0;
}
.stories .adash .title, .stories .adash .title a {
    font-size: 1.1em;
    padding: 0;
    margin: 0;
}
.stories .adash.dash-top-stories .item {
    min-height: 250px;
}
}

/* Small devices  */ 
@media (max-width: 767px) {

	.stories { margin-top: 20px;}
	.stories .adash.dash-top-stories .item {
   
    width: 100%;
       padding-top: 0;
	   padding-bottom: 25px;
}

.stories .adash .title, .stories .adash .title a {
    font-size: 1.1em;
}
.stories .adash.dash-top-stories .item .poster, .stories .adash.dash-top-stories .item > span {
    
    padding: 0;
}

.stories  .adash.dash-top-stories {
    padding-left: 0;
    padding-right: 0;
}
}






/***************************************************
	AIRSTRIKE ROW
***************************************************/
   .airstrike {
	background:#f9f9f9;
	margin-top: 20px;
}
.airstrike-panel {
    margin-bottom: 20px;
}
.airstrike-panel img {
    width: 100%;
    background-color: transparent;
    padding-top: 45%;
}

.airstrike-panel .row,
.airstrike-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
	margin: 0;
	min-height: 300px;
	text-align: center;
}


.airstrike-panel .airstrike-row {
    padding: 20px 20px 10px 0;
}

.airstrike-panel .airstrike-row.airstrike-header {
    color: #4C3D19; font-size: 2.1em; text-align: center; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 400; padding-bottom: 10px;
}

.row .box-shadow .col-md-3 { padding-right: 0px;}

.airstrike-panel .airstrike-row.airstrike-desc1 {
    position: relative;
    height: 100%;
    display: block;
    font-size: 1.1em;
  text-align: center;
  font-family: 'roboto', arial, sans serif;
   line-height: 1.5em;
   font-weight: 300;
    margin-bottom: 20px;
}
  

.airstrike-panel .airstrike-row.airstrike-desc2 {
    position: relative;
    height: 100%;
    display: block;
    font-size: 1.1em;
  text-align: center;
  font-family: 'roboto', arial, sans serif;
   line-height: 1.5em;
   font-weight: 300;
    
}
.airstrike-panel .airstrike-row.airstrike-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}

#airstrikesModal .modal-lg,
#costUpdateModal .modal-lg {
    z-index: 1050;
}
#airstrikesModal .modal-body {padding: 15px 55px;}

#costUpdateModal .modal-header, 
#airstrikesModal .modal-header{
	padding: 0;
	   border-bottom: none;
}
#costUpdateModal .modal-header button,
#airstrikesModal .modal-header button {
    padding: 10px 15px;
    position: absolute;
    color: #fff;
    opacity: 1;
    background-color: #b54839;
    right: 0;
    top: 2px;
    -webkit-border-radius: 0 0 0 15px;
    -moz-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
}
/* Large only  */
@media (min-width: 992px) {
#airstrikesModal .modal-body, #costUpdateModal .modal-body
 {
    max-height: calc(100vh - 425px)!important;
    overflow-y: auto!important;
}


}

/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
.airstrike-panel .airstrike-row.airstrike-desc1, .airstrike-panel .airstrike-row.airstrike-desc2 {
    margin-bottom: 10px;
    padding-top: 0;
}
.airstrike-panel img {
    width: 100%;
    background-color: transparent;
    padding-top: 5%;
    max-width: 41%;
}
#dnn_ContentPane4 .DnnModule > div {
    padding: 0;
}

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
.airstrike-panel img {
    width: 30%;
    padding-top: 5%;
   
}
#costUpdateModal .modal-body H1 {
    margin: 15px auto;
    font-size: 1.4em;
}
.row .box-shadow .col-md-3 {
    padding-right: 0px;
    padding-left: 0;
}
.airstrike-panel .airstrike-row {
    padding: 10px 5px 25px;
}

#airstrikesModal .MoreButton span {
    
    padding: 7px 25px;
   
}
.totalStrikes h2 {
    font-size: 1.1em;
    line-height: 1.}
	#airstrikesModal .modal-body {
    padding: 15px 35px;
}
}
	
	/***************************************************
	COST UPDATE MODAL
***************************************************/
#costUpdateModal  h2 {color: #526a80;
    font-size: 1.4em;
    text-align: center;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
	}


#costUpdateModal .modal-header {
	padding:0;
}
#costUpdateModal img {
	    border: none!important;
}


#costUpdateModal .modal-header button {
    padding: 10px 15px;
    position: absolute;
    color: #fff;
    opacity: 1;
    background-color: #b54839;
    right: 0;
    top: 2px;
    -webkit-border-radius: 0 0 0 15px;
    -moz-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
}

#costUpdateModal .modal-body H1 {
    padding-bottom: 0;
    max-width: 750px;
    margin: 20px auto;
    line-height: 1.5em;
}
#costUpdateModal .modal-body {
	padding:15px 30px;
	background:#fff;
}
#costUpdateModal .modal-footer {
	background: #fff;
    padding: 20px 20px 10px;
}
#costPDFs {
	list-style:none;
	margin:0;
}
#costPDFs li {
	display:none;
	padding:0;
	background:none;
	line-height:1.3em;
	color:#fff;
}
#costPDFs li.active {
	display:block;
}
#costPDFs p {
	color:#222;
}
#costLinks {
	list-style:none;
	margin:0;
}
#costLinks li {
	padding:0;
	margin:0;
}
#costLinks li a {
	display:block;
	padding:8px 15px;
	background:#f6f6f6;
	border:1px solid #ddd;
	border-color:#f6f6f6 #d6d6d6 #ccc;
}
#costLinks li a.active {
	background:#133C6A;
	color:#fff;
	border-color:#1e5797 #133C6A #0c2745;
}
	.modal-content  {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important; 
}

	.totalStrikes h2 { font-size: 1.4em;
        line-height: 1.5em;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif!important;
    font-weight: 400;
    padding-bottom: 10px;
}
	
.totalStrikes p {
	    color: #2b2b2b;
    font-size: 1.1em;
    font-weight: 300;
    margin: 0;
    text-align: left;
}
.totalStrikes ul {
	color: #2b2b2b;
	       
    font-size: 1.1em;
    font-weight: 300;
    margin: 0;
    text-align: left;
}
.totalStrikes li {
		color: #2b2b2b;
	   margin-left: 45px;
    font-size: 1.1em;
    font-weight: 300;
   
    text-align: left;
}
.totalStrikes span {
	display:block;
	text-align:left;
}
.totalStrikes strong {
	color:#A42525;
}


/* cost table */
  .container {
    max-width: 100%;
    }
    .modal-xl {
		z-index: 2001;
	}
	
	@media (min-width: 768px) {
    .modal-xl {
    width: 90%;
    max-width:1200px;
    z-index: 2001;
    }
    }
	
.cost tr#Header {
    background-color: #526A80;
    color: #FFF;
}
.cost td#expense, .cost td#service, .cost td#category, .cost td#texpense, .cost td#tservice,.cost td#tcat {
    background-color: #e8e8e8;
    font-weight: 700;
    text-transform: uppercase;
}
.cost {border-radius: 2px;}

.cost tr.totals {
    font-weight: 700;}
	
	.cost td {white-space:nowrap;}
	
	p.note {
    text-align: right;
    margin-right: 18px;
    color: #666;
    font-style: italic;
}
/* Medium & large */
@media (min-width: 768px) {
    .modal-xl {
    width: 90%;
    max-width:1200px;
    z-index: 2001;
    }
    }
/* Small devices  */ 
@media (max-width: 767px) {
th#col1, th#col2, th#col3 {
    line-height: 1em;
}
.cost td {
    white-space: normal;
}
}
/************************
***************************
	MAP
***************************************************/
.map {
	background:#fff; 
	}

.map H2{
	color: #4C3D19; font-size: 1.7em; text-align: left; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 300; padding-top: 100px; }

.map p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 20px 40px 0 0;
	font-family: 'roboto', arial, sans serif; 
}
.map p span {
   
    font-size: .9em;
    color: #666;
}
.map a {color: #526a80; font-family: 'roboto', arial, sans serif; font-weight: 700; padding-top: 25px; display: block;  font-size: 1.2em;}

.map a:hover, .map a:focus { color: #80a6b7; }

.map img {max-width: 100%;}

/* --- map key ---- */

 .outer {
    position: relative;
    width: 10px;
    padding-bottom: 10px;
    float:left;
    margin-top: 5px;
    }
    .inner1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ff8c79;
    }
    .inner2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #006f58;
    }
    .inner3 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #aed4af;
    }
	
	
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
	.map H2 {
   
    padding-top: 0;
}
#dnn_ContentPane5 .DnnModule > div {
    padding: 0 15px 0;
}
.map {
 
    margin-bottom: 25px;
}
}
/* Small devices   */
@media (max-width: 767px) {
.map H2 {
   
    padding-top: 0;
}
#dnn_ContentPane5 .DnnModule > div {
    padding: 0 15px 0;
}
}
/***************************************************
	VIDEO SECTION

.videoblockPadding {
	margin: 0 90px;
}
.featuredVideo iframe {
	width:100% !important;
}


.videoEach {
	display:block;
	position:relative;
}
.videoEach p {
    font-size: 18px;
    padding-top: 10px;
    font-weight: bold;
}
.videoInfo {
    display: block;
	min-height:409px;
    background: #f7f7f7;
    padding: 20px 30px;
	-webkit-box-shadow:0 9px 20px -8px #999;
	-moz-box-shadow:0 9px 20px -8px #999;
	box-shadow:0 9px 20px -8px #999;
}
.videoInfo .nowPlaying {
	color: #c75548;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: .05em;
	margin:0 0 10px;
}
.videoInfo h2 {
	margin-top: 10px;
    font-size: 1.4em;
    font-weight: bold;
}
.videoInfo p {
    font-size: 1em;
    line-height: 1.2em;
}
.videoEach a {
	display:block;
	opacity:.75;
}
.videoEach a:hover {
	opacity:1;
}
   .videoOverlay {
    background: url(/Portals/1/features/2017/0417_counter-isis/images/playSprite.png) 100px 0px;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -41px;
    margin-top: -41px;
    z-index: 2;
    }
    .videoOverlay:hover {
    background-position: 0px -100px ;
    }
.videoEach .playBttn {
    position: absolute;
    z-index: 10;
    top: 29%;
    left: 41%;
    width: 18%;
}
.videoEachLarge .playBttn {
    position: absolute;
    z-index: 10;
    top: 39%;
    left: 44%;
    width: 12%;
}
a.videoMoreButton {
	background:#c75548;
}
a.videoMoreButton:hover {
	background:#ce3d22;
}
***************************************************/
/* Large devices 
@media (min-width: 979px) and (max-width: 1199px) {
.blocksSeven .blockEach h2 {
	font-size:26px;
}
	
}*/
/* Medium devices 
@media (min-width: 768px) and (max-width: 979px) {
.videoblockPadding {
	margin: 0 25px;
}
.videoInfo {
	min-height:auto;
}
} */
/* Small devices  
@media (max-width: 767px) {
.videoblockPadding {
	margin: 0 15px;
}
.videoInfo {
	min-height:auto;
}
}*/ 
/***************************************************
	DVIDS PLAYER SECTION
***************************************************/
.DVIDSwrapper {
	background-color: #2b2b2b;
	    padding: 25px 100px;
}
h1.DVIDSwrapper {
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2.DVIDSUpNextText.myTitle.myTitleTop {
    font-family: 'merriweather';
    color: #ABC7DB;}

.DVIDSFilter {
    padding-top: 20px;
	 background-color: transparent;
	 
}
	
.DVIDSFilter .row {display:none;}
    
    
h2.myTitle {
    font-size: 2.5rem;
    font-family: font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
	margin-top: 0;
	color: #ABC7DB;}
	
	.DVIDSMediaDescription span {
    font-family: 'roboto', Arial, Helvetica, sans-serif;
    color: #f8f8f8;
}
.DVIDSMediaTitle {
    font-family: "merriweather", serif;
    color: #ABC7DB;
    margin-top: 0;
    font-weight: 400;
}

h2.DVIDSUpNextText.myTitle.myTitleTop {
    font-family: 'merriweather';
    color: #ABC7DB;
    font-size: 1.4em;
    margin-top: 15px;
    margin-bottom: 0;
	    padding-left: 37px;
}
.DVIDSMediaUnitName {
    
    color: #ccc;
}
.DVIDSMediaDate {
   
    color: #ccc;
    
}
.DVIDSVideoItemTitle {
    
    color: #f8f8f8;
}

h2.myTitle::before {
    display: none;
}
.DVIDSShareText {
   
    color: #ccc !important;
}
.DVIDSShareText a {
    color: #ccc !important;}
.DVIDSNowPlaying {
    background-color: #b54839;}
.DVIDSBottomLeft {
    float: left;
    width: 93%;
    margin-left: -3px;
}

.DVIDSCarouselPagerWrapper
{width: 1090px;}

.DVIDSBottomRight {
    display: none;
}
.DVIDSRightSide {
    float: right;
    width: 27%;
    margin-right: 3%;
    
}

.DVIDSShareBar {
    padding-top: 12px;
    display: none;
}

.DVIDSCarouselSection {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: -10px;
}


.DVIDSCarouselRightPager, .DVIDSCarouselLeftPager {
    color: #ccc!important;
}
.DVIDSCarouselRightPager.Disabled, .DVIDSCarouselLeftPager.Disabled {
    color: #444 !important;
}
.DVIDSCarouselRightPager:hover, .DVIDSCarouselLeftPager:hover {
    color: #fff!important;
}
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
.DVIDSwrapper {

    padding: 25px 0;
}
/*.mejs-overlay-button {
  
    margin: -50px 300px 0!important;
    
}*/
}

/* Small devices  */ 
@media (max-width: 767px) {
.DVIDSwrapper {
    padding: 20px 0 0;
}
.DVIDSCarouselPagerWrapper
{width: 100%;}

h2.DVIDSUpNextText.myTitle.myTitleTop {
    padding-left: 0;
}

.mejs-overlay-button {
  /*  margin: -50px 0 0 150px!important; */
    
}
.DVIDSCarouselItem {
    
    border-top: 1px solid #666 !important;
}
.DVIDSBottom {
    padding-bottom: 0;
    
}
.royalSlider {
    
    height: auto!important;}
	
	/*.mejs-overlay-button {
   
    margin: -50px 0 0 150px!important; 
  
}*/
}

/***************************************************
	PHOTOS BLOCK (SLIDESHOW LIST)
***************************************************/
.slideshowList .itemCopy h3 a {
    margin-top: 0;
    color: #526a80;
    font-size: 22px;
    text-align: left;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-top: 10px;
}

.slideshowList .itemCopy {
    display: block;
    position: relative;
    padding: 0;
    background: #fff;
}
.slideshowList .itemCopy p {
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    font-family: 'roboto', arial, sans serif;
}

.slideshowList .listItemEach {
    margin: 0;
    max-width: 50%;
    
    float: left;
}
.slideshowList a.thumb img {
    width: 100%;
    border: 1px solid #133C6A;
}
.slideshowList .listItemEachInner {
    margin: 0 25px;
}
.bottom h3 {
    margin-top: 10px;
}
.slideshowList .itemCopy h3 {
    margin-top: 10px;
}
@media (max-width: 767px) {
.slideshowList .listItemEach {
    margin: 0 0 40px 0;
    max-width: 100%;
    float: none;
    padding: 0;
}

}
/***************************************************
	PHOTOS BLOCK (OLD HTML VERSION)
***************************************************/
.photoBlock {
	background:#fff;
}
.photoBlock .col-md-6 {
    
    padding: 0 30px 0 20px;
}
.photoBlock H1{
	color: #4C3D19; font-size: 2.5em; text-align: center; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 400; padding-bottom: 10px;}

.photoBlock H2{
	color: #526a80;
    font-size: 1.4em;
    text-align: left;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    /* margin-left: 30px; */
    margin-top: 10px;}
.photoBlock H2 a{
	color: #526a80;
    
    text-align: left;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    /* margin-left: 30px; */
    margin-top: 10px;}
	
	.photoBlock H2 a:hover, .photoBlock H2 a:focus { color: #80a6b7; }

.photoBlock p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.6em;
    
	font-family: 'roboto', arial, sans serif; 
	
}


.photoBlock img {width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



.hoverLink a {
  float: left;
  position: relative;
}

.hoverLink a img {
  display: block;
}

.hoverLink a span {
  display: none;
     position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(126, 141, 111, 0.5);
    color: #fff;
    padding: 160px;
    font-size: 20px;
    font-weight: 700;
  font-family: 'roboto', arial, sans serif; 
}

.hoverLink a:hover span {
  display: block;
}
.hoverLink a:focus span {
  display: block;
}
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
	.photoBlock h2 {
    font-size: 1.8em;
    font-weight: 400;
    margin-left: 20px;
    margin-top: -35px;
    padding-bottom: 15px;
    color: #fff;
}
.photoBlock p, .videoBlock p {
   
    padding-bottom: 30px;
}

}
/* Small devices  */ 
@media (max-width: 767px) {
.photoBlock H1 {
    font-size: 2.38em;
    padding-top: 30px;
}
.media:first-child {
  
    margin-left: -30px;
    margin-right: -40px;
}

.photoBlock H2 {
    color: #fff;
    font-size: 1.4em;
    text-align: right;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    margin-left: 30px;
    margin-top: -25px;
    padding-bottom: 15px; 
}
}


/***************************************************
	ROTATOR

#mainRotator {
	padding-top:0px;
}
#mainRotator .carousel-caption {
	position: relative;
    left: 0px;
    color: #333;
    text-align: left;
    text-shadow: none;
	margin:10px 0 0;
	padding: 0;
	bottom: 0;
	min-height:90px;
}
#mainRotator .carousel-control.left,
#mainRotator .carousel-control.right {
    background: none !important;
    filter: progid: none !important;
    outline: 0;
}
#mainRotator .carousel-control {
    visibility: hidden;
}
#mainRotator:hover .carousel-control {
    visibility: visible;
}
#mainRotator .carousel-indicators {
	width:100%;
	bottom:0;
	left:0;
	margin-left:0;
	display: none;
}

#mainRotator .carousel-indicators li {
	background:#5A6C9E;
}
#mainRotator .carousel-indicators li.active {
	background:#9E0B0F;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	height: auto;
	max-width: 100%;
	line-height: 1;
	width: 100%;
}


.carousel-control.left, .carousel-control.right {
    outline: 0;
	
}
.carousel .carousel-control {
	background:none;
	width:60px;
	
}
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next,
.carousel .carousel-control .glyphicon-chevron-left,
.carousel .carousel-control .glyphicon-chevron-right {
	top: 38%;
	opacity: .6;
}
.carousel
.carousel-control {
  opacity: 0.6;
}

.carousel-control:hover {
  opacity: 1;
}


.carousel .carousel-control .fa {
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	top:30%;
	left:10px;
	color:#fff;
	font-size:32px;
}
.carousel .carousel-control .fa-chevron-right {
	right:10px;
	left:auto;
}


.carousel .carousel-control .fa-chevron-right {
	right:10px;
	left:auto;
}
.carousel:hover .carousel-control {
    visibility: visible;
}
.media .carousel-indicators li {
	background:#f3babe;
}
.media .carousel-indicators li:hover {
	background:#f01516;
}
.media .carousel-indicators li.active,
.media .carousel-indicators li.active:hover {
	background:#dd3946;
	cursor:default;
}


.carousel-indicators {
	bottom:0;
}
.carousel-caption .collapse.in {
    display: inline;
}
***************************************************/
/* Small devices 
@media (max-width: 767px) {
#mainRotator .carousel-caption {
    min-height: 30px !important;
}
}
 */ 
/***************************************************
	SPEECHES & TRANSCRIPTS ROW
***************************************************/
div#dnn_ContentPane8 {
    padding-left: 60px;
    padding-right: 60px;
}
.DnnModule.DnnModule-ArticleCSDashboard.DnnModule-6311 {
    width: 48%;
    overflow: auto;
}

.DnnModule.DnnModule-ArticleCSDashboard.DnnModule-6313  {
    width:48%;
    float: right;
} 
h1.title {
    
    color: #4C3D19;
    text-align: center;
    font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding-bottom: 10px;
    font-size: 2em;

}


.statements hr, .statements .date {
    display: none;
}

ul#listPad {position: relative;
    min-height: 200px; 
	/* margin-right: 20px; */}
button#bottom {
position: absolute;
    bottom: 0;
    left: inherit;
    margin: 0 -75px;
}

span.title a {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 20px 40px 0 0;
    font-family: 'Roboto', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.adash .footer {
    float: none;
    font-size: 1em;
    padding-right: 0;
    margin-top: 0;
    display: block;
    width: 100%;
    text-align: center; }
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
.DnnModule.DnnModule-ArticleCSDashboard.DnnModule-6313 {
    width: 100%;
    float: none;
}


.DnnModule.DnnModule-ArticleCSDashboard.DnnModule-6311 {
    width: 100%;
    overflow: auto;
    padding-top: 50px;
}

ul#listPad {
   
    min-height: inherit;
    
}
button#bottom {
    position: relative;
    bottom: 0;
    left: initial;
	    margin: 0;
}
    

}
/* Small devices  */ 
@media (max-width: 767px) {
div#dnn_ContentPane8 {
    padding-left: 20px;
    padding-right: 20px;
}
button#bottom {
    position: relative;
    bottom: 0;
    left: 0;
	    margin: 10px auto 25px;
}
ul#listPad {
    position: relative;
    min-height: auto;
    margin-right: 0;
}
.col-md-6.myLists:last-child {
   padding-top: 30px;
    margin-top: 40px;
    border-top: 1px solid #ccc;
}
.DnnModule.DnnModule-ArticleCSDashboard.DnnModule-6313 {
    width: 100%;
    float: none;
}
.DnnModule.DnnModule-ArticleCSDashboard.DnnModule-6311 {
    width: 100%;}
	
	h1.title {
   
    font-size: 2em;
}
.totalStrikes li::before, .bulletList li::before, .speeches li::before, .statements li::before {
 
        margin: .1em -1.2em;
    font-size: 70%;
}

.adash .footer {
    float: none!important;
}
}
/***************************************************
	BULLET LISTS
***************************************************/
.bulletList {
	background:#f9f9f9;
}
/* Small devices  */ 
@media (max-width: 767px) {
.bulletList  {margin: 20px 0;}
}


.bulletList H1{
	color: #4C3D19; font-size: 1.7em; text-align: center; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 400;}

.bulletList H2{
	color: #526a80; font-size: 1.7em; text-align: left; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 300; padding-top: 30px;}

.bulletList p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 20px 40px 0 0;
}


/***************************************************
	SEALS
	
***************************************************/
.seals {
	background:#fff;
}
.seals H2{
	color: #4C3D19; font-size: 1.7em; text-align: center; font-family: 'Merriweather', "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: 300;}

.seals p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.3em;
    
    text-align: center;
	color: #2b2b2b;
	    margin: 10px 30px 20px;
}
.seals .blurb a{
    color: #2b2b2b;
}
/* Medium devices  */
@media (min-width: 768px) and (max-width: 979px) {
	.seals .blurb, .seals p {display: none;}
}
/* Small devices  */ 
@media (max-width: 767px) {
.seals .blurb, .seals p {display: none;}
.seals h2 {
        font-size: 1.1em;
    margin-top: 10px;
}
.seals img {
    max-width: 100px;
}
}
/***************************************************
	PHOTOS / VIDEOS
***************************************************/

.photoBlock img,
.videoBlock img {
	width:100%;
	border:1px solid #133C6A;
}
.photoBlock p,
.videoBlock p {
	font-size:12px;
}

/***************************************************
	.end
***************************************************/

@media (max-width: 479px) {
  iframe#muteYouTubeVideoPlayer { display: none; }
}
@media (min-width: 480px) and (max-width: 979px) {
  iframe#muteYouTubeVideoPlayer { display: none; }
}
@media (min-width: 980px) {
  iframe#soundYouTubeVideoPlayer { display: none; }
}