/* ============================================================================================= */
/* @begin :: MEGA MENU
/* --------------------------------------------------------------------------------------------- */

 
.wrap-mega-menu ul.nav-mega-menu li.mega-hover a {  
	color: var(--ptl-brown);
	text-shadow: none;
}


.wrap-mega-menu ul.nav-mega-menu li ul li a {
	background: none !important;
	color: #515962;
}

.wrap-mega-menu {
	padding: 0px 0px 0 0;
	border: 0px solid #f00;
	border: 0px solid #F00;
	overflow: visible;
	position: relative;
}


.wrap-mega-menu ul.nav-mega-menu, .wrap-mega-menu ul.nav-mega-menu ul 
	{
	list-style: none;
	padding: 0;
	margin: 0;
}
.wrap-mega-menu ul.nav-mega-menu li.dropdown {
	position: unset;
}
.wrap-mega-menu ul.nav-mega-menu ul {
	display: none;
}
.wrap-mega-menu ul.nav-mega-menu .sub ul {
	display: block;
}

/* Main menu styles */
.wrap-mega-menu ul.nav-mega-menu {
	float: right;
	position: relative;

} 
.wrap-mega-menu ul.nav-mega-menu li {
	float: left;
} 
.wrap-mega-menu ul.nav-mega-menu a {
	display: block;
	position: relative;
}
.wrap-mega-menu ul.nav-mega-menu li a i[class*="fa-"] {
	font-size: 17px;
}

.wrap-mega-menu ul.nav-mega-menu li:first-child a {
	border-left: none;
}
 

