/**
Theme Name: Blog.SpoonGraphics V7.1
Theme URI: http://blog.spoongraphics.co.uk
Description: Blog.SpoonGraphics theme
Version: 7.1
Author: Sgt. Matt Kersley & Col. Chris Spooner
Author URI: http://www.chrisspooner.com
*/

/**
 * CONSTANTS
 * ======================================================================================
 * These are values used throughout the stylesheet
 *
 * COLOURS
 * -------
 * Background   : #f8f5ee;
 * Link Colour  : #b85b5a;
 * Link Hover   : #9c3433;
 * Teal         : #84bbb9;
 * Body Text    : #5a5a5a;
 * Footer Brown : #5d4e48;
 * Mid Beige    : #a69f9b;
 * Light Grey	: #edece8;
 * Form Borders : #e1e0dd;
 *
 *
 * FONTS
 * -----
 * base    : 'Droid Sans', sans-serif;
 * heading : 'Playfair Display', serif;
 * alt     : 'Montserrat', sans-serif;
 * aaa     : 'Source Sans Pro', sans-serif;
 *
 *
 * RESPONSIVE BREAKPOINTS
 * ----------------------
 * palm:        (max-width: 567px)
 * lap:         (min-width: 568px) and (max-width: 1023px)
 * desk:        (min-width: 1024px)
 * desk-wide:   (min-width: 1400px)
 *
 */


/**
 * ATOMS
 * ======================================================================================
 * Basic tags, such as form labels, inputs or buttons.
 * They also include more abstract elements like color palettes, fonts, and animations.
 */

/* Set our bounds */
html, body { height: 100%; margin: 0; padding: 0; width: 100%; }

/* sets the "root" font size to 10px so we can use the "rem" unit */
html { font: 10px/1.75 'Droid Sans', sans-serif; }

/* sets the font-size for mobile (12px) */
body { font-size: 1.4rem; }

/* sets the font-size for desktop (16px) */
@media screen and (min-width: 568px){
	body { font-size: 1.6rem; }
}

