/*
Theme Name: Landpagy
Theme URI: https://wordpress-theme.spider-themes.net/landpagy/
Author: Spider-themes
Author URI: https://themeforest.net/user/spider-themes
Description: Landpagy is a creative WordPress theme for saas, software, startup, mobile app, agency and related products & services. Landpagy is loaded with tons of features, elements & blocks, options that give its users real flexibility to create a dynamic, professional website in no time.
Version: 1.3.0
Requires at least: 5.0
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: landpagy
*/

/*---------------------------------------------------- */
/*------------------- CSS Variable --------------------*/
:root {
    /*Color Variables*/
    --primary-color: var(--primary_solid_color_opt, #EC595A);
    --secondary-color: var(--secondary_solid_color_opt, #171717);
    --body-color: var(--body_color_opt, #5d5d66);

    --text-color-2: #616161;
    --white: #ffffff;
    --black-50: #ebebeb;
    --black-100: #d6d9dc;
    --black-150: #c8ccd0;
    --black-200: #bbc0c4;
    --black-300: #7d848d;
    --black-350: #9199a1;
    --black-400: #848d95;
    --black-500: #6a737c;
    --black-600: #535a60;
    --black-700: #3c4146;
    --black-750: #2f3337;
    --black-800: #242729;
    --black-900: #0c0d0e;

    /*font Variables*/
    --poppins: "Poppins", sans-serif;
    --inter: "Inter", sans-serif;
}

/**=== Common Style's ====**/
input, textarea {
    text-transform: lowercase;
}



/***============ Admin Bar ================**/
.admin-bar .navbar {
    margin-top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .navbar {
        margin-top: 46px;
    }
}

@media (max-width: 482px) {
    .admin-bar .navbar.navbar_fixed {
        margin-top: 0;
    }
}

/**=== Nav-bar Menu ====**/
.header-area {
    z-index: 999;
}
.navbar_fixed .header_logo .sticky_logo {
    display: block;
}

.menu > .nav-item:not(.menu .dropdown.submenu) .nav-link::after,
.navbar_fixed .header_logo .main_logo {
    display: none;
}
.header_logo img {
    width: 185px;
    height: auto;
}
.menu > .current-menu-parent.nav-item .nav-link,
.menu > .nav-item:hover .nav-link,
.menu > .active.nav-item .nav-link {
    color: var(--primary-color);
}

.menu > .current-menu-parent.nav-item > .nav-link::before,
.menu > .active.nav-item .nav-link::before {
    width: 100%;
}


/**=== Title-bar Banner Images ====**/
.blog-banner-area img.one,
.process-banner-area img.one {
    right: 0;
    bottom: 0;
}


/**
* Mega menu
* Rave mega menu
*/
.menu .nav-item.has-landpagy-mega-menu {
    position: inherit;
}

.navbar_fixed .has-landpagy-mega-menu .thumb-mega-menu .elementor-widget-wrap {
    margin-top: 0 !important;
}

.has-landpagy-mega-menu .landpagy-mega-menu-content {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: calc(100% + 20px);
    z-index: 9999999;
    visibility: hidden;
    opacity: 0;
    transition: all .03s;
}
.has-landpagy-mega-menu:hover > .landpagy-mega-menu-content {
    visibility: visible;
    opacity: 1;
    top: calc(100%);
}

@media (max-width: 991px) {
    .menu .nav-item.has-landpagy-mega-menu {
        position: relative;
    }
    .has-landpagy-mega-menu:hover > .landpagy-mega-menu-content {
        position: relative;
        display: none;
    }
    .has-landpagy-mega-menu.megamenu-display .landpagy-mega-menu-content {
        display: block !important;
    }
    header .navbar-collapse  {
        max-height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .has-landpagy-mega-menu .landpagy-mega-menu-content {
        display: none;
    }
}