/*
Theme Name: Paper Crave 3.0
Theme URI: http://www.papercrave.com
Author: Kristen Magee
Author URI: http://www.papercrave.com
Description: Custom theme for the Paper Crave site.
Version: 1.0
Template: required-foundation
Text Domain: papercrave
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);

/* Fonts ---------------------- */
@font-face {
    font-family: 'oswaldbold';
    src: url('webfonts/oswald-bold-webfont.eot');
    src: url('webfonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/oswald-bold-webfont.woff') format('woff'),
         url('webfonts/oswald-bold-webfont.ttf') format('truetype'),
         url('webfonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('webfonts/oswald-light-webfont.eot');
    src: url('webfonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/oswald-light-webfont.woff') format('woff'),
         url('webfonts/oswald-light-webfont.ttf') format('truetype'),
         url('webfonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbook';
    src: url('webfonts/oswald-regular-webfont.eot');
    src: url('webfonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/oswald-regular-webfont.woff') format('woff'),
         url('webfonts/oswald-regular-webfont.ttf') format('truetype'),
         url('webfonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HeuristicaItalic';
    src: url('webfonts/heuristica/heuristica-italic.eot');
    src: url('webfonts/heuristica/heuristica-italic.eot') format('embedded-opentype'),
         url('webfonts/heuristica/heuristica-italic.woff') format('woff'),
         url('webfonts/heuristica/heuristica-italic.ttf') format('truetype'),
         url('webfonts/heuristica/heuristica-italic.svg#HeuristicaItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Structure ---------------------- */
html { font-size: 62.5%; }
body { background: #efefef url('images/paper-texture.jpg'); font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; letter-spacing: .01em; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 { font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; }

h1 { font-size: 24px; }

h2 { font-size: 22px; }

h3 { font-size: 18px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

#site-logo { margin-top: 40px; margin-bottom: 30px; }

.required-header .inline-list {
	margin-top: 14px;
}

a { outline: 0; }

blockquote, blockquote p { font-size: 1.3em; line-height: 115%; color: #040215; border: none; font-family: "HeuristicaItalic", serif; letter-spacing: .02em; }
blockquote { margin: 0 0 17px; padding: 9px 20px 0 20px; border-left: none; }
blockquote cite { font-style: normal; font-size: 13px; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #040215; }
cite { font-style: normal; margin-left: 20px; }
cite a, cite a:active, cite a:hover, cite a:visited { color: #040215; }

#diy li	{ line-height: 200%; }

/* Links ---------------------- */

a { color: #8edfcb; text-decoration: none; line-height: inherit; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }

a:hover { color: #040215; }

a:active { color: #040215; }

p a, p a:visited, #diy a, #diy a:visited  { color: #040215; border-bottom: 2px solid #8edfcb; font-family: "HeuristicaItalic"; font-size: 14px; line-height: inherit; letter-spacing: 0.01em; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }
p a:hover, p a:active, #diy a:hover, #diy a:active  { color: #8edfcb; border-bottom: 2px solid #8edfcb; font-family: "HeuristicaItalic"; font-size: 14px; line-height: inherit; letter-spacing: 0.01em; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }

a.download, a:hover.download, a:visited.download, a:active.download, a:hover.pib-hover-btn-link { text-decoration: none; border: none; border-bottom: none; }

/* Menus ---------------------- */

#menu-pc-top-left-nav-menu, #menu-pc-top-right-nav-menu, #menu-pc-top-left-nav-menu-1, #menu-pc-top-right-nav-menu-1, #menu-pc-top-left-sub-menu-1, #menu-pc-top-right-sub-menu-1	{ padding-top: 50px; }

#menu-pc-top-left-nav-menu, #menu-pc-top-right-nav-menu, #menu-pc-top-left-nav-menu-1, #menu-pc-top-right-nav-menu-1, #menu-pc-top-left-sub-menu-1, #menu-pc-top-right-sub-menu-1	{ font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; }

#menu-pc-top-left-nav-menu-1, #menu-pc-top-right-nav-menu-1, #menu-pc-top-left-sub-menu-1, #menu-pc-top-right-sub-menu-1 { text-align: center; }

#menu-pc-top-left-nav-menu-1 a, #menu-pc-top-right-nav-menu-1 a, #menu-pc-top-left-sub-menu-1 a, #menu-pc-top-right-sub-menu-1 a, #menu-pc-top-left-nav-menu-1 a:visited, #menu-pc-top-right-nav-menu-1 a:visited, #menu-pc-top-left-sub-menu-1 a:visited, #menu-pc-top-right-sub-menu-1 a:visited { color: #040215; }
#menu-pc-top-left-nav-menu-1 a:hover, #menu-pc-top-right-nav-menu-1 a:hover, #menu-pc-top-left-sub-menu-1 a:hover, #menu-pc-top-right-sub-menu-1 a:hover, #menu-pc-top-left-nav-menu-1 a:active, #menu-pc-top-right-nav-menu-1 a:active, #menu-pc-top-left-sub-menu-1 a:active, #menu-pc-top-right-sub-menu-1 a:active { color: #ff3581; }

#menu-item-18431 a, #menu-item-18431 a:visited	{ color: #040215; font-size: 18px; padding: 0 25px; }
#menu-item-18431 a:hover, #menu-item-18431 a:active  { color: #ff3581; font-size: 18px; }

#menu-item-18432 a, #menu-item-18432 a:visited	{ color: #040215; font-size: 18px; padding-right: 30px; }
#menu-item-18432 a:hover, #menu-item-18432 a:active  { color: #ff3581; font-size: 18px; }

#menu-item-18433 a, #menu-item-18433 a:visited	{ color: #040215; font-size: 18px; }
#menu-item-18433 a:hover, #menu-item-18433 a:active  { color: #ff3581; font-size: 18px; }

#menu-item-18438 a, #menu-item-18438 a:visited	{ color: #040215; font-size: 18px; padding-right: 35px; }
#menu-item-18438 a:hover, #menu-item-18438 a:active  { color: #ff3581; font-size: 18px; }

#menu-item-18439 a, #menu-item-18439 a:visited	{ color: #040215; font-size: 18px; padding-right: 30px; }
#menu-item-18439 a:hover, #menu-item-18439 a:active  { color: #ff3581; font-size: 18px; }

#menu-item-18440 a, #menu-item-18440 a:visited	{ color: #040215; font-size: 18px; padding-left: 15px; }
#menu-item-18440 a:hover, #menu-item-18440 a:active  { color: #ff3581; font-size: 18px; }


#menu-pc-top-left-sub-menu, #menu-pc-top-right-sub-menu	{ background: url('images/subnav-rule.png') repeat-x; clear: both; height: 50px; padding: 0 15px; margin-top: 42px; font-family: "HeuristicaItalic"; text-transform: lowercase; line-height: inherit; letter-spacing: 0em; }

#menu-pc-top-left-sub-menu { margin-left: 0px; }

#menu-item-18434 a, #menu-item-18434 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; padding-right: 20px; margin-left: -12px; }
#menu-item-18434 a:hover, #menu-item-18434 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18435 a, #menu-item-18435 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; padding-right: 20px; }
#menu-item-18435 a:hover, #menu-item-18435 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18436 a, #menu-item-18436 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; padding-right: 20px; }
#menu-item-18436 a:hover, #menu-item-18436 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18437 a, #menu-item-18437 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; }
#menu-item-18437 a:hover, #menu-item-18437 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18441 a, #menu-item-18441 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; padding-right: 27px; margin-left: -12px; }
#menu-item-18441 a:hover, #menu-item-18441 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18442 a, #menu-item-18442 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; padding-right: 27px; }
#menu-item-18442 a:hover, #menu-item-18442 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18443 a, #menu-item-18443 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; padding-right: 27px; }
#menu-item-18443 a:hover, #menu-item-18443 a:active { color: #8edfcb; font-size: 14px; }

#menu-item-18444 a, #menu-item-18444 a:visited	{ color: #040215; font-size: 14px; padding-top: 12px; }
#menu-item-18444 a:hover, #menu-item-18444 a:active { color: #8edfcb; font-size: 14px; }

.left-list, .right-list	{ list-style: none; }


/* The Grid ---------------------- */
#content	{ background: #ffffff; padding: 40px 30px; }
#content-masonry	{ background: none; padding: 40px 15px; }
.row { width: 1080px; max-width: 100%; }

/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint { width: 1080px !important; visibility: hidden; }

/* <nav> */
.contain-to-grid .top-bar { max-width: 1080px; margin: 0 auto; }

/* Posts ---------------------- */

.url .fn .n { font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; font-size: 18px; }

.entry-title a, .entry-title a:visited	{ color: #040215; }
.entry-title a:hover, .entry-title a:focus	{ color: #8edfcb; }

.post-meta-style	{ width: 100%; height: 31px; font-family: "HeuristicaItalic", serif; font-size: 14px; text-transform: lowercase; color: #b2a8a2; }
.post-meta-style a, .post-meta-style a:visited	{ color: #b2a8a2; }
.post-meta-style a:hover, .post-meta-style a:focus	{ color: #ff3581; }

.comments-style { float: right; }

.entry-content	{ margin-top: 10px; }
article footer.entry-meta { margin: 30px 0; border-bottom: none; }

.social-meta-menu	{ color: #b2a8a2; float: right; margin-right: 0px; }
.share-text	{ float: right; padding-top: 11px; font-family: "HeuristicaItalic", serif; font-size: 15px; line-height: inherit; letter-spacing: 0.01em; }
.social-meta-single	{ display: inline-block; text-align: left; margin-left: 6px; }
.share-text a, .share-text a:visited	{ color: #b2a8a2; }
.share-text a:hover, .share-text a:focus	{ color: #ff3581; }

a.facebook	{ display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/facebook.png'); margin-top: -1px; background-position:0px 0px; }
a.facebook:hover { display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/facebook.png'); margin-top: -1px; background-position: 0px -36px; }

a.pinterest	{ display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/pinterest.png'); margin-top: -1px; background-position:0px 0px; }
a.pinterest:hover { display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/pinterest.png'); margin-top: -1px; background-position: 0px -36px; }

a.twitter	{ display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/twitter.png'); margin-top: -1px; background-position:0px 0px; }
a.twitter:hover { display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/twitter.png'); margin-top: -1px; background-position: 0px -36px; }

a.email	{ display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/email.png'); margin-top: -1px; background-position:0px 0px; }
a.email:hover { display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/email.png'); margin-top: -1px; background-position: 0px -36px; }

a.instagram	{ display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/instagram.png'); margin-top: -1px; background-position:0px 0px; }
a.instagram:hover { display:block; text-indent: -9999px; width:36px; height:36px; background-image:url('images/social/instagram.png'); margin-top: -1px; background-position: 0px -36px; }

.comments-link a, .comments-link a:hover, .comments-link a:active, .comments-link a:visited	{ color: #ffffff; font-family: 'oswaldlight', sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: .02em; }

.nav-single { clear: both; padding-top: 50px; padding-bottom: 10px; line-height: 2; overflow: hidden; width: 100%; text-align: center;; }
.nav-previous { float: none; width: 50%; }
.nav-next { float: none; width: 50%; }

.nav-single a, .nav-single a:visited	{ color: #040215; font-family: 'oswaldlight', sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: .02em; }
.nav-single a:hover, .nav-single a:active { color: #8edfcb; }

.single-ad-content { clear: both; background-color: #040215; padding: 20px; margin-bottom: 30px; }
.adsense-336 { width: 62%; margin: 0 auto; display: block; text-align: center; }
.blog-updates { width: 38%; }

.updates-submit { cursor:pointer;background-color:#8edfcb;border:none;color:#ffffff;padding:5px;padding-top:3px;width:75%;margin-left:12.5%;margin-top:0px;margin-bottom: 0px;font-size:1.1em;font-family: "HeuristicaItalic", serif; text-transform: lowercase; }
.updates-input { display:inline-block;font-size:.8em;width:100%;height:20px;margin-top:0px;text-align:center; }

.subscribe-rss { color: #ffffff; text-align: center; font-family: "HeuristicaItalic", serif; font-size: 14px; text-transform: lowercase; padding: 0 0 0 0; margin: -8px 0 0 0; }
.subscribe-rss a, .subscribe-rss a:visited { color: #ffffff; }
.subscribe-rss a:hover, .subscribe-rss a:active{ color: #8edfcb; }

.related-posts-area { width: 100%; }
.related-float { float: left; margin-bottom: 25px; }
.related-image { width: 140px; text-align: center; margin-right: 10px; margin-left: 10px; }
.related-image-last { width: 140px; text-align: center; margin-right: 0px; }
.related-title { width: 140px; font-family: "HeuristicaItalic", serif; font-size: 13px; line-height: 90%; }

/* Pagination ---------------------- */
/* Make pagination work */
ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li {float: left; display: block; height: 24px; color: #040215; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #040215; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #efefef; }
ul.page-numbers li.unavailable a { cursor: default; color: #040215; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #8edfcb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }

/* Comments ---------------------- */
#comments { clear: both; padding-top: 10px; }
.comment { background-color: #ffffff; border: none; padding: 0 0 0 0; line-height: 120%; }
.comment-author, .fn { font-family: "HeuristicaItalic", serif; font-size: 14px; letter-spacing: .02em; }
.avatar { display: none; }
.comment-content p { margin-top: 10px; line-height: 120%; }
.comment-author-admin .comment { background-color: #040215; color: #ffffff; border: none; padding-left: 0px; padding: 15px; line-height: 120%; }

.comment-reply-link { float: right; margin-right: 15px; padding: 5px 12px 5px 12px; color: #ffffff; background-color: #040215; font-family: "HeuristicaItalic", serif; font-size: 14px; letter-spacing: .02em; text-transform: lowercase; }
.comment-reply a, .comment-reply a:visited { color: #ffffff; }
.comment-reply a:hover, .comment-reply a:active{ color: #ffffff; background-color: #8edfcb; }
.comment-author-admin .comment-reply-link{ float: right; margin-right: 0px; padding: 5px 12px 5px 12px; color: #040215; background-color: #ffffff; font-family: "HeuristicaItalic", serif; font-size: 14px; letter-spacing: .02em; text-transform: lowercase; }
.comment-awaiting-moderation { font-weight: bold; }

.instablock	{ text-align: center; padding-bottom: 25px; line-height: 150%;}
.instablock a, .instablock a:visited { color: #040215; border-bottom: 2px solid #8edfcb; font-family: "HeuristicaItalic"; font-size: 14px; line-height: inherit; letter-spacing: 0.01em; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }
.instablock a:hover, .instablock a:active { color: #8edfcb; border-bottom: 2px solid #8edfcb; font-family: "HeuristicaItalic"; font-size: 14px; line-height: inherit; letter-spacing: 0.01em; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }

/* Sidebar ---------------------- */

.social-sidebar-menu	{ max-width: 227px; margin: 0 auto; margin-bottom: 15px; }

.adblock-300 { padding-top: 5px; }
.ad-300-single { display: block; max-width: 300px; margin: 0 auto; padding-top: 10px; }

h4.widget-title { margin-top: 20px; text-align: center; border-bottom: 1px solid #040215; padding-bottom: 5px; font-family: "HeuristicaItalic", serif; font-size: 14px; text-transform: lowercase; }

.fontly-five { padding-top: 0px; }
.fontly-single { text-align: center;  }
.fontly-single a:hover img { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }
h4.fontly-title, h4.collection-title{ text-align: center; margin-top: 0px; }
.fontly-five a, .fontly-five a:visited { color: #040215; }
.fontly-five a:hover, .fontly-five a:active { color: #8edfcb; }

.sales-events { background: #ffffff; margin-bottom: 10px; padding: 10px; }
.sales-events-single { text-align: center; }
.sales-events-expire { font-family: "HeuristicaItalic", serif; font-size: 14px; text-transform: lowercase; }
h4.sales-events-title { font-size: 24px; }
.sales-events-title a:hover, .sales-events-title a:active { color: #040215; }
.event-submit, .event-submit a, .event-submit a:hover, .event-submit a:visited, .event-submit a:active { margin-bottom: 30px; font-size: 26px; text-align: center; font-family: "HeuristicaItalic", serif; }

.shop-thumbs { clear: both; float: left; padding-bottom: 10px; width: 100%; }
.shop-thumb-image { width:55%; float:left; display: inline-block;  padding-right: 30px; }
.shop-thumb-title { width:45%; display: inline-block; line-height: 130%; }
.shop-thumb-view { float: left; }

.shop-thumb-view a, .shop-thumb-view a:visited { color: #ffffff; padding: 8px; background-color: #040215; font-family: "HeuristicaItalic", serif; font-size: 14px; letter-spacing: .02em; text-transform: lowercase; }
.shop-thumb-view a:hover, .shop-thumb-view a:active { background-color: #ff3581; }

.square-ad	{ clear: both; margin-top: 15px; margin-left: -15px; }
.square-ad-single { margin-bottom: 10px; }


/* Forms ---------------------- */

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #040215; display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all all 0.15s linear; -moz-transition: all all 0.15s linear; -o-transition: all all 0.15s linear; transition: all all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

label	{ font-family: "HeuristicaItalic", serif; font-size: 14px; line-height: inherit; letter-spacing: 0.02em; text-transform: lowercase; }

#submit	{ float: right; margin-top: 7px; }
#searchform { padding-top: 10px; }
#searchsubmit { margin-left: 23px; background: #040215; }

/* Normal Buttons ---------------------- */
.button { width: auto; border: none; background: #040215; color: white; cursor: pointer; display: inline-block; font-family: "HeuristicaItalic", serif; font-weight: normal; font-size: 14px; text-transform: lowercase; letter-spacing: .03em; line-height: 1; margin: 0; padding: 8px 20px 8px; position: relative; text-align: center; text-decoration: none; -webkit-transition: all background-color 0.15s ease-in-out; -moz-transition: all background-color 0.15s ease-in-out; -o-transition: all background-color 0.15s ease-in-out; transition: all background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #b2a8a2; }
.button.large { font-size: 17px; padding: 15px 30px 15px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 7px; }
.button.tiny { font-size: 10px; padding: 5px 10px 5px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #040215; }
.button.primary:hover, .button.primary:focus { background-color: #ff3581; }
.button.success { background-color: #8edfcb; }
.button.success:hover, .button.success:focus { background-color: #8edfcb; }
.button.alert { background-color: #fd4844; }
.button.alert:hover, .button.alert:focus { background-color: #fd4844; }
.button.secondary { background-color: #efefef; color: #040215; }
.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #040215; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button[disabled]:hover { background: #040215; }
.button.disabled.success, .button[disabled].success { background-color: #8edfcb; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #8edfcb; outline: none; }
.button.disabled.alert, .button[disabled].alert { background-color: #fd4844; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #fd4844; outline: none; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #efefef; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #efefef; outline: none; }

/* Woocommerce ---------------------- */

.wooproduct-title { height: 25px; }

.woocommerce-breadcrumb { color: #040215; font-family: "HeuristicaItalic", serif; font-size: 14px; line-height: inherit; letter-spacing: 0.02em; text-transform: lowercase; padding-bottom: 15px; padding-left: 15px; }
.woocommerce-breadcrumb a, .woocommerce-breadcrumb a:visited { color: #040215; }
.woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb a:active { color: #8edfcb; }
.posted_in { color: #040215; font-family: "HeuristicaItalic", serif; font-size: 14px; line-height: inherit; letter-spacing: 0.02em; text-transform: lowercase; padding-bottom: 15px; }
.posted_in a, .posted_in a:visited	{ color: #040215; }
.posted_in a:hover, .posted_in a:focus	{ color: #8edfcb; }


.woocommerce-result-count { display: none; }

.single_add_to_cart_button, .button.product_type_external { min-width: 32%; color: #ffffff !important; line-height: 110%; font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; }
.single_add_to_cart_button:hover, .button.product_type_external:hover { background-color: #b2a8a2 !important; line-height: 110%; color: #ffffff; font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; border: none; }

.related.products { display: block; clear: both; padding-top: 15px; }
.related.products h2 { text-align: center; border-bottom: 1px solid #040215; margin-bottom: 20px; padding: 5px;}
.posted_in, .tagged_as  { display: block; clear: both; margin-top: 5px; line-height: 120%; font-family: "HeuristicaItalic", serif; font-size: 14px; letter-spacing: 0.02em; text-transform: lowercase; }

div.images {
			width: 100%;
			margin-bottom: 2em;
			padding-right: 20px;
			img {
				display:block;
				width: 100%;
				height:auto;
			}
			div.thumbnails {
				padding-top: 1em;
				.clearfix;
				a {
					float:left;
					width: 30.75%;
					margin-right: 3.8%;
				}
				a.last {
					margin-right: 0;
				}
				a.first {
					clear:both;
				}
			}
		}
		
		li.instock a { float: left; text-align: center; }
		li.instock a img {
				width: 100%;
				height:auto;
				display:block;
				margin: 0 0 8px;
			}
		li.instock a:hover img {
			opacity:0.5;
			filter:alpha(opacity=50); /* For IE8 and earlier */
			-o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s;
		}
		li.instock h3 { font-size: 14px; }
		.product_type_external { clear: both; width: 100%; max-width: 225px; display: inline-block; margin-bottom: 20px; }
		.product_img_single { width:65%; padding-top: 15px; }
		.product_summary_single { width:35%; }
		
/* Summary div (contains title, price etc) */
		div.summary {

		}

		/* Social networking */
		div.social {
			text-align: right;
			margin: 0 0 1em;
			span {
				margin: 0 0 0 2px;
				span {
					margin: 0;
				}
				.stButton .chicklets {
					padding-left: 16px;
					width: 0;
				}
			}
			iframe {
				float:left;
				margin-top: 3px;
			}
		}

/* Product loops */

	.products ul, ul.products {
		margin: 0 0 1em;
		padding: 0;
		list-style:none outside;
		clear:both;
		.clearfix();
		li {
			list-style:none outside;
		}
	}

		li.first {
			clear:both;
		}
		li.last {
			margin-right: 0;
		}
		
.page-title { width: 100%; }
		
.orderby { clear: both; margin: 0 0 15px 0; }

.upsells.products h2 { clear: both; float: left; width: 100%; font-size: 14px; border-bottom: 1px solid #040215; padding-bottom: 5px; }

.woocommerce-pagination { clear: both; margin-left: 15px; }


/* Masonry ---------------------- */

.page-title-masonry { text-align: center; margin: -15px 0 25px 0; }
.masonry-entry { margin-bottom: 10px; padding: 10px; padding-bottom: 10px; }
.entry-container { background: #ffffff; }
.masonry-thumbnail a:hover img { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; transition: all 0.15s; }
.masonry-details { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; }
.share-text-masonry	{ color: #b2a8a2; text-align: center; padding-top: 0px; padding-bottom: 10px; font-family: "HeuristicaItalic", serif; font-size: 15px; line-height: inherit; letter-spacing: 0.01em; }
.share-text-masonry a, .share-text-masonry a:visited	{ color: #b2a8a2; }
.share-text-masonry a:hover, .share-text-masonry a:focus	{ color: #ff3581; }
.read-more { display: block; text-align: center; }

.masonry-ffentry, .masonry-cllentry { background: none; margin-bottom: 10px; padding: 0px; padding-bottom: 0px; }

.masonry-image-single { position:relative; }
.masonry-image-single img { width:100%; vertical-align:top; }
.masonry-image-single:after, .masonry-image-single:before { position:absolute; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.masonry-image-single:after { content:'\A'; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); }
.masonry-image-single:before { content: attr(data-content); width:100%; color:#fff; z-index:1; bottom: 45%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; font-size: 18px; }
.masonry-image-single:hover:after, .masonry-image-single:hover:before { opacity:1; }

/* Forms ---------------------- */

.gform_wrapper { padding: 0 0 0 0; margin: 0 0 0 0; }
li.gfield { list-style: none; margin-left: -15px; }
#gform_submit_button_4 { font-family: 'oswaldlight', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .02em; }
#field_4_5, #field_4_6 { margin-top: 10px; }

.gform_confirmation_message { font-weight: bold; font-style: italic; }

/* Footer ---------------------- */

#footer	{ background: #040215; color: #ffffff; }
.recent-posts { margin-bottom: 15px; }
h2.recent-title { color: #ffffff; margin-left: 15px; }
.recent-single { margin-top: 15px; margin-bottom: 15px; opacity:0.6; transition: all 0.5s; -webkit-transition: all 0.5s; }
.recent-single:hover { opacity:1; }
.footer-text { margin-top: 15px; font-family: "HeuristicaItalic", serif; font-size: 15px; line-height: inherit; letter-spacing: 0.01em; line-height: 120%; padding-right: 20px; }
.footer-text  a, .footer-text  a:visited	{ color: #8edfcb; border: none; }
.footer-text  a:hover, .footer-text  a:focus	{ color: #ffffff; border: none; }
.footer-ad { text-align: center; padding: 15px; }

/* @media Styles ---------------------- */
/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 1080px) { .top-bar { margin-bottom: 0; overflow: hidden; height: 45px; background: #222222; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */ }

