/*
Theme Name: Aromabar
Theme URI: http://www.pootlepress.com/shop/free-blank-woothemes-storefront-child-theme/
Description: Pootlepress child theme for the Storefront theme.
Author: PootlePress
Author URI: http://www.pootlepress.com
Template: storefront
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child

*/

@import url("../storefront/style.css");

.site-header {margin-bottom:0px;}

@media screen and (max-width:767px) {
    .storefront-primary-navigation{background:none!important;}

    .main-navigation div.menu {background:#99A4D4}
    .main-navigation ul li a {
    color: #000!important;
}

    .col-1, .col-2 {max-width:100%;}
}

@media screen and (min-width: 768px) {
    /* LOGO */
    .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 30% !important; /* Use px values if you want, eg. 350px */ }
.site-header .site-branding {margin-bottom:0px !important;}
.site-header .site-branding img {
height: auto;
max-width: 150px!important;
max-height: none;
}
    /* SECONDARY NAVIGATION */
    .site-header .secondary-navigation { width: 40% !important;  /* Use px values if you want, eg. 350px */ }

    /* SEARCH BAR */
    .site-header .site-search { width: 30% !important;  /* Use px values if you want, eg. 350px */ }

    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {padding: .5em 1em .5em;}
    .site-header-cart .cart-contents { padding: 0.618em 0;}
}








h1, h2 {font-weight:700;}

a:focus {outline:0px;}
.woocommerce #container, .woocommerce-page #container{
float:right!important
}

.social-icon {
    width: 24px;
    display: inline-block;
}

#topbar {
    background-color: #fafafa;
    height: 40px;
    line-height: 40px;
}

#topbar p, #topbar a {
    color: #000;
    text-align:right;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a, .site-header ul.menu li.current-menu-item > a
{color:#fff;}

.site-header {background:transparent!important; padding-top:0.5em !important; margin-bottom:0px!important}
.site-header-cart .cart-contents .amount{font-size:17px;}
.site-footer {margin-top:40px;}
.site-search {background:#fff !important; border:2px solid #000; margin-top:30px}
.primary-navigation {padding-left:20px;}
.storefront-primary-navigation {background:#5A8E5D;}
.main-navigation ul li a{color:#fff;}
.col-full .container {max-width:67.141em!important; padding:0 15px !important !important;}
.home-banner { padding-right: 0px }

.hero-home h1, .hero-home h2 {color:#fff;}

.col-full {}

.single-product div.product .price {font-size:2em;}

.paypal-logo {max-width:140px; float:right;}

.alert-box {border:2px solid #000; margin:20px 0; padding:15px 20px 0 20px; text-align:center;font-weight:700;}

/* STAR RATINGS*/
.star-rating{float:none;width:80px;height:16px;background:url(assets/images/star.png) repeat-x left 0} 
.star-rating span{background:url(assets/images/star.png) repeat-x left -32px;height:0;padding-top:16px;overflow:hidden;float:left} 
.hreview-aggregate .star-rating{margin:10px 0 0 0} 
#review_form #respond{position:static;margin:0;width:auto;padding:0 0 0;background:transparent none;border:0} 
#review_form #respond:after{content:"";display:block;clear:both} 
#review_form #respond p{margin:0 0 10px} 
#review_form #respond .form-submit input{left:auto} 
#review_form #respond textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} 
p.stars:after{content:"";display:block;clear:both} 
p.stars span{width:80px;height:16px;position:relative;float:left;background:url(assets/images/star.png) repeat-x left 0} 
p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden} 
p.stars span a:hover,p.stars span a:focus{background:url(assets/images/star.png) repeat-x left -16px} 
p.stars span a.active{background:url(assets/images/star.png) repeat-x left -32px} 
p.stars span a.star-1{width:16px;z-index:10} 
p.stars span a.star-2{width:32px;z-index:9} 
p.stars span a.star-3{width:48px;z-index:8} 
p.stars span a.star-4{width:64px;z-index:7} 
p.stars span a.star-5{width:80px;z-index:6}

.star-rating span:before, ul.products li.product .product-details .star-rating:before {
content:none; 
}

.site-info {display:none;}


.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a 
{
text-transform: uppercase;
    font-size: 17px;
    font-weight:700;
}

.site-header-cart .cart-contents {color:#fff;}

/* CAROUSEL*/
/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


  .img-thumb-wrap {height:285px; overflow:hidden;}

  .thumb-title {margin-top:25px; text-transform:uppercase;}
  .red-sale {background:red; color:#fff;}
  h2.panel-title-home {background:#99A4D4 !important; color:#fff; display:block !important; padding:15px 10px; font-weight:700;}

  .woocommerce-breadcrumb {margin-bottom:0px;}

/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }


.hero {
    width: 96%;
    position: absolute;
    z-index: 9999999;
    bottom: 20%;
    text-align: center;
}

.hero h3 {
    background: #000;
    color: #fff;
    padding: 5px;
    display: inline-block;
    font-size:36px;
    font-weight:700;
    text-transform:uppercase;
  }

  .home-thumb {width:100%;}

@media (max-width: 844px) {
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {color:#000!important;}

}

 

  @media (max-width: 420px) {
  .site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {width:80px}

h1.product_title.entry-title  {font-size:1.8em!important;}

#topbar {display:none!important;}
}

.home .site-content .col-full {max-width: 100%!important; padding: 0px}

.promo-banner {min-height:50vh;     
                background-size: cover;
                background-position: 100% 100%;}
.site-footer {margin-top: 0px}

p+h2{
    margin-top: 0px!important;
}

.carousel-caption {text-align:left; top: 25vh;}
.carousel-caption h1 {color: #fff}

/*  Change search bar behavior  */

@media (max-width:420px){
.woocommerce-active .site-header .site-search {
  width: 100% !important;
  float: left !important;
  clear: none !important;
  border:0px;
}
.site-header {padding-bottom:0px;}
.carousel-inner {height:350px;}
.carousel-caption {top:20%!important;}
}

.site-search {
  display:block !important;
}

button.menu-toggle {position:absolute;right:25px;}