/*!
Theme Name: McOnie Company
Theme URI: http://underscores.me/
Author: Raffaele Malanga / Nicholas Hart / HdK Associates
Author URI: https://dekretser.com
Description: This is the theme for the McOnie Company.
Version: 1.0.0
License: No license.
License URI: N/A
Text Domain: mconie

The McOnie Company theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*

BLUE MUSTANG #2d758c
DENIM #4472ad
LAVA LAMP #fd4d2b
MIAMI #d5438a
MOTEL SUNSET #f5855b
POWER SUIT #ff2153
SODA FOUNTAIN #68bbb8

FOOTER LINK #f38560

*/

.color__blue-mustang {
	color: #2d758c;
}
.color__denim {
	color: #4472ad;
}
.color__lava-lamp {
	color: #fd4d2b;
}
.color__miami {
	color: #d5438a;
}
.color__motel-sunset {
	color: #f5855b;
}
.color__power-suit {
	color: #ff2153;
}
.color__soda-fountain {
	color: #68bbb8;
}
.color__show-pink {
	color: #d3468a;
}
.color__black {
	color: #000000;
}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

b,
strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
  font-size: 100%;
}

b, strong {
	font-weight: 500;
}

i, em {
	font-style: italic;
}

p {
	margin: 0;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	overflow-x: hidden;
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

/*--------------------------------------------------------------
## Margins
--------------------------------------------------------------*/
main#main {
	margin: 0 0 75px 90px;
}
main#main__archive {
	margin: 0 90px 0 90px;
}
main#main__post {
	margin: 0 0 0 90px;
}
main#landing {
	margin: 0 0 0 90px;
}
	@media screen and (max-width: 1200px) {
		main#main {
			margin: 0 0 75px 70px;
		}
		main#main__archive {
			margin: 0 70px 0 70px;
		}
		main#main__post {
			margin: 0 0 0 70px;
		}
		main#landing {
			margin: 0 0 0 70px;
		}
	}
	@media screen and (max-width: 950px) {
		main#main {
			margin: 0 0 75px 60px;
		}
		main#main__archive {
			margin: 0 60px 0 60px;
		}
		main#main__post {
			margin: 0 0 0 60px;
		}
		main#landing {
			margin: 0 0 0 60px;
		}
	}
	@media screen and (max-width: 700px) {
		main#main__archive {
			margin: 0 0 0 60px;
		}
	}
	@media screen and (max-width: 650px) {
		main#main {
			margin: 0 0 75px 0;
		}
		main#main__archive {
			margin: 0 0 0 0;
		}
		main#main__post {
			margin: 0 0 0 0;
		}
		main#landing {
			margin: 0;
		}
	}

.introduction__row,
.audition__row,
.content__row,
.feature__container,
.video__container,
.shows__container,
.news_thoughts__container {
	margin: 50px 90px 50px 0;
	}
	@media screen and (max-width: 1200px) {
		.introduction__row,
		.audition__row,
		.content__row,
		.feature__container,
		.video__container,
		.shows__container,
		.news_thoughts__container {
			margin: 50px 70px 50px 0;
		}
	}
	@media screen and (max-width: 950px) {
		.introduction__row,
		.audition__row,
		.content__row,
		.feature__container,
		.video__container,
		.shows__container,
		.news_thoughts__container {
			margin: 50px 60px 50px 0;
		}
	}
	@media screen and (max-width: 650px) {
		.introduction__row,
		.audition__row,
		.content__row,
		.video__container,
		.feature__container,
		.shows__container,
		.news_thoughts__container {
			margin: 50px 0;
			padding: 0 4VW;
		}
	}

.introduction__row.timeline__introduction {
	margin: 50px 90px 50px 90px;
	}
	@media screen and (max-width: 1200px) {
		.introduction__row.timeline__introduction {
			margin: 50px 70px 50px 70px;
		}
	}
	@media screen and (max-width: 950px) {
		.introduction__row.timeline__introduction {
			margin: 50px 60px 50px 60px;
		}
	}
	@media screen and (max-width: 650px) {
		.introduction__row.timeline__introduction {
			margin: 50px 0;
			padding: 0 4VW;
		}
	}

.reviews {
	margin: 50px 0 50px auto;
	}
	@media screen and (max-width: 1200px) {
		.reviews {
			margin: 50px 0 50px auto;
		}
	}
	@media screen and (max-width: 950px) {
		.reviews {
			margin: 50px 0 50px auto;
		}
	}

.content__row.gallery {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	}
	@media screen and (max-width: 650px) {
		.content__row.gallery {
			padding: 0 0 0 4VW;
		}
	}

.news__post_wrapper {
	margin: 0;
}

/*--------------------------------------------------------------
## Selection
--------------------------------------------------------------*/
body.color__blue-mustang ::selection {
	background: #2d758c;
	color: #ffffff;
}
body.color__denim ::selection {
	background: #4472ad;
	color: #ffffff;
}
body.color__lava-lamp ::selection {
	background: #fd4d2b;
	color: #ffffff;
}
body.color__miami ::selection {
	background: #d5438a;
	color: #ffffff;
}
body.color__motel-sunset ::selection {
	background: #f5855b;
	color: #ffffff;
}
body.color__power-suit ::selection {
	background: #ff2153;
	color: #ffffff;
}
body.color__soda-fountain ::selection {
	background: #68bbb8;
	color: #ffffff;
}
body.color__show-pink ::selection {
	background: #d3468a;
	color: #ffffff;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagination {
	text-align: center;
	padding: 10px 0 20px;
}
.pagepn {
	text-indent: -4000px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 10px;
}
.page-first {
	background-image: url('assets/images/page-first.png');
}
.page-prev {
	background-image: url('assets/images/page-prev.png');
}
.page-next {
	background-image: url('assets/images/page-next.png');
}
.page-last{
	background-image: url('assets/images/page-last.png');
}
.pagination a,
.pagination span {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #000000;
	display: inline-block;
	width: 28px;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	box-sizing: border-box;
	padding-top: 1px;
	text-decoration: none;
	cursor: pointer;
}
.pagination a.inactive {
	opacity: 0.5;
	cursor: default;
}
.page-numbers {
	color: inherit;
	margin: 0 7px;
}
.page-numbers.current {
	background: #6bbbb7;
	color: #FFFFFF;
}
.page-prev {
	margin-left: -5px;
	margin-right: 7px;
}
.page-next {
	margin-right: -5px;
	margin-left: 7px;
}
.packages .pack {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	padding: 14px;
	margin-bottom: 3px;
}
.pack1 {
	background-color: #FFE7BE;
}
.pack2 {
	background-color: #FFD082;
}
.pack3 {
	background-color: #F9BB53;
}
#primary .packages .pack h3 {
	width: 23%;
	padding-top: 0;
	min-width: 70px;
}
#primary .packages .pack .packdesc {
	width: 77%;
}

/*--------------------------------------------------------------
# Landing
--------------------------------------------------------------*/
.landing__page {
	width: 100%;
	height: 100VH;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	flex-wrap: wrap;
}
a.landing__block {
	width: 33.3333%;
	height: 50VH;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: block;
	text-decoration: none;
	}
	@media screen and (max-width: 700px) {
		a.landing__block {
			width: 50%;
			height: 50%;
		}
		.landing__page {
			height: 100%;
		}
	}
.landing__block.color__blue-mustang {
	background-color: #2d758c;
	}
	.landing__block.color__blue-mustang .rollover .inner {
		background-color: rgba(45,117,140,0.8);
	}
.landing__block.color__denim {
	background-color: #4472ad;
	}
	.landing__block.color__denim .rollover .inner {
		background-color: rgba(70,115,171,0.8);
	}
.landing__block.color__lava-lamp {
	background-color: #fd4d2b;
	}
	.landing__block.color__lava-lamp .rollover .inner {
		background-color: rgba(253,73,43,0.8);
	}
.landing__block.color__miami {
	background-color: #d5438a;
	}
	.landing__block.color__miami .rollover .inner {
		background-color: rgba(213,67,138,0.8);
	}
.landing__block.color__motel-sunset {
	background-color: #f5855b;
	}
	.landing__block.color__motel-sunset .rollover .inner {
		background-color: rgba(245,133,91,0.8);
	}
.landing__block.color__power-suit {
	background-color: #ff2153;
	}
	.landing__block.color__power-suit .rollover .inner {
		background-color: rgba(255,33,83,0.8);
	}
.landing__block.color__soda-fountain {
	background-color: #68bbb8;
	}
	.landing__block.color__soda-fountain .rollover .inner {
		background-color: rgba(104,187,184,0.8);
	}
.landing__block.color__show-pink {
	background-color: #d3468a;
	}
	.landing__block.color__show-pink .rollover .inner {
		background-color: rgba(211,70,138,0.8);
	}
