/*
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/TowerBGnew.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'); */

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
  We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>