/**

 *---------------------------------------------------------------------------------------

 * @package       VP Merchant Template for Joomla!

 *---------------------------------------------------------------------------------------

 * @copyright     Copyright (C) 2012-2016 VirtuePlanet Services LLP. All rights reserved.

 * @license       GNU General Public License version 2 or later; see LICENSE.txt

 * @authors       Abhishek Das

 * @email         info@virtueplanet.com

 * @link          https://www.virtueplanet.com

 *---------------------------------------------------------------------------------------

 */

.mm-menu * {

	-webkit-box-sizing: initial;

	-moz-box-sizing: initial;

	box-sizing: initial;

}

#vpf-offcanvas:not( .mm-menu ) {

	display: none;

}

.navbar-toggle.vpf-offcanvas-toggle {

	z-index: 100;

	border-radius: 0;

	border: 0 none;

	width: auto;

	height: 40px;

	line-height: 44px;

	text-transform: uppercase;

	background-color: transparent;

	color: #FFF !important;

	font-size: 32px;

	font-weight: normal;

	padding: 0 10px;

	margin: 0;

}

.navbar-toggle.vpf-offcanvas-toggle:hover,

.navbar-toggle.vpf-offcanvas-toggle:focus,

.navbar-toggle.vpf-offcanvas-toggle:active {

	outline: 0 none;

	-webkit-box-shadow: none;

	box-shadow: none;	

}

.vpf-offcanvas-toggle .icon-bar {

	background-color: #333;

}

.mm-menu li .offcanvas-icon {

	margin: 0 20px 0 5px;

	font-size: 16px;

	width: 12px;

	vertical-align: inherit;

}

.mm-menu li img {

	margin: 0 20px 0 5px;

}

.mm-menu li.active > a {

	color: #FFF;

}

.mm-header {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.mm-footer {

	min-height: 40px;

	height: auto;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.btn.btn-offcanvas-close {

	position: absolute;

	top: 12px;

	right: 15px;

	background: 0 none;

	padding: 0;

	text-align: center;

	font-size: 32px;

	line-height: 1;

	font-weight: normal;

	color: rgba(255, 255, 255, 0.6);

	border: 0 none;

	outline: 0 none;

	z-index: 10;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.btn.btn-offcanvas-close:hover,

.btn.btn-offcanvas-close:focus,

.btn.btn-offcanvas-close:active {

	color: #FFF;

	outline: 0 none;

	border: 0 none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.mm-white .btn.btn-offcanvas-close,

.mm-light .btn.btn-offcanvas-close {

	color: rgba(0,0,0,.6);

}

.mm-white .btn.btn-offcanvas-close:hover,

.mm-white .btn.btn-offcanvas-close:focus,

.mm-white .btn.btn-offcanvas-close:active,

.mm-menu.mm-white li.active > a,

.mm-light .btn.btn-offcanvas-close:hover,

.mm-light .btn.btn-offcanvas-close:focus,

.mm-light .btn.btn-offcanvas-close:active,

.mm-menu.mm-light li.active > a {

	color: #333;

}

@media (max-width : 992px) {

	.navbar.navbar-offcanvas {

		background-color: #EEE;

		padding: 8px 15px;

		margin-top: 10px;

		margin-bottom: 40px;

	}

	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn,

	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn:hover,

	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn:focus,

	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn:active,

	.navbar-offcanvas-modules .vp-dropmod-anchor > .btn.active,

	.navbar-offcanvas-modules .over .vp-dropmod-anchor > .btn {

		background: 0 none;

		border: 0 none;

		outline: 0 none;

	}

	.navbar-offcanvas-modules .vp-dropmod-container {

		position: static;

	}

	.navbar-offcanvas-modules .vp-dropmod-container .vp-dropmod-inner {

		width: 100%;

	}

	.navbar-offcanvas-modules .vp-dropmod-inner.drop-right {

		right: 0;

	}

	.navbar-offcanvas-modules .btn-jewel-group > .jewel {

		top: -15px;

	}

	#mm-blocker {

		background-color: #000;

		opacity: 0.5;

		filter: alpha(opacity=50);

	}

}