.landing__block img.landing__dancer {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}
.landing__block img.landing__dancer {
	-webkit-animation-duration: .8s;
  animation-duration: .5s;
	animation-delay: 1.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: landing;
  animation-name: landing;
}
@-webkit-keyframes landing {
  from {
		opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
		opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes landing {
  from {
		opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
		opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.rollover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
	width: 100%;
	height: 100%;
  opacity: 0;
	transform: scale(1);
  transition: opacity .5s ease, transform 1.2s ease-in-out;
	-webkit-transition: opacity .5s ease, transform 1.2s ease-in-out;
	-moz-transition: opacity .5s ease, transform 1.2s ease-in-out;
	-o-transition: opacity .5s ease, transform 1.2s ease-in-out;
}
.rollover .inner {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
}
.rollover h2 {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 2.25rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #ffffff;
  -webkit-text-fill-color: rgba(26,26,26,0);
	margin: 0;
	text-align: center;
	}
	@media screen and (max-width: 1280px) {
		.rollover h2 {
			/* font-size: 1.75rem; */
			font-size: 1.75rem;
			-webkit-text-stroke-width: 1px;
		}
	}
	@media screen and (max-width: 720px) {
		.rollover h2 {
			/* font-size: 1.5rem; */
			font-size: 1.5rem;
			-webkit-text-stroke-width: 1px;
		}
	}

.landing__block:hover .rollover {
	transform: scale(1.05);
  opacity: 1;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.menu__sidebar {
	position: fixed;
	background-color: #FFFFFF;
	height: 100%;
	width: 90px;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-transition: width 0.25s ease-in-out;
	-moz-transition: width 0.25s ease-in-out;
	-o-transition: width 0.25s ease-in-out;
	transition: width 0.25s ease-in-out;
	}
	@media screen and (max-width: 1200px) {
		.menu__sidebar {
			width: 70px;
		}
	}
	@media screen and (max-width: 950px) {
		.menu__sidebar {
			width: 60px;
		}
	}
	@media screen and (max-width: 650px) {
		.menu__sidebar {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			padding: 1.25VH 4VW;
			background: #FFFFFF;
		}
	}

.menu__sidebar_inner {
	height: 100%;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	}
	@media screen and (max-width: 650px) {
		.menu__sidebar_inner {
			flex-direction: row-reverse;
		  -webkit-flex-direction: row-reverse;
		  -moz-flex-direction: row-reverse;
		  -ms-flex-direction: row-reverse;
			-ms-flex-pack: space-between;
		  -webkit-justify-content: space-between;
		  -moz-justify-content: space-between;
		  justify-content: space-between;
		}
	}

a.menu__logo_link {
	display: block;
	text-decoration: none;
	height: 100%;
	max-height: 140px;
	}

img.menu__logo_mobile {
	display: none;
}

img.menu__logo_desktop {
	height: 140px;
	}
	@media screen and (max-width: 1200px) {
		a.menu__logo_link {
			height: 90px;
		}
		img.menu__logo_desktop {
			height: 90px;
		}
	}
	@media screen and (max-width: 950px) {
		a.menu__logo_link {
			height: 80px;
		}
		img.menu__logo_desktop {
			height: 80px;
		}
	}
	@media screen and (max-width: 650px) {
		a.menu__logo_link {
			height: auto;
		}
		img.menu__logo_mobile {
			display: block;
			width: 100%;
			max-width: 100px;
		}
		img.menu__logo_desktop {
			display: none;
		}
	}

.hamburger {
  padding: 15px 15px;
  display: block;
  cursor: pointer;
  transition: opacity, filter 0.15s linear;
	-webkit-transition: opacity, filter 0.15s linear;
  -moz-transition: opacity, filter 0.15s linear;
  -o-transition: opacity, filter 0.15s linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  z-index: 9999;
	outline: none;
	position: absolute;
	top: 25px;
	}
	@media screen and (max-width: 650px) {
		.hamburger {
			position: static;
			top: 0;
		}
	}

body.color__blue-mustang .hamburger:hover .hamburger-inner,
body.color__blue-mustang .hamburger:hover .hamburger-inner::before,
body.color__blue-mustang .hamburger:hover .hamburger-inner::after {
	background-color: #2d758c;
}
body.color__denim .hamburger:hover .hamburger-inner,
body.color__denim .hamburger:hover .hamburger-inner::before,
body.color__denim .hamburger:hover .hamburger-inner::after {
	background-color: #4472ad;
}
body.color__lava-lamp .hamburger:hover .hamburger-inner,
body.color__lava-lamp .hamburger:hover .hamburger-inner::before,
body.color__lava-lamp .hamburger:hover .hamburger-inner::after {
	background-color: #fd4d2b;
}
body.color__miami .hamburger:hover .hamburger-inner,
body.color__miami .hamburger:hover .hamburger-inner::before,
body.color__miami .hamburger:hover .hamburger-inner::after {
	background-color: #d5438a;
}
body.color__motel-sunset .hamburger:hover .hamburger-inner,
body.color__motel-sunset .hamburger:hover .hamburger-inner::before,
body.color__motel-sunset .hamburger:hover .hamburger-inner::after {
	background-color: #f5855b;
}
body.color__power-suit .hamburger:hover .hamburger-inner,
body.color__power-suit .hamburger:hover .hamburger-inner::before,
body.color__power-suit .hamburger:hover .hamburger-inner::after {
	background-color: #ff2153;
}
body.color__soda-fountain .hamburger:hover .hamburger-inner,
body.color__soda-fountain .hamburger:hover .hamburger-inner::before,
body.color__soda-fountain .hamburger:hover .hamburger-inner::after {
	background-color: #68bbb8;
}
body.color__show-pink .hamburger:hover .hamburger-inner,
body.color__show-pink .hamburger:hover .hamburger-inner::before,
body.color__show-pink .hamburger:hover .hamburger-inner::after {
	background-color: #d3468a;
}

@media screen and (max-width: 650px) {
	body.color__blue-mustang .hamburger:hover .hamburger-inner,
	body.color__blue-mustang .hamburger:hover .hamburger-inner::before,
	body.color__blue-mustang .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__denim .hamburger:hover .hamburger-inner,
	body.color__denim .hamburger:hover .hamburger-inner::before,
	body.color__denim .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__lava-lamp .hamburger:hover .hamburger-inner,
	body.color__lava-lamp .hamburger:hover .hamburger-inner::before,
	body.color__lava-lamp .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__miami .hamburger:hover .hamburger-inner,
	body.color__miami .hamburger:hover .hamburger-inner::before,
	body.color__miami .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__motel-sunset .hamburger:hover .hamburger-inner,
	body.color__motel-sunset .hamburger:hover .hamburger-inner::before,
	body.color__motel-sunset .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__power-suit .hamburger:hover .hamburger-inner,
	body.color__power-suit .hamburger:hover .hamburger-inner::before,
	body.color__power-suit .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__soda-fountain .hamburger:hover .hamburger-inner,
	body.color__soda-fountain .hamburger:hover .hamburger-inner::before,
	body.color__soda-fountain .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
	body.color__show-pink .hamburger:hover .hamburger-inner,
	body.color__show-pink .hamburger:hover .hamburger-inner::before,
	body.color__show-pink .hamburger:hover .hamburger-inner::after {
		background-color: #000;
	}
}

.hamburger-box {
  width: 36px;
  height: 26px;
  display: inline-block;
  position: relative;
  background-color: transparent;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 36px;
  height: 4px;
  background-color: #000000;
  border-radius: 0;
  position: absolute;
  transition: transform 0.15s ease;
	-webkit-transition: transform 0.15s ease;
	-moz-transition: transform 0.15s ease;
	-o-transition: transform 0.15s ease;
}

.hamburger-inner::after {
	width: 25px;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-duration: 0.22s;
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-duration: 0.22s;
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	-moz-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	-o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
	transition: width 0.1s ease-out, bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition: width 0.1s ease-out, bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition: width 0.1s ease-out, bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition: width 0.1s ease-out, bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-delay: 0.12s;
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-delay: 0.12s;
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	-moz-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	-o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
	width: 36px;
	bottom: 0;
	transform: rotate(-90deg);
	transition: width 0.25s ease-out, bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: width 0.25s ease-out, bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: width 0.25s ease-out, bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 0.25s ease-out, bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu__container {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 8888;
	background-color: #FFFFFF;
	left: 0;
	top: 0;
	overflow: hidden;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	}

.menu__container.is-open {
	width: 790px;
	}
	@media screen and (max-width: 1200px) {
		.menu__container.is-open {
			width: 770px;
		}
	}
	@media screen and (max-width: 770px) {
		.menu__container.is-open {
			width: 100%;
		}
	}
	@media screen and (max-width: 650px) {
		.menu__container.is-open {
			width: 100%;
		}
	}

.menu__container_inner {
	padding: 4VH 1VW;
	margin: 0 0 0 90px;
	}
	@media screen and (max-width: 1200px) {
		.menu__container_inner {
			margin: 0 0 0 70px;
		}
	}
	@media screen and (max-width: 950px) {
		.menu__container_inner {
			margin: 0 0 0 60px;
		}
	}
	@media screen and (max-width: 650px) {
		.menu__container_inner {
			margin: 0;
			padding: 12VH 4VW 0;
		}
	}

nav.nav__primary .menu-primary-menu-container ul,
nav.nav__secondary .menu-secondary-menu-container ul {
	list-style: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 650px) {
	nav.nav__primary .menu-primary-menu-container ul li:not(:last-child) {
		margin: 0 0 0.25rem 0;
	}
}
@media screen and (max-width: 520px) {
	nav.nav__primary .menu-primary-menu-container ul li:not(:last-child) {
		margin: 0 0 0.5rem 0;
	}
}
@media screen and (max-width: 420px) {
	nav.nav__primary .menu-primary-menu-container ul li:not(:last-child) {
		margin: 0 0 0.75rem 0;
	}
}

nav.nav__primary .menu-primary-menu-container ul li a {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 3.25rem;
	text-transform: uppercase;
	text-decoration: none;
	}
	@media screen and (max-width: 1400px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
			font-size: 3.25rem;
		}
	}
	@media screen and (max-width: 950px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
			font-size: 3.25rem;
		}
	}
	@media screen and (max-width: 750px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
			font-size: 2.85rem;
		}
	}
	@media screen and (max-width: 650px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
			font-size: 2.25rem;
		}
	}
	@media screen and (max-width: 530px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
			font-size: 1.95rem;
		}
	}
	@media screen and (max-width: 340px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
			font-size: 1.65rem;
		}
	}

nav.nav__primary .menu-primary-menu-container ul li a span.ampersand {
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
}

nav.nav__primary .menu-primary-menu-container ul li a {
  -webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #000000;
  -webkit-text-fill-color: rgba(26,26,26,0);
	}
	@media screen and (max-width: 650px) {
		nav.nav__primary .menu-primary-menu-container ul li a {
		  -webkit-text-stroke-width: 1.1px;
		}
	}

nav.nav__primary .menu-primary-menu-container ul li a:hover {
	-webkit-text-stroke-color: #000000;
	}


nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.color__blue-mustang a,
nav.nav__primary .menu-primary-menu-container ul li.color__blue-mustang a:hover {
	-webkit-text-stroke-color: #2d758c;
	-webkit-text-fill-color: #2d758c;
}
nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.color__denim a,
nav.nav__primary .menu-primary-menu-container ul li.color__denim a:hover {
	-webkit-text-stroke-color: #4472ad;
	-webkit-text-fill-color: #4472ad;
}
nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.color__lava-lamp a,
nav.nav__primary .menu-primary-menu-container ul li.color__lava-lamp a:hover {
	-webkit-text-stroke-color: #fd4d2b;
	-webkit-text-fill-color: #fd4d2b;
}
nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.color__miami a,
nav.nav__primary .menu-primary-menu-container ul li.color__miami a:hover {
	-webkit-text-stroke-color: #d5438a;
	-webkit-text-fill-color: #d5438a;
}
nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.color__motel-sunset a,
nav.nav__primary .menu-primary-menu-container ul li.color__motel-sunset a:hover {
	-webkit-text-stroke-color: #f5855b;
	-webkit-text-fill-color: #f5855b;
}
nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.color__power-suit a,
nav.nav__primary .menu-primary-menu-container ul li.color__power-suit a:hover  {
	-webkit-text-stroke-color: #ff2153;
	-webkit-text-fill-color: #ff2153;
}
nav.nav__primary .menu-primary-menu-container ul li.current-menu-item.current__soda-fountain a,
nav.nav__primary .menu-primary-menu-container ul li.color__soda-fountain a:hover {
	-webkit-text-stroke-color: #68bbb8;
	-webkit-text-fill-color: #68bbb8;
}

nav.nav__secondary .menu-secondary-menu-container ul {
	margin: 2.75rem 0 0;
}

nav.nav__secondary .menu-secondary-menu-container ul li:not(:last-child) {
	margin: 0 0 0.25rem 0;
}

nav.nav__secondary .menu-secondary-menu-container ul li a {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	}
	@media screen and (max-width: 520px) {
		nav.nav__secondary .menu-secondary-menu-container ul li a {
			font-size: 1rem;
		}
	}
	@media screen and (max-width: 420px) {
		nav.nav__secondary .menu-secondary-menu-container ul li a {
			font-size: 0.85rem;
		}
	}

body.color__blue-mustang nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #2d758c;
}
body.color__denim nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #4472ad;
}
body.color__lava-lamp nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #fd4d2b;
}
body.color__miami nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #d5438a;
}
body.color__motel-sunset nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #f5855b;
}
body.color__power-suit nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #ff2153;
}
body.color__soda-fountain nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #68bbb8;
}
body.color__show-pink nav.nav__secondary .menu-secondary-menu-container ul li a:hover {
	color: #d3468a;
}

nav.nav__social ul {
	list-style: none;
	margin: 2.75rem 0 0;
	white-space: nowrap;
	padding: 0;
}

nav.nav__social ul li {
	display: inline-block;
}

nav.nav__social ul li:not(:last-child) {
	margin: 0 10px 0 0;
}

nav.nav__social ul li a {
	display: block;
	width: 30px;
	height: 30px;
}

nav.nav__social ul li a svg {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
	fill: #000000;
}

body.color__blue-mustang nav.nav__social ul li a:hover svg {
	fill: #2d758c;
}
body.color__denim nav.nav__social ul li a:hover svg {
	fill: #4472ad;
}
body.color__lava-lamp nav.nav__social ul li a:hover svg {
	fill: #fd4d2b;
}
body.color__miami nav.nav__social ul li a:hover svg {
	fill: #d5438a;
}
body.color__motel-sunset nav.nav__social ul li a:hover svg {
	fill: #f5855b;
}
body.color__power-suit nav.nav__social ul li a:hover svg {
	fill: #ff2153;
}
body.color__soda-fountain nav.nav__social ul li a:hover svg {
	fill: #68bbb8;
}
body.color__show-pink nav.nav__social ul li a:hover svg {
	fill: #d3468a;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer.main__footer {
	background-color: #000000;
	color: #FFFFFF;
}

footer.main__footer {
	margin: 0 0 0 90px;
	}
	@media screen and (max-width: 1200px) {
		footer.main__footer {
			margin: 0 0 0 70px;
		}
	}
	@media screen and (max-width: 950px) {
		footer.main__footer {
			margin: 0 0 0 60px;
		}
	}
	@media screen and (max-width: 650px) {
		footer.main__footer {
			margin: 0;
		}
	}

.main__footer_inner {
	padding: 8VH 0 8VH 4VW;
	margin: 0 90px 0 0;
	}
	@media screen and (max-width: 1200px) {
		.main__footer_inner {
			margin: 0 70px 0 0;
		}
	}
	@media screen and (max-width: 950px) {
		.main__footer_inner {
			margin: 0 60px 0 0;
		}
	}
	@media screen and (max-width: 650px) {
		.main__footer_inner {
			margin: 0;
			padding: 8VH 4VW 0;
		}
	}

.footer__row {
	width: 100%;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	}
	@media screen and (max-width: 620px) {
		.footer__row {
			flex-direction: column-reverse;
		  -webkit-flex-direction: column-reverse;
		  -moz-flex-direction: column-reverse;
		  -ms-flex-direction: column-reverse;
		}
	}

.footer__column {
	width: 50%;
	}
	@media screen and (max-width: 620px) {
		.footer__column {
			width: 100%;
			margin: 0 0 60px 0;
			position: relative;
		}
	}

.footer__row + .footer__row {
	margin: 100px 0 0;
	}
	@media screen and (max-width: 620px) {
		.footer__row + .footer__row {
			margin: 50px 0 0;
		}
	}

img.mconie__logo {
	width: 100%;
	max-width: 200px;
}

.footer__associate_logos {
	width: 100%;
	max-width: 200px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	position: relative;
	margin: 50px 0 0 0;
}

.footer__associate_logos img.logo__playful {
	width: 100%;
	max-width: 200px;
	margin: 0 0 25px 0;
}

.footer__associate_logos img.logo__the_old_vic {
	width: 100%;
	max-width: 60px;
}

.footer__associate_logos img.logo__the_rep {
	width: 100%;
	max-width: 140px;
}

.footer__connect_block:not(:last-child) {
	margin: 0 0 50px 0;
	}
	@media screen and (max-width: 620px) {
		.footer__connect_block:not(:last-child) {
			margin: 0 0 25px 0;
		}
	}

.footer__connect_block h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 0.95rem;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0 0 0.5rem 0;
}

.footer__connect_block p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.95rem;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0;
}

.footer__connect_block p a {
	text-decoration: underline;
	/* color: #f38560; */
	color: #fff;
}
.footer__connect_block p a:hover {
	text-decoration: none;
}

nav.nav__social_footer ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

nav.nav__social_footer ul li {
	display: inline-block;
}

nav.nav__social_footer ul li:not(:last-child) {
	margin: 0 10px 0 0;
}

nav.nav__social_footer ul li a {
	display: block;
	width: 30px;
	height: 30px;
}

nav.nav__social_footer ul li a svg {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
	fill: #FFFFFF;
}

nav.nav__social_footer ul li a:hover svg {
	fill: #f38560;
}

nav.nav__footer .menu-footer-menu-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.nav__footer .menu-footer-menu-container ul li {
	display: inline-block;
}

nav.nav__footer .menu-footer-menu-container ul li:not(:last-child) {
	margin: 0 1.25rem 0 0;
}

nav.nav__footer .menu-footer-menu-container ul li a {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 0.75rem;
	color: #FFFFFF;
	text-decoration: none;
}

nav.nav__footer .menu-footer-menu-container ul li a:hover {
	text-decoration: underline;
}

a.hdk {
	display: block;
	position: absolute;
	bottom: -8px;
	right: 0;
  -webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	}
a.hdk.madeby_mobile {
	display: none;
}
	@media screen and (max-width: 620px) {
		.madeby {
			display: none;
		}
		a.hdk.madeby_mobile {
			display: block;
			position: absolute;
			right: 0;
			bottom: -8px;
		}
	}

a.hdk:hover {
	transform: translate(0px, -5px);
}

a.hdk img {
	width: 100%;
	max-width: 72px;
	text-align: right;
}

/*--------------------------------------------------------------
## Navigation Menu – Tertiary Menu
--------------------------------------------------------------*/
nav.nav__tertiary {
	background-color: #dadada;
	padding: 0 4VW;
	margin: 0;
	height: 90px;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	}
	@media screen and (max-width: 675px) {
		nav.nav__tertiary {
			display: none;
		}
	}

nav.nav__tertiary .menu-tertiary-menu-container ul {
	list-style: none;
	margin: 0 0 0 90px;
	padding: 0;
	text-align: center;
	}
	@media screen and (max-width: 1200px) {
		nav.nav__tertiary ul {
			margin: 0 0 0 70px;
		}
	}
	@media screen and (max-width: 950px) {
		nav.nav__tertiary ul {
			margin: 0 0 0 60px;
		}
	}
	@media screen and (max-width: 650px) {
		nav.nav__tertiary ul {
			margin: 0;
		}
	}

nav.nav__tertiary .menu-tertiary-menu-container ul li {
	display: inline-block;
}

nav.nav__tertiary .menu-tertiary-menu-container ul li:not(:last-child) {
	margin: 0 1.5rem 0 0;
}

nav.nav__tertiary .menu-tertiary-menu-container ul li a {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
	}
	@media screen and (max-width: 950px) {
		nav.nav__tertiary .menu-tertiary-menu-container ul li a {
			font-size: 1rem;
		}
	}

nav.nav__tertiary .menu-tertiary-menu-container ul li a:hover,
nav.nav__tertiary .menu-tertiary-menu-container ul li.current-menu-item a,
nav.nav__tertiary .menu-tertiary-menu-container ul li a.selected,
body.post-type-archive-timeline nav.nav__tertiary .menu-tertiary-menu-container ul li.menu-item-341 a {
	color: #000000;
}

nav#nav__tertiary.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 6666;
	}
	nav#nav__tertiary.sticky + .site-content {
  	padding-top: 90px;
	}
	/* WordPress Admin Bar fix. */
	.admin-bar nav#nav__tertiary.sticky {
  	top: 32px;
	}
	@media screen and (max-width: 782px) {
  	.admin-bar nav#nav__tertiary.sticky {
    	top: 46px;
  	}
	}

section#artistic-management,
section#associations {
	padding: 0 0 0 0;
	margin: 90px 90px 0 0;
	}
	@media screen and (max-width: 1200px) {
		section#artistic-management,
		section#associations {
			margin: 90px 70px 0 0;
		}
	}
	@media screen and (max-width: 950px) {
		section#artistic-management,
		section#associations {
			margin: 90px 60px 0 0;
		}
	}
	@media screen and (max-width: 650px) {
		section#artistic-management,
		section#associations {
			margin: 90px 0;
			padding: 0 4VW 0;
		}
	}

