/* ---------------------------------------------------------------------------------------------

	Theme Name: Expohouse booth standalone
	Version: 1.0.1
	Description: WordPress theme for Standalone sites of expohouse booth
	Author: Developed by me
	Author URI: https://developedbyme.com

------------------------------------------------------------------------------------------------

	Terms of Content

	0.	CSS Reset
	1.	Document Setup
	2.  Element Base
	3.	Structure
	4.	Site Header
	5.	Header Menus
	X.	Front Page
	X.	Grid
	X.  Site Footer
	X.  Media Queries


/* --------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* --------------------------------------------------------------------------------------------- */


html, body {
	border: none;
	height: 100%;
	margin: 0 0 0 0;
	min-height: 100%;
	padding: 0 0 0 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td, figure {
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

blockquote:before,
blockquote:after {
	content: "";
}

a {
	outline: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	1. Document Setup
/* --------------------------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
}

body {
	background: rgba( 255, 255, 255, 1 );
	color: rgba( 35, 31, 32, 1 );
	font-family: usual, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.6rem;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

::-moz-selection {
	background: rgba( 17, 17, 17, 1 );
	color: rgba( 255, 255, 255, 1 );
}

::selection {
	background: rgba( 17, 17, 17, 1 );
	color: rgba( 255, 255, 255, 1 );
}


/* Clearing ---------------------------------- */


.group:after,
.entry-content:after {
	clear: both;
	content: "";
	display: block;
}


/* Transitions ------------------------------- */


a,
.hexagon-content {
	transition: all .1s ease-in-out;
}

.preview-header .hexagon-arrow,
.dark-image-block .hexagon,
.sharing-button,
button,
.faux-button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-nav a:before,
.filters .to-the-cases:before,
.download-link:before,
.post-nav a h4,
.read-more,
.merk-menu .sub-nav-toggle .hexagon-content:before,
.header-translate,
.overlay-controls div:before,
.to-the-content-alt,
.to-the-top,
.team .departments .up:before,
.mobile-hero-buttons a span:after,
.contact-map .contact-map-link,
.filters ul li {
	transition: all .2s ease-in-out;
}

.media-preview .faux-image:before,
.media-preview .media-caption-wrapper,
.media-preview .media-caption,
.media-preview .zoom {
	transition: all .3s ease-in-out;
}

.team .departments .up {
	transition: all .4s ease-in-out;
}


/* WP Required Classes ----------------------- */


.sticky {}
.bypostauthor {}


/* Screen Reader Text ------------------------ */


.screen-reader-text {
	clip: rect( .1rem, .1rem, .1rem, .1rem );
	height: .1rem;
	overflow: hidden;
	position: absolute !important;
	width: .1rem;
}

.screen-reader-text:focus {
	background-color: rgba( 241, 241, 241, 1 );
	border-radius: .3rem .3rem .3rem .3rem;
	box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 );
	clip: auto !important;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: .5rem;
	line-height: normal;
	padding: 1.5rem 2.3rem 1.4rem 2.3rem;
	text-decoration: none;
	top: .5rem;
	width: auto;
	z-index: 100000;
}


/* --------------------------------------------------------------------------------------------- */
/*	2. Element Base
/* --------------------------------------------------------------------------------------------- */


p {
	line-height: 1.2;
	margin: 0 0 2rem 0;
}

a {
	color: rgba( 241, 169, 63, 1 );
}

em,
i,
q,
dfn {
	font-style: italic;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

abbr,
acronym {
	cursor: help;
}

address {
	margin: 0 0 2rem 0;
}

hr {
	border-top: .1rem solid rgba( 221, 221, 221, 1 );
	margin: 4rem 0 4rem 0;
	text-align: center;
}


/* Typography ------------------------------- */


h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 1.3;
}

.big-title,
.medium-title {
	font-size: 2.4rem;
	letter-spacing: -0.025rem;
}

.small-title {
	font-size: 2rem;
	letter-spacing: -0.025rem;
}

.smallcaps {
	color: rgba( 241, 169, 63, 1 );
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.075rem;
	line-height: 1.05;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.big-excerpt,
.medium-excerpt {
	font-size: 1.6rem;
	letter-spacing: -0.017rem;
	line-height: 1.5;
	margin: 0 0 0 0;
}

.big-excerpt p,
.medium-excerpt p {
	line-height: 1.5;
}

* + .big-excerpt,
* + .medium-excerpt {
	margin: 1.8rem 0 0 0;
}

.small-excerpt {
	font-size: 1.6rem;
	line-height: 1.375;
	margin: 0 0 0 0;
}

.small-excerpt p {
	line-height: 1.4;
}

* + .small-excerpt {
	margin: 1rem 0 0 0;
}


/* dangerouslySetInnerHTML ------------------------------- */


.big-excerpt p,
.medium-excerpt p,
.small-excerpt p {
	margin: 0 0 0 0;
}


/* Lists ------------------------------------- */


ul,
ol {
	margin: 0 0 2rem 3rem;
}

ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }

ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

li {
	margin: 1rem 0 1rem 0;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 2rem;
}

dt {
	font-weight: 700;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */


blockquote {
	margin: 0 0 0 0;
	padding: 0 0 0 3rem;
}


/* Code -------------------------------------- */


pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}


/* Media ------------------------------------- */


img,
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
}

div.wp-caption {
	display: block;
	margin-bottom: 3rem;
}

.alignleft,
.alignright {
	margin-bottom: 2rem;
	max-width: 50%;
}

.alignleft {
	float: left;
	margin-right: 2rem;
}

.alignright {
	float: right;
	margin-left: 3rem;
}

.aligncenter,
.alignnone {
	margin: 0 auto 0 auto;
}

.wp-caption-text,
.gallery-caption,
.gallery figcaption {
	background: rgba( 35, 31, 32, 1 );
	color: rgba( 255, 255, 255, 1 );
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 1rem 1.5rem 1rem 1.5rem;
}


/* GALLERIES */

.gallery,
.gallery.section-inner {
	max-width: 100%;
	overflow: hidden;
}

.gallery-inner {
	   display: -ms-flexbox;
	display: flex;
		-ms-flex-direction: row;
	flex-direction: row;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
		left: -1rem;
	width: calc(100% + 1rem);
}

.gallery-item {
	cursor: pointer;
		-ms-flex-preferred-size: 100%;
	flex-basis: calc(100% - 1rem);
	margin: 0 0 1rem 1rem;
	max-height: 100vh;
	padding: 0 0 0 0;
	position: relative;
}

.gallery-faux-image {
	background-color: rgba( 221, 221, 221, 1 );
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	background-size: cover;
}

.gallery-faux-image:after {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
}

.gallery-caption,
.gallery figcaption {
	display: block;
}

/* GALLERY VIDEO ITEM */

.gallery .video .video-duration {
	background: rgba( 35, 31, 32, .8 );
	border-radius: .3rem .3rem .3rem .3rem;
	color: rgba( 255, 255, 255, 1 );
	font-size: 1.4rem;
	font-weight: 600;
	padding: .8rem .8rem .8rem .8rem;
	position: absolute;
		right: 3rem;
		top: 3rem;
}

.gallery .play-media {
		-ms-flex-align: center;
	align-items: center;
	background: rgb(241, 169, 63) url(assets/images/icons/triangle.svg) no-repeat center;
	border-radius: .6rem .6rem .6rem .6rem;
	color: rgba( 255, 255, 255, 1 );
	   display: -ms-flexbox;
	display: flex;
	height: 6rem;
		-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
		left: calc( 50% - 4.5rem );
		top: calc( 50% - 3rem );
	text-indent: -999rem;
	width: 9rem;
}

.gallery .video figcaption.gallery-caption {
	background: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.80) 65%, rgba(0,0,0,0.80) 100%);
	bottom: 0;
	font-size: 1.6rem;
	position: absolute;
	   left: 0;
	   right: 0;
	line-height: 1.3;
	max-width: 100%;
	padding: 5.1rem 3rem 2.5rem 3rem;
	text-shadow: 0 .1rem 0 rgba( 0, 0, 0, 0.25 );
	width: 100%;
}


