/**************************************
  NEWS CENTRE STYLES
**************************************/


#tickerIframe 
{
  position:absolute;
  left:0;
  top:0;
  
}

#news-frame { margin-top:5px; }


#news-centre, #news-article { background:white; }

#news-filter
{
	float:left;
	width:165px;
}
#news-filter h2
{
	font-family:"Crete Round",Helvetica,Arial,Sans-Serif;
	font-size:1.3em;
	background:#A2B6C1;
	color:white;
	padding:10px 10px;
	margin:0;
}
#news-filter h3
{
	font-family:"Crete Round",Helvetica,Arial,Sans-Serif;
	font-size:1.3em;
	font-weight:normal;
	background:#B9CAD1;
	color:white;
	padding:8px 10px;
	margin:0;
}

#news-filter .inner
{
	padding:8px;
	background:#F4F4F7;
}

#news-filter input
{
	width:140px;
}

#news-filter ul
{
	margin:0;
	padding: 0;
	list-style:none;
}
#news-filter li
{
	border-bottom:1px solid #D1D3D4;
	padding:3px;
}
#news-filter li:last-child
{
	border:0;
}
#news-filter li a
{
	color:black;
	text-decoration:none;
}
#news-filter li a:hover
{
	color:#0054A5;
}


#news-frame
{
	background:#F4F4F7;
	padding:7px 5px 0 5px;
	width:760px;
	float:right;
	position:relative;
	bottom:5px;
	margin-bottom:10px;
}



#news-frame .col a
{
	display:block;
	position:relative;
	background:white;
	padding:10px;
	margin-bottom:12px;
	margin-right:8px;
	margin-left: 8px;
	width:234px;
	/*height:115px;*/ /* MATCHING NEWS TO PRESS */
	height:208px;
}
#news-frame .col a.tall
{
	/*height:260px;*/ /* MATCHING NEWS TO PRESS */
	height:208px;
}

#news-frame .col a img
{
	width:214px;
	max-height: 198px;
}
#news-frame .col a.tall img
{
	width:214px;
	/*height:260px;*/ /* MATCHING NEWS TO PRESS */
	max-height: 198px;
}

.press .col a,
.press .col img {
	height:198px!important;
}

#news-frame .date {
	margin:-15px 0 1em 0;
	font-weight:bold;
}
#news-frame .col .caption
{
	position:absolute;
	bottom:0;
	background:white;
}
#news-frame .col .caption-title
{
	font-family:"Crete Round",Helvetica,Arial,Sans-Serif;
	font-size:1.3em;
	color:black;
	width:214px;
	padding:2px 4px;
	display:block;
}
#news-frame .col .caption-reveal
{
	color:black;
	display:block;
	width:214px;
	padding:0 2px;
	overflow:hidden;
	line-height:140%;
}


#news-frame article
{
	background:white;
	padding:12px 20px 24px 20px;
	/*margin-right:10px;*/
	margin-bottom:5px;
}

#news-frame article > img,
#news-frame article p > img,
#news-frame article figure.caption
{
	float:right;
	margin-left:12px;
	margin-bottom:12px;
}

#news-frame article p > img[style*="float:left"]  
{ 
	margin: 0px 13px 13px 0px!important; 
	}
	
#news-frame article figure.caption > figcaption
{
    background: #777;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: -5px;
    padding: 2px 6px;
}

#news-frame article div.figcaption
{
	margin-bottom: 25px;
    margin-left: 25px;
}

#news-frame article div.figcaption p {
    font-weight: 700;
}



#news-frame article figure.caption a
{  
    color: blue;
}

#news-frame article .alert {
    border-radius: 0px!important;
}

#news-frame .news-slider
{
	height:440px;
	width:750px;
}
#news-frame .news-slide
{
	height:440px!important;
	width:750px!important;
	z-index:0!important;
}