section#who-we-are {
	margin: 0 90px 0 0;
	}
	@media screen and (max-width: 1200px) {
		section#who-we-are {
			margin: 0 70px 0 0;
		}
	}
	@media screen and (max-width: 950px) {
		section#who-we-are {
			margin: 0 60px 0 0;
		}
	}
	@media screen and (max-width: 650px) {
		section#who-we-are {
			margin: 0;
		}
	}


/*--------------------------------------------------------------
## Block – Introduction
--------------------------------------------------------------*/
.introduction__row,
.audition__row {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	}
	@media screen and (max-width: 950px) {
		.introduction__row,
		.audition__row {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
		}
	}

.introduction__column:first-child,
.audition__column:first-child {
	width: 40%;
	padding: 0 25px 0 0;
	}
	@media screen and (max-width: 950px) {
		.introduction__column:first-child,
		.audition__column:first-child {
			width: 100%;
			margin: 0 0 1.25rem 0;
			}
	}

.introduction__column:last-child,
.audition__column:last-child {
	width: 60%;
	padding: 0 0 0 25px;
	}
	@media screen and (max-width: 950px) {
		.introduction__column:last-child,
		.audition__column:last-child {
			width: 70%;
			margin: 0;
			padding: 0;
		}
	}
	@media screen and (max-width: 800px) {
		.introduction__column:last-child,
		.audition__column:last-child {
			width: 80%;
		}
	}
	@media screen and (max-width: 720px) {
		.introduction__column:last-child,
		.audition__column:last-child {
			width: 100%;
		}
	}

.introduction__column:last-child.bordered,
.audition__column:last-child.bordered {
	border-left: 1px solid #000;
	}
	@media screen and (max-width: 950px) {
		.introduction__column:last-child.bordered,
		.audition__column:last-child.bordered {
			border-left: none;
		}
	}

.introduction__column h1,
.audition__column h2 {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	/* font-size: 3.25rem; */
	font-size: 3rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-text-stroke: 1.5px;
  -webkit-text-fill-color: rgba(26,26,26,0);
	margin: 0;
	}
	@media screen and (max-width: 1280px) {
		.introduction__column h1,
		.audition__column h2 {
			/* font-size: 2.75rem; */
			font-size: 2.5rem;
		}
	}
	@media screen and (max-width: 1050px) {
		.introduction__column h1,
		.audition__column h2 {
			/* font-size: 2.75rem; */
			font-size: 2.25rem;
		}
	}
	@media screen and (max-width: 950px) {
		.introduction__column h1,
		.audition__column h2 {
			/* font-size: 2.75rem; */
			font-size: 2.5rem;
		}
	}

body.color__lava-lamp .introduction__column h1 {
	-webkit-text-stroke-color: #fd4d2b;
}

.introduction__column h2,
.audition__column h2.audition__subtitle,
.content__column h2,
.content__column_left h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	font-weight: 400;
	margin: 0 0 2.25rem 0;
	color: #000000;
	}
	@media screen and (max-width: 1280px) {
		.introduction__column h2,
		.audition__column h2.audition__subtitle,
		.content__column h2,
		.content__column_left h2 {
			font-size: 1.5rem;
		}
	}
	@media screen and (max-width: 720px) {
		.introduction__column h2,
		.audition__column h2.audition__subtitle,
		.content__column h2,
		.content__column_left h2 {
			font-size: 1.25rem;
		}
	}

.introduction__column p,
.audition__column p,
.content__column p,
.content__column_left p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: 400;
	margin: 0 0 2.25rem 0;
	color: #000000;
	}
	@media screen and (max-width: 1280px) {
		.introduction__column p,
		.content__column p,
		.content__column_left p {
			font-size: 1.1rem;
			line-height: 1.75rem;
		}
	}

.audition__column p {
	font-size: 1.1rem;
	line-height: 1.75rem;
}

.introduction__column p a,
.audition__column p a,
.content__column p a,
.content__column_left p a {
	color: #000000;
	text-decoration: underline;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	}

.color__blue-mustang .introduction__column p a:hover,
.color__blue-mustang .content__column p a:hover,
.color__blue-mustang .audition__column p a:hover,
.color__blue-mustang .content__column_left p a:hover {
	color: #2d758c;
}
.color__denim .introduction__column p a:hover,
.color__denim .content__column p a:hover,
.color__denim .audition__column p a:hover,
.color__denim .content__column_left p a:hover {
	color: #4472ad;
}
.color__lava-lamp .introduction__column p a:hover,
.color__lava-lamp .content__column p a:hover,
.color__lava-lamp .audition__column p a:hover,
.color__lava-lamp .content__column_left p a:hover {
	color: #fd4d2b;
}
.color__miami .introduction__column p a:hover,
.color__miami .content__column p a:hover,
.color__miami .audition__column p a:hover,
.color__miami .content__column_left p a:hover {
	color: #d5438a;
}
.color__motel-sunset .introduction__column p a:hover,
.color__motel-sunset .content__column p a:hover,
.color__motel-sunset .audition__column p a:hover,
.color__motel-sunset .content__column_left p a:hover {
	color: #f5855b;
}
.color__power-suit .introduction__column p a:hover,
.color__power-suit .content__column p a:hover,
.color__power-suit .audition__column p a:hover,
.color__power-suit .content__column_left p a:hover {
	color: #ff2153;
}
.color__soda-fountain .introduction__column p a:hover,
.color__soda-fountain .content__column p a:hover,
.color__soda-fountain .audition__column p a:hover,
.color__soda-fountain .content__column_left p a:hover {
	color: #68bbb8;
}
.color__show-pink .introduction__column p a:hover,
.color__show-pink .content__column p a:hover,
.color__show-pink .audition__column p a:hover,
.color__show-pink .content__column_left p a:hover {
	color: #d3468a;
}

/*--------------------------------------------------------------
## Block – Single Column (Right)
--------------------------------------------------------------*/
.content__column {
	width: 60%;
	margin: 0 0 0 auto;
	padding: 0 0 0 25px;
	}
	@media screen and (max-width: 950px) {
		.content__column {
			width: 70%;
			margin: 0;
			padding: 0;
		}
	}
	@media screen and (max-width: 800px) {
		.content__column {
			width: 80%;
		}
	}
	@media screen and (max-width: 720px) {
		.content__column {
			width: 100%;
		}
	}

.content__column.bordered {
	border-left: 1px solid #000;
	}
	@media screen and (max-width: 950px) {
		.content__column.bordered {
			border-left: none;
		}
	}

figure.content__image {
	margin: 2.25rem 0;
	padding: 0;
}

figure.content__image img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
}

/*--------------------------------------------------------------
## Block – Single Column (Left)
--------------------------------------------------------------*/
.content__column_left {
	width: 60%;
	margin: auto 0 0 0;
	padding: 0;
	}
	@media screen and (max-width: 950px) {
		.content__column_left {
			width: 70%;
			margin: 0;
			padding: 0;
		}
	}
	@media screen and (max-width: 800px) {
		.content__column_left {
			width: 80%;
		}
	}
	@media screen and (max-width: 720px) {
		.content__column_left {
			width: 100%;
		}
	}


/*--------------------------------------------------------------
## Block – Gallery
--------------------------------------------------------------*/
.slick-initialized .slick-slide {
	outline: none;
}
.slider__slide img {
	max-height: 400px;
	margin: 0 20px 0 0;
}
h2.slider__subtitle {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0 0 2.25rem 0;
	color: #000000;
}
p.slider__instruction {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85rem;
	line-height: 1.25rem;
	font-weight: 400;
	margin: 1.25rem 0 0 0;
	color: #000000;
	display: none;
	}
	@media screen and (max-width: 650px) {
		p.slider__instruction {

		}
	}
p.gallery__credit {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 400;
	margin: 1.25rem 0 0 0;
	color: #000000;
}
.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: 0;
}
.flickity-viewport{
	overflow: hidden;
	position: relative;
	height: 100%;
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}
.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.flickity-button {
	position: absolute;
	background: hsla(0,0%,100%,.75);
	border: none;
	color: #333;
}
.flickity-button:hover {
	background: #fff;
	cursor: pointer;
}
.flickity-button:focus {
	outline: 0;
	box-shadow: 0 0 0 5px #19f;
	}
.flickity-button:active{
	opacity: .6
}
.flickity-button:disabled {
	opacity: .3;
	cursor: auto;
	pointer-events: none;
}
.flickity-prev-next-button {
	top: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
	left: 10px;
}
.flickity-prev-next-button.next {
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}
.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1}

.flickity-rtl .flickity-page-dots {
	direction: rtl;
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: .25;
	cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
	opacity: 1;
}

