@charset "UTF-8";

/***********************************
-=LAYOUT DIMENSIONS AND MARGINS
************************************/
 
 
 




/*go_to_mobile_layout_at is the width at which the menu and footer 
  transform to be more easily viewalbe on phones.  You can shrink
  your browser window to find that best width to go mobile at.  The 
  more menu items you have the higher this value should be set to avoid
  the menu wrapping to a second line.*/
 


/*Typography - FONTS via Google fonts... approptiate <link> must be added between head tags of Layout.
  Leave the quotes below empty to use the fonts selected in your Big Cartel admin for Body and Header fonts.*/










/*
-=TOP NAV (AREA FOR SOCIAL ICONS/CART/SHIPPING TEXT)
*/





 /*includes cart text and social icons*/


/*SocialIconsBackgroundColor and SocialIconsHoverBackgroundColor change the color 
  of the circle displayed behind the icon.
  NOTE: Does not support text that appears to the left of the icons so that will be hidden if set in Layout*/




/* SocialIconsColor and SocialIconsHoverColor change the color of the actual icon.*/


 /*leave the quotes empty to use default hover for each social icon*/

 /*depending on the cart options selected below you might have to adjust the
   following value to line up the social icons with the cart elements. A negative
   value moves the icons up and a positive value moves it down.*/



 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/

 /* 1 = regular cart text. 2 = square background and varied text colors for cart and items.*/
/*cart options for style 2*/





 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/





 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/
 /*space above and below shop title or banner/logo */
 /*space above and below shop title or banner/logo */


 /*header top and bottom padding*/
 /*header left and right padding*/

.topbar {
    background-color: #297fb9 !important; /* Forces the change */
}



/*
-=MAIN MENU COLOR SCHEME
*/

 








 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/










 /* options are 'dark' or 'light' */



/***********************************
-=LOGO/STORE NAME AND MENU ALIGNMENT
************************************/
/*Try the following feature at your own risk.  This is best done by me during an install and setup.
You will also need to hide the search box by going to your admin and unchecking "show search"*/
 /*setting this to false will center the logo and menu, one on top of the other */
 /*Setting this value might be necessary if the layout is skewed*/



/*
    To enable the zooming of your product images that occurs on individual product 
    pages when the selected image is hovered over, set the following to 'true'.
    You will also need to open your "Product" file and set enable_hover_zoom = 'true'
    there as well.
    The hover zoom works best with images that meet Big Cartel's size recommendations
    for product images (1000x1000 pixels).  If you have a lot of small
    or irregular shaped images then it's best to set the following to 'false'.
*/












/*headings only show up on mobile layout*/

/*options are 'uppercase', 'lowercase' and 'none'*/
/*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/




/*options are 'uppercase', 'lowercase' and 'none'*/
/*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/




/*BUTTONS BLACK/WHITE */
 /*set to 0px to make the buttons completely square*/



 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/







/* PRODUCT LISTINGS PAGES */
 
/*Increase this value will increase the space between the images as well as slightly shrink the images*/


 
  /*needs to be enabled in Products and/or Home*/



/* options are 'uppercase', 'lowercase' and 'none'*/

/*options are left and center*/




 /* options are 'bold', 'normal' or '100', '400', etc*/

/* options are 'uppercase', 'lowercase' and 'none'*/




 /* options are 'bold', 'normal' or '100', '400', etc*/


 /* options are 'bold', 'normal' or '100', '400', etc*/

/* options are 'uppercase', 'lowercase' and 'none'*/

/*
PRODUCT PAGE
*/
/* Typography - PRODUCT PAGE */


/* PRODUCT PAGE */

 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/

/*options are 'uppercase', 'lowercase' and 'none'*/


 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/





/* SPECIAL HEADERS (centered text between borders) */
 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/

/*options are 'uppercase', 'lowercase' and 'none'*/


/* -------------------------------------------------------------- 
  -=Layout
-------------------------------------------------------------- */  

html {
  background-color: #FFFFFF; 
}

body {
  background-color: #FFFFFF;
  
  



  font-family: "Lexend Exa", sans-serif;
    
  color: #333333;
  margin: 0 auto;
  /*max-width: 1200px;*/
  font-size: 24px;
}

html, body {height:100%;}
.holder {
    min-height: 100%;
    position:relative;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 996px;    
}
.header_wrap {
    margin: 0 0 15px;
}

a {
  color: #333333;
  text-decoration: none;
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -ms-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in;  
}
*:focus {
   outline: none !important;
}
a:hover, a:active, a:focus {
  border: none;
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0 ease-in;  
  -moz-transition: color 0 ease-in;
  -ms-transition: color 0 ease-in;
  -o-transition: color 0 ease-in;
  transition: color 0 ease-in; 
}

#banner {
    margin-top: 10px;
    max-width: 450px;
    width: 100%;
    
        margin: 0;
          
}

header {
  clear: both;
  padding: 30px;
  text-align: center;
}

header a, header a:focus, .mobile_header a, .mobile_header a:focus {
        color: #333333;
        color: ;
}
header a:hover, .mobile_header a:hover {
     color: #333333; /*no hover effect*/
     color: #333333;
}

header h1, .mobile_header h1 {
    
    
      font-family: "Lexend Exa", sans-serif;
        
    
     font-size: 35px;
     font-weight: normal;
     text-transform: uppercase;
     letter-spacing: 5px;
     margin: 0px 0 0px;
     padding-bottom: 10px;
     
     
}
.mobile_header h1 {
  margin: 0 0 10px;
   padding: 30px 0;    
}


header {
  left: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  text-align: left;
  z-index: 99999;
}

h1 .subtitle {
    font-size: 0.6em;
}
/* ------------ top navigation area ---------------*/

