/* header nav */
#nav-menu {
    display: flex;
	align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px; 
}

.mega-menu_card {
    flex: 1;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* shop bproauto custom button*/
.mega-menu_card-title h3 a {
	font-family: inherit;
	font-weight: normal;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
	background-color: #333;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.mega-menu_card-title h3 a img {
    font-family: inherit;
	font-weight: normal;
    height: 20px; 
    margin-left: 8px;
}

.mega-menu_card-title h3 a:hover {
    font-family: inherit;
	font-weight: normal;
    background-color: #525050; 
}



/* additional css */
.moparContentWrapper {
	display: flex;
    gap: 15px;
}

@media screen and (max-width: 767px) {
    .moparContentWrapper {
    	flex-direction: column;
    }
}

.moparContentImg {
	flex: 0 0 30%;
    max-width: 30%;
}

@media screen and (max-width: 767px) {
    .moparContentImg {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.moparContentImg img {
	width: 100%;
    height: 200px;
    object-fit: contain;
}

.moparContentDesc ul {
	padding-left: 40px;
}

.moparFilters .desktop-search-filters {
	margin-left: -15px;
    margin-right: -15px;
}

/* Dropdown Button */
.dropbtn {
  background-color: #333;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #525050;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 51;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Add or remove this to hide or show */
.hide {display:none;}

/* Adjusting the size and color of the sitewide banner */
.promotional-banner-text {
    font-size: 20px !important;
    color: red;
}