/* GALLERY STANDARD */

.gallery.full {
	width: 100%;
}

/* MIXED MEDIA GALLERY (base is from Gallery) */

.gallery.mixed {
	margin: 0 auto 0 auto;
	max-width: 124rem;
}

.gallery.mixed .gallery-item {
		-ms-flex: 100%;
	flex: 1 0 calc(100% - 2rem);
}

.gallery.mixed .gallery-item.video {
		-ms-flex-preferred-size: 66%;
	flex-basis: calc(66% - 2rem);
}

.gallery.mixed .gallery-faux-image {
		-ms-flex: 1;
	flex: 1;
		-ms-flex-preferred-size: 0;
	flex-basis: 0;
	max-height: 40rem;
	background-position: center;
}

.gallery.mixed .gallery-faux-image:after {
	padding-bottom: 100%;
}


/* No Image ------------------------------------- */


.no-image:before,
.no-image:after {
	content: "";
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.no-image:before { background: no-repeat top left; }
.no-image:after { background: no-repeat top right; }


/* Media Overlay ------------------------------------- */


.media-overlay {
	background: rgba( 0, 0, 0, 0.95 );
	position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	z-index: 100000;
}


/* OVERLAY CONTENT */

.overlay-content {
	   -ms-flex-align: end;
	align-items: flex-end;
	background: no-repeat center;
	background-size: contain;
		display: -ms-flexbox;
	display: flex;
	position: absolute;
		bottom: 7rem;
		left: 0;
		right: 0;
		top: 0;
}

.overlay-caption {
	background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
	color: rgba( 255, 255, 255, 1 );
	padding: 5rem 0 2.5rem 0;
	position: relative;
	text-shadow: 0 .1rem 0 rgba( 0, 0, 0, 0.25 );
	width: 100%;
}

.overlay-caption:before {
	background: rgba( 0, 0, 0, 0.8 );
	content: "";
	display: block;
	opacity: 0;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.overlay-caption .section-inner {
	max-width: 64rem;
	position: relative;
	width: 90%;
}

.overlay-caption p {
	font-size: 1.4rem;
	line-height: 1.45;
	margin: 0 0 0 0;
}

.overlay-caption .show-more,
.overlay-caption .hide-more {
	color: rgba( 149, 146, 146, 1 );
	cursor: pointer;
}

.overlay-caption .show-more:hover,
.overlay-caption .hide-more:hover {
	text-decoration: underline;
}

.overlay-content .caption-excerpt { display: block; }
.overlay-content .caption-full { display: none; }


/* Expanded caption */

.overlay-content.expanded-caption {
	-ms-flex-align: stretch;
		align-items: stretch;
}

.overlay-content.expanded-caption .overlay-caption {
	   -ms-flex-align: end;
	align-items: flex-end;
	background: none;
		display: -ms-flexbox;
	display: flex;
}

.overlay-content.expanded-caption .overlay-caption:before {
	opacity: 1;
}

.overlay-content.expanded-caption .caption-excerpt { display: none; }
.overlay-content.expanded-caption .caption-full { display: block; }


/* OVERLAY CONTROLS */

.overlay-controls {
	border-top: .1rem solid rgba( 51, 51, 51, 1 );
	background: rgba( 0, 0, 0, 1 );
		display: -ms-flexbox;
	display: flex;
	height: 7rem;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
}

.overlay-controls div {
	cursor: pointer;
	-ms-flex: 1 1 1rem;
		flex: 1 1 1rem;
	position: relative;
}

.overlay-controls div:before {
	background: no-repeat center;
	background-size: auto 3.5rem;
	content: "";
	display: block;
	height: 4.3rem;
	position: absolute;
		left: calc( 50% - 2.1rem );
		top: calc( 50% - 2.1rem );
	width: 4.3rem;
}

.overlay-controls div.prev:before { background-image: url( ./assets/images/icons/overlay-left.svg ); }
.overlay-controls div.close:before { background-image: url( ./assets/images/icons/overlay-close.svg ); }
.overlay-controls div.next:before { background-image: url( ./assets/images/icons/overlay-right.svg ); }

.overlay-controls div.prev:hover:before { transform: translateX( -.5rem ); }
.overlay-controls div.next:hover:before { transform: translateX( .5rem ); }

.overlay-controls div + div {
	border-left: .1rem solid rgba( 51, 51, 51, 1 );
}


/* OVERLAY VIDEO */

.overlay-video {
	   -ms-align-self: center;
	align-self: center;
	   display: -ms-flexbox;
	display: flex;
	height: 80%;
		-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 0 auto;
}

.overlay-video iframe {
	height: inherit;
}

.overlay-video + .overlay-caption {
	display: none;
}


/* Short phones / landscape mode */

@media ( max-height: 400px ) {

	.overlay-controls {
		height: 6rem;
	}

	.overlay-content {
		bottom: 6rem;
	}

}


/* Inputs ------------------------------------ */


label {
	font-size: 1.4rem;
	margin: 0 0 0 0;
}

textarea {
	height: 20rem;
	line-height: 1.5;
	width: 100%;
}

input::-webkit-input-placeholder { color: rgba( 153, 153, 153, 1 ); }
input:-ms-input-placeholder { color: rgba( 153, 153, 153, 1 ); }
input::-moz-placeholder { color: rgba( 153, 153, 153, 1 ); }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button,
.faux-button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #4A90E2;
	border: none;
	border-radius: .5rem .5rem .5rem .5rem;
	color: rgba( 255, 255, 255, 1 );
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: -0.03rem;
	line-height: 1;
	padding: 1.4rem 2rem 1.4rem 2rem;
	text-decoration: none;
	text-shadow: .1rem .1rem 0 rgba( 0, 0, 0, 0.05 );
}

.faux-button.gray {
	background-color: rgba( 244, 243, 246, 1 );
	color: rgba( 35, 31, 32, 1 );
}

button.small,
.faux-button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	font-size: 1.4rem;
}

button:hover,
.faux-button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #313131;
	cursor: pointer;
}

.faux-button.gray:hover {
	background-color: rgba( 213, 212, 225, 1 );
	color: rgba( 35, 31, 32, 1 );
}

button:focus,
.faux-button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: rgba( 51, 51, 51, 1 );
}

.faux-button.gray:focus {
	background-color: rgba( 244, 243, 246, 1 );
	color: rgba( 35, 31, 32, 1 );
}


/* Tables ------------------------------------ */


table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 3rem;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

th,
td {
	line-height: 1.4;
	margin: 0 0 0 0;
	overflow: visible;
	padding: 2.5% 2.5% 2.5% 2.5%;
}

caption {
	border-bottom: 1px solid rgba( 221, 221, 221, 1 );
	font-weight: 700;
	padding-bottom: 2.5% 2.5% 2.5% 2.5%;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	border-bottom: 1px solid rgba( 221, 221, 221, 1 );
	font-weight: 700;
}

tbody > tr:nth-child(even) {
	background-color: rgba( 246, 246, 246, 1 );
}


/* Loading Indicator ------------------------------------- */


.loading-wrapper {
		-ms-flex-align: center;
	align-items: center;
		display: -ms-flexbox;
	display: flex;
	height: 20rem;
		-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
}

.loading-indicator {
	text-align: center;
	width: 100%;
}

.loading-indicator p {
	text-indent: -9999rem;
}

.loading-indicator > div {
	animation: bounce 1.4s infinite ease-in-out both;
	background: rgba( 241, 169, 63, 1 );
	border-radius: 99rem;
	display: inline-block;
	margin: 0 .4rem 0 .4rem;
	height: 2rem;
	width: 2rem;
}

.loading-indicator > div.indicator-1 { animation-delay: -0.32s; }
.loading-indicator > div.indicator-2 { animation-delay: -0.16s; }

@keyframes bounce {
	0%, 80%, 100% {
		transform: scale(0);
	} 40% {
		transform: scale(1.0);
	}
}


