/*
Theme Name: BDN 2014
Template: bdn
Theme URI:
Description: The BDN theme.
Version: 1.0
Author: William P. Davis, Pattie Reaves
*/

a {
	color: #669;
}

a:visited {
	color: #3b5a7a;
}

a:hover {
	color: #5A81AA;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Lusitana', sans-serif; 
	font-weight: normal;
}

.panel-heading h5 {
	font-family: 'Montserrat', sans-serif;
}

h5 {
font-size: 18px; /* Same as h4 */	
}

h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 50%;
}

h6.byline, h6.blog-byline {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

figure h1, figure h2, figure h3, figure h4 {
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
	font-family: 'Montserrat', sans-serif;
}

.blog-list-group h5 {
	margin-bottom: 0;
}

.political-news .list-group h5 {
	margin: 0;
}

.panel-body > p:first-child {
	margin-top: 0;
}

body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.main-content {
	/*margin-top: 35px;*/
}
#tab1 ol > li > a img {
  margin: 10px;
}
#tab1 ol > li > a  {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

.navbar {
	padding: 0;
}
.navbar-brand img {
	width: 70px;
	height: 70px;
}
.top-nav-collapse {
	min-height: 50px;
}
.navbar-next {
	padding: 10px 98px 0;
	white-space: nowrap;
	font-size: 1.4em;
	font-weight: bold;
}

.ad {
	text-align: center;
}
.top-nav-collapse .navbar-brand img {
	width: 35px;
	height: 35px;
	bottom: 7px;
	position: relative;
}
.top-nav-collapse .navbar-toggle {
	display: inline;
}
#bdn-weather-widget .weather-day, #bdn-weather-widget .weather-left, #bdn-weather-widget {
	width: 75px;
}
#bdn-weather-widget {
	float: right;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}
.navbar-default .navbar-toggle {
	border: none;
}
.navbar-toggle {
	border-radius: 0;
}
.top-nav-collapse .navbar-brand {
	padding: 15px 9px;
}
.top-nav-collapse #weather-today-link, .top-nav-collapse #weather-current {
	display: none;
}
.row {
	text-align: left;
}
.navbar, .navbar div, .navbar img {
	-webkit-transition: min-height .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,opacity .5s ease-in-out;
	-moz-transition: min-height .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,opacity .5s ease-in-out;
	transition: min-height .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,opacity .5s ease-in-out;
}
.byline, .datetime, .cutline, .cutlineCredit {
	color: #777;
}
.byline {
	padding-top: 10px;
}

.datetime {
	padding-bottom: 10px;
}
.story-wrap {
	position: relative;
}
.story {
	max-width: 700px;
}

.story-sidebar {
	max-width: 400px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: scroll;
	height: 100%;
}

section.content-discovery {
	background-color: #eee;
	padding: 10px 0;
	border-top: 1px solid #5d5d5d;
}

.preview {
	max-width: 800px;
	margin: 0 auto;
	color: #aaa;
}

.preview h3 a {
  color: #807D7D;
}

.preview .datetime, .preview .byline, .preview .byline a {
	color: #aaa;
}

section.content-discovery .read {
	display: none;
}
section.content .preview {
	display: none;
}

section.content {
	/*border-top: 1px solid #5d5d5d;*/
}

.lead-image {
	float: right;
	width: 200px;
	margin-left: 10px;
}
.lead-image img {
	width: 200px;
}

.updated {
	color:maroon;
}
#bdnads-article-above{
	margin-top: 50px;
}

div#related img {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px 10px 0 0;
}
div#related h5 {
    padding: 0;
    margin: 0;
}
div#related .relatedDate {
    clear: both;
    padding-top: 5px;
}
.relatedBox {
    clear: both;
    margin-top: 5px;
}
.relatedBox:first-of-type {
    border-top: 0;
    margin-top: 0;
}

.relatedBox h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.cutline {
	font-size: .9em;
	margin-bottom: 10px;
}
.cutlineCredit {
	text-align: right;
	font-size: .8em;
}

