/* ---------- GLOBAL HEADER -------------------------------------------------- */


#globalheader {
	margin:				0;
	padding:			0;
	
	min-height:			30px;

	text-align: 		center;
	color:				var(--mm_white);
	line-height:		30px;	
	font-size:			80%;
	
	background-color:	var(--mm_tertiary_33);
}

#globalheader * {
	display:			inline-block;
	
	margin:				0;
	padding:			0;
	
	line-height:		30px;
}


/* ---------- HEADER -------------------------------------------------- */


#headerwrap {
	position: 			relative;
	
	margin:				0;
	padding:			110px 5% 10px 5%;
	
	background-color:	var(--mm_primary);	
}


#headerwrap:after {
	content:			'';
	display: 			block;
	
	position:			absolute;
	top:				0;
	right:				0;
	z-index: 			2;
	
	width:				5%;
	min-width: 			40px;
	height:				100%;
	background-color:	var(--mm_tertiary_33);
}

#headerwrap .link-home {
	position:			absolute;
	top:				35px;
	left:				5%;
	z-index: 			9999;
	
	display:			block;
	
	
	width:				280px;
	height:				105px;
	overflow:			hidden;
	max-width:			100%;	
	
	margin:				0;
	padding:			0;
	
	text-indent:		-999px;
	pointer-events: 	all;	
	
	background-image:	url('../images/logo_makris.svg');
	background-repeat:	no-repeat;
	background-position:center;
	background-size:	contain;
}

/* ---------- SOCIAL -------------------------------------------------- */

#socialwrap {
	position:			absolute;
	bottom:				0;
	right:				0;
	z-index: 			5;
	
	width:				5%;
	min-width: 			40px;
	
	margin:				0;
	padding:			0 0 10px 0;
	
	background-color:	var(--mm_tertiary_33);
}

#menu-social-menu,
#menu-social-menu li {
	display:			block;

	margin:				0;
	padding:			0;
	
	vertical-align: 	top;	
	list-style:			none;
}


#menu-social-menu a,
#menu-social-menu a:link,
#menu-social-menu a:visited {
	position: 			relative;
	display:			block;
	overflow:			hidden;
	
	margin:				0 auto;
	padding:			0;
	
	width:				40px;
	height:				40px;
	
	color:				var(--mm_white);
	text-align:			left;
	text-indent:		-999px;
	
	background-repeat:	no-repeat;
	background-position:center;	
	background-size:	100%;		
}

#menu-social-menu a:active,
#menu-social-menu a:focus,
#menu-social-menu a:hover {
	color:				var(--mm_secondary);
}

.icon {
	position: 			relative;
	line-height: 		40px;
	
	display: 			block;
	
	margin:				0;
	padding:			0 0 0 40px;
}

.icon:before {
	position:			absolute;
	top:				0;
	left:				0;
	
	display:			block;
	width:				40px;
	height:				40px;
	
	text-indent:		0;
	text-align:			center;
	line-height:		40px;
	font-size:			25px;
	
	font-family:		"Font Awesome 5 Brands";
	font-weight: 		400;
}

.icon.facebook:before {	content: '\f39e';	} 
.icon.google-plus:before {	content: '\f0d5';	} 
.icon.google-map:before {	content: '\f3c5'; font-family: "Font Awesome 5 Free"; font-weight: 900;	} 
.icon.map:before {	content: '\f3c5'; font-family: "Font Awesome 5 Free"; font-weight: 900;	} 
.icon.instagram:before {	content: '\f16d';	} 
.icon.linkedin:before {	content: '\f0e1';	}
.icon.pinterest:before {	content: '\f231';	}
.icon.twitter:before {	content: '\f099';	}
.icon.youtube:before {	content: '\f16a';	}
.icon.tel:before {	content: '\f095'; font-family: "Font Awesome 5 Free"; font-weight: 900;	}
.icon.eml:before {	content: '\f0e0'; font-family: "Font Awesome 5 Free"; font-weight: 900;	}
.icon.website:before {	content: '\f57e'; font-family: "Font Awesome 5 Free"; font-weight: 900;	}


/* ---------- NAVIGATION -------------------------------------------------- */

#navwrap {
	position:			relative;

	z-index: 			999;
	
	margin:				0;
	padding:			0 20px 0 0;
	
	height:				40px;
	
	text-align: 		right;
}

#navtrigger {
	display:			none;	
}

#navwrap ul,
#navwrap li {
	position:			relative;
	display:			inline-block;

	margin:				0;
	padding:			0;
	
	vertical-align: 	top;	
	list-style:			none;
	line-height:		40px;
	
	text-align:			center;
}

#navwrap a,
#navwrap a:link,
#navwrap a:visited {
	display:			inline-block;
	
	height:				40px;

	margin:				0 10px;
	padding:			0;

	vertical-align: 	top;
	
	text-transform: 	uppercase;
	line-height:		40px;
	text-decoration:	none;
	font-weight:		600;
	font-size: 			125%;
	color:				var(--mm_white);
	
	transition: 		all 0.25s;
}

#navwrap a:active,
#navwrap a:focus,
#navwrap a:hover,
#navwrap .current-menu-item > a,
#navwrap .current-menu-ancestor > a {
	color:				var(--mm_secondary);
}

#navwrap .sub-menu,
#navwrap .sub-menu > li {
	display: 			block;
	
	box-sizing: 		border-box;

	margin:				0 auto;
	padding:			0;
	
	height: 			auto;
	
	border:				none;	
	
	background-color:	var(--mm_primary);
}

#navwrap .sub-menu {
	background-color:	transparent;
}

