/*
 Theme Name:   Sostrin Theme
 Description:  Theme designed for Sostrin Consulting
 Author:       Bluleadz
 Template:     layerswp
 Version:      1.0.0
 License:      GPL 2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Typography */
ol {
	padding-left: 2em;
}
ol li {
	list-style: decimal outside;
	line-height: 1.75;
	text-indent: 0em;
}

div[class*="span"].last {
	margin-right: 0;
}

/* plugin overides */
.fetch-tweets {
    overflow: hidden;
}

/* Header */
.nav a {
  padding: 1.8em;
}
.sub-menu li {
    border: none;
}

.sub-menu {
    border: none;
    box-shadow: 1px 7px 7px rgba(0, 0, 0, 0.36);
}
.site-logo-link img, .mark img {
  max-height: 95px;
}
.media ul li {
    list-style: circle inside;
    line-height: 1.75;
text-indent: -1em;
}

.media ul {
    padding-left: 2em;
    padding-top: .5em;
}
.nav li:hover > .sub-menu {
  top: 100%;
}
.brands .excerpt h1 {
	font-size: 7rem;
  	text-transform: uppercase;
  	letter-spacing: -4px;
  	font-weight: 300; 
}	
.brands .excerpt h1:nth-child(1) {
	margin-top: 20px;
}
.brands .excerpt h1:nth-child(2) {
  	font-size: 14rem;
  	margin: -4rem 0px;
  	font-weight: 900;
  	color: #DE8642
}
.brands .excerpt h1:nth-child(3) {
  	font-size: 11rem;
  	margin: -6rem 0px 0;
  	font-weight:500;
	border-bottom: 20px dashed #ccc;
}

/* Mobile Menu */
.invert .sub-menu a {
    padding: 1em;
}
.invert a {
    padding: 1em 0;
}


/* Book Page */
.book-thumbnails {
    padding: 3em 0;
    background: #25221F;
}


.book-slider > .row.container {
    background: #f4f4f4;
    padding: 2em 2em 1em;
}


.book-slider .section-title {
    margin-bottom: 1em;
}

/* Home Page */
.featured-book blockquote {
    padding: 1em;
    font-weight: 300;
    font-style: italic;
}
.featured-book .last:not(form .last) {
padding: 1em;
}
input.wpcf7-form-control.wpcf7-submit.button {
    margin-top: 0.225em;
}
/* Blog Page - category pages */
.blog .wrapper-content:before,
.single .wrapper-content:before  {
    	content: "Big Ideas + Insights";
	text-align:center;
	color:#fff;
	font-size:3em;
	padding: 2em;
  	display: block;
    	background: url(/wp-content/uploads/2015/05/australia-capital-city-5281.jpg) center center;
	background-size:cover;
}
.category .title-container {
	color:#fff;
	padding: 2em;
    	background: url(/wp-content/uploads/2015/05/australia-capital-city-5281.jpg) center center;
	background-size:cover;
}
.category .title-container .heading {
	color: #fff;
}
.category .bread-crumbs a {
	color: #fff;
}
.category nav.bread-crumbs {
color: #fff;
display:none;
}
@media (min-width:768px) {
.blog article,
.category article {
    width: 49%;
    float: left;
    margin-bottom: 2%;
}

.blog article:nth-child(odd),
.category article:nth-child(odd) {
    clear: both;
}

.blog article:nth-child(even),
.category article:nth-child(even) {
    margin-left: 2%;
}

}
.blog article,
.category article {
    padding: 1em;
    margin-bottom: 2em;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

.blog article .thumbnail,
.category article .thumbnail {
    	margin-left: -1em;
    	width: calc(100% + 2em);
	height: 200px;
	position:relative;
}
.blog article .thumbnail img,
.category article .thumbnail img {
    width: 100%!important;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.meta-item {
    display: inline-block;
}

.meta-item:not(:last-child):after {
    content: "|";
    padding: 1em;
}

nav.navigation.pagination {
    clear: both;
    display: block;
}

.blog .section-title,
.category .section-title {
    margin-bottom: 1em;
}

.blog .section-title h1 a,
.category .section-title h1 a {
    color: #DE8642;
}
.single-post .content-main {
    max-width: 800px;
    margin: auto;
    display: block;
}
.below_content {
    margin: 1em 0;
    display: block;
    text-align: center;
}

/* Callout */
.callout h3 {
	color: #DBA459;
	font-size: 24px;
}
.callout .calloutheader {
	background: #1B1B1B;
	color: #fff;
	padding: 1em;
	position: relative;
}
.callout .calloutheader:after {
	top: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #1B1B1B;
	border-width: 30px;
	margin-left: -30px;
}

.callout .calloutfooter {
	background: #eee;
	color: #fff;
	padding: 1em;
}
.calloutfooter p {
	color: #1b1b1b;
}

@media only screen and (min-width: 769px) {
	.row .span-2:nth-child(6n+7), .row .span-3:nth-child(4n+5), .row .span-4:nth-child(3n+4), .row .span-6:nth-child(2n+3) {
  		clear: none;
	}
}