/*
Theme Name:   	Intoxica Storefront Child Theme
Theme URI:    	https://safetycat.co.uk
Author:       	Safetycat - Elvina Flower
Author URI:     
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
 

 /*
 * General
 */
 .narrow{
   font-family: 'PT Sans Narrow';
 }

 .col-full {
        max-width: 95%;
    }

/*  Override storefront padding */

 @media (max-width: 66.4989378333em){
 
     .col-full {
        padding: 0 2.617924em;

        }
 }



body{
    background: linear-gradient(#eee, #666);
    background-image:url('/wp-content/themes/intoxica/assets/images/bg.jpeg')
}
h1, .alpha {
    font-size: 1.7em;}
p {
    margin-bottom: 0.8em;
}


/*
 * Header
 */

#masthead{
    background:none;border: none;
    padding-bottom: 0;
}

#masthead .col-full, #content .col-full {
    background: white;
} 
#masthead > .col-full {
     padding-top: 1em; 
}

#masthead.site-header {
    padding-top: 0;
    margin-bottom: 0 !important;
    border-bottom: none;
}

.header-left {
    width: 400px;
}

.account_bar{  flex-basis: 100%;
}
.account_bar .menu{
  justify-content: flex-end;
}

.widget_nav_menu.account_bar ul li:before {
    content: "\f2bd";
    font-size: x-large;
	margin: 0 0.1em;
}


.woocommerce-active .site-branding {
    float: none;
    margin-bottom: 0;
    width: 100%;
}

.site-branding div.desc {
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.2;
}

button.menu-toggle, button.menu-toggle:hover {
    font-size: 1.2em;
    padding: 0.2em 0.5em 0.2em 2em;
}


#menu-secondary li.menu-item {width: 33%;}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{
    width:initial;
    float:none;
    margin-bottom:0; 
    margin-right:0;
    padding: 0;
      border-radius:7px
 }
.secondary-navigation .menu{float:none; margin: 0 auto;}
#menu-secondary li {
    background-image: url('/wp-content/themes/intoxica/assets/images/svgs/established.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35px 35px;
    padding-left: 35px;
    margin-left: 0;
    background-color: #FFCD0A;
    margin-right: 0.4em;;
}
#menu-secondary li.insurance{
background-image: url('/wp-content/themes/intoxica/assets/images/svgs/insure.svg');}

#menu-secondary li.cleaned{
background-image: url('/wp-content/themes/intoxica/assets/images/svgs/clean.svg');}

#menu-secondary li.grading{
background-image: url('/wp-content/themes/intoxica/assets/images/svgs/grade.svg');}

.secondary-navigation .menu a {
    padding: 0.2em;}

.site-header .site-branding img{max-width:none}
.site-branding div {
    font-size: 1.5em;
}
.secondary-navigation-wrapper {
/*    float: none;
    display: inline-block;
    width: 625px;
    height: 50px;*/
}
#menu-secondary{
    /*height:50px*/
            /*flex-direction: column;*/
}
    .header-right #nav_menu-2{display:none;}


@media screen and (max-width: 767px){
    .storefront-hamburger-menu-active .shm-close {
        background-color: #ffcd0a;
    }  
        #menu-secondary, #masthead .menu, #menu-navigation {
         display: block;

    }
}

 

