/* 
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%;
}