.news-next, .news-prev
{
	display:none;
	height:40px;
	width:40px;
	z-index:5;
	position:absolute;
	top:246px;
	right:-20px;
	background:url(/wbs2012/includes/themes/wbs/img/bg/homeslide-next.png);
	background-size:100%;
}
.news-prev
{
	left:-20px;
	background:url(/wbs2012/includes/themes/wbs/img/bg/homeslide-prev.png);
	background-size:100%;
}



/* ARCHIVE PAGE */
.newsarchive .archivelinks
{
	border-bottom: 1px solid #EEE;
	margin: 0 0 0.75em 0;
	padding: 0 0 0.75em 0;
}

.newsarchive .archivebottomlinks
{
	border-top: 1px solid #EEE;
	margin: 0.75em 0;
	padding: 0.75em 0;		
}		

.newsarchive .archivelinks a,
.newsarchive .archivelinks span		
{
	padding: 0 0.75em 0 0;
	border-right: 1px solid #CCC;
	margin: 0 0 0 0.5em;
}

.newsarchive .archivelinks a:first-child,
.newsarchive .archivelinks span:first-child
{
	margin: 0;
}		

.newsarchive .archivelinks a:last-child,
.newsarchive .archivelinks span:last-child		
{
	border: 0;
	padding-right: 0;
}

.newsarchive .archivelinks span
{
	font-weight: bold;
}		
		
.newsarchive ul
{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}				
		
.newsarchive ul li
{
	padding: 0;
}

.newsarchive ul li p
{
	margin-bottom:0;
	min-height:36px;
}

.newsarchive ul li a
{
	display: block;
	text-decoration: none; 
	color: #333;
}		

.newsarchive ul li span.title
{
	color: #333; 
	font-weight: bold;
	display: block;
	margin: 0 0 0.25em 0;
}

.newsarchive ul li a:hover span.title
{
	text-decoration: underline;
}

.newsarchive ul li a span.category
{
	color: #888;
	padding: 0 0.5em;
	font-size: 11px;
	text-shadow: 1px 1px 0 white;
	display: inline-block;
	float: right;
	text-transform: uppercase;
}	

.newsarchive ul li a
{
	padding: 0.75em 1em;
}

.newsarchive ul li:nth-child(odd) a
{
	background: #F6F6F6;
}

#news-frame article img.archive-thumbnail {
	width:59px;
	float:left;
	margin:3px 12px 0 0;
	border:1px solid #ccc;
}

#news-frame article img.main-image {
	max-width: 214px;
}

#news-frame .addthis_toolbox {
	position:relative; 
	float:right; 
	margin-right:-2px; 
	margin-top:4px;
}

.blog {
	margin-top: 20px;
}

.blog-nav {
    padding-left: 0px;
	width: 19%;
}

.blog-nav .nav li {
    background-color:  #F4F4F7;
    width: 100%;
    border-bottom: 1px solid #D1D3D4;
    height: 35px;
}

.blog-nav .nav li.selected {
    background-color: #dbdbde;
}

.blog-nav .nav li a:hover {
    background-color: #EDEDF0;
}

.blog-nav a {
    color: #555;
}
.blog-nav .submenu a {
    padding-left: 22px;
}

.blog-nav .glyphicon {
    float: right;
    color: white;
    margin-right: -5px;
}

.blog-nav .selected .glyphicon {
    color: black;
}

.blog-nav h2 {
    font-family: "Crete Round",Helvetica,Arial,Sans-Serif;
    font-size: 1.3em;
    background: #A2B6C1;
    color: white;
    padding: 10px 10px;
    margin: 0;
}

.blog-frame {
  	border: solid 5px #F4F4F7;
  	padding: 20px 40px 40px 40px;
	width: 81%;
}
.blog-img-left > figure.caption {
	margin: 0 12px 0 0!important; 
}

.blog-img-right > figure.caption {
	margin: 0 0 0 12px!important; 
}

.media.bloglist a:hover {
    text-decoration: none;
    color: #337ab7;
}

.media.bloglist a {
    color: #000000;
}

.media-heading {
	padding: 0px;
	margin-bottom: 5px;
}

