/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://popweb.co.za
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

 


 /* =Theme customization starts here
------------------------------------------------------- */

/*Get rid of the deep footer with widgests*/
#main-footer {
	display:none !important;
}


/* Buttons*/
.empty-cart-buttons .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
		background-color: transparent !important;
		border: 1px solid !important;
		border-color: #000000 !important;
		font-size: 1.4em !important;

}

/*.woocommerce ul.products li.product .button {
		text-transform: uppercase !important;
		font-size: 1rem !important;
	}*/
	
/* REduce padding in mobile menu on theme builder menu module */
.et_pb_menu .et_mobile_nav_menu .et_mobile_menu li a {
    line-height: 1.1em !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Make Woo Products 1 column per product in mobile */
@media only screen and ( max-width: 480px ) {
.et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product, .woocommerce-page ul.products li.product:nth-child(n) {
    width: 100%!important;
    margin-right: 0!important;
}
}

/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1400px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}


.ghl-form-wrap {
	box-shadow: none;
}

/* Customise font size in checkout block */
a.wc-block-components-product-name {
	font-size: 1rem !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price>* {
	font-size: 0.9rem !important;
}

div.wc-block-components-product-metadata__description {
	font-size: 2rem !important;
}

#sb_instagram #sbi_load {
margin-top: 25px !important;
}

.sbi_feedtheme_header_text p {
	font-family: roboto !important;
	font-size: 16px !important;
}

.sbi_feedtheme_header_text h3 {
	font-family: inherit !important;
	font-size: 20px !important;
}

/* SHOP BUTTON STYLING */
/* Quantity + Add row */
.woocommerce ul.products li.product .custom-product-buttons {
    width: 100%;
    margin-top: 15px;
}

.woocommerce ul.products li.product .custom-product-buttons .cart {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    margin: 0 !important;
}

/* Quantity */
.woocommerce ul.products li.product .custom-product-buttons .quantity {
    flex: 0 0 35%;
    width: 35%;
    margin: 0 !important;
    float: none !important;
}

.woocommerce ul.products li.product .custom-product-buttons .quantity input.qty {
    display: block;
    width: 100% !important;
    height: 35px;
    margin: 0 !important;
    padding: 0 4px;
    box-sizing: border-box;

    background: transparent !important;
    border: 1px solid #3D3D3D !important;
    border-radius: 30px !important;

    font-family: inherit;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    color: inherit !important;
}

/* Add button */
.woocommerce ul.products li.product
.custom-product-buttons
.add-to-cart-button {
    flex: 1 1 65% !important;
    width: auto !important;
    min-width: 0 !important;
    height: 35px;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 1px solid #3D3D3D !important;
    border-radius: 30px !important;

    background: transparent !important;
    color: #3D3D3D !important;
	text-transform: none !important;
    font-family: inherit;
    font-size: 14px !important;
	font-weight: 400;
    line-height: 33px !important;
    text-align: center;
    white-space: nowrap;

    cursor: pointer;
}

/* Hover */
.woocommerce ul.products li.product
.custom-product-buttons
.add-to-cart-button:hover {
    background: #3D3D3D !important;
    border-color: #3D3D3D !important;
    color: #ffffff !important;
}

/* Stop Divi adding its button arrow */
.woocommerce ul.products li.product
.custom-product-buttons
.add-to-cart-button::after {
    display: none !important;
}

/* Sold Out button */
.woocommerce ul.products li.product
.custom-product-buttons
.sold-out-button {
    display: block !important;
    width: 100% !important;
    height: 35px;

    margin: 0 !important;
    padding: 0 10px !important;

    box-sizing: border-box;

    border: 1px solid #3D3D3D !important;
    border-radius: 30px !important;
	border-color: #3D3D3D;
    background: transparent !important;
    color: #A1572E !important;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 33px !important;
    text-align: center;

    opacity: 0.65 !important;
    cursor: default !important;
}

/* Keep Sold Out unchanged on hover */
.woocommerce ul.products li.product
.custom-product-buttons
.sold-out-button:hover {
    background: transparent !important;
    border-color: #3D3D3D !important;
    color: #A1572E !important;
}

/* Stop Divi adding its button arrow */
.woocommerce ul.products li.product
.custom-product-buttons
.sold-out-button::after {
    display: none !important;
}

