/*!
Theme Name: equilibrium 2019
Author: Winter Design
Author URI: https://www.winterdesign.co.uk/
Version: 1.0
Text Domain: equilibrium
*/

body {margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }
hr {box-sizing: content-box; height: 0; overflow: visible; /* 2 */ }
pre {font-family: monospace, monospace; font-size: 1em; /* 2 */ }
a {background-color: transparent; }
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; /* 2 */ }
b, strong {font-weight: bolder; }
code, kbd, samp {font-family: monospace, monospace; font-size: 1em; /* 2 */ }
small {font-size: 80%; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub {bottom: -0.25em; }
sup {top: -0.5em; }

img {border-style: none; }

/* Forms */
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; /* 2 */ }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText; }
fieldset {padding: 0.35em 0.75em 0.625em; }
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; /* 1 */ }
progress {vertical-align: baseline; }
textarea {overflow: auto; }
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0; /* 2 */ }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto; }
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit; /* 2 */ }

details {display: block; }
summary {display: list-item; }
template {display: none; }
[hidden] {display: none; }

/* ==========================================================================
 Base styles: opinionated defaults
 ========================================================================== */
html {color: #666; font-size: 1em; line-height: 1.4; }
::-moz-selection {background: #eeeeee; text-shadow: none; }
::selection {background: #eeeeee; text-shadow: none; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video {vertical-align: middle; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea {resize: vertical; }

.browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.assistive-text {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ }
.assistive-text:active, .assistive-text:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }

body > main:before, body > header:before, body > footer:before, .product-overview:before, aside.recent-news:before, body > main:after, body > header:after, body > footer:after, .product-overview:after, aside.recent-news:after {content: " "; display: table; /* 2 */ }
body > main:after, body > header:after, body > footer:after, .product-overview:after, aside.recent-news:after {clear: both; }
html.lt-ie7 body > main, html.lt-ie7 body > header, html.lt-ie7 body > footer, html.lt-ie7 .product-overview, html.lt-ie7 aside.recent-news { 	 zoom: 1; }

html, body {overflow-x: hidden; }

h1, h2, h3, h5, h6 {line-height: 1; }
h2 {font-size: 2.2em; font-weight: 400; color: #00a79d;}
.productOverviewText h2 {color: #fff;}
h3 {font-size: 1.9em;}
h4 {font-size: 1.1em; font-weight: 400; color: #666;}
h4 strong {color: #00a79d;}

a {text-decoration: none; color: inherit; outline: none !important; outline: none !important; }
a:active, a:hover { text-decoration: underline; }

div:not(.flex) article a {color: #00a79d;}
div:not(.flex) article a:active, div:not(.flex) article a:hover {color: #17625d; }


input, textarea {outline: none !important; }
main .entry-content a:link, main .entry-content a:visited {text-decoration: underline; }
main .entry-content .socialicons a:link, main .entry-content .socialicons a:visited {text-decoration: none; }
nav ul, nav li, nav a {padding: 0; margin: 0; }

/* WordPress Core Styles
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto; }
.alignright {float: right; margin: 5px 0 20px 20px; }
.alignleft {float: left; margin: 5px 20px 20px 0; }
.aligncenter {display: block; margin: 5px auto 5px auto; }
a img.alignright {float: right; margin: 5px 0 20px 20px; }
a img.alignnone {margin: 5px 20px 20px 0; }
a img.alignleft {float: left; margin: 5px 20px 20px 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption {background: transparent; border: none; padding: 0; text-align: center; }
.wp-caption.alignnone {margin: 5px 20px 20px 0; }
.wp-caption.alignleft {margin: 5px 20px 20px 0; }
.wp-caption.alignright {margin: 5px 0 20px 20px; }
.wp-caption img {border: none; height: auto; margin: 0; max-width: none; padding: 0; width: 100%; }
.wp-caption p.wp-caption-text, .wp-caption figcaption.wp-caption-text {font-size: 0.7em; line-height: 1.1; margin: 0.5em 0; padding: 0 4px 5px; }

/.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, img {max-width: 100%; height: auto; }

body > header, body > footer, body.home .entry-content, main div[class*="-overview"] article, .product-overview  article, body.blog main div[class*="-overview"] article, body.blog main div.overview article, .recent-news div.overview article {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

header nav a:focus, header nav a:hover, header nav a:active {text-decoration: none; }
footer .social a:focus, footer .socialicons a:focus, footer .social a:hover, footer .socialicons a:hover, footer .social a:active, footer .socialicons a:active {text-decoration: none; }
.stackgroup, div.wpcf7 button, div.wpcf7 [type="button"], div.wpcf7 [type="reset"], div.wpcf7 [type="submit"], div.buy-form button, div.buy-form [type="button"], div.buy-form [type="reset"], div.buy-form [type="submit"] {position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.size-windowwidth, .cycle-slideshow, .size-product-hero, aside.recent-news, .style-windowwidth {display: block; width: 100vw; margin-left: 50% !important; margin-right: 0 !important; position: relative; left: -50vw; max-width: 3000px !important; }

@media only screen and (min-width: 3000px) {
	 .size-windowwidth, body.home .entry-content, .cycle-slideshow, .size-product-hero, .product-overview, aside.recent-news, .style-windowwidth { left: -1500px; }
}

.size-extrawidth, .style-extrawidth { display: block; width: 1200px; margin-left: 50% !important; margin-right: 0 !important; position: relative; left: -600px; max-width: 100vw !important; }
.size-contentwidth, .style-contentwidth { display: block; width: 100%; }
body:not(.home) .entry-content {margin-top: 40px; }
body > main > article > :not(.entry-content):last-child {margin-bottom: 0; }
[class*="-overview"] .entry-title {margin: 0.67em 0; }
body > header {padding: 0 10px; margin: 0 auto; background: #fff; color: #717171; position: fixed; top: 0; width: 100%; z-index: 500;  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);} /* box-shadow first to catch IE11 */
body.admin-bar > header {top: 32px; }


/* JG STANDARD */
/* MAIN */

.main {padding: 0 10px; max-width: 960px; line-height: 1.5em; margin:0 auto;}
.mainMedium {width: calc(100vw - 30px);  max-width: 1200px; line-height: 1.5em; margin:0 auto;}
.mainWide { margin: 0 auto; width: calc(100vw - 30px); max-width: 1600px; }



@media screen and (min-width:500px) {
	.main {padding: 0 20px; }
}



.padding {padding:10px;}

.clear {clear: both; float: none; width: 100%;}
.center { text-align: center;}
.hide {display: none;}
.greyText {color: #a2a2a2; transition: color .5s}

.positionRelative {position:relative;}

img {max-width: 100%; height: auto;}

.flexVerticalCenter {display:-ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction:column; flex-direction: column; height: 100%;}
@media screen and (min-width: 500px) {
	.flex {display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: start; }
		footer .flex {display:block; }
	.flexEqual > *, .flexEqual article {-ms-flex: 1; flex-grow: 1; flex-basis: 0;} /* equal widths */
	.flexEqualGaps > * {-ms-flex: 1; flex-grow: 1; flex-basis: 1;} /* equal space */
	.flexWrap {-ms-flex-wrap:wrap; flex-wrap:wrap;}
	.flexVertical {-ms-flex-direction:column; flex-direction: column; display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: flex-start;}
}










/* LOGO */
.custom-logo-link { display: block; height: 50px; width: 260px; float: left; padding: 20px 0px; }
.custom-logo-link img { width: 100%; height: 100%; }

body { padding-top: 70px; }

@media only screen and (max-width: 939px) {
}
@media only screen and (min-width: 940px) {
	.custom-logo-link {padding: 10px 0 10px 50px;}
}




/* PAGE TITLE AREA */
.pageTitle {background-color: #00a79d; color: #fff; padding: 60px 0 80px 0; margin-bottom: 20px;}
h1 { font-size: 3em; margin: 0 0 60px 0; color: #fff; font-weight: 300;}
.pageTitle .striking {color: #fff; margin: 50px 0 0 0;}
.home .pageTitle .striking {text-align: center; font-size: 1.5em; margin: 60px auto;}


/* BREADCRUMBS */
.breadcrumbs {font-size: 0.8em; color: #fff;}
.breadcrumbs p {margin: 0;}
.breadcrumbs a:link {text-decoration: underline;}
.breadcrumbs a:hover {color: #000;}



/* FOOTER */
footer {padding: 10px; margin:80px 0 0 0; background: #ffffff; color: #717171; width: 100%; font-size: 0.8em; line-height: 1.8em; position: relative; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }
.socialBox {text-align: center;}
footer .links { margin: 0; list-style: none; padding: 0; }
footer .links li { margin: 0; list-style: none; padding: 0; display: block; }
footer .acid { width: 200px; margin: 0 auto; font-size: 11px; }
footer .acid img { display: block; margin-bottom: 1em; }

@media only screen and (max-width: 899px) {
	footer, footer div {text-align: center;}
	footer .links li { margin: 10px 0; }
}
@media only screen and (min-width: 900px) {
	footer {padding: 40px 60px ; }
	footer .credit { margin: 0; text-align: right; }
	footer .socialicons {margin: 0;}
	footer .socialicons li {}
	footer .links { float: left; margin: 0; list-style: none; padding: 0; }
	footer .links li { margin: 0;}
	footer .copyright {margin: 0;}

	footer .flex {display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: start; }
}




/* BUTTONS */
button.stripe-button-el, ul.ribbon a, ul.stack a, button, [type="button"], [type="reset"], [type="submit"], .button, .fakeButton {display: inline-block; border: 2px solid #00a79d; border-radius: 2em; color: #00a79d; font-weight: 400; background-color: #fff; padding: 1em 2em; text-decoration: none !important; transition: color .5s, background-color .5s;}
ul.ribbon a:hover, ul.ribbon a.is-checked, ul.stack a:hover, ul.stack a.is-checked, button:focus, button:hover, button:active, [type="button"]:focus, [type="button"]:hover, [type="button"]:active, [type="reset"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="submit"]:focus, [type="submit"]:hover, [type="submit"]:active, .button:focus, .button:hover, .button:active { text-decoration: none !important; background: #00a79d; color: white !important; cursor: pointer; outline: none !important; }

	.fakeButton {border: 2px solid #fff; border-radius: 2em; color: #00a79d; background-color: #fff; }
	article:hover .fakeButton {border: 2px solid #fff; border-radius: 2em; color: #fff; background-color: #00a79d; }



/* MAIN NAV */
body > header > nav { font-weight: 500; }
body > header > nav .menu-toggle { display: block; cursor: pointer; width: 42px; height: 42px; margin: 10px; position: fixed; top: 14px; right: 10px; }
body > header > nav ul, body > header > nav li { list-style: none; padding: 0; margin: 0; }

body > header > nav a { display: block; padding: 18px; text-align: center; white-space: nowrap; color: #717171; }
body > header > nav a:hover { color: #fff; background-color: #00a79d;}
body > header > nav > ul > .current-menu-item > a, body > header > nav > ul > .current-menu-parent > a, body > header > nav > ul > .current-menu-ancestor > a { color: #fff; background-color: #00a79d;}

	body > header > nav > ul ul { background-color: #fff; }
	body > header > nav .sub-menu a {padding:10px 30px; line-height: 2.5em; height: 2.5em; font-weight: 400;}
	body > header > nav .sub-menu a:hover { background-color: #f2f2f2; color: #717171;}

@media only screen and (max-width: 374px) {
	 body > header > nav .menu-toggle { font-size: 1.8em; right: 0; }
 	body.admin-bar > header > nav .menu-toggle { top: 60px; }
}
@media only screen and (max-width: 413px) {
	 body > header > nav .menu-toggle { right: 10px; }
}
@media only screen and (max-width: 939px) {
	body > header { padding: 0 10px; }
	body > header > nav { padding: 0; background-color: #fff; position: fixed !important; padding-bottom: 60px; top: -100%; bottom: auto; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; right: 0; z-index: 10000 !important; transition: 0.3s; }
	body > header > nav.open { top: 0; }
	body > header > nav.open > ul { -webkit-overflow-scrolling: touch; display: block; margin-top: 90px; height: 100%; overflow-y: scroll; }
	body > header > nav > ul { display: none; }
	body > header > nav .menu-toggle { display: block; }
	body > header > nav li { display: block; }
	body.admin-bar > header > nav .menu-toggle { top: 48px; }
	nav li, nav ul { position: relative; }
	body > header nav ul.sub-menu { top: 0; }
	.open-menu-link { display: none; position: absolute; right: 23px; top: 0; line-height: 4; cursor: pointer; }
	li .sub-menu { display: none; }
	.visible { display: block !important; }
	.open-menu-link:before { font-family: FontAwesome; font-weight: 400; -webkit-font-smoothing: antialiased; display: inline-block; speak: none; text-align: right; width: 100vw; }
	.open-menu-link.close:before { width: 50px; }
	.open-menu-link.open:before { content: "\f054"; }
	.open-menu-link.close:before { content: "\f078"; }
	body > header > nav a { border-left: 5px solid transparent; border-right: 5px solid transparent; }
	body > header > nav > ul > .current-menu-item > a, body > header > nav > ul > .current-menu-parent > a, body > header > nav > ul > .current-menu-ancestor > a { border-left: 5px solid #00a79d; }
	body > header > nav > ul > li:hover > a {border-left: 5px solid #00a79d; }

	/* hamburger */
	nav .menu-toggle { float: right; line-height: 1; font-size: 2em; margin: 0.3em 0 0 0; position: absolute; right:0; height: 40px; width: 50px; cursor: pointer;}
	.menu-toggle span {top: 20px; left: 0; text-indent: -9999em;	}
	.menu-toggle span::before, .menu-toggle span::after, .menu-toggle span {cursor: pointer; border-radius: 1px; height: 2px; width: 40px; background: #999; position: absolute; display: block; content: ''; transition: all 250ms ease-in-out;}
	.menu-toggle span::before {top: -12px;	}
	.menu-toggle span::after {	bottom: -12px;}
	.menu-toggle span:hover::before, .menu-toggle span:hover::after {	background: #999; }
	.menu-toggle span.open {background-color: transparent;}
	.open .menu-toggle span::before, .open .menu-toggle span::after {top: 0; }
	.open .menu-toggle span::before {transform: rotate(45deg); }
	.open .menu-toggle span::after {transform: rotate(-45deg); }
	.open .menu-toggle span {background-color: transparent;}
}
@media only screen and (max-width: 782px) {
	 body.admin-bar > header > nav .menu-toggle { top: 62px; }
}
@media only screen and (min-width: 940px) {
	body > header > nav > ul { float: left;}
	body > header > nav li { display: inline-block; position: relative; padding: 0 10px;}
	#utility-nav {float: right;}
	body > header > nav { padding: 0 60px 0 0; float: right; font-size: 14px; }
	body > header > nav .menu-toggle { display: none; }
	body > header > nav a { padding: 0 12px; height: 70px; line-height: 70px;}
	body > header > nav > ul { display: block; }
	body > header > nav .menu-toggle { display: none; }

	body > header > nav > ul ul {   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }

	body > header > nav li ul { display: none; position: absolute; text-align: center; min-width: calc( 100% + 30px ); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	body > header > nav li:hover ul { display: block; }
	body > header > nav .sub-menu li { display: block; margin: 0; padding:0;}
}
@media only screen and (min-width: 1200px) {
	body > header > nav li { padding: 0 20px;}
}

@media only screen and (min-width: 1400px) {
	body > header > nav li { padding: 0 30px;}
}






/* news OVERVIEW */
.newsOverviewSize {margin-bottom: 30px; margin-top: 60px;}
.newsOverviewSize article {margin: 30px 0; position: relative;  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); transition: all .5s;} /* box-shadow first to catch IE11 */
	.newsOverviewSize article {transition: color .5s, background-color .5s, border .5s;}
	.no-touch .newsOverviewSize article:hover {color: #fff; background-color: #00a79d;  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);} /* box-shadow first to catch IE11 */
	.no-touch .newsOverviewSize article:hover .greyText {color: #fff; }
	.no-touch .newsOverviewSize article a {text-decoration: none !important;}

.newsOverviewText  {padding: 15px;}
.newsOverviewText h3 {font-size: 1.2em; line-height: 1.2em; font-weight: 500; margin-bottom: 0.3em;}
.newsOverviewSize img {transition: transform .5s;}
	.no-touch .newsOverviewSize article:hover img { transform: scale(1.05);}
.newsOverviewImage {overflow: hidden;}
.newsOverviewSize article p {margin: 3px 0 1em 0;}

.newsOverviewSize a {text-decoration: none;}

.single-product .postMeta {display: none;}

@media only screen and (min-width: 500px) {
	.newsOverviewSize article {width: calc(50% - 10px); margin: 5px;}
}
@media only screen and (min-width: 900px) {
	.newsOverviewSize article {width: calc(33.333% - 10px);}
}
@media only screen and (min-width: 1200px) {
	body .mainWide .newsOverviewSize article { width: calc(25% - 10px); }
}
@media only screen and (min-width: 1700px) {
	.newsOverviewSize {width: calc(100% + 10px); margin-left: -5px;}
}



/* product OVERVIEW */
.productOverview {margin-top: 60px;}
.productOverview article {margin: 0 0 60px 0; position: relative; width:100%;}
	.productOverview article {color: #fff; background-color: #00a79d;}
	.productOverview article.comingSoon {color: #999; background-color: #f2f2f2;}
	.productOverview article.comingSoon h2 {color: #999; }
	.no-touch .productOverview article:hover {}
	.no-touch .productOverview article a {text-decoration: none !important;}

.productOverviewText .padding  { height: calc(100% - 20px);}
.productOverviewText h2 {font-weight: 300; margin-bottom: 0.3em; margin-top: 0; line-height: 1.2em;}
.productOverview img {transition: transform .5s;}
	.no-touch .productOverview article:not(.comingSoon):hover img { transform: scale(1.05);}
.productOverviewImage {overflow: hidden;}
.productOverviewImage img {width: 100%;}
.productOverview article p {margin: 3px 0 1em 0;}

.productOverview a {text-decoration: none;}

article.comingSoon p:last-of-type {display: none;}
.comingSoon .productOverviewImage img {filter: grayscale(100%);}
.comingSoon {position:relative;}
.comingSoon::before {content: 'Coming Soon'; display: block; position:absolute; right:0; background-color: #00a79d; color: #fff; font-weight: 500; padding: .5em; margin: 1em; text-transform:uppercase; letter-spacing: 0.1em;}

@media only screen and (MAX-width: 900px) {
	.productOverviewImage, .productOverviewText  {width: 100%;}
	.productOverview .flex {display: block;}
}

@media only screen and (min-width: 600px) and (MAX-width: 900px) {
	.productOverview  {display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	.productOverview > * {-ms-flex: 1; flex-grow: 1; flex-basis: 0; margin: 10px; max-width: calc(50% - 20px); min-width: calc(50% - 20px);} /* equal widths */
	.productOverview article {margin: 0; height: 100%;}
}

@media only screen and (min-width: 900px) {
	.productOverviewText .padding {padding:10px 20px;}
		/* products on HOME */
		.home .productOverview a:nth-of-type(2n) .productOverviewImage { order: 2; }
		.home .productOverview a:nth-of-type(2n) .productOverviewText  { order: 1; }
}

@media only screen and (MAX-width: 1200px) {
	.productOverviewText h2 {font-size: 1.5em;}
}

@media only screen and (min-width: 1200px) {
	.productOverviewText .padding {padding:10px 60px;}
}






/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"] span, [class*=" icon-"] span { display: none; }
[class^="icon-"]:before, [class*=" icon-"]:before {width:1em; margin-right: .5em; text-align: center; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: none !important; -webkit-font-smoothing: antialiased;  display: inline-block; }

[class^="icon-"]:hover:before, [class*=" icon-"]:hover:before {color: #00a79d;}
.icon-twitter:before, ul.social a[href*="twitter"]:before, ul.socialicons a[href*="twitter"]:before {content: "\f099"; }
.icon-facebook:before, ul.social a[href*="facebook"]:before, ul.socialicons a[href*="facebook"]:before {content: "\f09a"; }
.icon-instagram:before, ul.social a[href*="instagram"]:before, ul.socialicons a[href*="instagram"]:before {content: "\f16d"; }
.icon-linkedin:before, ul.social a[href*="linkedin"]:before, ul.socialicons a[href*="linkedin"]:before {content: "\f0e1"; }
ul.social li, ul.socialicons li {display: inline; }
/* Brand colours on transparent inverting to white on brand square. With captions. */
.icon-linkedin:before {content: "\f0e1"; }
.icon-envelope:before {content: "\f0e0"; }
.icon-envelope-o::before {content: "\f003"; line-height: 1; }
.icon-angle-double-down::before {content: "\f103"; font-size: 1.2em !important; line-height: 0.9; }
.icon-twitter:before {content: "\f099"; }
.icon-facebook:before {content: "\f09a"; }
.icon-linkedin:before {content: "\f0e1"; }
.icon-google-plus:before {content: "\f0d5"; }
.icon-google-plus:hover::before {color: #dd4b39; border-color: #dd4b39; background-color: #dd4b39; color: white; }
.icon-youtube:before {content: "\f167"; }
.icon-flickr:before {content: "\f16e"; }
.icon-instagram:before {content: "\f16d"; }
.icon-pinterest:before {content: "\f0d2"; }
.icon-pinterest:hover::before {background-color: #cb2027; color: white; border-color: #cb2027; }
.icon-vimeo:before {content: "\f27d"; }
.icon-vimeo:hover::before {background-color: #1ab7ea; color: white; border-color: #1ab7ea; }

.icon-phone:before {content: "\f095"; }

.icon-hours::before { font-family: 'icomoon'; }


.social a, .socialicons a, .socialicons a {width: 28px !important; height: 28px !important; }
.social a::before, .socialicons a::before, .socialicons a::before {}
.social, .socialicons {padding: 0; margin-top: 2em;}
.social a, .socialicons a {display: inline-block; vertical-align: middle; margin: 0 8px; text-align: center; font-weight: 100; font-size: 1em; line-height: 1.8; /* space between icon and label */ }
.entry-content .socialicons a {margin: 0;}
.social a::before, .socialicons a::before {-webkit-border-radius: 50%; border-radius: 50%; display: block; vertical-align: middle; margin: 0 auto; font-size: 1.6em; line-height: 1em; font-family: FontAwesome; font-weight: normal; }
.social a:focus, .socialicons a:focus, .social a:hover, .socialicons a:hover, .social a:active, .socialicons a:active {text-decoration: none; }
.social a:focus::before, .socialicons a:focus::before, .social a:hover::before, .socialicons a:hover::before, .social a:active::before, .socialicons a:active::before { color: #00a79d !important; }
.social a:focus span, .socialicons a:focus span, .social a:hover span, .socialicons a:hover span, .social a:active span, .socialicons a:active span { text-decoration: none; color: inherit; }
.social a span, .socialicons a span {font-size: 0.8em; font-weight: 200; text-transform: uppercase; letter-spacing: 3px; display: none; }






/* PRODUCT DETAIL */
.single-product .breadcrumbs {margin-top: 5em;}
.single-product .entry-title {text-align: left; margin-bottom: 0;}
.productMeta {padding-bottom: 0.8em; margin-top: 0; text-align: right; font-size: 1.1em; font-weight: 400;}
.mainProduct {margin-bottom: 120px;}





/* BOOKING STUFF */
/* buttons */
body .wp-block-calendar-booking-single-service-flow .button, body .wp-block-calendar-booking-single-service-flow .button-gray, body .wp-block-calendar-booking-single-service-flow .not-avalible-section
{border-radius:0;}
/* form input */
body .wp-block-calendar-booking-single-service-flow input[type="text"], body .wp-block-calendar-booking-single-service-flow input[type="tel"], body .wp-block-calendar-booking-single-service-flow input[type="email"], body .wp-block-calendar-booking-single-service-flow input[type="search"], body .wp-block-calendar-booking-single-service-flow input[type="password"], body .wp-block-calendar-booking-single-service-flow input[type="number"], body .wp-block-calendar-booking-single-service-flow input.InputElement, body .wp-block-calendar-booking-single-service-flow select, body .wp-block-calendar-booking-single-service-flow textarea, body .wp-block-calendar-booking-single-service-flow .button, .wp-block-calendar-booking-single-service-flow .button-gray
{border-radius:0; border: 1px solid #ccc; padding: 10px; color: inherit; background-color: #fafafa; font-weight: 300; box-shadow: none;}
body .wp-block-calendar-booking-single-service-flow .block, body .wp-block-calendar-booking-single-service-flow .items-list .item, body .wp-block-calendar-booking-single-service-flow .form, body .wp-block-calendar-booking-single-service-flow .order-details, body .wp-block-calendar-booking-single-service-flow .DayPicker .DayPicker-Body, body .wp-block-calendar-booking-single-service-flow .avalible-time-list li
{border-radius:0; background: #efefef; box-shadow: none;}
body .wp-block-calendar-booking-single-service-flow .text-blue {color: #00A79D;}






/*
*		Contact page
*/
div.address {width: 45%; margin: 0 5% 60px 0; float: left; }
div.address + div.wpcf7 { width: 45%; margin: 0 0 20px 5%; float: right; }

div.wpcf7 [type="submit"], div.buy-form [type="submit"] {margin-top: 2em;}
div.wpcf7 label, div.buy-form label {display: block;}
div.wpcf7 label span { font-weight: 400;}
div.wpcf7 label span.required, div.buy-form label span.required { color: #ccc; }
div.wpcf7 .wpcf7-form-control-wrap, div.buy-form .wpcf7-form-control-wrap {display: block; }
div.wpcf7 select, div.wpcf7 input[type="password"], div.wpcf7 input[type="search"], div.wpcf7 input[type="text"], div.wpcf7 input[type="email"], div.wpcf7 textarea, div.buy-form input[type="password"], div.buy-form input[type="search"], div.buy-form input[type="text"], div.buy-form input[type="email"], div.buy-form textarea {border: 1px solid #ccc; padding: 10px; color: inherit; background-color: #fafafa; max-width: calc(100% - 22px);  width: 100%;}
div.wpcf7 select {padding: 8px;}
div.wpcf7 input:-webkit-autofill, div.wpcf7 input:-webkit-autofill:hover, div.wpcf7 input:-webkit-autofill:focus
textarea:-webkit-autofill, div.wpcf7 textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus, div.wpcf7 select:-webkit-autofill, div.wpcf7 select:-webkit-autofill:hover, div.wpcf7 select:-webkit-autofill:focus, div.buy-form input:-webkit-autofill, div.buy-form input:-webkit-autofill:hover, div.buy-form input:-webkit-autofill:focus
textarea:-webkit-autofill, div.buy-form textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus, div.buy-form select:-webkit-autofill, div.buy-form select:-webkit-autofill:hover, div.buy-form select:-webkit-autofill:focus {-webkit-text-fill-color: inherit; }

@media only screen and (max-width: 500px) {
	.alignleft.size-medium {margin: 1em 0; width: 100%; float: none; }
}
/*
@media only screen and (min-width: 1000px) {
	div.wpcf7 p, div.buy-form p {width: 48%; margin-right: 2%; float: left;}
	div.wpcf7 p:last-of-type, div.buy-form p:last-of-type {width: 100%; float: none; clear: both;}
}
*/

p:not(.inLineSpans) span.wpcf7-list-item {width: 47%;}

@media only screen and (min-width: 1000px) {
	div.wpcf7 p:not(.formFullWidth), div.buy-form .column {width: 48%; margin-right: 2%; float: left;}
	div.wpcf7 p:last-of-type {width: 100%; float: none; clear: both;}
}

/* ACCORDION */
/* Style the buttons that are used to open and close the accordion panel */
.accordion { color: #737373; cursor: pointer; border: none; outline: none; transition: 0.4s; margin: 20px 0; }
h3.accordion  {font-size: 1.2em;}
.accordion span {color: #fff; background-color: #737373; border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; font-weight: 300; margin-right: 20px;}
.active, .accordion:hover {color: #00a79d;}
.active span, .accordion:hover span {background-color: #00a79d; }

.panel {padding: 0x; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 2px solid #efefef;}
.accordion:after {content: '\02795'; /* Unicode character for "plus" sign (+) */  font-size: 13px; color: #00a79d; float: right; margin-left: 5px; line-height: 40px;}
.active:after {content: "\2796"; /* Unicode character for "minus" sign (-) */}

.noShareText {margin: 2em 0; font-size: .9em;}

div.wpcf7-mail-sent-ok { border: 2px solid #398f14; border-radius: 10px; text-align: center;}



div.buy-form [type="checkbox"] + label, div.wpcf7 [type="checkbox"] + label { display: inline-block; }
.style-window {width: 100vw; position: relative; left: 50%; transform: translateX(-50vw); max-width: none; margin:5em 0;}
.size-windowwidth {width: 100vw; position: relative; left: 0; transform: translateX(-50vw); max-width: none; margin:5em 0;}

.formerror {color: #cc0000; font-weight: 400;}





/* MEDIA OBJECT */
.mediaObject {margin: 2em 0; margin: 4em 0;  flex-wrap: nowrap; font-size: 1.2em; line-height: 1.55em; color: #777;}
.mediaObject h2 {color: #ff7105; font-size: 1.3em; margin-top: 0; text-align: left;}
.mediaObject ul {margin-left: 0; padding-left: 15px;}


.entry-content .mediaObject:nth-child(2) {margin-top: 0;}

.mediaObjectPic img {width: 100%;}
.mediaObject .padding  {padding: 30px 5vw; background-color: #00a79d; color: #fff; font-size: 1.4em; line-height: 1.4em;}
.mediaObjectPic, .mediaObjectText {width: 100%;}

@media screen and (min-width:700px){
	.mediaObjectPic, .mediaObjectText {align-items: center; display:-ms-flexbox; display:flex; flex:1 0 auto; position: relative;}
	.right .mediaObjectPic {-ms-flex-order: 2; order:2;}
	.right .mediaObjectText {-ms-flex-order: 1; order:1;}
	.mediaObjectText { width: 50%; }
	.mediaObjectPic { width: 50%; /* padding-left: 5%;  */}
	.right .mediaObjectPic {/*  	padding-right: 5%; */ 	padding-left: 0; }
	.mediaObject.layout-overlaid .mediaObjectPic img {width: auto; max-width: none; min-height: 40vw;}
}


@media screen and (min-width:900px){
	.mediaObject .padding {padding: 60px; font-size: 1.4em; line-height: 1.4em; width: calc(100% + -60px); position: relative; z-index: 10;}
	.mediaObject.left  .padding {margin-left: -60px;}
	.mediaObject.right  .padding {margin-right: -60px;}
}






div.gallery .gallery-item {position: relative;}
/* OUR GRID */
@media only screen and (min-width: 600px) {

	.homeTeasers {width: calc(100% - 8px); margin: 4px; }
		body:not(.home) .homeTeasers {display:-ms-flexbox; display:flex; -ms-flex-pack: start; justify-content: start; -ms-flex: 1; flex-grow: 1; flex-basis: 0; -ms-flex-wrap:wrap; flex-wrap:wrap;}

	.homeTeasers article {margin: 8px; background-color: #584889; overflow:hidden; position:relative; }
		body:not(.home) .homeTeasers article {min-width: calc(33.333% - 16px); max-width: calc(33.333% - 16px);}

	.home .homeTeasers, div.gallery.layout-masonry { display:-ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-template-rows:1fr 1fr; }
	.home .homeTeasers {grid-template-rows:1fr 1fr 1fr 1fr 1fr;}
	div.gallery.style-content {width: calc(94vw + 8px);}
	div.gallery .gallery-item {padding: 4px; display: block;}

	.homeTeasers a {color: #fff;}
	.homeTeasers img {transition: opacity .5s; object-fit: cover; font-family: 'object-fit: cover; object-position: bottom;'; max-width: none; max-height: none; width: 100%; height: 100%; }
	.no-touch .homeTeasers a:hover img {opacity: 0;}

	.homeTeasers article .padding {position:absolute; top: 0; left: 0; padding: 16px; height: calc(100% - 32px); width: calc(100% - 32px);	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );}
	.homeTeasers h3 {margin-top: 0; text-transform: uppercase; }
	.homeTeasers article .padding p {/* margin-left: -150%; transition:margin .5s;  */ width: calc(100% - 16px); opacity: 0; transition:opacity .5s; }

	.homeTeasers article .padding p:first-of-type:before {display: block; margin-bottom: .5em; content: ""; background-color: #fff; position: relative; top: 0; left: 0; width: 30px; height: 1px;}

	/* standard grid 1 - 40 */
	div.gallery.layout-masonry .gallery-item:nth-of-type(1) { grid-area: 1 / 1 / 3 / 3; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(2) { grid-area: 1 / 3 / 2 / 4; -ms-grid-row: 1; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(3) { grid-area: 2 / 3 / 3 / 4; -ms-grid-row: 2; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(4) { grid-area: 3 / 1 / 5 / 2; -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-row-span:2; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(5) { grid-area: 3 / 2 / 5 / 4; -ms-grid-row: 3; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(6) { grid-area: 5 / 1 / 7 / 3; -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(7) { grid-area: 5 / 3 / 7 / 4; -ms-grid-row: 5; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(8) { grid-area: 7 / 1 / 8 / 2; -ms-grid-row: 7; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(9) { grid-area: 8 / 1 / 9 / 2; -ms-grid-row: 8; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(10) { grid-area: 7 / 2 / 9 / 4; -ms-grid-row: 7; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }

	div.gallery.layout-masonry .gallery-item:nth-of-type(11) { grid-area: 9 / 1 / 11 / 3; -ms-grid-row: 9; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(12) { grid-area: 9 / 3 / 10 / 4; -ms-grid-row: 9; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(13) { grid-area: 10 / 3 / 11 / 4; -ms-grid-row: 10; -ms-grid-column: 3; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(14) { grid-area: 11 / 1 / 13 / 2;  -ms-grid-row: 11; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(15) { grid-area: 11 / 2 / 13 / 4; -ms-grid-row: 11; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(16) { grid-area: 13 / 1 / 15 / 3; -ms-grid-row: 13; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(17) { grid-area: 13 / 3 / 15 / 4; -ms-grid-row: 13; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(18) { grid-area: 15 / 1 / 16 / 2; -ms-grid-row: 15; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(19) { grid-area: 16 / 1 / 17 / 2; -ms-grid-row: 16; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(20) { grid-area: 15 / 2 / 17 / 4; -ms-grid-row: 15; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-of-type(21) { grid-area: 17 / 1 / 19 / 3; -ms-grid-row: 17; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(22) { grid-area: 17 / 3 / 18 / 4;  -ms-grid-row: 17; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(23) { grid-area: 18 / 3 / 19 / 4; -ms-grid-row: 18; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(24) { grid-area: 19 / 1 / 21 / 2;  -ms-grid-row: 19; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(25) { grid-area: 19 / 2 / 21 / 4; -ms-grid-row: 19; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(26) { grid-area: 21/ 1 / 23 / 3; -ms-grid-row: 21; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(27) { grid-area: 21 / 3 / 23 / 4; -ms-grid-row: 21; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(28) { grid-area: 23/ 1 / 24 / 2; -ms-grid-row: 23; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(29) { grid-area: 24 / 1 / 25 / 2; -ms-grid-row: 24; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(30) { grid-area: 23 / 2 / 25 / 4; -ms-grid-row: 23; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-of-type(31) { grid-area: 25 / 1 / 27 / 3; -ms-grid-row: 25; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(32) { grid-area: 25 / 3 / 26 / 4;  -ms-grid-row: 25; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(33) { grid-area: 26 / 3 / 27 / 4; -ms-grid-row: 26; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(34) { grid-area: 27 / 1 /29 / 2;  -ms-grid-row: 27; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(35) { grid-area: 27 / 2 / 29 / 4; -ms-grid-row: 27; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(36) { grid-area: 29 / 1 / 31 / 3; -ms-grid-row: 29; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(37) { grid-area: 29 / 3 / 31 / 4; -ms-grid-row: 29; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(38) { grid-area: 31 / 1 / 32 / 2; -ms-grid-row: 31; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(39) { grid-area: 32 / 1 / 33 / 2; -ms-grid-row: 32; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(40) { grid-area: 31 / 2 / 33 / 4; -ms-grid-row: 31; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-of-type(41) { grid-area: 33 / 1 / 35 / 3; -ms-grid-row: 33; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;  }
	div.gallery.layout-masonry .gallery-item:nth-of-type(42) { grid-area: 33 / 3 / 34 / 4;  -ms-grid-row: 33; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(43) { grid-area: 34 / 3 / 35 / 4; -ms-grid-row: 34; -ms-grid-column: 3;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(44) { grid-area: 35 / 1 /37 / 2;  -ms-grid-row: 35; -ms-grid-column: 1; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(45) { grid-area: 35 / 2 / 37 / 4; -ms-grid-row: 35; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(46) { grid-area: 37 / 1 / 39 / 3; -ms-grid-row: 37; -ms-grid-column: 1; -ms-grid-row-span:2; -ms-grid-column-span: 2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(47) { grid-area: 37 / 3 / 39 / 4; -ms-grid-row: 37; -ms-grid-column: 3; -ms-grid-row-span:2;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(48) { grid-area: 39 / 1 / 41 / 2; -ms-grid-row: 39; -ms-grid-column: 1;}
	div.gallery.layout-masonry .gallery-item:nth-of-type(49) { grid-area: 41 / 1 / 43 / 2; -ms-grid-row: 41; -ms-grid-column: 1; }
	div.gallery.layout-masonry .gallery-item:nth-of-type(50) { grid-area: 39 / 2 / 43 / 4; -ms-grid-row: 39; -ms-grid-column: 2; -ms-grid-row-span:2; -ms-grid-column-span: 2; }

	div.gallery.layout-masonry .gallery-item:nth-child(1):nth-last-child(1)  { grid-area: 1 / 1 / 3 / 4; }
	/* 2 */
	div.gallery.layout-masonry .gallery-item:nth-child(1):nth-last-child(2)  { grid-area: 1 / 1 / 3 / 3; }
	div.gallery.layout-masonry .gallery-item:nth-child(2):nth-last-child(1)  { grid-area: 1 / 3 / 3 / 4; }
	/* 4 */
	div.gallery.layout-masonry .gallery-item:nth-child(2):nth-last-child(3)  { grid-area: 1 / 3 / 3 / 4; }
	div.gallery.layout-masonry .gallery-item:nth-child(3):nth-last-child(2)  { grid-area: 3 / 1 / 5 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(4):nth-last-child(1)  { grid-area: 3 / 2 / 5 / 4; }
	/* 6 */
	div.gallery.layout-masonry .gallery-item:nth-child(4):nth-last-child(3)  { grid-area: 3 / 1 / 4 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(5):nth-last-child(2)  { grid-area: 4 / 1 / 5 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(6):nth-last-child(1)  { grid-area: 3 / 2 / 5 / 4; }
	/* 8 */
	div.gallery.layout-masonry .gallery-item:nth-child(7):nth-last-child(2)  { grid-area: 5 / 3 / 6 / 4; }
	div.gallery.layout-masonry .gallery-item:nth-child(8):nth-last-child(1)  { grid-area: 6 / 3 / 7 / 4; }
	/* 9 */
	div.gallery.layout-masonry .gallery-item:nth-child(8):nth-last-child(2)  { grid-area: 7 / 1 / 9 / 2; }
	div.gallery.layout-masonry .gallery-item:nth-child(9):nth-last-child(1)  { grid-area: 7 / 2 / 9 / 4; }
	/* 11 */
	div.gallery.layout-masonry .gallery-item:nth-child(8):nth-last-child(4)  { grid-area: 7/1/9/2; }
	div.gallery.layout-masonry .gallery-item:nth-child(9):nth-last-child(3)  { grid-area: 9/3/11/4; }
	/* 12 */
	div.gallery.layout-masonry .gallery-item:nth-child(12):nth-last-child(1)  { grid-area: 9/3/11/4; }
	/* 14 */
	div.gallery.layout-masonry .gallery-item:nth-child(12):nth-last-child(3)  { grid-area: 9/3/11/4; }
	div.gallery.layout-masonry .gallery-item:nth-child(13):nth-last-child(2)  { grid-area: 11/1/13/2; }
	div.gallery.layout-masonry .gallery-item:nth-child(14):nth-last-child(1)  { grid-area: 11/2/13/4; }

	/* HOME grid 1 - 12 */
	.home .homeTeasers article:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; -ms-grid-row: 1; -ms-grid-row-span:1; -ms-grid-column: 1; -ms-grid-column-span: 1;}
	.home .homeTeasers article:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; -ms-grid-row: 1; -ms-grid-row-span:1; -ms-grid-column: 2; -ms-grid-column-span: 1;}
	.home .homeTeasers article:nth-of-type(3) { grid-area: 1 / 3 / 2 / 3; -ms-grid-row: 1; -ms-grid-row-span:1; -ms-grid-column: 3; -ms-grid-column-span: 1;}
	.home .homeTeasers article:nth-of-type(4) { grid-area: 2 / 1 / 3 / 1; -ms-grid-row: 2; -ms-grid-row-span:1; -ms-grid-column: 1; -ms-grid-column-span: 1;}
	.home .homeTeasers article:nth-of-type(5) { grid-area: 2 / 2 / 3 / 3; -ms-grid-row: 2; -ms-grid-row-span:1; -ms-grid-column: 2; -ms-grid-column-span: 1;}
	.home .homeTeasers article:nth-of-type(6) { grid-area: 2 / 3 / 3 / 4; -ms-grid-row: 2; -ms-grid-row-span:1; -ms-grid-column: 3; -ms-grid-column-span: 1; }

	.home .homeTeasers article:nth-of-type(7) {  grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2;  -ms-grid-row: 3; -ms-grid-row-span:1; -ms-grid-column: 1; -ms-grid-column-span: 1; }
	.home .homeTeasers article:nth-of-type(8) { grid-row-start: 3; grid-row-end: 5; grid-column-start: 2; grid-column-end: 3;  -ms-grid-row: 3; -ms-grid-row-span:2; -ms-grid-column: 2; -ms-grid-column-span: 1; }
	.home .homeTeasers article:nth-of-type(9) {  grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4;  -ms-grid-row: 3; -ms-grid-row-span:1; -ms-grid-column: 3; -ms-grid-column-span: 1; }
	.home .homeTeasers article:nth-of-type(10) {  grid-row-start: 4; grid-row-end: 6; grid-column-start: 1; grid-column-end: 2;  -ms-grid-row: 4; -ms-grid-row-span:2; -ms-grid-column: 1; -ms-grid-column-span: 1; }
	.home .homeTeasers article:nth-of-type(11) { grid-row-start: 5; grid-row-end: 6; grid-column-start: 2; grid-column-end: 3;  -ms-grid-row: 5; -ms-grid-row-span:1; -ms-grid-column: 2; -ms-grid-column-span: 1; }
	.home .homeTeasers article:nth-of-type(12) { grid-row-start: 4; grid-row-end: 6; grid-column-start: 3; grid-column-end: 4; -ms-grid-row: 4; -ms-grid-row-span:2; -ms-grid-column: 3; -ms-grid-column-span: 1; }

}

div.gallery {clear:both;}


div.gallery figcaption {font-size: 1em; height:auto; position: absolute; width: 100%; bottom: 0px; padding: 32px 16px 16px 16px; margin: 0; color: white; text-align: left;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );}

@media only screen and (min-width: 600px) {
	div.gallery figcaption {width: calc(100% - 40px); bottom: 4px;}
}
@media only screen and (min-width: 1100px) {
	.no-touch .homeTeasers article:hover .padding p {/* margin-left: 0; */ opacity: 1;}
	.homeTeasers {width: calc(100% - 16px); margin:8px;}
	body:not(.home) .homeTeasers {width: calc(100% - 32px); margin:8px 16px;}
	.homeTeasers article {margin: 8px;}
	div.gallery.style-content {width: 100%; margin: 60px -8px 60px -8px; max-width: 1355px;}
	div.gallery .gallery-item {padding: 8px;}
	div.gallery figcaption {width: calc(100% - 48px); bottom: 8px; }
}

.size-windowwidth {width: 100vw; position: relative; /* left: 50%; */ transform: translateX(-50vw); max-width: none; margin: 4em 0;}
.entry-content :nth-child(1).size-windowwidth {margin-top: 0;}


/* GALLERY 2.0 */
.gallery {margin: 50px 0; }

div.gallery.style-window {transform: translateX(-50%); position: relative; left: 50%; width: calc(100vw + 2px); margin: 30px 0;}
div.gallery.style-standard {	width: 100%; }
div.gallery.style-content {}

.gallery-icon {position:relative;}
.gallery-icon:after {content: ""; position:absolute; top: calc(50% - 20px); left:50%; transform: translate(-50%); display:none; background:url('img/iconZoom.svg')no-repeat; background-size: 40px; background-position: center; width: 40px; height: 40px;}
html.no-touch figure:hover .gallery-icon:after {display:block; }
html.no-touch div.gallery figure:hover .gallery-icon {background: #000;}

@media only screen and (min-width: 600px) {
	div.gallery.layout-three-column figure {
		width: 33.3333%;
		display: inline-block;
	}
	/* AFTER THAT if the third(n) is the last, full width */
	div.gallery.layout-three-column figure:nth-child(3n-2):nth-last-child(1)  {width: 100%;}
	/* if the third(n) is the 2nd last, and forth(n) is last, 50% */
	div.gallery.layout-three-column figure:nth-child(3n-2):nth-last-child(2),
	div.gallery.layout-three-column figure:nth-child(3n+2):nth-last-child(1)  {width: 50%;}

	/* CSS to keep  3col gallery neat */
	div.gallery.layout-three-column figure:nth-child(3n-2):nth-last-child(1)  {width: 100%;}
	/* 2 */
	div.gallery.layout-three-column figure:nth-child(1):nth-last-child(2),
	div.gallery.layout-three-column figure:nth-child(2):nth-last-child(1)  {width: 50%;}
	/* 4 */
	div.gallery.layout-three-column figure:nth-child(1):nth-last-child(4),
	div.gallery.layout-three-column figure:nth-child(2):nth-last-child(3),
	div.gallery.layout-three-column figure:nth-child(3):nth-last-child(2),
	div.gallery.layout-three-column figure:nth-child(4):nth-last-child(1) {width: 50%;}
	/* 7 */
	div.gallery.layout-three-column figure:nth-child(1):nth-last-child(7),
	div.gallery.layout-three-column figure:nth-child(2):nth-last-child(6),
	div.gallery.layout-three-column figure:nth-child(6):nth-last-child(2),
	div.gallery.layout-three-column figure:nth-child(7):nth-last-child(1) {width: 50%;}
	/* 8 */
	div.gallery.layout-three-column figure:nth-child(4):nth-last-child(5),
	div.gallery.layout-three-column figure:nth-child(5):nth-last-child(4){width: 50%;}
	div.gallery.layout-three-column figure:nth-child(6):nth-last-child(3),
	div.gallery.layout-three-column figure:nth-child(7):nth-last-child(2),
	div.gallery.layout-three-column figure:nth-child(8):nth-last-child(1){width: 33.333%;}
	/*10 */
	div.gallery.layout-three-column figure:nth-child(4):nth-last-child(7),
	div.gallery.layout-three-column figure:nth-child(5):nth-last-child(6),
	div.gallery.layout-three-column figure:nth-child(9):nth-last-child(2),
	div.gallery.layout-three-column figure:nth-child(10):nth-last-child(1) {width: 50%;}

}

div.gallery.style-scrollingstrip {
margin:3.5em 0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:relative;left:50%;width:calc(100vw + 6px); height: 480px; /* amb */
}
div.gallery.style-scrollingstrip figure > div img,
div.gallery.style-scrollingstrip figure > span img{
max-width:none; width: auto; height: 100%;
}
div.gallery.style-scrollingstrip figure {
width: auto; height: 480px; padding:0 2px;overflow:hidden;
}
div.gallery.style-scrollingstrip figure>div,
div.gallery.style-scrollingstrip figure>span{height: 480px;overflow:hidden}

div.gallery.style-scrollingstrip {
    margin: 3.5em 0;     -webkit-transform: translateX(-50%);     -moz-transform: translateX(-50%);     -ms-transform: translateX(-50%);     transform: translateX(-50%);     position: relative;     left: 50%;     width: calc(100vw + 6px); height: 480px; padding-top: 0; }

div.gallery.style-scrollingstrip figure > div img,
div.gallery.style-scrollingstrip figure > span img {
    max-width: none;     width: auto;     /*width: 42vw*/
	height: 480px; }
div.gallery.style-scrollingstrip figure {
    /*width: 42vw;*/
	width: auto; height: 480px;     padding: 0 2px;     overflow: hidden;
	font-size: 0.9em;
	line-height: 2;
}

div.gallery.style-scrollingstrip figure > div,
div.gallery.style-scrollingstrip figure > span {
    overflow: hidden
}


div.gallery.style-scrollingstrip .flickity-prev-next-button{width:50px; height:55px; padding: 1em; background: rgba(0,0,0,.2); border-radius: 0;}
.no-touch div.gallery.style-scrollingstrip .flickity-prev-next-button:hover{background: rgba(0,0,0,.7);}
div.gallery.style-scrollingstrip .flickity-prev-next-button svg{position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; padding: 14px;}
div.gallery.style-scrollingstrip .flickity-prev-next-button .arrow{fill:#fff}


@media screen and (max-width:1220px){
	div.gallery.style-scrollingstrip .flickity-prev-next-button.previous{left:10px}
	div.gallery.style-scrollingstrip .flickity-prev-next-button.next{right:0px}
}

div.gallery.style-scrollingstrip .flickity-prev-next-button.previous{left:30px}
div.gallery.style-scrollingstrip .flickity-prev-next-button.next{right:30px}


body.overlaidgallery>.gallery-overlay.active{display:block;width:100%;height:100%;background:rgba(0,0,0,.85);position:fixed;top:0;left:0;z-index:999999999}
.gallery-detail{background:0 0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15vh 0 0}
.gallery-detail .owl-carousel{height:100%}
.gallery-detail .owl-carousel .owl-item .galleryrest {font-size: 0; color: transparent; display: none;}
.gallery-detail .owl-carousel .owl-item .galleryrest h2{font-size:20px; margin: 1em auto; color: #fff;}
.gallery-detail {height:90%}
.owl-carousel,.owl-item,.owl-item>div,.owl-wrapper,.owl-wrapper-outer{height:100%}
.gallery-detail .owl-carousel .owl-item>div{display:-webkit-box; display:-moz-box; display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.gallery-detail .owl-carousel .owl-item>div .galleryimg{-webkit-box-flex:1;-moz-box-flex:1;width:100%;-webkit-flex:1;-ms-flex:1;flex:1;position:relative; height: 100%; /* amb - don't mess with the object-fit property */
}
.gallery-detail .owl-carousel .owl-item>div .galleryimg img{width:100%; height: 100%; /* amb - don't mess with the object-fit property */ object-fit:contain;}

.gallery-detail .owl-carousel .owl-pagination{margin-top:2em}
.owl-page{display:inline-block;padding:0 6px;color:#f7f7f7}
.owl-page.active,html.no-touch .owl-page:hover{color:#fff;background:#555}
html.no-touch .gallery-overlay .cross:hover{opacity:1}
.owl-prev{margin-right:20px;padding-right:3px;left:20px;left:-100px}
.owl-next{margin-left:20px;padding-left:3px;right:20px;right:-100px}
.gallery-detail .owl-carousel div.owl-next,.gallery-detail .owl-carousel div.owl-prev
{position:absolute;z-index:10000;top:50%;display:block;width:100px;height:100px;cursor:pointer;line-height:30px;text-align:center; padding: .4em; text-indent: 9999px; opacity:.8}
.gallery-overlay .cross{cursor:pointer;display:block;position:absolute;z-index:10000;top:30px;right:30px;text-align:right;margin-right:5px;width: 2em; height: 2em;background: url('img/iconX.svg')no-repeat; background-size: 60px; background-position: center; text-indent: 999px;  opacity:.8;}
.gallery-detail .owl-carousel div.owl-next {background: url('img/iconChevronRight.svg')no-repeat; background-size: 60px; background-position: center;}
.gallery-detail .owl-carousel div.owl-prev {background: url('img/iconChevronLeft.svg')no-repeat; background-size: 60px; background-position: center;}
.gallery-detail .owl-carousel div.owl-next:hover, .gallery-detail .owl-carousel div.owl-prev:hover {opacity:1}

div#pag{text-align:center;color:#fff;padding:1em 0}
.owl-pagination{display:none}
.gallery-detail .owl-carousel{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;margin:0 120px;width:calc(100% - 240px);box-sizing:border-box}
.owl-carousel .owl-wrapper-outer{position:absolute}
div.gallery-detail{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.entry-content div.related-wrap:last-child{margin-bottom:0}
html.no-touch div.gallery figure:hover {cursor: pointer; }









/* Stop transition on load */
.preload * {  -webkit-transition: none !important; -moz-transition: none !important;  -ms-transition: none !important; -o-transition: none !important;}


@media only screen and (max-width: 750px) {
div.gallery .gallery-item {
pointer-events: none;
}
}