/*
Theme Name: AAW Bazar Child
Theme URI: http://demo.yithemes.com/bazar/
Version: 3.12.0
Description: Shop Wordpress Theme
Author: Your Inspiration Themes
Author URI: http://yithemes.com
Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
template: bazar


	Copyright: (c) 2012 Your Inspiration Themes.
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.txt

*/


/* Below you can write your style NEW 25JUNE19*/

#topbar{background-color:#000000!important;border-bottom:8px solid #FF8C00!important;margin-bottom:-5px!important;}

.welcome_username{color:#ffffff!important;}/*show text onbackground black*/



/*---orange--#FF8C00----*/
x#nav > div.border.borderstrong.borderpadding.container{margin:0!important;background-color:#FF8C00;}
x#topbar{background-color:rgba(12, 144, 154 , 0.4)!important;}




xx#header{background-color:  rgba(12, 144, 154 , 0.05)!important;}

XX#primary{margin-top:0px!important;}

XX#nav{background-color:  rgba(12, 144, 154 , 0.4)!important;}

x.spirits{margin -20px 0 -20px 0!important;}


xbody{background-color:  rgba(255, 140, 0 , 0.3)!important;}
x#header{background-color:  rgba(255, 140, 0 , 0.3)!important;}

.woocommerce-checkout-review-order-table .cart-subtotal th {
  width: 300px;
}/*give space for shipping options*/


 .products-slider h4{    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    color: #C76400;
    font-style: normal;
    font-weight: 900;}/*change Monthly Specials from h4 to h1*/

/*TOP border lines in header  */
#topbar > div > div:nth-child(4){border-color:#ffffff;}
#topbar > div > div:nth-child(2){border-color:#ffffff;}
#topbar > div > div:nth-child(3){border-color:#ffffff;}
div.border.borderstrong{border-color:#ff8c00;background-color:#ff8c00;border-height:16px!important;}

/*BOTTOM border lines in header  */

#nav > div:nth-child(3){display:none;}
#nav > div:nth-child(4){display:none;}
#nav > div:nth-child(5){display:none;}
#nav > div.border.borderstrong.borderpadding.container{border-color:#ff8c00;background-color:#ff8c00;border-height:16px!important;}





/* LINES ON SINGLE PRODUCT PAGE*/
#nav > div.border.borderstrong.borderpadding.container{border-color:#ff8c00;}
div:nth-child(3){border-color:orange;}
div:nth-child(4){border-color:orange;}
div:nth-child(5){border-color:orange;}


#nav.container.border {border-color:red;}

/*------------FORCE IMAGES TO BE ALL SAME SIZE ---------------*/
/*---------------FIXED SIZE IMAGE BOX--Products base align-------------------------------*/


/*------BOX AROUND EVERYTHING------*/
/*FIX CATEGORY WIDTH SHRUNK ON UPDATE 6JULY18*/

.product-thumbnail{
BORDER:NONE!IMPORTANT;
}

.thumbnail-wrapper img{
  height:150px!important;
  max-height: 250px!important;
  width:auto!important;
  margin:auto!important;
}

@media only screen and (min-width:768px) and (max-width: 979px) {
.thumbnail-wrapper img{
  height:100px!important;
  max-height: 250px!important;
  width:auto!important;
  margin:auto!important;}
    
    
    
}

.thumbnail-wrapper h3{
text-align:center!important;
}

/*-------------------SINGLE PRODUCT IMAGE LIMIT SIZE-----------------------------*/
.yith-wcqv-main .single-product div.images > a img, .single-product .sidebar-no div.images > a img {
	max-height: 500px !important;
	width:auto!important;
}

/*--------SHOPPING CART IMAGE LIMIT SIZE-----*/
img.attachment-shop_thumbnail.wp-post-image {
	max-height: 200px !important;
	width:auto!important;
}

/*-------Box on base matching page--------------------------*/
.abox1{
max-width: 600px;
margin: 0 auto!important;
border:none!important;
font-family:inherit!important;
}
/*-----------END OF-FORCE IMAGES TO BE ALL SAME SIZE ---------------*/



/*----CUSTOM CSS SEVERAL ITEMS--------------------------------------*/

/*--Out of Stock display on category page--*/
ul.products li.product .product-thumbnail .thumbnail-wrapper .out-of-stock {
    width: 102px!important;
    height: auto!important;
}

/* ---Prevent Image Stretch--*/
.single-product .flex-viewport > figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide img.wp-post-image {
  width: auto !important;
}

img.onsale {display:none!important;}
img.out-of-stock {display:inline!important;}

/*display red triangle out of stock*/
div.product .images img.onsale.out-of-stock {  right: auto;
 left: 222px;
}

.single-product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
  right: auto;
  left: 10px;
}
/*END display red triangle out of stock*/

  .line{ text-decoration:line-through;font-size:14px;color:#6a6a6a;
;}
.specialcost{color: #ff0000;font-size:20px;line-height:32px;}

/*remove comments*/
.blog-bazar .blog-bazar-header .comments span{display:none;}/*not required and font huge*/
#search_mini{color:black!important;}

div#text-2.widget-1 {display:none;width:0px!important;}/*was showing in header*/

x#logo.group{border:2px solid red;}/*Title and site description box*/


x#header #logo #textual, span.logo{font-size:34px!important;}/*Title*/
        
x#header #logo #textual, span.logo{font-size:2vw!important;}/*Title*/        
 

/*----END OF CUSTOM CSS SEVERAL ITEMS--------------------------------------*/





x#logo.group #textual {font-size:3em;}
x#header #logo #textual, span.logo{font-sizse:3em;border:2px solid green;}


        
x.site-title {  font-size: 2.5rem;}

x.site-title a{font-size: 10px!important;}




/*------Front page boxes to Spirits,Beers,Wine and Cider pages------*/


  .grogbox h2,.grogbox h2 a  {
	font-size: 18px;
	font-family: arial, sans-serif;
	color: #000000;x#1069b1;
	font-style: bold;xnormal;
	font-weight: 400;
        line-height: 20px;
        margin:0;
        padding:9px 0 3px 0;
      xborder:1px solid black;
}
      
x.grogbox h2 span{font-weight: 800;
font-size:36px;
}
      
      
.grogbox p{
  font-family: arial, sans-serif;
  
        font-size:14px;
      margin:0;
        padding:0 0 1px 0;
      
      }      
      
.grogbox-container {
    width:100%;
  text-align: center;
  margin:auto;
  margin-top:18px;
 
}

/*--Important this makes the link work for entire grogbox-container*/
.linkmaker{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}   
     
      
.grogbox{
 display: inline-block;
   position:relative;/*--IMPORTANT FOR LINK--*/
    background-color:#ffa500!IMPORTANT;
  height:90px;
  xwidth: 142px;
  padding:0 6px 0 6px;
  margin-top:3px;
  margin-bottom:3px;
  margin:1%;/*between boxes*/

-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;
xborder:3px solid #1A95D3;

}
     
        
.gbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 4px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font: italic normal bold 12px arial;
    color: #ffffff;
    text-decoration: none;
  margin-top:6px;
  
}
.gbutton:hover,
.gbutton:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.gbutton:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}