.top_nav {
    
      font-family: "Lexend Exa", sans-serif;
        
    
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;      

    color: #333333;
    background-color: #FFFFFF;
    padding: 0;
    width: 100%;
    z-index: 999;    
}
#right_nav {float: right;}
.left_search, #glass_button {float: left;}
.left_search {      
    width: 214px;
    position:relative;
}
.left_search .search_button {
  color: #999;
  display: inline-block;
  font-size: 14px;
  left: 5px;
  position: absolute;
  top: 5px;
    cursor: pointer;  
}
.mobile_search {
    width: 100%;
    display: none;
}
.left_search input,
.mobile_search input {
  padding: 2px 5px;
  width: 150px;
  border: solid 1px #e5e5e5;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-font-smoothing: subpixel-antialiased;
  }
.left_search input {
  border-radius: 4px;
  padding: 3px 3px 3px 25px;
  width: 200px;
  border: solid 1px #FFFFFF;
  -webkit-transition: border .1s ease-in;
-moz-transition: border  .3s ease-in;
-ms-transition: border .3s ease-in;
-o-transition: border .3s ease-in;
transition: border .3s ease-in;  
}
.left_search input:focus {
  border: solid 1px #e5e5e5;
-webkit-transition: all .3s ease-in;
-moz-transition: all  .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;  
}
.fade {
   opacity: .5;
   transition: opacity .40s ease-in-out;
   -moz-transition: opacity .40s ease-in-out;
   -webkit-transition: opacity .40s ease-in-out;
}
.fade:hover {
   opacity: 1;
}

/* ---------------------
    Footer 
------------------------*/
/* ===== FOOTER STYLING ===== */
<footer>
  <div class="footer-container">
    <div class="footer-columns">
      <div class="footer-column">
        <h4>CUSTOMER SERVICE</h4>
        <ul>
          <li><a href="/contact">Contact</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/faqs">FAQ'S</a></li>
          <li><a href="/reviews">Reviews</a></li>
        </ul>
      </div>
      <div class="footer-column"></div>
      <div class="footer-column">
        <h4>STAY CONNECTED</h4>
        <form action="#" method="post" class="newsletter-form">
          <input type="email" placeholder="Enter your email" required>
          <button type="submit">Subscribe</button>
        </form>
        <div class="footer-social">
          <a href="#"><i class="fa fa-instagram"></i></a>
          <a href="#"><i class="fa fa-twitter"></i></a>
          <a href="#"><i class="fa fa-facebook"></i></a>
        </div>
      </div>
    </div>
    <div class="footer-second-row">
      <div class="footer-centered">
        <img src="https://i.postimg.cc/CLnZVLxC/ISS-Logo-25-Bn-W.png" alt="Logo" class="footer-logo">
        <p class="footer-copyright">&copy; 2025 IdeaStorm Studio Store. All rights reserved.</p>
      </div>
    </div>
  </div>
</footer>

<style>
footer {
  background-color: #f9f8f4;
  padding: 50px 20px;
  text-align: center;
}

.footer-container {
  max-width: 1200px;
  margin: auto;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.footer-second-row {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.footer-column {
  flex: 1;
  min-width: 250px;
  text-align: left;
}

.footer-centered {
  text-align: center;
}

.footer-logo {
  max-width: 100px;
  height: auto; /* Ensures proportional scaling */
  display: block;
  margin: 0 auto 10px; /* Centers the logo */
}

.footer-column h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
  font-size: 14px;
}

.footer-column ul li a {
  text-decoration: none;
  color: #333;
  transition: 0.3s;
  font-size: 14px;
}

.footer-column ul li a:hover {
  color: #555;
}

.newsletter-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.newsletter-form input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
}

.newsletter-form button {
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  font-size: 12px;
}

.newsletter-form button:hover {
  background-color: #555;
}

.footer-social {
  display: flex;
  gap: 15px;
  margin-top: 15px;
  justify-content: flex-start;
}

.footer-social i {
  font-size: 18px;
  color: #333;
}

.footer-copyright {
  margin-top: 15px;
  font-size: 14px;
}

/* Ensure consistency across all pages */
img.footer-logo {
  max-width: 100px !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .footer-columns {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-second-row {
    justify-content: center;
  }

  .footer-social {
    justify-content: flex-start;
  }
}
</style>

/*******************************
-=MAILING LIST
*******************************/
#mc_embed_signup form {
  display: block;
  margin-top: 0;
  padding: 0;
  z-index: 0;
  min-width: 230px; /*this is for Chrome as it causes the mailing list button to drop*/
}
#mc_embed_signup{
    background: #FFFFFF;
    display: inline-block;
}

#mc_embed_signup label {
  clear: both;
  display: inline;
  margin: 0 5px 0 0;
  width: auto;
}
#mc_embed_signup .button {
  margin: 3px 0 0;
}
#mc-embedded-subscribe {
  clear: none;
  float: right;
  margin: 0;
  width: 30%;
}
#mc_embed_signup input {
  text-transform: uppercase;
  font-size: 10px;
  padding: 3px !important;
  border-radius: 0px;

}
#mc_embed_signup input.email {
  float: left;
  display: inline-block;
  letter-spacing: 2px;
  margin: 0;
  padding: 3px;
  text-indent: 5px;
  width: 70%;
}
.mailing_list .subscribe_button {
  cursor: pointer;
  float: left;
  min-width: 65px;
  margin: 1px 0 0;
  letter-spacing: 1px !important;
  border-radius: 0px;
}
/*******************************
-=MAILING LIST IN TOP NAV
*******************************/
.top_nav .mailing_list {
  float: left;
  text-align: left;
  width: 350px;
  margin: 5px 0 0;
  padding: 0;
}
.top_nav #mc_embed_signup input {
  font-size: 12px;
}
.top_nav #mc_embed_signup input.email {
  width: 195px;
}


