/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 4's default CSS.
 These are theme independent and should work with any Bootstrap 4 theme mod.
*/


/* Carets in collapsible mode (make them look like +/- buttons) */

.navbar {
    padding: 0;
}

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5);
}


/*Toggle Button*/

.navbar-toggler:hover,
.navbar-toggler:focus {
    background-color: transparent;
}


/*Menu Css*/

.navbar .nav .nav-item {
    margin-left: 1.875rem;
}

.navbar .nav .nav-item:last-child {
    margin-left: 0px;
}

.navbar .nav .nav-item .nav-link {
    padding: 0rem;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
}

@media (min-width: 992px) {
    .navbar .nav .nav-item .nav-link {
        padding: 0.885rem 0rem;
       /* margin: 2px 0;*/
    }
    .header-module {
        padding: 0.938rem 1rem 0.938rem 0rem;
    }
}

@media (max-width: 1199px) {
    .navbar .nav .nav-item {
        margin-left: 1.75rem;
    }
}

@media (max-width: 991px) {
    .navbar .nav .nav-item {
        margin-left: 0;
    }
    .navbar .nav .nav-item .nav-link {
        line-height: 2.25rem;
        margin-left: 0;
        display: block;
        border-bottom: 1px solid #cbcbcb;
        border-radius: 0;
        text-align: initial;
    }
    .navbar-collapse {
        border-top: 1px solid #cbcbcb;
    }
}

@media (max-width: 768px) {
    .navbar {
        padding: 0 0.938rem 0 0.938rem;
    }
}

.navbar .nav .nav-item:hover .nav-link,
.navbar .nav .nav-item:focus .nav-link,
.navbar .nav .nav-item.active .nav-link {
    color: #1d1d1d;
}

.navbar-nav.sm-collapsible .sub-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -0.7em 0 0 0.5em;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    padding: 0;
    width: 2em;
    height: 1.4em;
    font-size: 1.25rem;
    line-height: 1.2em;
    text-align: center;
}

.navbar-nav.sm-collapsible .sub-arrow::before {
    content: '+';
}

.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
    content: '-';
}

.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
    border-color: rgba(255, 255, 255, .1);
}


/* make sure there's room for the carets */


/*.navbar-nav.sm-collapsible .has-submenu {padding-right: 3em;}*/


/* keep the carets properly positioned */

.navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
    position: relative;
}


/* Nav carets in expanded mode */

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: inline-block !important;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
}


/* point the arrows up for .fixed-bottom navbars */

.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid;
}


/* Dropdown carets in expanded mode */

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -.3em;
    margin-left: 1em;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
}


/* make sure there's room for the carets */

.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
    padding-left: 2em;
}


/* Scrolling arrows for tall menus */

.navbar-nav .scroll-up,
.navbar-nav .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 1.25rem;
    overflow: hidden;
    text-align: center;
}

.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
    position: absolute;
    top: -0.125rem;
    right: 50%;
    margin-right: -0.5rem;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 0.438rem solid transparent;
    border-left: 0.438rem solid transparent;
    border-bottom: 0.438rem solid;
    border-right: 0.438rem solid transparent;
}

.navbar-nav .scroll-down-arrow {
    top: 0.375rem;
    border-top: 0.438rem solid;
    border-left: 0.438rem solid transparent;
    border-bottom: 0.438rem solid transparent;
    border-right: 0.438rem solid transparent;
}


/* Add some spacing for 2+ level sub menus in collapsible mode */

.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
    margin: .5em;
}


/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */

.navbar-nav:not([data-sm-skip]) .dropdown-item {
    white-space: normal;
}

.navbar-nav:not(.sm-collapsible) .sm-nowrap>li>.dropdown-item {
    white-space: nowrap;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: transparent;
    color: #1d1d1d;
}

.navbar-nav a.bg-light:focus,
.navbar-nav a.bg-light:hover,
.navbar-nav button.bg-light:focus,
.navbar-nav button.bg-light:hover {
    background-color: transparent !important;
}

.options-box {
    position: relative;
    float: left;
}


/* Grid Box */

.options-box .grid-box {
    position: relative;
    float: right;
    height: 3.75rem;
    display: block;
    font-size: 1.25rem;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
    top: 20px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.options-box .grid-box .icon {
    position: relative;
    color: #ffffff;
    line-height: 1em;
}

.options-box .cart-box .icon {
    position: relative;
    color: #000000;
}

.options-box .btn-box {
    position: relative;
    float: right;
    height: 3.75rem;
}

@media (max-width: 768px) {
    .options-box .btn-box {
        display: none;
    }
    .options-box .grid-box {
        line-height: 5.25rem;
    }
}

.flaticon-menu-2:before {
    content: "\f0c9";
    font-family: FontAwesome;
}

.footer-sidebar .widget .widget-title:after {
    content: '';
    display: block;
    height: 0.125rem;
    width: 2.5rem;
    margin-top: 0.813rem;
}

.navbar ul li .search-box-outer a:after,
.navbar ul li .cart-header a:after {
    content: none;
}

.navbar ul li a .menu-text:after {
    content: '';
    display: block;
    height: 0.125rem;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.navbar ul li a .menu-text {
    display: inline-block;
}

.navbar ul li a .menu-text:hover:after,
.navbar ul li a .menu-text:focus:after,
.navbar .nav li.active .nav-link .menu-text:after,
.navbar-nav .show .dropdown-menu>.active>.menu-text:after,
.navbar-nav .show .dropdown-menu>.active>.menu-text:focus {
    width: 100%;
    background: #1d1d1d;
    right: 0;
}

.navbar-nav .dropdown-item {
    color: #1d1d1d;
}

.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item.active,
.navbar-nav .dropdown-item:active,
.navbar-nav .dropdown-item:focus {
    background-color: transparent;
    color: #1d1d1d;
}


/* .btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #ffffff;
    font-weight: 600;
    overflow: hidden;
    background: none;
    border-radius: 0px;
    padding: 0.938rem 2.75rem 0.938rem;
    text-transform: capitalize;
    background-color: #1d1d1d;
    font-family: 'Poppins', sans-serif;
} */