/* Theme Name: Ultimate SiloStorm Pro
Theme URI: http://heatmaptheme.com/ultimate-silo-storm
Author: HeatMap Theme
Author URI: http://heatmaptheme.com
Description: Ultimate SiloStorm Pro Theme makes it easy to create WordPress based sites using Silo Web Architecture for maximum Google love. This theme looks deceptively simple but there is depth here. We recommend you watch the video tutorials in the members area to understand exactly how it works its magic, so you can inject the maximum amount of Google loving silo-juice into your your site! You can create silos either using a Category/Post structure or a Page/Subpage structure. To aid siloing the theme includes a micro-metadata marked up breadcrumbs bar, search-bot-friendly sidebar linkages and intra-post navigation that links between child and sibling pages, posts or categories. 
Version: 1.7.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, blue, brown, gray, green, purple, red, silve, white, dark, light, two-columns, responsive-layout, custom-background, custom-colors, custom-header, featured-images, flexible-header, microformats, theme-options, threaded-comments, translation-ready

This file is part of Ulimate SiloStorm Pro
See license.txt (distributed with this file) for details of
license, contributors, copyright notices, credits and trademarks.
*/

/* --- STYLING FOR WORDPRESS ELEMENTS --- */

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content {
}

.hentry { 
	margin: 0 0 1.5em; 
}


/* Clearing */
.clear {
	clear: both;
	line-height: 0;
}



/* Most widgets are adapted in the file bootstrap-wp.js */
.widget { 
	margin-bottom: 1.5em; 
}
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { 
	padding-left: 15px; 
}

/* Note: you can change the whole appearance of the search_form() function in searchform.php */
.widget_search .search-form input[type="submit"] { 
	display: none;
}

/* Make sure select elements fit in widgets */
.widget select { 
	max-width: 100%; 
}

/* Nested comments */
.comment .children { 
 margin-left: 0; 
 padding-left: 0;
} 
 
/* additional (as yet) unstyled WP classes */

.sticky {}
.gallery-caption {}
.bypostauthor {}
 
/* ussf custom styling starts here */ 
 
/* --- FONT STYLING --- */

body { 
	font-weight: normal; 
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight: bolder; 
}

#main-content-area {
	padding-top: 25px;
}

#main-content-area h1, #main-content-area .h1 { font-size:40px; }
#main-content-area h2, #main-content-area .h2 { font-size:32px; }
#main-content-area h3, #main-content-area .h3 { font-size:28px; }
#main-content-area h4, #main-content-area .h4 { font-size:24px; }
#main-content-area h5, #main-content-area .h5 { font-size:20px; }
#main-content-area h6, #main-content-area .h6 { font-size:16px; }


/* --- NAVBAR --- */

#primary-navbar.navbar {
	margin-bottom: 0px;
} 

/* the home button */
.navbar-brand {
	padding-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	/* toggle it to show */
	display: inline-block;
}


#primary-navbar span.genericon, #secondary-navbar span.genericon  {
	font-size: 25px; 
	margin-right: 5px;
	margin-top: -3px; 
}

#primary-navbar span.genericon-home {
	font-size: 25px; 
	margin-right: 10px;
	margin-left: -3px;
}

#primary-navbar .navbar-primary-fallback {
	margin-left: -30px;
}

/* --- MASTHEAD --- */

#masthead-row {
	min-height: 70px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

/* --- GENERICONS --- */

.nav-previous .genericon { 
	font-size: 25px;
	margin-left: -5px;
	margin-right: 8px;
	margin-top: -3px;
}

.nav-next .genericon { 
	font-size: 25px;
	margin-right: 5px;
	margin-left: 0px;
	margin-top: -3px;
}

.pagination .genericon-previous {
	font-size: 25px;
	margin-left: -8px;
	margin-top: -2px;
}

.pagination .genericon-next {
	font-size: 25px;
	margin-left: -8px;
	margin-top: -2px;
}