body { border-top: solid 10px #5d4e48; border-image: url(assets/images/footer-bg-solid.png) 10 0 0 repeat-y; background: url('assets/images/beige-bg.jpg') #f8f4ec; color: #5a5a5a; padding-top: 20px; }

*:focus{ outline: none; }

/* heading font family */
h1, h2 { font-family: 'Playfair Display', serif; line-height: 1.25; }
h3, h4, h5, h6 { font-family: 'Montserrat', serif; text-transform: uppercase; letter-spacing: 0.3rem; font-weight: normal; }

h1 { font-size: 6rem; }    /* 60px */
h2 { font-size: 4rem; }    /* 40px */
h3 { font-size: 2rem; }    /* 20px */
h4 { font-size: 1.8rem; }  /* 18px */
h5 { font-size: 1.6rem; }  /* 16px */
h6 { font-size: 1.4rem; }  /* 14px */

@media screen and (max-width: 568px){
	article h2 { font-size: 3rem; }
}

h1.title { color: #a69f9b; font-family: 'Playfair Display', serif; font-size: 3rem;  margin: 0 0 40px 0;}
.page h2 { font-size: 3rem; color: #a69f9b; }

h2.title { font-family: 'Montserrat', serif; font-size: 2rem; text-transform: uppercase; letter-spacing: 0.3rem; font-weight: normal;  background: #edece8; padding: 20px 10px 20px 0; position:relative; color: #a69f9b; margin: 0 0 40px 0; }
h2.title:before { background: #edece8; content: " "; display:block; height: 100%; position: absolute; right: 100%; top: 0; width: 9999%; }


p { line-height: 2; margin: 0 0 30px 0; }
p.btn a { display: block; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; letter-spacing: 0.2rem; text-transform: uppercase; padding: 20px; text-align: center; line-height: 1.2; clear: both; }
p.btn a span { /*display: block; font-family: 'Playfair Display', serif; font-style: italic; letter-spacing: 0; text-transform: none; float: right; position: absolute; top: 15px; right: 20px;*/  display: none; }
@media screen and (max-width: 568px){
	p.btn a { font-size: 1.4rem; }
}


a { color: #b85b5a; transition: all 0.2s ease-in-out; text-decoration: none; }
a:hover { color: #9c3433; }

img{ height: auto; max-width: 100%; }


/* Placeholder text */
/* NOTE: you can't combine these into a single set of properties, it won't work */
::-webkit-input-placeholder { color: #a69f9b; font-style: italic; }
:-moz-placeholder           { color: #a69f9b; font-style: italic; }/* Firefox 18- */
::-moz-placeholder          { color: #a69f9b; font-style: italic; }/* Firefox 19+ */
:-ms-input-placeholder      { color: #a69f9b; font-style: italic; }



/* clearfix */ 
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* colour bleeds for featured images */
.bleed { position:relative; }
.bleed:before { content: " "; display:block; height: 100%; position: absolute; right: 100%; top: 0; width: 9999%; }
.single .bleed:before { display: none; }


/* hide content unless you're a screen reader */
.screenreader { position: absolute; left: -9999px; }


/**
 * MOLECULES
 * ======================================================================================
 * Groups of elements that function together as a unit. For example, a form label,
 * search input, and button atom can combine them together to form a search form molecule
 */

/* ads */
@media screen and (max-width: 567px){
	.banner-container{ display: none; }
}
.banner a { max-width: 100% !important; }

/*
.button,
.btn,
input[type=submit],
button { background: transparent !important; border: solid 2px #b85b5a !important; color: #b85b5a !important; display: inline-block !important; font-family: 'Montserrat', sans-serif !important; padding: 10px 20px !important; text-align: center !important; text-transform: uppercase !important; }
@media screen and (min-width:568px){
	.button,
	.btn,
	input[type=submit],
	button { padding: 20px 30px !important; }
}

*/
#wpadminbar #adminbarsearch .adminbar-button {display: none !important;}
.button.button-aaa { background: url('assets/images/aaa-button.jpg') !important; border: 0; color: #fff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 4.2rem !important; font-weight: 900; line-height: 6.5rem !important; padding: 5px 20px !important; text-transform: uppercase !important; white-space: nowrap;}



.screen-reader-text { left:-9999px; position: absolute; }


/**
 * ORGANISMS
 * ======================================================================================
 * A masthead organism might consist of a logo, navigation, and search form,
 * while a “product grid” organism might consist of the same product info molecule
 * repeated over and over.
 */

/**
 * MASTHEAD
 */
@media screen and (max-width: 567px){
	.main-header { padding-bottom: 20px; padding-top: 20px; }
}

.main-header .brand { height: 136px; position: relative; margin: 10px 0 20px 0; }
.main-header .brand a img { display: block; position: absolute; top: 0; bottom: 0; margin: auto; }

@media screen and (max-width: 567px){
	.main-header .brand { width: 150px; margin-left: auto; margin-right: auto; }
}

/* General Nav Styles */
.nav ul { font-family: 'Montserrat', sans-serif; list-style: none; margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 0.2rem; }
.nav a { }

/* Utility Nav Styles */
.nav--utility { text-align: right; }
.nav--utility li { display: inline-block; font-size: 12px; overflow: hidden; }
.nav--utility li a { display: block; width: 16px; height: 16px; margin: 0 auto; text-indent: 9999px;}
.nav--utility .sign-in a { width: auto; text-indent: 0; font-size: 1rem; }
.nav--utility .rss-feed a { background: url('assets/images/svg/rss.svg') center no-repeat; }
.nav--utility .search a { background: url('assets/images/svg/search.svg') center no-repeat; }
.nav--utility a { display: block; height: 100%; }
@media screen and (max-width: 567px){
	.nav--utility { text-align: left; }
	.nav--utility li { margin-left: 15px; }
	.nav--utility .sign-in a { background: url('assets/images/svg/sign-in.svg') center no-repeat; width: 16px; height: 16px; text-indent: 9999px; }
}
@media screen and (min-width: 568px){
	.nav--utility { text-align: right; margin: -7px 0 0 0; }
	.nav--utility li { margin-left: 15px; transition: transform .1s ease-in-out; }
	.nav--utility li:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
	.nav--utility li.sign-in:hover { -webkit-transform: none; -ms-transform: none; transform: none; }

}

/* Social Nav */
.nav--social ul { display: table; table-layout: fixed; width: 100%; padding: 0 10px 0 0;}
.nav--social li { display: table-cell; overflow: hidden; transition: transform .1s ease-in-out; }
.nav--social li a { display: block; width: 16px; height: 16px; margin: 0 auto; text-indent: -9999px; }
.nav--social .twitter a { background: url('assets/images/svg/twitter.svg') center no-repeat; }
.nav--social .facebook a { background: url('assets/images/svg/facebook.svg') center no-repeat;  }
.nav--social .youtube a { background: url('assets/images/svg/youtube.svg') center no-repeat;  }

@media screen and (min-width: 568px){
	.nav--social { margin: 45px 0 0 0; }
	.nav--social li:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}



/* Banner Position Fix */

.banner { margin: 5px 0 0 -10px; overflow: hidden; position: relative; }


/* Main Nav */

@media screen and (max-width: 567px) {
	.nav--main li{ float: left; text-align: center; width: 50%; }
}
@media screen and (min-width: 568px){
	.nav--main { font-size: 1.4rem; }
	.nav--main ul { display: table; table-layout: fixed; margin-bottom: 20px; width: 100%; }
	.nav--main li { display: table-cell; text-align: center; }

	.nav--main li a { border-bottom: solid 2px transparent; display: inline-block; }
	.nav--main li a:hover{ border-color: #b85b5a; }
	.nav--main .current-menu-item a,
	.nav--main .current-menu-parent a { border-color: #b85b5a; }
}
@media screen and (min-width:960px){
	.nav--main { font-size: 1.6rem;}
	.nav--main li a { letter-spacing: 0.3rem; text-indent: 0.3rem; display: block; padding: 0 0 16px 0; }
}


/**
 * Mobile navigation (js enabled browsers)
 */
@media screen and (max-width: 567px){
	.js .nav--main,
	.js .nav--social,
	.js .nav--utility { display: none; }
	
	.js .main-header .grid__item:not(:first-child) { display: none; } /* Remove empty nav grids that are causing a massive gap under logo */

	.js.mobile-menu-expanded { overflow: hidden; }
	
	body.mobile-menu-expanded { position: fixed; }
	
	/*all mobile navs*/
	.mobile-menu { padding: 40px; }
	.mobile-menu ul { font-size: 1.6rem; list-style: none; font-family: 'Montserrat', sans-serif; list-style: none; text-transform: uppercase; letter-spacing: 0.3rem; margin: 0 0 40px 0; padding: 0; }
	.mobile-menu ul li { margin: 0 0 20px 0; }
	.mobile-menu a { color: #b85b5a; }
	
	/* Doesn't work due to mobile viewport height :-( 
	.mobile-menu ul li:after { display: block; color: #a69f9b; font-family: 'Playfair Display', serif; font-style: italic; line-height: 1.3; font-size: 1.4rem; text-transform: none; letter-spacing: 0; }
	.mobile-menu ul li.tutorials:after { content: "Learn how to create cool stuff in Photoshop & Illustrator"; }
	.mobile-menu ul li.freebies:after { content: "Download all my free design resources"; }
	.mobile-menu ul li.articles:after { content: "Find inspiration and discover new design styles";  }
	.mobile-menu ul li.videos:after { content: "Follow my design tutorials in video format"; }
	.mobile-menu ul li.news:after { content: "Discover fantastic design deals and resources bundles"; }
	.mobile-menu ul li.premium:after { content: "See all the content available for Access All Areas members";  }
	*/
	
	/* Utility nav */
	
	.mobile-menu .nav--mobile-utility li { margin: 0 0 10px 0; font-size: 1.4rem; }
	
	/*social nav*/
	.nav--mobile-social ul {  overflow: hidden; }
	.nav--mobile-social li a { display: block; width: 32px; height: 32px; text-indent: 999px; float: left; margin: 0 25px 0 0; }
	.nav--mobile-social .twitter  a { background: url('assets/images/svg/twitter.svg') center no-repeat; }
	.nav--mobile-social .facebook a { background: url('assets/images/svg/facebook.svg') center no-repeat; }
	.nav--mobile-social .youtube a { background: url('assets/images/svg/youtube.svg') center no-repeat; }

	/*content overlay*/
	.mobile-menu-overlay { opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
	.mobile-menu-expanded .mobile-menu-overlay { opacity: 1; position:absolute; width: 100%; height:100%; background: #f8f4ec; z-index:800; }

	/*menu toggler*/
	.mobile-menu-toggler { position: absolute; top: 12px; right: 30px; z-index: 801; display: block; width: 24px; height: 24px; background: url("assets/images/svg/menu.svg") no-repeat; text-indent: -9999px; cursor: pointer; }
	.mobile-menu-expanded .mobile-menu-toggler { background: url("assets/images/svg/close.svg") no-repeat; }
	
	/*move the content left when open*/
	.stage { position: relative; -webkit-transition: -webkit-transform 1s ease; transition: transform 1s ease; z-index: 800; }
	.mobile-menu-expanded .stage { -webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); }

	/*move the menu left when open*/
	.mobile-menu-container { background: #5d4e48 url(assets/images/footer-bg-solid.png); box-shadow: -3px 0px 3px rgba(0,0,0,0.1); height: 100%; position: fixed; left: 100%; top: 0; width: 80%; z-index: 799;-webkit-transition: -webkit-transform 1s ease; transition: transform 1s ease; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index:900; }
	.mobile-menu-expanded .mobile-menu-container { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
}

@media screen and (min-width: 568px) {
	.mobile-menu-container,
	.mobile-menu-toggler,
	.mobile-menu-overlay { display: none; }
}



/**
 * SIDEBAR
 */
 
 .sidebar section { margin: 0 0 40px 0; }
 
.sidebar h3.header { overflow: hidden; text-align: center; margin: 0; line-height: 1.2; }
.sidebar h3.header span { display: inline-block; position: relative; }
.sidebar h3.header span:before,
.sidebar h3.header span:after { content: ""; border-top: solid 1px #5a5a5a; display: block; height: 0px; position: absolute; top: 50%; width: 200%; }
.sidebar h3.header span:before { margin-right: 15px; right: 100%; }
.sidebar h3.header span:after { margin-left: 15px; left: 100%; }



.side-subscribe h3.header { color: #84bbb9; }
.side-subscribe h3.header span:before,
.side-subscribe h3.header span:after {  border-top: solid 1px #84bbb9; }
.side-subscribe .sub-head { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; margin: -4px 0 0 0; text-align: center; white-space: nowrap; }
.side-subscribe .sub-head span { color: #84bbb9; }
.side-subscribe .crate-block { background: url(assets/images/sidebar-crate.png) no-repeat right center; background-size: 100%; }
.side-subscribe .crate-block p { font-family: 'Montserrat', serif; min-height: 156px; text-transform: uppercase; letter-spacing: 0.1rem; font-size: 1.1rem; line-height: 1.8; margin: 0; }
.side-subscribe .crate-block p .amp { font-family: 'Playfair Display', serif; font-style: italic; font-size: 150%; line-height: 0; position: relative; top: 2px; }
.side-subscribe .crate-block .count { color: #84bbb9; display: block; font-family: 'Playfair Display', serif; font-size: 6rem; font-style: italic; font-weight: bold; line-height: 1; margin: 0 0 4px 0; }
.side-subscribe .crate-block .count span { font-size: 4rem; }

.side-subscribe input {	width: 100%; padding: 20px;	margin: 0 0 10px ; border: 1px solid #e1e0dd; 
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b;
}	.side-subscribe input:focus { border: solid 1px #a69f9b; }

.side-subscribe input.submit { 
	font-family: 'Montserrat', serif; text-transform: uppercase; letter-spacing: 0.4rem; font-size: 2rem; color: #fff; text-align: center;
	background: #84bbb9 url(assets/images/email-teal-bg.jpg); font-style: normal; border: none;
}

@media screen and (min-width: 568px) and (max-width: 960px){
	.side-subscribe .sub-head { font-size: 1.4rem; }
	.side-subscribe .crate-block { background-size: 90%; margin: 0 0 10px 0; m }
	.side-subscribe .crate-block .count { font-size: 4.5rem; }
	.side-subscribe .crate-block p { font-size: 0.8rem; min-height: 0; }
	
	.side-subscribe input { padding: 10px; font-size: 1.4rem; }
	.side-subscribe input.submit { font-size: 1.4rem; }
	
}




.side-subscribe { background: #84bbb9 url(assets/images/email-teal-bg.jpg); padding: 20px; }
.side-subscribe h3.header { color: #fff; }
.side-subscribe h3.header span:before,
.side-subscribe h3.header span:after {  border-top: solid 1px #fff; }
.side-subscribe .sub-head { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; margin: -4px 0 0 0; text-align: center; white-space: nowrap; }
.side-subscribe .sub-head span { color: #fff; }
.side-subscribe .crate-block { background: url(assets/images/sidebar-crate.png) no-repeat right center; background-size: 100%; }
.side-subscribe .crate-block p { font-family: 'Montserrat', serif; min-height: 156px; text-transform: uppercase; letter-spacing: 0.1rem; font-size: 1rem; line-height: 1.8; margin: 0; color: #fff; }
.side-subscribe .crate-block p .amp { font-family: 'Playfair Display', serif; font-style: italic; font-size: 150%; line-height: 0; position: relative; top: 2px; }
.side-subscribe .crate-block .count { color: #5a5a5a; display: block; font-family: 'Playfair Display', serif; font-size: 6rem; font-style: italic; font-weight: bold; line-height: 1; margin: 0 0 4px 0; }
.side-subscribe .crate-block .count span { font-size: 4rem; }

.side-subscribe input {	width: 100%; padding: 20px;	margin: 0 0 10px ; border: 1px solid #e1e0dd; 
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b;
}	.side-subscribe input:focus { border: solid 1px #a69f9b; }

.side-subscribe input.submit { 
	font-family: 'Montserrat', serif; text-transform: uppercase; letter-spacing: 0.4rem; font-size: 2rem; color: #fff; text-align: center; margin: 0; 
	background: none; border: 2px solid #fff; font-style: normal;
}

@media screen and (min-width: 568px) and (max-width: 960px){
	.side-subscribe .sub-head { font-size: 1.4rem; }
	.side-subscribe .crate-block { background-size: 90%; margin: 0 0 10px 0; m }
	.side-subscribe .crate-block .count { font-size: 4.5rem; }
	.side-subscribe .crate-block p { font-size: 0.8rem; min-height: 0; }
	
	.side-subscribe input { padding: 10px; font-size: 1.4rem; }
	.side-subscribe input.submit { font-size: 1.4rem; }
	
}

.sidebar #ads { background: #edece8; padding: 30px 0 10px 0; text-align: center; overflow: hidden; }
.sidebar #ads div.bsap_1301789 a { width: 100%; }
.sidebar #ads div.bsap_1598 a { display: inline-block; float: none; margin: 0; max-width: 135px; text-align: center; width:50%; }
.sidebar #ads p.advertise { font-family: 'Montserrat', sans-serif; list-style: none; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.1rem; margin: 10px 0 0 0; line-height: 1.3; }
	.sidebar #ads p.advertise a { color: #a69f9b; } .sidebar #ads p.advertise a:hover { color: #b85b5a; } 

@media screen and (min-width: 568px) and (max-width: 960px){
	#bsap_1305847 { display: none; }
}

.sidebar-tshirt-store { background: #5a5a5a url(assets/images/sidebar-tshirt-bg.jpg); text-align: center; }
.sidebar-tshirt-store .tshirt-info { padding: 20px 20px 0 20px; }
.sidebar-tshirt-store h3.header { color: #f8f4ec; }
.sidebar-tshirt-store .sub-head { font-family: 'Playfair Display', serif; font-size: 2.1rem; color: #f8f4ec; font-style: italic; margin: -4px 0 0 0; text-align: center; white-space: nowrap; overflow: hidden; }

.sidebar-tshirt-store .sub-head span { display: inline-block; position: relative; }
.sidebar-tshirt-store .sub-head span:before,
.sidebar-tshirt-store .sub-head span:after { content: ""; border-top: solid 1px #5a5a5a; display: block; height: 0px; position: absolute; top: 50%; width: 200%; }
.sidebar-tshirt-store .sub-head span:before { margin-right: 15px; right: 100%; border-top: solid 1px #f8f4ec; }
.sidebar-tshirt-store .sub-head span:after { margin-left: 15px; left: 100%; border-top: solid 1px #f8f4ec; }

.sidebar-tshirt-store a.store-btn { border: solid 2px #f8f4ec; color: #f8f4ec; display: inline-block; width: 100%; padding: 15px 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: 0.3rem;text-transform: uppercase; margin: 10px 0 10px 0;}
	.sidebar-tshirt-store a.store-btn:hover { color: #fff; border: solid 2px #fff; }
.sidebar-tshirt-store .tshirt-image { display: block; }
.sidebar-tshirt-store .discount { font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 0.1rem; font-size: 1rem; margin: 0; color: #f8f4ec; }

#premium-banner { 
	position: relative;
	background: 
	url('assets/images/aaa-bg-top.png') top repeat-x,
	url('assets/images/aaa-bg-bottom.png') bottom repeat-x,
	url('assets/images/aaa-bg-left.png') left repeat-y,
	url('assets/images/aaa-bg-right.png') right repeat-y,
	url('assets/images/aaa-h-f-bg.jpg');
	font-family: 'Source Sans Pro', sans-serif; font-weight: 900; text-shadow: 0px 1px 3px rgba(0,0,0,0.4); letter-spacing: 0.1rem;
}
#premium-banner p, #premium-banner dl, #premium-banner ul { margin: 0 0 10px 0; padding: 0 16px; color: #fff; font-size: 1.8rem; line-height: 1.3; letter-spacing: 0; }
#premium-banner dl dt { float:left; clear: left; width: 20%; text-align: right; }
#premium-banner dl dd { float:left; margin-left: 5%; width: 70%; }
#premium-banner dl dd span.short { display: none; }
#premium-banner dl dd span.long { display: block; }
#premium-banner .bottom-image { display: block; padding: 0 0 0 4px; }
#premium-banner a.findoutmore { display: block; background: url('assets/images/aaa-bg-top.png') top repeat-x; font-size: 3.8rem; text-transform: uppercase; letter-spacing: -0.1rem; color: #fff; text-align: center; line-height: 1; padding: 10px;}
	#premium-banner a.findoutmore:hover { color: #edece8; }

#premium-banner ul { list-style: none; padding: 20px; }
#premium-banner ul li a { display: block; margin: 0 0 20px 0; color: #fff; }
#premium-banner ul li a:hover { color: #edece8; }
#premium-banner ul li a:before { display: block; width: 24px; height: 24px; float: left; transition: transform .2s ease-in-out; }
	#premium-banner ul li.see-premium a:before { content: url("assets/images/svg/aaa-see-premium.svg"); }
	#premium-banner ul li.edit-profile a:before { content: url("assets/images/svg/aaa-edit-profile.svg"); }
	#premium-banner ul li.cancel a:before { content: url("assets/images/svg/aaa-cancel.svg"); margin-top: 1px; }
	#premium-banner ul li.support a:before { content: url("assets/images/svg/aaa-support.svg"); margin-top: 3px; }
	#premium-banner ul li.signout a:before { content: url("assets/images/svg/aaa-signout.svg"); }
#premium-banner ul li a:hover:before {
	transform: scale(1.2);
}
	
@media screen and (min-width: 480px) {
	#premium-banner dl dt { width: 14%; clear: none; }
	#premium-banner dl dd { margin-left: 2%; width: 34%; }
	#premium-banner dl dd span.short { display: block; }
	#premium-banner dl dd span.long { display: none; }
	#premium-banner ul li a:before { margin: 0 5px 0 0; }
}

@media screen and (min-width: 568px) {
	#premium-banner p, #premium-banner dl, #premium-banner ul { font-size: 1.6rem; }
	#premium-banner dl dt { width: 20%; }
	#premium-banner dl dd { margin-left: 5%; width: 70%; }
	#premium-banner dl dd span.short { display: block; }
	#premium-banner dl dd span.long { display: none; }
	#premium-banner a.findoutmore { font-size: 2.8rem; }
	#premium-banner ul li a:before { margin: 0 15px 0 0; }
}

@media screen and (min-width: 1024px) {
	#premium-banner p, #premium-banner dl, #premium-banner ul { font-size: 1.8rem; }
	#premium-banner dl dt { width: 14%; clear: none; }
	#premium-banner dl dd { margin-left: 2%; width: 34%; }
	#premium-banner dl dd span.short { display: block; }
	#premium-banner dl dd span.long { display: none; }
	#premium-banner a.findoutmore { font-size: 3.8rem; }
}


#featured ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
#featured li { line-height: 1.2; margin-bottom: 20px; position: relative; }
#featured li img { display: block; -webkit-filter: grayscale(100%) sepia(30%); filter: grayscale(100%) sepia(30%); opacity: 0.7; transition: -webkit-filter .3s ease-in-out, filter .3s ease-in-out, opacity .3s ease-in-out; width: 100%; }
#featured li:hover img { -webkit-filter: grayscale(0%) sepia(0%); filter: grayscale(0%) sepia(0%); opacity: 1; }
#featured li span { background: rgba(90,90,90,.8); border: solid 3px #fff; color: #fff; display: block; left: 50%; font-family: 'Montserrat', sans-serif; letter-spacing: 0.3rem; padding: 10px; position: absolute; top: 50%; text-align: center; text-transform: uppercase; transform: translate(-50%, -50%); width:89%; }
.ie9 li span { margin-left:-40%; margin-top:-10%; }

@media screen and (min-width: 568px) {
	#featured li span { font-size: 1.2rem; position: relative; left: 0; top: 0; width: 100%; border: none; transform: none; } 
	.ie9 li span { margin: 0; }
}

@media screen and (min-width: 960px) {
	#featured li span { background: rgba(90,90,90,.8); border: solid 3px #fff; color: #fff; display: block; left: 50%; font-family: 'Montserrat', sans-serif; font-size: 1.6rem; letter-spacing: 0.3rem; padding: 10px; position: absolute; top: 50%; text-align: center; text-transform: uppercase; transform: translate(-50%, -50%); width:89%; }
	.ie9 li span { margin-left:-40%; margin-top:-10%; }

}


/* Hide Sidebar Elements on Single for mobile (to allow comments to appear after post and prevent duplicate sign up forms */
@media screen and (max-width: 568px) {
.single .side-subscribe, .single #premium-banner, #featured { display: none; }
.single #premium-banner.user-profile { display: block; }
}

/**
 * FOOTER
 */
.footer-wrapper { background: #5d4e48 url(assets/images/footer-bg-solid.png); color: #edece8; margin: 40px 0 0 0; padding: 30px 0 0 0; }
.footer-wrapper h3 { color: #a69f9b; margin: 0 0 15px 0; line-height: 1.2; font-size: 1.6rem;}
.main-footer { position: relative; padding: 0 0 22px 0; }
.footer-about a.learn-more { display: inline-block; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; letter-spacing: 0.3rem; text-transform: uppercase; padding: 15px 20px; }
.footer-about { float:left; width: 50%; margin: 0 0 40px 0; }
.footer-chris { display: none; }
.footer-links { float:right; width: 45%; }
.footer-links ul { list-style: none; margin: 0; padding: 0; }
.footer-links li {  color: #a69f9b; font-family: 'Playfair Display', serif; font-style: italic; line-height: 1.3; float: left; clear: left; font-size: 1.2rem; width: 100%%; margin: 0 0 20px 0; }
.footer-links li a { display: block; font-family: 'Montserrat', sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: 0.2rem; }
.footer-links li:nth-child(odd) { clear:left; margin-right: 10%; }

@media screen and (min-width: 568px){
	.footer-wrapper h3 { font-size: 2rem; }
	.footer-links li { clear: none; width: 45%; }
	.footer-links li a { font-size: 1.4rem; letter-spacing: 0.3rem;}
}

@media screen and (min-width: 880px){
	.footer-about { width: 44%; }
	.footer-chris { display: block; height: auto; left: 42%; width: 25%; position: absolute; bottom: 0px; line-height: 0; }
	.footer-links { width: 32%; }
}


/**
 * PAGINATION
 */
.pagination ul { list-style: none; margin: 0 0 40px 0; padding: 0; overflow: hidden; }
.pagination li { float: left; width: 100%; white-space: nowrap; text-align: center; margin: 0 0 10px 0; }
.pagination a { border: solid 2px #b85b5a; display: inline-block; width: 100%; padding: 15px 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: 0.3rem;text-transform: uppercase; }
.pagination li.older a:before{ content: url("assets/images/svg/arrow-left.svg"); display: block; width: 10px; height: 18px; float: left; margin: 3px 15px 0 0; transition: transform .2s ease-in-out;}
.pagination li.newer a:before { content: url("assets/images/svg/arrow-right.svg"); display: block; width: 10px; height: 18px; float: right; margin: 3px 0 0 15px; transition: transform .2s ease-in-out;}

@media screen and (min-width: 568px){
	.pagination li.older a:hover:before, .pagination li.newer a:hover:before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}

@media screen and (min-width: 769px){
	.pagination li { width: 50%; min-width: 222px;}
	.pagination li.older { text-align: left; }
	.pagination li.newer { text-align: right; }
	.pagination a { width: auto; }
}


/**
 * SHARE BLOCK
 */
 
.shareblock { background: #fff; padding: 20px 20px 20px 0; position:relative; margin: 0 0 30px 0; }
.shareblock:before { background: #fff; content: " "; display:block; height: 100%; position: absolute; right: 100%; top: 0; width: 9999%; }


/* Reset share block plugin styles */

.shareblock .us_wrapper.us_skin_default .us_button.us_total { width: auto; height: auto; position: static; top: auto; } 
.shareblock .us_wrapper.us_skin_default { line-height: 1; }
.shareblock .us_wrapper.us_skin_default .us_button.us_total .us_count, .shareblock .us_wrapper.us_skin_default .us_button .us_count { float: none; width: auto; height: auto; position: static; top: auto; transform: none; -webkit-transform: none; }  
.shareblock .us_wrapper.us_skin_default .us_button.us_total .us_share, .shareblock .us_wrapper.us_skin_default .us_button .us_share {  display: block; float: none; width: auto; height: auto; position: static; top: auto; transform: none; -webkit-transform: none; margin: 0; }

.shareblock .us_wrapper.us_skin_default .us_button { width: 85px; height: 85px; margin: 0 0 5px 5px; }
.shareblock .us_wrapper.us_skin_default .us_button .us_share { text-align: center; margin: 12px 0 5px 0; font-size: 32px;}
.shareblock .us_wrapper.us_skin_default .us_button .us_count { font-size: 20px; }
.shareblock .us_wrapper.us_skin_default .us_button.us_total { margin: 0 9px 0 0; width: 180px; }
.shareblock .us_wrapper.us_skin_default .us_button.us_total .us_count { font-size: 6rem;  }  
.shareblock .us_wrapper.us_skin_default .us_button.us_total .us_share { font-family: 'Montserrat', sans-serif; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.2rem; text-align: center; margin: 0; }


  
.bitly-and-comments { background: #fff; margin: 20px 0 0 0; position:relative; overflow: hidden; text-align: right; }
.bitly-and-comments:before { background: #fff; content: " "; display:block; height: 100%; position: absolute; right: 100%; top: 0; width: 9999%; }
.bitly-and-comments input[type=text] { float:left; width: 230px; padding: 3px 5px; font-size: 1.4rem; }
.bitly-and-comments .sharelink { float: left; background: url("assets/images/svg/share.svg") no-repeat; width: 16px; height: 16px; text-indent: 9999px; margin: 7px 5px 0 0; }
.bitly-and-comments .comments { background: url("assets/images/svg/comments.svg") left no-repeat; background-size: 16px; padding: 0 0 0 30px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 1.4rem; color: #a69f9b; letter-spacing: 0.2rem; }
.bitly-and-comments .add-comment { font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 0.2rem; padding-left: 15px; font-size: 1rem;; }

@media screen and (max-width: 568px){
	.shareblock .us_wrapper.us_skin_default .us_button.us_total { margin: 0 9px 10px 0; width: 100%; }
	.bitly-and-comments { text-align: left;}
	.bitly-and-comments .comments { display: inline-block; margin: 10px 0 0 0;}
}


/**
 * CARDS
 */
.card { background: #fff; border-bottom: solid 2px #edece8; margin: 0 0 30px 0; }
.card img { display: block; height: auto; width: 100%; }
.card h3 { font-family: 'Playfair Display', serif; font-size: 2rem; font-style: italic; margin: 0; padding: 20px; text-transform: none; letter-spacing: 0; line-height: 1.3; }
section .card h3 { font-size: 1.6rem; padding: 20px 5px; text-align: center; }

.newsletter-image { float: right; margin: 0 0 30px 40px; }

/**
 * SEARCH FORM
 */
.search-form { width: 70%; margin: 50px auto 30px auto; overflow: hidden; }
.search-form input { width: 60%; padding: 20px;	border: 1px solid #e1e0dd; float: left; margin: 0 1% 0 0;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b; }
	.search-form input:focus { border: solid 1px #a69f9b; }

.search-form .search-submit { width: 32%; margin: 0; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; font-size: 1.6rem; letter-spacing: 0.2rem; text-transform: uppercase; padding: 22px; text-align: center; line-height: 1.2; background: none; color: #b85b5a; font-style: normal; }

@media screen and (max-width: 1024px){
	.search-form input, .search-form .search-submit { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; }
}


.archive-title {
	border-left: 5px solid #e1e0dd; display: inline-block; margin: 0 0 5px 0; padding: 0 0 0 10px;
}


/**
 * TEMPLATES
 * ======================================================================================
 * Comprised mostly of organisms combined together to form page-level objects.
 */

/**
 * GENERIC STRUCTURAL STUFF
 */
.contain { margin: 0 auto; max-width: 1050px; }
@media screen and (max-width: 567px){
	.contain { padding: 10px; }
}
@media screen and (max-width: 1023px){
	.contain { padding: 0 20px; }
}
@media screen and (min-width: 568px){
	#main { padding-right: 30px; }
}

/**
 * HOME/ARCHIVE TEMPLATE
 */

/* header block */
.article-header.bleed:before { background: #edece8; }
.article-header a { display: block; height: 200px; overflow: hidden; position: relative; }
.article-header a img { min-height: 100%; width: 100%; position: relative; top: 0; object-fit: cover; transition: transform .2s ease-in-out;}
	.article-header.bleed a:hover img {
		transform: scale(1.2); 
	}
.article-header a img.oldheader { object-fit: fill; }
.article-header.bleed a { display: block; }

@media screen and (max-width: 568px){
.article-header.bleed a:hover img { transform: none;}
}

@media screen and (min-width: 1023px){
.article-header a img { top: -50%; }
.article-header a img.oldheader { top: 0; }
}


/* article info block */
.post-info.bleed { background: #edece8; color: #a69f9b; display: table; list-style: none; font-family: 'Montserrat', sans-serif; letter-spacing: 0.2rem; text-transform: uppercase; margin: 40px 0 60px 0; padding: 15px 20px 15px 0;  width: 100%;}
.post-info.bleed:before { background: #edece8; }

.post-info.bleed li { display: block; font-size: 1.2rem; }
.category-premium .post-info.bleed li { font-size: 1.6rem; line-height: 1.4; }
.post-info.bleed li.read-more { display: block; float: right; margin: -50px 0 0 0;}
.post-info.bleed li.read-more a { display: block; background: url("assets/images/svg/arrow-right.svg") right bottom no-repeat; width: 32px; height: 32px; text-indent: -9999px;}
.post-info.bleed a { color: #a69f9b; }
	.post-info.bleed a:hover { color: #9c3433; }
.post-info .screenreader{  left: 0; position: relative; }

.tc_highlight { background: transparent; color: #a69f9b; padding: 0; }
.tc_highlight abbr { border: 0; }


@media screen and (min-width: 769px){
	.post-info.bleed li { display: table-cell; text-align: center; font-size: 1.4rem; }
	.category-premium .post-info.bleed li { font-size: 1.8rem; }
	.post-info.bleed li.read-more { float: none; margin: 0; }
	.post-info.bleed li.read-more a { width: 18px; height: 18px; transition: transform .1s ease-in-out; position: relative; top: 3px; }
	.post-info.bleed li.read-more a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
	.post-info.bleed li:first-child { text-align: left; }
	.post-info .screenreader{  left: -9999px; position: absolute; }
}

.category-premium .post-info.bleed {
	background: 
	url('assets/images/aaa-bg-top.png') top repeat-x,
	url('assets/images/aaa-bg-bottom.png') bottom repeat-x,
	url('assets/images/aaa-bg-right.png') right repeat-y,
	url('assets/images/aaa-h-f-bg.jpg');
	font-family: 'Source Sans Pro', sans-serif; font-weight: 900; text-shadow: 0px 1px 3px rgba(0,0,0,0.4); letter-spacing: 0.1rem;
}


.category-premium .post-info.bleed:before { 
	background: 
	url('assets/images/aaa-bg-top.png') top repeat-x,
	url('assets/images/aaa-bg-bottom.png') bottom repeat-x,
	url('assets/images/aaa-h-f-bg.jpg'); }

.category-premium .post-info.bleed a { color: #fff; }
.category-premium .post-info.bleed a:hover { color: #edece8;}




/**
 * SINGLE POST TEMPLATE
 */

/* Hero */
.featured-hero{ background: #edece8; margin-bottom: 40px; overflow: hidden; }
.featured-hero .titleblock{ padding-right: 2%; }
.titleblock h1 { font-size: 6.4rem; line-height: 1.2; margin: 40px 0 0 0; }
	.titleblock.videopost-header h1 { margin: 0 0 0 0; }
	
@media screen and (max-width: 567px){
	.titleblock h1 { font-size: 4rem; }
}
	
.titleblock .post-info { margin: 50px 0; padding: 0; }
	.titleblock.videopost-header .post-info { margin: 40px 0; }
.single .bleed{ background:transparent; }
.single .bleed:before{ display: none; }
.single-featured-image-container { position: relative; }
.single-featured-image { background-position: center; background-size: cover; background-repeat: no-repeat; left:0; position: absolute; }
.single .videopost-wrapper { height: 0; padding-top: 56.1956522%; position: relative; }
.single .videopost, .single .videopost iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.single .videopost-featured-image { position: absolute; left:-9999px; }

.the-content { margin: 0 0 30px 0; }
.the-content img { display: block; margin: auto; border: 1px solid #e1e0dd; }
.the-content h3 { font-family: 'Playfair Display', serif; font-size: 3.6rem; font-weight: bold; letter-spacing: 0; text-transform: none; line-height: 1.2; }
.the-content h3.header { font-family: 'Montserrat', serif; font-size: 2rem; text-transform: uppercase; letter-spacing: 0.2rem; font-weight: normal;  background: #edece8; padding: 20px 10px 20px 0; position:relative; }
.the-content h3.header:before { background: #edece8; content: " "; display:block; height: 100%; position: absolute; right: 100%; top: 0; width: 9999%; }

.the-content .video { margin: 0 0 30px 0; height: 0; padding-top: 56.1956522%; position: relative; }
.the-content .video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* Drop Cap Styling - Yay or Nay? 
.single .the-content p:first-child:first-letter { float: left; color: #a69f9b; font-size: 15.2rem; line-height: 1; margin: 9px 10px 0 0; font-family: 'Playfair Display', serif; }
*/

/* AAA source button
 * NOTE: shortest edge/longest edge * 100 = padding-top
 * This allows us to have a responsive height for our abs positioned <a> with a background image
 
p.source { position: relative; padding-top:16.96969697%; }
p.source a { background: url(assets/images/premium-source-bg.jpg); background-size:contain; display: block; height:100%; position: absolute; text-indent: -9999px; top: 0; width:100%; }

*/
p.source a {
	background: 
	url('assets/images/aaa-bg-top.png') top repeat-x,
	url('assets/images/aaa-bg-right.png') right repeat-y,
	url('assets/images/aaa-bg-bottom.png') bottom repeat-x,
	url('assets/images/aaa-bg-left.png') left repeat-y,
	url('assets/images/aaa-h-f-bg.jpg'); 
	display: block; padding: 21px; position: relative;
	font-family: 'Source Sans Pro', sans-serif; font-weight: 900; text-shadow: 0px 1px 3px rgba(0,0,0,0.4); font-size: 3.8rem; text-transform: uppercase; letter-spacing: -0.1rem; color: #fff; text-align: center; line-height: 1;
}

@media screen and (min-width: 1024px){
	p.source a:before {content: url("assets/images/aaa-source-logo.png"); display: block; position: absolute; top: -17px; }
	p.source a:after {content: url("assets/images/aaa-members-only.png"); display: block; position: absolute; top: 23px; right: 20px;  }

}
p.source a:hover { color: #edece8; }

.old-post { padding: 20px; margin: 0 0 30px 0; background: #edece8; color: #a69f9b; overflow: hidden; }
.old-post p:before { content: ""; display: block; width: 48px; height: 48px; background: url('assets/images/svg/warning.svg') no-repeat; float: left; margin: 0 10px 0 0; }
.old-post p strong { font-family: 'Playfair Display', serif; font-size: 2rem; font-weight: bold; letter-spacing: 0; text-transform: none; line-height: 1.2; display: block; }
.old-post p { font-family: 'Montserrat', sans-serif; letter-spacing: 0.2rem; text-transform: uppercase; font-size: 1.4rem; line-height: 1.4; margin: 0; }


.old-post h3 { font-size: 2.8rem; }
.old-post ul.expired-related-products { list-style: none; padding: 0; }
.old-post ul.expired-related-products li { width: 100%; margin: 0 0 10px 0; }


@media screen and (min-width: 768px){
	.old-post p:before { width: 60px; height: 60px; }
	.old-post p strong { font-size: 2.8rem; margin: 0 0 -14px 0; }
	
	.old-post ul.expired-related-products li { width: 190px; float: left; margin: 0 8px 8px 8px; }
}



/* Bundle Banner */
.bundle-banner { color: #fff; margin-bottom: 40px; position: relative; clear: both; }
.bundle-banner:before{ background: #84bbb9 url(assets/images/email-teal-bg.jpg); bottom: 0; content: ""; display: block; height: 90%; position: absolute; width: 100%; z-index: -1; }
.bundle-banner .grid__item { vertical-align:middle; }
.bundle-banner img { vertical-align:bottom; margin-bottom: -12px; }
.bundle-banner h2 { color: #fff; font-family: 'Playfair Display', serif; font-size: 4.6rem; margin: 20px 0 20px 0; }
.bundle-banner h2 em { font-weight: bold; }
.bundle-banner input {	width: 60%; padding: 20px;	margin: 0 1% 0 0 ; border: 1px solid #e1e0dd; float: left;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b;
}	.side-subscribe input:focus { border: solid 1px #a69f9b; }

.bundle-banner input.submit { 
	width: 39%; margin: 0; padding: 19px; 
	font-family: 'Montserrat', serif; text-transform: uppercase; letter-spacing: 0.4rem; font-size: 2rem; color: #fff; text-align: center;
	background: none; font-style: normal; border: 2px solid #fff;
}

.bundle-banner .bundle-download {
	width: 100%; padding: 19px; display: block;
	font-family: 'Montserrat', serif; text-transform: uppercase; letter-spacing: 0.4rem; font-size: 2rem; color: #fff; text-align: center;
	border: 2px solid #fff;
}

@media screen and (max-width: 1023px){
	.bundle-banner h2 { font-size: 3.6rem; }
	.bundle-banner input, .bundle-banner input.submit { padding: 10px; font-size: 1.2rem; }
}

@media screen and (max-width: 567px){
	.bundle-banner:before{ height: 100%; }
	.bundle-banner .grid__item { text-align: center; }
	.bundle-banner--alt img { margin: 0; }
}
.bundle-banner--alt { margin: 40px 0 80px 0; padding: 30px 0; }
.bundle-banner--alt img { margin-bottom: -51px; }

.download-thanks { background: url('assets/images/email-overlay-crate.png') 88% no-repeat, url('assets/images/email-teal-bg.jpg'); color: white; padding: 60px 80px; border: none; }
.download-thanks .form { width: 50%; }
.download-thanks h2 { font-family: 'Playfair Display', serif; font-size: 4.6rem; margin: 0 0 20px 0; }
.download-thanks p { font-family: 'Playfair Display', serif; font-size: 2.4rem; line-height: 1.8; } 
.download-thanks input {	width: 100%; padding: 20px;	margin: 0 1% 10px 0 ; border: 1px solid #e1e0dd; float: left;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b;
}	.side-subscribe input:focus { border: solid 1px #a69f9b; }

.download-thanks input.submit { 
	width: 100%; margin: 0; padding: 19px; 
	font-family: 'Montserrat', serif; text-transform: uppercase; letter-spacing: 0.4rem; font-size: 2rem; color: #fff; text-align: center;
	background: none; font-style: normal; border: 2px solid #fff;
}

@media screen and (max-width: 1120px){
	.download-thanks { background: url('assets/images/email-teal-bg.jpg'); }
	.download-thanks .form { width: 100%; }
}




/* Comments */
#comments { background: #fff; padding: 20px; }
#comments .comment { margin-bottom: 20px; }
#comments h3 { margin: 0; }
#comments a.add-comment { font-family:'Playfair Display', serif; font-size: 2.2rem; font-style: italic; }
#comments ol { list-style: none; margin: 40px 0 0 0; padding: 0; }
#comments ul.children { border-left: solid 5px #edece8; list-style: none; margin: 20px 0; padding: 0 0 0 20px; }
#comments .comment-body:before,
#comments .comment-body:after { content: " "; display: table; }
#comments .comment-body:after { clear: both; }
#comments .comment-body { *zoom: 1; }
#comments .comment-author {  margin-bottom: 10px; font-family: 'Playfair Display', serif; font-size: 2.2rem;}
#comments .comment-author img { height: 40px; margin-right: 10px; vertical-align: middle; width: 40px; }
#comments .comment-author .says { position: absolute; left: -9999px; }
#comments .comment-metadata { font-family: 'Montserrat', sans-serif; font-size: 1rem; letter-spacing: 0.1rem; line-height: 3rem; text-transform: uppercase; }

#comments .comment-reply-link, #comments #cancel-comment-reply-link { font-family: 'Montserrat', sans-serif; font-size: 1.4rem; letter-spacing: 0.2rem; text-transform: uppercase; line-height: 18px; padding-left: 25px;}
#comments .comment-reply-link { background:url(assets/images/svg/comment-reply.svg) left no-repeat; background-size: 18px; }
#comments #cancel-comment-reply-link { background:url(assets/images/svg/close.svg) left no-repeat; background-size: 18px; }

#comments #respond { border-top: solid 2px #f9f8f6; padding-top: 40px; }
#comments #respond h3 { display: none; }
#comments #respond fieldset { border: 0; }

#comments #respond label { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; letter-spacing: 0.2rem; text-transform: uppercase; line-height: 18px; padding-left: 25px; margin: 0 0 10px 0; padding: 0; }
#comments #respond input[type=text], #comments #respond textarea { width: 100%; padding: 20px;	border: 1px solid #e1e0dd; float: left;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b; margin: 0 0 20px 0; }
	#comments #respond input[type=text]:focus, #comments #respond textarea:focus { border: solid 1px #a69f9b; }
#comments #respond textarea { min-height: 183px; max-width: 100%; }

#comments #respond input.commentsubmit { width: 100%; margin: 27px 0 0 0; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; font-size: 1.6rem; letter-spacing: 0.2rem; text-transform: uppercase; padding: 22px; text-align: center; line-height: 1.2; background: none; color: #b85b5a; }


/* Next in [category]... */
.next-in-category{ background-color: #edece8; bottom:0; position:fixed; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; width: 100%; z-index: 100; }
.next-in-category.show { -webkit-transform: translateY(0px); transform: translateY(0px); }
.next-in-category .img-container { line-height:0; }
.next-in-category img { width: 100%; }
.next-in-category .next-in { display: block; font-family: 'Montserrat', sans-serif; margin: 5px 0 0 0; text-transform: uppercase; letter-spacing: 0.2rem; }
.next-in-category .title { display: block; font-family: 'Playfair Display', serif; font-size: 2.6rem; line-height: 1.2; }
.next-in-category .close-next-post { display: block; width: 36px; height: 36px; background: url(assets/images/close-icon.png); text-indent: -9999px; position: absolute; top: 0; right: 0;}
.next-in-category.hide { -webkit-transform: translateY(100%); transform: translateY(100%); }

@media screen and (max-width:567px){
	.single-featured-image { position: relative; margin-left: -20px; }
	.single-featured-image img { display: block; }
	.next-in-category .title { font-size: 1.6rem; }
	.next-in-category .next-in { font-size: 1.2rem; }
}
@media screen and (min-width:568px){
	.single-featured-image img { display: none; }

	#comments { padding: 45px; }
	#comments .comment { margin-bottom: 40px; }
	#comments h3 { display: inline-block; }
	#comments .add-comment { display: inline-block; float:right; }
	#comments .comment-meta { position: relative; }
	#comments .comment-author img { float: left; height: auto; margin-right: 20px; width: auto; }
	#comments .comment-metadata { position: absolute; right: 0; top: 0; }
	#comments .comment-content { margin-left: 120px; }
	#comments .reply, #comments .cancel { text-align: right; }
	#comments ul { margin: 20px 0 20px 20px; }
	#comments .fields  { float: left; padding-right: 22px; width: 43%; }
	#comments .message { float: right; padding-left: 22px; width: 57%; }

	.next-in-category .desk-two-fifths{ float:left; }
}



/**
 * PAGES
 * ======================================================================================
 * Pages are specific instances of templates and swap out placeholder content with real
 * representative content.
 */
.aaa-landing { border: 0; color: #5a5a5a; padding: 0; }
.aaa-landing .block { background: url(assets/images/aaa-block-bg.jpg); color: #f8f5ee; }
.aaa-landing .contain { padding: 50px 20px; }
.aaa-landing .contain p:last-child { margin-bottom: 0; }

.aaa-landing .quote-block .contain { position: relative; }
.aaa-landing .quote-chris { margin-bottom: -50px; position: relative; text-align: center; }
.aaa-landing blockquote { font-family: 'Droid Sans', sans-serif; font-size: 1.8rem; font-weight: bold; margin: 0; padding: 0 50px ; position: relative; }
.aaa-landing blockquote:before, .aaa-landing blockquote:after { color: #a69f9b; font-family: 'Playfair Display', serif; font-size: 8.4rem; position: absolute; }
.aaa-landing blockquote:before { content:'“'; left: 0; line-height: 0.5em; top: 11px; }
.aaa-landing blockquote:after { content:'”'; bottom: -10px; line-height: 0em; margin-bottom: 0.1em; margin-left: 10px; }

.aaa-landing .paper-bg { background: url(assets/images/aaa-h-f-bg.jpg); }
.aaa-landing .paper-bg .contain { padding:0 20px; }
.aaa-landing .paper-bg h2 { color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 4rem; font-weight: 900; line-height: 1.2; margin: 20px 0 10px 0; text-shadow: 0px 1px 3px rgba(0,0,0,0.4); text-transform: uppercase; }
.aaa-landing .paper-bg p { color: #fff; font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 2.1rem; line-height: 1.5; text-shadow: 0px 1px 3px rgba(0,0,0,0.4); }
.aaa-landing header .contain { padding: 0 20px; }
.aaa-landing header .button { margin-right: 20px; margin-bottom: 20px; }
.aaa-landing header .learn-more { margin: 20px 0; }
.aaa-landing header span { display: inline-block; width: 150px; height: 55px; background: url(assets/images/aaa-learn-more.png); text-indent: -9999px; }
.aaa-landing footer * { vertical-align: middle; }
.aaa-landing footer .contain { padding: 20px !important; }
.aaa-landing footer img { margin-right: 20px; }
.aaa-landing footer .grid :last-child { text-align: right; }
.aaa-landing footer .grid :last-child a { margin-left: 20px; }
.aaa-landing .contain > h2 { color: #a69f9b; font-family: 'Playfair Display', 'serif'; font-size: 4rem; margin: 0 0 20px 0; }
.aaa-landing .contain > h3 { color: #5a5a5a; font-family: 'Montserrat', 'sans-serif'; font-size: 3rem; font-style: normal; text-transform: uppercase; letter-spacing: 0.6rem; margin: 0 0 10px 0; }
.aaa-landing .block .contain > h2, .aaa-landing .block .contain > h3 { color: #f8f5ee; }
.aaa-landing .card { margin-bottom: 30px; }
.aaa-landing .card h3 { font-family: 'Playfair Display', 'serif'; font-style: italic; text-transform: none; letter-spacing: 0px; font-size: 1.6rem; text-align: center; padding: 20px 5px; }
.aaa-landing .quote-chris { line-height: 0; margin-bottom: -20px; }
.aaa-landing .aaa-source-files { margin: -10px 0 -59px 0;}
.aaa-landing fieldset { border: none; margin: 0; padding: 0; }
.aaa-landing .join-btn { min-width: 100%; height: 175px; background: url('assets/images/aaa-join-now.png') no-repeat; text-indent: -9999px; background-size: 100%; border: none; display: block; }

@media screen and (max-width: 567px){
	.aaa-landing footer .grid :last-child,
	.aaa-landing footer .grid :first-child { text-align: center; }
	.aaa-landing footer .grid :last-child { margin-top: 20px; }
	.aaa-landing .contain > h2 { font-size: 3rem; }
	.aaa-landing .contain > h3 { font-size: 2rem; letter-spacing: 0.4rem; }
}
@media screen and (min-width: 568px){
	.aaa-landing .quote-chris { bottom: 0; height: 120%; margin:0; max-height: 410px; overflow: hidden; right: 0; position: absolute; }
}


/* Sign In */

#loginform { width: 60%; }

#loginform label { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; letter-spacing: 0.2rem; text-transform: uppercase; line-height: 18px; padding-left: 25px; margin: 0 0 10px 0; padding: 0; }
#loginform input[type=text], #loginform input[type=password] { width: 100%; padding: 20px;	border: 1px solid #e1e0dd; float: left;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b; margin: 0 0 20px 0; }

#loginform input[type=text]:focus, #loginform input[type=password]:focus { border: solid 1px #a69f9b; }

#loginform input#wp-submit { width: 100%; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; font-size: 1.6rem; letter-spacing: 0.2rem; text-transform: uppercase; padding: 22px; text-align: center; line-height: 1.2; background: none; color: #b85b5a; }


/* AAA Pages */

p.aaa-btn a {
	background: 
	url('assets/images/aaa-bg-top.png') top repeat-x,
	url('assets/images/aaa-bg-right.png') right repeat-y,
	url('assets/images/aaa-bg-bottom.png') bottom repeat-x,
	url('assets/images/aaa-bg-left.png') left repeat-y,
	url('assets/images/aaa-h-f-bg.jpg'); 
	display: block; padding: 21px; position: relative;
	font-family: 'Source Sans Pro', sans-serif; font-weight: 900; text-shadow: 0px 1px 3px rgba(0,0,0,0.4); font-size: 3.8rem; text-transform: uppercase; letter-spacing: -0.1rem; color: #fff; text-align: center; line-height: 1;
}
p.aaa-btn a:hover { color: #edece8; }

/* AAA Registration */


.contain .wlm_regform_improved { max-width: 100%; min-width: 0; font-size: inherit; overflow: hidden; color: inherit; }
.contain .wlm_regform_container { background: none; border: none; padding: 0; }

.contain .wlm_form_group { padding: 0; }
.contain .wlm_regform_container label { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; letter-spacing: 0.2rem; text-transform: uppercase; line-height: 18px; padding-left: 25px; margin: 0 0 10px 0; padding: 0; width: auto; }
.contain .wlm_regform_container input { width: 100%; padding: 20px;	border: 1px solid #e1e0dd; float: left;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b; margin: 0 0 20px 0; }

.contain .wlm_regform_container .fld:focus { border: solid 1px #a69f9b; background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%);  box-shadow: none; }

.contain .wlm_regform_container input.submit { width: 100%; margin: 27px 0 40px 0; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; font-size: 1.6rem; letter-spacing: 0.2rem; text-transform: uppercase; padding: 22px; text-align: center; line-height: 1.2; background: none; color: #b85b5a; font-style: normal; border-radius: 0; }

.contain .wlm_form_group.wlm_required_field .wlm_form_label { color: #5a5a5a; }
.contain .wlm_regform_improved p.submit { margin: 0; }

.contain p.wpm_err:before { content: ""; display: block; width: 48px; height: 48px; background: url('assets/images/svg/warning.svg') no-repeat; float: left; margin: 0 15px 0 0; }
.contain p.wpm_err { font-family: 'Playfair Display', serif; font-size: 3rem; font-style: italic; letter-spacing: 0; text-transform: none; color: #e32918; display: block; line-height: 1.5; }




/* User Profile */

.userprofile label { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.4rem; letter-spacing: 0.2rem; text-transform: uppercase; line-height: 18px; padding-left: 25px; margin: 0 0 10px 0; padding: 0; }
.userprofile input[type=text], .userprofile input[type=password] { width: 100%; padding: 20px;	border: 1px solid #e1e0dd; float: left;
	background: #fff; background: linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -moz-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); background: -webkit-linear-gradient(top, #f5f2f2 0%, #ffffff 16%); 
	font-family: 'Playfair Display', serif; font-size: 1.8rem; font-style: italic; color: #a69f9b; margin: 0 0 20px 0; }
	.userprofile input[type=text]:focus, .userprofile input[type=password]:focus { border: solid 1px #a69f9b; }

.userprofile input.submit { width: 100%; margin: 27px 0 40px 0; border: 2px solid #b85b5a; font-family: "Montserrat",sans-serif; font-size: 1.6rem; letter-spacing: 0.2rem; text-transform: uppercase; padding: 22px; text-align: center; line-height: 1.2; background: none; color: #b85b5a; }

p.error:before { content: ""; display: block; width: 48px; height: 48px; background: url('assets/images/svg/warning.svg') no-repeat; float: left; margin: 0 15px 0 0; }
p.error { font-family: 'Playfair Display', serif; font-size: 3rem; font-style: italic; letter-spacing: 0; text-transform: none; color: #e32918; display: block; line-height: 1.5; }

.welcome { width: 47%; float: left; margin: 0 0 20px 0; }
.welcome:nth-child(odd) { clear:left; margin-right: 5%; }
.welcome h2 { font-size: 2.2rem; }
.welcome .article-header a { height: 160px; }
.welcome .article-header a img { top: 0; }



/* Legal */

.can { color: green; }
.not { color: red; }



/* 404 */

body.error404 { background: #000 url('assets/images/404-static.gif'); border: none; text-align: center; box-shadow: inset 0 0 500px #000;
font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 0.3rem; color: #fff; }
body.error404 div { position: relative; top: 50%; transform: translateY(-50%); }
body.error404 h1 { font-size: 10rem; margin: 0 0 30px 0; }
body.error404 h2 { font-size: 4rem; margin: 0 0 30px 0; }
body.error404 h2 span { font-size: 8rem; display: block; }
body.error404 p { font-size: 2rem; display: block; }

body.error404 a {
 color: #ded7bd; text-decoration: none;
}
	body.error404 a:hover {
		color: #af9a77;
	}

@media screen and (max-width: 567px){
	body.error404 { box-shadow: inset 0 0 100px #000; }
	body.error404 img { width: 50%; }
	body.error404 h1 { font-size: 5rem; }
	body.error404 h2 { font-size: 2rem; }
	body.error404 h2 span { font-size: 4rem; }
	body.error404 p { font-size: 1.4rem; }
}




/* Post Specific */
ul#designcuts {
	overflow: hidden;
}
ul#designcuts li {
	float: left;
	font-size: 1.8rem;
	width: 50%;
	margin: 0 0 5px 0;
}


ul#floatlist {
	overflow: hidden; padding: 0;
}
ul#floatlist li {
	float: left;
	width: 48%;
	margin: 0 0 15px 0;
	list-style: none;
}
ul#floatlist li:nth-child(odd) {
	clear: left;
	margin-right: 4%;
}



ul.thanks {
	overflow: hidden;
	list-style: none;
	margin: 0; padding: 0;
}
ul.thanks li {
	float: left; margin: 0 0 30px 0; width: 50%;
	overflow: hidden;
}
ul.thanks li a {
	float: left; 
}
ul.thanks li a.link {
	font-size: 1.8rem; padding: 15px;
	width: 60%;
}