#navwrap .sub-menu {
	position: 			absolute;
	
	top:				-9999px;
	left:				50%;
	
	margin:				0 0 0 -100px;
	padding:			10px 0 0 0;
	
	width:				200px;
	
	opacity:			0;
	
	transition: 		opacity 0.5s;
	border-bottom:		1px solid var(--mm_tertiary_33);
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#navwrap li:hover .sub-menu {
	top:				40px;
	
	opacity: 			1;
}

#navwrap .sub-menu > li {
	border:				1px solid var(--mm_tertiary_33);
	border-width:		1px;
	border-style:		solid;
	border-bottom:		none;	
}

#navwrap .sub-menu > li a,
#navwrap .sub-menu > li a:link,
#navwrap .sub-menu > li a:visited {
	display: 			block;
	
	position:			relative;
	
	height: 			auto;
	
	margin:				0;
	padding:			15px 5px;
	
	line-height: 		110%;
	font-weight:		300;
	font-size:			80%;
}

#navwrap ul ul ul {
	display:			none;	
}



/* ---------- CONTENT -------------------------------------------------- */

#contentwrap {
	position: 			relative;
	
	margin:				0;
	padding:			0 5%;
}

#primary {
	margin:				0 0 2% 0;
	padding:			0;
}

#primary > article:first-child > header {
	margin:				0 0 1% 0;
	padding:			1% 0;
	
	text-align:			center;
	
	background-color:	var(--mm_white);
	
	border:				5px solid var(--mm_secondary);
	border-width:		5px;
	border-style:		solid;

}

#primary > article:first-child header h1 {
	margin:				0;
	padding:			1% 0 0 0;
	
	text-transform: 	uppercase;
	color:				var(--mm_primary);	
}

#primary > article:first-child main {
	margin:				0 0 1% 0;
	padding:			1% 1% 1px 1%;
	
	background-color:	var(--mm_white);	
}

#primary > article:first-child main h1,
#primary > article:first-child main h2,
#primary > article:first-child main h3 {
	color:				var(--mm_primary);
}

#primary > article.msg {
	text-align: 		center;
}

#primary .filter {
	margin:				0;
	padding:			5% 5% 2% 5%;
	
	background-color:	var(--mm_white);
}

#primary .filter h4 {
	margin:				0;
	
	text-transform: 	uppercase;
}

#primary .filter span {
	display:			inline-block;
	
	margin:				0 30px 0 0; 	
	padding:			5px 0;
	
	cursor: 			pointer;
	
	text-transform: 	uppercase;
	overflow: 			hidden;
	
	border-bottom:		2px solid var(--mm_secondary);
	border-bottom-width:2px;
	border-bottom-style:solid;
	
	transition: 		all 0.5s;
}

#primary .filter span.child {
	display: 			none;
	
	font-weight: 		300;
	
	border-bottom:		1px solid var(--mm_secondary);		
	border-bottom-width:1px;
	border-bottom-style:solid;

	opacity: 			0;
}

#primary .filter span.child.reveal {
	display:			inline-block !important;
	
	opacity:			1;
}

#primary .filter span.active,
#primary .filter span:hover {
	color:				var(--mm_secondary);
}


#primary .pagination {
	margin:				0;
	padding:			0 0 5% 0;
	
	text-align: 		center;
	
	background-color:	var(--mm_white);
}


.grid {
	position:			relative;
	
	display:			flex;
	flex-flow:			row wrap;
	justify-content: 	center;
}

.grid .panel {
	position:			relative;
	
	flex:				0 0 19%;
	max-width:			19%; /* $#%$ing IE */
	
	margin:				0.5%;
	padding:			0;	
}

.columns {
	position:			relative;
	
	width:				100% !important;
	
	display:			flex;
	flex-flow:			row wrap;
	justify-content:	space-between;
}

.columns .column {
	position:			relative;
	
	flex:				0 0 49.5%;
	max-width:			49.5%; /* $#%$ing IE */

	margin:				0;
	padding:			0;
	
	box-sizing: border-box;
}

.columns.single .column {
	flex:				1 1 100%;
	max-width:			100%; /* $#%$ing IE */	
}

.columns.single .column:first-child {
	flex:				0 0 0;
}

.btn,
.btn:link,
.btn:visited,
.wp-block-button__link,
.wp-block-button__link:link,
.wp-block-button__link:visited
{
	display:			inline-block;

	margin:				15px auto ;
	padding:			10px 10% 7.5px 10%;

	text-decoration:	none;
	text-align: 		center;
	font-weight:		600;
	color:				var(--mm_secondary);
	text-transform: 	uppercase;

	
	cursor: 			pointer;
	
	background-color:	transparent;
	
	transition: 		all .2s;
	
	border:				2px solid var(--mm_secondary);
	border-width:		2px;
	border-style:		solid;
	border-radius: 		0;
}

.btn:active,
.btn:hover,
.btn:focus,
.wp-block-button__link:active,
.wp-block-button__link:hover,
.wp-block-button__link:focus
{
	transform: 			scale(1.05);
}

.img {
	position:			relative;
	
	overflow: 			hidden;
}

.img img {
	max-width: 			none !important;
}

/* ---------- HOME -------------------------------------------------- */

.home #headerwrap {
	margin:				0;
}

.home #promos {
	position: 			relative;
	
	display: 			block;
	
	margin:				0 0 2% 0;
	padding:			0;
}


.home #promos:before {
	content:			'\f110';
	display: 			block;
	
	position:			absolute;
	top:				50%;
	left:				50%;
	z-index: 			2;
	
	width:				40px;
	height:				40px;
	
	margin:				-20px 0 0 -20px;
	padding:			0;
	
	text-align: 		center;
	line-height: 		40px;
	font-size: 			30px;
	font-family:		"Font Awesome 5 Free";
	font-weight:		900;
	opacity: 			0.5s;
	
	animation:			fa-spin 2s infinite linear;
}

.home #promos:after {
	content:			'';
	display: 			block;
	clear: 				both;
}

.home #promos .promo {
	display: 			flex;
	position: 			relative;
	float:				left;
	
	justify-content:	flex-end;
	
	margin:				0;
	padding:			0;
	
	width: 				0;
	overflow: 			hidden;
	
	text-align: 		center;
	
	opacity: 			0;
	
	background-color:	var(--mm_tertiary);
	
	transition: 		all 0.5s ease-in-out;	
}

.home #promos .promo:nth-child(n + 1) {
	transition-delay:	0.5s;		
}

.home #promos .promo:nth-child(n + 2) {
	transition-delay:	1s;		
}

.home #promos .promo:nth-child(n + 3) {
	transition-delay:	1.5s;		
}

.home #promos .promo:nth-child(n + 4) {
	display:			none;
}

.loaded.home #promos .promo {
	width:				40%;
	height:				auto;
	opacity: 			1;	
}

.loaded.home #promos .promo:first-child {
	width:				60%;
	height:				auto;
}

.loaded.home #promos.single .promo:first-child {
	width:				100%;
}

.home #promos .promo:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			45% 0 0 0;
	padding:			42.1875% 0 0 0; /* now for 16:9 ratio for videos */
}

.home #promos .promo:first-child:before {
	padding:			60% 0 0 0;
	padding:			56.25% 0 0 0; /* now for 16:9 ratio for videos */
}

.home #promos.single .promo:first-child:before {
	padding:			35% 0 0 0;
}

.home #promos .promo:after {
	display: 			block;
	content:			' ';
	clear:				both;
}

.home #promos .promo h3 {
	position: 			relative;
	z-index: 			14;
	
	flex:				0 1 66%;
	max-width:			66%; /* $#%$ing IE */	
	
	align-self:			center;
	
	max-width:			400px;
	
	margin:				0;
	padding:			0 30px;
	
	font-size: 			250%;
	color:				var(--mm_white);	

	pointer-events: 	none;	
	
	text-shadow: 		0 0 20px rgba(0,0,0,0.75);
}

.home #promos .promo h3 span {
	display: 			block;
	font-weight: 		400;
	font-size: 			80%;
	
	line-height: 		120%;	
}

.home #promos .promo h3:after {
	display:			block;
	
	content:			'MORE';
	
	margin:				20px auto 0 auto;
	padding:			10px 0;
	
	width:				160px;
	
	color:				 var(--mm_secondary);
	text-align: 		center;
	
	font-size: 			50%;
	line-height: 		100%;
	cursor: 			pointer;
	pointer-events: 	none;
	
	border:				3px solid var(--mm_secondary);
	border-width:		3px;
	border-style:		solid;

	
	background-color:	rgba(0,0,0,0.2);
	box-shadow:			0 0 20px 0 rgba(0,0,0,0.75);
}

.home #promos .promo.nolink h3:after {
	display:			none;
}

.home #promos .promo a {
	display:			block;

	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			12;	
	
	width:				100%;
	height:				100%;
		
	margin:				0;
	padding:			0;
	
	text-align:			left;
	text-indent:		-9999px;
	
	border:				none !important;
}

.home #promos .promo img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				100%;
	height:				auto;	
	
	pointer-events: 	none;
	
    transition:			all .2s ease-in-out;
}

.home #promos .promo:hover img {
	transform:			scale(1.05);
}

.home #promos .promo .wp-video {
	width:				100%;
	height:				100%;
}

.home #promos .promo iframe {
	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			10;
	
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
}

.home #newsflash {
	display: 			flex;
	
	justify-content: 	space-between;
	flex-wrap: 			wrap;
	
	margin:				0 0 2% 0;
	padding:			0;
}

.home #newsflash .post {
	position: 			relative;
	
	margin:				0;
	padding:			0 0 1% 0;
	
	flex:				0 0 24.25%;
	max-width:			24.25%; /* $#%$ing IE */	
	
	text-align: 		center;
	
	background-color:	var(--mm_white);
	
	border:				4px solid var(--mm_secondary);
	border-width:		4px;
	border-style:		solid;
	
}

.home #newsflash .post header {
	padding:			0 2%;
}

.home #newsflash .post h3,
.home #newsflash .post h4 {
	margin:				0;
	text-transform: 	uppercase;
	font-weight: 		600;
}

.home #newsflash .post h3 {
	color:				var(--mm_primary);
}

.home #newsflash .post a {
	display:			block;

	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			12;	
	
	width:				100%;
	height:				100%;
	overflow: 			hidden;
		
	margin:				0;
	padding:			0;
	
	text-align:			left;
	text-indent: 		-9999px;
	
	border:				none !important;
}


.home #newsflash .post .img {
	position: 			relative;
	
	margin:				0 0 6% 0;
	padding:			0;
	
	overflow: 			hidden;
	
	background-color:	var(--mm_secondary_33);
}


.home #newsflash .post .img img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				100%;
	height:				auto;	
	
	pointer-events: 	none;
	
    transition:			all .2s ease-in-out;
}

.home #newsflash .post .img:hover img {
	transform:			scale(1.05);
}

.home #newsflash .post .img:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1%;
	
	margin:				0;
	padding:			0;
	
	transition: 		all 0.25s  ease-in-out;
}

.loaded.home #newsflash .post .img:before {
	padding:			87% 0 0 0;
}

.home #newsflash .post .img:after {
	display: 			block;
	content:			' ';
	clear:				both;
}

#subscription {
	position:			relative;
	
	margin:				0 0 2% 0;
	padding:			2%;
	
	
	text-align: 		center;
	color:				var(--mm_tertiary);
	
	background-color:	var(--mm_secondary);	
}

#subscription h2 {
	text-transform: 	uppercase;
	text-align: 		center;
	color:				var(--mm_tertiary);
	font-weight: 		400;
	
	margin:				0 0 15px 0;
}

#subscription label {
	display:			none !important;
}

#subscription input {
	width:				30%;
}

#subscription button {
	position: 			relative;
	
	margin:				0;
	padding:			0;
	
	width:				40px;
	height:				40px;
	
	overflow: 			hidden;
	
	line-height: 		40px;
	text-align: 		left;
	text-indent: 		-999px;
	
	cursor: 			pointer;
}

#subscription button:before {
	position:			absolute;
	top:				0;
	left:				0;
	
	content:			'\f1d8';
	
	display:			block;
	width:				40px;
	height:				40px;
	
	text-indent:		-5px;
	text-align:			center;
	line-height:		40px;
	font-size:			25px;
	
	font-family:		"Font Awesome 5 Free";
	font-weight: 		900;
}

.home #events {
	margin:				0 0 2% 0;
	padding:			2%;
	
	color:				 var(--mm_tertiary);
	
	background-color:	 var(--mm_white);	
}

.home #events h2 {
	text-transform: 	uppercase;
	text-align: 		center;
	color:				var(--mm_tertiary);
	font-weight: 		400;
}

.home #events .events {
	padding:				0;
}

.home #events .events .event:nth-child(n + 5) {
	display:				none;
}

/* ---------- PAGES -------------------------------------------------- */

#gmap {
	position:			relative;
	z-index: 			10;
	
	margin:				0 0 1% 0;
	padding:			0;
	
	width:				100%;
}

#gmap:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			40% 0 0 0;
}

#gmap:after {
	display: 			block;
	content:			' ';
	clear:				both;
}

#gmap iframe {
	position: 			absolute;
	top:				0;
	left:				0;
	z-index: 			11;
	
	width:				100%;
	height:				100%;
	
	margin:				0;
	padding:			0;
}


/* ---------- NEWS -------------------------------------------------- */

.news,
.events,
.offers {
	margin:				0;
	padding:			5%;
	
	background-color:	var(--mm_white);
}

.agregate .news,
.agregate .events,
.agregate .offers {
	padding:			0 5%;
}

.news h1,
.events h1,
.offers h1 {
	color:				var(--mm_primary);
}

.post.panel,
.event.panel,
.offer.panel {
	position:			relative;
	
	padding:			0;
	
	overflow: 			hidden;		

	
	background-color:	var(--mm_white);
	
	border:				2px solid var(--mm_tertiary);
	border-width:		2px;
	border-style:		solid;
	
	transition: 		all 0.25s;
}

.column.offers .offer.panel {
	border:				none;
}

.grid .post.panel,
.grid .event.panel,
.grid .offer.panel {
	flex:				0 0 24%;
	max-width:			24%; /* $#%$ing IE */	
}

.post .img,
.event .img,
.offer .img {
	margin:				0 0 8% 0;
	
	position:			relative;
	
	background-color:	var(--mm_white);
}

.offer .img {
	margin:				0;
}

.post .img:before,
.event .img:before,
.offer .img:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			100% 0 0 0;
}

.post .img:after,
.event .img:after,
.offer .img:after {
	display: 			block;
	content:			' ';
	clear:				both;
}

.post .img a,
.event .img a,
.offer .img a {
	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			12;

	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;	
	overflow: 			hidden;
	
	text-align: 		left;
	text-indent: 		-999px;
}

.post .img img,
.event .img img,
.offer .img img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				auto;
	height:				100%;
	max-width: 			none;
	
	pointer-events: 	none;
}

.post.panel header,
.event.panel header {
	padding:			0 2%;
	
	text-align: 		center;	
}

.offer.panel header {
	position:			absolute;
	top:				0;
	left:				0;
	
	z-index: 			10;
	
	width:				100%;
	height:				100%;
	
	display:			flex;
	
	text-align: 		center;	
}

.post.panel header h2,
.event.panel header h2,
.offer.panel header h2 {
	margin:				0 0 8% 0;
	padding:			0;
	
	font-weight: 		600;
	text-transform: 	uppercase;
	font-size:			150%;
	color:				var(--mm_tertiary);
}

.offer.panel header h2 {
	flex:				0 0 100%;
	max-width:			100%; /* $#%$ing IE */	
	
	align-self:			center;
	
	margin:				0;
	padding:			0;
	
	font-weight: 		600;
	text-transform: 	uppercase;
	font-size:			150%;
	color:				var(--mm_tertiary);
}

.event.panel header h2,
.offer.panel header h2 {
	margin:				0 0 2% 0;
}

.post.panel header h4,
.event.panel header h4,
.offer.panel header h4 {
	margin:				0 0 2% 0;
	padding:			0;
	
	font-weight: 		400;
	text-transform: 	uppercase;
	
	color:				var(--mm_secondary);
}


.post.panel main,
.event.panel main,
.offer.panel main {
	padding:			0 5% 100px 5%;
}

.event.panel main,
.offer.panel main {
	padding:			0 5% 80px 5%;
}

.post.panel main p,
.event.panel main p,
.offer.panel main p {
	margin:				0;
}

.post.panel footer,
.event.panel footer,
.offer.panel footer {
	position:			absolute;
	bottom:				0;
	left:				0;
	
	padding:			0 0 20px 0;
	
	width:				100%;
	
	text-align: 		center;	
}

.post.panel footer .btn,
.event.panel footer .btn,
.offer.panel footer .btn {
	font-size: 			80%;
	
	margin:				4% auto !important;
	padding:			10px 16% 7.5px 16% !important;
}


#primary > article.page.full main,
#primary > article.post.full main,
#primary > article.event.full main,
#primary > article.offer.full main {
	padding:			5% 10%;	
}

.page.full main h2,
.post.full main h2,
.event.full main h2,
.offer.full main h2 {
	margin:				0 0 5% 0;
	padding:			0 25% 0 0;
	
	font-weight: 		600;
	text-transform: 	uppercase;
	font-size:			150%;
	
	color:				var(--mm_tertiary) !important;
}

.page.full main h3,
.post.full main h3,
.event.full main h3,
.offer.full main h3 {
	margin:				0 0 1% 0;
	padding:			0;
	
	font-weight: 		600;
	text-transform: 	uppercase;
	font-size:			150%;
	
	color:				var(--mm_secondary) !important;
}

.page.full main h5,
.post.full main h5,
.event.full main h5,
.offer.full main h5 {
	margin:				0;
	padding:			0;
	
	font-weight: 		600;
	text-transform: 	uppercase;
	
	color:				var(--mm_secondary) !important;
}


.page.full hr,
.post.full hr,
.event.full hr,
.offer.full hr {
	margin:				5% 0;
	
	max-width:			10%;
} 

.page.full main .column:nth-child(2n),
.post.full main .column:nth-child(2n),
.event.full main .column:nth-child(2n),
.offer.full main .column:nth-child(2n) {
	padding:			5% 2% 2% 2%;
	
	border:				2px solid var(--mm_tertiary);
	border-width:		2px;
	border-style:		solid;
	
}

.page.full main .column.withform {
	padding:			5% 2% 2% 2%;
	
	color:				var(--mm_white);
	
	background-color:	var(--mm_secondary);
}

.page.full main .column.withform hr {
	
	color:				var(--mm_white);
	
	border-top:			2px solid var(--mm_white);
	border-top-width:	2px;
	border-top-style:	solid;
	
}


.page.full main .column .wp-block-gallery,
.post.full main .column .wp-block-gallery,
.event.full main .column .wp-block-gallery,
.offer.full main .column .wp-block-gallery {
	display:			none;
}

.page.full main .gallery,
.post.full main .gallery,
.event.full main .gallery,
.offer.full main .gallery {
	display:			flex;
	
	justify-content: 	space-between;
	flex-wrap: 			wrap;
}

.page.full main .gallery figure,
.post.full main .gallery figure,
.event.full main .gallery figure,
.offer.full main .gallery figure {
	flex:				0 0 49%;
	max-width:			49%; /* $#%$ing IE */		
}

.page.full main .gallery figure:first-child,
.post.full main .gallery figure:first-child,
.event.full main .gallery figure:first-child,
.offer.full main .gallery figure:first-child {
	flex:				0 0 100%;
	max-width:			100%; /* $#%$ing IE */
		
	margin:				0;
}

.page.full main .gallery figure,
.post.full main .gallery figure,
.event.full main .gallery figure,
.offer.full main .gallery figure {
	position: 			relative;
	
	margin:				2% 0 0 0;
	padding:			0;
	
	overflow: 			hidden;
	
	background-color:	var(--mm_tertiary_33);
}

.page.full main .gallery figure:before,
.post.full main .gallery figure:before,
.event.full main .gallery figure:before,
.offer.full main .gallery figure:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			100% 0 0 0;
}

.page.full main .gallery figure:after,
.post.full main .gallery figure:after,
.event.full main .gallery figure:after,
.offer.full main .gallery figure:after {
	display: 			block;
	content:			' ';
	clear:				both;
}

.page.full main .gallery figure img,
.post.full main .gallery figure img,
.event.full main .gallery figure img,
.offer.full main .gallery figure img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				auto;
	height:				100%;	
	max-width: 			none;
	
	pointer-events: 	none;
}

/* -- START ----- Text heavy post variation */

.post.full.text-heavy main .column.feature {
	margin:				0 auto;
}

.post.full.text-heavy main .column.feature .img {
	margin:				0 0 2% 0;
}

.post.full.text-heavy main .column.feature .img:before {
	padding:			33.333% 0 0 0;
}

.post.full.text-heavy main .column.feature .img img {
	width:				100%;
	height: 			auto;
}

.post.full.text-heavy main .column.bodycopy {
	padding-top:		2%;
}

.post.full.text-heavy main .column.bodycopy .wp-block-gallery {
	display:			flex;
}

.post.full.text-heavy main .column.bodycopy .img {
	width:				33%;
	
	float:				right;
	margin:				0 0 0 2%;
}

/* -- END ------ Text heavy post variation */

.slidegallery {
	position:			relative;
	width:				100%;
	height:				0;
	
	padding:			66.666% 0 0 0;
	margin:				2% 0 0 0;
}

.slidegallery .slideshow {
	position: 			absolute;
	top:				0;
	left:				0;
	z-index: 			10;
	
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
	
	overflow: 			hidden;
}

.slidegallery .slideshow figure {
	position:			relative;
	
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
	
	overflow: 			hidden;
}

.slidegallery .slideshow figure img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				auto;
	height:				100%;	
	width:				100%;
	height:				auto;	
	
	pointer-events: 	none;
}

.slidegallery .sscontrols {
	color:				var(--mm_white);
}


.page.mapplic header {
	display:			none;
}

#primary > article.mapplic:first-child main {
	padding:			1%;
}

.in-page-title {
	margin:				0;
	padding:			2% 5% 1% 5%;

	background-color:	var(--mm_white);
}

.in-page-title h2 {
	margin:				0;
	
    text-transform:		uppercase;
    text-align:			center;
    color:				var(--mm_tertiary);
    font-weight:		400;
}

.news.related,
.events.related,
.offers.related {
	margin:				0 0 2% 0;
	padding:			0 5% 5% 5%;
	
	background-color:	var(--mm_white);
}


/* ---------- STORES -------------------------------------------------- */

.stores {
	margin:				0;
	padding:			0  5%  5%  5%;
	
	background-color:	var(--mm_white);
}

.store.panel {
	position:			relative;
	
	padding:			0 0 55px 0;
	
	overflow: 			hidden;		
	
	text-align: 		center;

	color:				var(--mm_primary);
	
	background-color:	var(--mm_white);
	
	border:				1px solid var(--mm_gey_lt);
	border-width:		1px;
	border-style:		solid;
	
	
	box-shadow:			0 0 5px 0 rgba(0,0,0,0.25);
	
	transition: 		all 0.25s;
}

#primary .store.panel.hide {
	flex:				0 0 0;
	
	margin:				0;
	
	opacity: 			0;
	
	display:			none;
}

.store.panel .img {
	margin:				0 0 8% 0;
	
	position:			relative;
	
	background-color:	var(--mm_white);
}

.store.panel .img:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			100% 0 0 0;
}

.store.panel .img:after {
	display: 			block;
	content:			' ';
	clear:				both;
}

.store.panel header {
	
}

.store.panel header h3 {
	margin:				0;
	padding:			0;
	
	
	font-size:			120%;
	text-transform: 	uppercase;
	color:				var(--mm_tertiary);
}

.store.panel header h3:after {
	display: 			block;
	content:			'';
	
	width:				20%;
	height:				2px;
	
	margin:				4% auto;
	
	background-color:	var(--mm_secondary);
}

.store.panel main {
	
}

.store.panel main h5 {
	display:			inline-block;
	
	margin:				0;
		
	font-size:			80%;
}

.store.panel footer {
	position:			absolute;
	bottom:				0;
	left:				0;
	z-index: 			10;
	
	width:				100%;
	height:				55px;
	
	margin:				0;
	padding:			0;
}


.store.panel footer .btn {
	font-size: 			80%;
	
	margin:				10px auto !important;
	padding:			10px 16% 7.5px 16% !important;
}

.store.full {
	position:			relative;
}

#primary > article.store.full main {
	padding:			5%;	
}

.store.full h2 {
	text-transform: 	uppercase;
	font-weight: 		600;
	color:				var(--mm_tertiary) !important;
}

.store.full h4 {
	margin:				0 0 5% 0;	
}

.store.full hr {
	margin:				5% 0;
	
	max-width:			10%;
} 

.store.full .icon { 
	padding:			0 0 0 60px;
	
	line-height: 		auto;
	min-height: 		40px;
}

.store.full .columns {
	margin:				0 0 1% 0;
}

.store.full .columns .columns {
	margin:				0 0 2% 0;
}

.store.full .bodycopy,
.store.full .column:first-child {
	padding:			2%;
	
	border:				2px solid var(--mm_tertiary);
	border-width:		2px;
	border-style:		solid;
	
}

.store.full .bodycopy .wp-block-gallery {
	display:			none;
}

.store.full .hours p {
	margin:				0;
}

.store.full .hours strong {
	display:			inline-block;
	width:				40%;
}

.store.full .summary {
	margin:				0 0 2% 0;
	padding:			2%;
	
	color:				var(--mm_white);
	line-height: 		150%;
	
	background-color:	var(--mm_tertiary);
}

.store.full .summary:empty,
.store.full .summary:last-child {
	margin:				0;
}

.store.full .gallery {
	position:			relative;
	
	margin:				0;
	padding:			100% 0 0 0;
	padding:			66.666% 0 0 0;
	
	width:				100%;
	
	background-color:	var(--mm_tertiary_33);
}

.store.full .gallery .slideshow {
	position: 			absolute;
	top:				0;
	left:				0;
	z-index: 			10;
	
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
	
	overflow: 			hidden;
}

.store.full .gallery .slideshow figure {
	position:			relative;
	
	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;
	
	overflow: 			hidden;
}

.store.full .gallery .slideshow figure img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				auto;
	height:				100%;	
	width:				100%;
	height:				auto;	
	
	pointer-events: 	none;
}

.store.full .gallery .sscontrols {
	color:				var(--mm_white);
}

.store.full .bodycopy {
	margin:				0 0 1% 0;
}

.store.full .img {
	position:			relative;
	
	background-color:	var(--mm_white);
}

.store.full .img:before {
	display: 			block;
	content:			' ';
	float:				left;
	
	width:				1px;
	
	margin:				0;
	padding:			100% 0 0 0;
}

.store.full .img:after {
	content:			'';
	display: 			block;
	clear: 				both;
}

.store .img a {
	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			12;

	margin:				0;
	padding:			0;
	
	width:				100%;
	height:				100%;	
	overflow: 			hidden;
	
	text-align: 		left;
	text-indent: 		-999px;
}

.store .img img {
	position:			absolute;
	top:				-9999px;
	left:				-9999px;
	bottom:				-9999px;
	right:				-9999px;
	z-index: 			11;

	margin:				auto;
	
	width:				auto;
	height:				100%;	
	
	pointer-events: 	none;
}

/* ---------- STORE CAROUSEL -------------------------------------------------- */

#store-carousel {
	position:			relative;
	
	overflow: 			hidden;
	
	margin:				0 0 2% 0;
	padding:			2%;
	
	color:	 			var(--mm_primary);
	
	background-color:	 var(--mm_secondary);
}

#store-carousel .store.panel {
	padding:			0;
}

#store-carousel .sshow {
	position:			relative;
	
	margin:				0 80px;
}

.sscontrols {
	position:			absolute;
	top:				50%;
	left:				0;
	z-index: 			99;
	
	width:				100%;
	height:				60px;
	
	margin:				-30px 0 0 0;
	padding:			0;
	
	pointer-events: 	none;
}

.sscontrols > div {
	position:			absolute;
	top:				0;
	left:				20px;
	
	width:				40px;
	height:				60px;
	overflow: 			hidden;
	text-align: 		left;
	text-indent: 		-999px;
	
	cursor: 			pointer;
	pointer-events: 	all;	
	
	opacity:			0.2;
	
	transition: 		opacity 0.5s;
}

.sscontrols > div:hover {
	opacity:			1;
}

.sscontrols > div:before {
	position:			absolute;
	top:				0;
	left:				0;
	
	display:			block;
	width:				40px;
	height:				80px;
	
	text-indent:		0;
	text-align:			center;
	line-height:		60px;
	font-size:			60px;
	
	font-family:		"Font Awesome 5 Free";
	font-weight: 		900;
}

.sscontrols > div.ssnext {
	left:				auto;
	right:				20px;
}

.sscontrols > div.ssprev:before {
	content:			'\f053';
}

.sscontrols > div.ssnext:before {
	content:			'\f054';
}

#store-carousel .sshow .slide {
	margin:				0;
	padding:			0 10px;
	
	overflow: 			hidden;
}

#store-carousel .sshow .slide a {
	position:			absolute;
	top:				0;
	left:				0;
	z-index: 			11;
	
	width:				100%;
	height:				100%;
}

#store-carousel .store.panel header {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			11;
	
	width:				100%;
	height:				100%;
	
	display: 			flex;
	
	text-align: 		center;
}

#store-carousel .store.panel header h3 {
	flex:				0 0 100%;
	max-width:			100%; /* $#%$ing IE */	
	
	align-self: 		center;	
}

#store-carousel .store.panel .img {
	margin:				0;
}

/* ---------- FOOTER -------------------------------------------------- */


#footerwrap {
	position: 			relative;
	
	display: 			flex;
	
	margin:				0;
	padding:			0 5%;
	
	justify-content: 	space-between;
	flex-wrap: 			wrap;

	font-weight: 		300;
	color:				var(--mm_white);
}

#footerwrap a:active,
#footerwrap a:focus,
#footerwrap a:hover {
	color:				var(--mm_white);
}

#footerwrap .widget {
	flex:				1 1 18%;
	max-width:			18%; /* $#%$ing IE */	
	
	margin:				0 2% 2% 0;
	padding:			0;
}

#footerwrap .widget h4 {
	margin:				0;
	
	font-weight: 		300;
	text-transform: 	uppercase;
	color:				var(--mm_white);
}

#footerwrap .widget p {
	line-height: 		120%;
	margin:				0 0 15px 0;
}

#footerwrap .widget a.icon {
	display: 			inline-block;
	
	padding:			0 0 0 20px;
	
	line-height: 		17px;
}

#footerwrap .widget a.icon:before {
	width:				17px;
	height:				17px;
	
	font-size: 			10px;
	line-height: 		17px;
}

#footerwrap .widget:nth-child(4n) {
	margin:				0 0 2% 0;
	
	font-size: 			75%;
	text-align: 		right;
	
	white-space: 		nowrap;
}


/* ---------- FORMS -------------------------------------------------- */


#contentwrap button,
#contentwrap input,
#contentwrap label,
#contentwrap select,
#contentwrap textarea {
	display:			inline-block;
	box-sizing:			border-box;
	
	margin:				0 5px;
	padding:			5px 15px;
	
	height:				40px;
	line-height:		30px;

	color:				var(--mm_tertiary);
	outline: 			none;
	border:				1px solid var(--mm_white);
	border-width:		1px;
	border-style:		solid;
	
	background-color:	var(--mm_white);
	
	zoom:				1;
}

#contentwrap button {
	color:				var(--mm_white);	
	
	border:				1px solid var(--mm_primary);
	border-width:		1px;
	border-style:		solid;
	
	background-color:	var(--mm_primary);
	
}



/* ---------- CONTACT FORM 7 ---------------------------------------------------------------------------------------------------- */

#contentwrap .wpcf7-form label {
	display:			none;
}

#contentwrap .wpcf7-form input,
#contentwrap .wpcf7-form select,
#contentwrap .wpcf7-form textarea {
	display:			inline-block;
	box-sizing:			border-box;
	
	margin:				0 0 20px 0;
	padding:			5px 15px;
	
	height:				40px;
	line-height:		30px;

	outline: 			none;
	border:				1px solid var(--mm_white);
	border-width:		1px;
	border-style:		solid;
	
	
	
	background-color:	var(--mm_white);
	
	zoom:				1;
}