/*--------------------------------------------------------------
## Block – Videos
--------------------------------------------------------------*/
.video__container {
  display: block;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
# Block – Reviews
--------------------------------------------------------------*/
.flex-container a:active,
.reviews a:active,
.flex-container a:focus,
.reviews a:focus {
	outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.reviews {
	height: 100%;
	padding: 4VH 0 4VH 25px;
	width: 60%;
	}
	@media screen and (max-width: 1150px) {
		.reviews {
			width: 70%;
		}
	}
	@media screen and (max-width: 800px) {
		.reviews {
			width: 90%;
		}
	}
	@media screen and (max-width: 650px) {
		.reviews {
			width: 100%;
			padding: 4VH 2VW;
		}
	}
.reviews ul.slides {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.reviews ul.slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	margin: 0;
}
.reviews ul.slides li .review__wrapper blockquote.review__blockquote {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 500;
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
	color: inherit;
	}
	@media screen and (max-width: 600px) {
		.reviews ul.slides li .review__wrapper blockquote.review__blockquote {
			font-size: 1rem;
			line-height: 1.5rem;
		}
	}
p.byline {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	text-align: left;
	margin: 0.95rem 0;
	}
	@media screen and (max-width: 600px) {
		p.byline {
			font-size: 1rem;
		}
	}
.reviews ul.slides img {
	width: 100%;
	display: block;
	height: 100%;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] ul.slides {
	display: block;
}
* html ul.slides {
	height: 1%;
}
.no-js ul.slides > li:first-child {
	display: block;
}
.reviews {
	z-index: 999;
	max-width: 100%;
	border: none;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.reviews ul.slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: left;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid;
}
.color__blue-mustang .flex-control-paging li a {
	background-color: #2d758c;
	border-color: #2d758c;
}
.color__denim .flex-control-paging li a {
	background-color: #4472ad;
	border-color: #4472ad;
}
.color__lava-lamp .flex-control-paging li a {
	background-color: #fd4d2b;
	border-color: #fd4d2b;
}
.color__miami .flex-control-paging li a {
	background-color: #d5438a;
	border-color: #d5438a;
}
.color__motel-sunset .flex-control-paging li a {
	background-color: #f5855b;
	border-color: #f5855b;
}
.color__power-suit .flex-control-paging li a {
	background-color: #ff2153;
	border-color: #ff2153;
}
.color__soda-fountain .flex-control-paging li a {
	background-color: #68bbb8;
	border-color: #68bbb8;
}
.color__show-pink .flex-control-paging li a {
	background-color: #d3468a;
	border-color: #d3468a;
}
.flex-control-paging li a:hover {
	background-color: #FFFFFF;
}
.flex-control-paging li a.flex-active {
	background-color: #FFFFFF;
	cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/*--------------------------------------------------------------
## Block – Billing
--------------------------------------------------------------*/
.billing__container {
	width: 70%;
	margin: 150px 0 90px auto;
	position: relative;
	padding: 5VH 8VW;
	background-color: #000000;
	min-height: 300px;
	}
	@media screen and (max-width: 900px) {
		.billing__container {
			width: 80%;
		}
	}
	@media screen and (max-width: 740px) {
		.billing__container {
			width: 90%;
		}
	}
	@media screen and (max-width: 650px) {
		.billing__container {
			width: 100%;
			margin: 250px 0 90px;
		}
	}
.billing__poster {
	position: absolute;
	top: -75px;
	left: -125px;
	}
	@media screen and (max-width: 1315px) {
		.billing__poster {
			left: -200px;
		}
	}
	@media screen and (max-width: 900px) {
		.billing__poster {
			left: -120px;
		}
	}
	/* @media screen and (max-width: 740px) {
		.billing__poster {
			left: -50px;
		}
	} */
	@media screen and (max-width: 740px) {
		.billing__poster {
			position: static;
			margin-top: -150px;
		}
	}
.billing__poster img {
	width: 100%;
	max-width: 250px;
	display: block;
	}
	@media screen and (max-width: 900px) {
		.billing__poster img {
			width: 100%;
			max-width: 175px;
		}
	}
	@media screen and (max-width: 800px) {
		.billing__poster img {
			max-width: 160px;
		}
	}
	/* @media screen and (max-width: 740px) {
		.billing__poster img {
			max-width: 200px;
		}
	}
	@media screen and (max-width: 650px) {
		.billing__poster img {
			max-width: 300px;
		}
	} */
	@media screen and (max-width: 740px) {
		.billing__poster img {
			max-width: 200px;
		}
	}
.billing__content {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	}
	/* @media screen and (max-width: 740px) {
		.billing__content {
			-webkit-align-items: flex-end;
		  -moz-align-items: flex-end;
		  align-items: flex-end;
		}
	} */
	@media screen and (max-width: 740px) {
		.billing__content {
			-webkit-align-items: center;
			-moz-align-items: center;
			align-items: center;
			margin-top: 25px;
		}
	}
ul.billing__list {
	list-style: none;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	padding: 0;
	max-width: 500px;
	}
	@media screen and (max-width: 650px) {
		ul.billing__list {
			font-size: 1.1rem;
		}
	}

ul.billing__list li:not(:last-child) {
	margin: 0 0 1.5rem 0;
}
span.title {
	display: block;
	text-transform: uppercase;
	font-size: 0.85rem;
	margin-bottom: 0.25rem;
	}
	/* @media screen and (max-width: 740px) {
		span.title {
			display: block;
		}
	}
	@media screen and (max-width: 650px) {
		span.title {
			display: inline;
		}
	} */
	@media screen and (max-width: 600px) {
		span.title {
			font-size: 0.85rem;
		}
	}

/*--------------------------------------------------------------
## Block – Show Title
--------------------------------------------------------------*/
.show_title__container {
	width: 100%;
	background-color: #000000;
	padding: 4VH 4VW;
	}
.show_title__container h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0 0 2.25rem 0;
	color: #FFFFFF;
	}
	@media screen and (max-width: 1280px) {
		.show_title__container h1 {
			margin: 0 0 1.25rem 0;
		}
	}

.show_title__container p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 400;
	margin: 0 0 0.75rem 0;
	color: #FFFFFF;
	}
	@media screen and (max-width: 1280px) {
		.show_title__container p {
			font-size: 1.1rem;
		}
	}

.show_title__container ul.awards {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 400;
	color: #FFFFFF;
	}
	@media screen and (max-width: 1280px) {
		.show_title__container ul.awards {
			font-size: 1.1rem;
		}
	}

.show_title__container ul.awards li {
	margin: 0;
}

/*--------------------------------------------------------------
## Block – Associations
--------------------------------------------------------------*/
.associations__container {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	flex-wrap: wrap;
	}
	@media screen and (max-width: 880px) {
		.associations__container {
			-ms-flex-pack: flex-start;
		  -webkit-justify-content: flex-start;
		  -moz-justify-content: flex-start;
		  justify-content: flex-start;
		}
	}
	@media screen and (max-width: 625px) {
		.associations__container {
			-ms-flex-pack: center;
		  -webkit-justify-content: center;
		  -moz-justify-content: center;
		  justify-content: center;
		}
	}

.association {
	width: 33.3333%;
	}
.association:nth-child(3n+2) {
	width: 31.3333%;
  margin: 0 1%;
}
.association:nth-child(3n+1) {
	width: 32.3333%;
  margin: 0 1% 0 0;
}
.association:nth-child(3n+3) {
	width: 32.3333%;
  margin: 0 0 0 1%;
	}
	@media screen and (max-width: 880px) {
		.association:nth-child(odd) {
			width: 48%;
		  margin: 0 2% 4% 0;
		}
		.association:nth-child(even) {
			width: 48%;
		  margin: 0 0 4% 2%;
		}
	}
	@media screen and (max-width: 625px) {
		.association:nth-child(odd),
		.association:nth-child(even) {
			width: 100%;
		  margin: 0 0 8% 0;
		}
	}

.association__logo {
	width: 100%;
	height: 250px;
	padding: 4VH 2VW;
	background-color: #000000;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	}
	@media screen and (max-width: 1200px) {
		.association__logo {
			height: 175px;
		}
	}
.association__logo img.logo {
	max-width: 100%;
	max-height: 100%;
}
.association h2 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 2.25rem 0 1.25rem;
	color: #000000;
	}
	@media screen and (max-width: 1200px) {
		.association h2 {
			font-size: 1.25rem;
		}
	}
	@media screen and (max-width: 625px) {
		.association h2 {
			margin: 1.25rem 0;
		}
	}
.association p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 400;
	margin: 0 0 0.75rem 0;
	color: #000000;
	}
	@media screen and (max-width: 1200px) {
		.association p {
			font-size: 1rem;
			line-height: 1.5rem;
		}
	}
.association a {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 400;
	margin: 0;
	text-decoration: none;
	color: inherit;
	}
	@media screen and (max-width: 1200px) {
		.association a {
			font-size: 1rem;
		}
	}

.association a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
## Block – Hero
--------------------------------------------------------------*/
.hero__container {
	margin: 0 0 0 90px;
	}
	@media screen and (max-width: 1200px) {
		.hero__container {
			margin: 0 0 0 70px;
		}
	}
	@media screen and (max-width: 950px) {
		.hero__container {
			margin: 0 0 0 60px;
		}
	}
	@media screen and (max-width: 650px) {
		.hero__container {
			margin: 0;
		}
	}

.hero__container img.hero {
	width: 100%;
	height: 100VH;
	object-fit: cover;
	display: block;
	}
	@media screen and (max-width: 950px) {
		.hero__container img.hero {
			height: 60VH;
		}
	}

/*--------------------------------------------------------------
# Block – Biography
--------------------------------------------------------------*/
.biography__container + .biography__container {
	margin: 100px auto 0;
}
.biography__content {
	width: 80%;
	padding: 0;
	margin: 0 auto 0 0;
	background-color: #dadada;
	}
	@media screen and (max-width: 1250px) {
		.biography__content {
			width: 90%;
		}
	}
	@media screen and (max-width: 1140px) {
		.biography__content {
			width: 100%;
		}
	}
.biography__container:nth-child(even) .biography__content {
	margin: 0 0 0 auto;
	padding: 0;
}
.biography__text {
	padding: 8VH 4VW;
	}
	@media screen and (max-width: 1140px) {
		.biography__text {
			width: 100%;
			padding: 4VH 4VW;
		}
	}
.biography__text h3,
.biography__text h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.5rem;
	text-align: left;
	margin: 0 auto 1.25rem 0;
	color: #000000;
	display: inline-block;
	}
.biography__text h4 {
	font-weight: 300;
	display: inline-block;
	}
.biography__container:nth-child(even) .biography__text h3,
.biography__container:nth-child(even) .biography__text h4 {
	margin: 0 0 1.25rem auto;
	}
	@media screen and (max-width: 1250px) {
		.biography__text h3 {
			margin: 0;
		}
		.biography__text h3,
		.biography__text h4 {
			display: block;
		}
	}
.biography__text p,
.biography__text .full p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #000000;
	max-width: 40rem;
	margin: 0 0 1.75rem 0;
	}
	@media screen and (max-width: 1250px) {
		.biography__text p,
		.biography__text .full p  {
			max-width: 30rem;
		}
	}
	@media screen and (max-width: 1140px) {
		.biography__text p,
		.biography__text .full p {
			max-width: 40rem;
			font-size: 1rem;
			line-height: 1.75rem;
		}
	}