/*******************************
-=SPECIAL HEADER STYLE 
*******************************/

 .special_header {
      margin: 0;
  }
   .border_intersect {
    display: inline-block;
    height: 40px;
    margin: auto;
    position: relative;
    width: 100%;
    }
  .the_border {
      border-top:1px solid #333333;
      position: absolute; 
      top: 0; 
      bottom: 0; 
      width: 100%; 
      margin: auto; 
      height: 1px;
  }
  
  .special_header h3 {
    bottom: 0;
    display: block;
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 5px;
    z-index: 9;
    width: 100%;
  }
  .special_header span {
      background: #FFFFFF;
      display: inline-block;
      position: relative;
      padding: 0 15px;
  }
  
  .featured {margin: 20px 0 10px;}
  
@media only screen and (max-width: 480px) { 
  .special_header span {
    padding: 0 5px;
    width: 100%;
    display: block;
    position: inherit;
  }
  .special_header h3 {
      position:inherit;
      border-bottom:2px solid #e5e5e5;
  }  
}
/*******************************
-=MAILING LIST BENEATH SLIDER
*******************************/
  .home_page_mailing_list {
  margin: 20px 0 50px;
}
  .home_page_mailing_list #mc_embed_signup {
    display: inline-block;
    width: 100%;
  }   
  .home_page_mailing_list #mc_embed_signup form {
    display: block;
    margin: 0 auto;
    max-width: 502px;
    min-width: 500px;
    padding: 0;
    position: relative;
    z-index: 0;
  }                
  .home_page_mailing_list #mc_embed_signup input {
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 10px !important;
  }
  .home_page_mailing_list #mc_embed_signup input.email {
    display: block;
    letter-spacing: 2px;
    margin: 0;
    max-width: 377px;
    min-width: 340px;
    padding: 3px;
    text-indent: 5px;
    width: auto;
    text-transform: none;
  }             
  .home_page_mailing_list #mc-embedded-subscribe {
    font-weight: bold;
    text-transform: uppercase;
  }                
           
@media only screen and (max-width: 480px) { 
    .home_page_mailing_list {margin: 10px 0;}
    .home_page_mailing_list #mc_embed_signup input {
      display: block;
      clear:both;;
    }  
}

/*******************************
-=SOCIAL ICONS
*******************************/

.sm-icons{
  /*float: right;*/
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  }
.sm-icons li{
  margin: 0;
  padding: 0 5px 5px;
  display: inline-block;
 }
.sm-icons li a:hover {
    text-decoration: none;
}
.copyright {
  background-color: #FFFFFF;
  color: #333333;
  clear: both;
  padding: 25px 25px 0;
  text-align: center;
  font-size: 58px;
}

#copy {
    margin-right: 15px;
}

#custom {
    margin-left:15px;
}
#footer a, 
#footer a:hover {
    color: #333333;
}

.slider-wrapper {
    margin-top: 15px;
}

@media only screen and (max-width: 800px) { 
    .home_page_mailing_list #mc_embed_signup form {
      display: inline-block;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding: 0 10px;
    }
    .home_page_mailing_list #mc_embed_signup input.email {
          min-width: 0;
          max-width: 100%;
          width: 100%;
    }    
    .home_page_mailing_list #mc-embedded-subscribe {
        min-width: 115px;
    }
    #mc_embed_signup input.email {
        display: block;
        margin: 0 4% 0 0;
        padding: 4px 0;
        text-indent: 5px;
        width: 100%;
      }
      #mc_embed_signup label {
        text-align: center;
        margin: 0;
      }
      #mc_embed_signup input.email {
        margin: 0 auto;
        width: 100%;
      }
      
        .col1, .col2 {
      float: none;
      text-align: center;
      width: 100%;
    }  
footer.footer_columns .foot_section h3 {
  font-size: 1.2em;
  margin: 15px 0 0;
}    
    .foot_section.social_icons {
      display: inline-block;
      margin: 20px 0 0;
      text-align: center;
    }
   
    footer ul li {
        display: block;
    }
    .footer {
      width: 100%;
    }

    .other_links_header, #custom, #copy {
        display: block;
    }
    #custom, #copy {
        margin: 0;
    }
    .pages_nav {
        display: block !important;
    }
    .foot_section {
      float: none;
      font-size: 1em;
      margin: 0 auto 20px;
      padding: 0 !important;
      width: 100% !important;
    }  

  }


/******************************
Top Nav
*******************************/

.top_nav_icons {
    cursor: pointer;
    float: right;
    margin-right: 7px;
    width: 22px;
    height: 22px;
    background-size: 22px 44px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;

    /*For the sprite animation*/
    -webkit-transition: background-position .3s ease; 
    -moz-transition: background-position .3s ease; 
    -o-transition: background-position .3s ease; 
    transition: background-position .3s ease; 
}
.icon-shopping-cart {
    font-size: 14px;
}
.icon-search {
	font-size: 14px;
}

.cart {
  float: right;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: normal;
  width: auto;
  text-align: right;
}
.shipping_text {
    display: block;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    float:right;
    clear:both;
}



.media_icons{
    float:left;
    margin-right: 35px;
    margin-top: 2px;
}

.top_nav_icons {
    margin-top: 5px;  
}

.top_nav .social_icons {
    float: right;
    /*font-size: 14px;*/
    margin: -1px 5px 0 0;
    
}
.top_nav .social_icons.left{
    float:left;
    margin: -5px 0 0;
}
.social_icons.left ul.sm_icons {
    padding:0;
}
.top_nav ul.sm_icons {
  margin: 0;
  padding: 0;
}
.top_nav ul.sm_icons li {
    padding: 0 7px 0 0;
    display: inline-block;
}
.top_nav .social_icons {
    /*padding-left: 30px;*/
    width: auto;
}
.top_nav .sm_icons li a {
    font-size: 26px;
        
        color:#333;
    
    display:inline-block;
}
.top_nav .sm_icons li a:hover {
    transition: 300ms ease-in-out;
    text-decoration: none;
}


    .sm_icons li a:hover {
        color: #333;
    }