/* --------------------------------------------------------------------------------------------- */
/*	3. Structure
/* --------------------------------------------------------------------------------------------- */


section,
#site-header,
#site-content,
#site-footer {
	position: relative;
	width: 100%;
}


/* Section Inner --------------------------------- */


.section-inner {
	margin: 0 auto 0 auto;
	max-width: 124rem;
	width: 90%;
}

.section-inner.wide {
	max-width: 168rem;
}

.section-inner.small {
	max-width: 60rem;
}

.section-inner.full {
	max-width: none;
	width: 100%;
}

.section-inner + .section-inner {
	margin-top: 4rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	4. Helper Classes
/* --------------------------------------------------------------------------------------------- */


/* Background Classes --------------------------------- */

.bg-white {
	background: rgba( 255, 255, 255, 1 );
}

.bg-dark {
	background: rgba( 35, 31, 32, 1 );
	color: rgba( 255, 255, 255, 1 );
}

.bg-gray {
	background: rgba( 244, 243, 246, 1 );
}

.bg-image {
	background-color: rgba( 221, 221, 221, 1 );
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Layout Classes --------------------------------- */


.vertical-center,
.vertical-bottom {
		display: -ms-flexbox;
	display: flex;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.vertical-center {
		-ms-flex-align: center;
	align-items: center;
}

.vertical-bottom {
		-ms-flex-align: end;
	align-items: flex-end;
}

.screen-height {
	min-height: 100vh;
}


/* Text Classes --------------------------------- */


.text-center,
.text-center * {
	text-align: center;
}


/* Social Links --------------------------------- */


.social-link {
	color: rgba( 255, 255, 255, 1 );
	display: block;
	position: relative;
	text-decoration: none;
}

.social-link .hexagon-content {
	background-position: center;
	background-repeat: no-repeat;
}

.social-link.search .hexagon-content { background-image: url( assets/images/icons/search-white.svg ); background-position: 1.4rem center; }
.social-link.facebook .hexagon-content { background-image: url( assets/images/icons/facebook-white.svg ); }
.social-link.instagram .hexagon-content { background-image: url( assets/images/icons/instagram-white.svg ); }
.social-link.linkedin .hexagon-content { background-image: url( assets/images/icons/linkedin-white.svg ); }
.social-link.vimeo .hexagon-content { background-image: url( assets/images/icons/vimeo-white.svg ); }

.social-link p {
	display: none;
	font-size: 1.2rem;
	font-weight: 600;
}

.social-link:hover .hexagon-content {
	background-color: rgba( 210, 148, 58, 1 );
}

/* COLOR MODIFIER */

.gray .social-link .hexagon-content { background-color: rgba( 145, 143, 143, 1 ); }
.gray .social-link:hover .hexagon-content { background-color: rgba( 241, 169, 63, 1 ); }


/* Image Classes --------------------------------- */


.faux-image {
	background-color: rgba( 221, 221, 221, 1 );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
}

.faux-image .inner-image {
	padding-bottom: 62.5%;
	width: 100%;
}


/* Social Buttons --------------------------------- */


.sharing {
		display: -ms-flexbox;
	display: flex;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.sharing .smallcaps {
	color: rgba( 145, 143, 143, 1 );
	-ms-flex: 100%;
		flex: 100%;
	margin-bottom: 2rem;
}

.sharing-button {
	-ms-flex-align: center;
		align-items: center;
	border-radius: .4rem .4rem .4rem .4rem;
	color: rgba( 255, 255, 255, 1 );
	   display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	text-decoration: none;
}

.sharing-button + .sharing-button {
	margin-left: 1rem;
}

.sharing-button .icon {
	border-right: .1rem solid rgba( 255, 255, 255, 0.25 );
	height: 4.8rem;
	width: 4.8rem;
}

.sharing-button p {
	line-height: 1;
	margin: 0 0 0 0;
	padding: 0.5rem 1.5rem 0.5rem 1.4rem;
}

.sharing-button.facebook { background: rgba( 59, 89, 152, 1 ); }
.sharing-button.facebook:hover { background: rgba( 50, 75, 129, 1 ); }
.sharing-button.facebook .icon {
	background: url( ./assets/images/icons/facebook-white.svg ) no-repeat center;
	background-size: auto 2.1rem;
}

.sharing-button.linkedin { background: rgba( 0, 119, 181, 1 ); }
.sharing-button.linkedin:hover { background: rgba( 0, 101, 154, 1 ); }
.sharing-button.linkedin .icon {
	background: url( ./assets/images/icons/linkedin-white.svg ) no-repeat center;
	background-size: 1.8rem auto;
}


/* Meta blocks ------------------------------- */


.meta-blocks {
	border-top: .1rem solid rgba( 221, 221, 221, 1 );
}

.meta-blocks .block {
	padding: 3rem 0 3rem 0;
}

.meta-blocks .block + .block {
	border-top: .1rem solid rgba( 221, 221, 221, 1 );
}

.meta-blocks * + .smallcaps {
	margin-top: 2.5rem;
}

.meta-blocks p {
	line-height: 1.5;
	margin: 0 0 0 0;
	white-space: pre-line;
}

.meta-blocks p a {
	color: rgba( 35, 31, 32, 1 );
	text-decoration: none;
}

.meta-blocks p a:hover {
	color: rgba( 241, 169, 63, 1 );
}

.meta-blocks .downloads {
	margin-top: 2.5rem;
}

.meta-blocks .faux-button {
	font-size: 1.4rem;
	margin-top: 1.4rem;
	padding: 1.3rem 1.8rem 1.5rem 1.8rem;
}

/* META BLOCKS CONTACT */

.meta-blocks .block.contact {
		-ms-flex-align: start;
	align-items: flex-start;
		display: -ms-flexbox;
	display: flex;
		-ms-flex-direction: column;
	flex-direction: column;
		-ms-flex-pack: center;
	justify-content: center;
}

.meta-blocks.two-blocks .block.contact {
	padding-bottom: 0;
}

.meta-blocks.two-blocks .contact .inner {
	display: block;
}

.meta-blocks.two-blocks .contact img {
	display: block;
	margin: 2.5rem auto 0 auto;
	width: 100%;
}

.meta-blocks.three-blocks .contact img {
	display: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	4. Site Header
/* --------------------------------------------------------------------------------------------- */


#site-header {
	padding: 2.5rem 0 2.5rem 0;
	z-index: 100;
}

#site-header .section-inner {
		-ms-flex-align: center;
	align-items: center;
		display: -ms-flexbox;
	display: flex;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		-ms-flex-pack: justify;
	justify-content: space-between;
}


#site-header .logo,
#site-header .logo img {
	display: block;
}


/* --------------------------------------------------------------------------------------------- */
/*	5. Header Menus
/* --------------------------------------------------------------------------------------------- */


#site-header ul {
	list-style: none;
}


/* Nav Toggle --------------------------------- */





/* Header Menu --------------------------------- */


.header-menu {
	display: none;
	margin: 0 0 0 0;
	position: relative;
	z-index: 1;
}

.header-menu li {
	display: block;
	margin: 0 0 0 0;
	position: relative;
}

.header-menu > li {
	padding: 1.8rem 0 1.8rem 0;
}

.header-menu li.has-children > a {
	margin-right: 2rem;
}

.header-menu li.has-children > a:after {
	background: url( ./assets/images/icons/chevron-gray-down.svg ) no-repeat center;
	content: "";
	display: block;
	height: .6rem;
	position: absolute;
		right: -2rem;
		top: calc( 50% - .3rem );
	width: 1rem;
}

.header-menu > li + li {
	margin-left: 3rem;
}

.header-menu .sub-nav-toggle {
	display: none;
}

.header-menu a {
	border-bottom: .1rem solid transparent;
	color: rgba( 35, 31, 32, 1 );
	display: block;
	font-size: 1.8rem;
	font-weight: 600;
	position: relative;
	text-decoration: none;
}

.header-menu > li > a {
	padding: .2rem 0 .2rem 0;
}

.header-menu > li:hover > a,
.header-menu > li > a:hover,
.header-menu > li.current-menu-item > a {
	border-bottom-color: rgba( 35, 31, 32, 1 );
}

.header-menu ul {
	background: rgba( 255, 255, 255, 1 );
	border-radius: .6rem .6rem .6rem .6rem;
	box-shadow: 0 0 1rem rgba( 0, 0, 0, 0.15 );
	opacity: 0;
	margin: 1rem 0 0 0;
	padding: 1.25rem 0 1.25rem 0;
	position: absolute;
		left: -9999rem;
		top: 100%;
	transition: opacity 0.25s ease-in-out, margin 0.25s ease-in-out;
	width: 22rem;
}

.header-menu li > ul:before,
.header-menu li > ul:after {
	background: rgba( 255, 255, 255, 1 );
	content: "";
	display: block;
	height: 1.6rem;
	position: absolute;
		left: calc( 50% - .8rem );
		top: -.8rem;
	transform: rotate( 45deg );
	width: 1.6rem;
}

.header-menu li > ul:before {
	box-shadow: -.1rem 0 1rem rgba( 0, 0, 0, 0.125 );
}

.header-menu li > ul:after {
	height: 3rem;
	left: calc( 50% - 1.5rem );
	top: -.5rem;
	width: 3rem;
}

.header-menu ul li {
	z-index: 1;
}

.header-menu ul li.has-children > a {
	margin: 0 2rem 0 2rem;
}

.header-menu ul li.has-children > a:after {
	right: -.5rem;
}

.header-menu ul a {
	font-size: 1.6rem;
	font-weight: 400;
	padding: 1.25rem 0 1.25rem 0;
	text-align: center;
}

.header-menu ul li:hover > a,
.header-menu ul a:hover {
	text-decoration: underline;
}

.header-menu li:hover > ul {
	margin: 0 0 0 0;
	opacity: 1;
}

.header-menu li:hover > ul {
	left: calc( 50% - 11rem );
}

/* DEEP DOWN */

.header-menu ul ul {
	margin-top: 0;
}

.header-menu ul li:hover > ul {
	left: calc( 100% - 1rem );
	top: 0;
	margin-top: -1.3rem;
}

.header-menu ul li ul:before,
.header-menu ul li ul:after {
	left: -.8rem;
	top: 2.3rem;
}

.header-menu ul li ul:before {
	box-shadow: 0 -.1rem 1rem rgba( 0, 0, 0, 0.125 );
}

.header-menu ul li > ul:after {
	left: -.5rem;
	top: 1.6rem;
}

.header-menu ul ul li.current-menu-item > a {
	background: rgba( 238, 238, 238, 1 );
}

/* DARK HEADER */

.dark-header .header-menu > li > a {
	color: rgba( 255, 255, 255, 1 );
}

.dark-header .header-menu > li:hover > a,
.dark-header .header-menu > li > a:hover,
.dark-header .header-menu > li.current-menu-item > a {
	border-bottom-color: rgba( 255, 255, 255, 1 );
}


/* Header Translate Toggle ----------------------------- */


.header-translate {
	background: rgba( 228, 228, 228, 1 ) url( ./assets/images/icons/translate_gray.svg ) no-repeat 1.2rem calc( 100% - 1.2rem );
	background-size: 2rem auto;
	border-radius: 0 0 .5rem .5rem;
	color: rgba( 101, 98, 98, 1 );
	display: none;
	font-size: 1.4rem;
	padding: 1.7rem 1.4rem 1.3rem 4.4rem;
	position: absolute;
		right: 0;
		top: -.5rem;
	text-decoration: none;
}

.header-translate:hover {
	transform: translateY( .5rem );
}

/* DARK HEADER TRANSLATE */

#site-header.dark-header .header-translate {
	background-color: rgba( 79, 76, 77, 1 );
	background-image: url( ./assets/images/icons/translate_white.svg );
	color: rgba( 255, 255, 255, 1 );
}