@media (min-width: 769px){
	.primary-navigation {
		display: none;
	}
	.menu-toggle {
		display: block;
	}
	.handheld-navigation, .main-navigation.toggled .handheld-navigation{
		display: block;
	}
	.main-navigation ul li{
		display: block;
	}

    #menu-secondary, #masthead .menu, #menu-navigation {
         display: flex;

    }
        #menu-secondary li.menu-item {
        width: initial;
         box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
        border-bottom: 2px solid #ffbd45;
        border-top: 3px solid #FFCD0A;
        border-left: 3px solid #FFCD0A;
        display: table;
    }
    .site-branding div.desc {
        font-size: 1.6rem;
    }
    .site-header .main-navigation {
        width:100% !important;
    }
}
@media (min-width: 1025px){

.primary-navigation {
		display: block;
	}
	.menu-toggle {
		display: none;
	}
	.handheld-navigation, .main-navigation.toggled .handheld-navigation{
		display: none;
	}
    .main-navigation ul li, .secondary-navigation ul li {
        display: inline-block;
    }
    .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children{
        background-color: #FFCD0A;
    }
    .main-navigation ul li, .secondary-navigation ul li {
        border: 4px solid #fff;
        border-left-width: 0;
        border-right-width: 0;
    }
        .header-left {
        /*width: 400px;*/
    }
    .site-branding div.desc {
        font-size: 1.6rem;
    }
    
   .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        display: inline-block;
        margin-bottom: 0.5em;
        width: 100% !important;
        margin-right: 1em;
    }

    
    #site-navigation{
        padding:0;
        font-size: 1.2em;
    }
    
 
    
    .woocommerce-active .site-header .main-navigation {
      width: 100%; 
    margin: 0;
    }


   .woocommerce-active .site-header .site-search {
        float: none;
        margin-right: 1em;
    }


    #menu-secondary li#menu-item-77633 {
    background-image: url(/wp-content/themes/intoxica/assets/images/svgs/user.svg);
    background-color: white;
    background-size: contain;
    border-color: white;
    }



    .main-navigation ul li:hover {
        border: 4px solid #631011;
        border-left-width: 0;
        border-right-width: 0;
        /* color: #FFCD0A; */
    }

    .main-navigation ul li:hover a{
        color: #333;
    }

    .main-navigation ul li a:hover,
    .site-header ul.menu li.current-menu-item > a{
   /*     background: #631011;*/
        
       /* box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
        */
    }
    .main-navigation ul {
    /*    border-bottom: 1px solid #FFCD0A;
        border-top: 1px solid #FFCD0A;
        line-height: 2;*/
        background-color: #FFCD0A;
        /*box-shadow: inset 0 -0.6em 1em -0.35em rgb(0 0 0 / 17%), inset 0 0.6em 2em -0.3em rgb(255 255 255 / 15%), inset 0 0 0em 0.05em rgb(255 255 255 / 12%);*/
    }
    .main-navigation ul li{
        background-color: #FFCD0A;
        box-shadow: inset 0 -0.6em 1em -0.35em rgb(0 0 0 / 17%), inset 0 0.6em 2em -0.3em rgb(255 255 255 / 15%), inset 0 0 0em 0.05em rgb(255 255 255 / 12%);
       flex-grow:1;
    }
    .main-navigation ul.nav-menu{
            margin-left: 0;
    }

	.main-navigation .sub-menu .menu-item {
		border: 0 ;
	 } 


       .secondary-navigation .menu a {
                /*padding: 0.5em 0;*/
               /* background: #FFCD0A;   */ 
                /*height: 54px;*/
                    height: 35px;
                padding: 0 0.5em 0 0.2em;   
                line-height: 2.5;         
         }
}

/* end min-width 1025px */




    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
        padding: 0.25em 0.5em;;

    }
    .woocommerce-active .site-header .site-search {
        width: 100%;
        margin-top:1em;
    }
    .woocommerce-active .site-header .site-header-cart {
        /*width: 145px;*/
    }






/*
 * page content
 */

blockquote.wp-block-quote {
    border-color: #EEE;
    font-style: normal;
}

blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 {
    margin-top: 1em;
}
.wp-block-contact-form-7-contact-form-selector {
    background: #eee;
    padding: 2em;
    max-width: 700px;
}

form.wpcf7-form input[type=text], 
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea {
   background-color: #fff;
}
.product-quantity, .product-subtotal, 
.woocommerce-cart-form__contents tbody tr:last-of-type, #dropdown_product_restrictions {
    display: none !important;
}



.table {
    display: table;
    }

  .tablerow  {
    display: table-row;
    }

  .tableleft, .tableright{
		display: table-cell;
		padding-right: 5px;
    }


    .hentry .entry-content .wp-block-table td {
    padding: 0.7em;
    border-bottom: 1px solid #ccc;
}

.indent {
    margin: 0 2em;
}

.woocommerce-breadcrumb{display:none;
}

.product_title.entry-title, h3.artist-name {
    font-size: 1.4em;
		margin-bottom:0;
	padding-bottom:0;
}
ul.products li.product h2.artist-name {
    font-size: 1.2rem;
}

.woocommerce-Price-amount{
	    font-weight: bold;
    margin-top: 1em;
	display: inline-block
}

/*

WIDGITS
*/

.widget-area .widget a.button {
    padding-left: 0.6em;
}
.radio{
    background-image: url(/wp-content/themes/intoxica/assets/images/svgs/broadcast.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;
        background-size: 45px auto;
    text-align: right;
    padding-left: 3em;
}
		
.widget_product_categories ul li{padding-left:0}	
.widget_product_categories ul li ul.children{padding-left:1.6em;}
.widget_product_categories ul li::before{
content: "";
}

.widget_product_categories ul li.current-cat::before{
	opacity:1;
	content: "\f8d9";
	text-indent: 0.4em;
}


.awesomplete {
    position: absolute;
    right: 0;
}


.widget .widget-title{padding-bottom:0; margin-bottom:0.2em;}
.widget .button{ margin-top:0.5em;}
.widget {
    margin: 0 0 2em;
}
.entry-title {    font-weight: 600;}





/*

FOOTER
*/
.site-footer {
    padding-bottom:2em;
    margin-bottom: 2em;
}

/*Floating Back-To-Top Button*/
		#topBtn {
			position: fixed;
			bottom: 10px;
			right: 10px;
		}
		#topBtn a{}
		#topBtn:before {
			content: "\f062";
			font-family: 'Font Awesome 5 Free';
			margin-right: 5px;
			}


