/* CORSET THEME BY KAREN @ THEIMPRESSEDESIGN.STORENVY.COM */

/* The line below imports most of the styles for your chosen theme.
It is recommended that you leave this here to receive bug fixes or additions to this theme. */

@import url('/assets/theme_cooper.css');

/* LAYOUT */

#content { padding: 0 20px; }
.store_name { line-height: 20px; }
#banner img { border: 1px solid #fFfFfF; margin-top: -19px; width: 100%; }
#header #store_info .store_name { font-size: 60px; padding: 50px; font-family: 'Pacifico', cursive; }
#content h1 { font-size: 20px; text-transform: none; }
#main, .main { width: 100%; margin-top: 20px; margin-left: 1.5%; margin-bottom: 5%; }
.about-top p { text-align: left; font-size: 12px; }
a:link, a:visited, .no-products p, .navcenter li a { line-height: 18px; text-decoration: none; font-weight: 300; -webkit-transition: color .55s, background .55s, opacity .55s; -moz-transition: color .55s, background .55s, opacity .55s; -ms-transition: color .55s, background .55s, opacity .55s; -o-transition: color .55s, background .55s, opacity .55s; transition: color .55s, background .55s, opacity .55s; }
#newsblock { position: relative; width:70%; height:auto; min-height: 500px; margin-bottom: 10px; text-align: justify; float: left; }