.slideshow-next img.image {
	max-width: 100% !important;
	max-height: 400px;
}

.cutline {
	margin-top: 10px;
}

.active.adunit {
    border-bottom: 1px solid #000;
    padding: 20px 0;
    text-align: center;
    display: block!important;
}

.active.adunit div {
	margin: 0 auto !important;
}

.wide.adunit {
	display: none;
}

.navbar-nav{
	float: none;
}

.sidebar-element {
	clear: both;
	/*border: 1px solid #ccc;*/
	padding: 10px;
	margin: 17px 0 35px;
}

.sidebar-element h3 {
	margin-top: 0;
	border-bottom: 1px solid #ccc;
}

.sidebar-element:nth-child(even) {
	background: #f8f8f8;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.adSpot {
	padding: 5px 0;
	text-align: center;
}
.adSpot iframe {
	margin: 0 auto;
}

.adSpot div {
	text-align: center;
}

ul.bdn-tabs li {
    display: inline;
    padding: 6px;
    font-size: 1.1em;
}

ul.bdn-tabs {
    text-align: center;
    margin-bottom: 3px;
    padding-bottom: 0;
    padding-top: 10px;
}

ul.bdn-tabs li.active {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-weight: bold;
}

div.bdn-tab-content {
    border-top: 1px solid #ccc;
}

#tab1 ol > li > a img.floatright {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px 10px 0 0;
    clear: both;
}

.bdn-tab-container ol li {
    list-style-type: none;
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
}

/*.story-sidebar > .sidebar-element:nth-child(odd) {
	background: #F8F8F8;
}*/

/*.story-details, .byline {
	margin-bottom: 10px;
}*/

body ul#sharebarh {
	max-width: 100%;
}

figure .label-default {
	color: #006944;
	background: #fff;
}

/* ============================================================================ */
/*  Title page hover effects */
/*  @see http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/ */
/* ============================================================================ */

figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 0;*/
	text-align: center;
	cursor: pointer;
	max-width: 100%;
	min-width: 100%;
	/*background: #2f3238;*/
}

figure.no-image {
	min-height: 200px;
	width: 100%;
	background: #006944;
}

figure img, figure .background-color  {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	min-width: 100%;
	opacity: 0.8;
}

figure figcaption {
	padding: 1em;
	color: rgb(255,255,255);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: linear-gradient(rgba(0,0,0,.3), transparent 90%);
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure h2,
figure p {
	margin: 0;
}

figure.effect-julia img, figure.effect-julia .background-color  {
	/*max-width: none;*/
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-500px,0,0);
	transform: translate3d(-500px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img, figure.effect-julia:hover .background-color {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Landing page styles */
/*#first-row .col-lg-5 figure.effect-julia figcaption {
	padding: 1em;
}*/

figure.effect-julia h2, figure.effect-julia h3 {
	margin-top: 0;
}

#the-point-landing .row figure, #the-point-landing .row div > p, #the-point-landing .row .blog-well {
	margin: 15px 0;
}

#the-point-landing .the-daily-brief .panel-body > p:first-child {
	margin-top: 0;
	font-style: italic;
}

.blog-wrapper {
	display:inline-block;
	vertical-align:middle;
}

#trio-row.row figure {
	min-height: 150px;
	max-height: 150px;
}

#trio-row.row figure p.list-group-item-text{
	display: none;
}

#trio-row.row figure p.list-group-item-text.byline {
	display: inline-block;
}

#state-and-capitol.thumbnail {
	margin: 15px 0;
}

#state-and-capitol h3 {
	margin-top: 10px;
}

.the-daily-brief h5 {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 200%;
	background: url('./img/compass.png') top left no-repeat;
	background-size: contain;
	padding-left: 30px;
}

/* This stretches the image if its not tall enough. :( */
#zone-1 {
	height: 440px; 
}

#secondary-well figure {
	height: 175px;
}