/* Header Social ----------------------------- */


.header-social {
	display: none;
}

.header-social a + a {
	margin-left: 0.4rem;
}


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

body.mobile-menu-visible {
	overflow: hidden;
	position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
}

.mobile-menu {
	background-color: rgba( 241, 169, 63, 1 );
	margin: 0 0 0 0;
	overflow-y: auto;
	position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	z-index: 9999;
}

.merk-menu {
	background-color: rgba( 241, 169, 63, 1 );
	height: 100%;
	overflow: auto;
}

.merk-menu header {
	   -ms-flex-align: center;
	align-items: center;
	background-color: rgba( 241, 169, 63, 1 );
	   display: -ms-flexbox;
	display: flex;
		-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2.5rem 5% 2.5rem 5%;
}

.merk-menu ul {
	background-color: rgba( 220, 154, 59, 1 );
	margin: 0 0 0 0;
	position: relative;
	min-height: calc(100vh - 9.7rem - 20.9rem);
}

.merk-menu ul:after {
	background-color: rgba( 220, 154, 59, 1 );
	content: "";
	display: block;
	height: .1rem;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	z-index: 1;
}

.merk-menu li {
	border-bottom: .1rem solid rgba( 241, 169, 63, 1 );
		display: -ms-flexbox;
	display: flex;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 0 0;
	overflow: hidden;
	position: relative;
}

.merk-menu li a {
	font-size: 1.8rem;
	color: rgba( 255, 255, 255, 1 );
	display: block;
	padding: 2.3rem 5% 2.4rem 5%;
	text-decoration: none;
	width: 100%;
}

/* Sub Nav Toggle */

.merk-menu .sub-nav-toggle {
	display: block;
	height: 6.5rem;
	padding: 0 0 0 0;
	position: absolute;
		right: -2.5rem;
	width: 8.125rem;
}

.merk-menu .sub-nav-toggle .hexagon-content {
	background-color: rgba( 255, 255, 255, 1 );
}

.merk-menu .sub-nav-toggle .hexagon-content:before {
	background-image: url( ./assets/images/icons/arrow-orange-down.svg );
	background-position: 47.5% center;
	background-repeat: no-repeat;
	background-size: 1.6rem auto;
	content: "";
	display: block;
	height: 3rem;
	position: absolute;
		left: calc( 50% - 1.5rem );
		top: calc( 50% - 1.5rem );
	width: 3rem;
}

.merk-menu .sub-nav-toggle.active .hexagon-content:before {
	transform: rotate(180deg);
}

/* Sub Nav */

.merk-menu ul ul {
	background: rgba( 35, 31, 32, 0.2 );
	border-top: .1rem solid rgba( 241, 169, 63, 1 );
	display: none;
	min-height: 0;
	padding-left: 5%;
}

.merk-menu ul .sub-nav-toggle.active + ul {
	display: block;
	height: auto;
	width: 100%;
}

.merk-menu ul ul li {
	width: 100%;
}

.merk-menu ul ul li:last-child {
	border-bottom-width: 0;
}


/* MERK OPTION */