.genericon-edit {
	font-size: 17px;
}


/* --- SITE TITLE ETC --- */

#header-logo {
	text-align:center;
	margin: 0px;
}

.site-branding {
	margin-top: 0px; 
}

/* center the headings for small devices */
.site-title, .site-description {
	margin-top: 0px;
	text-align: center;
}

.site-title {
	line-height: 33px;
}

.site-title { 
	margin-top: 5px;
	margin-bottom: 5px; 
	font-size: 20px;
}

.site-description { 
	margin-top: 0px; 
	font-size: 14px;
}

.site-title a, .site-description a {
	color: #000000;
	text-decoration: none;
}

/* --- SOCIAL NAV --- */

#social-nav { 
	margin-top: 15px;
	min-height: 32px;
	margin-bottom: 10px;
	text-align:center;
	margin-left: -10px;
}

/* social icons nav bar */
#social-nav span {
	font-size: 32px;
	-webkit-font-smoothing: antialiased;
	height: 32px;
}

/* reduce the space between social icons */
#social-nav span {
	padding-left: 15px;
	padding-right: 27px;
}

/* you can individually colour social icons if you want */
#social-nav .genericon {
	color: #fff;
}

/* sets a little space on the social icons for when they have toggled */
#social-nav.navbar-right {
	margin-left: -5px;
}

#social-nav a:hover {
	text-decoration:none;
}

/* --- PRIMARY NAVBAR --- */

#primary-navbar {
	z-index: 995;
}

#secondary-navbar.navbar {
	margin-bottom: 0px;
}

/* --- FOOTER NAVBAR --- */

#footer-navbar {
	z-index: 995;
}

#footer-navbar.navbar {
	margin-bottom: 0px;
}
 
/* --- LIKE BUTTONS --- */

.like-buttons-intro {
	font-weight: bold
}

ul.social-buttons {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 65px;
}

ul.social-buttons li {
	float: left;
	width: 75px;
	height: 65px;
	margin-bottom: 5px;
}

ul.social-buttons li.social-button-fblike {
	width: 61px;
	margin-top: 0px;
}

ul.social-buttons li.social-button-plusone {
	width: 60px;
	margin-top: 0px;
}

ul.social-buttons li.social-button-linkedin {
	margin-top: 0px;
	width: 70px;
}

ul.social-buttons li.social-button-pinterest {
	width: 60px;
	margin-top: 30px;
	height: 20px;
}

/* --- FEATURED PAGE --- */

h1.featured-entry-title,
h2.featured-entry-title {
	margin-top: 0px;
}

#featured-page { 
	margin-bottom: 20px; 
}

/* --- PAGE HEADER / PAGE TITLE --- */


.page-header, .page-title {
	margin-top: 0px;
}

.page-header {
	padding-bottom: 0px;
	border-bottom: none;
}

.page-header h1{
	border-top: 1px solid #eee;
	padding-top: 15px;
}

.social-button-fblike iframe {
	max-width:none;
}

/* --- POST DETAILS --- */

.entry-meta { 
	margin-bottom: 10px; 
	font-size: 13px;
}

.post-details {
	margin-right: 20px;
}

.comments-link {
	white-space:nowrap;
}

/* --- 404 Page --- */

.error404 .page-content { 
	margin-bottom: 20px; 
}

/* --- IMAGES--- */

.entry-content img,
.entry-summary img,  
.comments-area img,
.ussf-related-posts-widget img {
	border-radius: 4px;
} 

/* --- FEATURED IMAGE --- */

.featured-image {float:none;}

.featured-image img {
	float:left; 
	margin-right:20px; 
	margin-bottom: 15px;
	border-radius: 4px;
}

/* --- EXCERPTS --- */

.excerpt-more-link { 
	font-weight: bold;
	margin-top: -5px;
}
	
	
/* --- INTRA PAGE NAVIGATION --- */