.social_header {
    padding: 0 5px 0 0 !important;
}



.top_nav a {
    color: #333333;
}
.top_nav a:hover {
    color: #000;
}


/*keep top and bottom padding equal in these elements to maintain
vertical alignment within the top bar*/
.cart, 
.social_icons {
  padding: 3px 0;
}



/*---------- buttons ------------*/
.fawn_button
{
    background: #000000;
    border-radius: 0px;
    border-color: #000000;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 8px;
    text-transform: uppercase;
    font-weight: normal;
    min-width: 100px;
    cursor: pointer;
    width: auto;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all  .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.fawn_button:hover {
    background: #000;
    border-color: #000;
    color: #FFF;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all  .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

h1, h2, h3, h4, h5 {
    
    
      font-family: "Lexend Exa", sans-serif;
          
    color: #333333;
}

h1 {
    margin: 0.17em 0;
}

h2{
    font-size: 1em;
}

section.content {
  padding: 0;
  margin: 20px 0;
  text-align: left;
  width: 100%;
  display: inline-block;
  
}
#home section.content {margin: 0;}

.custom section.content h1 {
    text-transform: uppercase;
    /*border-bottom: 2px solid #e5e5e5;*/
    display:inline-block;
    margin-bottom:15px;
    width: 100%;
    text-align:center;
    font-size: 1.9em;
}
.custom section.content {
    font-size: 16px;
}
.heading_underscore {
    border-top: 2px solid #333333; 
    color: #333333;
    display:block; 
    width: 40px; 
    text-align:center; 
}
.custom img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.custom_underscore {
    border: 1px solid #333333; 
    margin: 5px auto 0;
}
form li {
    list-style-type: none;
    margin-bottom: 1.2em;
}
form label {
    display: block;
    margin-bottom: .2em;
}

form input, textarea {
    border: 1px solid #e5e5e5;
    padding: 5px;
    width: 350px;
}

.errors {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 3em;
}

.errors  li {
    background: #D97576;
    border-bottom: 1px solid #A65A5A;
    color: #666666;
    padding: 3px 10px;
}

.mobile_top_nav {
    display: none;
}

/*This breaks at ipad portrait size*/
/*@media only screen and (max-width: 600px) {*/ 
@media only screen and (max-width: 800px) { 
    /*top_nav contains search, media icons and the cart*/   
    .top_nav {
        display: none;
    }
    .mobile_top_nav {
        display: block;
    }
    .header_wrap {
        margin: 0;
    }    
    header {
        display:none;
    }
    .custom section.content { padding: 0 25px;} 
    .mobile_header {
        text-align: center;
        padding: 0;
    }
    
    #banner {
      margin: 10px auto;
      max-width: 100%;
      padding: 0 10px;
      width: auto;
    }
    
    .bottom_nav_icons {
        float: left;
    }
    #bottom_nav_text{
        font-size: .9em;
        margin-top: 4px;
        padding-right: 5px;
        float: left;
    }
    .other_links {font-size: 1.3em;}
    footer h3 {
      font-family: "Lexend Exa", sans-serif;
      font-weight: bold !important;
      margin: 0 0 5px;
    }  
    footer .mailing_list h3 {
        float: none;
        font-size: 18px;
    }    
    footer ul li {
      display: block;
      margin: 10px 0 0;
    }    
    #mc_embed_signup {
      display: block;
      margin: 0 auto;
      width: 310px;
    }    
    footer .copyright {
        text-align: center;
        padding-left: 38px;
    }
    
}

/* ---------------------------------------------

-=mobile_menu

-----------------------------------------------*/

@media only screen and (min-width: 800px) {

.menu {
  display: block;
  margin: 10px auto 0;
  width: 100%;

    margin:0;
    
        position: absolute;
        bottom: 0;
    
    
}

nav {
    display: inline-block;  
    width: 100%;
    z-index: 100;
    position: relative;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    
        height: 125px;
        
}
nav ul ul {
    display: none;
    font-size: .9em;
}
nav ul li:hover > ul {
    display: block;
}
nav ul {
        border-bottom: none;
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0 20px;
        text-transform: uppercase;
        
            text-align: right;
        
}

nav .menu > ul {
    border-bottom: 1px solid #e5e5e5;
}

nav ul:after {
    content: ""; 
    clear: both; 
    display: block;
}
nav ul li {
    display: inline-block;
    text-align: left;
}
nav ul li:hover {
    background: #297fb9;
}

nav ul li a:hover {
    color: #fff;
    text-decoration: none;
}

nav ul li a {
    display: block; 
    padding: 20px;
    padding: 10px 15px 10px;
    color: #333333;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;      
}


nav #ddm > li:last-child a {
  /*padding-right: 0;*/
}



nav ul ul {
    background: #FFFFFF;
    padding: 0;
    position: absolute; 
    /*top: 100%;*/
    top: 44px;
    z-index: 100;
    border: 1px solid #e5e5e5;
}

nav ul ul li {
/*  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;*/
  display: block;
  float: none;
  position: relative;
}

nav ul ul li a {
    padding: 10px 20px;
    color:#333333;
    white-space:nowrap;
}	
nav ul ul li a:hover {
    background: #297fb9;
    color:#fff;
    text-decoration: none;
}	
nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}

}

