/*
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.4.7.1775603074
Updated: 2026-04-07 23:04:34

*/


html {
    scroll-behavior: smooth;
}


.boring p,
.boring ul,
.boring ol {
    margin-bottom: 20px
}

.boring h1,
.boring h2,
.boring h3 {
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Roboto Condensed", Sans-serif;
    font-weight: 900;
}

.cr {
    color: rgba(255, 255, 255, .4);
    font-size: 14px;
}

html,
body {
    overflow-x: hidden;
}

/* button css */
.orange-btn a .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.orange-btn a::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    box-shadow: inset 0px 0px 0px #A5360A;
    display: block;
    -webkit-transition: all 0.35s cubic-bezier(.5, .25, 0, 1);
    transition: all 0.35s cubic-bezier(.5, .25, 0, 1)
}

.orange-btn a:hover::before {
    box-shadow: inset 350px 0px 0px #A5360A;
}

.e-loop__load-more a .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

.e-loop__load-more a::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    box-shadow: inset 0px 0px 0px #A5360A;
    display: block;
    -webkit-transition: all 0.35s cubic-bezier(.5, .25, 0, 1);
    transition: all 0.35s cubic-bezier(.5, .25, 0, 1)
}

.e-loop__load-more a:hover::before {
    box-shadow: inset 350px 0px 0px #A5360A;
}

#newsletter-btn input#form-field-email {
    min-height: 50px;
}

#newsletter-btn .elementor-field-type-submit {
    width: 250px;
}

#newsletter-btn .elementor-field-type-email {
    width: calc(100% - 255px);
    margin-right: 5px;
}

#newsletter-btn button .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

#newsletter-btn button::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    box-shadow: inset 0px 0px 0px #A5360A;
    display: block;
    -webkit-transition: all 0.35s cubic-bezier(.5, .25, 0, 1);
    transition: all 0.35s cubic-bezier(.5, .25, 0, 1)
}

#newsletter-btn button:hover::before {
    box-shadow: inset 250px 0px 0px #A5360A;
}

@media screen and (max-width: 1250px) and (min-width: 1025px) {
    #newsletter-btn .elementor-field-type-submit {
        width: 100%;
    }

    #newsletter-btn .elementor-field-type-email {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
}

@media screen and (max-width: 500px) {
    #newsletter-btn .elementor-field-type-submit {
        width: 100%;
    }

    #newsletter-btn .elementor-field-type-email {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
}

/* nav logo css */
#main-nav .elementor-widget-theme-site-logo {
    transition: all 0.35s ease;
}

#main-nav .elementor-widget-theme-site-logo img {
    transition: all 0.35s ease;
}

#main-nav.active .elementor-widget-theme-site-logo {
    margin-bottom: 0;
}

#main-nav.active .elementor-widget-theme-site-logo img {
    width: 70px;
}

/* sub nav 2 columns css */
@media screen and (min-width: 1025px) {
    #main-nav .sub-menu[aria-hidden="false"] {
     /*   display: grid !important;
        grid-template-columns: repeat(2, 1fr);*/
    }

    #main-nav .sub-menu[aria-hidden="false"] li {
        min-width: 275px;
    }
}