/* Features styles - last updated 12/7/16 SKB */

/* yearly index page styles */

.page-header {
	border-bottom:0;
	font-size:1.6em;
}
.page_header h1 {
	margin-bottom:0;
}
		
.page-header h1 .medium {
    color: #1a3e68;
    font-weight: bold;
}

#featureIndex h2.subhead { 
	font-weight: normal;
	color:#4d688c;
	line-height: 1.3em;
	margin-bottom:.625em;
	margin-top:0;  /* added 2/14/15 to snug up in panel */
	 }
	 
#featureIndex h2.featureMonth {
	text-transform: uppercase;
	font-size:1.2em;
	padding-top:3px;
	color: #7f93ae;
	border-top: 1px solid #7f93ae;
	margin-top:27px;
	margin-bottom:18px;
}
 
#featureIndex .featureIndex h4.featureSlug { 
	font-size:1.2em;
	line-height:normal;
	font-weight:normal;
	margin-bottom:.125em;
 }
 
h4.featureSlug a {
	text-decoration: none;
}

h4.featureSlug a:hover {
	text-decoration: underline;
	color:#4c6794;
}

#featureIndex .featurePostDate { 
	font-size: .9em;
	color: #4C4C4C;
	margin-bottom:.625em;
 }
 
/* Features - Most Recent Features listing page styles */

#featureList h2.featureSlug {   
font-size:1.2em;
line-height:normal;
padding-bottom:.325em;
margin-bottom:0;
margin-top:5px;

} 

.featureItem {
	display: block;
	width:100%;
	overflow:hidden;
	clear:left;
	padding:20px 15px 10px 20px;
	border-top:1px solid #e5e9ef;
	transition: all 0.5s ease 0s;
}

#featureList .featureItem:last-child {
	border-bottom:1px solid #e5e9ef;
}

.featureItem:hover, .featureItem:focus {
	background-color: #f9f4e5;
}

.featureItem p {
	font-size:.95em;
}

h2.featureSlug a {
	text-decoration: none;
}

.featureThumb img {
	max-width: 220px;
	max-height:147px;
	height:auto;
	width:100%;
	float:left;
	margin-right:15px;
	padding-bottom:10px;
}

@media (max-width:460px) {
	.featureThumb img {
		max-width:100%;
		max-height:none;
		margin-right:0;
}
}

.featureItem a.morelink {
	text-decoration:none;
	font-size:.95em;
	white-space:nowrap;
}

.featureItem a.morelink img {
	margin-bottom:3px;
	margin-left:2px;
}

.featureItem a:hover {
	text-decoration: underline;
}

p.morelinks {
	margin-top:10px;
}

/* sidebar styles */   

.sidebar h4 {					/* new 6/27/16 */
    font-size: .95em;
    text-transform: uppercase;
    color: #937200;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: .325em;
}
 

/* Search styles */

.search .textbox {
    color: #4c4c4c;
	background-color: #F6F6F6;
    border: 1px solid #b2bdcf;
    padding: 2px;
}

/* Search Features and Social Media box special sidebar styles - modifies sidebar1 style */

.sidebarBox { width:210px; margin-bottom:-20px; 
}


#sidebarBox {			/* mods */
	width:100%;
	max-width:320px;
	background: #d7dde9;
	padding:6px 10px;
	border: 1px solid #ccd4e1;
	margin-top:6px;
	margin-bottom: 20px;	
}

#sidebarBox h5 {
	font-size: 1.1em;
	color: #335185;
	text-transform:uppercase;
	padding: 12px 0px;
	}

#content #sidebar1.side_02 #smlinksbox p {
	font-size: 1.2em;
	padding:0;
	margin-bottom:1em;
	}
	
#content #sidebar1.side_02 #smlinksbox p a {
	text-decoration:none;
	color: #335185;
	}
	
#content #sidebar1.side_02 #smlinksbox p a:hover {
	text-decoration:underline;
	}
	
#content #sidebar1.side_02 #smlinksbox p.toprule {
	border-top: 1px dotted #fff;
	margin-top:1em;
	margin-bottom:0;
	}
	
#content #sidebar1.side_02 #smlinksbox p.lessmargin {
	margin-bottom:-0.5em;
	}

