/*
Theme Name: Storefront Child
Template: storefront
Version: 1.0.4
*/

/* =====================================================
   GLOBAL
===================================================== */


:root {
    --color-primary: #333333;
    --color-primary-hover: #393939;/*#525050;*/
    --color-text: #2A2A2A;
    --color-text-light:   #6B6B6B;
    --color-bg: #FFFFFF;
    --color-bgbutton: #eeeeee;
    --color-surface: #FFFFFF;
    --color-border: #E5E5E5;
    --color-accent: goldenrod;
    --color-badge: #aa151b;

    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 999px;
}



body {
    font-family: 'Times New Roman', Times, serif;
    background: var(--color-bg);
}

/*Make all pages fullwidth*/
/* Hide the sidebar */
.widget-area {
    display: none !important;
}

/* Expand the main content area to full width */
.content-area,
.site-main {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
}

/* Ensure the content container stretches the full width 
.col-full {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure all main layout areas share background 

.site-main,
.site-footer,
.site-header {
  background: var(--color-bg)!important;
}


/* =====================================================
   INPUTS AND BUTTONS
===================================================== */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--color-bgbutton) no-repeat calc(100% - 1rem) center;
    background-size: 1rem;
    padding: 0.5rem 1.5rem 0.5rem 1rem !important;
}
select::-ms-expand {
    display: none;
}

.input-text{
    box-shadow: none!important;
}
/*rounding btn and input*/
.dgwt-wcas-search-input,
.wp-block-button__link,
select,
input,
.button,
.wc-block-components-button:not(.is-link){
    font-family: 'Times New Roman', Times, serif!important;
    border: none!important;
    border-radius: var(--radius-full)!important;
}
.hentry .entry-content .wp-block-button .wp-block-button__link{
    font-family: 'Times New Roman', Times, serif!important;
}
/* =====================================================
   TYPOGRAPHY
===================================================== */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-primary);
}   

.wp-block-post-title{
    text-transform: uppercase;
    font-size: 1rem!important;
    font-weight: bolder!important;
}
.entry-title{
    text-transform: uppercase;
    font-size: 2rem!important;
    font-weight: bolder!important;
    text-align: center;
    margin-bottom: 3rem;
}
.product_title.entry-title{
    text-align: left;
}
/* =====================================================
   HEADER WRAPPER
===================================================== */

.woocommerce-active .site-header .site-branding {
    width: 60%!important;
}
.woocommerce-active .site-header .site-search {
        width: 30%!important;
}

.primary-navigation .menu-item a{
    color: var(--color-primary)!important;
    font-weight: bold;
    text-transform: uppercase;
}

.wp-block-query-pagination,
.wp-block-query-pagination a{
    color: var(--color-primary)!important;
    text-decoration: none!important;
}
/* =====================================================
   CONTENT MAIN STORE WRAPPER
===================================================== */
.wp-block-post-title :where(a),
.reset_variations{
    color: var(--color-primary)!important;
    text-decoration: none!important;
}  
.reset_variations{
    background-color: var(--color-bgbutton)!important;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-full)!important;
}
.wp-block-post-title :where(a):hover{
    color: var(--color-primary-hover)!important;
    text-decoration: underline!important;
} 

/* =====================================================
   PRODUCT DETAILS
===================================================== */
.storefront-product-pagination,
.woocommerce-tabs.wc-tabs-wrapper,
.related.products{
    display: none!important;/*hide items*/
}

/* =====================================================
   CART + CHECKOUT
===================================================== */
.wc-block-cart-item__product a{
    color: var(--color-primary)!important;
    font-weight: bold;
    text-decoration: none!important;
}
.widget_shopping_cart p.buttons a.button.checkout{
    background: var(--color-primary);
    color: var(--color-bg);
    
}
.widget_shopping_cart p.buttons a.button.checkout{
    background: var(--color-primary);
    color: var(--color-bg);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    text-decoration: none!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
}

/*Minicart buttons*/
.widget_shopping_cart p.buttons a.button.checkout{
    color: var(--color-bg)!important;
    background: var(--color-primary);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    text-decoration: none!important; 
}

#site-header-cart,
.woocommerce-cart-form,
.widget_shopping_cart,
.woocommerce-mini-cart,
.woocommerce-cart,
.woocommerce-mini-cart__content {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* =====================================================
   FOOTER WRAPPER
===================================================== */
.site-info{
    display: none!important;
}
.site-footer a{
    text-decoration: none!important;
    color: var(--color-text-light)!important;
}
.site-footer a:hover{
    text-decoration: underline!important;
    color: var(--color-primary)!important;
}
.site-footer li{
    list-style: none!important;
}

/* Remove generated icons from footer menu links */
.site-footer a::before,
.site-footer a::after,
.site-footer .menu li a::before,
.site-footer .menu-item a::before,
.site-footer .widget_nav_menu li a::before,
.site-footer .site-info li a::before,
.site-footer .menu li a::after,
.site-footer .menu-item a::after,
.site-footer .widget_nav_menu li a::after,
.site-footer .site-info li a::after,
.site-footer a > img,
.site-footer a > svg,
.site-footer a > .icon,
.site-footer a > .fa,
.site-footer a > .dashicons {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .menu li a,
.site-footer .menu-item a,
.site-footer .widget_nav_menu li a,
.site-footer .site-info li a {
    background: none !important;
    background-image: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* =====================================================
   MOBILE
===================================================== */

/* Hide menu + hamburger on mobile */
@media (max-width: 767px){

}