/*
Theme Name: Earth Prime
Theme URI: http://www.earthprime.com
Description: Earth Prime - The Definitive Guide to Sliders
Author: Matt Hutaff
Author URI: http://www.earthprime.com
Version: 12.0
*/

@media (min-width:1200px){ .container{ width:970px !important; } }

html, body { height: 100%; }
body { padding-top: 70px; }

img{ max-width:100%; height:auto; }
i, em{ font-style:italic; }
b, strong{ font-weight:bold; }
a { transition: background 0.1s linear; transition-property: background; transition-duration: 0.1s; transition-timing-function: linear; transition-delay: initial; color: #c93838; font-weight: bold; }
a:hover { color: #c93838; text-decoration:underline; }

.logo { height:50px; }
.widget-title { padding-bottom: 8px; border-bottom: 2px solid #c93838; }
.tab-content h2 { margin-top: 3px; }
.uppercase 	{ text-transform:uppercase; }
.alignright, img.alignright { padding-bottom: 4px; border-bottom: 3px solid #c93838; }

/* =====================================
   Jumbotron Styling
   ===================================== */

.jumbotron { padding: 1px; margin-bottom: 0px; }
.jumbotron-text h1 { font-family: "Montserrat","Roboto",Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom: 10px; border-bottom: 4px solid #c93838;  }

@media (min-width: 979px) {
.jumbotron-text h1 { font-size: 3em; }
.jumbotron { min-height: 275px }
}
@media (max-width: 978px) {
.jumbotron-text h1 { font-size: 2em; }
.jumbotron { min-height: 240px }
}

/* =====================================
   Top Stories
   ===================================== */

.card { position:relative; background: #ffffff; margin-bottom: 12px; border-top: 3px solid #000; border-radius: 1px; box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24); }
.card:hover {     
    -webkit-transition: all 200ms linear;
    -webkit-transform: scale(1.01);
    -ms-transition: all 200ms linear;
    -ms-transform: scale(1.01);   
    -moz-transition: all 200ms linear;
    -moz-transform: scale(1.01);
    transition: all 200ms linear;
    transform: scale(1.01);
}
.card img { border-bottom: 1px solid #999; }
.card-words { padding:8px; }
.card-words h1 { font-size: 1.25em; margin-top: 0px; }

.story-category { position: absolute; top: 5px; left: 5px; background-color: #2c3e50; }
.story-category ul { color: #fff; padding: 0px 5px; margin: 0px auto; list-style:none; }
.story-category li a, .story-category li a:hover { color: #fff; font-family: "Montserrat","Roboto",Arial,Helvetica,sans-serif; font-weight:400; text-decoration:none; text-transform:uppercase; padding: 5px; }


/* =====================================
   Video
   ===================================== */

@media (max-width: 979px) { 

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

}

.ytc-pagination, .ytc-links { display:none; }

/* =====================================
   Navbar Styling
   ===================================== */

.navbar { border-radius: 0px; margin-bottom: 0px; }
.navbar-inverse{ background-color:#2c3e50; }
.navbar-brand{ padding:10px 15px 0px 15px !important; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #c93838;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ffffff; background-color: #c93838; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #2c3e50; }
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{ background-color:#c; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { padding: 9px 9px 8px 10px; border-radius: 3px; }
.glyphicon-white { color: white; font-size: 18px; }

@media (max-width: 978px) {
.logo { height: 100%; }
}

@media (min-width: 768px) {
.navbar-nav { padding-top: 10px; }
.navbar-brand { height: 70px; }
}

/* =====================================
   Pagination Styling
   ===================================== */

.paginate-center { text-align:center; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #b22f2f; font-weight:bold; }
.pagination>li>a, .pagination>li>span { background-color: #c93838; }
.pagination>li>a:hover, .pagination>li>span:hover { background-color: #b22f2f; }

/* =====================================
   Archives
   ===================================== */

.topentry { background: #f2f2f2; border: 1px solid #cccccc; padding: 8px; }
.topentry img { margin-bottom: 7px; }
.topentry h3 { margin: 0 0 10px 0; }
.toc { margin-left: 8px; }
.airdate { text-transform:uppercase; font-size: 10px; color:#999999; }

/* =====================================
   Single Post (generic)
   ===================================== */

.singular h3 { padding-bottom: 4px; border-bottom: 2px solid #c93838; }
.singular p, .singular li { font-size: 1.1em; line-height: 1.4em; }
.singular blockquote { padding-bottom: 20px; font-size: 1.1em; color: #964242; border-left: 3px solid #c93838; }

@media (max-width: 979px) { 

.singular img { width: 50%; }
.singular p:first-child img { width: 100% !important; }
.singular-world { width: 100% !important; }

}
@media (max-width: 480px) {



}

/* =====================================
   Episode Guide
   ===================================== */

.guide { font-size: 15px; }
.guide img { border: 0px none; }
.guide-splash { width: 100%; }

.guidebar h3 { padding-bottom: 4px; border-bottom: 2px solid #c93838; }
.guidebar .rating { float:right ; width:100px; background-color: #c93838; color: #ffffff; text-align:center; margin-left: 10px; }

.basic { font-size: 0.9em; }
.world h2 { margin-top: 0px; font-size: 20px; font-weight:bold; text-transform:uppercase; }
.world p  { font-size: 15px; }

@media (max-width: 979px) { 

.image-maintenance img { width: 50% !important; margin:15px; }

}

@media (max-width: 979px) { 

}


/* =====================================
   Reviews
   ===================================== */

.review li { margin: 0 0 5px 115px; }
.review .alignright, .review img.alignright { padding-bottom: 4px; border-bottom: 3px solid #c93838; }
.rating { float:left; width:100px; background-color: #c93838; color: #ffffff; text-align:center; }
.letter-grade { font-size: 6em; letter-spacing:-2px; }
.letter-desc { padding: 2px; font-size: 0.8em; font-weight: bold; width:100%; background-color: #b22f2f; text-transform:uppercase; }

@media (min-width: 480px) { 

.review p, .review h3 { margin: 0 0 25px 115px; }
.review .sharedaddy { margin: 10px 0 25px 115px; }
.review .sharedaddy h3.sd-title:before { border-top: 0px none; }
.review .sharedaddy h3.sd-title { font-size: inherit; }

}

@media (max-width: 979px) { 

.review img { width: 50%; }

}

@media (max-width: 480px) { 

.review p { margin: 10px 0; }
.review p:first-of-type img { display: none !important;  }
.rating { margin: 0 0 10px 10px; float:right; }

}

/* =====================================
   Think of a Roulette Wheel
   ===================================== */

.roulette { margin: 0 10%; }
.roulette p { margin: 10px 0; }
.roulette h4 { font-size: 20px; font-weight:bold; line-height: 1.3em; margin-bottom: 20px; }
.roulette blockquote { padding-bottom: 20px; font-size: 1.1em; color: #964242; border-left: 3px solid #c93838; }
.roulette blockquote p:first-child { padding-top: 0px }
.roulette img { padding: 4px 0; }

@media (max-width: 979px) { 

.roulette { margin: 0; }
.roulette img { width: 50%; }

}

/* =====================================
   Comics
   ===================================== */

@media (max-width: 480px) { 

.comic img { width: 50% }

}

/* =====================================
   Articles
   ===================================== */

.magazine-article { width: 260px; float:right; margin: 15px; background-color: #c93838; color: #ffffff; text-align:center; }
.magazine-desc { padding: 5px; font-size: 0.8em; font-weight: bold; width:100%; background-color: #b22f2f; text-transform:uppercase; }

@media (max-width: 480px) { 

.magazine-article { width: 140px; }

}

/* =====================================
   Travelogue
   ===================================== */

.travelogue-rating { width: 180px; float:right; margin: 0 0 15px 15px; background-color: #c93838; color: #ffffff; text-align:center; }
.travelogue-desc { padding: 5px; font-size: 0.8em; font-weight: bold; width:100%; background-color: #b22f2f; text-transform:uppercase; }

.travel-grade { font-size: 5em; letter-spacing: -5px; }
.rating-green { background-color: #5cb85c; }
.desc-green   { background-color: #408140 ; }
.rating-yellow { background-color: #f0ad4e; } 
.desc-yellow   { background-color: #bf914f ; }

/* =====================================
   Comments
   ===================================== */

#placement-top { display: none; }

/* =====================================
   Footer
   ===================================== */

.footer {
	position: relative;
	background-color: #2c3e50; 
	height: 300px; 
	margin-top: 25px;
	padding: 25px 0;
	clear: both;
	color: #ffffff;
}
.footer h2 { margin-top: 0px; }

@media (max-width: 979px) { 

.footer {
	margin-top: 30px;
	height: auto; 
}

}
@media (min-width: 980px) { 

.gutter {
	padding-bottom: 70px;
}

}

/* =====================================
   Wordpress image and caption styling
   ===================================== */

.wp-figure {
    margin: 1.5em 0;
}
.wp-caption {
    margin: 0.3em 0;
    color: #666;
    font: normal 0.8em "Roboto", Arial, Helvetica, sans-serif;
	max-width: 100%;
}

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	display: inline;
	float: right;
	overflow: auto;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}