/*===============================
=            Global            =
===============================*/

html {
	box-sizing: border-box;
}

body {
	font-family: wholeBlendsBook;
	color: #52312d;
	margin: 0;
	/*background:#f6debe url("../images/bg.png") center 0 no-repeat;*/
}

.content-wrapper {
	max-width: 1240px;
	margin: 0 auto;
	background-color: #fdf6e8;
	height: auto;
}

a {
	text-decoration: none;
}

h1 {
	font-size: 28pt;
	margin: 0;
}

h3 {
	font-size: 18pt;
	margin: 0;
}



@font-face {
    font-family: "wholeBlendsDemi";
    src: url("fonts/AvantGarde-Demi.woff") format('woff');
}

@font-face {
    font-family: "wholeBlendsBook";
    src: url("fonts/avantgardeitcbybt-book-webfont.woff") format('woff');
}

.bold {
	font-family: wholeBlendsDemi;
}

.book {
	font-family: wholeBlendsBook;
}




.flex-grid-thirds, .flex-grid-half, .flex-grid {
  display: flex;
  justify-content: space-between;
}

.col {
  flex: 1;
}

.flex-grid-thirds .col {
  width: 32%;
}

.flex-grid-half .col {
  width: 50%;
}


.Grid {
  display: flex;
}

.Grid-cell {
  flex: 1;
}

/* With gutters */
.Grid--gutters {
  margin: -1em 0 0 -1em;
}
.Grid--gutters > .Grid-cell {
  padding: 1em 0 0 1em;
}


.u-1of3 {
	width: 33.3333%!important;
	flex: none;
}



/*==============================
=            Header            =
==============================*/

.header {
	position: relative;
	z-index: 10;
}

.h-bar {
	background-color: white;
	height: 85px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.10);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.10);
}

.h-bar-mnLogo {
	max-width: 150px;
	margin: 20px
}

.h-bar-sbmLogo {
	max-width: 150px;
	margin: 20px;
	float: right;
}

.h-bar-momstownLogo {
	max-width: 200px;
	margin: 20px;
	float: right;
}

.h-bar-wew {
	max-width: 150px;
	margin: 20px;
	float: right;
}

/*==============================
=            Coupon            =
==============================*/

.coupon {
	height: 218px;
	z-index: 1;
	background:#f6debe url("../images/coupon.jpg") center 0 no-repeat;
	color: #52312d;
}


/*===================================
=            leaderboard            =
===================================*/

.leaderboard {
	margin: 15px 0;
	text-align: center;
}

.leaderboard-ad {
	text-align: center;
	margin: 15px auto 15px auto;
}


/*===================================
=            Navigation             =
===================================*/


.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  border-top: 0;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
}

.navigation {
	text-align: center;
	margin-bottom: 20px;
	padding:21px 0;
}

.navButton {
	background: #52312d;
 	color: white;
 	display: inline-block;
 	font-size: 18px;
 	padding: 15px 20px;
 	border: none;
 	text-decoration: none;
 	font-size: 20px;
 	font-family: Arial, sans-serif;
 	margin-right:25px;
 	font-family: 'wholeBlendsBook';
 	text-transform: uppercase;
}

.navButton:hover {
	transition: background-color 0.5s ease;
	background-color: #de995b;
	color: #52312d;
}


/*=======================================
=            Twitter Section            =
=======================================*/

.twitter-image {
	max-width: 100%;
	display: block;
	margin:0 0 0 130px;
}

.twitter-copy {
	text-align: center;
	font-family: wholeBlendsBook;
	color: #52312d;
	margin: 40px 30px 0 0;
}

.twitter-copy .book {
	font-family: wholeBlendsBook;
	color: #de995b;

}

.twitter-copy .bold {
	font-family: wholeBlendsDemi;
	color: #52312d;

}

.twitter-copy .tag {
	color:#de995b;
}

.twitter-copy .divider img {
	margin-top: 20px;
}
.twitter-copy h1 {
	margin-top: 7px;
}

.twitter-copy h3 {
	margin-top: 7px;
}

.twitter-cta {
	margin-top: 20px;
}


/*===========================================
=            Crowdsocial Section            =
===========================================*/

.crowdsocial-cta {
	margin-top: -9px;
}

.crowdsocial-image {
	margin:0 0 0 90px;
}


/*====================================
=            New Products            =
====================================*/

.products-header {
	margin-top: 30px;
	text-align: center;
}

.divider img {
	display: block;
	margin: 10px auto;
}

.products-section img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.products-section {
	text-align: center;
}

.products-section i {
	margin-top: 15px;
	color:#de995b;
}

.products-section .cta {
	display: block;
	margin: 15px auto;

}

/*=======================================
=            Blogger Section            =
=======================================*/

.blogger-header {
	margin-top: 30px;
	text-align: center;
}

.blogger-wrapper {
	position: relative;
	clear: both;
	overflow: auto;
	max-width: 100%; 
}



.blogger-section {
	float: left;
	height: auto;
	width: 66.666%;
}

.blogger-section img {
	margin:20px;
	max-width: 100%;
}

.ad-section {
	float: right;
	overflow: hidden;
	text-align: center;
	width: 33.333%;
	margin-top: 21px;
}


/*----------  LOAD MORE SECTION  ----------*/

.blogger-section .load-more {
	display: block;
	margin:0 auto;
}

.full-content {
	display: none;

}



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

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

.footer {
	width: 100%;
	background-color: #222222;
	height: 80px;
	text-align: center;
}

.footer p {
	padding-top: 33px;
	margin:0;
	color: white;
	font-family: 'wholeBlendsBook';
  	font-weight:  100;
  	font-style:   normal;
  	font-stretch: normal;
}