/* 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');

/* 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: #222222;                   /*: Store Name :*/
}

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

body, #main .faq h2, .label label, #product .better-select-selected-label {
  color: #3d3d3d;                   /*: Text :*/
}

a:link, a:visited, a:active, #footer a, .no-products p {
  color: #9db2b7;                   /*: Links :*/;
}

a:hover, #sidebar ul li.current a, body.faq #buttons .faqs, body.contact #buttons .contact_us {
  color: #6b8c93;                   /*: 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: #eaeaeb;        /*: Buttons :*/
}

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

hr, #thumbs a:hover, #product #variant_id, #footer, #product #variant_id_chzn > * {
  border-color: #eaeaeb;               /*: Lines :*/
}

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

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

/* Layout */

#header .store_name {
  font-family: "Comfortaa", serif; /*: Store Name Font :*/
  text-align: left;                     /*: Store Name Alignment :*/
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #product_name{
  font-family: "Libre Baskerville", serif; /*: Title Font :*/
}

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


body{
  background-color: #FFFFFF;          /*: Body Background :*/
  font-family: "Open Sans", sans-serif; /*: Body Font :*/
  background-attachment: scroll;      /*: Background Attachment :*/
  background-repeat: repeat;          /*: Background Image Repeat :*/
  background-position: top center;    /*: Background Image Position :*/
}

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

/* 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');

/* 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: #222222;                   /*: Store Name :*/
}

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

body, #main .faq h2, .label label, #product .better-select-selected-label {
  color: #3d3d3d;                   /*: Text :*/
}

a:link, a:visited, a:active, #footer a, .no-products p {
  color: #9db2b7;                   /*: Links :*/;
}

a:hover, #sidebar ul li.current a, body.faq #buttons .faqs, body.contact #buttons .contact_us {
  color: #6b8c93;                   /*: 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: #eaeaeb;        /*: Buttons :*/
}

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

hr, #thumbs a:hover, #product #variant_id, #footer, #product #variant_id_chzn > * {
  border-color: #eaeaeb;               /*: Lines :*/
}

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

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

/* Layout */

#header .store_name {
  font-family: "Comfortaa", serif; /*: Store Name Font :*/
  text-align: left;                     /*: Store Name Alignment :*/
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #product_name{
  font-family: "Libre Baskerville", serif; /*: Title Font :*/
}

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


body{
  background-color: #FFFFFF;          /*: Body Background :*/
  font-family: "Open Sans", sans-serif; /*: 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-all;    /*: Featured Collection :*/
  storenvy-use-theme-background: if-false;         /*: Use Theme Background :*/
  storenvy-show-store-name: if-false;               /*: Show Store Name :*/
  storenvy-show-logo: if-true;                     /*: Show Logo :*/
  storenvy-show-stock-bars: if-false;              /*: Show Stock Bars :*/
}

#hpcalltoaction {
  background: url(https://3.bp.blogspot.com/-9II79xGtOBE/WHk7ye9MUII/AAAAAAAAMBU/xypYOQvUoP0yzvIsVYduzkMRtidFRuiyQCLcB/s1600/thumbnail.jpg);
  background-position: center center;
  width: 100%;
  padding: 250px 0px;
  }

#header .store_name {
line-height: 100px;
  text-decoration: none;
    text-align: center; 
font-family: "Raleway", sans-serif;
color: #B99D5E;
margin-left: -20px;
}

#header #store_info .store_name {
  font-size: 38px;
  font-weight: 500;
  padding: 15px;
  margin: 0;
}

.store_name a:link, .store_name a:hover, .store_name a:visited {
  color: #B99D5E;
}

#header #banner img {
  max-width: 100%;
  display: inline;
  margin-bottom: 30px;
  margin-top: 30px;
}

#sidebar {
display: none; /* Hide Sidebar */
}

.menu {
  border: 0px #cdcdcc solid; 
position: relative;
float: left;
text-align: center;
  padding-bottom: 0px;
    width: 1200px;
}
.menu ul {
  background: none;
  list-style: none;
    text-align: center;
}

.menu li {
  display: inline-block;
padding:0 20px;
    /*float: left;*/
    margin-right: -1px;
    position: relative;
}

.menu li a {
display: block;
font-size: 14px;
  text-transform: uppercase;
line-height: 20px;
margin: 0px;
text-align: center;
text-decoration: none;
padding: 10px 10px 20px 10px;
border-top: 0px solid #0A0A0A;
}

.menu li ul {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #cdcdcc;
  display: none;
  height: auto;
  margin: 0;
  padding: 10px;
  position: absolute;
  z-index: 200;
/*top:1em;
/*left:0;*/
}

.menu li:hover ul {
  display: block;
}

.menu li li {
  background: none;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

.menu li:hover li a {
  background: none;
  text-decoration: none;
}

.menu ul li {
display: inline;
}

.menu li ul a {
  border: none;
  display: block;
  font-size: 12px;
  line-height: 18px;
  width: 160px;
  font-style: normal;
  margin: 0;
  text-align: left;
  text-decoration: none;
}



#tags {
display: none; /* Hide Tags */
}

/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
  content:"";
  display:table;
}
.group:after {
  clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.1%;
}
.span_1_of_3 {
  width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .col { margin: 1% 0 1% 0%;}
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

#infolinks {
background: #eeeeee;
position: relative;
float: left;
width: 100%;
text-align: center;
}

#infolinks #infolinks_li {
position: relative;
 float: left;
width: 100%;
}

#infolinks a {
text-decoration: none;
color:#fff;
}

#infolinks ul {
font-size:12px;
  text-transform: uppercase;
padding: 0;
}
#infolinks ul li {
display: inline;
}
#infolinks ul li a {
color:#000000;
padding-right:15px;
padding-left:15px;
}
#infolinks a:hover {
text-decoration: none;
color:#999999;
}

hr
{
  border-color: #fff;
}

#main #title.collection-title {
  margin: 0 0 15px;
  font-size: 26px;
line-height: 60px;
text-align: center;
border-top: 1px solid #eee;
  color: #3d3d3d;
}

@media screen and (max-width: 2400px) and (min-width: 1000px) { 
   #main {
display: inline;
float: left;
width: 950px;
  margin-left: 0px;
}  
}

@media screen and (max-width: 1000px) and (min-width: 688px) { 
   #main {
display: inline;
float: left;
width: 700px;
  margin-left: 0px;
}  
.menu li a{
background: none;
color: #0A0A0A;
width: 115px;
display: block;
line-height: 16px;
margin: 0px;
text-align: center;
text-transform: uppercase; 
text-decoration: none;
padding-bottom: 0px;
}
}

@media screen and (max-width: 568px) and (min-width: 321px) { 
  .main_menu{display: none;}
}

@media screen and (max-width: 320px) { 
  .main_menu{display: none;}
}

.responsive-image{
        height:auto;
        width:100%;
    }