@media only screen and (max-width: 800px) {
    
    html, body { 
      overflow-x: hidden; 
       -webkit-overflow-scrolling: touch;    
    }
    
    .slider-wrapper {
        margin-top: 25px;
    }
    #ddm {
//        display: none;  
        min-height: 100%;
    }    
    .menu {
        padding-left: 0;
        padding-right: 0;
    }
    .mobile_only_mailer {
      display: block;
      float: none !important;
    }
    section.content {
      padding: 0;
      text-align: left;
    }
    nav {
      position: absolute;
      top: 0;
      left: -250px;
      background: #FFFFFF;
      z-index: 0;
      width: 250px;
      font-size: 1em;
      height: 100%;
      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -o-transform 0.2s linear;
      -ms-transition: -ms-transform 0.2s linear;
      transition: transform 0.2s linear;      
    }
    nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    #mobile-slide-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -o-transform 0.2s linear;
      -ms-transition: -ms-transform 0.2s linear;
      transition: transform 0.2s linear;
    }
    .top-bar,
    .cart-bar,
    .search-bar {
      /*position: absolute;*/
     background: #FFFFFF;
      z-index: 5;
      border-top: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      padding:0;
    }

    .top-bar label,
    .cart-bar label,
    .search-bar label {
        
      
        color: #000000;
      
      
      display: block;
      width: 100%;
      position: inherit;
      padding: 10px 0;
      background: #FFFFFF;
      text-align: center;
    }
    .top-bar label i,
    .cart-bar label i,
    .search-bar label i {
      font-size: 18px;
    }    
    .top-bar label span, .cart-bar label span, .search-bar label span {
      color: #333333;
      display: inline;
      margin: 0 0 0 10px;
      font-size: 16px;
    }
    #menu-toggle:checked ~ #mobile-slide-content {
      -webkit-backface-visibility: hidden;
      -webkit-perspective: 1000;
      -webkit-transform: translate3d(250px,0,0);
      -moz-transform: translate3d(250px,0,0);
      -ms-transform: translate3d(250px,0,0);
      -o-transform: translate3d(250px,0,0);
      transform: translate3d(250px,0,0);
    }
    #menu-toggle ~ #mobile-slide-content {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
    #menu-toggle:checked ~ nav {
      -webkit-backface-visibility: hidden;
      -webkit-perspective: 1000;
      -webkit-transform: translate3d(250px,0,0);
      -moz-transform: translate3d(250px,0,0);
      -ms-transform: translate3d(250px,0,0);
      -o-transform: translate3d(250px,0,0);
      transform: translate3d(250px,0,0);
    }
    #menu-toggle ~ nav {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
  
      
    .mobile_search input {
      border: 2px solid #e5e5e5;
      border-radius: 3px;
      font-size: 1.2em;
      height: 45px;
      width: 100%;
    }
    #search-toggle:checked ~ .mobile_search {
        display: block;
    }
    
    #search-toggle ~ .mobile_search {
        display: none;
    }
    
    .mobile_search {
        display: none;
        background: #FFFFFF;
        float:none;
    }
    
    nav li a {
      color: #333333;
      display: block;
      padding: 0 5px 0 25px;
      text-decoration: none;
      line-height: 2.6em;
      overflow: hidden;
              -webkit-overflow-scrolling: touch;    
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;   
    }
    nav ul#ddm {
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    nav ul li {
      border-top: 1px solid #e5e5e5;
      border-right: none;
    }
    
    nav ul li:hover a{
      background: #FFFFFF;
    }

    nav ul li a:hover{
        color: #000;
    }

    nav ul ul li a {
        color: #333333;
        padding: 0 5px 0 45px;
        margin: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;   
    } 
    nav ul ul ul li a {
        padding-left: 65px;
    }
    nav ul ul li a:hover {
        background: #FFFFFF;
        color: #000;
    }
}
/* --------------------------------------
Menu atyles for all sizes and orientations
-----------------------------------------*/
#ddm {
    
      font-family: "Lexend Exa", sans-serif;
        
 
    font-size: 16px;
    margin: 0;
    padding: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;    
    width: 100%;
    visibility: hidden;
}  
.menu-toggle,
.search-toggle,
.mobile_search {
    display: none;
}

.mobile_search {
       padding: 10px 40px;
}

#mobile-slide-content {
    background: #FFFFFF;
}
/* -------------------------------------------------------------- 
  -=PRODUCT PAGE STYLES FOR HOVER & NO HOVER
-------------------------------------------------------------- */  
body#product .product_images {
    float: left;
    margin: 20px 0;
    width: 55%;
}
.product_details {
    float: left;
    text-align: left;
    position: relative;
    width: 45%;
}
.product_details .product_name,
.mobile_product_description .product_name {
  font-family: "Lexend Exa", sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.product_details .price,
.mobile_product_description .price  {
  font-size: 16px;
  font-weight: normal;
}


.product_details img {
    max-width: 285px;    
}
#product ul#custom_social_links {
  display: inline-block;
  list-style: none;
  padding: 10px 0 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
#product ul#custom_social_links li {
    float: left;
    padding: 0 15px 0 0;
}
#product #custom_social_links i {
    font-size: 12px;
}
.product_form {
    padding-bottom: 5px;
    clear: both;
}
body#product .content aside {
  border-right: none;
  font-size: 1em;
  padding-left: 30px;
}
p.artist{
    font-size: .85em;
    width: 350px;
    padding-top: 15px;
}
#add_to_bag_button {
    margin: 20px 0 10px;
    display: block;
}
.product_form h3, h4 {
    margin: 0;
    padding: 0;
}
body#product .availability li {
    height: 16px;
    margin-bottom: 5px;
}
body#product .product_details ul#social_links {
    display: block;
    border-top: solid 1px #e5e5e5;
    margin-bottom: 10px;
    margin-left: -5px;
    width: 350px;
    margin-top: 26px;
    padding: 15px 0 0 0;    
  }
  .quantity input {
      width: 30px;
      padding: 5px 10px;
  }
.price_options {
    text-align: left;
    /*font-size: 1.2em;*/
}  
.product_details .price {
  margin: 0;
  padding: 0;
}
.product_description {
    /*border-top: 1px solid #e5e5e5;*/
    font-size: 16px;
    padding: 5px 0;
}
.label {
    font-weight: bold;
    font-size: 18px;
    margin: 15px 0 5px;
}
.options_select{
   margin-bottom: 5px;
}