#content #sidebar1.side_02 #smlinksbox p.smheader {
	margin-bottom:.3em
	}


/* Features - detail page styles */


#featureContent  { 	
	margin-right:-10px;
	 }	
	
#featurePostDate { 	
	font-size:.9em;
	color: #4c4c4c;
	 }

#featureContent h1  { 		
	color:#002855;
	font-size:1.6em;
	margin-bottom:.3em;
	 }	
	 
#featureContent h1#featureSlug  { 		
	margin-bottom:-.6em;
	margin-top:15px; 
	font-weight:600;
	 }	
	
#featureContent h2  { 		
	font-weight: normal;
	color:#4d688c;
	line-height: 1.2em;
	margin-bottom:15px;
	 }	 

#featureContent h3 {
	color:#967100;
	font-size:1.2em;
	line-height:1.3em;  /* new 12/3/15 */
	margin-bottom:1em;
	}
	 
#featureContent h4 {
	color:#335379;
	font-size:1.1em;
	margin-bottom:1em;
	}
	
#featureContent ul li {		 
	margin-left:-10px;
}

#featureContent .box_wide h3 {
	margin-bottom:.625em;		  /* new 4/28/16 */
	}

/* Start video caption styles */

.video_wide {				 /* new 6/27/16 */
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin:20px 0px;
}

.video_wide iframe {		/* new 6/27/16 */
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	}
	
#featureContent .video_wide_caption h4 {		/* new 6/27/16 */
	font-size:1.1em;
	margin-top:.5em;
	margin-bottom:0;
	
	}	
	
.video_wide_caption p {		/* new 6/27/16 */
	font-size:1em;	
	color:#666;
	margin-top:.5em;
	margin-bottom:20px;
	padding-bottom:1em;
	border-bottom: 1px solid #D9DFE6;
	
	}

.video_left, .video_right {  /* modified 12/1/15 */
	max-width:460px;
	border-bottom: 1px solid #D9DFE6;
}

.video_left iframe, .video_right iframe {  /* modified 12/1/15 */
	max-width:460px;
	max-height:260px;
}

.video_left {
	float:left;
	margin: 4px 20px 10px 0px;
}

.video_right {
	float:right;
	margin: 4px 0px 10px 20px;	
}

#sidebarBox ul {
	font-size:0.95em;
}

#featureContent div.video_left h4, #featureContent div.video_right h4 {		
	font-size:1.2em;
	margin-top:.5em;
	margin-bottom:0em;
	}

#featureContent .video_left p, #featureContent .video_right p {		
	 font-size:1em;	
	 color:#666;
	 margin-top:.5em;
}

/* End video caption styles */	 

#content .box_left h3, .box_left .subheading_2, #content .box_right h3, .box_right .subheading_2 { 		
	color:#1a3e68;
	 }

.photo_caption_top_left, .photo_caption_top_right { 
	width: 100% !important;
	max-width:300px;
	display: block;
	color:#666;
}

.photo_caption_top_left {  
    float: left;
    margin: 0px 15px 10px 0px;
}

.photo_caption_top_right { 
    float: right;
    margin: 0px 0px 10px 15px;
}

.photo_caption_top_right img, .photo_caption_top_left img  {  
	padding-bottom:.325em;
	width: 100% !important;
	height:auto; 
}

.left_top {								
    float: left;
    margin: 0px 10px 10px 0px;
}
.right_top {	
    float: right;
    margin: 0px 0px 10px 10px;
}

#content p.morelinks a {
	text-decoration:none;
	font-size:.95em;
	font-weight:600;
}

#content p.morelinks a:hover {
	text-decoration:underline;
}

/* jSlide slideshows */

.slideshow_left, .slideshow_right {
	padding-bottom:15px;
	max-width:425px;  
	margin: 10px 0px 0px 0px !important;
}

.slideshow_left {		
	float:left;
	padding-right:20px;
}

.slideshow_right {		
	float:right;
	padding-left:20px;
}

._caption_wrap {		/* new 12/2/15 */
    width: 105% !important;
}

