/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



@font-face {
    font-family: 'Simple CLM';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('fonts/Simple400.woff') format('woff');
}

@font-face {
    font-family: 'Simple CLM';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('fonts/Simple700.woff') format('woff');
}

@font-face {
    font-family: 'OronYadMFW';
    src: url('fonts/OronYad_MFW.eot'); /* IE9 Compat Modes */
    src: url('fonts/OronYad_MFW.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/OronYad_MFW.woff') format('woff'), /* Modern Browsers */
    url('fonts/OronYad_MFW.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/OronYad_MFW.svg#OronYadMFW') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    font-display: swap;

}
@font-face {
    font-family: 'arrows';
    src: url('fonts/arrows.eot');
    src: url('fonts/arrows.eot?#iefix') format('embedded-opentype'),
    url('fonts/arrows.woff') format('woff'),
    url('fonts/arrows.ttf') format('truetype'),
    url('fonts/arrows.svg#arrows') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.userarea .links a.header-account-link {color: #b49b6d !important; font-weight: bold; display: inline-block; margin-top: 8px; }
body.logged-in .userarea .links a.header-account-link { margin-top: 2px; line-height: normal; }
body.logged-in .userarea .links a.header-account-link > .name { color: #000; font-weight: normal; font-size: 13px; }
.userarea .links a.header-account-link.account-login-link {border-left: 1px solid #b49b6d; 	padding-left: 3px; }

.shopping-cart-widget > a,
.userarea .links > a {
    color: #242225 !important;
    text-decoration: none;
    font-size: 16px !important;
    font-weight: normal;
    transform: rotate(3.8deg);
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    width: 27px;
}




.shopping-cart-link {

    font-size: 12px;
    text-transform: uppercase;
    color: #8E8E8E;
    margin: 0 20px 0 10px;
    position: relative;
    top: 1px;
}

.shopping-cart-link:hover{
    text-decoration: none;
}

.shopping-cart-link {
    display: block;
    height: 24px;
    width: 20px;
    background-image: url('assets/images/cart.png');
}

#userarea-checkout a {
    color: #000;
    font-size: 14px;
}

.userarea {
    transform: rotate(3.8deg);
    position: relative;
    right: 68px;
    top: 0px;
    background: url(/wp-content/themes/hello-theme-child-master/assets/images/new-board-1.png);
    height: 90px;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 18px;
    background-repeat: no-repeat;
    background-position: center center;

}
#userarea-links,
#userarea-account,
#userarea-register{
    display: flex;
}
#userarea-register a {
    position: relative;
    top: 2px;
}
#userarea-account {
    gap: 4px
}
#userarea-account.logged-in {
    gap: 0;
    flex-direction: column;
    line-height: 1.1em;
}

.userarea-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.userarea a.header-account-link
{
    color: #97822d;
    font-size: 16px;
    font-weight: 600;
}
a.header-account-link.account-login-link {
    position: relative;
    top: 1.3px;
}
#userarea-account-link a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.total-cart {
    background-color: #b7a26b;
    padding: 0 6px;
    border-radius: 16px;
    border: 1px solid white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    vertical-align: middle;
    padding-top: 2px;
    line-height: 17px !important;
    font-size: 14px;
    left: 10px;
    top: -13px;
    display: inline-block;
}


/* Woocommrece */
.woocommerce-breadcrumb, #breadcrumb, .woocommerce-breadcrumb a, #breadcrumb a {
    font-family: 'Simple CLM';
    font-size: 16px;
    color: #000 !important;
}

.woocommerce .title span {
    background: transparent;
    font-family: 'Simple CLM', 'OronYadMFW';
}
.sidebar > div {
    background: #FFF;
    padding: 10px 20px;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.products-grid .product {
    border: 1px solid #DADADA;
    background: #FFF;
}

@media (max-width:786px) {
  button.owl-prev.disabled,
  button.owl-next.disabled,
  {
    display: block !important;
  	opacity: 1 !important;
  }
  
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
  }
    
}

/* My Account > Reset password form:
   style_v2.css sets `.woocommerce form .form-row-last { float: none }`, which on desktop makes the
   "repeat password" row (a normal block) overlap the floated "new password" row, so only one field
   is visible. Stack both rows on all screen sizes (matches WooCommerce's small-screen behaviour). */
.woocommerce form.lost_reset_password .form-row-first,
.woocommerce form.lost_reset_password .form-row-last {
    float: none;
    clear: both;
    width: 100%;
}

/* Site closed for new orders (ACF "allow_payments" off, or ?debug_orders_closed=1)
   -------------------------------------------------------------------------- */
/* Darker backdrop behind the "closed" popup so it stands out more than the regular alerts
   (base overlay in style_v2.css is rgba(0,0,0,.7)). */
.zivroses_alert_overlay.payments_disabled {
    background: rgba(0, 0, 0, 0.92);
}
.zivroses_alert_msg.payments_disabled {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
}

/* Notice at the top of the checkout form, before the billing fields. */
.orders-closed-checkout-notice {
    background: #fff3f3;
    border: 2px solid #c0392b;
    color: #c0392b;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    padding: 20px 25px;
    margin: 0 0 30px;
}
.orders-closed-checkout-notice p {
    margin: 0;
}
.orders-closed-checkout-notice a {
    color: inherit;
    text-decoration: underline;
}