#secondary-well figure h3 {
	font-size: 20px
}

/* This stretches the image if its not tall enough. :( */
#first-row > div:nth-child(1) > figure h2 {
	font-size: 36px;
}

#first-row > div:nth-child(2) figure {
	height: 250px;
}

#second-row figure {
	max-height: 250px;
	height: 250px;
}

#the-point-header h1 {
	text-align:center; 
	font-family: 'BebasNeueRegular', sans-serif; 
	font-size:80px; 
	line-height: 50px;
	margin: 0;
	border-bottom: 1px solid #888;
}

#the-point-header h2 {
	text-align:center; 
	font-size:20px; 
	line-height: 20px;
	margin: 3px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	/*font-style: italic;*/
}


#the-point-header {
	text-align:center; 
}

.related ul li a img {
	margin: 0 10px 10px 0;
	float: left;
}

#bdnads-article-above iframe, .adSpot iframe {
	margin: 10px auto; 
}

.bdnads-article-below {
	background: #f8f8f8;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}


/*#first-row > div:nth-child(2) figure:nth-child(1) {
	margin-bottom: 15px;
}*/

.navbar-brand img {
	width: 35px;
	height: 35px;
}

.navbar-brand {
  padding: 25px 15px 15px;
}

.sharebar{ 
	text-align: center; 
	margin: 0 0 10px;
}

/* Button styles: */
b.fb,       span.fb{     	color: #3b5998; }
b.tw,       span.tw{     	color: #00aced; }
b.google,   span.google{ 	color: #dd4b39; }
b.linkin,   span.linkin{ 	color: #007bb6; }
b.vk,       span.vk{     	color: #45668e; }
b.pinterest,span.pinterest{ color: #cb2027; }


.google-plus-one{
   overflow: hidden;
   position: relative;
}

.google-plus-one i{
   position: absolute;
   left: -4px;
   bottom: -5px;
}

.google-plus-one span{
   font-size: 16px; 
   font-weight: 900; 
   line-height: 10px;
   margin-left: 15px;
}

.btn-sm.google-plus-one span{ font-size: 14px; }
.btn-sm.google-plus-one i{ bottom: -3px; }
.btn-lg.google-plus-one span{ font-size: 20px; margin-left: 18px; }
.btn-lg.google-plus-one i{ bottom: -5px; }
.btn-xs.google-plus-one span{ font-size: 12px;}
.btn-xs.google-plus-one i{ bottom: -7px; }

#social_share {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba( 255, 255, 255, .9 );
}
#social_share_inner {
	position: relative;
	padding: 10px;
}

/*figure img {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
	overflow: auto;
}*/

/* ============================================================================ */
/*  Media queries */
/* ============================================================================ */

@media(max-width:1200px) {
    .story {
    	width: 500px;
    }
    .story-sidebar {
    	width: 400px;
    }
}
@media(max-width:995px) {
    .story {
    	width: 400px;
    }
    .story-sidebar {
    	width: 300px;
    }
}
@media(min-width:767px) {
    .navbar {
        /*padding: 20px 0;*/
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
    }
    #bdnads-article-above {
    	margin-top: 96px;
    }
    .navbar-brand img {
		position: relative;
		bottom: 20px;
	}
}
@media(max-width:767px) {
	.story {
    	width: 100%;
    }
    .story-sidebar {
    	width: 100%;
    	position: relative;
    }
    .navbar-brand img {
		width: 35px;
		height: 35px;
		bottom: 16px;
		position: relative;
	}
	.top-nav-collapse .navbar-brand {
		padding: 15px 15px;
	}
	.navbar-next {
		display: none;
	}
}
@media(max-width:500px) {
    .lead-image {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.lead-image img {
		width: 100%;
		height: auto;
	}
	.has-image .excerpt {
		display: none;
	}
	.preview span.datetime, .preview span.spacer, .preview span.byline {
		display: none;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar {
		padding: 0;
	}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}