/*
Theme Name: PSiMadeThis
Theme URI: http://github.com/zencoder/html5-boilerplate-for-wordpress
Description: Based on Steve Heffernan's version of the <a href="http://html5boilerplate.com">HTML5 Boilerplate</a> and Bruce Lawson's <a href="http://html5doctor.com/designing-a-blog-with-html5/">Designing a Blog with HTML5</a>. The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress. See the README for instructions. The "HTML5 Boilerplate" name is used with permission from Paul Irish.
Version: 1.0
Author: piroc media
Author URI: http://piroc.com/
Tags: white, two-columns
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*
HTML Boilerplate styles can be found in the html5-boilerplate/css directory.
*/

.ctct-form-wrapper .success {
background-color: transparent;
color: #333;
border: none;
}
.constantcontactform input[type=email] {
	    font-size: 0.93em;
    letter-spacing: 0.06em;
    font-family: 'Raleway';
    text-align: center;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0 1% 0.3em;
    width: 210px;
}
.ctct-disclosure { display: none!important; }
.ctct-label-top > label {     position: absolute;
    left: -99999px; }
img.wp-post-image { width: 100%; height: auto; }
img.logo { width: 55%; }
a:focus, button:focus, input:focus { outline: none; }
div.alm-btn-wrap {text-align: center;}
button#load-more, button.alm-load-more-btn.more { border: none; background: #FFF;  margin-bottom: 2em; font-size: 1.2em; letter-spacing: 0.08em; font-family: 'Raleway'; color: #f2757d!important; text-transform: uppercase; }

.freeland { font-family: 'Freeland', serif; }