.hentry {
    margin-bottom: 0;
}



/* Homepage */
h2+h3.slide-title{padding-top:0}
.slide-title {
    margin-bottom: 0;
	font-size:1.5em
}
.home .product_buttons a {
    margin-right: 1em;
}

.wooslider .slides > li.slide .layout-text-left {
     padding: 1em 1em 0 ;
}
@media screen and (min-width: 768px) {

	.header-right #nav_menu-2{display:block;}

  .sp-fixed-width .site {
    max-width: 75.998em;
    margin: 0 auto; }
  .sp-fixed-width.sp-max-width .site {
    max-width: 95%; }
  .sp-max-width .col-full {
    max-width: 90%; }
  .sp-max-width .site {
    overflow-x: hidden; }
  .sp-max-width .sph-hero .col-full,
  .sp-max-width .sprh-hero .col-full {
    max-width: 65.141em; } 


#primary, #secondary {
    margin-top: 1.2em;
}


     /* -- Remove sidebar spacing on all pages & archives except home -- */
     body.left-sidebar:not(.home):not(.archive) .content-area {
        width: 99%;
         float: none;
     }

    
    cart .cart-contents {
        padding: 0.5em 0;
    }
    .site-footer {
        margin-bottom: 0;
    }
    .footer-widgets {
        padding-top: 2em;
    }



	
}



/* -- Archive Page -- */
ul.products li.product {
  margin-bottom: 3em;
}
ul.products li.product .woocommerce-LoopProduct-link h2 {
    margin-bottom: 0;
}
span.woocommerce-Price-amount.amount {
    margin-top: 0;
}
li.product img{
    width:100%;
}
 ul.products li.product .woocommerce-loop-product__title {
     font-weight: 300;}
ul.products li.product img {
    margin-bottom: 0;
}





.button{
    box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
border-radius: 3px;
}



.format-wrapper {
  
    display: block;
    width: 100%;
    left: 0;
    text-align: right;
    margin-top: 0;

}


.format {
    color: #18140d;
    display: inline-block;
    line-height: 1em;
    background: #FFCD0A;
    padding: 0.2em 0.5em;
}


/*
* From Customise 1/12/20 
**/

.header-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}



.home .entry-header{display:none}
#secondary {margin-top: 0; 
}

.widget{margin-bottom: 1em}
.widget .widget-title {
    text-underline-position: under;
    text-decoration: underline;
    text-decoration-color: #6dba53;

}
.widget-button{margin-top:0;}
.widget-area .widget a:not(.button) {
text-decoration: none; 
}
.widget-area .widget a:not(.button):hover {
  color: #222;
}
.widget_product_categories ul li {
    margin-bottom: 0.4em;
}
li.cat-item.current-cat a{
    color:#222;
}
.widget_product_categories ul li.current-cat::before {
    content: "\f8d9";
    font-size: x-large;
    color: #222;
    text-indent:0.4em
}

.widget_recent_entries ul .children, .widget_pages ul .children, .widget_categories ul .children, .widget_archive ul .children, .widget_recent_comments ul .children, .widget_nav_menu ul .children, .widget_links ul .children, .widget_product_categories ul .children, .widget_layered_nav ul .children, .widget_layered_nav_filters ul .children {
     margin-top: 0.4em; 
}


.owl-item .item-inner{display:flex}
.owl-img{     flex-basis: auto;}
.owl-text{margin:0 1em; flex-shrink:2}

/* Flexbox on WooCommerce archive products */
.woocommerce .products ul,
.woocommerce ul.products {
 display: flex;
 flex-flow: row wrap;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
 display: flex;
 flex-flow: column nowrap;
       justify-content: space-between;
}

.woocommerce ul.products li.product .product_buttons {
display:flex; 
    flex-flow: row nowrap;
    justify-content: space-evenly;
}
ul.products li.product .woocommerce-LoopProduct-link {
    display: flex;
    /* align-items: stretch; */
    /* align-content: stretch; */
    /* flex-wrap: wrap; */
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.owl-carousel .owl-item img{width:auto !important;}

.col-full {
/*     overflow: hidden; */
}