.merk-option {
	background: rgba( 241, 169, 63, 1 );
	   display: -ms-flexbox;
	display: flex;
	   -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.merk-option .mrouter-loaded {
	width: 100%;
}

.merk-option .mobile-social {
		display: -ms-flexbox;
	display: flex;
}

.merk-option .social-link {
	   -ms-flex-align: center;
	align-items: center;
	   display: -ms-flexbox;
	display: flex;
	   -ms-flex: 1 50%;
	flex: 1 50%;
		-ms-flex-direction: column;
	flex-direction: column;
	height: 12.1rem;
	   -ms-flex-pack: center;
	justify-content: center;
}

.merk-option .social-link .hexagon-content { background-color: rgba( 35, 31, 32, 0.2 ); }
.merk-option .social-link:hover .hexagon-content { background-color: rgba( 35, 31, 32, 1 ); }

.merk-option .social-link p {
	display: block;
	margin: 1rem 0 0 0;
}

.merk-option .social-link + .social-link {
	border-left: .1rem solid rgba( 220, 154, 59, 1 );
}

.mobile-translate {
	   -ms-flex-align: center;
	align-items: center;
	background: rgba( 241, 169, 63, 1 );
	border-top: .1rem solid rgba( 220, 154, 59, 1 );
	color: rgba( 255, 255, 255, 1 );
	   display: -ms-flexbox;
	display: flex;
	   -ms-flex: 1 100%;
	flex: 1 100%;
	height: 9rem;
	   -ms-flex-pack: center;
	justify-content: center;
	text-decoration: none;
}

.mobile-translate > div {
	   -ms-flex-align: center;
	align-items: center;
	color: rgba( 255, 255, 255, 1 );
	   display: -ms-flexbox;
	display: flex;
}

.mobile-translate > div:before {
	content: "";
	background: url( assets/images/icons/translate_white.svg );
	   display: -ms-flexbox;
	display: flex;
	height: 3rem;
	margin-right: 2rem;
	width: 3.2rem;
}

.mobile-translate span {
	border-bottom: .1rem solid rgba( 255, 255, 255, 1 );
}

.close-mobile-menu {
	display: none;
}

.mobile-menu.active {
	display: block;
}

.mobile-menu li {
	margin: 0 0 0 0;
}


/* Navigation Toggle ------------------------- */


.nav-toggle {
	cursor: pointer;
	height: 4.7rem;
	position: relative;
}

.nav-toggle .bars {
	position: relative;
}

.nav-toggle .hexagon {
	height: 4.7rem;
	width: 5.4rem;
}

.nav-toggle .hexagon .hexagon {
	height: 4.5rem;
	width: 5.2rem;
}

.nav-toggle .hexagon-content {
	background: rgb(35, 31, 32);
}

.nav-toggle .hexagon-content .hexagon-content {
	background: none;
}

.nav-toggle .bar {
	background-color: rgba( 255, 255, 255, 1 );
	display: block;
	height: .2rem;
	position: absolute;
		right: calc( 50% - 1.1rem );
		top: calc( 50% - .1rem );
	transition: transform 0.2s ease-in, opacity 0 ease-out 0.2s, margin 0.2s ease-out 0.2s;
	width: 2.2rem;
}

.nav-toggle .bar:nth-child(1) { margin-top: -0.7rem; }
.nav-toggle .bar:nth-child(2) { margin-top: -0.1rem; }
.nav-toggle .bar:nth-child(3) { margin-top: 0.5rem; }

.nav-toggle p {
	display: none;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .05rem;
	margin: 0 0 0 0;
	position: absolute;
		right: calc( 100% + 1.5rem );
		top: calc( 50% - .8rem );
	text-align: right;
	text-transform: uppercase;
    white-space: nowrap;
	width: 10rem;
}

.nav-toggle p .show { display: inline; }
.nav-toggle p .hide { display: none; }

#site-header .nav-toggle.active {
	color: rgba( 255, 255, 255, 1 );
}

#site-header .nav-toggle.active .hexagon-content {
	background: rgba( 255, 255, 255, 1 );
}

#site-header .nav-toggle.active .bar {
	background: rgba( 241, 169, 63, 1 );
	transition: margin 0.2s ease-in, opacity 0 ease-in 0.2s, transform 0.2s ease-out 0.25s;
}

#site-header .nav-toggle.active p .show { display: none; }
#site-header .nav-toggle.active p .hide { display: inline; }

#site-header .nav-toggle.active .bar:nth-child(1) {
	margin-top: -0.1rem;
	transform: rotate( 45deg );
}

#site-header .nav-toggle.active .bar:nth-child(2) {
	opacity: 0;
}

#site-header .nav-toggle.active .bar:nth-child(3) {
	margin-top: -0.1rem;
	transform: rotate( -45deg );
}


/* DARK TOGGLE */


.dark-header .nav-toggle p {
	color: rgba( 255, 255, 255, 1 );
}

.dark-header .nav-toggle .hexagon-content {
	background: rgba( 255, 255, 255, 1 );
}

.dark-header .nav-toggle .hexagon-content .hexagon-content {
	background: rgba( 35, 31, 32, 1 );
}



/* --------------------------------------------------------------------------------------------- */
/*	X. Grid
/* --------------------------------------------------------------------------------------------- */


.grid.section-inner {
	max-width: 168rem;
	width: calc( 100% - 2rem );
}

.section-inner + .grid.section-inner {
	margin-top: 4rem;
}

.grid-item {
	background: rgba( 255, 255, 255, 1 );
	   display: -ms-flexbox;
	display: flex;
		-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1rem;
	position: relative;
	text-decoration: none;
}

.grid-item .faux-image {
		-ms-flex-positive: 1;
	flex-grow: 1;
	max-height: 50vh;
}

.grid-item .inner-image {
	padding-bottom: 75%;
}

.grid-item.no-image .faux-image,
.grid-item.no-image .preview-header {
	background-color: transparent;
}

.grid-item.no-image:before { background-image: url( ./assets/images/hexagons/hexagon-pattern-post-fallback-mobile-left.svg ); }
.grid-item.no-image:after { background-image: url( ./assets/images/hexagons/hexagon-pattern-post-fallback-mobile-right.svg ); }

.grid-item.no-image .hexagon-arrow {
	display: inline-block;
	height: 1.7rem;
	margin-left: 1.5rem;
	position: relative;
		right: 0;
		top: 0;
	width: 2.2rem;
}

.grid-item.no-image:hover .hexagon-arrow.up-right { right: -0.5rem; top: -0.5rem; }
.grid-item.no-image:hover .hexagon-arrow.right { right: -0.5rem; }
.grid-item.no-image:hover .hexagon-arrow.down { bottom: -0.5rem; }

.grid-item.no-image .hexagon-arrow,
.grid-item.no-image .hexagon-arrow .hexagon-inner,
.grid-item.no-image .hexagon-arrow .hexagon-content {
	transform: rotate( 0 );
}

.grid-item.no-image .hexagon-arrow .hexagon-content {
	background-color: rgba( 255, 255, 255, 1 );
	background-size: auto 100%;
}

.grid-item.no-image .hexagon-arrow.up .hexagon-content { background-image: url( ./assets/images/icons/arrow-orange-up.svg ); }
.grid-item.no-image .hexagon-arrow.up-right .hexagon-content { background-image: url( ./assets/images/icons/arrow-orange-up-right.svg ); }
.grid-item.no-image .hexagon-arrow.right .hexagon-content { background-image: url( ./assets/images/icons/arrow-orange-right.svg ); }
.grid-item.no-image .hexagon-arrow.down .hexagon-content { background-image: url( ./assets/images/icons/arrow-orange-down.svg ); }
.grid-item.no-image .hexagon-arrow.left .hexagon-content { background-image: url( ./assets/images/icons/arrow-orange-left.svg ); }

.preview-header {
	background: rgba( 255, 255, 255, 0.97 );
	padding: 3rem 3rem 3rem 3rem;
	position: relative;
	text-decoration: none;
	z-index: 1;
}

.preview-header .hexagon-arrow {
	position: absolute;
		right: 2rem;
		top: -2rem;
}

.grid-item:hover .hexagon-arrow.up-right { top: -2.5rem; right: 1.5rem }
.grid-item:hover .hexagon-arrow.right { right: 1.5rem; }
.grid-item:hover .hexagon-arrow.down { top: -1.5rem; }

.grid-item figure:hover {
	cursor: pointer;
}

.preview-header p {
	color: rgba( 241, 169, 63, 1 );
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0 0 1.2rem 0;
}

.preview-header p:first-letter {
	text-transform: capitalize;
}

.preview-header .preview-subtitle,
.preview-header .preview-subtitle p {
	color: rgba( 145, 143, 143, 1 );
	font-weight: 400;
	line-height: 1.4;
	margin: .6rem 0 0 0;
}

.preview-header h3 {
	color: rgba( 35, 31, 32, 1 );
	font-size: 2.4rem;
	word-break: break-word;
}

a .preview-header h3 {
	color: rgba( 35, 31, 32, 1 );
	text-decoration: none;
}

a:hover .preview-header h3,
a.preview-header:hover h3 {
	text-decoration: underline;
}