/* spacing for when the next post buttons are stacked */
.nav-previous, .nav-next { 
	margin-bottom: 15px;
}

.nav-previous .btn, .nav-next .btn {
	white-space: normal;
}

.pagination { 
	margin-top: 10px;
	margin-bottom: 10px;
}

/* --- WIDGETS --- */

.sidebar-left .nav>li>a, .sidebar-right .nav>li>a {
	display: inline;
	padding :0px;
}

.sidebar-left .widget ul li, .sidebar-right .widget ul li { 
	margin-bottom: 10px;
}

.sidebar-left ul li ul, .sidebar-right ul li ul {
	margin-bottom: 0px;
}
.sidebar-left ul li ul li, .sidebar-right ul li ul li {
	margin-bottom: 0px;
}

h3.widget-title {
	margin-top: 7px;
}

.widget_recent_comments ul#recentcomments {
	list-style: none; padding-left: 0px;
}

.widget_recent_comments ul#recentcomments li { 
	padding: 0px;
	margin-bottom: 10px;
}

.navbar-collapse {
	max-height: 500px;
}

.widget h4 { 
	font-weight: bold; 
	margin-top: 5px;
}

.widget .nav>li>a {
	padding: 5px 0px;
}


#home-silo .silo-thumbnail.panel {
	text-align: center;
	padding: 10px;
	padding-bottom: 5px;
	margin-bottom:0px;
}

#home-silo h3,
#home-silo h3 a {
	font-weight: bold;
	font-size: 15px;
}

.silo-thumbnail.silo-ad {
	line-height: 0;
}

.ussf-custom-widget { 
	margin-bottom: 20px; 
}

/* -- CUSTOM WIDGET FUNCTIONS -- */

.uss-move-widget-title {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#social-buttons-container {   
	padding-bottom:5px;
	margin-bottom:15px; 
}

#sidebar-social-container {   
	margin-bottom:15px; 
}

#sidebar-social-container #social-nav {
	margin-top: 10px;
	float: none;
	margin-bottom: 0px;
	margin-left: inherit;
}

#sidebar-social-container #social-nav a .genericon {
	margin-bottom: 5px;
	width: inherit;
}

#sidebar-social-container #social-nav span  {
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
}

.list-group-item-heading { 
	margin-bottom:0px; 
}

.featured-image-active .further-reading-link img {
	float:left;
	margin-top: -10px;
	margin-right: 15px;
	margin-bottom: 5px;
	min-height:50px;
}

.featured-image-active .further-reading-link div {
	margin-top:15px;
}

#sidebar-right .widget.cmam_responsive_ad_widget_class {
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

a.list-group-item.active {
	z-index: 0;
}


/* -- WIDGET POSITIONS -- */

#site-top,
#site-bottom,
#leaderboard {
	text-align: center; 
}

#leaderboard .widget {
	margin: 0px;
	padding: 0px;
	line-height: 0px; /* remove this if you want to add a text widget in these positions */
	margin-top:15px;
}

#site-top .widget,
#site-bottom .widget {
	margin: 0px;
	padding: 0px;
	line-height: 0px; /* remove this if you want to add a text widget in these positions */
	margin-top:0px;
}

#sidebar-right .widget {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

#sidebar-right-bottom {
	margin-bottom: 20px;
}

#content-top .widget {
	margin-bottom:10px;
}

#content-bottom .widget {
	margin-top:15px;
	margin-bottom:10px;
}

#sidebar-right .widget { 
	padding:15px;
}


#blog-post-1 .widget,
#blog-post-2 .widget,
#blog-post-3 .widget {
	margin-bottom: 10px;
}

.featured-image-widget {
		float:left;
		clear: left;
}

.uss-imagelink-widget-class .silo-image {
	position: relative;
	width: 100%;
	width: auto;
}