body#product .product_details #social_links li {
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 0;
    opacity: 1;
    text-align: left;
    float: left;
    
  }

body#product .product_details #social_links li#social_facebook{
        margin-right: 5px;
 }

 body#product .product_details #social_links li#social_tweet{
        width: 95px;
 }
  
#social_links #social_facebook iframe {
  margin: 0 auto 0 5px;
  }

#social_links #social_tweet iframe {
  height: 20px;
  margin-left: 5px !important;
}
#social_links #social_pinterest iframe {
  height: 20px;
  margin-left: 5px !important;
}
.mobile_product_description {
    text-align: center;
    margin-bottom: 15px;
}
.product_images ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.product_images li{
    opacity: .5;
    margin: 0 0 3px 3px;
    vertical-align: top;
    max-width: 75px;
}
.product_images li.selected {opacity: 1;}
.product_images li img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.product_images li.selected a:hover {cursor: default;}
.primary_image {
     max-width: 100%;
     visibility: visible;
     /*max-width: 500px;*/
      float:right;
}
.product_page_wrap {
  display: block;
  margin: 0 auto;
  max-width: 950px;
}

/* -------------------------------------------------------------- 
  -=PRODUCT PAGE NO HOVER
-------------------------------------------------------------- */  


a.fancybox:hover {cursor: zoom-in;}
#view_container {
    margin: 0 auto;
    width: 85%;
    float: left;
    overflow: hidden;
}

/* -------------------------------------------------------------- 
  -=PRODUCT PAGE HOVER
-------------------------------------------------------------- */  


/* -------------------------------------------------------------- 
  -= PRODUCT PAGE RESPONSIVE STYLES
-------------------------------------------------------------- */  
@media screen and (max-width: 1183px) {
    #view_container {
        /*margin: 0 auto;*/
        width: 100%;
        max-width: 500px;
        float: none;
    }
    .product_images ul {
        margin: 0 0 4px;
        text-align: center;
        width: 100%;
    }
    .product_images li{
        display: inline-block;
        opacity: .7;
        margin-right: 0px;
        margin-top: 4px;
        vertical-align: top;
    }
    body#product .product_images {
        /*margin: 0 0 30px;*/
    } 
}
@media screen and (max-width: 800px) {
    .price_options {
        display: block;
        margin: 0 auto;
        text-align: center;
    	width: auto;
    }
    body#product .content aside {
        border: medium none;
        margin: 0 auto;
        padding: 0 50px;
        width: auto;
    }
    .primary_image {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .product_description {
        padding: 5px 15px;
    }
    body#product .product_images {
      padding: 0 15px;
    }    
    .product_details .label {
      padding: 0 15px;
    }
}
@media screen and (max-width: 750px) {
    .product_form form {
        font-size: 1em;
        text-align: center;
    }
    #add_to_bag_button {
      margin: 20px auto 10px;
    }    
    body#product .product_images, .product_details {
        width: 100%;
    }
    body#product .content aside {
        margin: 0 auto;
        padding: 0 10px;
        width: auto;
    }
}
@media screen and (max-width: 450px) {
    select#option {
        width: 100%;
    }
}
body#product .product_details ul#social_links {
    width: 100%;
}
@media only screen and (max-width: 990px) { 
    body#product .product_details ul#social_links {
        margin: 25px auto;
    }
}

/* -------------------------------------------------------------- 
  -=PRODUCTS PAGE
-------------------------------------------------------------- */  
body#home section.content ul, 
body#products section.content ul
{
    list-style-type: none;
    padding: 0;
    text-align: left;
    margin: 0;
}

h3.products_page_name {
  /*border-bottom: 2px solid #333333;*/
  font-size: 17px;
  font-weight: 80;
  margin: 0 0 20px;
  padding-left: 50px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.product_container {
  display: block;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  visibility: hidden;
  margin: 0 .75% 10px;
}

.image_container_large {
  bottom: 0;
  display: inline-block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  /*padding: 0 50px;*/
}
.product_info {
  bottom: 0;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 105px;
}
.product_info p {
    padding:0 10px;
    margin:0;
}
.product_info p.product_name {
    margin: 5px 0;
    font-family: "Lexend Exa", sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.product_info p.product_name {color: #333333;}
.product_info p.product_name:hover {color: #000;}

.product_info p.product_price, .product_info em {
    color: #333333;
    font-size: 14px;
    font-weight: regular;   
    margin: 5px auto 0
}

.product_info p.product_price:hover {
    color: #000;
}

.product_img {
  margin: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  /*padding: 0 50px;*/
}

.imageFade {
   opacity: .8;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out; 
}
 body#home section.content li.product div.pagination, 
 #shop section.content li.product div.pagination, 
 body#products section.content li.product div.pagination {
      clear: both;
}
#pagination {
  float: left;
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
  font-size: 18px;
  }

#pagination span,
#pagination a {
  padding: 8px 4px;
  border: none;
  }

#pagination .disabled,
#pagination .next,
#pagination .previous {
  display: none;
  }

#pagination .current {
  text-decoration: underline;
  }
  


/*@media only screen and (max-width: 610px) {
    .product_container {
        float: none;
        margin: 0 auto 10px;
        min-width: 350px;
    }   
}*/
 
@media only screen and (max-width: 390px) {
    .product_container {
        float: none;
        margin: 0 auto 10px;
        min-width: 285px;
    }   
}
/* -------------------------------------------------------------- 
  -=SALE TAG
-------------------------------------------------------------- */  
.sale_tag {
    position: absolute;
    top: 0;
    /*left: 50px;*/
    left: 0;
    padding: 10px 10px;
    background-color: #de2b40;
    color: #FFF;
    text-transform: uppercase;
    z-index: 99;
    font-size: 14px;
}
/* -------------------------------------------------------------- 
  -=PRODUCTS POPUP INFO
-------------------------------------------------------------- */  
.product_popup_info {  
  
    color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 0, 0, 0.6);
    
  display: none;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: relative;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 999;
  height: 100%;
  
}
.popup_text {
  bottom: 0;
  left: 0;
  margin: 20% auto 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 28px;
  padding: 0 20px;
}

