/* Font Faces */

    
/* Font Face for Bold */
@font-face {
    font-family: 'Digi Hamishe' !important;
    src: url('https://gahshomar.com/wp-content/uploads/2024/08/Digi-Hamishe-Bold.ttf') format('truetype') !important;
    font-weight: bold !important;
    font-style: normal !important;
}


/* style menu */
/* Inline CSS for the menu */
.top-menu {
    background-color: rgba(20, 20, 20, 0.3) !important; /* The last value '0.8' is the opacity */
    padding: 10px !important;
    text-align: center !important;
    position: absolute !important; /* Make the menu stick to the top */
    top: 0 !important;             /* Align the menu to the very top */
    left: 0 !important;
    width: 100% !important;        /* Make the menu span the full width of the page */
    z-index: 999 !important;
    /* Ensure the menu stays on top of other elements */
}

.top-menu .menu {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    z-index: 999 !important;
}

/* Style for main menu items */
.top-menu .menu li {
    display: inline !important;
    margin-right: 20px !important;
    position: relative !important; /* Required for submenu positioning */
    padding-bottom: 5px !important;
    z-index: 100 !important; /* Ensure the parent menu item has a lower z-index than the submenu */
}

.top-menu .menu li a {
    color: white !important;
    text-decoration: none !important;
    padding: 10px 15px !important;
    z-index: 999 !important;
}

.top-menu .menu li a:hover {
    background-color: #555 !important;
    border-radius: 5px !important;
    z-index: 999 !important;
}

/* Submenu styles */
.top-menu .menu li ul {
    display: none !important; /* Hide submenus by default */
    position: absolute !important;
    top: 100% !important; /* Position the submenu directly below its parent item */
    left: 0 !important;
    background-color: #333 !important; /* Submenu background color */
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
    min-width: 150px !important; /* Adjust the width of the submenu */
    z-index: 999 !important;
}

.top-menu .menu li:hover > ul {
    display: block !important; /* Show submenu on hover */
    z-index: 999 !important;
}

.top-menu .menu li ul li {
    display: block !important; /* Submenu items should stack vertically */
    margin: 0 !important;
    text-align: left !important;
    z-index: 999 !important;
}

.top-menu .menu li ul li a {
    display: block !important;
    padding: 10px 15px !important;
    color: white !important; /* Submenu link color */
    text-decoration: none !important;
    background-color: #333 !important;
    z-index: 999 !important; /* Ensure submenu links are on top */
}

.top-menu .menu li ul li a:hover {
    background-color: #555 !important;
    z-index: 999 !important;
}

.site-header {
    height: 20vh; /* 27% of the viewport height */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 10px !important;
    background-color: #4c5494; /* Set to dark mode header color */
    color: #e0e0e0;
    padding-top: 50px !important; 
}

@media screen and (max-width: 1200px) {
    .site-header {
        display: yes !important;
    }

    body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}



/* LOGO */
@media (min-width: 1700px) {
    .logo-gahshomar {
        position: absolute !important;
        top: 20% !important; /* Adjust the top positioning */
        right: 10px !important; /* Adjust right position */
        display: flex !important;
        align-items: center !important;
        z-index: 1000 !important; /* Ensure it's on top */
    }
}

/* For smaller displays under 14 inches */
@media (max-width: 1699px) {
    .logo-gahshomar {
        position: absolute !important;
        top: 7vh !important; /* Adjust as needed */
        right: 5px !important;
        display: flex !important;
        align-items: center !important;
        z-index: 1000 !important;
    }
    .elementor-section1 {
        padding-top: 5vh !important;
    }
}

/* MOBILE */
@media (max-width: 750px) {
    .top-menu {
        display: none !important;
    }

    .site-header {
        height: 0vh !important;
        background-color: transparent !important;
    }

    .logo-gahshomar {
        display: none !important;
    }

    .elementor-section1 {
        display: none !important;
    }
}



/* Tablet */
@media (min-width: 750px) and (max-width: 1030px) {
    .top-menu {
        display: none !important;
    }

    .site-header {
        height: 0vh !important;
        background-color: transparent !important;
    
    }

    .logo-gahshomar {
        display: none !important;
    }

    .elementor-section1 {
        display: none !important;
    }
}

/* persian date  */ 
.elementor-section1 {
    position: absolute !important;
    top: 50% !important; /* Adjust the top positioning */
    left: 50% !important; /* Adjust the left positioning */
    transform: translate(-50%, -50%) !important;
}

.logo-gahshomar {
    margin-left: 10px !important; /* Space between the icon and logo */
    right: 20px !important;    
}

.logo-gahshomar img {
    height: 100px !important; /* Adjust to fit with the fullscreen icon */
    display: block !important;
}

/* menu toop mobile */
.topmobi-mobile-menu-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #454d8a !important;
    z-index: 999999999 !important;
    padding-bottom: 10px !important;
}

.topmobi-mobile-menu {
    margin-top: 5px !important;
    margin-bottom: -5px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 15px !important;
    height: 5vh !important;
}

.topmobi-menu-item {
    color: white !important;
    text-decoration: none !important;
    font-family: "digi hamishe", sans-serif !important;
    font-size: 17px !important;
    text-align: center !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding-right: 30px !important; 

}

.topmobi-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.topmobi-logo-svg {
    height: 54px !important;
    width: 54px !important;
    color: white !important;
    transition: color 0.3s ease !important;
}

.topmobi-menu-item.topmobi-active {
    color: #FF8200 !important;
}

.topmobi-menu-item.topmobi-active .topmobi-logo-svg {
    color: #FF8200 !important;
}

.topmobi-menu-item:hover {
    transform: scale(1.05) !important;
    color: #FF8200 !important;
}

.topmobi-menu-item:hover .topmobi-logo-svg {
    color: #FF8200 !important;
}

@media only screen and (min-width: 1025px) {
    .topmobi-mobile-menu-container {
        display: none !important;
    }
}