.elementor-kit-5{--e-global-color-primary:#1A1A1A;--e-global-color-secondary:#E5312D;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FDC400;--e-global-color-c2ade9a:#429FCD;--e-global-color-d270535:#A0C567;--e-global-color-e1a128a:#02010100;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-line-height:60px;--e-global-typography-secondary-font-family:"Oswald";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-574245a-font-family:"Helvetica";--e-global-typography-574245a-font-size:60px;--e-global-typography-574245a-font-weight:900;--e-global-typography-8c8e6b7-font-family:"Helvetica";--e-global-typography-8c8e6b7-font-size:50px;--e-global-typography-8c8e6b7-font-weight:900;--e-global-typography-0460d8a-font-family:"Helvetica";--e-global-typography-0460d8a-font-size:35px;--e-global-typography-0460d8a-font-weight:900;--e-global-typography-9e3adcf-font-family:"Helvetica";--e-global-typography-9e3adcf-font-size:25px;--e-global-typography-9e3adcf-font-weight:900;--e-global-typography-f1d2f21-font-family:"Helvetica";--e-global-typography-f1d2f21-font-size:18px;--e-global-typography-f1d2f21-font-weight:400;--e-global-typography-797fcce-font-family:"Helvetica";--e-global-typography-797fcce-font-size:30px;--e-global-typography-797fcce-font-weight:900;--e-global-typography-797fcce-line-height:35px;font-family:"Helvetica", Sans-serif;font-size:16px;letter-spacing:0.4px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-secondary );font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:400;}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-574245a-font-family ), Sans-serif;font-size:var( --e-global-typography-574245a-font-size );font-weight:var( --e-global-typography-574245a-font-weight );}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-8c8e6b7-font-family ), Sans-serif;font-size:var( --e-global-typography-8c8e6b7-font-size );font-weight:var( --e-global-typography-8c8e6b7-font-weight );}.elementor-kit-5 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-0460d8a-font-family ), Sans-serif;font-size:var( --e-global-typography-0460d8a-font-size );font-weight:var( --e-global-typography-0460d8a-font-weight );}.elementor-kit-5 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-9e3adcf-font-family ), Sans-serif;font-size:var( --e-global-typography-9e3adcf-font-size );font-weight:var( --e-global-typography-9e3adcf-font-weight );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Helvetica", Sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;}.elementor-kit-5 label{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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:1366px){.elementor-kit-5 h1{font-size:var( --e-global-typography-574245a-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-8c8e6b7-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0460d8a-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-9e3adcf-font-size );}}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-574245a-font-size:50px;--e-global-typography-574245a-line-height:50px;--e-global-typography-8c8e6b7-font-size:40px;--e-global-typography-8c8e6b7-line-height:40px;--e-global-typography-0460d8a-font-size:30px;--e-global-typography-0460d8a-line-height:30px;--e-global-typography-9e3adcf-font-size:25px;--e-global-typography-9e3adcf-line-height:25px;}.elementor-kit-5 h1{font-size:var( --e-global-typography-574245a-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-8c8e6b7-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0460d8a-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-9e3adcf-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-5{--e-global-typography-574245a-font-size:45px;--e-global-typography-574245a-line-height:40px;--e-global-typography-8c8e6b7-font-size:35px;--e-global-typography-8c8e6b7-line-height:30px;--e-global-typography-0460d8a-font-size:30px;--e-global-typography-0460d8a-line-height:25px;--e-global-typography-9e3adcf-font-size:25px;--e-global-typography-9e3adcf-line-height:20px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-text-font-size:15px;--e-global-typography-574245a-font-size:35px;--e-global-typography-574245a-line-height:30px;--e-global-typography-8c8e6b7-font-size:30px;--e-global-typography-8c8e6b7-line-height:25px;--e-global-typography-0460d8a-font-size:25px;--e-global-typography-0460d8a-line-height:20px;--e-global-typography-9e3adcf-font-size:20px;--e-global-typography-9e3adcf-line-height:15px;}.elementor-kit-5 h1{font-size:var( --e-global-typography-574245a-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-8c8e6b7-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0460d8a-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-9e3adcf-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-5 h1{font-size:var( --e-global-typography-574245a-font-size );}.elementor-kit-5 h2{font-size:var( --e-global-typography-8c8e6b7-font-size );}.elementor-kit-5 h3{font-size:var( --e-global-typography-0460d8a-font-size );}.elementor-kit-5 h4{font-size:var( --e-global-typography-9e3adcf-font-size );}}/* 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: 1rem!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: 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; } /* 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; } /*remove outline on go to top bottom*/ a:-webkit-any-link:focus-visible { outline-offset: 0px; } :focus-visible { outline: -webkit-focus-ring-color auto 0px; } .hero{ overflow: hidden } .single-post .post p, .single-post .post span{ color: #Efffff !important; } .single-post .post p a, .single-post .post a{ color: #e8312b !important; } .single-post .post p a:hover, .single-post .post a:hover{ color:#fff !important; } .white-link a{color:#ffffff !important} .white-link a:hover{color:#000000 !important} .elementor-433 .woocommerce ul.products li.product a img { width: 400px; place-self: center; } .product_variations label { color: #000 !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled { background-color: #000 !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover { background-color: #fff !important; color: #000 !important; } button.reset_variations:hover { border-color: #000; } button.reset_variations { background-color: #000; border-color: #000; } .variations_form th { width: 20%; } .variations_form td, .variations_form th { background-color: transparent !important; } .summary-content{ color: #fff !important; background-color: #000 !important; } .summary-content h1 { font-size: 30px !important; } .summary-content select { color: #fff!important; } .summary-content button.single_add_to_cart_button:hover { background-color: #000 !important; } .summary-content button.single_add_to_cart_button { background-color: #E5312D !important; } .mfp-woosq .mfp-close:before{ color: #fff !important; } span.page-numbers.current { color: #fff !important; } .swiper-slide a { font-size: 20px !important; } .swiper-slide a:hover { color: #bfbfbf !important; } .elementor-element.blur { background: rgba(20, 20, 20, .6); backdrop-filter: saturate(180%) blur(10px); }/* End custom CSS */