/*
      .g1{background:url("/wp-content/uploads/Spirits.jpg") no-repeat bottom right;}
      
      .g2{background:url("/wp-content/uploads/Beer.jpg") no-repeat bottom right;}
      
      .g3{background:url("/wp-content/uploads/Wine.jpg") no-repeat bottom right;}
     
      .g4{background:url("/wp-content/uploads/Cider.jpg") no-repeat bottom right;}
*/
/*------END /Front page boxes to Spirits,Beers,Wine and Cider pages------*/


/*---FONT OVER-RIDES------------------*/

xxx#header #logo #textual, span.logo{width:43vw;}

a#textual {
       xmargin-bottom: 0;
       xmargin-top:0;
       xfont-size:3vw!important;
       xwidth:auto!important;
        width: 67vw;
        text-shadow: 2px 2px 2px rgba(12,6,0,0.94);
       
}

p#tagline{      text-shadow: 1px 1px 1px rgba(12,6,0,0.94);}



#logo #textual { margin-bottom: 0;}

#header{margin-bottom:0;}



x#logo{display:block!important;float:left!important;width:43vw;}




xdiv.grogbox.g1 > h2{font-size:1vw;}


#search-min{color:#205ca6!important;}

/*---HOME PAGE OVER IMAGE---*/






/*---END OF FONT OVER-RIDES------------------*/