.BodoniLTPro-Bold { 
	font-family: "BodoniLTPro-Bold";
	font-weight: normal;
	font-style: normal;
}
.BodoniLTPro-BoldItalic { 
	font-family: "BodoniLTPro-BoldItalic";
	font-weight: normal;
	font-style: normal;
}
.BodoniLTPro-Book { 
	font-family: "BodoniLTPro-Book";
	font-weight: normal;
	font-style: normal;
}

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.pink {color: #f2757d;}
a.pink, .craftMathItems a {color: #f2757d!important;}

.next{ float: right; margin: 0.8em 2% 0.8em 0; }
.previous { float: left; margin: 0.8em 0% 0.8em 2%; } 

/* WordPress Required Styles */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left; margin: 2px 2% 2% 0;
}

.alignright {
	float: right; margin: 2px 0 2% 2%;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
	
.sticky h2 {
	padding-top: 10px;
}


body.attachment nav, 
body.attachment article footer { display: none; }
body.attachment p { text-align: center; }

header h1 { margin-top: 0em; }
header>img { width: auto; }
header>p.description { margin-top: 1em; letter-spacing: 0.067em;}
a, a:visited  {text-decoration:none;  color: #333; }
a:active, a:hover { color: #f2757d; }
html, body { font-family: 'Raleway', Helvetica, Arial, sans-serif; }
input#s {
    background: url(/wp-content/themes/PSiMadeThis/images/search-your-heart-out.png) 0px top no-repeat; 
    text-indent: 8%; font: 12px 'Raleway', sans-serif;
    color: #999;
    width: 190px;
    height: 24px;
    letter-spacing: 0.1em;
}
input#s.off { background: none; }
input#s.on { background: url(/wp-content/themes/PSiMadeThis/images/icon_heart.gif) 109px top no-repeat; }
input#imagefiles { font-family: 'Raleway', Helvetica, Arial, sans-serif; }

form#searchform { text-align: center; margin: 0 auto; }
form#searchform label, form#searchform input[type=submit] { opacity: 0 }

#container { width: 96%; max-width: 1200px;  margin: 0 auto; padding: 0 2%; }
body.post-type-archive-craftmath #container { max-width: 960px }
#main { width: 100%;  margin-top: 2em; margin-bottom: 2em; }
#sidebar { width: 100%; float: none; margin: 2em auto; }

body.single #main, body.archive.post-type-archive-event  #main { width: 80%; margin: 2em auto; }
body.single article a,
body.page article a { color: #f2757d; }
body.archive.category article, body.search article, body.search-results article { display: inline-block; width: 31.25%; margin: 1em 0 2em; vertical-align: top; }
body.archive.category article:not(.event):nth-child(3n+4) { clear: left; }

body.archive.post-type-archive-book-event { text-align: center; }
body.archive article:not(.event):nth-child(3n+2) { margin: 1em 3% 2em; }

article.book-event h2 { padding-top: 1.2em; border-top: 8px solid #30dbcd; margin: 0 auto; width: 90%;border-bottom: 8px solid #30dbcd; padding-bottom: 1em; }
article.book-event ul li p { margin-top:0.2em; line-height: 1.2em; }
article.book-event .click-here {position: relative; margin-left: 78%;margin-bottom: -140px;z-index: 999;}

article.event img { width: 100%; height: auto; }

body.home .grid_item { display: inline-block; width: 31.25%; text-align: center; margin-bottom: 3%; vertical-align: top; }
body.home .grid_item:nth-child(3n+2) { margin: 0 3% 3%; }
body.home .grid_item img { width: 100%; height: auto; margin-bottom: 0.8em; }
body.home .grid_item a { color: #333; }
body.home .grid_item>a:first-child { display: block; }
body.home .grid_item span.type {  text-transform: uppercase; }
body.home .grid_item span.type, body.home .grid_item>a.category { letter-spacing: 0.13em;  }
body.home .grid_item a.pink { text-transform: uppercase; }
body.home .grid_item a.title { font-family: "BodoniLTPro-Book", "Times New Roman", serif; font-style: italic;font-size: 1.1em; letter-spacing: 0.04em; }

ul.book-event-holder {padding: 0em 0 1em 0; list-style: none;font-size: 1.2em;line-height: 1.4em;}
li.book-event { color: #4f5454; }
li.book-event p a:link, li.book-event p a:visited { color: #30dbcd; }
 li.book-event p a:hover { color: #333; }
.book-title { margin: 1em 0; }
.book-title a { font: 1.7em/1.1em "Georgia", serif; color: #f13e90; font-style: italic;}
.book-title a:hover { color: #30dbcd; }
.book-title span.day { text-transform: uppercase; }
.book-order-now { border-top: 2px solid #696969; border-bottom: 2px solid #696969; padding: 0.7em 2.2em; text-align: center; font-family: "BodoniLTPro-BoldItalic"; color: #ee3d96; font-size: 1.5em; margin: 1em auto; }

#container>header { text-align: center; font-size: 1.5em; }
#container>header>h1 { clear:both;}
ul#utility_nav { float: right; list-style: none; padding-left:0; margin: 0.3em 0 1.0em; }
ul#utility_nav>li { float: left; display: inline-block; *display: inline; zoom: 1; margin: 0 0.5em; }
footer ul#utility_nav { text-align: center; margin: 0 auto; float: none;  }
footer ul#utility_nav>li { float: none; }
footer ul#utility_nav>li.menu-header-search { display: block; text-align: center; float: none;margin: 1.6em auto; }

ul#header_nav { list-style: none; text-align: center;padding-left:0; margin: 0; }
ul#header_nav>li { display: inline-block; *display: inline; zoom: 1; text-align: center; margin: 0 ; padding: 8px 1.425% 4px;}
ul#header_nav li a { letter-spacing: 0.09em;display: block; font-size: 0.6em; text-transform: uppercase; line-height:1em;}
ul#header_nav li.current-menu-item a { color: #f9b0b5 }
ul#header_nav li ul.sub-menu { display: none;  padding: 0.77em 2.4em 0.6em;   background: #FFF;    position: absolute;   z-index: 99999;   margin-top: 0.2em; margin-left: -1em; }
ul#header_nav li ul.sub-menu li { display: block; margin: 0 auto 1em; }
ul#header_nav li.menu-item-has-children:hover>ul.sub-menu { display: block;  }

ul#footer_nav { list-style: none; text-align: center; padding-left: 0; margin: 12px 0; }
ul#footer_nav li { display: inline-block; *display: inline; zoom: 1; text-align: center; margin: 0 1.5%; }
ul#footer_nav li a { font: 1.1em 'Raleway', sans-serif; font-weight:400; color: #000; }
ul#footer_nav li.footer-divider { margin: 0; }
ul#footer_nav li.footer-divider:last-child {display:none;}

footer { clear: both; text-align: center; background: url(/wp-content/themes/PSiMadeThis/images/footer_bkgd.jpg); background-size: cover; color: #000; padding: 6px 0; width: 100%!important; float: none;  }
.footer-container {  padding: 12px 0;width: 100%!important; }
.menu-footer-menu-container { max-width: 1024px; margin: 0 auto;} 
.footer-container a { color: #000; }
.footer-container .copyright { font-size: 0.9em;  margin: 12px 0 0; }

.cycle-slide {display: none;width: 100%; }
.cycle-slideshow {
width: 100%;  height: auto; min-height: 200px; 
min-width: 200px;
max-width: 1194px;
margin: 20px auto 10px;
padding: 0;
position: relative;
background: url(/wp-content/themes/PSiMadeThis/images/spinner.gif) 50% 50% no-repeat;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cycle-slideshow img { width: 100%; height: auto; }
.sliderPager { text-align:center; }
.sliderPager>span { color: #999; font-size: 1.8em; cursor: pointer; }
.sliderPager>span.cycle-pager-active { color: #333; }
.cycle-prev, .cycle-next { position: absolute; top: 25%; width: 12%; opacity: 0; filter: alpha(opacity=0);z-index: 800; height: 50%; cursor: pointer; }
.cycle-prev { left: 0; background: url(/wp-content/themes/PSiMadeThis/images/main_featureArrows1.png) 10% 50% no-repeat; }
.cycle-next { right: 0; background: url(/wp-content/themes/PSiMadeThis/images/main_featureArrows2.png) 90% 50% no-repeat; }
.cycle-prev:hover, .cycle-next:hover { opacity: 1; filter: alpha(opacity=100); }


.youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.one-third { display: inline-block; width: 31%; margin: 1% 0 0 2%; vertical-align: top;}
#aboutErica { overflow-x: hidden; margin-top: 20px; }
div#videoContainer.two-thirds { margin-top: 20px; }
#aboutErica h2.aboutEricaTitle {  font-weight: normal; padding: 26px 0 0px; font-size: 2.3em; text-align: center; line-height: 1; margin-bottom: 0.43em;}
#psInstragram h2 {     font-weight: normal;text-align: center; }
.two-thirds { display: inline-block; width: 67%; margin-top: 1%;  }
h2.videoTitle>div.ps { padding-bottom: 0.167em; }
h2.videoTitle { text-align: center; margin: 1.1em auto 0.33em; font-size: 1.87em; font-weight: normal;  }
h2.videoTitle>div.freeland{ font-family: 'Freeland'; font-size: 2.67em; letter-spacing: -0.056em; margin-right: 0.16em; }
h2.videoTitle>div.raleway { padding-bottom: 0; }
h2.videoTitle>div { display: inline-block; vertical-align: middle; }

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {	max-width: 100%;	height: auto;}
.videoBottom { display: none; text-align:center; background: url(/wp-content/themes/PSiMadeThis/images/videoBottomBkgd.png) #000 center 0.2em repeat-x; width: 100%; margin: 12px 0 4px; }
.videoBottom>div { text-align: center;  font-size: 2em; padding: 8px 12px; font-family: "BodoniLTPro-Book", "Times New Roman", serif; font-style: italic; }
.videoBottomDescription { display: none; text-align: center; font-size: 1.2em; padding-bottom: 12px; font-family: "BodoniLTPro-Book", "Times New Roman", serif; color: #FFF; background: #000; }


#craftMath { margin: 9% 0 0 ; position: relative; }
#craftMathIcon {padding-top: 0.08em; float: left; padding-right: 0.67em; font-family: 'Freeland'; font-weight: normal; font-size: 2em; letter-spacing: -0.056em;  }
.craftMathHeader { margin: 0 0 0.9em; text-align: left; font-size: 1.467em; font-family: 'Raleway', Helvetica, Arial, sans-serif; line-height: 1.2em; }
body.archive .craftMathHeader { font-family: 'BodoniLTPro-BookItalic', Times New Roman, Times, serif; font-weight: normal; text-transform: uppercase;  text-align: center; font-size: 1.6em; }
body.archive.post-type-archive-craftmath article { margin-top: 6%!important; }

.craftMathHeader>div.title { padding-top: 0px; text-transform: uppercase;margin-bottom: 1em; }
body.single .craftMathHeader {   letter-spacing: 0.1em; font-size: 1.6em; font-family:'BodoniLTPro-BookItalic', Times New Roman, Times, serif; text-align: center;   margin: 0 auto 1em;    text-align: center;  text-transform: uppercase; }
.craftMathHeader a { color: #f2757d; } 
.craftMathHeader>span { display: none; letter-spacing: 0.1em; font-size: 0.7em; font-family: "BodoniLTPro-BoldItalic", "Times New Roman", serif; text-align: center;  }
.craftMathHeader>span>a {color: #000;}
.craftMathBottom { width: auto; padding: 12px 12px 0 12px; text-align: center; margin: 5px 18px 0px; }
.craftMathBottom>span { letter-spacing: 0.03em; font-family:  "BodoniLTPro-Book", "Times New Roman", serif; background: #FFF; font-size: 1.4em; padding: 0 12px; }
.craftMathItems { font-size: 0.93em; padding: 6px 12px 26px; text-align: center; margin: 4px 18px 12px; }
.craftMathItems>p { margin: 0; }
nav.craftmath-pagination { text-align: center; margin: 2em 2em 0 0; }
nav.craftmath-pagination a.prev { margin-right: 2em; }
nav.craftmath-pagination a.next { margin-left: 2em; }


#psychedAbout { margin: 58px 0 2em; position: relative; }
#psychedAboutIcon { position: absolute; top: -30px; left: 20%; width: 510px; margin: 0 auto; }
.psychedAboutContainer { float: left; width: 30%; margin: 62px 1.5% 8px; }
.psychedAboutBottom { font-size: 1em; text-align: center; line-height: 1.2em; margin: 6px 0 8px; }

section.homepage_callout_1 img { width: 100%; height: auto; margin: 2em auto 0em; }

#pinnedThis { position: relative; clear: both; width: 96%; max-width: 1200px; margin: 3% auto ; padding: 0 2%; }
#pinnedThisIcon {position: absolute; top: 0px; left: 0%; padding: 0 0 0 0px; background: #FFF;}
#pinnedThis li.pins-feed-item { width: 15%!important; margin: 0.75%; overflow: hidden; }
#pinnedThis ul.pins-feed-list {width: 101.5%; margin: 0px 0; padding: 0 0% 2%; overflow: hidden; }
#pinnedThis li.pins-feed-item>img { width: 100%; height: auto; }

h2.pinnedThisTitle { text-align: center; margin: 1.1em auto 0.83em; font-size: 1.47em; font-weight: normal;  }
h2.pinnedThisTitle>div.freeland{ font-family: 'Freeland'; font-size: 2.1em; letter-spacing: -0.056em }
h2.pinnedThisTitle>div.ps { padding-bottom: 0.23em; }
h2.pinnedThisTitle>div { display: inline-block; vertical-align: middle; }

::-webkit-input-placeholder {color: #666; letter-spacing: 0.08em; font-family: 'Raleway' }
:-moz-placeholder {  color: #666;letter-spacing: 0.08em; font-family: 'Raleway' }
::-moz-placeholder {  color: #666;letter-spacing: 0.08em;font-family: 'Raleway'  }
:-ms-input-placeholder {   color: #666;letter-spacing: 0.08em; font-family: 'Raleway' }

.join_widget { background: #feccb2; position: relative; height: auto; width: 100%; text-align: center; margin: 0; padding: 3% 0 1.8%; }
.join_widget > img { width: 100%; }
input#join { border: none; background: transparent; width: auto; text-align: center; padding: 4px 0; font-size: 12px; font-family: 'Raleway'; }
.join_widget input[type=submit] {-webkit-appearance: none; display: block; margin: 0.8em auto 0.2em; border: none; background: transparent;font-family: 'Raleway'; font-size: 1.1em; letter-spacing: 0.11em; text-transform: uppercase; }
.join_widget input.input { font-size: 0.93em; letter-spacing: 0.06em;font-family: 'Raleway'; text-align: center; background: transparent; border: none; border-bottom: 1px solid #000; padding: 0 1% 0.3em; width: 210px; }
.join_form { position: relative; }

h2.widgettitle { font-family: 'freeland'; font-weight: normal; font-size: 2.87em;margin: 0em auto 0.4em; line-height: 1; }

.social_widget { background: #f5f4e2; }
.social_widget_left { float: left; width: 40%; margin-left: 10%; text-align: center; }
.social_widget_right { float: left; width: 40%; margin-right: 10%; text-align: center; }

#sb_instagram.sbi_col_2 #sbi_images .sbi_item:nth-child(2n+2) { padding-left: 10px!important; padding-bottom: 10px!important; }

img#shareBtn { cursor: pointer; }

.echoed { margin: 38px 0; cursor: pointer; }

/* .archive-image { border: 1px solid #000; } */
.archive-image img { width: 100%; height: auto; margin-bottom: 0.8em; }
.archive-image-caption { 
	background: #FFF;
width: 80%;
padding: 0px 0;
margin: 0px auto;
text-align: center;
display: block;
z-index: 999;
position: relative;
line-height: 1.3em;

/*background: #000; width: 98%; padding: 8px 1%; margin: 0; text-align: center; border-right: 1px solid #000;*/
 }
.archive-image-caption a { color: #000; text-decoration: none; }

.shadow { 
  -moz-box-shadow:    2px 2px 7px 2px #CCC;
  -webkit-box-shadow: 2px 2px 7px 2px #CCC;
  box-shadow:         2px 2px 7px 2px #CCC;
}


.lt-ie9 .shadow {
filter: 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10);
	background:#ffffff;
}


.shadowContent {
	display: block;
}





article.post header h2.title,
article.event header h2.title,
body.search h2,
h2.not-found { font-family: 'BodoniLTPro-BookItalic', Times New Roman, Times, serif; font-weight: normal; text-transform: uppercase; }
body.search h2,
h2.not-found,
.craftMathHeader .craftMath>div { text-align: center; }

h2.title { margin-bottom: 0.33em; }
.date { color: #c6c6c6; }

div.instagram { text-align: center; }
div.instagram .thumbnail { width: 100%; height: auto; }

/* instapress */

.instapress-shortcode-image { width: 42.5%; margin-left: 5%; }
.instapress-shortcode-image img { width: 100%; height: auto; }
.instapress-shortcode .instapress-shortcode-image {margin-right: 0; margin-bottom: 10px; }

.instapress-shortcode { padding-bottom: 1em; }

.mobile { display:  none; }
.desktop { display: block; }

article.post img { max-width: 100%; height: auto; }
img.image { width: 100%; height: auto; }

.next { float: right; }

@media only screen and (max-width: 1160px) {
	#aboutErica img {  width: 101%;}
}

@media only screen and (max-width: 1023px) {
	body.single #main, body.archive.post-type-archive-event  #main { width: 100%; margin: 2em auto; }
	#aboutErica img {  width: 102%;}
}

@media only screen and (max-width: 900px) {
	#aboutErica img {  width: 103%;}
}

@media only screen and (max-width: 767px) {
	.mobile { display: block; }
	.desktop { display: none; }
	img.logo { width: 85%; }
	#container>header { font-size: 1.2em; }
	header>p.description { font-size: 1em; margin-top: 0.2em; }
	header h1 { margin: 0.4em auto; }
	.cycle-slideshow { min-height: 100%; }
	section.homepage_callout_1 img { margin-top: 0.8em; }
	body.archive article:not(.event):nth-child(3n+2) { margin: 1em 0 0 0; }
	body.archive article:not(.event):nth-child(2n+1) { margin: 1em 0 0 2.1%; }
	#craftMathIcon { font-size: 1.67em; }
	.one-third, .two-thirds { display: block; width: 100%; margin: 3% 0 0 0%;}
	#aboutErica { width: 70%; margin: 3em auto 0; }
	ul#header_nav>li { padding: 8px 0.425% 4px; }
	ul#header_nav li a {    letter-spacing: 0.02em;  font-size: 0.56em; }
	body.archive.category article, body.search article, body.search-results article { 
		width: 48.9%; margin-bottom: 4%; }
	body.archive article:nth-child(3n+2) { margin: 0; }
	body.archive article:nth-child(2n+1) { margin-right: 2%; }
	body.home .grid_item { width: 49%; }
	body.home .grid_item:nth-child(3n+2) { margin: 0; }
	body.home .grid_item:nth-child(2n+1) { margin: 0 2% 0 0%; }
	body.home .grid_item a.title { font-size: 0.96em; letter-spacing: 0.01em; line-height: 1.3; display: block; margin-bottom: 0.9em; }
	#pinnedThis li.pins-feed-item { height: 100px!important;}
	#pinnedThis li.pins-feed-item img { width: 120px; }
}	

@media only screen and (max-width: 479px) {
	
	#craftMathIcon { font-size: 1.47em; }
	#aboutErica { width: 100%; margin: 3em auto; }
	#pinnedThis li.pins-feed-item { width: 31%!important; height: 90px!important;}
	#pinnedThis li.pins-feed-item img { width: 100%; }
}