html{
  -ms-overflow-style: scrollbar;
}

/*@media screen and (max-width: 640px){*/
	#mobilenav-container {display:none;}
	.wpthemeMobileNav {display:none}
	#nav-container {display:block;}
	#banner-container {display:block;}
	
	//#mobile-nav-search {display:none;}	
	//don't display when over 767px and showsearch still open
	.wpthemeMobileNav.showSearch {display:none;}
	.wpthemeMobileNav.showMobileNav {display:none;}
/* Change min width of elements */
	.wpthemeFrame {
		min-width:320px;
	}
	.wpthemeSplitView .wpthemeFrame {
		min-width:320px;
	}
	.wpthemeSplitView .wptheme1Col .wpthemeCol {
		width:100% !important;
	}
	
	/* Change widths to relative */
	.wpthemeInner { 
		width:100% !important;
	}
	.wpthemeLayoutContainers { 
		width:100% !important;
	}
	.wpthemeSplitView .wpthemeLayoutContainers {
		width:100% !important;
	}
	
	.wpthemeCol {
		width:100% !important;
	}
	#text-col {
		width:100%;
	}
	
	/* for mobile nav */
	
	#mobilenav-container{
		height: 40px;
		width: 100%;
		min-width: 320px;
		//background-color: #1B1B1C; /* Leave this color in here since there is no corresponding color in the theme profile */
		//background-image: url(/FCLCoopThemeStatic/themes/FCLCoopTheme/images/custom/banner-bg-black.jpg);
		//background-repeat: repeat-x;
		
		/* CJ customization begin */
		line-height: 20px;
		/* CJ customization end */
	}

	#mobilenav-content{
		width: 100%;
		margin: 0 auto;
	}
	
	#mobilenav {
		list-style:none;
	/*	margin-bottom:10px;  AH */
	/* Clear floats */
		float:left;
		width:100%;
		/*z-index: 900;*/
		position: relative;
		/* padding-right: 10px; - trouble with this style  */
 }

#mobilenav li{
	float:left;
/*	z-index: 999;*/
	position: relative;
}

#mobilenav a{
	display:block;
	padding: 8px 15px 8px 15px; /* AH - Changed 12px to 8px */
/*	color:#fff; MovedToHeader */
	text-decoration:none;
/*	z-index: 999;*/
	position: relative;
}
/*
#mobilenav a:hover{
	color:#fff;
}
MovedToHeader */

#mobilenav ul{
	background: #405059; /* IE Fix */
	background: rgba(52,66,74,0); /* Set bg to transparent in modern browsers */
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed */
	
}

#mobilenav ul li{
	float:none;
}

#mobilenav ul a{
	white-space: nowrap; 
	font-size: 14px; 
}

#mobilenav li:hover ul{
	left: 0;
}

#mobilenav li:hover a{ 
	background: #34424A;
}

#mobilenav li:hover ul a{ 
	text-decoration:none;
	background: #405059;
	font-size: 13px; 
	background:rgba(64,80,89,0.9); /* Set bg to semi-transparent in modern browsers */
}

#mobilenav li:hover ul li a:hover{ 
	background:#34424A;
}

#banner-slogan {
	padding: 0 5px;
	position: absolute;
/*display: -webkit-box;   */        /* OLD - iOS 6-, Safari 3.1-6 */
/*  display: -moz-box;   */           /* OLD - Firefox 19- (doesn't work very well) */
/*  display: -ms-flexbox;  */         /* TWEENER - IE 10 */
/*  display: -webkit-flex;	*/
/*	display: flex;*/
	width: 100%;
/*	right: 20%;*/
	text-align: center;


}

#banner-slogan img {
/*	text-align:center;*/
/*	vertical-align:middle;*/
	margin: 0 auto;

}

/** Adding overides for menu navigation AH **/
/* from default.css */
.wpthemeBanner {
	border-bottom:none;
}
.wpthemeBanner .wpthemeBranding img {
    background-image: none;
	background-position:0;
	width:40px;
	height:24px;
	border: 0 none;
    line-height: 0;
    vertical-align: middle;
	display: block;
}
.wpthemeBanner .wpthemeMobileBorder {
	border-bottom: none; /* AH - 3px solid #008ABF; */
	clear: both;
}

/* override styles for mobilenav */

/* Trying to fix the font size */
/* TODO: DELETE
body {
	font-size: 75%;
	background-color: #FFFFFF;
}
*/

.wpthemeMobileNav ul.wpthemeExpandNav li > a span {
	/*border-left: 6px solid;*/ 
	padding-top: .9em;
	padding-bottom: .9em;
	border-left-color: #666666;
} 
.wpthemeMobileNav > ul.wpthemeExpandNav > .wpthemeNavListItem a,
.wpthemeMobileNav.wpthemeMobileSide:nth-of-type(3) .wpthemeNavListItem a {
	/* first level borders */
	border-bottom: 1px solid #8A8689;
}