/* URM styling */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button {
	background-color: #82482C !important;
	border-radius: 30px;
	border-color: #82482C;
}

body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid>div .user-registration-Button, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid>div .user-registration-Button {
	border-radius: 30px !important;
	width: 100% !important;
	background-color: #82482C !important;
}

/* This is for the up down arrows. Code module on Shop page */
/* Position the minus and plus buttons inside the quantity field */
.custom-product-buttons form.cart .quantity.custom-qty-controls {
    position: relative;
}

/* Leave room for the buttons */
.custom-product-buttons form.cart .quantity.custom-qty-controls input.qty {
    padding: 0 26px !important;
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Hide native browser arrows */
.custom-product-buttons .custom-qty-controls input.qty::-webkit-inner-spin-button,
.custom-product-buttons .custom-qty-controls input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Custom minus and plus buttons */
.custom-product-buttons .custom-qty-controls > .qty-adjust {
    position: absolute;
    top: 1px;
    bottom: 1px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 30 !important;
    background: transparent;
    color: #444;
    font: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    box-shadow: none;
}

.custom-product-buttons .qty-adjust.qty-minus {
    left: 1px;
}

.custom-product-buttons .qty-adjust.qty-plus {
    right: 1px;
}

.custom-product-buttons .qty-adjust:hover {
    background: transparent;
}

.custom-product-buttons .qty-adjust:focus-visible {
    outline: 2px solid #444;
    outline-offset: -3px;
}

.custom-product-buttons .qty-adjust:disabled {

    cursor: default;
    background: transparent;
}

/* Fix top edge of mobile menu in theme builder */
/* MOBILE - up to 767px */
@media (max-width: 767px) {
    .et_pb_menu .et_mobile_menu {
        transform: translateY(20px);
    }
}


/* TABLET - 768px to 980px */
@media (min-width: 768px) and (max-width: 980px) {
    .et_pb_menu .et_mobile_menu {
        transform: translateY(30px);
    }
}


/* DESKTOP - 981px and above */
@media (min-width: 981px) {
    .et_pb_menu .et-menu-nav > ul > li > ul {
        transform: translateY(0px);
    }
}

/* Adjust the hamburger position for small desktops. This moves the hamburger down */
@media (min-width: 981px) {
    .et_pb_menu__wrap .mobile_menu_bar {
        transform: translateY(50%);
    }
}

/* Adjust indent of dropdown menu items */

/* Desktop */
.et_pb_menu .et-menu-nav li ul.sub-menu li a {
    padding-left: 0;
}

/* Mobile + Tablet */
.et_pb_menu .et_mobile_menu li ul.sub-menu li a {
    padding-left: 0;
}

/* ========================================
   SINGLE PRODUCT QUANTITY +/- BUTTONS
   ======================================== */

/* Quantity container */
.single-product form.cart .quantity.custom-qty-controls {
    position: relative;
}

/* Leave room inside the quantity field for +/- */
.single-product form.cart .quantity.custom-qty-controls input.qty {
    padding: 0 26px !important;
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Hide native browser number arrows */
.single-product .custom-qty-controls input.qty::-webkit-inner-spin-button,
.single-product .custom-qty-controls input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Custom minus and plus buttons */
.single-product .custom-qty-controls > .qty-adjust {
    position: absolute;
    top: 1px;
    bottom: 1px;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 24px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0;

    background: transparent;
    color: #444;

    font: inherit;
    font-size: 20px;
    line-height: 1;

    cursor: pointer;
    box-shadow: none;
}

/* Minus button */
.single-product .qty-adjust.qty-minus {
    left: 1px;
}

/* Plus button */
.single-product .qty-adjust.qty-plus {
    right: 1px;
}

/* Keyboard focus */
.single-product .qty-adjust:focus-visible {
    outline: 2px solid #444;
    outline-offset: -3px;
}

/* Disabled state */
.single-product .qty-adjust:disabled {
    opacity: 0.3;
    cursor: default;
    background: transparent;
}

/* Donation button styling on Basket page */
a.button.wdgk_add_donation {
	font-size: 15px !important;
	font-weight: 350 !important;
}

/* Hide product descriptions in checkout block - cart summary */
.wc-block-checkout .wc-block-components-product-metadata__description {
	display: none !important;
}

/* Reduce cell padding in wine club table */
th, td {
  padding: 4px !important;
}