/*
Theme Name: Lemonade & Lenses
Theme URI: 
Description: 
Author: Joe Blackburn
Version: 1.0
Tags: custom
*/


/*

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

/* - - - Global Styles - - - */

.brandon { font-family: "brandon-grotesque", Arial, Verdana, sans-serif; line-height: 1.4em;}

.serif { font-family: "ff-tisa-web-pro", Georgia, Times, serif; line-height: 1.4em;}

.jub { font-family: "jubilat", "brandon-grotesque", Arial, Verdana, sans-serif; font-weight: 500 !important; line-height: 1.4em; }

.jub.italic { font-weight: normal !important;}

.grey { color: #8d8e90;}

.lt-grey { color: #a7a9ac;}

.dk-grey { color: #545151;}

.gold { color: #dec578;}

.white { color: #fff;}

.italic { font-style: italic;}

.normal { font-weight: normal;}

.bold { font-weight: bold;}

.medium { font-weight: 500;}

.xbold { font-weight: 900;}

.center { text-align: center;}

.upper { text-transform: uppercase;}

.lower { text-transform: lowercase;}

.space { letter-spacing: .1em;}

.space2 { letter-spacing: .2em;}

.fleft { float: left;}

.fright { float: right; }

.plain a, a.plain { text-decoration: none;}

a { color: #DEC578; text-decoration: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

a:hover { color: #C4A349;}

.rel { position: relative;}

ul.clean { list-style: none; margin: 0; padding: 0;}

ul.inline { display: inline-block;}

ul.inline li { display: inline; float: left;}

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

img.full { width: 100%; height: auto;}

.button, input#submit, input.gform_button { background-color: #8A8282; padding: 4px 12px 3px 12px; color: #fff !important; font-weight: bold; font-family: "brandon-grotesque", Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: .1em; border: 0; margin: 0; cursor: pointer; border: 1px solid #fff; line-height: 1.7em; display: inline-block;
-webkit-box-shadow: 0px 0px 0px 2px #8A8282;
box-shadow: 0px 0px 0px 2px #8A8282;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
border-radius: 3px !important;
font-size: 75% !important;
}

.button.round { border-radius: 3px;}

.button:hover { background-color: #d0cac9 !important;
-webkit-box-shadow: 0px 0px 0px 2px #d0cac9;
box-shadow: 0px 0px 0px 2px #d0cac9;
}

.pointer { cursor: pointer;}

.image-border { background: #fff; padding: 7px; border-radius: 4px; border: 1px solid #ecedee;}

.image-border img { display: block;}

.underline { text-decoration: underline;}

.round {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
overflow: hidden;
}

.round img { display: block;}

/* - - - Main Structure - - - */

body { background: url(images/body-bg-dark.png) repeat center top; min-width: 320px; color: #8d8e90; font-family: "ff-tisa-web-pro", Georgia, Times, serif; line-height: 1.4em; font-size: 80%;}

header { background: #fff; border-bottom: 1px solid #e3e4e4;}

#main { background: url(images/body-bg.png) repeat center top; padding: 50px 0;}

footer { border-top: 1px solid #e3e4e4;}

.inner { padding: 0 20px; width: 100%; max-width: 1080px; margin: 0 auto;}

/* - - - Header & Navigation - - - */

header .inner { padding-top: 35px; padding-bottom: 35px; }

a.logo { width: 100%; max-width: 400px; margin: 0 auto; display: block;}

.nav-wrap { border-top: 1px solid #e3e4e4; text-align: center; height: 37px;}

ul.nav { border-right: 1px solid #e3e4e4; text-align: center; margin: 0 auto; height: 36px;}

ul.nav a { display: inline-block; padding: 0 20px; line-height: 36px; font-size: 85%; color: #B2B4B7; font-weight: 500; border-left: 1px solid #e3e4e4;}

ul.nav a:hover,
ul.nav li#current a,
.blog li.blog-top-nav a,
.single-post li.blog-top-nav a,
.archive li.blog-top-nav a,
.single-issues li.issue-nav a,
.single-events li.event-nav a,
.single-products li.product-nav a,
.single-contests li.contest-top-nav a
{ color: #545151;}

li.info-nav span, a.left-nav-toggle span, a.blog-nav-toggle span { width: 5px; margin-left: 6px; line-height: 36px; display: inline-block; position: relative; top: -2px;}

li.search-nav a { padding-top: 2px; width: 55px; }

a.nav-toggle { display: none; line-height: 36px; background: url(images/nav-toggle.svg) no-repeat center; background-size: 20px 15px; text-indent: -9999px; cursor: pointer;}

ul.nav li.show-mobile { display: none;}

ul.subnav { width: 200px; background: #fff; position: absolute; top: 36px; left: 50%; opacity: 0; visibility: hidden; margin-left: -100px; display: block; border: 1px solid #e3e4e4; z-index: 10000;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

ul.subnav li { float: none; width: 100%; display: block;}

ul.subnav a { border-top: 1px solid #e3e3e4; border-left: 0; display: block; padding: 0 20px; color: #B2B4B7 !important;}

ul.subnav li a:hover, ul.subnav li.current_page_item a { color: #545151 !important;}

ul.subnav li:first-child a { border-top: 0;}

ul.nav li:hover ul.subnav { opacity: 1; visibility: visible;}

/* - - - Footer - - - */

footer { padding: 50px 0;}

.footer-col { float: left; }

.footer-col1, .footer-col2 { width: 19.1%; padding-left: 4.1%;}

.footer-col3 { width: 32.2%; padding-left: 8.1%;}

.footer-col4 { width: 29.6%; padding-left: 8.1%;}

.footer-title { font-size: 80%; letter-spacing: .2em;}

ul.footer-list, ul.left-nav { font-size: 80%;}

ul.footer-list a, ul.left-nav a { margin-top: 5px; display: block; color: #A7A9AC;}

ul.footer-list a:hover, ul.left-nav a:hover { color: #545151;}

.footer-info { font-size: 80%;}

.footer-info a.credit { color: #8A8282;}

.footer-info a.credit:hover { color: #545151;}

a.footer-email { display: block; line-height: 24px; border-top: 1px solid #e3e4e4; border-bottom: 1px solid #e3e4e4; color: #a7a9ac;}

a.footer-email:hover { color: #545151;}

ul.social { padding: 5px 0 25px 0;}

ul.social a { display: inline-block; width: 13px; height: 13px; margin-left: 13px; text-indent: -9999px; }

ul.social li:first-child a { margin-left: 0;}

li.facebook a { background: url(images/facebook.svg) no-repeat center;}

li.twitter a { background: url(images/twitter.svg) no-repeat center;}

li.pinterest a { background: url(images/pinterest.svg) no-repeat center;}

li.instagram a { background: url(images/instagram.svg) no-repeat center;}

ul.gold-social { position: static !important; margin: 0 !important;}

ul.gold-social a { text-indent: 0; padding-left: 25px; color: #a7a9ac; margin: 15px 0 0 0; display: block; width: auto;}

ul.gold-social a:hover { color: #545151;}

ul.gold-social li.facebook a { background: url(images/facebook-gold.svg) no-repeat 3px center;}

ul.gold-social li.twitter a { background: url(images/twitter-gold.svg) no-repeat left center;}

ul.gold-social li.pinterest a { background: url(images/pinterest-gold.svg) no-repeat left center;}

ul.gold-social li.instagram a { background: url(images/instagram-gold.svg) no-repeat left center;}

a.footer-email { margin-bottom: 25px;}

input.search-box { background: #fff; padding: 3px; font-family: "ff-tisa-web-pro", Georgia, Times, serif; color: #a7a9ac; font-style: italic; border: none; width: 100%; }

form#searchform, #mc_embed_signup form { padding: 5px 53px 0 0 ;}

input#searchsubmit.search-button.button { 
	background: url(images/search-icon-white.svg) no-repeat center #8A8282 !important; 
	width: 48px !important; 
	height: 32px !important;
	text-indent: -9999px !important;
	position: absolute !important;
	top: 5px !important;
	right: 0 !important;
	-webkit-transition: all .25s ease !important;
	-moz-transition: all .25s ease !important;
	transition: all .25s ease !important;
	border-radius: 3px !important;
}

input#searchsubmit.join-button { text-indent: 0; background-image: none !important;}

input#searchsubmit.search-button.button:hover { background-color: #d0cac9 !important;}

footer .button, input#submit, input.gform_button, input#searchsubmit { border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

/* - - - Plain Subpage - - - */

.page-template-subpage-php #main .inner, .single-events #main .inner { max-width: 900px; }

.page-section { padding-top: 20px; text-align: left;}

.page-section:first-child { padding-top: 40px; }

.section-title { font-size: 100%; letter-spacing: .1em; font-weight: 500;}

.page-title { font-size: 115%; padding-bottom: 10px; letter-spacing: .3em;}

.page-section p { margin-top: 5px;}

/* - - - Standard Info Page - - - */

.page-left { width: 20%; padding-right: 50px;}

.page-right { width: 80%;}

.page-right .page-section:first-child { padding-top: 0;}

.page-right .subpage-header { padding-bottom: 20px;}

.subpage-header .text p:first-child{ margin-top: 0;}

ul.left-nav li.current_page_item a { color: #dec578;}

ul.left-nav a { margin-top: 10px;}

a.left-nav-toggle, a.blog-nav-toggle { display: none; width: 100%; height: 36px; line-height: 36px; text-align: center; color: #fff; background: #545151; font-size: 90%; cursor: pointer;}

/* - - - FAQs - - - */

.page-template-faqs-php .subpage-header { padding-bottom: 0;}

.question { padding-top: 40px;}

/* - - - Contributors - - - */

.contributor-image { width: 100%; max-width: 130px; margin: 0 auto;}

.contributor-name { letter-spacing: .2em; font-weight: 500; padding: 10px 10px 30px 10px; font-size: 90%;}

ul.contributor-list { width: 100%;}

ul.contributor-list li { width: 25%; padding: 0 2.9%; text-align: center; }

/* - - - About - - - */

.about-left { width: 68.5%;}

.about-right { width: 28.2%; padding-top: 40px; }

.image-credit { padding-top: 8px;}

.connect-title { font-size: 120%; padding-top: 35px; display: block !important;}

/* - - - Issue Landing - - - */

ul.issue-list { width: 100%; max-width: 1095px; margin: 0 auto;}

ul.issue-list li { width: 33.33%; padding: 0 2.3%;}

.header-border { width: 100%; max-width: 430px; border-bottom: 1px solid #e3e4e4; margin: 40px auto;}

ul.issue-list div.button { display: inline-block; margin: 15px auto 30px auto;}

.issue-title { padding-top: 15px; font-size: 90%;}

/* - - - Homepage - - - */

.home-slideshow-wrap { padding: 0 20px 40px 0; }

.home-text-wrap { max-width: 740px; margin: 0 auto;}

.home-slideshow-wrap .image-border { padding: 10px; max-width: 1080px; margin: 0 auto;}

ul.control-list { padding-top: 10px;}

ul.control-list a { margin: 0 5px; display: inline-block;}

ul.control-list a.flex-active { color: #545151; }

.home-cycle { position: relative;}

.home-cycle a.flex-prev, .home-cycle a.flex-next { display: block; width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -20px; z-index: 100; text-indent: -9999px; }

.home-cycle a.flex-prev { left: 15px; background: url(images/large-arrow-left.svg) no-repeat center; }

.home-cycle a.flex-next { right: 15px; background: url(images/large-arrow-right.svg) no-repeat center; }

.home-slide-title { width: 280px; height: 80px; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -140px; background: rgb(85,81,81); background: rgba(85,81,81,.9); border-radius: 4px; border: 1px solid #fff;
-webkit-box-shadow: 0px 0px 0px 2px rgba(85,81,81,.9);
box-shadow: 0px 0px 0px 2px rgba(85,81,81,.9);
}

.home-slide-title .brandon { font-size: 120%; padding: 12px 0 6px 0; position: relative;}

.home-slide-title .brandon:after {
content: "";
width: 30px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15px;
z-index: 10;
}

.home-slide-title .italic { padding-top: 6px;}

.home-col-title { font-size: 75%; padding-bottom: 10px;}

/* - - - Single Issues - - - */

.issue-left { width: 68.5%; }

.issue-right { width: 30%; }

.issue-contributors { max-width: 1080px; margin: 0 auto; text-align: center;}

.issue-contributors ul { width: 100%; text-align: left;}

.top-contributors ul { padding-top: 35px;}

.top-contributors ul li { width: 50%; padding: 20px; }

.pad-sep { padding: 0 20px; margin: 20px auto 0 auto; max-width: 1080px;}

.pad-sep div { border-top: 1px dashed #e3e4e4; }

.bottom-contributors ul { padding-top: 35px;}

.bottom-contributors ul li { width: 25%; padding: 20px;}

a.issue-toggle { display: none; line-height: 36px; background: url(images/body-bg-dark.png) repeat; margin: 40px 0; cursor: pointer; }

a.issue-toggle.open .all, a.issue-toggle .less { display: none;}

a.issue-toggle.open .less { display: inline-block;}

.mobile-title { padding: 35px 20px 0 20px; display: none;}

.top-contributors { padding-top: 70px;}

.top-contributors .small-title { text-align: left; }

a.issue-back { display: block; font-size: 90%; margin-top: 30px;}

.issue-buttons ul { width: 100%;}

.issue-buttons ul li { width: 50%; margin-top: 20px;}

.issue-buttons ul li:nth-child(odd) { padding-right: 10px;}

.issue-buttons ul li:nth-child(even) { padding-left: 10px;}

.issue-buttons a.button { width: 100%; display: block; text-align: center;}

.xsmall-title { font-size: 70%; }

.issue-buttons .xsmall-title { padding-top: 45px;}

.single-issues .issue-date { padding-top: 35px; font-size: 120%;}

.issue-title { font-size: 110%; padding: 25px 0 5px 0;}

.issue-text p { margin-top: 0;}

.contributor.with-image { padding-left: 80px;}

.contributor-image { width: 60px; position: absolute; top: 0; left: 0;}

.contributor-text { font-size: 90%;}

.contributor-text p { margin-top: 5px;}

/* - - - Single Products - - - */

.product-contributors { display: block !important;}

/* - - - Blog Landing - - - */

.blog-nav { background: #545151; text-align: center; line-height: 36px; height: 36px; display: block;}

.blog-nav ul li { line-height: 36px;}

.blog-nav ul li.gold { padding-right: 10px; font-size: 90%;}

.blog-nav ul a { color: #a7a9ac; margin: 0 10px; display: block; line-height: 36px; font-size: 85%;}

.blog-nav ul a:hover, .blog-nav ul li.current-cat a { color: #fff; position: relative;}

.blog-nav ul li.current-cat a:after { 
content: "";
width: 10px;
height: 10px;
background: url(images/body-bg@2x.png) no-repeat;
background-size: 100px 100px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
position: absolute;
bottom: -7px;
left: 50%;
margin-left: -7px;
}

.blog-left { width: 80.6%;}

.blog-right { width: 16.67%;}

.landing-post-left { width: 60.4%;}

.landing-post-right { width: 36.8%; padding-right: 30px;}

.landing-excerpt { padding-bottom: 30px;}

.landing-title { padding: 30px 0 0 0; margin-bottom: 20px; font-size: 110%;}

.landing-title a { display: inline-block; border-bottom: 1px solid #e3e4e4; padding-bottom: 3px;}

.landing-post { padding-top: 55px;}

.landing-post:first-child { padding-top: 0;}

.nav-previous, .nav-next { width: 50%; padding-right: 20px;}

.nav-next { padding: 0 0 0 20px; text-align: right;}

.post-nav { border-top: 1px solid #e3e4e4; padding-top: 20px; margin-top: 30px;}

.post-nav a { color: #a7a9ac;}

.post-nav a:hover { color: #545151;}

.post-nav span { position: relative; top: -2px;}

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

.sidebar-section { padding-top: 30px;}

.sidebar-section.blog-ads { padding-top: 5px;}

.sidebar-section:first-child { padding-top: 0;}

.text-image img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto;}

.sidebar-section .footer-title { padding-top: 0;}

.blog-right a.button { display: block; text-align: center; font-size: 90%;}

.blog-right a.button span {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.blog-right a.button:hover span { color: #545151;}

.sidebar-section .xsmall-title { font-size: 80%;}

ul.cat-list a { margin-top: 8px; color: #a7a9ac; display: block; font-size: 80%;}

ul.cat-list a:hover { color: #545151;}

/* - - - Single Post - - - */

.single-blog-left { width: 16%; text-align: right; }

.single-blog-right { width: 80%;} 

.post-content img { display: block; margin: 15px auto 0 auto; width: auto; height: auto; max-width: 100%;}

.post-content p:first-child { margin-top: 0;}

.post-title { font-size: 150%;}

.post-date { padding-bottom: 33px;}

.post-footer { padding-top: 30px;}

#comments { padding-top: 30px; margin-top: 30px; border-top: 1px solid #e3e4e4;}

.comments-link span.gold {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.comments-link:hover span.gold { color: #545151;}

ul.gold-social.post-share { display: inline-block; position: relative !important; right: -3px;}

ul.gold-social.post-share li { display: inline; float: left; margin-left: 5px;}

ul.gold-social.post-share a { text-indent: -9999px !important; background-position: center !important; text-align: left; width: 20px !important; margin-top: 0; padding-left: 0 !important;}

.post-sharing { padding-top: 15px; border-top: 1px solid #e3e4e4;}

.post-cats { padding: 15px 0; border-top: 1px solid #e3e4e4;}

.single-blog-left .jub.italic { font-size: 90%; clear: both;}

ul.post-categories { list-style: none; margin: 0; padding: 0;}

ul.post-categories a { display: block; margin-top: 10px; color: #a7a9ac; text-transform: uppercase; letter-spacing: .1em; font-size: 80%;}

ul.post-categories a:hover { color: #545151;}

.author-meta { padding-bottom: 15px;}

.author-name { padding-bottom: 3px; text-align: right; }

.author-image { width: 80px; height: 80px; border-radius: 100%; overflow: hidden; margin-bottom: 25px; float: right;}

.author-image img { display: block;}

/* - - - Comments - - - */

#comments { display: none;}

#commentform { width: 100%; max-width: 500px;}

#commentform input#author,
#commentform input#email,
#commentform input#url,
#commentform textarea,
input.medium,
textarea.medium
{ background: #fff; padding: 3px 4px; height: 32px; line-height: 32px; font-family: "ff-tisa-web-pro", Georgia, Times, serif; color: #545151; border: none; width: 100%; font-size: 90%; }

#commentform textarea, textarea.medium { height: 300px; resize: none; line-height: normal;}

#commentform label, .gfield_label { font-family: "brandon-grotesque", Arial, Verdana, sans-serif; color: #a7a9ac; font-size: 80%; padding-bottom: 5px; display: block; text-transform: uppercase; letter-spacing: .2em;}

#commentform .form-submit { text-align: right;}

input#submit, input.gform_button { background-color: #8A8282; }

input#submit:hover, input.gform_button:hover { background-color: #d0cac9 !important; }

#respond { padding-top: 30px;}

ol.commentlist { list-style: none; margin: 0; padding: 0; width: 100%;}

.comment-body { padding-left: 200px;}

ol.commentlist li { border-bottom: 1px dashed #e3e4e4; padding: 15px 0; min-height: 100px; position: relative; }

.comment-author, .comment-meta { width: 150px; position: absolute; top: 30px; left: 0; }

.comment-author { font-size: 90%;}

.comment-meta { top: 50px; font-size: 90%;}

.comments-toggle { display: inline-block;}

.comment-hide, .comments-toggle.open .comment-show { display: none;}

.comments-toggle.open .comment-hide { display: inline-block;}

/* - - - Contact - - - */

.contact-right { width: 76.9%;}

.contact-left { width: 15.7%;}

.contact-form { padding-top: 10px;}

.contact-left .footer-title { padding-top: 0;}

ul.gform_fields { list-style: none; margin: 0; padding: 0;}

ul.gform_fields li { margin: 20px 0 0 0;}

.gform_footer { text-align: left; padding-top: 20px;}

.gform_footer img { float: left;}

.validation_error, #gforms_confirmation_message { font-weight: bold; color: #dec578; font-size: 110%;}

.validation_message { font-style: italic; color: #dec578; padding-top: 5px;}

.contact-right p { margin-top: 0;}

/* - - - Single Events - - - */

a.rsvp-button { margin-top: 30px; display: inline-block;}

.event-date { padding-bottom: 30px;}

.events-bottom { width: 100%; max-width: 1080px; margin: 0 auto;}

ul.events-list { width: 100%; text-align: left;}

ul.events-list li { width: 33.33%; padding: 0 20px; margin: 0 0 60px 0;}

.featured-event { background: url(images/body-bg-dark.png) repeat center top; padding: 50px 0; margin: 60px 0;}

.event-title { font-size: 110%; padding-bottom: 3px;}

ul.events-list .event-title { padding-top: 35px;}

.event-title a { display: block;}

.short-inner { max-width: 900px; margin: 0px auto;}

.event-left { width: 30.8%;}

.event-right { width: 65.4%; }

/* - - - Single Contest - - - */

.contest-left { width: 14.4%; text-align: right;}

.contest-right { width: 78.7%;}

.contest-right .text:first-child p { margin-top: 0;}

.contest-date { font-size: 90%; }

.contest-label { padding-top: 3px; font-size: 90%;}

.contest-status { font-size: 155%; padding-top: 5px;}

ul.contest-list { width: 100%; max-width: 1080px; margin: 0 auto;}

ul.contest-list li { width: 33.33%; padding: 0 20px;}

.large-contest-title { font-size: 155%; padding-bottom: 5px;}

.contest-meta { padding-bottom: 30px; }

.contest-inner { padding: 30px; height: 100%;}

.contest-inner.current { background: url(images/body-bg-darkest.png) repeat center top;}

.contest-nav { padding: 15px 0;}

a.entry-button { display: inline-block; margin-top: 20px;}

/* - - - Search - - - */

.page-template-search-the-site-php .subpage-header, .search-results .subpage-header { max-width: 400px; margin: 0 auto;}

ol.search-results-list { text-align: left; padding-left: 20px;}

/* - - - Vendor Tabs - - - */

ul.resp-tabs-list p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    display: inline-block;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    clear: left;
}

.resp-accordion {
    cursor: pointer;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

/*- - - Vendor Accordion - - - */

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

/* - - - Custom Responsive Tabs - - - */

ul.resp-tabs-list { width: 100%; padding-bottom: 5px; border-bottom: 1px solid #e3e4e4;}

ul.resp-tabs-list li { margin-left: 30px; color: #8d8e90; font-size: 80%;}

ul.resp-tabs-list li:hover, ul.resp-tabs-list li.resp-tab-active { color: #545151;}

ul.resp-tabs-list li:first-child { margin-left: 0;}

.resp-tabs-container { padding-top: 40px;}

#vendors { display: none;}

ul.vendor-list li { padding: 25px 0 0 0;}

ul.vendor-list li:first-child { padding-top: 0;}

.vendor-wrap.has-image { min-height: 96px; padding-left: 130px; }

.vendor-image { position: absolute; left: 0; top: 0; width: 96px; height: 96px; border-radius: 100%; overflow: hidden; text-align: center; }

.vendor-image img { height: 96px; width: auto; display: block; }

.vendor-link { padding-top: 3px;}

.resp-accordion { font-size: 120%;border-bottom: 1px solid #e3e4e4; padding: 20px 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.resp-accordion:first-child { padding-top: 0;}

.resp-tab-content { padding: 20px 0 0 0;}

.resp-accordion.resp-tab-active { border-color: transparent; color: #dec578}

/* !Homepage Cycle  - - - - - */

.home-cycle a { display: block; position: relative;}

.home-cycle ul.slides li { position: relative; z-index: 1;}

.home-cycle ul.slides li.flex-active-slide { z-index: 10;}






/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1079px) {

.footer-col1, .footer-col2, .footer-col3, a.footer-email, .footer-title { display: none;}

ul.social { position: absolute; top: 0; right: 0; padding: 0;}

footer { padding: 15px 0;}

.footer-col4 { padding: 0 130px 0 0; width: 100%;}

.footer-info p { display: inline-block; margin: 0 0 0 25px; position: relative;}

.footer-info p.no-margin { margin-left: 0;}

.footer-info p:after {
content: "";
width: 3px;
height: 3px;
border-radius: 100%;
position: absolute;
top: 5px;
left: -15px;
font-size: 80%;
display: block;
background: #a7a9ac;
}

.footer-info p.no-margin:after { display: none; }

.about-right { padding-top: 0; }

.blog-right { display: none;}

.blog-left { width: 100%; max-width: 870px; margin: 0 auto; float: none;}

.landing-post-right { padding-right: 0;}

.single-blog-left { display: none;}

.single-blog-right { width: 100%; margin: 0 auto; max-width: 900px;}

.contest-left, .contest-right { width: 100%; max-width: 900px; margin: 0 auto; display: block; float: none;}

.contest-left { text-align: center;}

.contest-right { padding-top: 60px;}

.hide-contest { display: none !important;}

ul.nav { border: none;}

ul.nav li:first-child a { border-left: 0;}

ul.nav a { padding: 0 10px;}

li.search-nav a { width: 32px;}

ul.resp-tabs-list li { margin-left: 15px;}

.large-contest-title { height: auto !important;}

.blog-nav ul a { font-size: 80%; margin: 0 6px;}

} 

@media only screen and (max-width: 890px) {
/* Style adjustments for viewports that meet the condition */

.contact-left { display: none;}

.contact-right { width: 100%; max-width: 830px; margin: 0 auto;}

.event-left { width: 42%;}

.event-right { width: 54%; }

ul.nav a { padding: 0 7px; font-size: 80%;}

li.search-nav a { width: 24px;}

ul.resp-tabs-list li { margin-left: 12px; font-size: 70%;}

.blog-nav ul { width: 100%; font-size: 100%;}

.blog-nav ul li { width: 100%; display: block; float: none;}

.blog-nav ul li.current-cat a:after { display: none;}

.blog-nav { height: auto;}

.blog-nav li.gold { display: none;}

a.blog-nav-toggle { display: block;}

.blog-nav ul { display: none; background: #545151; width: 100%; text-align: center; font-size: 90%;}

.blog-nav ul a { color: #fff; margin: 0; border-top: 1px solid #8d8e90; line-height: 36px; font-size: 95%;}


}

@media only screen and (max-width: 768px) {
	
div.shop-bag { padding-top: 73px !important; }

header .inner { padding-top: 25px; padding-bottom: 25px; }

.issue-left { width: 100%; padding-top: 35px; float: none;}

.issue-right { width: 100%; }

.bottom-contributors ul li { width: 33.33%;}

.issue-info { display: none;}

.issue-text { width: 59.8%; float: left;}

.issue-buttons { width: 33%; float: right; }

.issue-buttons .xsmall-title { padding-top: 0;}

.issue-left .home-slideshow-wrap { padding-right: 0;}

ul.events-list li { width: 50%;}

.event-left { width: 48%; max-width: 319px; }

.event-right { width: 48%; }

}


@media only screen and (max-width: 767px) {
/* Style adjustments for viewports that meet the condition */

header .inner { padding-top: 20px; padding-bottom: 20px; }

li.info-nav span,
li.search-nav, 
ul.nav li.hide-mobile,
.pad-sep
{ display: none !important;}

ul.nav,
.footer-info p.no-bullet:after,
ul.control-list,
.image-credit,
.bottom-contributors
{ display: none;}

a.nav-toggle { display: block;}

ul.nav { width: 100%; height: auto;}

ul.nav li { width: 100%; display: block; float: none;}

ul.nav a { display: block; border-top: 1px solid #e3e4e4; font-size: 85%;}

.nav-wrap { min-height: 37px; height: auto;}

.footer-info p.no-bullet { display: block; margin-left: 0; margin-top: 5px;}

.footer-info { text-align: center; width: 100%;}

.footer-col4 { padding-bottom: 55px; padding-right: 0;}

ul.social { bottom: 23px; top: auto; left: 50%; margin-left: -48px;}

#main { padding: 0px 0px;}

ul.nav li.show-mobile { display: block;}

ul.contributor-list li { width: 33.33%;}

.contributor-name { font-size: 85%;}

a.left-nav-toggle, a.blog-nav-toggle { display: block;}

ul.left-nav, .blog-nav ul { display: none; background: #545151; width: 100%; text-align: center; font-size: 90%;}

ul.left-nav a, .blog-nav ul a { color: #fff; margin: 0; border-top: 1px solid #8d8e90; line-height: 36px;}

ul.left-nav a:hover, .blog-nav ul a:hover { color: #dec578;}

.page-left { width: 100%; padding-right: 0;}

.page-right { width: 100%; padding: 30px 20px 0 20px;}

#main.no-pad { padding-top: 0; }

#main.no-pad .inner { padding: 0;}

.about-left, .about-right { width: 100%; float: none;}

.about-left { max-width: 720px; margin: 0 auto; }

.about-right { padding: 40px 20px 0 20px;}

.page-template-about-php #main.no-pad { padding-top: 25px;}

.about-left .about-image.image-border, .home-slideshow-wrap .image-border, .landing-image.image-border { padding: 0; border-radius: 0; background: none; border: 0;}

.issue-text, .issue-buttons { display: block; float: none; width: 100%;}

.issue-buttons { padding-top: 30px;}

ul.issue-list { max-width: 730px; padding: 0 20px; }

ul.issue-list li { width: 50%; padding: 0; }

ul.issue-list li:nth-child(odd) { padding-right: 3%;}

ul.issue-list li:nth-child(even) { padding-left: 3%;}

.home-slideshow-wrap { padding-left: 0; padding-right: 0;}

.home-cycle a.flex-prev, .home-cycle a.flex-next { width: 50px; height: 50px; margin-top: -25px; }

.page-template-homepage .home-cycle a.flex-prev,
.page-template-homepage .home-cycle a.flex-next
{ margin-top: -39px; }

.home-cycle a.flex-prev { background: url(images/round-arrow-left.svg) no-repeat center; left: 0; }

.home-cycle a.flex-next { background: url(images/round-arrow-right.svg) no-repeat center; right: 0; }

ul.home-list { max-width: 365px;}

ul.home-list li { width: 100%; padding: 0 !important;}

ul.home-list .issue-image.image-border { border: none; padding: 0; background: none;}

.home-col-title { padding-top: 10px;}

ul.home-list li:first-child .home-col-title { padding-top: 0;}

.home-slide-title { text-align: center; position: static; background: none; margin: 0; border: none; box-shadow: none !important; -webkit-box-shadow: none !important; padding-top: 10px; width: 100%; height: auto; }

.home-slide-title .brandon, .home-slide-title .italic { display: inline-block; font-size: 100%; padding: 0; }

.home-slide-title .brandon:after { display: none; }

.home-slide-title .italic { color: #a7a9ac; padding-left: 5px;}

.issue-right { padding: 30px 20px 0 20px;}

a.issue-toggle { display: block;}

.mobile-title { display: block;}

.top-contributors .small-title { padding: 0 20px;}

.landing-post-left, .landing-post-right { width: 100%; max-width: 512px; margin: 0 auto; float: none; }

.landing-excerpt { display: none;}

.landing-date { padding-bottom: 20px;}

.landing-title { padding-top: 25px;}

.comment-body { padding-left: 0;}

.comment-author, .comment-meta { width: auto; position: static; }

ol.commentlist li { padding-top: 25px;}

.event-left {  display: none;}

.event-right { width: 100%; float: none; }

.contest-nav { background: none !important; padding: 0 !important; margin: 30px 0;}

ul.contest-list { display: block; width: 100%;}

ul.contest-list li { width: 100%; display: block; float: none; background: #545151; height: 36px; line-height: 36px; margin-top: 5px;}

ul.contest-list li:first-child { margin-top: 0;}

.contest-inner { padding: 0; background: none !important;}

.large-contest-title { font-size: 85%; padding-bottom: 0;}

.large-contest-title a { display: block; color: #a9a7ac; font-weight: normal; height: 36px; line-height: 36px;}

.contest-meta, a.contest-more { display: none !important;}

.contest-inner.current .large-contest-title a, .large-contest-title a:hover  { color: #dec578;}

ul.events-list .event-image { display: none;}

ul.events-list .event-title { padding-top: 0;}

/* - - - Accordion Tabs - - - */

ul.resp-tabs-list { display: none; }

.resp-accordion { display: block; }

.resp-htabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }

.resp-accordion-closed, .tab-top { display:none !important; }

.vendor-wrap { padding-left: 0 !important; min-height: 0 !important;}

.vendor-image { display: none !important;}

.resp-tabs-container { padding-top: 10px;}

.bottom-contributors ul { padding-top: 0;}

}

@media only screen and (max-width: 600px) {
/* Style adjustments for viewports that meet the condition */
	
header .inner { padding-top: 20px; padding-bottom: 20px; }

ul.contributor-list li { width: 50%; padding: 0;}

ul.contributor-list li:nth-child(odd) { padding-right: 4%;}

ul.contributor-list li:nth-child(even) { padding-left: 4%;}

ul.issue-list { max-width: 365px;}

ul.issue-list li { width: 100%; padding: 0 !important;}

.issue-image.image-border { border: none; padding: 0; background: none;}

.bottom-contributors ul li { width: 50%;}

.top-contributors ul li { width: 100%;}

ul.events-list li { width: 100%; display: block; float: none;}


}

@media only screen and (max-width: 480px) {
/* Style adjustments for viewports that meet the condition */

header .inner { padding-top: 20px; padding-left: 20px; padding-right: 20px; }

.footer-info { font-size: 70%;}

.footer-info p { display: block; margin-left: 0; margin-top: 5px;}

.footer-info p:after { display: none;}

.bottom-contributors ul li { width: 100%; height: auto !important;}
					
}

@media only screen and (max-width: 400px) {
/* Style adjustments for viewports that meet the condition */


				
}

@media only screen and (max-width: 320px) {
	/* Style adjustments for viewports that meet the condition */
			
}

/* - - - Retina Images - - - */

@media	only screen and (min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi)
{
/* Your code to swap higher DPI images */

body, .featured-event { background-image: url(images/body-bg-dark@2x.png); background-size: 200px 200px;}

#main { background-image: url(images/body-bg@2x.png); background-size: 200px 200px;}

.contest-inner.current { background-image: url(images/body-bg-darkest@2x.png); background-size: 200px 200px;}

}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* =============================================================================
   Renee's Custom Alterations
   ========================================================================== */

div.shop-bag {
	padding-right: 20px;
	padding-top: 57px;
	text-transform: uppercase;
	background: #f8f8f8;
	display: block;
	text-align: right;
	padding-bottom: 10px;
	font-size: 11px !important;
    letter-spacing: .03em !important;
	font-family: "brandon-grotesque", Times, serif !important;
}

div.shop-bag span.woocommerce-Price-amount.amount {
	font-size: 11px !important;
    letter-spacing: .03em !important;
	font-family: "brandon-grotesque", Times, serif !important;
}

.woo-shopping-bag {
	margin-right: 4px;
	margin-top: -8px;
    vertical-align: middle;
}

img.winnerscircle {
	max-width: 830px !important;
    height: auto !important;
}

.page .ck_form.ck_naked {
margin: 0px 0px 40px 0px !important;
}

input#ck_emailField {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #545151 !important;
font-family: "ff-tisa-web-pro",Georgia,Times,serif;
font-size: 75%;
height: 32px;
line-height: 32px;
padding: 3px 4px;
width: 100%;
font-style: italic;
}

#ck_success_msg {
background: none !important;
border: none !important;
padding: 0px !important;
}

.ck_form.ck_naked .ck_form_fields {
padding-left: 3px !important;
padding: 0px !important;
color: #545151 !important;
}

input#ck_emailField {
float: left !important;
width: 79% !important;
}

.ck_form.ck_naked .ck_subscribe_button {
font-family: "brandon-grotesque", Arial, Verdana, sans-serif !important;
font-size: 60% !important;
letter-spacing: 0.09em !important;
font-weight: bold !important;
height: 32px !important;
width: 48px !important;
background-color: #8a8282 !important;
right: 0 !important;
transition: all 0.25s ease 0s !important;
border-radius: 3px !important;
}

.ck_form.ck_naked .ck_subscribe_button:hover {
background-color: #d0cac9 !important;
}

#mf_iframe {
margin-left: -10px !important;
}

#main_body input.medium {
    margin-left: -4px !important; 
	margin-top: 4px !important;
}

div#main div.inner div.subpage-header.center div.text.header-text p img {
max-width: 100% !important;
height: auto !important;
}

div.issue-date.gold.italic.jub {
	padding-top: 0px !important;
}

@media only screen and (max-width: 768px) {
div.issue-right.fright {
	padding: 0px 20px 0px 20px !important;
}
}


/* =============================================================================
   Renee's Custom Alterations for WooCommerce
   ========================================================================== */

/*-- This hides the zoom icon on product images. --*/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	display: none !important;
}

/*-- Styling for Product Title --*/
h1.product_title.entry-title {
	font-family: "brandon-grotesque", Arial, Verdana, sans-serif;
	line-height: 1.4em;
	letter-spacing: .2em;
	color: #545151;
	text-transform: uppercase;
	font-size: 13px;
	margin-top: 12px !important;
	margin-bottom: -14px !important;
}

/*-- Styling for Product Price --*/
span.woocommerce-Price-amount.amount, .subscription-details {
	font-size: 12.5px !important;
	text-transform: uppercase;
	font-family: "brandon-grotesque", Arial, Verdana, sans-serif !important;
	letter-spacing: .05em !important;
}

/*-- Giving the Buy Button room from paragraph on Single Product Page --*/
div.woocommerce-product-details__short-description p {
	padding-bottom: 5px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: none !important;
	background: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	padding: 0px 20px 0px 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0 0 0 .5em !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #8d8e90 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #000 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #000 !important;
	border-bottom: 1px solid #000 !important;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
	padding-top: 30px !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
 	background-color: #666666 !important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:active, .woocommerce input.button.alt:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover {
      background-color: #d0cac9 !important;
}

/*-- Makes checkout page easier to read by making billing info etc white --*/
.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child, .woocommerce table.shop_table, #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
	background: #fff !important;
}

h2.woocommerce-order-downloads__title, h2.woocommerce-order-details__title, h2.woocommerce-column__title, .cart_totals h2, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3, h3#order_review_heading {
	font-family: "brandon-grotesque", Arial, Verdana, sans-serif !important;
	font-size: 12.5px !important;
	text-transform: uppercase;
	letter-spacing: .05em !important;
	color: #000 !important;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	padding-bottom: 10px !important;
	color: #000 !important;
}

.woocommerce ul.order_details {
	padding: 0px !important;
	font-size: 16px !important;
    letter-spacing: .05em !important;
}

.woocommerce ul.order_details li {
	border-right: 1px solid #d3ced2 !important;
}

.woocommerce-store-notice, p.demo_store {
	background-color: #ffd85c !important;
	box-shadow: none !important;
}

.woocommerce span.onsale {
	padding: 5px 14px !important;
	font-weight: lighter !important;
	text-decoration: underline !important;
	font-size: 1.2em !important;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 8px 6px 6px !important;
	width: auto !important;
}

.woocommerce a.remove {
	line-height: .7em !important;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
	background: #fff !important;
	padding: 35px !important;
	margin-bottom: 50px !important;
}
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: none !important;
}

.woocommerce-checkout #payment {
	background: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
	color: #000 !important;
	font-weight: bold !important;
	font-family: "brandon-grotesque", Arial, Verdana, sans-serif !important;
	font-size: 12.5px !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	color: #000 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
	padding: 1em !important;
}

#stripe-payment-data p {
	padding-left: 10px !important;
}

.woocommerce form .form-row input.input-text {
	height: 35px !important;
    padding-left: 3px !important;
}

.woocommerce form .form-row textarea {
	border: 1px solid #bfbfbf !important;
	min-height: 100px !important;
	padding: 5px !important;
	color: #000000 !important;
}