.wpthemeNavSearch {
	height:33px;
}

embed {
	 width:420px;
	 height:345; 
}


ul.footer-menu li a{
	padding: 0px;
}

.col1 {
	width: 98% !important;
}
.col2{
	width: 49% !important;
}
.col3 {
	width: 32.67% !important;
}
.col4{
	width: 24.5% !important;
}
.col5{
	width: 19.6% !important;
}

#nav-links ul li a{
	padding : 12px 8px; 
}
/** General Content Layout **/
@media (max-width: 2000px){
	.wpthemeLayoutContainers {
		max-width: 100%;
	}
	.wpthemeSplitView .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer  {
		padding:0;
		width:100% !important; 
	}
	.wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer {
		padding-right: 0;
	}
	#top-col{
		width:100%;
	}
	#text-col {
		width:78% ;
	}
	.sub-sidebar {
		padding: 2%;
		width: auto;
	}
	
	
	.nav-linksRight ul li a{
		padding: 12px 5px 15px;	
}
}
@media (max-width: 1024px){

	#text-col {
		width:73% ;
	}
	
	#footer-content {
	    margin: 0 auto;
	    width: 98%;
	}
	
	ul.footer-menu li{
		padding: 15px 0px 15px 15px;
	}
	
	ul.footer-menu li a{
		padding: 0px;
	}
	
	.col1 {
		width: 98% !important;
	}
	.col2{
		width: 98% !important;
	}
	.col3 {
		width: 98% !important;
	}
	.col4{
		width: 98% !important;
	}
	.col5{
		width: 98% !important;
	}
}
@media (max-width: 850px){
	#text-col {
		width:64%;
	}
    ul.footer-menu li {
		width: 100%;
		display: block;
		float: none;
		position: inline;
	}
	#subnav a{		
		padding: 9px;
	}
	#subnav .headerSeparator {
		padding:6px 0px;
	}
	
	/*#mobile-nav-search{		
		padding-right: 10px;
	}*/
}

@media (max-width: 767px){
	#mobilenav-container {display:block;}
	#nav-container {display:none;}
	#banner-container {display:none;}
	.wpthemeMobileNav.showSearch {display:block;}
	.wpthemeMobileNav.showMobileNav {display:block;}
	
	#nav-links ul li a {
		padding : 7px 8px; 
	}
	#banner-logo{
		width: 50%;   
    }
    
    #banner-logo img{
    	height:40px;
    
    }
    .wpthemeHeader {height:35px;display:none;}
    
    /* Search */
	#mobile-nav-search  {
		padding-top:0px;
		//display:none;
	}
	#mobilesearchbar {
		padding-top:3px;
		padding-bottom:3px;
		padding-left: 3px;
		height: 24px;
		width:190px;
	}
	.wpthemeNavSearch>div  {
		float:right;
		padding: 5px;
	}
	#mobilesearchbtn {
		background: rgba(0, 0, 0, 0) url("/FCLCoopThemeStatic/themes/FCLCoopTheme/images/custom/search-icon.png") no-repeat scroll 0 0;
    	border: 0 none;
    	cursor: pointer;
    	height: 17px;
    	margin: 4px 0 0 -30px;
    	position: absolute;
    	text-indent: -9999px;
    	width: 21px;
	}
	.showSearch {
		display:block;
	}
	
	.showMobileNav{
		display: block;
	}
	.hideSearch {
		display:none;
	}
	/* Search Results */
	#searchfield {
		width: 90%; 
	}
	
	/* search results page */
	.searchHead{
		display: none;
	}
	.searchDesc{
		padding: 5px 0;
	}
	
	/* White background in mobile view */
	.wptheme1Col{
		background-color: #fff;
	}
	
	.sticky{
  		display: none !important;
	}
	
	.wpthemeLayoutContainers{
		padding: 0;
	}
    
    
}
@media (max-width: 640px){
	#img-col {
		display: none;
	}    	         
	#text-col {
		width: 100%;
	}
	#mobile-map-canvas {
		display: none;
	}
	
	/* FancyBox Styles */
	#fancybox-title-float-wrap td {
	    white-space: normal;
	}
	#fancybox-title-float-main {
	    background: none;
	    padding:0;
	    text-align: center;
	}
	#fancybox-title-float-right , #fancybox-title-float-left {
	    background: none;
	    padding: 0;
	}
	#fancybox-title{
	    left:0;
	}	
}
@media (max-width: 560px){
	#banner-slogan {
		display: none;
	}
}
@media (max-width: 474px){
	
	
	.search-title {
		padding: 10px 5px 10px 5px;
	}
}
@media only screen and (max-width: 360px)  {
	.director-image img {
		width:105px;
	}
	.imageDiv img {
		max-width: 160px;
		margin:0 10px 10px 0;
	}
	embed {
	 width:280px;
	 height:230px; 
	}
}	


