/*
Theme Name: Zeomart
Theme URI: https://demo2.goodlayers.com/zeomart/
Author: Goodlayers
Author URI: http://www.goodlayers.com
Description: Zeomart WordPress Theme
Version: 1.0.9
License: GNU General Public License V2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: zeomart

PLEASE DO NOT EDIT THIS FILE

YOU CAN ADD CUSTOM STYLE VIA THIS FOLLOWING METHOD
	- APPEARANCE > CUSTOMIZE > PLUGIN SETTINGS > CUSTOM CSS / JS 
	- THEME OPTION > PLUGIN SETTINGS > CUSTOM CSS / JS 
	- CHILD THEME

*/

:root {
  --accent-colour: #d21b25;
  
  --pagination-accent-colour: #d21b25;
  --pagination-text-colour: white;
}

/* Controls the header logo  */
.zeomart-logo-inner,
.zeomart-logo-inner img{
	max-width:300px !important;
    height: auto !important;
}

 .zeomart-logo-inner{
	max-width:100%;
}

/* End */

/* Changes the quickview circle icon on the popular items homepage widget */

a.info-action-button.gdlr-core-product-quick-view {
    background-color: #d21b25 !important;
}

/* End*/

/* Adjusts top page margin on the woocommerce shop page. */
.woocommerce-shop .zeomart-page-wrapper{
    margin-top:40px;
}

/* Sand Dancer specific styles */

.gdlr-zeomart-products-search .search-submit{
    border-right: 1px solid #e6e6e6 !important;
}


.sand-full-container{
    background-color: #d21b25;
}

.sand-background-color{
    background-color: #fff;
}

.sand-textbox-color .gdlr-core-text-box-item-content h3,
.sand-textbox-color .gdlr-core-text-box-item-content p{
    color: #fff !important;
}

.textbox-container{
    height:100%;
    display: flex;
    align-items: center;
}

/* Allows the logo to take up as much space as it needs. Header 8 */
header.zeomart-header-wrap.zeomart-header-style-plain.zeomart-style-menu-left-bottom.zeomart-sticky-navigation.zeomart-style-fixed .zeomart-logo{
    flex:0;
}

/* Centers the price on the 'popular items' widget  */
body span.woocommerce-Price-amount.amount{
	width:100% !important;
}
/* End */

/* Custom grid classes to use in the page editor if required. This is optional */
.display-grid{
	display:grid;
}

.align-items-center{
	align-items: center;
}
/* End */

/* Styles the dropdown on the product page */
.woocommerce div.product form.cart .variations select{
    height:50px;
    padding:10px 20px;
    margin-left: 0 !important;
}
/* End*/

/* Adds better alignment on the price display. Shown on the product page */
body.single-product.woocommerce div.product p.price{
    display:block;
}
/* End */


/* Popup details when clicking on the eye icon. Shown when hovering over a product image  */
 .zeomart-quick-view-popup table tr th{
	color: var(--accent-colour) !important;
	background-color:  #fff!important;
}

.feedback i.yith-wcwl-icon.fa.fa-heart,
.gdlr-core-product-thumbnail-info .yith-wcwl-wishlistexistsbrowse > a:hover:before,
.yith-wcwl-add-to-wishlist.exists a:before{
    color:yellow !important;
}

.yith-wcwl-wishlistaddedbrowse .feedback + a{
    font-size:0;
}

.feedback i.yith-wcwl-icon.fa.fa-heart {
    position: absolute;
    top: 44px;
}

.zeomart-body .zeomart-popup-content select{
	padding:10px;
	cursor: pointer;
}

.zeomart-quick-view-popup table tr td.value{
	padding-top:0;
	padding-bottom:0;
}

.zeomart-quick-view-popup table tr th{
	vertical-align:middle;
	width:50px;
	text-align:center;
} 

/* End */

/* Disables the compare button on the product item hover */
.zm-compare-button,
.product-modal-content .wcfm_buttons{
	display:none;
}
/* End */



/* Overrides pagination styles on the shop page - links to the page variable */
.zeomart-body.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--pagination-accent-colour) !important;
}

.zeomart-body.woocommerce nav.woocommerce-pagination ul li span.current,
.zeomart-body.woocommerce nav.woocommerce-pagination ul li a:hover{
	color:var(--pagination-text-colour);
}

.zeomart-body.woocommerce nav.woocommerce-pagination ul li a:hover{
	background-color: var(--pagination-accent-colour) !important;
}
/* End*/

/* This hides the quantity and add to cart buttons. Without this, this section initially flashes on screen on page load, then disapears */
.woocommerce-variation-add-to-cart{
	display:none;
}

.woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-enabled{
	display:block;
}
/* End */


.woocommerce-mini-cart__buttons.buttons a:not(.checkout ){
	color:var(--accent-colour);
}

.woocommerce-mini-cart__buttons.buttons a:not(.checkout ):hover{
	background:var(--accent-colour);
	color:#fff;
}

.groyne-red-image{
    display:none;
}

/* Breaks the default Zeomart footer column layout, and allows us to use the goodlayers footer box in the settings to define columns */
.zeomart-copyright-left{
    float:none !important;
    display:grid !important;
}

/* footer grid style */

.footer-grid{
    display:grid; 
    grid-template-columns: repeat(2,1fr);
}

.align-content{
    justify-self: end;
}

/* End */

/* Changes the colour of the menu icon in mobile view*/

.zeomart-mobile-menu-button i{
    color: #000 !important;
}

/* End */

/* Adds spacing to the paypal notification on the shop page */
#ppcp-messages{
    margin-bottom:2rem;
}
/* End */

@media screen and (min-width:1333px){
	
	
}

.zeomart-logo-inner img{
	height:32px;
}


@media screen and (min-width:1200px){
    .groyne-red-image{
        display:block;
    }
}

.widget_nav_menu ul li{
    margin-bottom:0 !important;
    padding-left:0 !important;
}


.gdlr-core-column-60:has(.sand-divider){
    width:100%;
}    

@media screen and (max-width:999px){

    .zeomart-logo-inner,
    .zeomart-logo-inner img{
	    max-width:200px !important;
        height: auto !important;
    }

    /* .zeomart-logo{
        flex:1;
        margin-right:0 !important;
    }
    .page-id-6 .zeomart-mobile-header .zeomart-logo-inner{
        width: 100%;
        max-width: 100% !important;
    }
    .zeomart-logo-inner a{
        text-align:center;
        display:block;
    }
    .zeomart-mobile-menu{
        flex:0;
        margin-right:0 !important;
    }
    .zeomart-mm-menu-button.zeomart-mobile-menu-button.zeomart-mobile-button-hamburger-with-border{
        left:0 !important;
    } */

}

@media screen and (min-width:768px) and (max-width:1000px){
    .zeomart-footer-widgets-wrapper .zeomart-footer-column:last-of-type{
        width:100%;
    }
    .zeomart-footer-widgets-wrapper .zeomart-footer-column:last-of-type figure img {
        max-width:280px !important;
    }

}

@media screen and (max-width:480px){
	.woocommerce form.cart .button + .actions-button .buy_now_button.button{
		width:100%;
	}
	
    .footer-grid{
        display:grid; 
        grid-template-columns: 1fr;
    }
    .align-content{
        justify-self: start;
    }
    .zeomart-logo-inner,
    .zeomart-logo-inner img{
	    max-width:200px !important;
        height: auto !important;
    }
    .zeomart-logo-inner img{
        margin-left: 20px;
    }

}