/*
Theme Name: ISU Daily
Theme URI: http: //www.iowastatedaily.com/
Description: This is a custom css theme built for Blox CMS and tailored for Iowa State Daily
Version: 0.4
*/

body {
	
}

.fluid #main-page-container, .fluid #grid-primary-container .col-lg-8.col-md-7{
	padding:0!important;
}

.fluid.is-homepage .main-sidebar {
	display:none;
}

.row {
	margin-left:0;
	margin-right: 0;
}

footer#site-footer.container.well-main, header#site-header.container  {
	width:100%;
}

#site-top-nav-container, #site-top-nav {
	max-width: 960px;
	margin: 0 auto;
}

#site-navbar-container .navbar {
	max-width: 1170px;
	margin: 0 auto;
}


#site-top-nav .list-inline.nav-list > li {
	margin-right: 25px;
}

span.fa.fa-facebook, span.fa.fa-twitter {
	font-size: 20px;
}

/*------Header------*/

#site-header-container, #site-header {
	background:url('images/TowerBG.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;	
	border:none;
}

.section-sports.section-gridiron #site-header-container, .section-sports.section-gridiron #site-header {
	background:url('images/idea1.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;	
	border:none;
}

#site-header {
	padding: 100px 15px 60px;
}

#site-top-nav-container {
	position: absolute;
	left:0;
	right:0;
}

#site-top-nav-container, #site-top-nav {
	background-color: transparent;
}

#site-top-nav {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#topbar-col-one, #topbar-col-two {
	background-color: rgba(0,0,0,0.8);
}


div#topbar-col-one.col-md-6.col-sm-6 {
	width:auto;
	float:left;
}

div#topbar-col-two.col-md-6.col-sm-6 {
	width:auto;
	float:right;
}

#grid-primary-container .col-md-12, #grid-featured-top .col-md-12, #grid-full-top .col-md-12 {
	padding-right:0;
	padding-left:0;
}

/*------Navigation------*/
/* @import url('styles/custom-header.css'); */

ul#main-nav_menu.nav.navbar-nav {
	text-transform: capitalize!important;
	font-size: 14px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color:white!important;
}

div#navbar-collapse.navbar-collapse.collapse {
	width:83%;
	margin:0 auto;
}

#site-navbar-container .navbar-static .navbar-nav>li>a {
	border:none;
	padding-right:14px;
	padding-left: 14px;
}

div#topbar-col-one.col-md-6.col-sm-6 {
	
}

#grid-primary-container .main-sidebar {
	display:none;
}

#grid-primary-container .col-lg-8.col-md-7 {
	width:100%;
}

#footer-col-one.col-md-4.col-sm-4, #footer-col-two.col-md-4.col-sm-4, #footer-col-three.col-md-4.col-sm-4 {
	margin: 20px auto 50px;
}

.nav-tabs-popular li.active a{
	color: #000!important;
}

.nav-tabs-popular li a:hover {
	background-color: #cc0000;
	border-left-color: #cc0000;
	border-right-color: #cc0000;
	border-top-color: #cc0000;
}

.most-popular .tab-content {
	border-top: 1px solid #DDD;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*------Breaking News------*/
/* @import url('styles/custom-breaking-news.css'); */

.custom-breaking-news {
	max-width: 1170px;
	margin:0 auto;
}

.custom-breaking-news .card-panel {
	
}

.breaking .breaking-label h3 {
	text-transform: uppercase;
	letter-spacing:0.5em;
	font-size:20px;
	color: #cc0000;
}

.breaking .breaking-item-content .card-headline {
	font-style: italic;
	font-weight: bold;
}

.breaking .breaking-item-content .card-headline a:hover {
	color: #cc0000!important;
}

.custom-breaking-news .card-panel .col-md-2, .custom-breaking-news .card-panel .col-md-10 {
	width:100%;
	padding-right:0;
}

.breaking .breaking-label h2, .breaking .breaking-label h3, .breaking .breaking-label h4, .breaking .breaking-item-content {
	text-align: center;
}

.breaking.row {
	
}

.breaking .owl-theme .owl-controls {
	left:0;
	top:0;
	z-index: 2;
}

.owl-carousel .owl-wrapper-outer {
	width:80%;
	margin:0 auto;
	z-index: 3;
}

.owl-prev, .owl-next {
	position: absolute;
}

.owl-prev {
	left:0;
}

.owl-next {
	right:0;
}

.owl-buttons .fa {
	font-size: 3em;
	color: #cc0000;
}

.custom-breaking-news .card-panel {
	border:none;
}

#main-page-container .block {
	margin-bottom: 0;
}

.panel {
	box-shadow: none;
}

