/************************************************
	Desktop Grid
************************************************/

.row {
	width: 100%;
	margin: 0 auto;
}
.row .row {
	min-width: 0;
}
.flex-row {
	display: flex;
	align-items: stretch;
	align-content: center;
	justify-content: space-between;
	flex: 1 1 0;
}
.column, .columns {
	float: left;
	min-height: 1px;
	position: relative;
}
[class*="column"] + [class*="column"]:last-child {
	float: right;
}

.half, .third, .one-third, .fourth,
.one-fourth, .fifth, .one-fifth,
.two-thirds, .three-fourths {
	float: left;
}
.half.last, .third.last, .one-third.last, .fourth.last,
.one-fourth.last, .fifth.last, .one-fifth.last,
.two-thirds.last, .three-fourths.last {
	float: right;
}

.single					{ width: 100%; }
.half						{ width: 49.9%; }
.third,
.one-third			{ width: 33.3%; }
.fourth,
.one-fourth			{ width: 25%; }
.fifth,
.one-fifth			{ width: 20%; }
.two-thirds			{ width: 66.6%; }
.three-fourths	{ width: 75%; }

.row .one 		{ width: 6.25%; }
.row .two 		{ width: 12.5%; }
.row .three 	{ width: 18.75%; }
.row .four 		{ width: 25%; }
.row .five 		{ width: 31.25%; }
.row .six 		{ width: 37.5%; }
.row .seven 	{ width: 43.75%; }
.row .eight 	{ width: 50%; }
.row .nine 		{ width: 56.25%; }
.row .ten 		{ width: 62.5%; }
.row .eleven 	{ width: 68.75%; }
.row .twelve 	{ width: 75%; }
.row .thirteen 	{ width: 81.25%; }
.row .fourteen 	{ width: 87.5%; }
.row .fifteen 	{ width: 93.75%; }
.row .sixteen 	{ width: 100%; }

.row .centered { float: none; margin: 0 auto; }

/************************************************
	Mobile Menu
************************************************/

.mobile-nav-icons {
	display: none;
}
body.mobile-menu-open {
	max-height: 100vh;
	overflow: hidden;
}
.mobile-menu-container {
	display: none;
	background: #f4f4f4;
	position: fixed;
	top: 0; left: -100vw;
	line-height: 1.5;
	width: 100vw;
	height: 100%;
	min-height: 100vh;
	padding: 0px 36px 36px 36px;
	box-sizing: border-box;
	transition: left .25s ease-in-out;
	-moz-transition: left .25s ease-in-out;
	-webkit-transition: left .25s ease-in-out;
	-o-transition: left .25s ease-in-out;
	overflow: scroll;
	z-index: 9999;
}
.mobile-menu-container .flex-row {
	display: flex;
}
.mobile-menu-container .custom-logo-link {
	padding-left: 0px;
}
.mobile-menu-container .mobile-menus {
	padding: 0px;
	box-sizing: border-box;
}
.mobile-menu-container .menu li.menu-item-has-children > a::after {
	display: none;
}
button.mobile-menu-toggle {
	display: none;
	cursor: pointer;
	background: none;
	position: relative;
	margin: 0px 0px 0px 32px;
	padding: 0px;
	border: none;
	box-shadow: none;
	z-index: 9;
}
.mobile-menu-toggle svg {
	fill: rgba(0, 0, 0, 0.4);
}
.mobile-menu-toggle:hover svg {
	fill: rgba(0, 0, 0, 1);
}

#mobile-nav-large,
#mobile-nav-small {
	display: inline-block;
	width: 100%;
	margin-top: 24px;
}
#mobile-nav-large {
	font-size: 2.2rem;
	letter-spacing: -1px;
}
#mobile-nav-large .menu,
#mobile-nav-small .menu {
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#mobile-nav-large .menu a {
	line-height: 1.1;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0px;
	border: none;
}
#mobile-nav-small .menu a {
	line-height: 1.1;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0px;
	border: none;
}
#mobile-nav-large .menu a:hover,
#mobile-nav-small .menu a:hover {
	text-decoration: underline;
}
#mobile-nav-large .menu li {
	width: 100%;
}
#mobile-nav-large .menu li a::before {
	font-size: 32px;
}
#mobile-nav-small .menu li {
	float: left;
	width: 50%;
	line-height: 1.6;
	padding: 4px 12px 4px 0px;
	box-sizing: border-box;
}

@media screen and (max-width: 782px) {
	.admin-bar .mobile-menu-container {
		top: 42px;
		height: calc(100% - 42px);
		min-height: calc(100% - 42px);
	}
}

/************************************************
	Tablet Styles
************************************************/

@media screen and (max-width: 1024px) {

	/* Typography Tablet */

	body {
		font-size: 0.9rem;
		line-height: 1.6;
	}
	blockquote p {
		font-size: 1.3rem;
	}

	/* Theme Tablet */

	#navigation .menu li a {
		font-size: 0.7rem;
		letter-spacing: 0px;
		padding: 8px 12px;
	}
	.widget {
		margin-bottom: 36px;
	}
	.footer-information .content {
		text-align: center;
	}
	.footer-information .align-left {
		float: none;
		display: block;
		text-align: center;
	}
	.footer-information .align-right {
		float: none;
		display: block;
		text-align: center;
		margin-top: 12px;
	}
}

/************************************************
	Phone Styles
************************************************/

@media screen and (max-width: 767px) {

	/* Typography Phone */

	h1,
	.has-large-font-size {
		font-size: 1.8rem;
	}
	h2 {
		font-size: 1.6rem;
	}
	h3 {
		font-size: 1.4rem;
	}
	h4 {
		font-size: 1.2rem;
	}
	h5 {
		font-size: 1.1rem;
	}
	h6 {
		font-size: 1rem;
	}
	body {
		font-size: 1.1rem;
		line-height: 1.6;
	}
	blockquote p {
		font-size: 1.2rem;
		line-height: 1.5;
	}

	/* Theme Phone */

	#wpadminbar {
		position: fixed;
	}
	#header {
		position: relative;
	}
	.custom-logo {
		max-width: 100% !important;
		height: auto !important;
	}
	.custom-logo-link {
		flex-basis: 30%;
	}
	.site-title {
		font-size: 1.6rem;
	}
	.marketplace-account-menu-active #header {
		top: 0;
	}
	#nav-bar .mobile-nav-icons {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	#nav-bar .mobile-nav-icons > * {
		margin-left: 24px;
	}
	#nav-bar .mobile-nav-icons a.cart-contents {
		position: relative;
		top: -4px;
	}
	#nav-bar .mobile-nav-icons a.cart-contents .cart-icon {
		fill: rgba(0, 0, 0, 0.4);
		width: 28px;
		height: 28px;
		overflow: visible;
	}
	#nav-bar .mobile-nav-icons a.cart-contents:hover .cart-icon {
		fill: #000000;
	}
	#nav-bar .mobile-nav-icons a.cart-contents .count {
		display: block !important;
		position: absolute;
		top: -8px; right: -8px;
		background: #ff0000;
		color: #ffffff;
		font-size: 11px;
		font-weight: 600;
		height: 18px;
		width: 18px;
		line-height: 18px;
		text-align: center;
		border-radius: 50%;
	}
	#nav-bar .mobile-nav-icons a.cart-contents .amount {
		display: none;
	}
	#top-nav,
	#navigation,
	#nav-bar .nav-icons,
	#site-header-cart .menu-item {
		display: none;
	}
	#nav-bar {
		padding-bottom: 36px;
	}
	#nav-bar .flex-row {
		display: flex;
		flex-direction: column;
	}
	.header-search #searchfield {
		font-size: 0.85rem;
	}
	.header-search #searchform #product_cat {
		font-size: 0.85rem;
		max-width: 140px;
	}
	.site-logo {
		width: 100%;
		padding: 0px 36px;
		box-sizing: border-box;
	}
	.custom-logo-link {
		padding: 18px 0px;
	}
	.container {
		overflow: visible;
	}
	.mobile-menu-container,
	button.mobile-menu-toggle {
		display: block;
	}
	.mobile-menu-container.revealed {
		left: 0;
	}
	.mobile-menu-container .site-logo {
		padding: 0px;
	}
	.mobile-menu-container .widget_shopping_cart {
		background: #ffffff;
		margin-top: 24px;
		padding: 18px;
		box-sizing: border-box;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
		border-radius: 3px;
	}
	.header-search {
		width: 100%;
		justify-content: space-between;
		padding: 0px 36px;
		box-sizing: border-box;
	}
	#masthead .site-description {
		font-size: 2rem;
	}
	.content {
		padding: 0px 36px;
	}
	.entry-title {
		margin-top: 48px;
		margin-bottom: 0px;
	}
	.blog-holder,
	.archive-holder {
		margin: 24px 0px;
	}
	.post-meta p, .post-meta a {
		font-size: 0.8rem;
	}
	.post-author .author-avatar {
		display: none;
	}
	.sidebar {
		padding: 24px 0px;
	}
	.widget {
		margin-bottom: 24px;
	}
	.sidebar .widget:last-child,
	.footer-widgets .widget:last-child {
		margin-bottom: 12px;
	}
	.footer-widgets {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 24px 0px;
	}
	.footer-widgets .footer-widget {
		padding: 0px;
	}
	.footer-widgets .widget {
		width: 100% !important;
		margin-bottom: 36px;
	}

	/* Blocks */

	.wp-block-cover .wp-block-cover__inner-container {
		padding: 24px;
	}

	/* Images */

	.clip-img-angle-top-right img,
	.clip-img-angle-bottom-right img,
	.clip-img-angle-top-left img,
	.clip-img-angle-bottom-left img {
		clip-path: none;
	}
	.marketplace-sidebar-inactive.marketplace-singular .alignfull,
	.marketplace-sidebar-inactive.marketplace-singular .alignwide {
		width: calc(100% + 72px);
		max-width: calc(100% + 72px);
		margin-left: -36px;
		left: auto;
	}

	/* Dokan Plugin */

	.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {
		line-height: 1.2;
	}
	.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
		display: block;
	}

	/* Form */

	form input[type='url'],
	form input[type='tel'],
	form input[type='email'],
	form input[type='text'],
	form input[type='password'],
	form input[type='number'] {
		width: 100%;
	}

	/* Grid */

	body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.row {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		overflow: visible !important;
	}
	.flex-row {
		display: block;
	}
	.half, .third, .one-third, .fourth,
	.one-fourth, .fifth, .one-fifth,
	.two-thirds, .three-fourths {
		float: none;
		width: 100%;
	}
	.row .row .column,
	.row .row .columns {
		padding: 0;
	}
	.column, .columns {
		width: auto !important;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.column:last-child, .columns:last-child {
		margin-right: 0;
		float: none;
	}
	[class*="column"] + [class*="column"]:last-child {
		float: none;
	}
	[class*="column"]:before, [class*="column"]:after {
		content:'';
		display:table;
	}
	[class*="column"]:after {
		clear: both;
	}
}