.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#DCDEE6;--e-global-color-text:#252525;--e-global-color-accent:#131313;--e-global-color-65a9142:#FAFAFA;--e-global-color-5dce22a:#FFFFFF;--e-global-color-f91c558:#0396C205;--e-global-color-aa26901:#F6C602;--e-global-color-7f127e5:#00000000;--e-global-color-dd5f5c1:#1B1C33DB;--e-global-color-b2c5842:#4F4F4F;--e-global-color-11d944f:#25252547;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.1em;color:#000000;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;text-transform:none;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;border-style:solid;padding:14px 30px 14px 30px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-bottom:12px;}.elementor-kit-6 a{color:#575757;}.elementor-kit-6 h1{color:#000000;}.elementor-kit-6 h2{color:#000000;}.elementor-kit-6 h3{color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

/* smooth scrolling behaviour */

html {
  scroll-behavior: smooth;
}


body {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*--------------------------------------------------------------
# Fix for Elementor flip-box widget the slide effect animation
--------------------------------------------------------------*/

/* Fix for the flip-box widget for the slide effect animation */

.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box__back, .elementor-flip-box--effect-slide.elementor-flip-box--direction-left .elementor-flip-box__back {
    right: -1px;
}


.elementor-flip-box--effect-push .elementor-flip-box:hover .elementor-flip-box__back, .elementor-flip-box--effect-slide .elementor-flip-box:hover .elementor-flip-box__back {
    right: 0;
}

/*--------------------------------------------------------------
# Elementor submenu font-size fix
--------------------------------------------------------------*/

/* fix for all navigations submenu items */
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
    font-size: 1 rem !important;
}






/*--------------------------------------------------------------
# Footer 7 Styles
--------------------------------------------------------------*/

/* fix for icon box Footer 7*/
.footer-7 .elementor-icon-box-content, .footer-7 .elementor-icon-box-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
}


/*--------------------------------------------------------------
# WooCommerce Styles
--------------------------------------------------------------*/


/* style all woocommerce buttons */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    color: #FFFFFF; 
    background-color: #000000; 
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
    line-height: var( --e-global-typography-text-line-height );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
}

/* center the text for the sale badge */
.woocommerce ul.products li.product .onsale {
    justify-content: center;
    vertical-align: middle;
    display: flex!important;
    align-items: center;
}

/*--------------------------------------------------------------
# My Account Page Styles
--------------------------------------------------------------*/

/* login button styles */
.my-account-section button.woocommerce-button.button.woocommerce-form-login__submit {
    background-color: var( --e-global-color-accent ); /* this is set to take the global accent color */
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    line-height: var( --e-global-typography-accent-line-height );
    border: 0px solid var( --e-global-color-accent );
    padding: 14px 20px 14px 20px;
    color: #fff;
}

/* login button hover effect */
.my-account-section button.woocommerce-button.button.woocommerce-form-login__submit:hover,
.my-account-section button.woocommerce-button.button.woocommerce-form-login__submit:focus {
    background-color: #000;
}

/* register button styles */
.my-account-section a.woocommerce-Button.btn.btn-primary.mt-2,
.my-account-section .woocommerce #respond input#submit,
.my-account-section .woocommerce a.button,
.my-account-section .woocommerce button.button,
.my-account-section .woocommerce input.button {
    background-color: var( --e-global-color-accent ); /* this is set to take the global accent color */
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    line-height: var( --e-global-typography-accent-line-height );
    border: 0px solid var( --e-global-color-accent );
    padding: 14px 20px 14px 20px;
    color: #fff;
}

/* register button hover effect */
.my-account-section a.woocommerce-Button.btn.btn-primary.mt-2:focus,
.my-account-section a.woocommerce-Button.btn.btn-primary.mt-2:hover,
.my-account-section .woocommerce #respond input#submit:hover,
.my-account-section .woocommerce a.button:hover,
.my-account-section .woocommerce button.button:hover,
.my-account-section .woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.my-account-section .woocommerce a.button:focus,
.my-account-section .woocommerce button.button:focus,
.my-account-section .woocommerce input.button:focus {
    background-color: #000;
}

/* change requiered * color for woocommerce */
.woocommerce form .form-row .required {
    color: red;
}

/*--------------------------------------------------------------
# My Account Page Styles - User loged in
--------------------------------------------------------------*/

/* remove list default styles */
.my-account-section .woocommerce-MyAccount-navigation ul{
    list-style-type: none;
    padding-inline-start: 0;
}

/* add spacing for left side menu */
.my-account-section li {
    padding: 15px;
}

/* style left side menu */
.my-account-section li.is-active {
    background-color: #eeeff4;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(27, 28, 51);
    border-right-width: 2px;
}


/* add top padding for right side menu */
.woocommerce-account .woocommerce-MyAccount-content


/* change the border for the register and login field */
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #ebf5ff!important;
}


/* add top border for right side menu */
.my-account-section .elementor-column-wrap.elementor-element-populated {
    border-width: 0px;
    border-top-width: 1px;
    border-style: solid;
    border-color: #ebf5ff;
    padding: 30px 0 0!important;
}

/* add side border for left side menu */
.my-account-section nav.woocommerce-MyAccount-navigation{
    border-width: 0px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #ebf5ff;
}


/* change style for forms when user is loged in */
.form-control, fieldset, .select2-container--default .select2-selection--single {
    border: 1px solid #ebf5ff;
}

/* fix style for forms when user is loged in */
p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide fieldset {
    padding: 20px;
    margin: 20px auto;
}

/* cart-section fixes */

.cart-section a.checkout-button.button.alt.wc-forward {
    background-color: var( --e-global-color-accent ); /* this is set to take the global accent color */
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    line-height: var( --e-global-typography-accent-line-height );
    border: 0px solid var( --e-global-color-accent );
    padding: 14px 20px 14px 20px;
    color: #fff;
}

.cart-section a.checkout-button.button.alt.wc-forward:hover, .cart-section a.checkout-button.button.alt.wc-forward:focus {
    background-color: #000;
}

/* change border color for cart totals table */
.cart-section .woocommerce table.shop_table {
    border: 1px solid #ebf5ff!important;
}


/*--------------------------------------------------------------
# Checkout Page Styles
--------------------------------------------------------------*/

/* change payment background-color */
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: rgb(238, 239, 244);
}

/* change color for the payment button */
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    color: var( --e-global-color-1237ee86 );
    background-color: var( --e-global-color-accent );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
    line-height: var( --e-global-typography-text-line-height );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
}

/* change hover effect for the payment button */
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #000;
}

/* fix for 4k and 8k screen sizes */

@media (min-width: 2560px){
    .elementor-container {
        max-width: 2560px;
        margin: 0 auto!important;
    }
    .elementor-section {
        left:0!important;
        right:0!important;
    }
}

/* fix for the SVG logo not showing on firefox for footer and header */

header .logo.elementor-widget-image a, footer .footer-logo.elementor-widget-image a {
    display: block!important;
}


/* fix for popups scroll-to-top behaviour - now the popup doesn't cover the navigation on mobile */

.scroll-to-top {
    z-index: 0!important;
}/* End custom CSS */