/*------Fake Mosaic------*/

.card.feature {
	margin-bottom: 0;
	float:left;
}

.card.feature .card-headline h1 a:hover {
	text-decoration: underline;
}

span.label.label-flag.label-flag-sponsored {
	font-size: 14px;
}

.card.feature .centered-content-container {
	padding-left:0!important;
	padding-right:0!important;
	padding-bottom: 0!important;
}

.card.feature div.centered-content {
	width:80%;
	text-align: left;
}

/*------Articles, Pages & Forms------*/

body.article #main-page-container, body.image #main-page-container, .staticpage-default, body.collection #main-page-container, .form-default {
	max-width:1140px;
	margin:0 auto;
	padding:25px;
}

.card.summary {
	border-bottom: 1px solid #ddd;
}

/*------Typography------*/

.blox-sub-title h4, .blox-title h3 {
	font-family: Arial, sans-serif!important;
}

body.article #main-page-container, body.youtube #main-page-container, .staticpage-default, body.collection #main-page-container, .card-lead, .card-meta, table p, .form-default, .full-asset {
	
	font-family: Georgia, serif!important;
}

.asset .asset-body p, .asset .asset-body ul, .asset .asset-body ol, .card-lead, .card-meta, .full-asset p, #staticpage-content p, #staticpage-content ul {
	font-size: 20px;
	line-height: 32px;
}

.follow-links-1258151 li a, .follow-links-1258151 li a:focus, .follow-links-1258151 li a:active {
	font-size: 100%;
}

.card .card-headline h1 a:hover, .card .card-headline h2 a:hover{
	text-decoration: underline;
}
/*------Asset Blox------*/

.full-asset .tn-index-story, .blox-sub-title, .blox-title {
	border:none;
}

div.blox-asset-content-block.article, .blox-html-asset {
	border-bottom: 1px solid #ddd;
}

div#staticpage-content {
	padding-left:0;
}

/*------Advertising------*/

.home-ad-1 {
	width:25%;
	float:left;
}

.news-mosaic .card.feature .centered-content h1 {
	line-height: 1.34;
	font-weight: 700;
}

.news-mosaic .card.feature .centered-content h1 a{
	background-color: rgba(0,0,0,0.7);
	padding:2px 1px;
	line-height: 1.2em;
}

.news-mosaic .card.feature:hover .centered-content h1 a{
	color: #cc0000!important;
	background-color: #fff;
}

.news-mosaic-last {
	float: right!important;
}

.news-mosaic {
	float:left;
}

.news-mosaic a {
	color:white;
}

/*------Responsive Styles------*/

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
	
	.position-1, .position-8 {
		width:100%;
	}
	
	.position-2, .position-3, .position-4, .position-5, .position-6, .position-7, .position-9, .position-10 {
		width:100%;
	}

	#footer-col-one.col-md-4.col-sm-4, #footer-col-two.col-md-4.col-sm-4, #footer-col-three.col-md-4.col-sm-4 {
		    width:100%;
	    }
	
	.card.feature .centered-content {
		vertical-align: bottom!important;
	}
	
	.card .card-labels {
		display: block;
	}
	
	.card .card-headline h1, .card .card-headline h1 {
		font-size: 24px;
		line-height:28px;
	}
	
	.position-5, .position-10 {
		margin-bottom: 0px;
	}
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.position-1, .position-8 {
		width:50%;
	}
	
	.position-2, .position-3, .position-4, .position-5, .position-6, .position-7, .position-9, .position-10 {
		width:50%;
	}
	
	#footer-col-one.col-md-4.col-sm-4 {
		width:20%;
	}
	
	#footer-col-two.col-md-4.col-sm-4 {
		width:50%;
	}
	
	#footer-col-three.col-md-4.col-sm-4 {
		width:30%;
	}
	
	.card .card-headline h1, .card .card-headline h1 {
		font-size: 32px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.position-1, .position-8 {
		width:50%;
	}
	
	.position-2, .position-3, .position-4, .position-5, .position-6, .position-7, .position-9, .position-10 {
		width:25%;
	}
	
	.card .card-headline h1, .card .card-headline h1 {
		font-size: 20px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.card .card-headline h1, .card .card-headline h1 {
			font-size: 24px;
		}
		
	.position-5, .position-10 {
		margin-bottom: 1px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
	.card .card-headline h1, .card .card-headline h1 {
			font-size: 32px;
		}
	.position-5, .position-10 {
		margin-bottom: 0px;
	}
}

/* @import url('styles/grid/768.css'); */
/* @import url('styles/grid/992.css'); */
/* @import url('styles/grid/1200.css'); */