/*
Theme Name: Scottish Independence
Theme URI: http://demo.qodeinteractive.com/infographer/
Description: A child theme of Infographer Theme
Author: Jack Karpinski
Author URI: http://www.qodeinteractive.com/
Version: 1.0.0
Template: infographer
*/
@import url("../infographer/style.css");



body{
	font-family: 'Open Sans', Arial, sans-serif;
	background: #f5f5f5;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

a{
	color: #222;
}

a:hover{
	text-decoration: none;
	color: #4884c2;
}

p{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.7em
}

hr{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

/* LAYOUT */

.container.nav-container{
	overflow: visible;
}

.parent-nav{
	font-size: 0;
}

.parent-nav-wrap{
	background: #435171;
	padding: 0;
	color: #fff;
}

.leaderboard-wrap{
	background: #fff;
	padding: 20px 0;
	
}

.branding-wrap{
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
}

.scotsman-s{
/* 	float: left; */
	padding: 7px 0;
}

.site-nav-wrap{
	background: #fff;
}

.leaderboard{
	height: 90px;
	width: 728px;
	margin: 0 auto;
	text-align: center;
}

.masthead{
	text-align: right;
	margin-top: 5px;
}

.masthead img{
	max-height: 50px;
}

.main-content{
	min-height: 400px;
	padding-top: 20px;
}

.main-content h1{
	padding: 30px 0;
}

span.page-numbers.current{
	background: #f5f5f5;
}




.gfx{
	float: left;
	margin: 0 20px 15px 0;
}

.mpu{
	height: 250px;
	text-align: center;
}

.news-item{
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  position: relative;
}

.news-item .news-summary{
	line-height: 1.7em;
	padding: 10px 20px;
}

.news-item h3{
  font-size: 20px;
  margin: 0;
  padding-bottom: 10px;
  line-height: 1.6em;
  font-weight: 400;
}

.news-item h3 a{
	color: #333;
}

.news-item h3 a:hover, .sticky-item h3 a:hover{
	color: #0889c6;
}

.news-tn{
  float: left;
  width: 200px;
  min-width: 180px;
  min-height: 110px;

}

.news-tn img{
  max-width: 180px;
}

.news-tn:hover img, .sticky-tn:hover img, .related-post-tn:hover img{
	opacity: 0.9;
	filter:Alpha(opacity=90);
}

/* Sticky content */

.sticky-item{
	background: #fff;
	border: 1px solid #ebebeb;
	height: 280px;
	margin-bottom: 20px;
	position: relative;
}

.sticky-content{
	padding: 15px;

}

.sticky-tn{
	height: 120px;
	overflow: hidden;
}

.sticky-content h3{
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 600;
	margin-top: 0;
}

.sticky-source{
	font-size: 12px;
	color: #ccc;
	position: absolute;
	bottom: 10px;
	left: 15px;
}

.section-title{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 20px;
	line-height: 1em;
	margin: 0 0 20px;
}

.custom-tweet{
	border-right: 6px solid #42a8ee;
}

.custom-tweet.news-item{
	padding: 20px;
}

span.tweet-date{
	color: #bebebe;
	font-size: 11px;
/* 	font-style: italic; */
}

.social-feed-item{
 	width: 31%;
 	margin-right: 2%;
}

.grid-sizer{
	width: 33.33%;
	
}

.avatar{
  float: left;
  padding: 15px 15px 0 0;
}

.avatar img{
	max-width: 48px;
}

.source-domain{
	text-align: left;
	color: #ccc;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	left: 200px;
}

/* Sidebar Poll results */

.poll-results{
	background: #333;
	color: #fff;
}


.poll-results .pie_graf_legend{
	width: 100%;
	padding-top: 20px;
}

.poll-results .pie_graf_legend li{
	display: inline-block;
	float: none;
}

.poll-results .pie_graf_legend li:first-child{
	
	padding-right: 20px;
}

.poll-results .pie_graf_legend ul{
	text-align: center;
}

.poll-results .pie_graf{
	margin: 0;
	float: none;
}

.poll-results .pie_graf_holder{
	text-align: center;
}

.poll-results h3{
	margin: 0 0 20px;
	font-size: 20px;
}

.poll-results .pie_graf canvas{
	width: 80% !important;
	height: 80% !important;
	max-width: 250px;
}

.pie_graf_legend ul li p{
	padding-left: 30px;
}

.poll-comments{
	margin-bottom: 20px;
	line-height: 1.7em;
}

.poll-source{
	padding-bottom:	20px;
	font-size: 11px;
	color: #ccc;	
}

.poll-results h4, .poll-results h3{
	font-weight: 400;
}

.pie_graf_legend ul li p, 
.line_graf_legend ul li p{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}

.poll-inner{
	padding: 20px 20px 0 20px;
}

.more-polls a{
	border-top: 1px solid #5f5f5f;
	padding: 15px;
	font-size: 16px;
	display: block;
	text-align: center;
	color: #fff;
}

.more-polls a:hover{
	color: #f5f5f5;
	background: #222;

}

.percentage{
	font-family: "Open Sans", Arial, sans-serif;
}

.pie_chart_text h4{
	font-weight: 400;
	font-size: 20px;
}

/* Headers */

h1, h2, h3, h4, h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h1.social-header{
	margin: 0;
	padding: 0 0 20px 0;	
}

/* NAVIGATION */


nav.main_menu ul li a{
	color: #222;
	font-family: 'Open Sans', sans-serif;
	line-height: 3em;
	font-size: 13px;
	padding: 0 16px;
	
}

nav.main_menu ul li a:hover, nav.main_menu>ul>li.active>a{
	background: #6b7aaa;
	color: #fff;
}

/* LIVE page active state */

nav.main_menu>ul>li#nav-menu-item-329.active>a,
nav.main_menu>ul>li#nav-menu-item-2597.active>a,
nav.main_menu>ul>li#nav-menu-item-15789.active>a {
	background-color: #f3001d !important;
	color: #fff;
	font-weight: bold;
}

/* Add active state to first menu tab on article page */
.single-post .main_menu li:first-child{
	background-color: #f5f5f5;
}

.selectnav_button{
	float: left;
	padding: 5px 0 !important;
}

.selectnav ul li a{
	padding: 8px 0px;
}

.selectnav_button span{
	background-image: none;
	font-size: 25px;
}

.parent-nav ul{
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.parent-nav li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.parent-nav li a{
	display: block;
	padding: 14px 10px;
	transition: background-color .2s linear;
}

.parent-nav li a:hover{
	text-decoration: none;
	background: #f5f5f5;
	color: #435171;
	transition: background-color .2s linear;
}

.drop_down .second{
	top: 39px;	
}

.drop_down .second .inner2{
	background-color: #464f70;
}

.drop_down .second .inner2 ul{
	width: 180px;
	padding: 0;
}

.drop_down .second .inner2 ul li a{
	font-family: inherit;
	font-size: 14px;
	color: #fff;
	padding-left: 15px;
}

.drop_down .second .inner2 ul li a:hover{
	color: #fff;
}

nav.main_menu>ul>li.active>a{
	background-color: #f5f5f5;
	color: inherit;
}

nav.main_menu>ul>li.has_sub:hover>a, 
nav.main_menu>ul>li:hover>a{
	background-color: #464f70;
	color: #fff;
}

.selectnav ul{
	top: 0;
	background-color: #242939;
}



ul.social_links{
	margin: 0;
	padding: 0;	
	text-align: right;
}

.social_links li{
	display: inline-block;
	margin: 0;
	
}

.social_links a{
	display: block;
	width: 40px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	margin-top: 5px;
}

.connect-facebook:hover{
	background: #435596;
}

.connect-twitter:hover{
	background: #67a9ec;
}

.connect-google:hover{
	background: #d54a3f;
}

/* SLIDER */

.tp-caption{
	width: 100%;
}

.slider-wrap{
	margin-bottom: 20px;
}


/* IMAGES */

.svg{
	vertical-align: middle;
}

.svg .inner rect, 
.svg .inner polygon,
.svg .inner path{
/* 	fill: #fefefe; */
}

.scotsman-svg{
	height: 30px;
	width: 157px;
}

/* Pagination */

.pagination li a, .pagination li span{
	font-size: 20px;
	padding: 8px 18px;
}

/* LINKS */

.parent-nav a{
	color: #fff;
}

.parent-nav a:hover{
	color: #eee;
}


/* Infographer overrides */

div.content{
	margin-top: 20px;
}

div.title{
	padding: 10px 0;
}

#back_to_top .back_to_top_inner span{
	background-image: url(i/back.png);
}

.progress_title, .progress_text, .progress_number{
	text-align: center;
	font-family: "Open Sans", Arial, sans-serif !important;
}

.progress_number{
	margin-top: 10px !important;
	font-weight: 600 !important;
	font-size: 35px;
}

.progress_title{
	font-size: 20px !important;
}


.post-polls section{
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

/* Countdown */

.countdown{
	background: #3586c3;
	color: #fff;
	padding: 20px 0px;
	text-align: center;
	font-weight: 300;
	
}

.countdown h3{
	margin: 0 0 20px;
	font-size: 24px;
}

.countdown ul{
	padding: 0;
	margin: 0;
	text-align: center;
}
.countdown li{
	display: inline-block;
	margin: 0;
	width: 30%;
}

.countdown div.number{
	font-size: 50px;
	font-weight: 300;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 1em;
}

.countdown div.label{
	display: block;
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
}

.countdown div.number.last{
	border-right: 0;
}

/* Highcharts */

.chart-wrapper{
	width: 100%;
	height: 400px;
	margin-bottom: 50px;
}

text.highcharts-title{
	font-size: 24px !important;
	font-weight: 300;
}

/* Article page */

.page-wrap{
	background: #fff;
	padding: 50px 60px;
	margin-bottom: 20px;
	border: 1px solid #efefef;
}

.single h1{
	font-size: 2em;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
	margin: 20px 0;
}

.post-tn{
	margin-bottom: 30px;
}

.post-tn img{
/* 	width: 100%; */
}

.pt-annotation, .pt-annotation-title{
	color: #999;
	font-style: italic;
}

.pt-readmore{
	padding: 0;
	margin: 0;
}

.pt-readmore a{
	display: block;
	background: #445172;
	padding: 15px 10px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}

.pt-readmore a:hover{
	background: #4883c1;
}

.single .post-tn{
	text-align: center;
}

.pt-readmore a{
	color: #fff;
}

.single p{
	font-size: 1.1em;
	line-height: 1.8em;
}

.related-posts h4, .related-topics h4{
	padding: 0;
	font-weight: 400;
	font-size: 20px;
	margin: 0 0 25px
}

.related-posts h5{
	line-height: 1.7em;
}

.related-topic h4{
	margin-bottom: 10px;
	font-weight: 400;
}


/* Key Topics */

.topic-content{
	background: #fff;
	border: 1px solid #efefef;
	margin-bottom: 20px;
	border-top: 0;
}

.heading h1{
	margin: 0;
	background: #101e49;
	color: #fff;
	font-size: 2em;
}

.single-key-topic .share_links li{
	margin: 0 5px;
}

.single-key-topic .icon-wrap{
	display: inline-block;
}

p.share-topic{
	margin: 0;
}

.topic-tn{
	float: left;	
	margin-right: 20px;
}

.related-topics h4{
	margin-top: 0;
	padding-top: 0;
}


/* Helper classes */

.sidebar-box{
	margin: 0 0 20px 0;
}

.box{
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.h50{ height: 50px;}
.h100{ height: 100px;}
.h150{ height: 150px;}
.h200{ height: 200px;}
.h250{ height: 250px;}
.h300{ height: 300px;}
.h350{ height: 350px;}
.h400{ height: 400px;}
.h450{ height: 450px;}

.padding10{padding: 10px;}
.padding15{padding: 15px;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}

.white-bg{background: #fff;}

.the-box{
	background: #fff;
	padding: 30px;
	border: 1px solid #efefef;
	margin-bottom: 20px;
}

#back_to_top{
	background-color: #333;
}

#back_to_top:hover{
	background-color: #222;
}

.post-live section h3{
	font-weight: 600;
	font-size: 20px;
	padding: 0;
	margin: 0 0 20px;
	color: #323c54;
}

.live-mpu{
	padding-bottom: 20px;
}

/* FOOTER */

.footer_bottom_holder{	
	background: #222;
}

.fnav {
  list-style: none;
  padding: 20px 0;
  font-size: 13px;
  margin: 0;
  text-align: left;
}

.fnav li {
  display: inline-block;
  margin: 0 7px;
}

.fnav a,
.fnav {
  color: #999;
}

.fnav a:hover {
  text-decoration: none;
}


/* Overrides */

aside .widget{
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.timeline{
	border-radius: 0 !important;
}

iframe.twitter-timeline, iframe.twitter-tweet{
	width: 100%;
}

#fb_container{
	background: #fff;
}

/* Carousel */

.sidebar-carousel{
	background: #101e49;
	padding: 15px 0 5px;
	color: #fff;
}

.sidebar-carousel h3{
	text-align: center;
	margin: 0;
	padding: 0 0 15px 0;
}

.carousel-inner{
	padding: 0;
}

.carousel-inner .item{
	height: 230px;
	padding: 10px 0;

}

.carousel-control.left, .carousel-control.right{
	background-image: none;
	filter: none;
	padding-top: 20%;
}

.carousel-control span{
	top: 35% !important;
}

.carousel-caption{
	padding-bottom: 0;
	bottom: 10px;
}

.carousel-caption h4, .carousel-caption p{
	text-shadow: none;
	color: #fff;
}

.carousel-inner a.icon:hover circle{
	fill: #fff;
}

.carousel-inner a.icon:hover .svg .inner rect,
.carousel-inner a.icon:hover .svg .inner polygon, 
.carousel-inner a.icon:hover .svg .inner path
{
	fill: #0c1028 !important;
}



.carousel-caption a{
	color: #fff;
}

.carousel-caption a:hover{
	color: #eee;
	text-decoration: none;
}


/* Video */

.outer-container {
	position: relative;
	padding-bottom: 73%;
}

.topic-outer-container {
	position: relative;
	padding-bottom: 54.5%;
	border: 1px solid #ebebeb;
	border-bottom: 0;
}

.topic-outer-container.inner{
	padding-bottom: 53.5%;
}


.BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.kt-video{
	height: 500px;
}

/* Share links */

.share_icons{
	margin: 0;
	padding: 0;
	
}

.share_icons li {
	list-style: none;
	display: inline-block;
	margin: 0 0;
	font-size: 20px;
	vertical-align: middle;
}

.share_icons a{
  display: inline-block;
  background: #fff;
  width: 28px;
  text-align: center;
  color: #fff;
  background: #3586c3;
  transition: background-color .2s linear;
}

.share_icons a:hover{
	background: #999;
	transition: background-color .2s linear;
}

a.facebook{
	background: #435596;
}

a.twitter{
	background: #67a9ec;
}

a.google-plus{
	background: #d54a3f;
}

a.linkedin{
	background: #3884ba;
}

a.pinterest{
	background: #c2172e;
}


.intents{
	padding: 0px;
	text-align: right;
}

.intents a span{
	font-size: 0.8em;
}

.intents a{
	color: #ccc;
	display: inline-block;
	margin-left: 20px;
}

.intents a:hover{
	text-decoration: none;
	color: #4884c2;	
}

/* CiL */
#cil_page .altcaster_text {
color: #222;
font-size: 110%;
padding: 10px 10px;
background: #f5f5f5;
font-family: 'open sans'

}

#cil_page .commentfrom {font-family: 'open sans'}


#cil_page .chatmsg {
border-bottom: 1px solid #ebebeb;

}