/*---HOME PAGE CSS-----------------------------*/


/* FULL WIDTH ROW */

div#content-page.span12.content.group{margin-bottom:0px !important;}
 
.orange {background-color:#ff8c00;padding:0 26px!important;
font-family:"Ovo", sans-serif;
font-weight:bold;
Font-size:.9em;
}
.p-orange{background-color:#ff8c00;padding:0 26px!important;
font-family:"Ovo", sans-serif;
font-weight:bold;
Font-size:1em;
}

.fullwidth{ 
    margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
        background-color:#000000;
      background-size: cover;


   xz-index:-100;
   
    
    
}


.fullwidth-spirits{ 
    margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
        background-color:#000000;
      background-size: cover;

border-top:4px solid #FF8C00;
XXXpadding-top:50px;
   z-index:1000;
   
   margin-top:-20px;
    
}

#nav > div.border.borderstrong.borderpadding.container.borderpadding {
    margin-bottom: -1px;
}/*allow fullwidth-spirits to move up to touch*/


.spirits{
   
    margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
        background-color:#000000;
        background: url(https://marlincoasthomebrew.com.au/wp-content/uploads/Spirits7-1440.jpg) no-repeat top center; 
        background-size: contain;
            height: 25vw!important;/*keeps image and background equal height*/
   text-align:center;
   xmargin-top:-20px;
   }
   

   
.fullwidthwhite{ 
      clear: both;
    margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
        background-color:#FFFFFF;
      background-size: cover;
     

    
}

.fullwidthblue{ 
      clear: both;
    margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
       padding-top:60px;
   padding-bottom:60px;
       
       xbackground-color: rgba(12, 144, 154 , 0.4); /*blue*/
        xbackground-color: #FF8C00; /*orange*/
       xbackground-color: rgba(255, 140, 0 , 0.7); /*orange*/
        background-color:#ffA500; /*headline orange*/;
      background-size: cover;
      text-align:center;
      border:2px solid black;
      
  }
  
  
  .fullwidthorange{ 
      clear: both;
    margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
       
       xbackground-color: #FF8C00; 
       xbackground-color: rgba(12, 144, 154 , 0.4); /*blue*/
        xbackground-color: rgba(255, 140, 0 , 0.7); /*orange*/
        background-color:#ffA500; /*headline orange*/;
       Border-top:1px solid #000000!important;
       Border-bottom:1px solid #000000!important;
       xmargin-top:-22px;
      background-size: cover;
      text-align:center;
      padding-top:.5em;
      padding-bottom:.5em;
  }
  
  

/*---make blue fuulwidth rows stay in content area----*/
.rowwidth {margin:auto!important;  }



.clearfix {
  overflow: auto;
}
  

.headline {line-height:1.6em;padding-top:12vw!important;}



 
.orange {background-color:#ffa500;padding:0 56px!important;
font-family:"Ovo", sans-serif;
font-weight:bold;
Font-size:3em;
color:#000000;

-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;
}

.p-orange{background-color:#ff8c00;padding:0 26px!important;
font-family:"Ovo", sans-serif;
font-weight:bold;
Font-size:1em;
}

/*---two responsive columns--*/


/* Float Center Code */
.float_center {
  float: right;

  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.float_center > .child {
  position: relative;
  left: 50%;
}


 
.one {
    
    float: left!important;
    margin:6px;

}



/*---END two responsive columns--*/

/*-------FORCE BLOCK TEXT TO BEGIN LOWER THAN TOP------------------------*/
#post-11100 > div:nth-child(5) > div:nth-child(2) .vert {padding-top:50px;}


/*---FORCE GOOGLE MAPS TO BE RESPONSIVE----*/
.google-maps {
        position: relative;
        xpadding-bottom: 25%;x75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
        margin:12px 32px 6px 6px;
        Border:2px solid black;
        xpadding-bottom:0px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        xwidth: 100% !important;
        xheight: 100% !important;
        xmax-height:250px;
    }


.mapcon {
	height: 0;
	overflow: hidden;
	xpadding-bottom: 250px;x25%; /*60 aspect ratio */
	padding:12px 12px 250px 12px;
	position: relative;
}

.googlemap {
	border: 0;
	height: 250px;x100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/*-----------VERTICA align CENTER TEXT IN ROWS*/
.flxbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
     xborder:4px solid black;
}

.box-content {
    xwidth:50%;
    xbackground: #333;
    xcolor: #fff;
    xpadding: 20px;
    xborder:2px solid red;
}

.mag{margin:0 22px;}

.rowwidth{max-width:1200px;margin-left:12px;margin-right:12px;}

/*--------END OF HOME PAGE CSS-------*/

/*---VID BOXES---*/
.vid-container /*----prevent content stretching to screen edges---------------*/
 {
  width: 90%; max-width: 990px;
  text-align: center;
  margin:auto;
}



.vidbox{
 display: inline-block;
  position:relative;/*--IMPORTANT FOR LINK--*/
  height:126px;
  width: 224px;
  margin:1%;/*between boxes*/
  text-align: left;
 -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:3px solid #F69238;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 6px 6px 6px;-moz-box-shadow: #B3B3B3 6px 6px 6px; box-shadow: #B3B3B3 6px 6px 6px;
}
/*---END VID BOXES---*/


/*--------MEDIA QUERIES------------------*/

@media only screen and (max-width: 1150px) { 
    
    .headline {
line-height:1.6em;padding-top:9vw!important;}

.orange{font-size:1.5em;padding: 0 9px!important;} 
    
 .grogbox-container {margin-top:6px;}   
    
.grogbox{ height:48px;margin:.5%;/*between boxes*/}    

.gbutton{font-size:7px;margin:0!important;}
    
div.grogbox.g1 > h2{font-size:10PX;font-weight:bold;line-height:1em;padding:3px;}

div.grogbox.g2 > h2{font-size:10PX;font-weight:bold;line-height:1em;padding:3px;}

div.grogbox.g3 > h2{font-size:10PX;font-weight:bold;line-height:1em;padding:3px;}

div.grogbox.g4 > h2{font-size:10PX;font-weight:bold;line-height:1em;padding:3px;}
a#textual{width: 40vw!important;}

}

x@media only screen and (max-width: 970px) { 
    
    xa#textual{width: 40vw!important;}

 {/*make room for title text*/


}


@media only screen and (max-width: 550px) { /*was 550*/
    
    #header #logo #textual, span.logo {/*make room for title text*/
    width: 87vw;
}

XXXa#textual{font-size:2.3em!important;font-weight:bold;}

.orange{font-size:1em;padding: 0 9px!important;} 

.one {
    xwidth:300px;
    margin:0;
    padding:0;
    float:left;
}

.two {
    width:90%;
    margin:0;
    padding:0;
     float:left;
}


}

@media only screen and (min-width:979px) and (max-width: 1200px) {
#nav ul li, #nav ul li a, #nav .megamenu ul.sub-menu li.menu-item-custom-content {font-size:12px!important;}   
}

/*----LAST------*/