﻿.header {background:var(--bs-primary); border-bottom:1px solid var(--bs-secondary)}
.nav-link {color:var(--bs-black);font-size: 1.125rem;}
.nav-link {padding-left:0rem !important; padding-right:0rem !important; padding-top:.65rem; padding-bottom:.65rem; position:relative; border-bottom:1px solid rgb(239,239,239)}
.nav-link:hover {color:var(--bs-secondary)}
.dropdown-menu[data-bs-popper] {top: 100%;left: auto;}

@media (max-width:1199px) {.navbar-nav {padding-top:10px;}}
@media (min-width:1200px) {.nav-link {padding-left:.50rem !important; padding-right:.50rem !important; position:relative; border:0}}
@media (min-width:1330px) {.nav-link {padding-left:1rem !important; padding-right:1rem !important; padding-top:2.4rem; padding-bottom:2.4rem; position:relative; border:0}}

@media (min-width:1500px) {.nav-link {padding-left:1.45rem !important; padding-right:1.45rem !important; position:relative; border:0}}

@media (min-width:1280px) {.dropdown-menu {padding:0rem; text-transform:none;}
.dropdown-item {display:flex; justify-content:space-between; align-items:center; padding:.75rem 1.5rem; line-height:1.625 !important; color:#fff; transition: all ease-in-out .3s;}
.dropdown-item:hover {background:var(--bs-white); color:#b2672d!important;}
}

/*.nav-item .active, .open .nav-link  {color:var(--bs-primary) !important}
.nav-item a:before {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background:var(--bs-primary);content: "";position: absolute; z-index: 1;}
.nav-item a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-primary);content: "";position: absolute;}
.nav-item a:before {top: -webkit-calc(100% - 0.25em);top: calc(100% - 0.25em);left: -webkit-calc(50% - 0.3em);left: calc(50% - 0.3em);width: 0.6em;height: 0.6em;-webkit-transform: scale(0);transform: scale(0);}
.nav-item a:after {top: 98%;left: 0;width: 100%;height: 2px;-webkit-transform: scaleX(0);transform: scaleX(0);}*/

/*Navigation Effect*/
.nav-effect {position:relative}
.nav-effect a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;}
.nav-effect a:after {top: 0;left: 0;width: 100%;height: 4px;-webkit-transform: scaleX(0);transform: scaleX(0);}

.nav-effect-secondary {position:relative}
.nav-effect-secondary a:after {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;background: var(--bs-secondary);content: "";position: absolute;}
.nav-effect-secondary a:after {bottom: 0;left: 0;width: 100%;height: 4px;-webkit-transform: scaleX(0);transform: scaleX(0);}

@media (min-width:1199.98px) {
.nav-item a:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
a.active {color:var(--bs-secondary) !important}
.active a:after, a.active:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.dropdown:hover a:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
}


/*Dropdown Style*/
.mega-dropdown {max-width:100% !important; width:100%; right:0; margin-top:0px}
.mega-dropdown ul {padding:0px; margin:0px;}
.mega-dropdown ul li {padding: 0px 0px .20rem 25px; list-style:none; font-weight:normal}
.mega-dropdown ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -15px;font-size: 11px;color:#868686; padding:.4rem 0rem !important;}

.dropdown-item {color:inherit !important; white-space:normal; padding:.3rem .5rem !important;}
.dropdown-menu a {color:inherit; text-decoration:none !important; position:relative;}
.dropdown-menu a:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 1px;left: 0%;position: absolute;background: #000;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.dropdown-menu a:hover:after {width: 100%;left: 0; right:0}

.dropdown-menu ul {padding:0px; margin:0px;}
.dropdown-menu ul li {padding: 0px 5px .20rem 25px; list-style:none; font-weight:normal; padding-left:18px;}
.dropdown-menu ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -15px;font-size: 11px;color:#868686; padding:.4rem 0rem !important;}
.dropdown-menu ul li ul li {position:relative}
.dropdown-menu ul li ul li:before {content: " "; height:7px; width:7px; border:#333 1px solid; display: block;position: absolute; border-radius:2px; margin-left: -12px;top:10px!important;padding:0!important;}
.dropdown-menu ul li ul li:hover, .dropdown-menu ul li ul li:hover:before {color: #b2672d !important}
.dropdown-menu ul li ul li a{padding-left:5px!important;}
.dropdown-menu ul li a:hover {background:var(--bs-white); color:#b2672d!important;}

@media (min-width:1279.98px) {.dropdown:hover > .dropdown-menu{display: block;}}
@media (max-width:1279.98px) {
.navbar-nav {position:relative; overflow:auto}
.navbar-nav .dropdown-menu {position: static !important;transform: none !important; background:var(--bs-light) !important; text-transform:none;}
.navbar-nav .nav-link.show {color:var(--bs-primary)}
.dropdown-item {color:#000 !important; padding:0.5rem 1.35rem 0.5rem}
.offcanvas {top:1px !important; bottom:1px !important; border-radius:1rem 0px 0px 1rem;}
.offcanvas-start {top:1px !important; bottom:1px !important; border-radius:0rem 0rem 0px 0rem !important;}
.dropdown-item {color:inherit !important; white-space:normal; padding:.4rem 1rem !important; font-size:.90rem; line-height:1.4}
.dropdown-menu ul li {padding: 0px 0px 0rem 0px; list-style:none; font-weight:normal; padding-left:0px;}
.mega-dropdown ul li:before, .dropdown-menu ul li:before {margin-left: 0px;}
.nav-link {color: #000;font-size: 1.05rem;}
.dropdown-menu h4 {font-size:1.1rem !important}
.dropdown-menu ul li ul {padding: 0 0 0 35px;}
.dropdown-menu ul li span{position: relative; left: 15px; font-size: .90rem;}
.dropdown-menu ul li ul li {font-size: .90rem;}
}

/*Dropdown Animation*/
.navbar-nav .dropdown > .dropdown-menu {animation-name: fadeInUpnav;animation-duration: 300ms;}
@-webkit-keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUpnav{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;}}