.list-group {
    margin-bottom: 0px!important;
}

.list-group-item {
    border: none;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    padding-top: 20px;
}

.inner .list-group-item {
	background-color: #F4F4F7;
}

#newsArticle.list-group-item, #newsNav.list-group-item  {
	padding: 0px;
	background-color: transparent;
    border-bottom: 0px solid #ddd;
    margin-top: 20px;
}



.inner .thumbnail {
	border: none;
	margin-bottom: 5px;
	padding: 0px;
	border-radius: 0px;
}

.blog-frame .thumbnail {
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.relatedContent {
	margin-top: 20px;
}

.blogLink {
	margin-top: 25px;
}

.latestBlog {
	min-height: 178px;
}
.summary {
	display: block;
	position: absolute;
	top: 0px;
	margin-top: 0px;
	height: 165px;
	width: 149px;
	opacity: 0.0 ;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
a:hover .summary {
	display: block;
	position: absolute;
	top: 0px;
	margin-top: 0px;
	height: 165px;
	width: 149px;
	opacity: 1.0;
	background-color: #F4F4F7;
}

img.media-object.thumbnail  {
	/*max-width: 149px!important; */
	width: 100% !important; 
	margin-top: 15px;
}
.summary.media i {
	color: #337ab7;
}



@media(max-width:767px) {

	#tickerIframe {
		width: 100% !important;
	}

	#news-filter {
		display: none;
	}

	#news-centre .media-list a {
		color: #333;
	}

	#news-frame {
		width: auto;
		float: none;
		bottom: initial;
	}

	#news-frame article {
	    background: white;
	    padding: 15px;
	    margin: 0px;
	}

	#news-frame article h1 {
		padding: 0 !important;
		margin: 15px 0;
	}

	#news-frame article img,
	#news-frame article iframe {
		float: none;
		max-width: 100%;
		display: block;
		margin: 15px auto;
		width: 100%;
		height: auto;
	}

	#news-frame .addthis_toolbox {
		float:none;
		margin: 0 0 10px 0; 
	}

	#news-frame article figure.caption {
		float: none !important;
		margin: 0 0 15px 0;
	}

	#news-article {
		padding: 0 !important;
	}

 	#news-frame .date {
        margin: 0px 0 10px 0;
    }

	.blog-nav {
        padding-left: 0px;
        padding-right: 0px;
		width: 100%!important;
    }

    .blog-nav > nav ul {
        float: left!important;
        width: 100%;
    }
    
    .blog-frame {
        border: none;
        padding: 20px 0px 20px 0px;
		width: 100%!important;
	}
	.blog-img-left > figure.caption {
		margin: 0 0 12px 0!important; 
	}

	.blog-img-right > figure.caption {
		margin: 0 0 12px 0!important; 
	}

}


/*iPad pro portrait */
@media only screen 
	and (min-device-width : 1024px) 
	and (max-device-width : 1024px) 
	and (min-device-height : 1366px) 
	and (max-device-height : 1366px) 
	and (min-width: 1024px) 
	and (max-width: 1024px) {

	#news-filter {
		display: none!important;
	}

	#news-filter {
		width: 18%!important;
	}

	.visible-ipad-pro {
		display: block!important;
	}

	.hidden-ipad-pro {
		display: none!important;
	}

}

/*iPad portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

	#news-filter {
		display: none;
	}

	.blog-frame {
    	border: solid 5px #F4F4F7!important;
    	padding: 20px 20px 20px 20px;
    	margin-left: 0px;
    	width: 80%;
	}

	.blog-nav.col-sm-2 {
		min-width: 20%;
	}

	#news-frame {
		width: 100%;
		float: right;
	}

	#news-frame.blog-article {
		width: 80%;
		float: right;
	}

	#news-frame .addthis_toolbox {
	position:relative; 
	float:right; 
	margin-right:-2px; 
	margin-top:4px;
	}

	#news-centre .media-list a {
    color: #333;
	}
}