/*  -----------------------------------------------
Theme Name: Brooklyn Blonde WordPress Template
Author: Alchemy+AIM
Author URL: http://www.alchemyandaim.com
Description: A Wordpress theme developed by Alchemy+Aim.
----------------------------------------------- */

@import "normalize.css";
@import "style1.css";

#main-wrapper {margin-top:50px;}
#sidebar-wrapper {margin-top:60px;}
.single #main-wrapper, .single #sidebar-wrapper, .page #sidebar-wrapper, .page-id-50 #main-wrapper, .page-id-52 #main-wrapper {margin-top:0;}
.home #main-wrapper .post .homepostbox .shop-link .view-article:before {margin: 0 auto 16px;} .blog #main-wrapper .post .homepostbox .shop-link .view-article:before {margin: 0 auto 16px;}
.comments .reply {font-size: .7em; font-family: "cabinmedium", sans-serif; text-transform: uppercase; letter-spacing: 2px; text-align:right;}
.home #sidebar-wrapper,
body.search-results #sidebar-wrapper, .body.archive #sidebar-wrapper{margin-top: 60px;}
body.category #sidebar-wrapper{margin-top:50px}

#comment_form .text_area {text-transform:none;}
body {display:block; overflow-y:scroll; -webkit-overflow-scrolling:touch; }

/* ----- Added to fix scrolling issue on iPhone 5S ----- */
.cd-primary-nav, .cd-primary-nav ul {
overflow:hidden;
}

@media only screen and (max-width : 600px) {
.home #main-wrapper, .home #main-wrapper2 {
  padding: 0 0 50px;
  margin-top:0;
}
}

@media only screen and (max-width : 1000px) {
.search-results #main-wrapper .post, .archive #main-wrapper .post, .category #main-wrapper .post{
	margin-right:4%;
}
}
@media only screen and (max-width : 414px) {
.search-results #main-wrapper .post, .archive #main-wrapper .post, .category #main-wrapper .post{width:90%;margin:auto!important;}
#main-wrapper{ text-align:center;}
}

.blog #content-wrapper {
  margin-top:-30px;
}
.blog #sidebar-wrapper {
  margin-top:0;
}
.blog #main-wrapper {
  padding: 0 0 50px;
  margin-top:0;
}
.blog #main-wrapper .post .cats {
  height: 50px;
  margin-top: -50px;
  padding: 18px 20px 10px;
  background: #fff;
  display: table;
  position: relative;
  font-family: "cabinmedium", sans-serif;
  font-size: .7em;
  text-transform: uppercase;
  letter-spacing: .18em;
}
.blog #main-wrapper .post .cats a {
  color: #c08f65;
}
.blog #main-wrapper .post .cats a:hover {
  color: #73563a;
}
.blog #main-wrapper .post .cats span:first-child a {
  color: #414042;
}
.blog #main-wrapper .post .cats span:before {
  content: " > ";
}
.blog #main-wrapper .post .cats span:first-child:before {
  content: "";
}
.blog #main-wrapper .post .homepostbox {
  border-left: 1px solid #c3c2c3;
  border-bottom: 1px solid #c3c2c3;
  padding: 0px 20px;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
.blog #main-wrapper .post .homepostbox .view-article {
  color: #c08f65;
  font-family: "cabinmedium", sans-serif;
  text-transform: uppercase;
  font-size: .7em;
  letter-spacing: .18em;
}
.blog #main-wrapper .post .homepostbox .view-article:hover {
  color: #73563a;
}
.blog #main-wrapper .post .homepostbox .view-article:before {
  width: 160px;
  height: 4px;
  background: #c08f65;
  content: " ";
  display: table;
  margin-bottom: 16px;
}
.blog #main-wrapper .post .homepostbox .details {
  padding-bottom: 30px;
  width: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.blog #main-wrapper .post .homepostbox .details > div {
  position: relative;
  padding-right: 12%;
}
.blog #main-wrapper .post .homepostbox .details h2 {
  font-family: "cabinmedium", sans-serif;
  margin-bottom: 0px;
}
.blog #main-wrapper .post .homepostbox .details h2 a {
  color: #414042;
}
.blog #main-wrapper .post .homepostbox .details h2 a:hover {
  color: #c08f65;
}
.blog #main-wrapper .post .homepostbox .details .date {
  font-style: italic;
}
.blog #main-wrapper .post .homepostbox .details.detailsandshop {
  padding-bottom: 30px;
  width: 62%;
  display: inline-block;
  vertical-align: bottom;
}
.blog #main-wrapper .post .homepostbox .details.detailsandshop > div {
  position: relative;
  padding-right: 12%;
}
.blog #main-wrapper .post .homepostbox .details.detailsandshop > div:after {
  height: 300px;
  width: 1px;
  background: #c3c2c3;
  content: " ";
  display: table;
  -webkit-transform: rotate(15deg) !important;
  -moz-transform: rotate(15deg) !important;
  -ms-transform: rotate(15deg) !important;
  -o-transform: rotate(15deg) !important;
  transform: rotate(15deg) !important;
  position: absolute;
  right: 0;
  top: 0;
}
.blog #main-wrapper .post .homepostbox .shop-link {
  display: inline-block;
  width: 37%;
  vertical-align: bottom;
  padding: 0 10px 30px 0;
  text-align: center;
}
.blog #main-wrapper .post .homepostbox .shop-link .shopimg img {
  width: 82%;
  margin: 0 auto 30px;
}
.blog #main-wrapper .post .homepostbox .shop-link a {
  display: table;
  float: right;
}

#gallery-4 img {border: 0px!important;}

.product-links div {
	text-align: center!important;
	padding: 30px 0px!important;
	border-bottom: 1px solid #c3c2c3;
}
.product-links div p, .product-links div p a {  
	text-align: center;  
    color: #c08f65;
    font-weight: normal;
	font-style: italic;
	font-size: 1.0em!important;
}

@media screen and (max-width: 600px) {
	div.featured-section-posts {display: none!important;}
}

@media only screen and (max-width : 1125px) {
.single #main-wrapper .post .entry-content {
	font-size:105%;
}
}
	
@media only screen and (max-width: 414px) {
	#main-wrapper {max-width: 414px;} 
}