.popup_product_name, .popup_price {
  	margin: 0;
}
.popup_product_name {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
}
.popup_price {
    font-size: 14px;
    font-weight: regular;    
}
.popup_underscore {
    margin: 10px auto;
    width: 25px;
    
    border-color: rgba(255, 255, 255, 0.9);
    
	/*border-color: rgba( , 0.9 );  */
}

@media only screen and (max-width: 610px) {
  .product_popup_info {  
    display: inline-block;
    
      color: #FFF;
      background: rgba(0, 0, 0, 0.4);
      
  
  }
}  
/* -------------------------------------------------------------- 
-=CART
-------------------------------------------------------------- */
.cart_col_titles {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 !important;
}
.cart_summary {
    display: inline-block;
    float: right;
}
.cart_summary h3 {
    /*background: #FFFFFF;*/
    border-bottom: solid 1px #e5e5e5;
    font-size: 1.7em;
    text-align: right;
}
body#cart .cart_summary p {
    padding: 0;
    margin: 12px 0 15px;
}

body#cart .cart_summary #cart-shipping-tax {
    margin-top: 4px;
    margin-bottom: 10px;
}

body#cart .cart_summary #cart-shipping-tax p
{
    padding: 0;
    margin: 0 0 5px;
}

body#cart .cart_summary .cart_discount p
{
    padding: 0;
    margin: 8px 0 20px;
}

body#cart li.cart_discount_entry {
    margin: 10px 0;
    position: relative;
}

body#cart li.cart_discount_entry p {
    margin: 0;
}

.place_order {
  display: inline-block;
  float: right;
  margin: 0 0 10px;
}

#continue_button {
    margin-right: 5px;
    float: right;
}
#checkout_button,
#no_checkout_button {
      float: right;
}
.no_products {
    font-size: 20px;
    margin: 40px 0;
}
.no_products a {text-decoration: underline;}
.update_link {
    position: absolute;
    font-size: .8em;
    left: 15px;
    top: 55px;
}

form li#cart-shipping-tax {
    margin-top: 5px;
}

li#cart-shipping-tax #country{
    margin-bottom: 5px;
    width: 225px;
}

#cart_discount_code {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding: 5px;
    width: 185px;
}

.no_shipping {
  color: red;
  width: auto;
}

body#cart form .cart_summary ul {
    border-bottom: none;
    padding: 0
}

form .cart_summary li {
    display: block;
    list-style: none;   
    margin:0;
    padding:0;
    text-align: right;
}

.order_total{
    font-size: 1.1em;
    border-top: solid 3px #e5e5e5;
    text-align: left;
}
body#cart form li.cart_item {
      border-bottom: solid 1px #e5e5e5;
}

body#cart form li {
      padding-bottom: 10px;
}

body#cart li img {
    display: block;
    margin: 0 auto;
}

.cart_item_container {
    width: 75px;
    margin-right: 15px;
}

body#cart h5 {      
        margin-top: 28px;
}

body#cart .unstyled p {
        padding-top: 25px;
        margin-left: 10px;
}

body#cart form p > input
{
        margin-right: 10px;
        text-align: center;
        width: 35px;
}

body#cart a.remove {
        display: inline-block;
        margin: 25px 0 0 0;   
        text-align: left;
        width: 25px;
        height: 25px;
        /*border-radius: 12px;*/
        /*background: #000000;*/
        position: relative;
    -webkit-transition: background .3s ease-in;  
    -moz-transition: background .3s ease-in;
    -ms-transition: background .3s ease-in;
    -o-transition: background .3s ease-in;
    transition: background .3s ease-in;         

}
.icon-remove {
    color: #000000;}}; 
    left: 8px;
    top: 5px;
    position: absolute;

}
body#cart a.remove:hover {
    background: #000;
    -webkit-transition: background .3s ease-in;  
    -moz-transition: background .3s ease-in;
    -ms-transition: background .3s ease-in;
    -o-transition: background .3s ease-in;
    transition: background .3s ease-in;         
    
}

@media only screen and (max-width: 800px) {
    .update_link {
        top: 70px;
    }
    body#cart form > ul {
    }
    .place_order {
        float: right;
        width: 200px;
     }
     #continue_button {
        margin: 5px 0 0;
      }
      li#cart-shipping-tax #country {
        max-width: 185px;
      }
    .cart_item_container {
      margin-right: 0;
      padding: 0;
    }   
    body#cart li img {
      display: block;
      margin: 0;
      width: 100%;
    }    
}
/* -------------------------------------------------------------- 
  Contact
-------------------------------------------------------------- */   
#contact #contact_page p#thank_you {
    padding-bottom: 0 !important;
    border: none !important;
    text-align: center;
}
  
div.contact_header {
    /*width: 100%;*/
    text-align:left;
    padding:10px;
} 

.contact_header h1 {
    border-bottom: solid 2px;
    display: inline-block;
}
.contact_info {
    position: relative;
    height: 300px;
    width: auto;
    border-left: solid 1px #e5e5e5;
}  


.contact_info .email_addy {
    position: absolute;
    padding: 50px;
    top: 0;
    /*bottom: 0;*/
    left: 0;
    right: 0;
    margin: auto;
    height:20px;
}

.contact_info .email_addy p{
    width: 250px;
}

.contact {
    position: relative;
}

#contact_form {
    margin: 20px;
}

#contact_form ul {
    padding: 0;
}

#contact_form li {
    padding: 4px 0;
}

#contact_form label {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    text-align: left;
}

#contact_form input,
#contact_form textarea {
    width: 250px;
    margin: 0;  
} 
#contact_form textarea {
    width: 290px;
    height: 100px;
}   