/* Load More Wrapper ------------------------------- */


.grid-row + .load-more-wrapper {
	margin-top: 4rem;
}




/* --------------------------------------------------------------------------------------------- */
/*	X. Singular Post/Page
/* --------------------------------------------------------------------------------------------- */


.featured-image {
	margin-bottom: 4rem;
	position: relative;
	width: 100%;
}

.featured-image img {
	display: block;
	width: 100%;
}


/* Post Header ------------------------------- */


.post-category {
	margin: 0 0 1rem 0;
}

.post-category a {
	text-decoration: none;
}

.post-date {
	color: rgba( 145, 143, 143, 1 );
	font-size: 1.6rem;
	margin: 1rem 0 0 0;
}

.post-date a {
	color: rgba( 145, 143, 143, 1 );
	text-decoration: none;
}

.post-date a:hover {
	text-decoration: underline;
}


/* Page Content ------------------------------- */

.post-content.centered-content-text {
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
	width: 60rem;
}

.page-content > h1,
.page-content > h2,
.page-content > h3,
.page-content > h4,
.page-content > h5,
.page-content > h6,
.page-content > p,
.page-content > ul,
.page-content > ol,
.page-content > blockquote,
.page-content > pre
.page-content > figure {
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
	width: 60rem;
}

.page-content .wp-video {
	margin: 0 auto 3rem auto;
	max-width: 90%;
}

.page-content blockquote.instagram-media {
	margin: 0 auto 3rem auto !important;
	max-width: 90% !important;
	width: 60rem !important;
}

.page-content .gallery {
	margin: 4rem 0 4rem;
}

.page-content .gallery.full + .gallery.full {
	margin-top: -4rem;
}

.page-content form {
	background: rgba( 249, 249, 249, 1 );
	border-radius: .5rem .5rem .5rem .5rem;
	padding: 2rem 2rem 2rem 2rem;
}

.page-content form,
.page-content .caldera-grid .alert {
	margin: 3rem auto 3rem auto;
	max-width: 76.9rem;
	width: 90%;
}

.page-content .caldera-grid .alert {
	border-radius: .5rem .5rem .5rem .5rem;
	font-size: 1.6rem;
	padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	text-align: center;
}

.page-content .caldera_forms_form.active {
	display: none; /* Hide form after submission */
}

.page-content .caldera_forms_form .first_row *:first-child { margin-top: 0; }
.page-content .caldera_forms_form .last_row *:last-child,
.page-content .caldera_forms_form .last_row .form-group:last-of-type { margin-bottom: 0; }

.page-content .caldera-grid .help-block {
	font-size: 1.3rem;
	margin: 1rem 0 0 0;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Entry Content
/* --------------------------------------------------------------------------------------------- */


.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }

.entry-content p,
.entry-content ul,
.entry-content ol {
	margin-bottom: 2rem;
}

.entry-content p {
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 4rem;
	margin-bottom: 2rem;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.125em; }
