/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


@media screen and (min-width:1025px){
    .menu-item-3320 > a {
        font-family: "Luckiest guy", Sans-serif !important;
        font-size: 26px !important;
        font-weight: 400 !important;
        background-color: #233C43 !important;
        border-style: solid !important;
        border-width: 1px 1px 1px 1px !important;
        border-color: #FFFFFF !important;
        box-shadow: 0px 0px 0px 1px #233C43 !important;
        color: #fff !important;
        max-height: 50% !important;
        padding: 0px !important;
        margin-inline-start: unset !important;
        padding: 18px 18px 18px 18px !important;
        align-self: center !important;
        display: block !important;
        outline:none !important;
        border-radius:5px;
        text-align:center;
    }
    .menu-item-3320 {
        text-align:center;
    }
    .menu-item-3320 > a:after,
    .menu-item-3320 > a:before {
        display:none !important;
    }
    
    .menu-item-3320 > a:active,
    .menu-item-3320 > a:hover,
    .menu-item-3320 > a:focus,
    .menu-item-3320 > a:focus-within {
        background-color: #20785e !important;
        color: #fff !important;
    }
    .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a {
        -webkit-margin-end: 12px !important;
        margin-inline-end:  12px !important;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1399px){
    [data-id="3a09c7e"] {
        flex: 0 0 200px;
        max-width: 200px;
        width: 200px;
        min-width: 200px;
    }
    [data-id="8fad810"]{
        flex: 0 0 calc(100% - 200px);
        max-width: calc(100% - 200px);
        width: calc(100% - 200px);
        min-width: calc(100% - 200px);
    }
    #menu-1-8fad810{
        display: flex;
        flex-wrap: nowrap;
    }
}