#cil_page td {
line-height: 20px;
padding: 0;
font-size: 14px;
}

#cil_page .altcaster_text .inlinedisplayname {
margin: 0 0 15px 0;
background: rgba(15, 53, 110, 0.1);
color: #111F4E;
padding: 5px 10px;
font-family: 'open sans'
}

#cil_page .viewer_text {
color: #505050;
padding: 10px 10px;
font-size: 100%;
background: #f8f8f8;
font-size: 14px;
font-family: 'open sans'
}

#cil_page .bottomnametime {font-family: 'open sans'}

#cil_page .altcaster_text td {
line-height: 22px;
padding: 0;
font-size: 16px;
clear: both;
}

/* Media queries */

@media (max-width: 1170px){
	.countdown div.number{
		font-size: 40px;
	}
}


@media (max-width: 992px){
	ul.social_links{
		padding: 7px 0;
	}
	
	.masthead, .site-logo{
		text-align: center;
	}
	
	.masthead {
		text-align: right;
		margin-top: 0;
	}
	
	.site-logo{
		padding-top: 5px;
	}
	
	.masthead img{
		max-height: 50px;
	}
	
	.countdown div.number{
		font-size: 55px;
	}
	
	.related-topic{
		margin-bottom: 10px;
	}
	
	.page-wrap{
		padding: 20px;
	}
	
	.social-feed-item{
	 	width: 48%;
	 	margin-right: 2%;
	}
	
	.grid-sizer{
		width: 50%;
		
	}
	
	.source-domain{
		position: inherit;
	
		}



}

