/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1726923262
Updated: 2024-09-21 14:54:22

*/

:root {
    --green: #4f46e5;
  }

.main-header-menu {
    li {
        text-align: center;
        a {
            display: inline-block;
        }
    }
}
@media (max-width: 1199px) {
    .main-header-menu {
        li {
            a {
                padding-left: 13px !important;
                padding-right: 13px !important;
            }
        }
    }
}

.btn-header a {
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #275954 !important;;
    color: #fff;
    transition: 0.3s background-color ease;
    &:hover {
        background-color: #29736b !important;
        color: #fff !important;
    }
}

.hero-light .btn-header a {
    background-color: #29736b !important;;
    border-radius: 10px;
    &:hover {
        background-color: #063836 !important;
    }
}


#button-load-more-events, #button-load-more-reviews, #button-contact-form, .btn-header-white a {
    margin-left: 15px !important;
    padding: 8px 20px;
    border-radius: 12px;
    background-color: #f7f7f7 !important;;
    color: #000;
    transition: none;
    box-shadow: 0px 1px 2px rgba(12, 2, 0, 0.05), inset 0px 32px 24px rgba(255, 255, 255, 0.05), inset 0px 2px 1px rgba(255, 255, 255, 0.25), inset 0px 0px 0px 1px rgba(12, 2, 0, 0.15), inset 0px -2px 1px rgba(0, 0, 0, 0.2);
    &:hover {
        box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(12, 2, 0, 0.15), 0px 1px 2px rgba(12, 2, 0, 0.05);
    }
}

.elementor-menu-toggle {
    background-color: transparent !important;
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul {
    border-bottom: 1px solid #cce6df;
}

@media (max-width: 1024px) {
    .btn-header, .btn-header-white {
        margin: 25px 0 !important;
        li {
            margin: 25px 0;
        }
        a {
            margin: 0 !important;
            padding: 15px 10px !important;
            min-width: 200px;
        }
    } 
}

.btn-header-white a {
    color: #000 !important;
}

.btn-white-shadow a {
    box-shadow: 0px 1px 2px rgba(12, 2, 0, 0.05), inset 0px 32px 24px rgba(255, 255, 255, 0.05), inset 0px 2px 1px rgba(255, 255, 255, 0.25), inset 0px 0px 0px 1px rgba(12, 2, 0, 0.15), inset 0px -2px 1px rgba(0, 0, 0, 0.2);
}

#button-light-shadow, .btn-light-shadow a {
    box-shadow: 0px 1px 2px rgba(12, 2, 0, 0.05), inset 0px 0px 0px 1px rgba(12, 2, 0, 0.05), inset 0px -2px 1px rgba(12, 2, 0, 0.05);
    color: #000;
}

#button-light-shadow:hover, .btn-light-shadow a:hover {
    background-color: #f8f8f8;
    box-shadow: 0px 3px 6px rgba(12, 2, 0, 0.1), inset 0px 0px 0px 1px rgba(12, 2, 0, 0.05), inset 0px -2px 1px rgba(12, 2, 0, 0.05);
}



.icon-shadow svg {
    border-radius: 14px;
    box-shadow: 0px 20px 27px rgba(0, 0, 0, 0.08);
}

.date-box {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 112px;
    height: 114px;
    background: #FFFFFF;
    box-shadow: 0px 16px 21px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
  }
  
  .date-box .month {
    font-size: 16px;
    font-weight: 400;
  }
  
  .date-box .day {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
  }
  
  .date-box .year {
    font-size: 16px;
    font-weight: 400;
  }

  @media (max-width: 767px) {
    .date-box {
        width: 100%;
    }
  }
  

  .shop-icon {
    transition: 0.3s transition ease;
    &:hover {
        transform: scale(1.03);
    }
  }


@media (max-width: 767px) { 
    .hide-mobile {
        display: none !important;
    }
 }


@media (min-width: 768px) and (max-width: 1024px) { 
    .hide-tablet {
        display: none !important;
    }
 }


@media (min-width: 1025px) { 
    .hide-desktop {
        display: none !important;
    }
}

/*** Woo ***/

body:not([class*=elementor-page-]) .site-main {
    max-width: 100% !important;
    width: 1340px !important;
}

.woocommerce-page .site-main {
    margin: 100px 0;
    padding: 0 30px !important;;
}

.woocommerce-page .page-header {
    margin-bottom: 40px;
}

.woocommerce span.onsale {
    box-sizing: content-box;
    background-color: #275954;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.woocommerce ul.products li.product .price del, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price
{
    color: #063836;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
a.wp-element-button,
.woocommerce-page [type=button], 
.woocommerce-page [type=submit], 
.woocommerce-page button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link
{
    transition: 0.3s all ease !important;
    text-decoration: none;
    background-color: #275954;
    color: #fff;
    border: 1px solid #275954;
    border-radius: 10px;
    &:hover {
        background-color: #29736b;
        color: #fff;
        border-color: #29736b;
    }
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    content: none !important;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
    font-size: 20px;
    font-family: 'Impact' !important;
}

.wp-block-woocommerce-cart.alignwide {
    margin-inline: 0;
}

.woocommerce-MyAccount-navigation li {
    list-style: none;
}
.woocommerce-MyAccount-navigation li a {
    padding: 10px 0;
    text-decoration: none;
    display: inline-block;
}

@media(max-width: 1024px) {
    .woocommerce-page .site-main {
        margin: 60px 0;
    }
}

@media(max-width: 767px) {
    .woocommerce-MyAccount-content {
        margin-top: 30px;
    }    
}