h6 {
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

.entry-content li {
	line-height: 1.5;
	margin-left: 7.5%;
}

.entry-content .instagram-media {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* --------------------------------------------------------------------------------------------- */
/*	X. Case Category
/* --------------------------------------------------------------------------------------------- */


.to-the-content-alt {
    display: none;
}

/* --------------------------------------------------------------------------------------------- */
/*	X. Archive Page
/* --------------------------------------------------------------------------------------------- */


.archive-page:not(.search-page) .anti-hero .section-inner {
	position: static;
}

.archive-page:not(.search-page) .anti-hero .section-inner:before {
	background-image: linear-gradient( -180deg, rgba( 244, 243, 246, 0 ) 0%, rgba( 244, 243, 246, 1 ) 100% );
	content: "";
	display: block;
	height: 20rem;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
}

.archive-page:not(.search-page) .anti-hero .section-inner > * {
	position: relative;
}

.archive-page .grid-section {
	padding-top: .1rem;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Search Page
/* --------------------------------------------------------------------------------------------- */


/* Search Page ------------------------------- */


.search-page .results,
.search-page .no-results {
	padding-top: 0;
}


/* Search Form ------------------------------- */


.search-form {
	margin: 3rem auto 0 auto;
	max-width: 40rem;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.search-form .search-field {
	border-color: rgba( 220, 220, 220, 1 );
	font-size: 1.6rem;
	letter-spacing: -0.014rem;
	padding: 1.7rem 9rem 1.7rem 2.4rem;
	text-align: left;
}

.search-form .search-button {
	background: transparent url( ./assets/images/icons/search-button-bg.svg ) no-repeat center left;
	background-color: transparent !important;
	background-size: 100% auto;
	border-radius: 0 0 0 0;
	display: block;
	height: 100%;
	padding: 0 0 0 0;
	position: absolute;
		bottom: 0;
		top: 0;
		right: 0;
	text-indent: -9999rem;
	width: 7rem;
}

.search-form .search-button:hover {
	opacity: 0.8;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Site Footer
/* --------------------------------------------------------------------------------------------- */


#site-footer {
	padding: 2rem 0 4rem 0;
	position: relative;
	text-align: center;
}


/* Footer Blocks ------------------------------- */


.footer-blocks {
		-ms-flex-pack: center;
	justify-content: center;
		display: -ms-flexbox;
	display: flex;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-blocks > div {
	   -ms-flex: 100%;
	flex: 100%;
	margin-top: 2.5rem;
}

div.footer-logo {
	margin: 0 0 2rem 0;
}

.footer-blocks div:first-child {
	margin-top: 0;
}

.footer-blocks .smallcaps {
	color: rgba( 145, 143, 143, 1 );
	margin-bottom: .8rem;
	text-align: center;
}

.footer-blocks p {
	line-height: 1.5;
	margin: 0 0 0 0;
	text-align: center;
	white-space: pre-line;
}

.footer-blocks p a {
	text-decoration: none;
}

.footer-blocks p a:hover {
	text-decoration: underline;
}

.footer-blocks p + .smallcaps {
	margin-top: 2.5rem;
}

.footer-blocks p,
.footer-blocks p a {
	color: rgba( 255, 255, 255, 1 );
}


/* Footer Social ------------------------------- */


.footer-blocks > div:last-child {
	-ms-flex: 0 1 15rem;
		flex: 0 1 15rem;
	margin: 4rem 0 0 0;
}

.footer-social a + a {
	margin-top: 0.8rem;
}

.footer-social p {
	display: block;
	font-size: 1.4rem;
	position: absolute;
		left: 6rem;
		top: calc( 50% - 1rem );
}


/* Credits ------------------------------- */


.credits {
		-ms-flex-align: center;
	align-items: center;
	border-top: .1rem solid rgba( 79, 76, 77, 1 );
	color: rgba( 145, 143, 143, 1 );
		display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
		-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 4rem;
	padding-top: 2rem;
}

.credits a { color: rgba( 145, 143, 143, 1 ); }
.credits a:hover { color: rgba( 255, 255, 255, 1 ); }

.credits p {
	margin: 0 0 0 0;
}

.credits ul {
	display: none;
	margin: 0 0 0 0;
}

.credits ul ul {
	display: none;
}

.credits li {
	display: inline;
}

.credits li + li {
	margin-left: 3rem;
}

.credits a {
	text-decoration: none;
}

.credits .to-the-top {
	min-width: 5rem;
}

.to-the-top.desktop {
    display: none;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Media Queries
/* --------------------------------------------------------------------------------------------- */


@media ( min-width: 350px ) {


	/* Element Base ---------------------------------- */

	.big-title,
	.medium-title {
		font-size: 2.8rem;
	}

	.big-excerpt,
	.medium-excerpt {
		font-size: 1.8rem;
	}


}


@media ( min-width: 400px ) {

	/* Header Menus ---------------------------------- */

	.nav-toggle p {
		display: block;
	}

}


/*  Small (480px)
/* ------------------------------------------- */

@media ( min-width: 480px ) {



	/* Element Base ---------------------------------- */


	.big-title {
		font-size: 4.8rem;
	}

	.medium-title {
		font-size: 4rem;
	}

	.small-title {
		font-size: 2.4rem;
	}

	.big-excerpt {
		font-size: 2.4rem;
	}

	.medium-excerpt {
		font-size: 2.2rem;
	}

	* + .medium-excerpt {
		margin: 2.1rem 0 0 0;
	}

	.small-excerpt {
		font-size: 2rem;
		line-height: 1.4;
		letter-spacing: -0.01rem;
	}

	button,
	.faux-button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		font-size: 1.6rem;
		padding: 1.6rem 2.4rem 1.6rem 2.4rem;
	}

	/* POST MEDIA */

	.wp-caption-text,
	.gallery-caption,
	.gallery figcaption {
		max-width: 27.3rem;
		position: absolute;
			bottom: 0;
			left: 0;
	}


	/* Helper Classes ---------------------------------- */

	.sharing {
		margin-top: 4rem;
	}

	/* Grid --------------------------------------------- */

	.grid-row + .load-more-wrapper {
		margin-top: 8rem;
	}

	.infotek-link-details {
		font-size: 1.6rem;
		padding: 2.5rem 3rem 2.5rem 3rem;
	}


	/* Singular Post/Page ---------------------------------- */

	.featured-image {
		margin-bottom: 8rem;
	}

	/* POST HEADER */

	.post-category {
		margin: 0 0 1.5rem 0;
	}

	.post-date {
		font-size: 1.8rem;
		margin: 1.5rem 0 0 0;
	}

	/* PAGE CONTENT */

	.page-content .gallery {
		margin: 6rem 0 6rem;
	}

	.page-content .gallery.full + .gallery.full {
		margin-top: -6rem;
	}


	/* Entry Content ---------------------------------- */

	.entry-content {
		font-size: 1.9rem;
	}


	/* Page Content ------------------------------- */

	.page-content form,
	.page-content .alert {
		margin: 6rem auto 6rem auto;
	}

	.page-content form {
		padding: 4rem 4rem 4rem 4rem;
	}


	/* Search Page ---------------------------------- */

	.search-form .search-field {
		font-size: 1.8rem;
	}


}


@media ( min-width: 650px ) {


	/* Helper Classes ---------------------------------- */

	/* Tablet Menu */

	.merk-menu ul {
		   display: -ms-flexbox;
		display: flex;
		   -ms-flex-wrap: wrap;
		flex-wrap: wrap;
		min-height: calc(100vh - 9.7rem - 12.1rem);
	}

	.merk-menu ul li {
		border-right: .1rem solid rgba( 241, 169, 63, 1 );
		border-bottom: .1rem solid rgba( 241, 169, 63, 1 );
			display: -ms-flexbox;
		display: flex;
			-ms-flex: 0 50%;
		flex: 0 50%;
		min-height: calc( (100vh - 9.7rem - 12.1rem ) / 3 );
		   -ms-flex-pack: center;
		justify-content: center;
	}

	.merk-menu ul li:nth-child(even) {
		border-right: none;
	}

	.merk-menu ul li a {
			-ms-flex-align: center;
		align-items: center;
			display: -ms-flexbox;
		display: flex;
		font-size: 2.4rem;
			-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}

	/* Sub Nav Toggle */

	.sub-nav-toggle {
		display: none;
	}

	.merk-menu .sub-nav-toggle {
		height: 8rem;
		right: -2.7rem;
		top: 0;
		transition: none;
		width: 10rem;
	}

	.merk-menu .sub-nav-toggle.active {
		position: fixed;
			top: 9.7rem;
		z-index: 2;
	}

	/* Sub Nav */

	.merk-menu ul li.displays-children {
		position: static;
	}

	.merk-menu ul .sub-nav-toggle.active + ul {
			display: -ms-flexbox;
		display: flex;
	}

	.merk-menu ul ul {
		align-items: flex-start;
		background: rgba( 183, 129, 54, 1 );
		border-top: none;
		padding: 0 0 0 0;
		position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
		z-index: 1;
	}

	.merk-menu ul ul li {
		border-bottom-color: rgba( 220, 154, 59, 1 );
		border-right-color: rgba( 220, 154, 59, 1 );
	}

	.merk-menu ul ul li:last-child {
		border-bottom-width: .1rem;
	}

	/* Merk Options */

	.merk-menu .mrouter-loaded {
		width: 50%;
	}

	.merk-menu .merk-option {
			-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.merk-menu .merk-option .social-link {
		   -ms-flex-align: center;
		align-items: center;
			display: -ms-flexbox;
		display: flex;
			-ms-flex-pack: center;
		justify-content: center;
	}

	.merk-menu .mobile-translate {
		   -ms-flex-align: center;
		align-items: center;
		background: rgba( 241, 169, 63, 1 );
		border-top: none;
		border-left: .1rem solid rgba( 220, 154, 59, 1 );
		color: rgba( 255, 255, 255, 1 );
			display: -ms-flexbox;
		display: flex;
			-ms-flex: 1 50%;
		flex: 1 50%;
		height: 12rem;
			-ms-flex-pack: center;
		justify-content: center;
	}




	/* Search Page ---------------------------------- */

	.search-form .search-field {
		font-size: 2rem;
	}


}


@media ( min-width: 750px ) {




	/* Element Base ---------------------------------- */

	/* MEDIA */

	.wp-caption-text {
		bottom: 2rem;
		left: 2rem;
	}


	/* Site Header ---------------------------------- */

	#site-header {
		padding: 3.2rem 0 3.2rem 0;
	}

	.merk-menu header {
		padding: 3.2rem 5% 3.2rem 5%;
	}

	.merk-menu > ul {
		min-height: calc(100vh - 11.1rem - 12.1rem);
	}

	.merk-menu .sub-nav-toggle.active {
		top: 11.1rem;
	}


	/* Gallery --------------------------------------------- */


	.gallery-inner {
		left: -2rem;
		width: calc( 100% + 2rem );
	}

	.gallery-item {
			-ms-flex-preferred-size: 100%;
		flex-basis: calc( 100% - 2rem );
		margin: 0 0 2rem 2rem;
		overflow: hidden; /* Added to maintain the 2rem bottom margin on grid items. Find better solution if breaks something else (Merk) */ 
	}

	.gallery-columns-2 .gallery-item {
			-ms-flex: 40%;
		flex: calc( 50% - 2rem );
	}
	.gallery-columns-3 .gallery-item {
			-ms-flex: 40%;
		flex: calc( 50% - 2rem );
	}

	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
			-ms-flex: 40%;
		flex: calc( 50% - 2rem );
	}

	.gallery.mixed .gallery-item {
			-ms-flex: 45%;
		flex: 1 0 calc(50% - 2rem);
	}

	.gallery .video figcaption.gallery-caption {
		font-size: 2rem;
	}






	/* Site Footer ---------------------------------- */


	#site-footer {
		padding: 2rem 0 10rem 0;
		text-align: left;
	}

	.footer-blocks {
			-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.footer-blocks > div,
	.footer-blocks > div:last-child {
			-ms-flex: 0 1 25%;
		flex: 0 1 25%;
		margin: 0 0 0 0 !important;
	}

	.footer-blocks .smallcaps,
	.footer-blocks p {
		text-align: left;
	}

	.credits {
		margin-top: 10rem;
		padding-top: 3.2rem;
	}

	.credits ul {
		display: block;
	}
    
    .to-the-top.desktop {
        display: block;
    }
    
    .to-the-top.mobile {
        display: none;
    }

	.hexagon.to-the-top {
		height: 8rem;
		position: absolute;
			top: -4rem;
			right: 7.6rem;
		width: 10rem;
	}

	.to-the-top:hover {
		top: -4.5rem;
	}


}



/*  Medium (769px)
/* ------------------------------------------- */

@media ( min-width: 769px ) {



	/* Grid --------------------------------------------- */

	.grid-row + .load-more-wrapper {
		margin-bottom: -2rem;
	}

	.load-more-button {
		min-width: 14rem;
	}


}

@media ( min-width: 900px ) {


	/* Structure ---------------------------------- */

	.section-inner.wide {
		width: calc( 100% - 8rem );
	}

}


@media ( min-width: 1020px ) {


	/* Element Base ---------------------------------- */

	/* POST MEDIA */

	.gallery-caption,
	.gallery figcaption {
		bottom: 2rem;
		left: 2rem;
	}

	.gallery-columns-2.standard .gallery-caption,
	.gallery-columns-2.standard .gallery figcaption {
		bottom: 4rem;
		left: 4rem;
	}

	/* Media Overlay */

	.overlay-content {
		bottom: 0;
		left: 10rem;
		right: 10rem;
	}

	.overlay-caption {
		padding: 6rem 0 3.7rem 0;
	}

	.overlay-caption .section-inner {
		width: 100%;
	}

	.overlay-content.expanded-caption .overlay-caption p {
		font-size: 1.6rem;
	}

	.overlay-controls {
		background: none;
		position: static;
	}

	.overlay-controls div {
		position: absolute;
	}

	.overlay-controls div + div {
		border: none;
	}

	.overlay-controls .overlay-pagination {
		bottom: 0;
		top: 0;
		width: 10rem;
	}

	.overlay-controls .close {
		height: 10rem;
		right: 0;
		top: 0;
		width: 10rem;
		z-index: 1;
	}

	.overlay-controls .prev {
		background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
		left: 0;
	}

	.overlay-controls .next {
		background: linear-gradient(-90deg, #000000 0%, rgba(0,0,0,0.00) 100%);
		right: 0;
	}


	/* Helper Classes ---------------------------------- */


	/* Header Menus ---------------------------------- */

	/* WIDE TABLET MENU */

	.merk-menu ul li {
		border: none;
		border-bottom: .1rem solid rgba( 241, 169, 63, 1 );
			-ms-flex: 1 1 33.3%;
		flex: 1 1 33.3%;
		max-width: 33.3%;
		min-height: calc( (100vh - 11.1rem - 12.1rem ) / 2 );
	}

	.merk-menu ul li:nth-child(3n+2) {
		border-left: .1rem solid rgba( 241, 169, 63, 1 );
		border-right: .1rem solid rgba( 241, 169, 63, 1 );
	}

	.merk-menu ul ul li:last-child {
		border-right: .1rem solid rgba( 220, 154, 59, 1 );
	}

	.merk-menu .merk-option .mobile-social {
			-ms-flex: 0 1 66.6%;
		flex: 0 1 66.6%;
	}

	.merk-menu .mobile-translate {
			-ms-flex: 0 1 calc( 33.3% + .1rem );
		flex: 0 1 calc( 33.3% + .1rem );
	}

	.merk-menu .merk-option {
		width: 100%;
	}
    
    /* Social */
    
    .merk-menu .mrouter-loaded {
		width: 66.6%;
	}


	



	/* Grid ---------------------------------- */

	.grid.section-inner {
		max-width: calc( 100% - 4rem );
	}

	.section-inner + .grid.section-inner {
		margin-top: 6rem;
	}

	.grid-row {
			display: -ms-flexbox;
		display: flex;
	}

	.grid-item {
			-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		margin-top: 2rem;
	}

	.grid-item + .grid-item {
		margin-left: 2rem;
	}

	.grid-item .faux-image {
		max-height: none;
	}

	.grid-item.no-image:before { background-size: 16.5rem auto; }
	.grid-item.no-image:after { background-size: 9rem auto; }

	.preview-header {
		padding: 4rem 4rem 4rem 4rem;
	}
    
    /* SIZE MEDIUM & LARGE */
    
    .grid-item.size-medium .inner-image,
    .grid-item.size-large .inner-image {
        padding-bottom: 130%;
    }

    .size-medium .preview-header,
    .size-large .preview-header {
        position: absolute;
            bottom: 1rem;
            left: 1rem;
            right: 1rem;
    }

	/* SIZE MEDIUM */

	.grid-item.size-medium .inner-image {
		padding-bottom: 66.6%;
	}

	.preview.size-medium .preview-header,
	.preview.size-large .preview-header {
			display: -ms-flexbox;
		display: flex;
			-ms-flex-direction: column;
		flex-direction: column;
		bottom: 4rem;
		left: 4rem;
		min-height: 16.6rem;
			-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: calc( 100% - 8rem );
		right: auto;
		width: 45.3rem;
	}

	/* SIZE LARGE */

	.grid-row.has-large {
			-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 66.2%;
		position: relative;
	}

	.grid-row.has-large .grid-item {
			-ms-flex: auto;
		flex: auto;
	}

	.grid-item.size-large {
		position: absolute;
			bottom: 0;
			left: 0;
			top: 0;
		width: 66.1%;
	}

	.grid-item.size-large .faux-image {
		position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
	}

	.grid-item.size-large .inner-image {
		display: none;
	}

	.preview.size-large .preview-header {
		bottom: 8rem;
			display: -ms-flexbox;
		display: flex;
			-ms-flex-direction: column;
		flex-direction: column;
		left: 8rem;
			-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: calc( 100% - 16rem );
		min-height: 24rem;
		width: 48rem;
	}

	.preview.size-large .preview-header h3 {
		font-size: 3.2rem;
		letter-spacing: -0.025rem;
	}


	/* Gallery --------------------------------------------- */

	.gallery-columns-3 .gallery-item {
			-ms-flex: 30%;
		flex: calc(33% - 2rem);
	}

	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
			-ms-flex: 30%;
		flex: calc(33% - 2rem);
	}

	.gallery.mixed .gallery-item {
			-ms-flex: 30%;
		flex: 1 0 calc(33% - 2rem);
	}


	/* Singular Post/Page ---------------------------------- */

	.page-content .gallery {
		margin: 8rem 0 8rem;
	}

	.page-content .gallery.full + .gallery.full {
		margin-top: -8rem;
	}


}



/*  Large (1025px)
/* ------------------------------------------- */

@media ( min-width: 1025px ) {


	/* Structure ---------------------------------- */

	.section-inner + .section-inner {
		margin-top: 12rem;
	}


	/* Site Header -------------------------------- */

	#site-header {
		padding: 0 0 6.4rem 0;
	}

	#site-header .section-inner {
		padding-top: 6.4rem;
		position: relative;
	}

	/* HEADER TRANSLATE TOGGLE */

	.header-translate {
		display: block;
	}

	/* HEADER SOCIAL */

	.header-social {
		display: block;
	}


	/* Header Menus ------------------------------- */
	
	.hide-on-desktop,
	#site-header > .section-inner > .nav-toggle  {
		display: none;
	}

	.header-menu,
	.header-social {
			display: -ms-flexbox;
		display: flex;
	}


	/* Grid ---------------------------------- */


	.grid-section {
		padding: 10rem 0 10rem 0;
	}


	/* Case Page ---------------------------------- */

	.case-section {
		padding: 10rem 0 10rem 0;
	}

	.case-section .gallery.mixed:last-child {
		margin-bottom: 10rem;
	}

	/* contact-us Section */

	.case-contact-us.single {
		margin-top: 12rem;
	}

}


/* NEXT CSS LEVEL */


@media ( min-width: 1120px ) {

	/* Header Menus ---------------------------------- */

	.header-menu > li + li {
		margin-left: 5rem;
	}

}


@media ( min-width: 1180px ) {


	.hex-competency p:before {
		display: block;
	}


}



/*  HD (1281px)
/* ------------------------------------------- */

 @media ( min-width: 1281px ) {


	/* Front Page ---------------------------------- */

	/* GRID SECTION */

	.front-blocks + .grid-section {
		padding-top: 2rem;
	}



	/* MEDIA PREVIEW */

	.media-preview .media-caption {
		font-size: 1.8rem;
		width: 48rem;
	}

	.media-preview.size-small .media-caption {
		font-size: 1.6rem;
	}


	/* Case ------------------------------- */

	/* CASE MEDIA */

	.case-details + .gallery.full.gallery-columns-1 {
		max-width: 100%;
		width: calc( 100% - 8rem );
	}


 }