#contentwrap .wpcf7-form .wpcf7-list-item-label {
	line-height:		40px;
	
	margin:				0 0 0 20px;
	
	display:			inline-block;
}

#contentwrap .wpcf7-form .wpcf7-not-valid-tip {
}

#contentwrap .wpcf7-form input[type='text'],
#contentwrap .wpcf7-form input[type='email'],
#contentwrap .wpcf7-form input[type='tel'],
#contentwrap .wpcf7-form input[type='password'],
#contentwrap .wpcf7-form select {
	width:				100%;
}

#contentwrap .wpcf7-form textarea {
	width:				100%;
	height:				99px;
}

#contentwrap .wpcf7-form input[type='submit'] {
	height: 			auto;
	
	padding:			15px 25px 10px 25px;	
	
	font-weight: 		700;	
	font-size: 			120%;
	color:				var(--mm_white);
	text-transform: 	uppercase;
	line-height:		110%;
	
	border:				1px solid var(--mm_primary);
	border-width:		1px;
	border-style:		solid;
	
	cursor: 			pointer;
	
	background-color:	var(--mm_primary);
	
	transition: 		all 0.5s;
}

#contentwrap .wpcf7-form input[type='submit']:active,
#contentwrap .wpcf7-form input[type='submit']:focus,
#contentwrap .wpcf7-form input[type='submit']:hover {
	color:				var(--mm_primary);	
	
	background-color:	var(--mm_white);
}

#contentwrap .wpcf7-form div.wpcf7-response-output {
	margin:				0;
	padding:			20px 10px;
	text-align:			center;
}

#contentwrap .wpcf7-form div.wpcf7-validation-errors {
	border:				2px solid rgb(255,0,0);
}

div.wpcf7 .wpcf7-form .ajax-loader {
	position: 			relative;
	display:			inline-block;
	z-index: 			9999;
	
	
	margin:				0 20px;
	padding:			0;
	
	width:				40px;
	height:				40px;
	
	font-family: 		"Font Awesome 5 Free";
	font-weight: 		900;		
    font-style:			normal;
    text-decoration:	inherit;	
	font-size:			30px;
	line-height: 		40px;	
	vertical-align: 	middle;
	text-align: 		center;

	background-image:	none;
}

div.wpcf7 .wpcf7-form .ajax-loader:before {
	position: 			absolute;
	top:				0;
	left:				0;
	z-index: 			99;
	
	display: 			block;
	content:			'\f017';
	
	width:				40px;
	height: 			40px;
	
	color:				var(--mm_white);
}




/* ---------- GLOBAL FOOTER -------------------------------------------------- */


#globalfooter {
	margin:				0;
	padding:			20px 5%;
	
	color:				var(--mm_white);
	
	background-color:	var(--mm_tertiary);
}

#globalfooter .link-makris {
	position:			relative;
	
	display:			block;
	
	width:				100px;
	height:				20px;
	overflow:			hidden;
	max-width:			100%;	
	
	margin:				0;
	padding:			0;
	
	text-indent:		-999px;
	pointer-events: 	all;	
	
	background-image:	url('../images/logo_makris.svg');
	background-repeat:	no-repeat;
	background-position:center;
	background-size:	contain;
}


/* ---------- VIDEO ---------------------------------------------------------------------------------------------------- */

.sixteennine {
	position:			relative;

	width:				100%;
	height:				0;

	margin:				0;
	padding:			0 0 56% 0;
	
	background-color:	rgb(0,0,0);
}

.sixteennine iframe {
	position:			absolute;
	left:				0;
	top:				0;
	
	width:				100%;
	height:				100%;
}

/* ---------- FORMS ---------------------------------------------------------------------------------------------------- */

#mc_embed_signup form {
	position:			relative;
	
	display: 			block;
	margin:				2% auto;
	padding:			2%;
	
	max-width: 			500px;
	
	background-color:	rgba(0,0,0,0.1);
}

#mc_embed_signup form label {
	display:			none;
}

#mc_embed_signup form input,
#mc_embed_signup form select,
#mc_embed_signup form textarea {
	display:			inline-block;
	box-sizing:			border-box;
	
	margin:				0 0 20px 0;
	padding:			5px 15px;
	
	height:				40px;
	line-height:		30px;

	outline: 			none;
	border:				1px solid var(--mm_white);
	border-width:		1px;
	border-style:		solid;
	
	
	
	background-color:	var(--mm_white);
	
	zoom:				1;
}

#mc_embed_signup form input[type='text'],
#mc_embed_signup form input[type='email'],
#mc_embed_signup form input[type='tel'],
#mc_embed_signup form input[type='password'],
#mc_embed_signup form select {
	width:				100%;
}

#mc_embed_signup form input[type='checkbox'] {
	line-height: 		140%;
	height: 			auto;
}

#mc_embed_signup form textarea {
	width:				100%;
	height:				99px;
}

#mc_embed_signup form input[type='submit'] {
	height: 			auto;
	
	padding:			15px 25px 10px 25px;	
	
	font-weight: 		700;	
	font-size: 			120%;
	color:				var(--mm_white);
	text-transform: 	uppercase;
	line-height:		110%;
	
	border:				1px solid var(--mm_primary);
	border-width:		1px;
	border-style:		solid;
	
	cursor: 			pointer;
	
	background-color:	var(--mm_primary);
	
	transition: 		all 0.5s;
}

#mc_embed_signup form input[type='submit']:active,
#mc_embed_signup form input[type='submit']:focus,
#mc_embed_signup form input[type='submit']:hover {
	color:				var(--mm_primary);	
	
	background-color:	var(--mm_white);
}