/* ============================================

   GLOBAL STYLES

   ============================================ */
 
.card-title {

    color: #333;

    font-size: 16px;

}
 
/* ============================================

   HEADER STYLES

   ============================================ */
 
.top-header {

    background: #c22f3a;

}
 
.home-header .bg-text.text-green.text-uppercase.d-none.d-md-block {

    display: none !important;

}
 
div#middle-content .home-header {

    display: none;

}
 
/* ============================================

   PANEL BROWSE STYLES

   ============================================ */
 
.panel-browse {

    transform: unset;

}
 
.panel-browse h3,

.panel-browse h1 {

    margin-bottom: 2rem;

}
 
/* ============================================

   HOME PAGE STYLES

   ============================================ */
 
.home_page_body .carousel {

    padding: 0;

}
 
/* ============================================

   LOGIN PAGE STYLES

   ============================================ */
 
.custom_login_page #user_loginpage .bdr-mob-none #userlogin_page #loginsignin .form-group {

    flex-direction: column;

}
 
.custom_login_page #user_loginpage .bdr-mob-none #userlogin_page #loginsignin .float-left.text-center .facebook_login {

    border-color: #c22f3a !important;

}
 
.custom_login_page #user_loginpage .bdr-mob-none #userlogin_page #loginsignin .float-left.text-center .facebook_login:hover {

    color: #c22f3a !important;

}
 
.custom_login_page #user_loginpage .bdr-mob-none #userlogin_page #loginsignin .float-left.text-center .google_login:hover {

    color: #c22f3a !important;

}
 
.custom_login_page #user_loginpage .bdr-mob-none #userlogin_page #loginsignin .float-left.text-center .google_login:hover {

    border: 1px solid #c22f3a !important;

}
 
.custom_login_page #user_loginpage .bdr-mob-none #userlogin_page #loginsignin .float-left.text-center .google_login:hover > span {

    color: #c22f3a !important;

}
 
.custom_login_page #user_loginpage > .row {

    height: auto;

    padding-top: 5rem;

    padding-bottom: 5rem;

}
 
/* ============================================

   SIGNUP PAGE STYLES

   ============================================ */
 
.custom_signup_page #user_signup {

    width: 35.25rem;

    padding: 2.125rem;

}
 
.custom_signup_page #user_signup .page-sub-header small {

    display: none;

}
 
/* ============================================

   GOOGLE LOGIN BUTTON STYLES

   ============================================ */
 
.google_login > span {

    font-size: 1rem;

    font-family: "Montserrat-Regular", sans-serif;

    color: #231f20 !important;

}
 
/* ============================================

   RECAPTCHA STYLES

   ============================================ */
 
.grecaptcha-badge {

    right: 0 !important;

}
 
/* ============================================

   NAVBAR STYLES

   ============================================ */
 
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu {

    border-top: 3px solid transparent !important; 

    border-radius: 0 0 12px 12px !important;

    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.15);

}
 
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .list-unstyled {

    padding: 0 !important;

    min-height: 32.8125rem;

    overflow: auto;

    max-height: 32.815rem;

}
 
.navbar .navbar-nav .nav-item.megamenu > .dropdown-menu > .list-unstyled > .dropdown-submenu > .dropdown-item {

    padding: 0.5rem 0.75rem !important;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.2;

    font-family: "Montserrat-Regular", sans-serif;

}
 
.nav-item.megamenu .dropdown-menu .list-unstyled > li > a > img {

    max-width: 30px !important;

    max-height: unset;

    padding: 0.4rem;

    background: #eaf7fb;

    border-radius: 6px;

    filter: grayscale(0);

}
 
.nav-item.megamenu .dropdown-menu .list-unstyled > li > a:hover > img {

    background: #cde9f2;

}
/* ============================================

   NAVBAR - DESKTOP STYLES (768px and above)

   ============================================ */
 
@media only screen and (min-width: 768px) {

    .navbar-collapse .navbar-nav {

        margin-left: 1.5rem !important;

    }
 
    .navbar .navbar-nav .nav-item > .nav-link {

        color: #505050 !important;

        font-family: "Montserrat-Bold", sans-serif;

    }
 
    .navbar .navbar-nav .nav-item > .nav-link::before {

        bottom: -7px;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .list-unstyled {

        padding-top: 0.875rem !important;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu {

        padding: 0 0 0.875rem 1.1875rem;

        overflow-y: scroll !important;

        overflow-x: hidden !important;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu li a.all-product {

        font-family: "Montserrat-Medium", sans-serif !important;

        font-size: 16px !important;

        text-transform: uppercase;

        letter-spacing: 0.1em;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu li .allProducts_li li a {

        padding: 0.5rem 0.5rem 0.5rem 1.5rem;

        color: #505050 !important;

        font-size: 16px !important;

        font-weight: 500;

        cursor: pointer;

        font-family: "Montserrat-Regular", sans-serif;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu li .allProducts_li li a::after {

        left: 8px;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .col-4 {

        flex: 0 0 45%;

        max-width: 45%;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .col {

        padding-top: 0.875rem;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .col-4 .text-semi-bold.text-center {

        text-align: left !important;

    }
 
    .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu .col-4 .text-semi-bold.text-center h4 {

        color: #505050 !important;

        font-size: 16px;

    }
 
    .nav-item.megamenu .dropdown-menu {

        top: 125%;

    }
 
    .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu {

        box-shadow: none;

        border-bottom-left-radius: 0 !important;

    }
 
    .nav-item.megamenu .card-columns {

        column-count: 1;

    }

}
 
/* ============================================

   NAVBAR - LARGE DESKTOP STYLES (1024px and above)

   ============================================ */
 
@media only screen and (min-width: 1024px) {

    .nav-item.megamenu .dropdown-menu .list-unstyled > li > a {

        width: 25.1%;

    }
 
    .nav-item.megamenu .dropdown-menu {

        top: 125%;

    }
 
    .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu {

        width: 75%;

        box-shadow: none;

        border-bottom-left-radius: 0 !important;

    }

}
 
/* ============================================

   COMMENTED OUT STYLES (Preserved for reference)

   ============================================ */
 
/* .badge-primary { */

/*     background: #ecc530; */

/* } */
 
/* .nav-item.megamenu .dropdown-menu .list-unstyled > li > a { */

/*     width: 25.1%; */

/* } */
 
/* .nav-item.megamenu .dropdown-menu { */

/*     width: 56%; */

/*     top: 125%; */

/* } */
 
/* .nav-item.megamenu .dropdown-menu .list-unstyled > li .dropdown-menu { */

/*     width: 75%; */

/*     box-shadow: none; */

/*     border-bottom-left-radius: 0 !important; */

/* } */