a.imagelink-image img {	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.uss-imagelink-widget-class h3 {
	font-weight: bold;
	position: absolute; 
	bottom: 43px; 
	left: 0px; 
	color: white; 
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
	margin-right: 25px;  
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 1;
}

.uss-imagelink-widget-class h3 a {
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
}

.uss-imagelink-widget-class p { 
	position: absolute; 
	bottom: 10px; 
	left: 0px; 
	color: white; 
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
	margin-bottom: 0px; 
	font-size:13px;
	margin-right: 25px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 1;
}

#home-silo .widget.uss-ad-widget-class  {  
	line-height: 0px;  /* make sure cmam widgets sit nicely with no extra space below */ 
}

.leaderboard-ad { 
	margin-top:15px;
}
.description-top-home-ad {
	text-align:left;
}
.description-bottom-home-ad {
	text-align:left;
}

.cmam-content-widget.widget,
.featured-image-widget .widget {
	margin-bottom: 15px;
}

.featured-image-widget .widget {
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.cmambottom-content-widget { 
	margin-top: 20px;
	margin-bottom: 20px; 
}

/* --- FOOTER --- */

#colophon .site-info {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;	
}

#colophon .site-info a {
}

#powered-by {
	font-size: 12px;
}

#comments .panel { 
	padding: 10px; 
}

/* --- DEVICES 340px and GREATER --- */

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


/* --- DEVICES 768px and GREATER --- */

@media (min-width: 768px) {
	
	.container { 
		width: inherit;
	}
	
	.navbar { 
		min-height: 40px; 
	}
	
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	/* toggle off the menu title */
	.navbar-brand { 
		display: none; 
	}
	
	/* ensure the home link doesnt get a active background */
	.home .navbar-default .navbar-nav>.active>a {
		background-color: transparent;
	}
	
	#primary-menu { 
		margin-left: -15px; 
	} 
	
	#primary-menu-right { 
		margin-right: -15px; 
	} 
	
	#secondary-menu { 
		margin-left: -15px; 
	}
	
	#secondary-menu-right { 
		margin-right: -15px; 
	}
	
	#footer-menu {
		margin-left: -15px;
	}
	
	#footer-menu-right {
		margin-right: -15px;
	}
	
	/* Nested comments */
	.comment .children { 
	 	margin-left: 1.5em; 
		padding-left: inherit;
	}
	
	/* --- BREADCRUMBS --- */
	

	#primary-menu-left.navbar-breadcrumbs>li:after, 
	#primary-menu-left.navbar-breadcrumbs>li+li:after {
		content: "";
		padding: 10px 8px;
		background-image: url(images/breadcrumb-arrow.png); 
		background-repeat:no-repeat;
		background-position:right;

	}

	#primary-menu-left.navbar-breadcrumbs>li>a { 
		display: inline-block;
	}
	
	/* --- WIDGETS --- */
		
	#home-silo .widget.cmam_responsive_ad_widget_class {
		text-align: center;
	}
	
	.description-top-home-ad { 
		text-align:center; 
	}
	.description-bottom-home-ad { 
		text-align:center;
	}
}

/* --- DEVICES 992px and GREATER --- */

@media (min-width: 992px) {
	
	.container { 
		width: inherit;
	}
	
	#social-nav {
		float: right;
		margin-top: 27px;
	}

	/* stops the site title margins affecting the logo */
	.site-branding {
		float: left;
		margin-top: 6px;
	}
	
	/* make sure the title and tagline sits to the right of the logo on medium sized devices up */
	.site-title { 
		text-align: left;
	}
	
	.site-description { 
		text-align: right;
		font-style: italic;
		margin-bottom: 18px;
	}
	
	#header-logo {
		float:left;
		margin-right: 15px;
	}
	
	.masthead-title  {
		float: left;
		margin-top: 5px;
	}
	
	.main-content {
		min-height: 500px;
	}
	
	.description-top-home-ad {
		text-align:left; 
	}
	.description-bottom-home-ad {
		text-align:left;
	}
	
}

.entry-content a { text-decoration: underline; }