.biography__text p a,
.biography__text .full p a {
	color: inherit;
	text-decoration: underline;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
.color__blue-mustang .biography__text p a:hover,
.color__blue-mustang .biography__text .full p a:hover {
	color: #2d758c;
}
.color__denim .biography__text p a:hover,
.color__denim .biography__text .full p a:hover {
	color: #4472ad;
}
.color__lava-lamp .biography__text p a:hover,
.color__lava-lamp .biography__text .full p a:hover {
	color: #fd4d2b;
}
.color__miami .biography__text p a:hover,
.color__miami .biography__text .full p a:hover {
	color: #d5438a;
}
.color__motel-sunset .biography__text p a:hover,
.color__motel-sunset .biography__text .full p a:hover {
	color: #f5855b;
}
.color__power-suit .biography__text p a:hover,
.color__power-suit .biography__text .full p a:hover {
	color: #ff2153;
}
.color__soda-fountain .biography__text p a:hover,
.color__soda-fountain .biography__text .full p a:hover {
	color: #68bbb8;
}
.color__show-pink .biography__text p a:hover,
.color__show-pink .biography__text .full p a:hover {
	color: #d3468a;
}
.full {
	height: 100%;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height 0.25s ease-in-out;
	-moz-transition: max-height 0.25s ease-in-out;
	-o-transition: max-height 0.25s ease-in-out;
	transition: max-height 0.25s ease-in-out;
}
.biography__text.is-open .full {
	max-height: 5000px;
}
.biography__content_inner {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
}
.biography__container:nth-child(even) .biography__content_inner {
	flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
	}
	@media screen and (max-width: 1140px) {
		.biography__content_inner {
			flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-moz-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
		}
		.biography__container:nth-child(even) .biography__content_inner {
			flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-moz-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
		}
	}

.biography__headshot {
	padding: 8VH 0 0 0;
	margin: 0 -200px 0 0;
	}
	.biography__headshot.sticky {
		position: sticky;

	}
.biography__container:nth-child(even) .biography__headshot {
	margin: 0 0 0 -200px;
	}
	@media screen and (max-width: 1140px) {
		.biography__headshot {
			padding: 8VH 4VW 0;
			margin: -100px 0 0 0;
		}
		.biography__container:nth-child(even) .biography__headshot {
			margin: -100px 0 0 0;
		}
	}

.biography__headshot img {
	display: block;
	height: 100%;
	width: 100%;
	max-width: 350px;
	max-height: 250px;
	object-fit: cover;
}

button.read__more {
	font-family: 'Roboto', sans-serif;
	font-size: 0.95rem;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	color: inherit;
	font-weight: 500;
	outline: none;
	border: none;
	cursor: pointer;
	background: none;
	padding: 0;
}
button.read__more img.arrow {
	width: 16px;
	height: 10px;
	display: inline-block;
	padding: 0 2px 0 0;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
button.read__more img.arrow.is-active {
	transform: rotateX(180deg);
}
button.read__more .button__text {
	display: inline-block;
}

/*--------------------------------------------------------------
# Block – Feature
--------------------------------------------------------------*/
.feature__container {
	position: relative;
}
.feature__inner,
.feature__inner.left {
	width: 100%;
	margin: 0;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	}
	.feature__inner.right {
	  flex-direction: row-reverse;
	  -webkit-flex-direction: row-reverse;
	  -moz-flex-direction: row-reverse;
	  -ms-flex-direction: row-reverse;
	}
	@media screen and (max-width: 880px) {
		.feature__inner,
		.feature__inner.left,
		.feature__inner.right {
			flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-moz-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
		}
	}

.feature__background.left {
	position: absolute;
	top: 0;
	left: 0;
	width: 75%;
	height: 100%;
	}
.feature__background.right {
	position: absolute;
	top: 0;
	right: 0;
	width: 75%;
	height: 100%;
	}
	@media screen and (max-width: 880px) {
		.feature__background.left,
		.feature__background.right {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
		}
	}

.feature__background.color__blue-mustang {
	background-color: #2d758c;
}
.feature__background.color__denim {
	background-color: #4472ad;
}
.feature__background.color__lava-lamp {
	background-color: #fd4d2b;
}
.feature__background.color__miami {
	background-color: #d5438a;
}
.feature__background.color__motel-sunset {
	background-color: #f5855b;
}
.feature__background.color__power-suit {
	background-color: #ff2153;
}
.feature__background.color__soda-fountain {
	background-color: #68bbb8;
}
.feature__background.color__show-pink {
	background-color: #d3468a;
}
.feature__background.color__grey {
	background-color: #E6E6E6;
}

.feature__content {
	padding: 8VH 4VW;
	z-index: 2;
	}
	@media screen and (max-width: 1140px) {
		.feature__content {
			padding: 4VH 4VW;
		}
	}
.feature__content h3,
.feature__content h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.5rem;
	text-align: left;
	margin: 0 auto 1.25rem 0;
	color: #FFFFFF;
	display: inline-block;
	}
.feature__content h4 {
	font-weight: 300;
	display: inline-block;
	}
.feature__inner.right .feature__content h3,
.feature__inner.right .feature__content h4 {
	margin: 0 0 1.25rem auto;
	}
	@media screen and (max-width: 1250px) {
		.feature__content h3 {
			margin: 0;
		}
		.feature__content h3,
		.feature__content h4 {
			display: block;
		}
	}
.feature__content p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #FFFFFF;
	max-width: 40rem;
	margin: 0 0 1.75rem 0;
	}
	@media screen and (max-width: 1280px) {
		.feature__content p  {
			max-width: 30rem;
		}
	}
	@media screen and (max-width: 1280px) {
		.feature__content p {
			max-width: 40rem;
			font-size: 1.1rem;
			line-height: 1.75rem;
		}
	}
.feature__content.black-text p {
	color: #000000;
}
.feature__content.white-text p {
	color: #FFFFFF;
}

.feature__content p a {
	color: inherit;
	text-decoration: underline;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
.feature__content p a:hover {
	text-decoration: none;
}

.feature__inner .feature__image {
	padding: 0;
	margin: 20px 0 -20px;
	}
	@media screen and (max-width: 880px) {
		.feature__inner .feature__image {
			padding: 0;
			margin: -50px 0 0 0;
		}
	}
.feature__image {
	z-index: 2;
}
.feature__image img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 600px;
	}
	@media screen and (max-width: 880px) {
		.feature__image img {
			max-width: 100%;
		}
	}

/*--------------------------------------------------------------
# Block – Mission Statement
--------------------------------------------------------------*/
blockquote.mission__statement {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 2.75rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	}
	@media screen and (max-width: 1280px) {
		blockquote.mission__statement {
			font-size: 2.25rem;
			line-height: 2.5rem;
		}
	}
	@media screen and (max-width: 1080px) {
		blockquote.mission__statement {
			font-size: 1.75rem;
			line-height: 2rem;
		}
	}
	@media screen and (max-width: 850px) {
		blockquote.mission__statement {
			width: 100%;
		}
	}

.hover__effect {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	cursor: default;
}
.shapes {
  position: relative;
	width: 100%;
	height: 100%;
  background: #000000;
  overflow: hidden;
}
.shape {
  will-change: transform;
  position: absolute;
  border-radius: 50%;
}
.shape {
  background: #fa4e38;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
}
.text {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
	width: 100%;
  height: 100%;
  background: #FFFFFF;
  mix-blend-mode: screen;
}

/*--------------------------------------------------------------
# NEWS AND THOUGHTS
--------------------------------------------------------------*/
h1.news__container_title {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	/* font-size: 3.25rem; */
	font-size: 3rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-text-stroke: 1.5px;
	-webkit-text-fill-color: rgba(26,26,26,0);
	margin: 0 0 25px 0;
	}
	@media screen and (max-width: 1280px) {
		h1.news__container_title {
			/* font-size: 2.75rem; */
			font-size: 2.5rem;
		}
	}
	@media screen and (max-width: 1080px) {
		h1.news__container_title {
			/* font-size: 2.25rem; */
			font-size: 2rem;
		}
	}

h1.thoughts__container_title {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	/* font-size: 3.25rem; */
	font-size: 3rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #31758b;
	margin: 0 0 25px 0;
	}
	@media screen and (max-width: 1280px) {
		h1.thoughts__container_title {
			/* font-size: 2.75rem; */
			font-size: 2.5rem;
		}
	}
	@media screen and (max-width: 1080px) {
		h1.thoughts__container_title {
			/* font-size: 2.25rem; */
			font-size: 2rem;
		}
	}

.news_thoughts__container {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	}
	.news__container,
	.thoughts__container {
		width: 50%;
	}
	.news__container {
		margin: 0 25px 0 0;
	}
	.thoughts__container {
		margin: 0 0 0 25px;
	}
	@media screen and (max-width: 700px) {
		.news_thoughts__container {
			flex-direction: column;
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
		}
		.news__container,
		.thoughts__container {
			width: 100%;
		}
		.news__container {
			margin: 0 0 20px;
		}
		.thoughts__container {
			margin: 0;
		}
	}

/*--------------------------------------------------------------
# NEWS – PREVIEW
--------------------------------------------------------------*/
a.news__link {
	display: block;
	text-decoration: none;
	margin: 0 0 40px 0;
}
.news__preview .entry__meta {
	font-family: 'Roboto', sans-serif;
	font-size: 0.95rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #000000;
	margin: 1.5rem 0 0.75rem;
}
.news__excerpt p {
	font-family: 'Roboto', sans-serif;
	/* font-size: 1.25rem; */
	font-size: 1.1rem;
	line-height: 1.95rem;
	font-weight: 400;
	color: #000000;
	margin: 0;
	}
	@media screen and (max-width: 1080px) {
		.news__excerpt p {
			font-size: 1rem;
			line-height: 1.75rem;
		}
	}
.news__preview .post__thumbnail img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 300px;
	object-fit: cover;
	display: block;
}