#captcha_img {
    overflow: hidden;
}

#captcha_img input {
    width: 75px;
    margin-right: 20px;
}  
  
#captcha_img img {
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#contact #contact_button
 {
    margin-bottom: 15px;
    width: 60px;
    height: 35px;
}

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

    .contact_header h1 {
        margin-left: 25px;
    }
}

/********************
-=SIMPLE GRID
********************/
/*the following is the margin set between product images and needs to match
what is in .product_container of layout.css.
*/
* {
  box-sizing: border-box;
}

.grid {
  background: white;
  margin: 0 0 5px 0;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*='column-'] {
  float: left;
  padding-right: 5px;
}
.grid [class*='column-']:last-of-type {
  padding-right: 0;
}

@media only screen and (max-width: 3000px) {
  .column-lg-1 {
    width: 98.5%;
  }

  .column-lg-2-3 {
    width: 65.16%;
  }

  .column-lg-1-3 {
    width: 31.83%;
  }

  .column-lg-1-2 {
    width: 48.5%;
  }

  .column-lg-1-4 {
    width: 23.5%;
  }

  .column-lg-1-5 {
    width: 18.5%;
  }

  .column-lg-1-6 {
    width: 15.16%;
  }

  .column-lg-1-8 {
    width: 11%;
  }

  .column-lg-hide {
    display: none;
  }

  .column-lg-show {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
  .column-md-1 {
    width: 98.5%;
  }

  .column-md-2-3 {
    width: 65.16%;
  }

  .column-md-1-3 {
    width: 31.83%;
  }

  .column-md-1-2 {
    width: 48.5%;
  }

  .column-md-1-4 {
    width: 23.5%;
  }

  .column-md-1-5 {
    width: 18.5%;
  }

  .column-md-1-6 {
    width: 15.16%;
  }

  .column-md-1-8 {
    width: 11%;
  }

  .column-md-hide {
    display: none;
  }

  .column-md-show {
    display: block;
  }
}
@media only screen and (max-width: 700px) {
  .column-sm-1 {
    width: 98.5%;
  }

  .column-sm-2-3 {
    width: 65.16%;
  }

  .column-sm-1-3 {
    width: 31.83%;
  }

  .column-sm-1-2 {
    width: 48.5%;
  }

  .column-sm-1-4 {
    width: 23.5%;
  }

  .column-sm-1-5 {
    width: 18.5%;
  }

  .column-sm-1-6 {
    width: 15.16%;
  }

  .column-sm-1-8 {
    width: 11%;
  }

  .column-sm-hide {
    display: none;
  }

  .column-sm-show {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .column-xs-1 {
    width: 98.5%;
  }

  .column-xs-2-3 {
    width: 65.16%;
  }

  .column-xs-1-3 {
    width: 31.83%;
  }

  .column-xs-1-2 {
    width: 48.5%;
  }

  .column-xs-1-4 {
    width: 23.5%;
  }

  .column-xs-1-5 {
    width: 18.5%;
  }

  .column-xs-1-6 {
    width: 15.16%;
  }

  .column-xs-1-8 {
    width: 11%;
  }

  .column-xs-hide {
    display: none;
  }

  .column-xs-show {
    display: block;
  }
}
/* Opt-in outside padding */
.grid-pad {
  padding: 5px 0 5px 5px;
}
.grid-pad [class*='column-']:last-of-type {
  padding-right: 5px;
}

.promo_images {
    display: inline-block;
    width: 100%;
}
.promo_container {
  display: block;
  line-height: 0;
  margin: 0 .75% 15px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.promo_container img { max-width: 100%; }
@media only screen and (max-width: 590px) {
    .promo_container {
      float: none !important;
      margin: 0 auto 15px;
      min-width: 350px;
    }   
    .promo_container img {margin: 0 auto; display: block;}
}
.topbar {
  color: #fff;
  background: #000;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;  
}
.topbar span {display: none;}
.topbar span.active {display: inline-block;}
.topbar a {text-decoration: underline;}
.topbar a:hover {
	color: #38a1e3;
}
.right .heading,
.foot_section.pages_nav a{
font-family: "Lexend Exa", sans-serif;
}
#custom {
  font-size: 7px;
  margin-top: 15px;
  margin-left: 0;
}
@media screen and (min-width: 801px) {
  footer .mailing_list {
  position: absolute;
right: 0;
  }
  .other-links{position: relative;}
  footer .mailing_list h3 {
    float: none;
    text-align: left;
    margin-bottom: 5px;
    display: block;
  }
  #mc_embed_signup input.email,
  #mc_embed_signup input {
    height: 35px;
  }
  #mc_embed_signup form {
    min-width: 275px;
  }
  .foot_section.social_icons {
    display: block;
    float: left;
    clear: both;
    min-width: 275px;
  }
  .foot_section.social_icons h3 {
    margin-top: 0;
    font-size: 14px;
  }
  .copyright {
  font-size: 10px;
  }
  #copy {
    margin-right: 0;
  }
  .pages_nav {
    float: left;
  }
  .other_links {
    display: inline-block;
    width: 100%;
  }
}
#upsell header p,
#upsell button {
  font-family: "Lexend Exa", sans-serif;
}
.one_of_two, .two_of_two {
  transition: opacity .4s;
}
.two_of_two {
  opacity: 0;
}
.image_container_large:hover > .one_of_two {
  opacity: 0;
}
.image_container_large:hover > .two_of_two {
  opacity: 1 !important;
  visibility: visible !important;
}
.imageFade {
  opacity: 1 !important;
}
.product_img.one_of_two.main,
.product_img.main,
.product_info {
  visibility: visible;
}
.main.single {
  opacity: 1 !important;
}
nav ul ul {
    top: 42px;
}
.promo_container {
	margin: 0 .75% 0px;
	padding: 0;
}