#jSlide.slideshow .pagination > li > a {  /* styles to override bootstrap pagination style 2.5.15 */
    padding: 5px; 
    background-color: transparent;
    border: none;
}

/* feature detail - additional sidebarBox styles */		
	
#sidebarBox p {
	font-size: .95em;
	padding:0;
	margin-bottom:1em;
	}
	
#sidebarBox p.toprule {
	border-top: 1px dotted #fff;
	margin-top:1.5em;
	margin-bottom:-1em;
	}
	
#sidebarBox #smlinksbox {
	padding:0;
	border:none;
	}
		
#sidebarBox #smlinksbox p {
	font-size: 1.2em;
	padding:0;
	margin-bottom:1em;
	}
	
#sidebarBox #smlinksbox p a {
	text-decoration:none;
	
	}
	
#sidebarBox #smlinksbox p a:hover {
	text-decoration:underline;
	
	}
	
#sidebarBox #smlinksbox a {
	color:#335185;
	}
	
#sidebarBox #smlinksbox p.toprule {
	border-top: 1px dotted #fff;
	margin-top:1em;
	margin-bottom:0;
	}	
	
#sidebarBox #smlinksbox p.lessmargin {
	margin-bottom:-0.5em;
	}

#sidebarBox #smlinksbox p.smheader {
	margin-bottom:.3em
	}
	
.tabberlive {
	display:table;
}

.truncate {					
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;   
	width: 200px; 
    }
li.truncate {
	margin-bottom:-4px;
    }


@media (min-width:990px) and (max-width:1152px) {
	
.socialmedia img {
	width:26px;
	height:26px;
}
}

@media (min-width:600px) and (max-width:1279px) {  /* new 12/1/15 */

.video_left, .video_right {
	max-width:400px;
}	
.video_left iframe, .video_right iframe {
	max-width:400px;
	width:400px;
	height:226px;
}
	
}

@media (min-width:481px) and (max-width:599px) {  /* new 12/1/15 */

.video_left, .video_right {
	max-width:300px;
}	
.video_left iframe, .video_right iframe {
	max-width:300px;
	width:300px;
	height:169px;
}
	
}

@media (min-width:481px) {	/* Adds */
.truncate {
	width: 320px; 
    }
} 

@media (max-width:480px) {
.photo_caption_top_left, .photo_caption_top_right { 
	max-width:200px;
}

#sidebarBox {		
	max-width:280px;
}

.video_left, .video_right {
	float:none;
	margin: 4px 0 10px 0;
}

.video_left iframe, .video_right iframe {
	max-width:440px;
	width:440px;
	height:250px;
}

}

@media (max-width:425px) {  /* new 12/1/15 */

.slideshow_left, .slideshow_right {
	float:none;
	padding-left:0px;
	padding-right:0px;
	max-width:100%;
	width:auto !important;
	height:auto; 
} 	
	
}

@media (min-width:376px) and (max-width:416px) {  /* new 12/1/15 */

.video_left iframe, .video_right iframe {
	max-width:375px;
	width:375px;
	height:210px;
}
	
}


@media (min-width:361px) and (max-width:375px) {  /* new 12/1/15 */

.video_left iframe, .video_right iframe {
	max-width:335px;
	width:335px;
	height:190px;
}
	
}


@media (max-width:360px) {

#featureContent h2  {
	font-size:1.2em;
	 }	 
	
.socialmedia img {
	width:26px;
	height:26px;
}

.search .textbox {
	width:80%;
}
	 
.photo_caption_top_left, 
.photo_caption_top_right {  
	float:none;
	max-width:100%;
	width:100% !important;
	margin-left:0;
	margin-right:0;
}

#content p.photo_caption_top_left, 
#content p.photo_caption_top_right,
.photo_caption_top_left, 
.photo_caption_top_right {
	margin-bottom:1em;
	padding-bottom:.625em;
	border-bottom:1px solid #D9DFE6;
}

#sidebarBox {
	max-width:100%;
}
#sidebarBox.right {
	float:none;
	margin-left:0;
}

.video_left iframe, .video_right iframe {
	max-width:320px;
	height:180px;
}

}

@media (max-width:330px) {
.video_left iframe, .video_right iframe {
	max-width:280px;
	height:160px;
}
}