/*--------------------------------------------------------------
# THOUGHTS
--------------------------------------------------------------*/
ul.thoughts {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.thoughts li {
	margin: 0 0 2.75rem;
}

ul.thoughts li .entry__meta {
	font-family: 'Special Elite', cursive;
	font-size: 0.85rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #000000;
	margin: 1.25rem 0 0.5rem;
}

ul.thoughts li p {
	font-family: 'Roboto', sans-serif;
	/* font-size: 1.25rem; */
	font-size: 1.1rem;
	line-height: 1.95rem;
	font-weight: 400;
	max-width: 35rem;
	color: #000000;
	margin: 0;
	}
	@media screen and (max-width: 1080px) {
		ul.thoughts li p {
			font-size: 1rem;
			line-height: 1.75rem;
		}
	}

/*--------------------------------------------------------------
# NEWS – SINGLE POST
--------------------------------------------------------------*/
.news__post_wrapper {
	background-color: #000000;
	color: #FFF;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	padding: 30px 0 0 0;
	}
	@media screen and (max-width: 900px) {
		.news__post_wrapper {
			flex-direction: column;
		  -webkit-flex-direction: column;
		  -moz-flex-direction: column;
		  -ms-flex-direction: column;
		}
		.news__share {
			padding: 0 0 0 20px;
		}
	}

.news__post_entry {
	width: 100%;
	max-width: 300px;
	padding: 0 0 0 20px;
	position: -webkit-sticky;
  position: sticky;
  top: 20px;
	}
	@media screen and (max-width: 1140px) {
		.news__post_entry {
			max-width: 250px;
		}
	}
	@media screen and (max-width: 1000px) {
		.news__post_entry {
			max-width: 200px;
		}
	}
	@media screen and (max-width: 900px) {
		.news__post_entry {
			position: relative;
			top: 0;
			margin: 0 0 25px 0;
		}
	}

h2.news__title {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	/* font-size: 3.25rem; */
	font-size: 3rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-text-stroke: 1.5px #FFFFFF;
	-webkit-text-fill-color: rgba(26,26,26,0);
	margin: 0;
	}
	@media screen and (max-width: 1280px) {
		h2.news__title {
			/* font-size: 2.75rem; */
			font-size: 2.5rem;
		}
	}
.news__the_post {
	width: 100%;
	max-width: 600px;
}
.news__bordered {
	border-left: 1px solid #FFFFFF;
	padding: 0 0 0 20px;
	}
	@media screen and (max-width: 900px) {
		.news__bordered {
			border-left: none;
		}
	}
header.news__header {

}
h1.news__post_title {
	font-family: 'Roboto', sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 0;
	}
	@media screen and (max-width: 900px) {
		h1.news__post_title {
			font-size: 1.75rem;
		}
	}
.entry__meta {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #FFFFFF;
	margin: 2.25rem 0;
}
.post__thumbnail img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.news__the_content {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: 400;
	}
	@media screen and (max-width: 800px) {
		.news__the_content {
			font-size: 1.1rem;
			line-height: 1.85rem;
		}
	}
.news__the_content p a {
	text-decoration: underline;
	color: inherit;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
.news__the_content p a:hover {
	color: #ff2153;
}
.news__back {
	margin: 60px 0;
	padding: 0 0 0 20px;
}
.news__back a {
	text-decoration: none;
	color: #FFFFFF;
}
.news__back img {
	display: inline-block;
	width: 15px;
	height: 10px;
}
.news__back span {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85rem;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
}

/*--------------------------------------------------------------
# SHOWS LISTING PAGE
--------------------------------------------------------------*/
article.show a {
	display: block;
	text-decoration: none;
}
article.show a .show__poster img {
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	}
article.show a:hover .show__poster img {
	opacity: 0.8;
}

.our__shows {
	width: 100%;
	background-color: #dadada;
	padding: 4VH 0;
}
.our__shows h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0 0 2.25rem 0;
	color: #000000;
	padding: 0 0 0 20px;
}

/*--------------------------------------------------------------
# CONNECT PAGE
--------------------------------------------------------------*/
.instagram__feed {
	width: 100%;
}

/*--------------------------------------------------------------
# TIMELINE
--------------------------------------------------------------*/
.timeline__container {
	background-color: #000000;
	height: 100%;
	padding: 40px 90px 0 0;
	}
	@media screen and (max-width: 700px) {
		.timeline__container {
			padding: 0 40px;
		}
	}
.timeline__post_wrapper {
	background-color: #000000;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	}
	@media screen and (max-width: 700px) {
		.timeline__post_wrapper {
			flex-direction: column;
		  -webkit-flex-direction: column;
		  -moz-flex-direction: column;
		  -ms-flex-direction: column;
		}
	}

section.timeline__section {
	padding: 90px 0 0;
}

.timeline__year {
	width: 20%;
	padding: 0 0 0 20px;
	position: -webkit-sticky;
  position: sticky;
  top: 90px;
	}
	/* WordPress Admin Bar fix. */
	.admin-bar .timeline__year {
  	top: 122px;
	}
	@media screen and (max-width: 1000px) {
		.timeline__year {
			width: 30%;
		}
	}
	@media screen and (max-width: 700px) {
		.timeline__year {
			padding: 0;
			margin: 0 0 25px 0;
			top: 0;
			width: 100%;
			position: relative;
		}
		/* WordPress Admin Bar fix. */
		.admin-bar .timeline__year {
	  	top: 0;
		}
	}

h2.timeline__title {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 4rem;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-fill-color: rgba(26,26,26,0);
	-webkit-text-stroke-color: #ffffff;
	margin: 0;
	}
	@media screen and (max-width: 1325px) {
		h2.timeline__title {
			font-size: 3.25rem;
		}
	}
	@media screen and (max-width: 1200px) {
		h2.timeline__title {
			font-size: 2.75rem;
		}
	}

.timeline__content_wrapper {
	width: 80%;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	}
	@media screen and (max-width: 1000px) {
		.timeline__content_wrapper {
			width: 70%;
			flex-direction: column;
		  -webkit-flex-direction: column;
		  -moz-flex-direction: column;
		  -ms-flex-direction: column;
		}
		.standard:first-child {
			margin: 0 0 2.25rem 0;
		}
		.scrapbook:first-child {
			margin: 0 0 2.25rem 0;
		}
	}
	@media screen and (max-width: 700px) {
		.timeline__content_wrapper {
			width: 100%;
		}
	}

.timeline__media {
	width: 50%;
	position: -webkit-sticky;
  position: sticky;
	padding: 0 40px;
  top: 90px;
	}
	/* WordPress Admin Bar fix. */
	.admin-bar .timeline__media {
  	top: 122px;
	}
	.timeline__media img {
		width: 100%;
		max-width: 100%;
		height: auto;
		display: block;
	}
	@media screen and (max-width: 1000px) {
		.timeline__media {
			width: 100%;
			position: static;
			top: 0;
			padding: 0;
		}
		.admin-bar .timeline__media {
    	top: 0;
  	}
	}

.timeline__media .video {
	border: 10px solid #dadada;
}

.timeline__media p.video__caption,
.timeline__media p.caption {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #FFFFFF;
	margin: 1.25rem 0 0 0;
	padding: 0;
}

/* Standard Styling */
.timeline__media.standard {
	border-left: 1px solid #FFFFFF;
	padding: 0 25px;
	}
	@media screen and (max-width: 1000px) {
		.timeline__media.standard {
			border: none;
			padding: 0;
		}
	}
/* Scrapbook Styling */
.timeline__media.scrapbook p.video__caption,
.timeline__media.scrapbook p.caption {
	font-family: 'Caveat', cursive;
	font-size: 1.25rem;
	line-height: 1.25rem;
}

.timeline__content {
	width: 50%;
	padding: 0 0 0 40px;
	position: -webkit-sticky;
  position: sticky;
  top: 90px;
	}
	/* WordPress Admin Bar fix. */
	.admin-bar .timeline__content {
  	top: 122px;
	}
	@media screen and (max-width: 1000px) {
		.timeline__content {
			position: static;
			top: 0;
			width: 100%;
		}
		.admin-bar .timeline__content {
	  	top: 0;
		}
	}
	@media screen and (max-width: 550px) {
		.timeline__content {
			width: 100%;
			padding: 0;
		}
	}

.timeline__content .video {
	margin: 1.25rem 0;
	border: 10px solid #dadada;
}

.timeline__content p {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #FFFFFF;
	padding: 0;
	}
	.timeline__content p + p {
		margin: 1rem 0 0;
	}

.timeline__content h3 {
	font-family: 'Roboto', sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #FFFFFF;
  margin: 0 0 1.25rem 0;
}

/* Standard Styling */
.timeline__content.standard {
	border-left: solid 1px #FFFFFF;
	padding: 0 25px 0;
	}
	@media screen and (max-width: 1000px) {
		.timeline__content.standard {
			border: none;
			padding: 0;
		}
	}
/* Scrapbook Styling */
.timeline__content.scrapbook {
	border: dashed 1px #FFFFFF;
	padding: 25px;
}
.timeline__wide {
	width: 80%;
	position: relative;
	}
	@media screen and (max-width: 1000px) {
		.timeline__wide {
			width: 70%;
		}
	}
	@media screen and (max-width: 700px) {
		.timeline__wide {
			width: 100%;
		}
	}
.timeline__wide_image {
	padding: 0 0 0 25px;
	border-left: dashed 1px #FFFFFF;
	z-index: 5554;
	}
	@media screen and (max-width: 1000px) {
		.timeline__wide_image {
			border: none;
			padding: 0;
		}
	}
.timeline__wide_image img {
	width: 100%;
	display: block;
}
.timeline__post-it {
	background-color: #d3468a;
	color: #FFFFFF;
	padding: 25px;
	width: 100%;
	max-width: 500px;
	margin: -50px 25px 0 auto;
	position: relative;
	z-index: 5555;
	}
	.timeline__post-it.color__blue-mustang {
		background-color: #2d758c;
	}
	.timeline__post-it.color__denim {
		background-color: #4472ad;
	}
	.timeline__post-it.color__lava-lamp {
		background-color: #fd4d2b;
	}
	.timeline__post-it.color__miami {
		background-color: #d5438a;
	}
	.timeline__post-it.color__motel-sunset {
		background-color: #f5855b;
	}
	.timeline__post-it.color__power-suit {
		background-color: #ff2153;
	}
	.timeline__post-it.color__soda-fountain {
		background-color: #68bbb8;
	}
	.timeline__post-it.color__show-pink {
		background-color: #d3468a;
	}
	.timeline__post-it.color__black {
		background-color: #000000;
	}
	@media screen and (max-width: 1000px) {
		.timeline__post-it {
			width: auto;
			max-width: 100%;
			margin: 0;
		}
	}
.timeline__post-it h3 {
	font-family: 'Roboto', sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #FFFFFF;
  margin: 0 0 1.25rem 0;
}
.timeline__post-it p {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #FFFFFF;
	padding: 0;
	}
	.timeline__post-it p + p {
		margin: 1rem 0 0;
	}

nav.nav__timeline {
	background-color: #000000;
	padding: 0;
	margin: 0;
	height: 90px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  /* -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; */
}
nav.nav__timeline ul {
	list-style: none;
	margin: 0 0 0 110px;
	padding: 0;
	width: 100%;
	text-align: center;
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
	}
	@media screen and (max-width: 1200px) {
		nav.nav__timeline ul {
			margin: 0 0 0 90px;
		}
	}
	@media screen and (max-width: 650px) {
		nav.nav__timeline ul {
			margin: 0 0 0 40px;
		}
	}

/* nav.nav__timeline ul li {
	display: inline-block;
} */

nav.nav__timeline ul li:not(:last-child) {
	margin: 0 0.75rem 0 0;
}

nav.nav__timeline ul li a {
	font-family: 'Archivo Black', sans-serif;
	font-weight: 400;
	font-size: 2.75rem;
	-webkit-text-stroke: 1px;
  -webkit-text-fill-color: rgba(26,26,26,0);
	-webkit-text-stroke-color: #FFFFFF;
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
	}
	@media screen and (max-width: 950px) {
		nav.nav__timeline ul li a {
			font-size: 2.5rem;
		}
	}

nav.nav__timeline ul li a.selected {
	-webkit-text-stroke-color: #d5438a;
}

/*--------------------------------------------------------------
# MAILING LIST
--------------------------------------------------------------*/
#mc_embed_signup {
  width: 100%;
  max-width: 500px;
  margin: 25px 0;
}

#mc_embed_signup label,
#mc_embed_signup .indicates-required {
	display: none;
}