@media (max-width: 768px){
	.heading h1{
		margin: 0;
		padding: 20px;
		font-size: 1.5em;
	}
	
	.sticky-item{
	height: auto;
	margin-bottom: 20px;
	position:  inherit;
	}
	
	.sticky-content{
	padding: 20px;
	
	}
	
	.sticky-tn{
	height: auto;
	overflow: visible;
	}
	
	.sticky-content h3{
	font-size: 16px;
	font-weight: 600;
	}
	
	.sticky-source{
	font-size: 12px;
	color: #ccc;
	position: inherit;
	}
		
}



@media (max-width: 480px){
	
	.countdown div.number{
		font-size: 45px;
	}
	
	.social-feed-item{
	 	width:100%;
	 	margin-right: 0;
	}
	
	.grid-sizer{
		width: 100%;
		
	}
	
	.the-box .share-links .ulshare_icons{
		text-align: center;
	}
	.heading h1{
		margin: 0;
		padding: 20px;
		font-size: 1.2em;
	}
	
	.news-tn{
	  float: none;
	  width: auto;
	  margin-bottom: 6px;
	  text-align: center;
	}
	
	.news-tn img{
		width: auto;
		max-width: 100%;
	}
	
	#back_to_top{
		display: none;
	}
	
	.outer-container{
		padding-bottom: 85%;
	}
	
	.sticky-content h3{
		font-size: 20px;
		font-weight: 400;
	}
	
	.pagination li a, .pagination li span{
		font-size: 18px;
		padding: 5px 12px;
	}

	
	
}