.wrap-mega-menu ul.nav-mega-menu li li a {
	height: auto;
	line-height: normal;
	box-shadow: none;
	text-transform: none; 
}

 
.wrap-mega-menu ul.nav-mega-menu li.mega-hover a .dc-mega-icon {
	background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
.wrap-mega-menu ul.nav-mega-menu li .sub-container {
	position: absolute;
	top: 100% !important;
	padding: 1px 5px 20px 5px;
	padding: 0;
	background-color: #ffffff; 
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 0.4rem;
	color: #454545;
	line-height: normal;
	opacity: 0;
	overflow: hidden;
	top: -9999em; 
	visibility: hidden;
}
.wrap-mega-menu ul.nav-mega-menu li.mega-hover>.sub-container {
	opacity: 1;
	top: 100% !important;
	/* right: 0px !important; */
	left: auto !important; 
	visibility: visible;
}

.wrap-mega-menu ul.nav-mega-menu li.mega-hover>.sub-container.mega {
	left: 0 !important;
	width: 100% !important; 
}

.wrap-mega-menu ul.nav-mega-menu li.mega-hover>.sub-container.mega.nav-icons ul{
	display: block;
}

@media only screen and (max-width: 900px) {
	.wrap-mega-menu ul.nav-mega-menu li .sub-container {
		opacity: 1;
		visibility: visible;
	}
}

.wrap-mega-menu ul.nav-mega-menu li .sub {
	padding: 10px 20px 20px 0px;
	z-index: 1000 !important;
}
.wrap-mega-menu ul.nav-mega-menu li .sub-container.mega .sub {
	/* padding: 10px 10px 20px 0; */
	padding: 0;

}
.wrap-mega-menu ul.nav-mega-menu li .sub-container.mega {
	top: 100% !important;
	right: 0; 
	max-height: 450px;
	overflow-y: scroll; border-bottom: 10px solid rgba(127, 173, 53, 0.788);
}

.wrap-mega-menu ul.nav-mega-menu li .sub .row { 
	width: 100%;
	overflow: hidden;
	clear: both; margin: 0;
}
.wrap-mega-menu ul.nav-mega-menu li .sub li {
	float: none;
	font-weight: bold;
}
/* Sub-menu Headers */
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr { 
	float: left;
	margin: 0 0px 20px 0px;
	margin: 0;
	padding: 0px 8px 10px 20px !important;
	padding: 15px 8px 20px 20px !important;
	border-left: 1px solid rgba(127, 173, 53, 0.788);
	box-shadow: inset 1px 0 0 #fff;
}
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:hover {
	background: rgba(var(--ptl-green-rgb), 0.2); background: #93f55152;
}
/* one item */
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(1):nth-last-child(1) {
	width: 100%;
}

/* two items */
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(1):nth-last-child(2),
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(2):nth-last-child(1) {
	width: 50%;
}

/* three items */
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(1):nth-last-child(3),
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(2):nth-last-child(2),
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(3):nth-last-child(1) {
	width: 33.3%; 
}

/* four items */
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(1):nth-last-child(4),
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(2):nth-last-child(3),
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(3):nth-last-child(2),
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:nth-child(4):nth-last-child(1) {
	width: 25%;
}


/* image items */
.wrap-mega-menu ul.nav-mega-menu li .mega.nav-icons { padding: 0;}
.wrap-mega-menu ul.nav-mega-menu li .mega.nav-icons ul li { width: 33.3%; text-align: center; border-left: 1px solid rgba(127, 173, 53, 0.788); padding-top: 20px; padding-bottom: 20px;}
.wrap-mega-menu ul.nav-mega-menu li .mega.nav-icons ul li:hover { background: rgba(var(--ptl-green-rgb), 0.2);background: #93f55152; }
.wrap-mega-menu ul.nav-mega-menu li .mega.nav-icons ul li a { color: #111; display: block; text-align: center; } 
.wrap-mega-menu ul.nav-mega-menu li .mega.nav-icons ul li a .img-svg { height: 150px; width: 200px; margin: 0px auto 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border:1px solid #ddd; }
/* img-svg */



.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr:first-child {
	border-left-color: transparent;
	box-shadow: none;
}

.wrap-mega-menu ul.nav-mega-menu li .sub a { 
	background: none;
	border: none;
	text-shadow: none;
	color: #111;
	padding: 5px 5px;
	display: block;
	float: none;
	text-decoration: none;
	line-height: 1.5;
}
.wrap-mega-menu ul.nav-mega-menu li .sub li.mega-hdr a.mega-hdr-a {
	font-weight: 700; 
  color: var(--ptl-brown);
  line-height: 1.2;
  font-size: 105%;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-bottom: 2px dotted #a4ce67;
} 

/* Style the 3rd level links */
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr li a {
	font-weight: normal;
	padding: 5px 0 3px 6px;
}

.wrap-mega-menu ul.nav-mega-menu .sub li a:hover,
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr li a:hover,
.wrap-mega-menu ul.nav-mega-menu li .sub-container.non-mega li:hover {
	color: var(--ptl-green);
	font-weight: bold;
}


/* Styling for items with only 2 levels */
.wrap-mega-menu ul.nav-mega-menu li .sub-container.non-mega .sub {
	padding: 10px 10px 10px 2px;
}
.wrap-mega-menu ul.nav-mega-menu li .sub-container.non-mega li {
	width: 180px;
	/* Set the drop down width */
}
.wrap-mega-menu ul.nav-mega-menu li .sub-container.non-mega li a {
	padding: 7px 5px 7px 15px;
	font-weight: normal;
}

/*SUB LEVEL 2*/
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li ul {
	display: none;
	background: #F7F7F7;
	float: none;
	border: 1px solid #E3E3E3;
	border-width: 0 0 1px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li ul li a:before {
	content: '- ';
}
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li ul li a {
	padding-left: 10px !important;
}

/*SUB LEVEL 3*/
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li ul li ul {
	background: #FCFCFC;
	border-width: 1px;
	border-color: #F0F0F0;
}
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li.sf-with-ul {
	position: relative;
}
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li.sf-with-ul ul {
	display: block;
	clear: both;
	margin: 2px;
	margin-left: 10px;
}

/* .wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li ul li a { color: #455CC3;}
.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li ul li ul li a { color: #360;} */

.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li a.sf-with-ul {
	border: 0px solid;
	padding-right: 22px;
}

.wrap-mega-menu ul.nav-mega-menu .sub li.mega-hdr ul li.sf-with-ul a:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 5px;
	margin-top: -5px;
	margin-right: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 4px solid transparent;
	border-top-color: #666;
	/* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(0, 0, 0, .5);
}


.wrap-mega-menu ul.nav-mega-menu li.nav-right .non-mega {
	right: 0px !important;
	left: auto !important;
}
.wrap-mega-menu ul.nav-mega-menu li.nav-right .non-mega li {
	width: auto;
}


.wrap-mega-menu ul.nav-mega-menu li ul li a {
	max-width: none;
	overflow: visible;
	white-space: normal;
	text-overflow: visible;
	font-weight: normal;
}