#mc_embed_signup_scroll {
	overflow: hidden;
}

#mc_embed_signup input {
	float: left;
  font-family: 'Roboto', sans-serif;
  font-size: 1.25em;
	font-weight: 400;
	background: #FFFFFF;
	color: #919191;
	height: 60px;
	width: calc(100% - 140px);
	padding: 0 20px;
	box-sizing: border-box;
  border: 1px solid #000000;
	border-radius: 0;
  }
	@media screen and (max-width: 1280px) {
		#mc_embed_signup input {
			font-size: 1.1rem;
		}
	}

.clear {
	overflow: auto;
}

#mc_embed_signup input.button {
	float: right;
	width: 120px;
  color: #FFFFFF;
  background: #fa4e38;
  cursor: pointer;
	border-radius: 0;
	border: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  }
  #mc_embed_signup input.button:hover {
    color: #FFFFFF;
  	background: #000000;
  }

@media screen and (max-width: 500px) {
	#mc_embed_signup input {
		float: none;
		width: 100%;
	}
	#mc_embed_signup input.button {
		float: none;
		width: 100%;
		margin: 10px 0 0;
	}
}

/*--------------------------------------------------------------
## Instagram
--------------------------------------------------------------*/
.instagram__feed {
	background-color: #000000;
	color: #FFFFFF;
}
.instagram__feed_header {
	padding: 20px 20px 10px 20px;
}
a.instagram__link {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	line-height: 1.75rem;
}
img.instagram__icon {
	width: 100%;
	max-width: 20px;
	padding: 0 5px 0 0;
	display: inline-block;
	height: auto;
}

/*--------------------------------------------------------------
## Social Icons – Colour
--------------------------------------------------------------*/
ul.social__icons_color {
	margin: 1.25rem 0;
	list-style: none;
	padding: 0;
}

ul.social__icons_color li {
	display: inline-block;
}

ul.social__icons_color li:not(:last-child) {
	margin: 0 20px 0 0;
}

ul.social__icons_color li a img {
	width: 100%;
	max-width: 60px;
	display: block;
	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

ul.social__icons_color li a {
	text-decoration: none;
}

ul.social__icons_color li a:hover img {
	transform: translate(0px, -5px);
}

/*--------------------------------------------------------------
## Transitions
--------------------------------------------------------------*/
@keyframes swipeUp {
  0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
  }
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
  }
  100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
  }
}
@-webkit-keyframes swipeUp {
  0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
  100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.the__transition {
	position: fixed;
	z-index: 10001;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000;
	-webkit-animation: swipeUp 1.4s ease-in-out;
  animation: swipeUp 1.4s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.the__transition.color__blue-mustang {
	background-color: #2d758c;
}
.the__transition.color__denim {
	background-color: #4472ad;
}
.the__transition.color__lava-lamp {
	background-color: #fd4d2b;
}
.the__transition.color__miami {
	background-color: #d5438a;
}
.the__transition.color__motel-sunset {
	background-color: #f5855b;
}
.the__transition.color__power-suit {
	background-color: #ff2153;
}
.the__transition.color__soda-fountain {
	background-color: #68bbb8;
}
.the__transition.color__show-pink {
	background-color: #000000;
}

.wrapper {
	-webkit-animation: fadeIn 0.8s ease-in-out;
  animation: fadeIn 0.8s ease-in-out;
	animation-delay: 1.4s;
	opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
		opacity: 0;
	}
  100% {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
## Parallax
--------------------------------------------------------------*/
.parallax__container {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
	position: relative;
	height: 100VH;
	}
	@media screen and (max-width: 950px) {
		.parallax__container {
			height: 60VH;
		}
	}

.parallax__container.color__blue-mustang {
	background-color: #2d758c;
}
.parallax__container.color__denim {
	background-color: #4472ad;
}
.parallax__container.color__lava-lamp {
	background-color: #fd4d2b;
}
.parallax__container.color__miami {
	background-color: #d5438a;
}
.parallax__container.color__motel-sunset {
	background-color: #f5855b;
}
.parallax__container.color__power-suit {
	background-color: #ff2153;
}
.parallax__container.color__soda-fountain {
	background-color: #68bbb8;
}
.parallax__container.color__show-pink {
	background-color: #d3468a;
}

.dancer {
	position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
	z-index: 7777;
	width: 100%;
	height: 100%;
	object-fit: contain;
  margin: 0 auto;
}
.background {
	width: 100%;
	height: 100VH;
	object-fit: cover;
	display: block;
	z-index: 7776;
	}
@media screen and (max-width: 950px) {
	.background {
		height: 60VH;
	}
}
.parallax {
	width: 90%;
	height: 90%;
}

/*--------------------------------------------------------------
## Moving
--------------------------------------------------------------*/
.transition {
	opacity: 0;
  transform: translateY(50px);
	transition: opacity .1s, transform .5s cubic-bezier(0,0,.22,1.32);
}
.transition.delay {
	transition-delay: .1s;
}
.transition.in-view {
	opacity: 1;
	transform: translateY(0);
}

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
section.error-404 {
	height: 50VH;
}
section.error-404 h1 {
		font-family: 'Archivo Black', sans-serif;
		font-weight: 400;
		/* font-size: 3.25rem; */
		font-size: 3rem;
		text-transform: uppercase;
		text-decoration: none;
		-webkit-text-stroke: 1.5px;
	  -webkit-text-fill-color: rgba(26,26,26,0);
		margin: 0;
		}
		@media screen and (max-width: 1280px) {
			section.error-404 h1 {
				/* font-size: 2.75rem; */
				font-size: 2.5rem;
			}
		}
		@media screen and (max-width: 1050px) {
			section.error-404 h1 {
				/* font-size: 2.75rem; */
				font-size: 2.25rem;
			}
		}
		@media screen and (max-width: 950px) {
			section.error-404 h1 {
				/* font-size: 2.75rem; */
				font-size: 2.5rem;
			}
		}

/*--------------------------------------------------------------
## Block – Associations
--------------------------------------------------------------*/
.shop__wrapper {
	margin: 0 90px 0 0;
}
@media screen and (max-width: 1200px) {
	.shop__wrapper {
		margin: 0 70px 0 0;
	}
}
@media screen and (max-width: 950px) {
	.shop__wrapper {
		margin: 0 60px 0 0;
	}
}
@media screen and (max-width: 650px) {
	.shop__wrapper {
		margin: 0;
	}
}
.shop__container {
	display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
	position: relative;
	flex-wrap: wrap;
	}
	@media screen and (max-width: 880px) {
		.shop__container {
			-ms-flex-pack: flex-start;
		  -webkit-justify-content: flex-start;
		  -moz-justify-content: flex-start;
		  justify-content: flex-start;
		}
	}
	@media screen and (max-width: 625px) {
		.shop__container {
			-ms-flex-pack: center;
		  -webkit-justify-content: center;
		  -moz-justify-content: center;
		  justify-content: center;
		}
	}

.product {
	width: 31.3333%;
	}
.product:not(:last-child) {
	margin: 0 1% 0 0;
}
	@media screen and (max-width: 880px) {
		.product:nth-child(odd) {
			width: 48%;
		  padding: 0 2% 4% 0;
		}
		.product:nth-child(even) {
			width: 48%;
		  padding: 0 0 4% 2%;
		}
	}
	@media screen and (max-width: 625px) {
		.product:nth-child(odd),
		.product:nth-child(even) {
			width: 100%;
		  padding: 0 0 8% 0;
		}
	}

img.product__thumbnail {
	width: 100%;
	height: 100%;
	display: block;
	}
.product h2 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 500;
	margin: 2.25rem 0 1.25rem;
	color: #000000;
	}
	@media screen and (max-width: 1200px) {
		.product h2 {
			font-size: 1.25rem;
		}
	}
	@media screen and (max-width: 625px) {
		.product h2 {
			margin: 1.25rem 0;
		}
	}
.product p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 400;
	margin: 0 0 0.75rem 0;
	color: #000000;
	}
	@media screen and (max-width: 1200px) {
		.product p {
			font-size: 1rem;
			line-height: 1.5rem;
		}
	}
.product a {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 400;
	margin: 0;
	text-decoration: none;
	color: inherit;
	}
	@media screen and (max-width: 1200px) {
		.product a {
			font-size: 1rem;
		}
	}

.product a:hover {
	text-decoration: underline;
}

.shop__button {
	display: block;
	width: 100%;
	padding: 2VH 4VW;
	margin: 20px auto 0;
}

.shop__button a {
	width: 100%;
	max-width: 225px;
	padding: 1.25rem 0.85rem;
	background-color: #ff2153;
	color: #ffffff;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	line-height: 1.75rem;
	font-weight: 400;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.shop__button a:hover {
	background-color: #000000;
}