/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.mega-menu, .menu-title,
.mega-menu {
	display: none;
}
.mega-menu .topic-wrapper {
	display: none;
}


@media all and (min-width: 1201px) {

	.mega-menu-responsive {
		display: none !important;
	}

.menu-title,
.close-menu {
	display: none;
}

/* MAIN PANEL & DROPDOWN*/

.mega-menu {
	display: block;
}

.header-menu,
.header-menu > ul > li {
	position: static;
}
.mega-menu .sublist-wrap {
	top: auto;
	left: auto;
}

	.mega-menu .dropdown {
		position: absolute;
		z-index: 3;
		box-shadow: 0 0 8px 5px rgba(0,0,0,.086);
		overflow: hidden;
		background-color: #fff;

		transform-origin: top;
		transform: scaleY(0.96);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: transform .22s ease, opacity .22s ease;
		will-change: transform, opacity;
	}

		.mega-menu .dropdown.active {
			transform: scaleY(1);
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}

	@media (prefers-reduced-motion: reduce) {
		.mega-menu .dropdown {
			transition: none !important;
		}
	}

.mega-menu .dropdown.fullWidth {
	left: 50%;
	width: 980px;
	margin-left: -490px;
}
.mega-menu .with-subcategories ~ .sublist-wrap {
    z-index: 1;
}

/* ROWS AND BOXES */

.mega-menu .row {
	overflow: hidden;
}
.dropdown .box {
	float: left;
	padding: 15px 0 5px;
}
.categories.fullWidth .box {
	margin: 0 0 35px;
	padding: 0;
}

.mega-menu .boxes-1 .box {
    width: 100%;
}

.mega-menu .boxes-2 .box {
    width: 50%;
}

.mega-menu .boxes-3 .box {
    width: 33.333%;
}

.mega-menu .boxes-4 .box {
    width: 25%;
}

.mega-menu .boxes-5 .box {
    width: 20%;
}

.mega-menu .boxes-6 .box {
    width: 16.666%;
}

.mega-menu .boxes-7 .box {
    width: 14.28%;
}

.mega-menu .boxes-8 .box {
    width: 12.5%;
}


.mega-menu .categories .picture {
	width: 100%;
	height: 220px;
	margin: 0 0 30px;
	overflow: hidden;
}
.mega-menu .categories .picture a {
	display: block;
}
.mega-menu .title {
	margin: 0 0 12px;
	padding: 0 20px;
	text-align: left;
	font-size: 16px;
	letter-spacing: 2px;
	color: #444;
	text-transform: uppercase;
}
.mega-menu .title:after {
    content: "";
    display: block;
	width: 30px;
    height: 3px;
    margin: 10px auto 0 0;
	background-color: #cc8a97;
}
.mega-menu .box ul {
}
.mega-menu .box li {
	padding: 0 10px;
	text-align: left;
}
.mega-menu .box li a {
	border-bottom: 2px solid #eee;
    color: #888;
    display: block;
    font-size: 14px;
    padding: 12px 10px 5px;
}
.mega-menu .box li a:hover {
	color: #cc8a97;
}
.mega-menu .box li:last-child a {
	border-bottom: none;
}
.mega-menu .fullWidth .box ul {
	padding: 0 20px;
}
.mega-menu .fullWidth .box li {
	padding: 5px 0;
}
.mega-menu .fullWidth .box li a {
	display: inline;
	border: none;
	padding: 0;
}
.mega-menu li a.view-all {
	font-weight: bold;
	background: none;
}

.pictures-per-row-two .categories.fullWidth {
	border: none;
}
.pictures-per-row-two .categories.fullWidth .box {
	width: 50%;
	margin: 0;
	overflow: hidden;
}
.pictures-per-row-two .categories.fullWidth .box .picture {
	float: left;
	width: 50%;
	margin: 0;
}
.pictures-per-row-two .categories.fullWidth .box .details {
	float: left;
	width: 50%;
	padding: 20px 0;
}
.pictures-per-row-two .categories.fullWidth .box:nth-child(3) .picture,
.pictures-per-row-two .categories.fullWidth .box:nth-child(3) .details,
.pictures-per-row-two .categories.fullWidth .box:nth-child(4) .picture,
.pictures-per-row-two .categories.fullWidth .box:nth-child(4) .details {
	float: right;
}

.mega-menu .topic-wrapper {
	display: block;
	max-width: 500px;
	overflow: hidden;
	padding: 20px;
	font-size: 14px;
}
.mega-menu .topic-wrapper p {
}
.mega-menu .topic-wrapper strong {
}

}

@media all and (min-width: 1281px) {

.mega-menu .dropdown.fullWidth {
	width: 1200px;
	margin-left: -600px;
}

}

/*Custom Code*/

.ff-mega * {
	font-size: initial;
}

.ff-mega-left {
	width: 270px;
	border-right: 1px solid #e6e6e6;
	background: #deebeb;
	color: #333;
}

.ff-mega-list-item > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 15px;
	font-size: 14px;
	color: #333;
	background: transparent;
	border-radius: 4px;
	text-decoration: none;
	transition: .2s;
	width: 100%;
}

.ff-mega-list-item.active > a {
	color: #fff;
}

.ff-mega-pane-flex {
	gap: 64px;
}

.ff-mega-right {
	flex: 1;
	position: relative;
	background: #f1f6f6;
}

.ff-mega-pane-promo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	height: 100%;
}

	.ff-mega-pane-promo .theme-btn {
		margin-top: auto;
	}

.sub-menu-head {
	font-size: 24px;
	font-weight: 500;
	margin: 0 0 10px;
	color: #333;
}

.ff-grid {
	margin: 0 -12px;
}

.ff-grid-col {
	padding: 0 12px;
	margin-bottom: 20px;
}

.ff-img, .ff-img-vertical {
	border-radius: 4px;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	background: none;
}

.product-link-div {
	display: block;
	padding-bottom: 15px;
	color: inherit;
	text-decoration: none;
}

	.product-link-div p {
		margin: 0;
	}

.product-view-all-link {
	font-size: 14px;
	text-decoration: underline !important;
}

.drop-shop-post {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.theme-btn {
	display: inline-block;
	padding: 12px 20px;
	border-radius: 4px;
	background: #076466;
	color: #fff !important;
	font-size: 16px;
	text-decoration: none;
	transition: filter .2s;
}

.theme-btn:hover {
	filter: brightness(0.95);
}

.drop-icon {
	height: 16px
}

a.with-subcategories {
	display: flex;
	align-items: center;
	gap: 4px;
}