/*
 Theme Name: Uku Child
 Theme URI:
 Description: Uku Child Theme
 Author: Your Name
 Author URI: http://www.yourdomain.com/
 Template: uku
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Uku Child Theme
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */
/*
1. Fonts
2. General
3. Header
4. homepage
5. Shop
6. Contact
7. Footer
8. Media queries


*/
/* === 1. Fonts === */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;700&display=swap');

/* === 2. General === */

body{
    font-family: 'Heebo', sans-serif;
}
/* --- Serif Styles --- */
h1.site-title,
p.site-title,
.entry-summary,
.widget,
.title-footer,
.entry-header p.intro,
.entry-content,
.entry-content p,
.entry-content table,
.entry-content dl,
.entry-content ul,
.entry-content ol,
p.section-about-text,
p.text-big,
p.text-small,
.woocommerce-message,
#secondary h2.widget-title,
#sidebar-page h2.widget-title,
.entry-content blockquote p,
.entry-content p span.uppercase,
.section-about-column-two  .social-nav ul li a,
.section-about-column-one p cite,
.widget_mc4wp_form_widget input[type="email"],
.widget_mc4wp_form_widget input[type="submit"],
.jetpack_subscription_widget #subscribe-email input[type="email"],
.jetpack_subscription_widget #subscribe-submit input[type="submit"],
.contact-form input[type="submit"],
input,
textarea,
.site-content div.wpcf7 input,
.site-content div.wpcf7 textarea,
.site-content div.wpcf7 p,
a.standard-btn,
div.sharedaddy h3.sd-title,
.widget h2.widget-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content  h4,
.entry-content  h5,
.big-instagram-wrap .clear,
.single-product .entry-summary h1,
.uku-standard.blog-classic .more-link,
.widget_mc4wp_form_widget input[type="text"] {
	font-family: 'Heebo', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
h1.entry-header,
.site-header-content, 
.header-intro-wrap,
footer,
.overlay-desktop-content,
a,p, .searchform input,
.desktop-search,
input,
.search-field,
.single-product .woocommerce-message{
    font-family: 'Heebo', sans-serif !important;
}

/* === 3. Header === */
body:not(.home) #desktop-navigation ul li a:hover, 
body:not(.home) div:not(.sticky-header) > .shop-menu a,
body:not(.home).uku-serif.headerfont-light #desktop-navigation a{
    color: #000 !important;
}

/* off canvas nav max width*/
.uku-serif .inner-offcanvas-wrap{
    margin-right: 30% !important;
    max-width: 70% !important;
    background: #fff !important;
    border-right: solid 1px #8f8f8f !important;
    
}

.uku-serif #shopfront-cats h2.section-title, 
.page-template-shop-front #front-section-three h3.front-section-title{
    font-size: 22px !important;
}

.uku-serif .woocommerce ul.products li.product h2 {
    font-size: 28px;
}

#overlay-nav {
    padding-bottom: 40px !important;
}

/* === 4. Homepage === */

/* === 5. Shop === */
h1.woocommerce-products-header__title {
    text-align: center !important;
    font-size: 32px !important;
}
/* category-description added*/
.woocommerce-product-category-description{
    font-size:26px;
}

/* out of stock label plugin*/
.archive .wcsob_soldout {
    padding: 20px 10px !important;
   
}
.archive li.outofstock a.button{
    display:none !important;
    }
    
.archive li.outofstock   span.onsale{
    display: none !important;
}
/* product page*/

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
    color:transparent;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before{
    color:#000 !important;
}

/* cart - shop menu*/ 
 .shop-menu .cart-offcanvas a
  {
    color: #000 !important;
}

.widget_shopping_cart_content p.buttons a.wc-forward:hover, 
.widget_shopping_cart_content p.buttons a.checkout:hover{
    color:#ffffff !important;
}


#desktop-navigation ul li a:hover, a.button:hover{
    color: #fff !important;
}
.footer-menu .txt-0 a
{
    font-size: 0px !important;
}

ul.woocommerce-shipping-methods{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*checkout*/
.woocommerce-checkout input {
    min-height: fit-content !important;
}

abbr{
    border-bottom: 0px !important;
}
abbr[title] {
    text-decoration: none !important;
}

.entry-content ul#shipping_method li:before{
    display: none !important;
    }
    
    .entry-content ul#shipping_method li label{
        padding-right: 8px !important;
    }

    .checkout_coupon .button {
        min-height: 50px !important;
    }
    input#coupon_code { 
        min-height: 50px !important;
        
    }
    .checkout_coupon .button{
        width: 100% !important;
    }
    
/* === 6. Contact === */
.site-content input.wpcf7-submit:hover, 
.site-content div.wpcf7 p input.wpcf7-submit:hover{
background: #000;
}

.wpcf7-form input[type="tel"]{
width:100% !important;
}

/* cf7 response-output*/
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	border: 0px !important; 
}

/**/
#site-info ul li:after {
    content: none;
}

/* === 7. Footer ===*/
/* payment cards icons*/
nav#footer-menu-four ul {
    margin: 0 auto !important;
    max-width: 180px !important;
}



/* === 8. Media Queries === */
@media screen and (min-width: 48em){
    /* header*/
.featured-slider .entry-header h2.entry-title, .header-intro-wrap p.header-intro-text{
    font-size: 40px !important;
    line-height: 1.5 !important;
}

    .single-post .entry-content p, 
    .page .entry-content p, 
    .page .entry-content, 
    .entry-content ol, 
    .entry-content ul, 
    .blog.blog-classic 
    .blog-wrap .entry-content p {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    #overlay-nav>ul>li>a {
        font-size: 36px !important;
    }
    .page-template-shop-front.header-fullscreen #site-branding {
        padding: 0 0 80px 0 !important;
    }

    .cart_totals tr.order-total th{
        font-size: 22px !important;
    }
    .checkout_coupon .button{
        width: fit-content !important;
    }
    }
@media screen and (min-width: 85em){
    
    .blog.blog-defaultplus #primary .hentry.has-post-thumbnail:nth-child(4n) .entry-header h2.entry-title, 
    #front-section-four .entry-header h2.entry-title, .section-two-column-one .entry-header h2.entry-title, 
    .single-post .entry-header h1.entry-title, p.section-about-text {
        font-size: 28px !important;
        line-height: 1.5 !important;
    }
    .uku-serif ul.products li span.price {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
  
    a.cart-btn span.cart-count{
        display: block !important;
        position: absolute!important;
        top: 16px !important;
        right: 10px !important;
    }
}