@media screen and (max-width: 846px) {
  #newsblock { width: 100%; } }
@media screen and (max-width: 625px) {
  #main { margin-left: .05%; margin-top: 0%; }
  #header #store_info .store_name { font-size: 25px; margin-bottom: -17px; } }

  
/* SIDEBAR */

#sidebar, .sidebar { margin-right: 10px; float: right; padding-bottom: 20px; }
#social { text-align: center; }
#social a { margin-right: 6px; margin-top: 10px; }
#social img { height: 25px; }
#copyright, #sidebar #copyright a { font-size: 11px; text-transform: uppercase; }

@media screen and (max-width: 1090px) {
  #social a { margin-right: 0; } }
@media screen and (min-width: 587px) and (max-width: 846px) {
  #sidebar { margin-left: 6%; clear: both; float: left; width: 90%; text-align: center;} }

/*NAVBAR*/
.navdiv { text-align: center; align-content: center;  }
.navdiv ul { display: inline; margin: 0px; list-style: none; }
.navdiv ul li { font: normal 12px Raleway; display: inline-block; margin: 0px; position: relative; cursor: pointer; padding: 10px 10px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
.navdiv ul li:hover { background: #fafafa; }
.navdiv ul li a:hover { color: #000; }

@media screen and (min-width: 1001px) {
  #mobile_dropdown { display: none; } }
@media screen and (max-width: 1000px) {
  .navcut { display: none; }
  .navdiv { margin-left: -1em; }
  .navdiv ul li {z-index: 300; padding: 10px; } 
  .navdiv ul li ul { z-index: 300; margin-top: 0px; padding: 5px; position: absolute; top: 35px; left: -24px; width: 150px; background: #fdfdfd; visibility: hidden; position: absolute; }
  .navdiv ul li ul li { z-index: 300; background: #fdfdfd; display: block; padding: 1px; font-size: 10px; }
  .navdiv ul li:hover ul { display: block; visibility: visible; } }

/* PRODUCT PAGE */

#main_photo img { border: 1px solid #DFDFDF; }
li.product img.product-photo { border:1px solid #DFDFDF; width: 100%; }
li.product { text-align: center; }
li.product .product_name { text-transform: none; font-size: 13px; font-weight: normal; margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
li.product .product_price { font-size: 11px; margin: 5px 0; }
li.product .flag { float: right; margin-top: -9px; margin-right: 6px; font-size: 11px; font-weight: normal; line-height: 1; padding: 6px; text-transform: uppercase; }
#thumbs img { border: 1px solid #DFDFDF; }
#thumbs li:first-child { margin-left: 2.8%; }
#product_info .status { font-weight: normal; width: 25%; padding: 5px 5px 5px 5px; }
#product_info #product_description { margin: 5% 0; font-size: 11px; }
#product-navigation { margin-bottom: 14px; }
#product_info #product_name { font-size: 20px; text-transform: none; }
#product_info #price { font-size: 16px; opacity: 0.8; margin-top: -10px; }
#product { max-width: 99%; margin-left: -25px; }

@media screen and (max-width: 845px) {
  #product { margin-left: -10px; } }
@media screen and (min-width: 568px) {
  #product-photo { padding-right: 10px; width: 46%; }
  #product_info { margin-left: 25px; width: 45%; } }
@media screen and (max-width: 450px) {
  #product-photo { padding-right: 10px; width: 100%; margin-left: 4.5%; }
  #product_info { width: 100%; padding-right: 10px; margin-left: 4.5%; } }

/* CONTACT PAGE */

#contact_block { float: left; width: 510px; }
#contact-form ul li .field { clear: right; margin-left: 100px; max-width: 380px; }
#contact-form ul li .field input, #contact-form ul li .field textarea { background-color: #F1F1F3; border: medium none; border-radius: 0; color: #414141; font-size: 11px; font-weight: normal; margin-bottom: 15px; max-width: 380px; padding: 6px 15px; width: 100%; }
#contact-form ul li input.button { border: medium none; padding: 6px; }


/*BUTTONS + HR*/

a.button, button.button, input.button { font-size: 10px; font-weight: normal; text-transform: uppercase; padding: 4px; }
#cart_add_form input.add_to_cart_button { margin-top: 8px; }
hr { border-bottom: 1px solid #CCC; border-top: 0 none; margin-top: 9px; margin-left: 12px; }
#variant_id_chzn .chzn-single { border-color: #CFCFCF !important; }
#variant_id_chzn .chzn-single { color: #000000; font-size: 12px; }


/* COLLECTIONS */

#main #title.collection-title { text-transform: uppercase; letter-spacing: 10px; font-size: 18px; margin: 0 0 15px 10px; }
#collection_description { margin-left: 10px; }
li.collection .collection_name { font-size: 15px; font-weight: normal; margin: 0 0 10px; text-transform: none; }


/* FAQ */

ul.faqs h2 { font-size: 15px !important; text-transform: none; font-weight: bold; margin-top: 0; }
#about_store_name { display: none; }


/* The styles below are automatically turned into controls on the Design Bar.
For more information, see the FAQ. */

/* COLORS */

.store_name a:link, .store_name a:hover, .store_name a:visited {
  color: #FFFFFF;                   /*: Store Name :*/
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #product_name, #price {
  color: #000000;                   /*: Titles :*/
}

body, #about h2, .label label, #product .better-select-selected-label {
  color: #888888;                   /*: Text :*/
}

a:link, a:visited, .no-products p {
  color: #555;                   /*: Links :*/;
}

a:hover, #sidebar ul li.current a, body.faq #buttons .faqs, body.contact #buttons .contact_us {
  color: #000000;                   /*: Link Hover :*/
}

#main .button, #main button, #items_in_cart, #promotion, #variant_id_chzn .result-selected, #variant_id_chzn .result-selected.highlighted, .stock-remaining, .stock-sold {
  background-color: #EEEEEE;        /*: Buttons + Navbar:*/
  padding: 10px;
  line-height: 43px;
}

#main .button, #main button, #items_in_cart a, #promotion, #variant_id_chzn .result-selected, #variant_id_chzn .result-selected.highlighted {
  color: #555;                   /*: Button Text :*/
}

a:hover, #product #variant_id, #product > * {
  border-color: transparent;               /*: Lines :*/
}

.product .flag.status, #product .status {
  background-color: #ff0000;           /*: Product Status :*/
}

#content, #header, #footer {
  background-color: #FFFFFF;        /*: Content Background :*/
}

/* LAYOUT */

#header .store_name {
  font-family: 'damion', cursive;
  text-align: center;                     /*: Store Name Alignment :*/
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #product_name {
  font-family: Helvetica Neue, Arial, Helvetica; /*: Title Font :*/
}

#banner img{
  text-align:center;                /*: Header Image Alignment :*/
}


body{
  background-color: #fff;          /*: Body Background :*/
  font-family: Helvetica Neue, Arial, Helvetica; /*: Body Font :*/
  background-attachment: scroll;      /*: Background Attachment :*/
  background-repeat: repeat;          /*: Background Image Repeat :*/
  background-position: top center;    /*: Background Image Position :*/
}

/* These are non-CSS custom settings for the theme. It's best to leave these alone.
To create custom Design Bar attributes for your theme, view this help article:
http://support.storenvy.com/customer/portal/articles/1226033-how-do-i-add-settings-to-the-store-owner-ui- */

storenvy {
  storenvy-featured-collection: collection-1353;    /*: Featured Collection :*/
  storenvy-use-theme-background: if-false;         /*: Use Theme Background :*/
  storenvy-show-store-name: if-true;               /*: Show Store Name :*/
  storenvy-show-logo: if-true;                     /*: Show Logo :*/
  storenvy-show-stock-bars: if-false;              /*: Show Stock Bars :*/
}