/*
Theme Name: T.O. BRO
Author: Todd Helvik
Author URI: http://toddhelvik.com
Description: Bootstrap news theme
Version: 1.0
=======
License: GNU General Public License
License URI: license.txt
*/

/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

body {font-family: 'Montserrat', sans-serif; background: #ebeef0; overflow-x:hidden;min-height: 2000px}
a {transition: all .3s; color:#e14938}
a:hover {text-decoration:none;color:inherit}
img {transition: all .3s; max-width: 100%; height: auto;}
.nopad {padding: 0;}
input:focus,button:focus {outline:0}
.tright {text-align:right;}
p {margin: 0 0 30px; line-height: 1.6}

/*Headings*/
h1,h2,h3 {font-weight: 900;}
h1 { font-size: 3em;  margin: 0 0 25px;}
h4 {font-size: 1.3em;line-height: 1.5;}

/*Global*/
.contain {min-height: 3000px; min-width: 100%; background: #ebeef0;position: relative;top: 0;left: 0; z-index: 1;bottom: 100%;padding:100px 0 0;}
.home .contain {padding-top: 100px}
.tainer {max-width: 1400px; margin: 0 auto;}
.logo-b {text-align: center; margin: 0 0 20px;}

/*Header*/
header.row {position: fixed; background: #2a2a2a; z-index:999; text-align:left; width: 100%; top: 0; padding: 15px 0; border-bottom: 1px solid #333; margin:0}
header ul {margin:0; padding: 0; text-align: center;}
header ul li {display:inline; list-style:none;}
header ul li a {display:inline-block; line-height: 40px; color:#bbb; font-size: 1.2em; text-transform: uppercase; padding:0 15px;}
header .tips {margin: 0 0 0 20px; background: #41a85f; padding: 8px 15px; font-size: .9em; text-transform: uppercase; font-weight: 600;border-radius: 1px; color:#fff; display:inline-block;}
header .tips .fa {margin-right: 5px}
header .logo {margin: -18px 0}
.ts160 {position:fixed}
	
/*Mobile Navi*/
.navigation {width: 100%;height: 100%;position: fixed;top: 0; right: 0; bottom: 0; left: 0; z-index: 1; list-style: none; background: #2a2a2a;padding:0}
.navigation li a {font-size: 1.1em; color:#fff; padding: 15px 20px; display:block; text-transform:uppercase; box-shadow: 0 1px 1px rgba(0,0,0,.1)}
.navigation li a .fa {color:#e14938; margin-right: 10px; width: 20px; float: left; line-height: 23px;}
.navigation li a:hover {background:rgba(0,0,0,.1)}
.nav-trigger {position: absolute; clip: rect(0, 0, 0, 0);}
label[for="nav-trigger"] {position: relative;left: 0px; top: 0px; float:left; z-index: 2;height: 30px;width: 35px; cursor: pointer; font-size: 2em; color:#aaa}
.nav-trigger + label, .contain {transition: left 0.2s;}
.nav-trigger:checked + label {left: 245px;}
.nav-trigger:checked ~ .contain { left: 230px;}
.navigation form {padding: 10px 20px; background: #e14938;font-size: 1.1em;}
.navigation form input {background: transparent; border: 0; margin: 0 0 0 3px; color: #fff;}

	/*Search Box*/
	header form {background: #444;padding: 0;box-shadow: 0 1px 2px rgba(0,0,0,.1);border-radius: 2px;}
	header form input {background:transparent; border:0; color:#aaa; line-height: 40px; font-size: 1.4em; margin: 0px; letter-spacing: 1px; width: 89%}
	header form .fa {font-size: 1.8em;width:10%; text-align:center;}
	body .searchwp-live-search-results {background: #444; margin: -5px 0 0; border:0; border-radius: 0;}
	.searchwp-live-search-results-showing a {color: #aaa; line-height: 1.4; font-size: 1.2em; }

	/*Social*/
	header .social {height: 42px; vertical-align:top; display:inline-block;width: 40px; text-align:center; border-radius: 1px; margin: 0 3px; line-height: 42px; color:#fff; font-size: 1.3em}
	header .social .fa {line-height: 40px;}
	.facebook {background:#3b5998;}
	.twitter {background:#1da1f3;}
	.disqus {background: #27ae61}
	.instagram {background:#84503b;}
	header .subscribe {width: auto; background: #e14938; font-size: 1em; padding: 0 20px; height: 41px}
	.subscribe .fa {margin-right: 4px;}
	header .social:hover {opacity:.8;}

/*Home*/
.tspost {padding:5px; margin: 0 0 50px; text-align: center; height: 440px; overflow: hidden;}
.tspost .imglink {max-height: 300px; overflow:hidden; display:block; }
.tspost img {width: 100%; min-height: 300px; }
.top-home .tspost {max-height: 440px}
.tspost .tscontent {padding: 0px 5% 3%; position: absolute;width: calc(100% - 10px); top: 300px; background: #ebeef0; height: 100%;}
.tspost .tscontent a {color:#222}
.tspost .tscontent p {font-size: .7em;font-style: italic; letter-spacing: 1px; color: #777;text-transform: uppercase;margin: 15px 0}
.tspost .cat {top:-20px; padding:8px 15px; font-size: .8em;text-transform: uppercase; font-weight: 400; background:#ebeef0; border-radius: 1px 1px 0 0; position: relative}
.tspost .cat a {color:#e14938;}
.tspost h2 {margin: 0px 0 15px; font-size: 1.4em; line-height: 1.3; }
.tspost .share-post {color:#fff; padding: 5px 0;}
.next {margin: 0px 5px 75px;padding: 15px 0; background: #e14938;width: calc(100% - 10px); display: inline-block; text-align: center; color: #fff; border-radius: 1px; font-size: 1.8em; text-transform: uppercase; border: 2px solid rgba(0,0,0,.2)}

/*Archives*/
.main .tspost {margin: 0 0 30px; min-height:440px}

/*Ads*/
.ts768 {min-width: 300px; max-width: 738px;text-align: center;margin: 0px auto 20px;clear: both;padding: 5px}
.tsad {text-align:center;clear:both;}
.koo {max-width: 980px;}
.tssinglead {margin: 25px 0;}
footer .ts768 {margin-top: 60px}
.ts768.dk {padding: 0}
.zergheadline a, .mn-thumb a {font-size: 1.25em !important;font-weight: 900 !important;font-family: 'Montserrat', sans-serif !important;line-height: 1.2 !important;color: #222 !important;}
.mn-thumb__label {margin-top:6px !important;padding:0 0 !important;}
.mn-container-adsby, .mn-thumb__label-brand-link {display:none;}
.zerghead .zergheader, .zerghead .zergattribution {display:none;}
.SC_TBlock_514374_ads-modal-button img {display:none!important;}
#SC_TBlock_514374 .SC_TBlock_514374_title {text-align:center;font-size: 1em !important;font-weight: 900 !important;font-family: 'Montserrat', sans-serif !important;line-height: 1.2;color: #222 !important;}
.ac_credit {display:none;}
.tosidead #zergnet-widget-56522 {padding:0 0;}
.tosidead #zergnet-widget-56522 .zerghead {margin:0 0;}
.home #zergnet-widget-56046, .home #rn_ad_native_4d707 {padding:5px !important;}


/*Pagination*/
.topaginate {width: 100%; text-align:center; padding: 0px 0 75px; clear:both;}
.topaginate .page-numbers {padding: 3px 10px;color: #555;font-size: 1.6em;}
.topaginate .next.page-numbers {padding: 15px 0px;color: #fff;font-size: 1.8em; margin: 15px 0 0px}
.topaginate a.page-numbers:hover {text-decoration: none; background:#e14938;color:#fff}
.topaginate .dots {background:transparent; border: 0;padding:0}
.topaginate .current {background: #ddd; color: #aaa;}
.prev {display:none;}

/*Single Post*/
.tssingle {text-align: left}
.tssingle h1 {font-size: 3.6em}
.tssingle p {font-size: 1.3em;margin: 0 0 25px; line-height: 1.5em;}
.tssingle .col-md-8 iframe {margin: 25px 0!important; max-width: 100%;}
.wp-caption {max-width: 98%;}
.tssingle .wp-caption-text {background: rgba(255,255,255,.7);margin:0; position: relative; font-weight: bold; font-size: 1.3em; font-style: italic; top: -45px;
    display: inline-block;  padding: 5px 10px;}
.tssingle .wp-caption {text-align:center; width:100%!important;margin:0 0 -40px}
.tssingle .wp-caption img {padding: 8px; background: #fff; border: 1px solid #ddd; border-radius: 2px;margin:0}
.topost img {margin: 0 auto 25px;padding: 8px; background: #fff; border: 1px solid #ddd;}
.tssingle h3,.tssingle h4 { line-height: 1.7; font-size: 1.5em; font-weight: 800; margin: 40px 0; clear:both}
.tssingle .pn {float: left; width: 100%; padding: 15px 0; margin: 30px 0;}
.tssingle .pn a {width:50%; float:left; color:#fff; text-align: center;font-size:1.3em; text-transform: uppercase; background:#333;padding: 15px 0; border: 2px solid rgba(0,0,0,.2);}
.tssingle .pn a:nth-child(2) {background: #e14938}
.tssingle .meta {font-size: 1.2em; font-weight: 100; margin: 15px 0 40px;float:left;}
.tssingle .ts768 {max-width: 738px}
.tssingle .ts768 iframe {margin: 0!important;}
.tssingle .sidebah img {margin: 0 0;padding: 0 0;}
.tssingle video {max-width:100%; width:600px; height:auto;}

	/*Sharing*/
	.share a {color:#fff; text-align: center;padding: 5px 0; font-size: 2em;}

/*Single Page*/
.default-page h1 {}
	
/*Sidebar*/
.tsside {text-align:center;}
.sidebah {text-align:center; padding: 10px 20px 0px; background: #fafafa; box-shadow: 0 1px 3px rgba(0,0,0,.1); width:330px; margin: 0 auto 50px; clear:both; }
.sidebah .tosidead {clear:both; overflow:hidden;}

/*Footer*/
footer {padding: 5% 3% 0; width: 100%; text-align: center; color:#aaa;background:#2a2a2a; margin:0 0 -2px}
footer h4 {text-align:center; color: #777; font-size: 3em; margin: 0 0 50px; font-weight: 100}
footer h4 span {color:#b8312f; font-weight: 900;}
footer p {margin: 25px auto; max-width: 700px; line-height: 2;}
footer .disclaimer {margin: 0 auto; padding: 100px 0 40px; color: #777; font-size: .9em;clear:both}
footer p a {color:#777}

/*Footer Subscribe*/
footer .subscribe {text-align:left;}
footer .sbe-shortcode-subscribe-form {background: rgba(0,0,0,.2); padding: 7% 10% 9%; border-radius: 2px; border: 1px solid #000; text-align: left;}
footer form input {background: rgba(255,255,255,.1);border: 2px solid #444; padding: 5px 10px;}
footer form input[type=submit] {background: #2d83c9; width: 100%; color: #fff; text-transform: uppercase; padding: 10px; border: 2px solid rgba(0,0,0,.2);}

/*As Seen*/
.seen {margin: 85px auto 0; padding-top: 75px; border-top: 1px solid #333; box-shadow: 0 -1px 0 #222}
.seen h3 {color:#555;}
	
/*Pub Exchange*/
.pe-promoted {text-align:center!important;}
#pubexchange_below_content .pe-thumb {width: 100%!important; height: 200px!important;}

/*Showin' Love*/
.love {padding: 25px 0 75px}
.love h1 {font-size: 5em; text-align:center;}
.love iframe {max-width: 100%; padding: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1); margin: 0 0 30px}
.love .youtube-player {position: relative; padding: 5px 5px 25%;height: 0;  overflow: hidden;max-width: 100%;  background: #000; margin: 25px 0}
.love .youtube-player iframe {position: absolute; top: 0;left: 0;width: 100%; height: 100%; z-index: 100;background: transparent; }
.love .youtube-player img {bottom: 0; display: block; left: 0; margin: auto; max-width: 100%;width: 100%; position: absolute;  right: 0; top: 0; border: none;
height: auto;cursor: pointer;-webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all;}
.love .youtube-player img:hover {-webkit-filter: brightness(75%);}
.love .youtube-player .play {height: 72px; width: 72px;left: 50%; top: 50%;margin-left: -36px;margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer;}

/*404*/
.fourohfour h2{font-size: 3em;}
.fourohfour p {font-size: 1.3em; margin: 25px 0;}
.fourohfour form {font-size: 2em; padding: 2%;  background: #efefef; border: 1px solid #ddd; margin: 10px 0 50px;}

/*Comments*/
.comment {clear:both;}

/*Advertise*/
.reel {padding: 10px; background: #fff; width: 100%; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.1); height: 500px}

#terezowens_160x600_left {margin-left:50px!important;}
#terezowens_160x600_right {margin-right:50px!important;}

/*For Sale*/
.to-fo-sale {background: #E14938;padding: 15px 0 25px;}
.to-fo-sale h3 {color: #fff;padding: 0 0;margin: 0 auto 20px;text-transform: uppercase;font-size: 28px;font-weight: 100;}
.to-fo-sale a {color: #fff;padding: 10px 20px;border: 1px solid rgba(0,0,0,.2);border-radius: 2px;}
.to-fo-sale a:hover {background: rgba(0,0,0,.1);}

/*******************************************
Media
********************************************/
@media (max-width: 1725px) {
	.ts160 {display:none;}
}
@media (max-width: 1405px) {
	.hidden-big {display:none!important;}
}
@media (max-width: 1200px) {
	/*Search Box*/
	header form input {width: 78%}
	header form .fa {width:20%;}
}
@media (min-width: 768px) {
	.sidebah .wvid {width: 400px; margin: -45px 0 30px -25px;}
}

@media (max-width: 767px) {
	/*Global*/
	.contain,.home .contain {padding: 45px 0 0}
	.nopadm {padding: 0;}
	
	/*Header*/
	header.row {padding: 3px 0 8px}
	header .logo {max-width: 163px; padding: 0; margin: -3px 0 -9px}
	
	/*Social*/
	header .social {width: 25px; height: 25px; line-height: 26px; margin: 7px 1px 0; font-size: 1.1em;}
	header .tright {padding-left: 0;}
	header .social .fa {line-height: 27px}
	
	/*Posts*/
	.tspost,.main .tspost,.top-home .tspost {padding:0; min-height: auto; margin: 0 0 25px; height: auto; max-height: 500px}
	.tspost img {min-height: 100px}
	
	/*Sidebar*/
	.tsside {padding: 0; margin: 25px 0}
	
	/*Single Post*/
	.tssingle {font-size: .8em;}
	.tssingle h1 {font-size: 2.5em; margin: 25px 0 0}
	.tssingle p {text-align:left!important}
	.tssingle h3, .tssingle h4 {margin: 20px 0}
	.tssingle .wp-caption-text {top: -40px; margin: 0 0 40px}
	.single-mnav {position: fixed; bottom: 0; width: 100%;}
	.single-mnav a {font-size: 1em; padding: 8px 0; float:left; width: 30%;}
	.single-mnav a:last-child {background: #b8312f; text-transform: uppercase; width: 40%}
	.tssingle img {margin: 0 auto 25px; padding: 0; border:0; background:transparent; max-width: 100%;}
	
	/*Single Page*/
	.default-page h1 {font-size: 2em; margin: 20px 0}
	
	/*Search*/
	.search h1 {padding: 0 10px;}
	
	/*Advertise*/
	.reel {padding: 5px; height: 200px;}
	.ts768 {margin:20px auto;}
	
	/*Love*/
	.love .youtube-player {padding:5px 5px 55%}
	
	/*Archive*/
	.tspost .tscontent {width: 100%; position: relative; z-index: 99; top: 0; padding: 0 5% 0;}
	
	/*Pagination*/
	.topaginate .page-numbers {padding: 5px; font-size: 1.3em;}
	
	/*Sidebar*/
	.sidebah {max-width: 100%;}
	
	/*404*/
	.fourohfour {font-size: .9em;}
}