/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  /* background-color:#1f1f1f!important; */
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.5rem 1rem;
  margin:0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown.megaDropDown {position:static;}

.navbar .megaDropDown .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:58px;
    display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  /* background: #1e1e1e; */
  
}
  
 

  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  .navbar .dropdown-menu {
    /* border-top: 1px solid rgba(0,0,0,.15); */
    /* background-color: #fff; */
  }

}
.dropdown-menu{
  border-radius: none;
}

.tabbing .nav-link{
    color: #fff !important;
    padding: 7px 15px;
}
.tabbing .nav-link.active{
  background: #c4975c;
}
.megaMenuDiv{

}
.topHeader{
  padding: 4px 0px !important;
  background: rgb(13 90 150 / 90%);
}
.topHeader ul{
  margin-bottom: 0;
  text-align: right;
}
.topHeader ul li{
    list-style:none;
    display:inline-block;
    padding-right:5px;
}
.topHeader ul li a, .topHeader ul li a:hover{
  color:#ffffff;
  text-decoration:none;
}
.topHeader .socialMediaIcon ul li a{
  padding: 5px 10px;
}
.topHeader ul li i{
  color:#ffffff;
  padding-right:7px;
}
.megaMenuDiv .tab-pane .card {
  background: transparent;
    border: none;
    color: #fff;
}
.tabbing{
  background: #1e1e1e;
}

.dropdown-menu{
  margin:0 0 0;
}
/* .megaMenuDiv .card {
  border: 3px solid #ce8f2b !important;
  margin-bottom: 15px;
}
.megaMenuDiv .card-img-top {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.megaMenuDiv .card .card-body {
    height: 60px;
}
.megaMenuDiv .card .card-body{
  position: absolute;
  background:rgba(0, 0,0,.5);
  height:130px;
  bottom:0px;
  overflow: hidden;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transform: scale(1.1);
  left: 0;
  right: 0;
}
.megaMenuDiv .card:hover .card-body{
  height: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transform: scale(1.1); 
} */