#print {display:block;}

/* RGRAF Mobile Css */
@media (max-width: 1024px){
    .carat{
      display: none;
    }
  }

  @media (max-width: 767px){



    .container.news{
      padding: 0 10px;
    }
    
    .container.videoDetail{
      padding: 0 10px;
    }

    .sub{
      display: none;
    }

    .footerTitle{
      margin-top: 15px;
    }
    #sub-col2{
      padding: 0px !important;
    }

    .col-sm-4.news, .col-sm-4.relatedList{
      clear: both;
      height: auto;
      overflow: auto;
    }

    .col-sm-4.videoList{
      clear: both;
      height: auto;
      overflow: auto;
    }

    .col-sm-4.videoList .imageDiv{
      max-height: 163px;
      padding-bottom: 25%;
    }

    .advertDiv{
      width: 48%;
      max-width: 306px;
    }

    .imageDiv{
      display: inline-block;
      width: 48%;
      max-width: 306px;
      float: left;

    }

    .articleInfo{
      display: inline-block;
      width: 48%;
      margin-left: 10px;
      margin-top: 0px;
    }

    .container.newsList{
      background-color: transparent;
    }

    .container.videoContainer{
      background-color: transparent;
    }

    #sub-col2 .container{
      padding: 0 5px;
    }

    /*Featured*/
    .featuredInfo{
       position: relative;
       left: 0px;
       bottom: 0px;
       width : 100%;
    }

    /*PT*/
    .container.news .rightCol{
      display: none;
    }

    .container.videoDetail .rightCol{
      padding: 10px !important;
    }

    .detailArticleTitle{
      width: 100% !important;
    }

    .leftCol{
      padding: 10px !important;
    }

    .detailArticleTitle{
      font-size: 28px !important;
      line-height: 28px !important;
      /*width: 75%;*/
    }

    .container.related{
      padding: 0 !important;
    }

    .largePromoCaption{
      padding: 0 20px;
    }

    .breadcrumbTrail{
      padding: 0 20px;
    }

    .breadcrumbTrail .breadcrumbTrail{
      padding: 0;
    }

    .articleSummary{
      line-height: 20px;
    }

    .featuredDiv{
      padding: 0;
    }


  }

  @media (max-width: 500px){
    .featuredInfo .articleType{
      font-size: 16px;
      line-height: 16px;
    }

    .featuredInfo .articleTitle{

      font-size: 26px;
    }

    .articleTitle{
      font-size: 18px;
    }

    .sharing{
      font-size: 12px;
    }
  }

  @media (max-width: 450px){
    .featuredInfo .articleType{
      font-size: 15px;
      line-height: 15px;
    }

    .featuredInfo .articleTitle{

      font-size: 23px;
    }

    .articleTitle{
      font-size: 16px;
    }
  }

  @media (max-width: 400px){
    .featuredInfo .articleType{
      font-size: 14px;
      line-height: 14px;
    }

    .featuredInfo .articleTitle{

      font-size: 20px;
    }

    .articleType, .micrositesManageBtns{
      font-size: 12px;
    }

    .articleTitle{
      font-size: 14px;
    }
  }

  @media (max-width: 375px){
    .featuredInfo .articleType{
      font-size: 12px;
      line-height: 12px;
    }

    .featuredInfo .articleTitle{

      font-size: 18px;
    }

    .articleType, .micrositesManageBtns{
      font-size: 10px;
    }

    .articleTitle{
      font-size: 12px;
      font-weight: 600;
    }

    .sharing{
      font-size: 10px;
    }
  }
  
  @media (max-width: 767px){
    .columns2{
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
    }

    .columns3{
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
    }
    .standaloneContent h1{
      font-size: 36px;
    }
    .standaloneContent h2{
      font-size: 30px;
    }
    .standaloneContent h3{
      font-size: 24px;
    }
    .standaloneContent h4{
      font-size: 18px;
    }
    .standaloneContent h5{
      font-size: 14px;
    }
    .standaloneContent p{
      font-size: 14px;
    }

    .standaloneHeader{
      background-attachment: scroll;
    }

  }
  
  .dropdownOpen{
  	right: 0 !important;
  	left: auto !important;
  	padding-top: 12px !important;
  	background-color: #405059 !important;
  }