@charset "UTF-8";
/* CSS Document */

.col--page-content {
	width: 100%;
}

.content-width--condensed .col--page-content {
	width: calc(100% - 290px);
	padding-left: calc(50vw - 675px);
}

.content-width--condensed .col--page-side-menu {
	width: 290px;
	position: sticky;
	top: 6rem;
	background-color: var(--color-light-gray-b);
	padding: 1.25rem 0 1.25rem 1.25rem;
	border-radius: .5rem 0 0 .5rem;
}

.content-width--condensed .col--page-side-menu .inner {
	max-width: 250px;
}

.content-width--condensed .col--page-side-menu .inner .headline {
	margin-bottom: 1rem;
  color: var(--color-dark-blue-a);
}

.content-width--condensed .col--page-side-menu .info-link {
	margin-top: .75rem;
}

.content-width--condensed .col--page-side-menu .info-link .col--icon {
	width: 1rem;
	margin-right: .5rem;
	text-align: center;
}

.content-width--condensed .col--page-side-menu .info-link .col--icon i {
	color: var(--color-blue-b);
	font-size: .95rem;
}

.content-width--condensed .col--page-side-menu .info-link .col--text {
	width: calc(100% - 1.5rem);
}

.content-width--condensed .col--page-side-menu .info-link .col--text a {
	color: var(--color-dark-blue-a);
	text-decoration: none;
	line-height: 1.25em;
	display: inline-block;
	font-size: .95rem;
}

.content-width--condensed .col--page-side-menu .cta--tertiary {
	margin-bottom: 1rem;
}

.content-width--condensed .col--page-side-menu .cta--tertiary:last-child {
	margin-bottom: 0;
}

/* Performance Page Start */

.performance-page--body {
  text-align: right;
	background-color: var(--color-light-gray-b);
}

.content-width--condensed.content-width--condensed--alt .col--page-content {
  width: calc(72.5% - 7rem);
  margin: 0 0;
  padding-left: 0;
  text-align: left;
}

.content-width--condensed.content-width--condensed--alt .col--page-social-share {
	width: 7rem;
}

.peformance-page {

}

.performance-page--tdd {
  position: fixed;
  top: 6.5rem;
  background: var(--color-dark-blue-a);
	border-radius: 0 1.5rem 1.5rem 0;
	text-align: right;
	left: 0;
	width: calc(50vw - 392px);
	z-index: 2;
}
.performance-page--tdd.hella-tickets {
  position: absolute;
}

.performance-page--tdd .inner {
	text-align: left;
	width: 100%;
	max-width: 280px;
	padding: 1.375rem 1.5rem 1.425rem 1rem;
	color: #ffffff;
	display: inline-block;
}

.performance-page--tdd .tdd--group {
	margin-bottom: 2rem;
}
.performance-page--tdd .tdd--group:last-child {
	margin-bottom: 0;
}

.performance-page--tdd .tdd--group--label {
	font-size: 1.0625rem;
	font-size: 1.125rem;
	letter-spacing: .0222em;
	font-weight: 600;
	margin-bottom: .5rem;
}

.performance-page--tdd .tdd--group--item {
	margin-bottom: .67rem;
}
.performance-page--tdd .tdd--group--item:last-child {
	margin-bottom: 0;
}

.performance-page--tdd .tdd--group--item a {
  display: inline-block;
}

.tdd--group--item--ticket {
	box-shadow: 0 0 0 var(--color-blue-a);/*rgba(255,255,255,.33);*/
	transition: all ease-in-out 400ms, box-shadow ease-in-out 150ms;
}

.tdd--group--item--ticket:hover {
	box-shadow: .25rem .25rem 0 var(--color-blue-a);/*rgba(255,255,255,.33);*/
}

.tdd--group--item--ticket .inner {
	padding: 0 0;
}

.tdd--group--item--ticket {
	background-color: var(--color-light-gray-b);
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
	padding: .375rem .375rem .375rem 3.5rem;
	margin-bottom: .9rem;
}
.tdd--group--item--ticket:last-child {

}

.tdd--group--item--ticket.no-ticket-link a {
	pointer-events: none;
}

.tdd--group--item--ticket .col--left {
	padding: .175rem 0 .25rem 0;
}

.tdd--group--item--ticket--info--line-1,
.tdd--group--item--ticket--info--line-2 {

}

.tdd--group--item--ticket--info--line-1 {

}

.tdd--group--item--ticket--info--line-2 {

}

.tdd--group--item--ticket--info--line-1 a,
.tdd--group--item--ticket--info--line-2 span,
.tdd--group--item--ticket--info--line-2 a {
	color: var(--color-dark-blue-a);
	font-family: inherit;
	text-decoration: none;
	transition: all ease-in-out 100ms;
}

.tdd--group--item--ticket:hover .tdd--group--item--ticket--info--line-1 a {

}

.tdd--group--item--ticket--info--line-1 a {
	font-size: 1.25rem;
	font-weight: 600;
	text-transform: uppercase;
}

.performance-page--tdd .tdd--group--item--ticket--info--line-2 span {
	font-size: .825rem;
	display: inline-block;
	font-weight: 200;
}

.tdd--group--item--ticket--icon--ticket {
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  width: 2.875rem;
  height: 100%;
	text-align: center;
	box-shadow: 0 0 .25rem rgba(0,0,0,.15);
	transition: all ease-in-out 100ms;
}

.tdd--group--item--ticket--icon--ticket i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)rotateZ(-45deg);
	color: var(--color-blue-b);
	font-size: 1.5rem;
	transition: all ease-in-out 100ms;
}

.tdd--group--item--ticket--icon--ticket i.fa-calendar-check {
	transform: translate(-50%, -50%)rotateZ(0deg);
}

.tdd--group--item--ticket:hover .tdd--group--item--ticket--icon--ticket {

}

.tdd--group--item--ticket:hover .tdd--group--item--ticket--icon--ticket i {
	animation-name: ticket;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
}

/*
@keyframes ticket {
  0%   {font-size: 1.5rem;transform: translate(-50%, -50%)rotateZ(-45deg);}
  50%  {font-size: 1.5625rem;transform: translate(-50%, -50%)rotateZ(-36deg);}
  100% {font-size: 1.5rem;transform: translate(-50%, -50%)rotateZ(-45deg);}
}
*/




.tdd--group--item--ticket .col--right {
  float: right;
  position: absolute;
  right: 0;
  height: calc(100% - .75rem);
  width: 1.875rem;
  top: 50%;
  transform: translate(-.375rem, -50%);
  border-radius: .375rem;
  overflow: hidden;
}

.tdd--group--item--ticket--icon--arrow {

}

.tdd--group--item--ticket--icon--arrow a {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .08);
  text-align: center;
	transition: all ease-in-out 100ms;
}

.tdd--group--item--ticket:hover .tdd--group--item--ticket--icon--arrow a {
	background-color: rgba(0,0,0,.16);
}

.tdd--group--item--ticket--icon--arrow i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: var(--color-dark-blue-a);
}

.performance-page--tdd .tdd--group--directions,
.performance-page--tdd .tdd--group--dates {

}

.performance-page--tdd .tdd--group--directions .tdd--group--item,
.performance-page--tdd .tdd--group--dates .tdd--group--item {
	margin-bottom: .425rem;
	position: relative;
	z-index: 1;
}

.performance-page--tdd .tdd--group--directions .tdd--group--item a {
	display: inline-block;
	position: relative;
}

.performance-page--tdd .tdd--group--directions .tdd--group--item a:before {
	content: '';
	display: block;
	width: 0;
	height: .125rem;
	background-color: var(--color-blue-a);
	position: absolute;
	bottom: 0;
	left: 1.618%;
	transform: translate(0%, .33rem);
	pointer-events: none;
	border-radius: .125rem;
	transition: all ease-in-out 360ms;
}

.performance-page--tdd .tdd--group--directions :hover .tdd--group--item a:before {
	width: 100%;
}

.performance-page--tdd .tdd--group--directions .tdd--group--item a,
.performance-page--tdd .tdd--group--dates .tdd--group--item a {
	text-decoration: none;
	color: #ffffff;
}

.performance-page--tdd .tdd--group--directions .tdd--group--item i,
.performance-page--tdd .tdd--group--dates .tdd--group--item i {
	color: var(--color-blue-b);
	width: 1rem;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-right: .375rem;
	font-size: .875rem;
}

.performance-page--tdd .tdd--group--directions .tdd--group--item span,
.performance-page--tdd .tdd--group--dates .tdd--group--item span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.0625rem;
	font-weight: 300;
}

.performance-page--tdd .tdd--group--directions .tdd--group--item:hover span,
.performance-page--tdd .tdd--group--dates .tdd--group--item:hover span {

}

.mobile--calendar-dates-share,
.mobile--static-tickets,
.mobile--fixed-tickets {
	display: none;
}

.calendar-group {
	position: relative;
	cursor: pointer;
}

.calendar-options {
  max-height: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-51%, calc(100% + .0625rem));
  transition: all ease-in-out 400ms;
  z-index: 2;
  background-color: var(--color-dark-blue-b);
	border-radius: .25rem;
}

body.touch .calendar-group.active .calendar-options,
body.no-touch .calendar-group:hover .calendar-options {
  max-height: 6rem;
  padding: .5rem;
  opacity: 1;
  pointer-events: initial;
}



.calendar-group .calendar-options li {
  list-style-type: none;
  font-size: 0;
  margin-bottom: .5rem;
}

.calendar-group .calendar-options li:last-child {
  margin-bottom: 0;
}

.tdd--group--item.calendar-group .calendar-options li i {
  color: #ffffff;
  dipslay: inline-block;
  width: 1rem;
  font-size: .875rem;
	margin-right: 0;
}

.calendar-group .calendar-options li i.fa-google {
  font-size: .725rem;
}

.calendar-group .calendar-options li a {
  width: calc(100% - 1rem);
}

.calendar-group .calendar-options li a,
.calendar-group .calendar-options li input[type="submit"] {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  font-size: .825rem;
  cursor: pointer;
  padding-left: .25rem;
}

.calendar-group .calendar-options li:hover i,
.calendar-group .calendar-options li:hover a,
.calendar-group .calendar-options li:hover input[type="submit"] {
  color: var(--color-blue-b);
}

.calendar-group .calendar-options li form {
  display: inline-block;
  width: calc(100% - 1rem);
}

.calendar-group .calendar-options li input[type="submit"] {
  border: none;
  outline: none;
  background-color: transparent;
  display: inline-block;
}

.performance-page--header {
	background-color: var(--color-dark-blue-a);
	padding: 3rem 0 2rem 0;
	overflow: hidden;
}

.performance-page--header .image-container {
	position: relative;
  height: 0;
  padding-bottom: 46.375%;
}

.performance-page--header img {
	position: relative;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.performance-page--header .decoration {
  position: absolute;
  height: 100%;
  width: 48%;
  right: 0;
  top: 0;
  z-index: 0;
}

.performance-page--header .decoration svg {
	position: absolute;
  top: 0;
  left: 0;
  width: 105%;
  height: calc(100% + 1.25rem);
  transform: translate(0.5625rem, 0rem);
}

.performance-page--header .decoration polygon {
	fill: var(--color-blue-b);
	stroke-width: 0;
}

.performance-page--header .headline-container {
	transform: translateY(-50%);
	display: inline-block;
	padding: 1.375rem .875rem;
	line-height: 1.125em;
	position: relative;
	z-index: 2;
	margin-left: 2rem;
	margin-right: 2rem;
	background-color: var(--color-gray-b);
}

.performance-page--header .headline-container .headline {
	color: var(--color-dark-blue-a);
	margin-bottom: 0;
	font-weight: 600;
	font-size: 2.5625rem;
}

.col--page-social-share {
	position: sticky;
	top: 4rem;
}

.col--page-social-share .social-share-container {
  display: inline-block;
  text-align: right;
	padding-top: 2.5rem;
}

.col--page-social-share .social-share-item {
  display: inline-block;
  min-width: 2rem;
  margin-bottom: .375rem;
  padding: .5rem 0 .5rem .5rem;
  white-space: nowrap;
  text-align: left;
  border-radius: 0 0 0 0;
  background-color: var(--color-dark-blue-a);
  transition: all ease-in-out 300ms;
  line-height: 1em;
	border-radius: .25rem 0 0 .25rem;
}

.col--page-social-share .social-share-item:hover {
  background-color: var(--color-blue-b);
}

.col--page-social-share .social-share-item a {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  line-height: 1em;
}

.col--page-social-share .social-share-item i {
  color: #fffff;
  margin-right: .5rem;
  transition: all ease-in-out 300ms;
  font-size: 1.425rem;
}


.col--page-social-share .social-share-item i.fa-twitter {
  font-size: 1.25rem;
}

.col--page-social-share .social-share-item i.fa-envelope {
	font-size: 1.25rem;
}

.col--page-social-share .social-share-item span {
  display: inline-block;
  width: 0;
  overflow: hidden;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0;
  line-height: 1em;
  color: #ffffff;
  transition: all ease-in-out 360ms;
  opacity: 0;
	font-family: "field-gothic-xxcondensed","Impact",sans-serif;
	text-transform: uppercase;
}

.col--page-social-share .social-share-item:hover span {
  opacity: 1;
  width: 2.67rem;
}

.peformance-page-flags {
	z-index: 1;
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.preview-card.peformance-page-flags .flag {
	background-color: #ffffff;
	font-size: .95rem;
}

@media (max-width: 1100px) {

	.peformance-page-flags {
		top: .5rem;
		right: .5rem;
	}

}

@media (max-width: 960px) {

	.peformance-page-flags {
		top: .875rem;
		right: .75rem;
	}

}

@media (max-width: 720px) {

	.peformance-page-flags {
		right: .5rem;
	}

}

@media (max-width: 640px) {

}

@media (max-width: 480px) {



}

@media (max-width: 450px) {



}

/* Performance Index */

.page--performance-index {
	background-color: var(--color-light-gray-a);
}

.page--performance-index .col--filters {
	width: 360px;
	position: sticky;
	top: 3.75rem;
	vertical-align: top;
	padding-bottom: 3.5rem;
}

.page--performance-index .col--filters .inner-bg:before {
	background: linear-gradient(45deg, #e770af, transparent), linear-gradient(142deg, transparent, #a6a4a1), linear-gradient(108deg, #2485bb, transparent);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
	pointer-events: none;
}
.page--performance-index .col--filters .inner-overlay:before{
	background: rgba(255,255,255,.67);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
	pointer-events: none;
}

.ppi .col--filters .ppi-filters-label {
	color: var(--color-dark-blue-a);
	position: relative;
	z-index: 1;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

#ppi-filter-group--keyword,
#ppi-filter-group--dates {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.ppi .col--filters .ppi-filter-group--label {
	margin-bottom: .5rem;
	color: var(--color-dark-blue-a);
	padding-left: .175rem;
}

#ppi-filter-group--genre .ppi-filter-group--label,
#ppi-filter-group--venue .ppi-filter-group--label {
	padding-left: calc(1.5rem + .175rem);
}

.ppi .col--filters .ppi-filter-container {
	padding-left: 0;
	padding-top: 2.5rem;
}

.ppi .col--filters .ppi-filter-group {
	margin-bottom: 1.25rem;
	position: relative;
	z-index: 1;
}

#ppi-filter-group--keyword {
	margin-bottom: 1.5rem;
}

.ppi-filter-controls {
	padding-left: 1.5rem;
}

.ppi .col--filters .date-container {

}

.ppi .col--filters .date-container input,
.ppi .col--filters #ppi-filter-group--keyword input {
	border: none;
	padding: .625rem .67rem .67rem .67rem;
	border-radius: .5rem;
	box-shadow: 0 0 .175rem rgba(0,0,0,.1);
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: .875rem;
	color: var(--color-dark-blue-a);
}

.ppi .col--filters #ppi-filter-group--keyword .input-wrapper {
	position: relative;
}

.ppi .col--filters #ppi-filter-group--keyword .input-wrapper i {
	position: absolute;
	cursor: pointer;
	right: 1rem;
	top: 50%;
	transform: translateY(-51%);
	font-size: .875rem;
	color: var(--color-dark-blue-a);
}

.ppi .col--filters .date-container label {
	font-size: .625rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: var(--color-dark-blue-a);
	padding-left: .175rem;
	display: inline-block;
}

.ppi .col--filters .date-container .col--start,
.ppi .col--filters .date-container .col--end {
	width: 50%;
	position: relative;
	z-index: 1;
}

.ppi .col--filters .date-container .col--start {
	padding-right: .33rem;
}

.ppi .col--filters .date-container .col--end {
	padding-left: .33rem;
}

.ppi .col--filters #ppi-filter-group--genre {
	margin-bottom: 0;
}

.ppi .col--filters .genre-container {
	margin-top: -.5rem;
}

.ppi .col--filters .genre {
	white-space: normal;
	text-align: center;
	width: 5rem;
	height: 5rem;
	background-color: #ffffff;
	padding: .67rem 0;
	border-radius: .67rem;
	box-shadow: 0 0 .175rem rgba(0,0,0,.1);
	margin-right: 1rem;
	position: relative;
	cursor: pointer;
	transition: all ease-in-out 150ms, opacity ease-in-out 400ms, transform ease-in-out 400ms;
}
/*
.ppi .col--filters .genre:first-child {
	margin-left: 1.5rem;
}
.ppi .col--filters .genre:last-child {
	margin-right: 1.5rem;
}
*/

.ppi .col--filters .genre.active,
.ppi .col--filters .genre:hover {
	background-color: var(--color-blue-b);

}

.ppi .col--filters .genre .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	padding: 0 .5rem;
}

.ppi .col--filters .genre .genre-icon {
	max-width: 2.75rem;
	margin: 0 auto;
}

.ppi .col--filters .genre .genre-icon img {
	transition: all ease-in-out 100ms;
}

.ppi .col--filters .genre.active .genre-icon img,
.ppi .col--filters .genre:hover .genre-icon img {
	filter: brightness(99);
}

.ppi .col--filters .genre .genre-name {
	margin-top: .25rem;
}

.ppi .col--filters .genre .genre-name .copy {
	font-size: .8rem;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	letter-spacing: .0222em;
	line-height: .95em;
	color: var(--color-dark-blue-a);
	transition: all ease-in-out 100ms;
}

.ppi .col--filters .genre.active .genre-name .copy,
.ppi .col--filters .genre:hover .genre-name .copy {
	color: #ffffff;
}

.ppi .col--filters #ppi-filter-group--venue {
	margin-bottom: 1.125rem;
}

.ppi .col--filters .venue-container {
	margin-top: -.5rem;
}

.ppi .col--filters .venue {
	white-space: normal;
	text-align: center;
	width: 5rem;
	background-color: var(--color-dark-blue-a);
	padding: .5rem 0;
	border-radius: .67rem;
	box-shadow: 0 0 .175rem rgba(0,0,0,.1);
	margin-right: 1rem;
	position: relative;
	height: 5rem;
	cursor: pointer;
	overflow: hidden;
	transform: translateZ(0); /* safari necessity to prevent svg coming out of overflow hidden */
	cursor: pointer;
	transition: all ease-in-out 150ms, opacity ease-in-out 400ms, transform ease-in-out 400ms;
}
.ppi .col--filters .filter-button-wrapper:first-child {
	margin-left: 1.5rem;
}
.ppi .col--filters .filter-button-wrapper:last-child {
	margin-right: 1.5rem;
}

.ppi .col--filters .venue .venue-decoration--secondary {
	position: absolute;
	top: -.5rem;
	left: 50%;
	width: 120%;
	transform: translateX(-50%);
	overflow: hidden;
	height: .275rem;
	opacity: 0;
	transition: all ease-in-out 200ms;
}

.ppi .col--filters .venue:hover .venue-decoration--secondary,
.ppi .col--filters .venue.active .venue-decoration--secondary  {
	opacity: 1;
	top: 0;
}

.ppi .col--filters .venue .venue-decoration--secondary svg {
	position: absolute;
	top: 0;
	left: 0;
}

.ppi .col--filters .venue .venue-decoration--secondary svg polygon {
	fill: #00de8f;
	stroke-width: 0px;
}

.ppi .col--filters .venue .col-container {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.ppi .col--filters .venue .col--name {
	width: calc(100% - 1rem);
	text-align: left;
	padding-right: .25rem;
	padding-left: .5rem;
}

.ppi .col--filters .venue .venu-name {

}

.ppi .col--filters .venue .venue-name .copy {
	font-size: 1.1rem;
	line-height: .95em;
	text-decoration: none;
	display: block;
	color: #ffffff;
}

.ppi .col--filters .venue .col--decoration {
	width: 1rem;
}

.ppi .col--filters .venue .col--decoration .svg-container {
	position: relative;
}

.ppi .col--filters .venue .col--decoration .svg-container svg {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	transform: translateY(-50%);
	fill: #ffffff;
}

.ppi .col--filters .ppi-filter-control {
	font-style: italic;
	color: var(--color-dark-blue-a);
}

.ppi-filter-controls .col--apply {
	margin-right: .25rem;
}

.ppi .col--filters .ppi-filter-control--apply {
	background-color: #ffffff;
	box-shadow: 0 0 .25rem rgba(0,0,0,.1);
	border-color: #ffffff;
}

.ppi .col--filters .ppi-filter-control--apply:hover {
	background-color: var(--color-blue-b);
	color: #ffffff;
	border-color: var(--color-blue-b);
}

.ppi-filter-controls .col--reset {

}

.ppi .col--filters .ppi-filter-control--reset {
	border: none;
}

.ppi .col--filters .ppi-filter-control--reset:hover {
	text-decoration: underline;
}

.ppi .col--filters .custom-button {

}


.page--performance-index .col--filters .layout-decoration {
	position: absolute;
	top: 100%;
	right: -2rem;
	width: 420px;
	transform: translateY(-80%);
}

.page--performance-index .col--filters polygon {
	fill: transparent;
}

.mobile-filters-bar {
	display: none;
}

.page--performance-index .col--results {
	width: calc(100% - 360px);
	box-shadow: -.25rem 0 .5rem rgba(0,0,0,.15);
	position: relative;
	vertical-align: top;
	min-height: calc(100vh - 66px);
	background-color: #ffffff;
}

.ppi .col--results .max-width {
	width: calc(100% - 7rem);
}

.ppi .col--results .no-results {
  color: var(--color-dark-blue-a);
	white-space: nowrap;
}


.layout--search-header {
	background-color: var(--color-light-gray-b);
}

.layout--search-header .inner {
	padding: 2rem 0;
	padding-top: 5rem;
}

.layout--search-header .input-wrapper {
	position: relative;
	max-width: 860px;
  margin: 0 auto;
}

.layout--search-header .col-container {
	width: 100%;
}

.layout--search-header input[type="text"] {
	border: none;
	padding: .825rem 2rem .95rem 2rem;
	border-radius: 2rem;
	box-shadow: 0 0 .175rem rgba(0, 0, 0, .1);
	width: 100%;
	font-size: 1.375rem;
	color: var(--color-dark-blue-a);
	max-width: 860px;
}

.layout--search-header .input-wrapper i {
	position: absolute;
	cursor: pointer;
	right: 1.375rem;
	top: 50%;
	transform: translateY(-51%);
	font-size: 1.25rem;
	color: var(--color-dark-blue-a);
}

.layout--search-header label span {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	transform: translate(-50%, calc(-100% - 1rem));
	color: var(--color-dark-blue-a);
}

.page-results-container {
	margin-top: 2rem;
}

.page-result {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: .175rem solid var(--color-light-gray-a);
}
.page-result:last-child {
	margin-bottom: 0;
	border-width: 0;
}

.page-result--title {
	font-weight: 500;
	font-size: 1.5rem;
	color: black;
}

.page-result--description {
	font-family: 'open sans', sans-serif;
	font-size: .875rem;
	font-weight: 300;
	margin: .625rem 0 .75rem 0;
}

.page-result--cta,
.page-result--cta a {
	font-size: 1rem;
	font-style: italic;
	color: var(--color-dark-blue-a);
	text-decoration: none;
}

.page-result--cta a {
	font: inherit;
}

.page-result--cta i {
	font-size: .75em;
	margin-left: .25rem;
}







@media (min-width: 1800px) {

	.content-width--condensed .col--page-content {
    padding-left: calc(50vw - 742px);
	}

}

@media (min-width: 1920px) {

	.content-width--condensed .col--page-content {
    padding-left: 216px;
	}

}

@media (max-width: 1360px){

	.content-width--condensed .col--page-content {
    width: calc(100% - 264px);
	}

	.content-width--condensed .col--page-side-menu {
    width: 264px;
	}

	.content-width--condensed .col--page-side-menu .cta--tertiary {
		margin-right: 1rem;
	}

}

@media (max-width: 1160px){

	.content-width--condensed .col--page-content {
    width: calc(100% - 256px);
	}

	.content-width--condensed .col--page-side-menu {
    width: 256px;
	}

	.condense-only.content-width--condensed .col--page-content {
		width: 100%;
	}

}

@media (max-width: 1024px) {

	.content-width--condensed .col--page-side-menu .cta--tertiary i {
    font-size: .875rem;
	}

}

@media (max-width: 960px) {

	.content-width--condensed .col--page-side-menu .info-link .col--text a {
		line-height: 1.125rem;
	}

	.content-width--condensed .col--page-side-menu .cta--tertiary i {
    font-size: .825rem;
	}

	.layout--search-header label span {
		font-size: 1.875rem;
	}

	body.single-performance footer {
		margin-bottom: 4.75rem;
	}

}

@media (max-width: 860px) {

	.content-width--condensed .col--page-content {
    width: calc(100% - 236px);
  }

  .content-width--condensed .col--page-side-menu {
    width: 236px;
    padding: 1.0625rem 0 1.0625rem 1.0625rem;
  }

	.content-width--condensed .col--page-side-menu .cta--tertiary {
		margin-right: .875rem;
	}

	.content-width--condensed .col--page-side-menu .inner .headline {
		font-size: 1.25rem;
		margin-bottom: 0;
  }

	.content-width--condensed .col--page-side-menu .info-link {
    margin-top: .5625rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--icon {
    width: .9rem;
    margin-right: .375rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--icon i {
		font-size: .825rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--text a {
		font-size: .875rem;
	}

	.layout--search-header .inner {
    padding: 1rem 0;
    padding-top: 4rem;
	}

}

@media (max-width: 768px) {

	.content-width--condensed .col--page-content {
    width: calc(100% - 212px);
	}

	.content-width--condensed .col--page-side-menu {
    padding: .9rem 0 .9rem .9rem;
    width: 212px;
	}

	.content-width--condensed .col--page-side-menu .inner .headline {
    font-size: 1.125rem;
	}

	.content-width--condensed .col--page-side-menu .info-link {
    margin-top: .425rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--icon {
		font-size: .875rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--icon i {
		font-size: .75rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--text a {
		font-size: .75rem;
    line-height: 1.0625em;
	}

}

@media (max-width: 720px) {

	.content-width--condensed .col--page-content {
    width: calc(100% - 200px);
	}

	.content-width--condensed .col--page-side-menu {
    padding: .875rem 0 .875rem .875rem;
    width: 200px;
	}

	.content-width--condensed .col--page-side-menu .cta--tertiary {
    margin-bottom: .875rem;
	}

}

@media (max-width: 640px) {

	.content-width--condensed .col--page-side-menu {
		width: 100%;
		padding-left: 1.825rem;
		padding-right: 1.825rem;
		margin-bottom: 1.375rem;
		margin-top: .75rem;
		position: static;
	}

	.content-width--condensed .col--page-side-menu .inner {
    max-width: unset;
	}

	.content-width--condensed .col--page-side-menu .inner .headline {
    font-size: 1.25rem;
	}

	.content-width--condensed .col--page-side-menu .info-link {
		margin-top: .25rem;
		margin-bottom: .375rem;
	}

	.content-width--condensed .col--page-side-menu .cta--tertiary {
		margin-right: 0rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--text a {
		font-size: .825rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--icon i {
    font-size: .825rem;
	}

	.content-width--condensed .col--page-content {
    width: 100%;
	}

}

@media (max-width: 480px) {

	.content-width--condensed .col--page-side-menu {
    padding-left: 1.5625rem;
		padding-right: 1.5625rem;
		margin-bottom: 1.125rem;
    margin-top: .375rem;
	}

	.content-width--condensed .col--page-side-menu .inner .headline {
    font-size: 1.175rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--icon i {
    font-size: .75rem;
	}

	.content-width--condensed .col--page-side-menu .info-link .col--text a {
    font-size: .775rem;
	}

	.content-width--condensed .col--page-side-menu .cta--tertiary {
    margin-bottom: .75rem;
	}

	.layout--search-header .inner {
    padding: .375rem 0;
    padding-top: 3.375rem;
	}

	.layout--search-header label span {
    font-size: 1.75rem;
  }

	.layout--search-header input[type="text"] {
    padding: .5rem 1.25rem;
    font-size: 1.125rem;
	}

	.layout--search-header .input-wrapper i {
		right: 1.125rem;
	}

}

@media (max-width: 436px) {

	.content-width--condensed .col--page-side-menu {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-bottom: 1rem;
	}

	.layout--search-header label span {
    font-size: 1.67rem;
  }

	.page-result {
		border-width: .0625rem;
		border-width: .0625rem;
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.page-result--title {
		font-size: 1.375rem;
	}

	.page-result--description {
    margin: .5rem 0 .67rem 0;
	}

	.page-result--cta {
		font-size: .9rem;
	}

}


/* Free Show Toggle */
.free-show-control {
	margin-top: -.5rem;
	margin-bottom: 1.875rem;
}

.free-show-control .switch-label {
	margin-right: .5625rem;
	transform: translateY(-.125rem);
	padding-left: .25rem;
}

.free-show-control .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.free-show-control .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.free-show-control .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.free-show-control .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.free-show-control input:checked + .slider {
  background-color: #2196F3;
}

.free-show-control input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.free-show-control input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.free-show-control .slider.round {
  border-radius: 34px;
}

.free-show-control .slider.round:before {
  border-radius: 50%;
}

/* Filter Active Markers */
.filter-button-wrapper {
	position: relative;
}

.active-marker {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(-33%, 37.5%);
}

.active .active-marker {
	display: inline-block;
}

.active-marker span {
	position: relative;
	width: 1.5625rem;
	height: 1.5625rem;
	display: inline-block;
	background-color: var(--color-light-gray-a);
	border-radius: 3rem;
	box-shadow: 0 0 .25rem rgba(0,0,0,.25);
	pointer-events: none;
}

.active-marker span i {
	color: var(--color-dark-blue-b);
	font-size: .875rem;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body.touch .ppi .col--filters .genre:hover {
	background-color: var(--color-highlighter-blue) !important;
}

@media (max-width: 480px) {

	.active-marker {
		transform: translate(-27%, 39.5%);
	}

	.active-marker span {
		width: 1.425rem;
		height: 1.425rem;
	}

}




/* Performance Tag Page Addition */

.ptag-header {
	background-color: var(--color-light-gray-a);
	padding: 2.5rem 0 2.5rem 0;
	margin-bottom: 3.5rem;
	overflow: hidden;
}

.ptag-header .headline {
	margin-bottom: 0;
}

.ptag-results-container {

}

.ptag-no-results-container {
	margin: 0 0 1.5rem 0;
}

@media (max-width: 1160px) {

	.ptag-results-container.col-container.grid {
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
	}

}

@media (max-width: 1024px) {

	.ptag-results-container.col-container.grid {
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
	}

}

@media (max-width: 1024px) {

	.ptag-results-container.col-container.grid {
		grid-template-columns: 1fr 1fr;
	}

}

@media (max-width: 720px) {

	.ptag-header {
		padding: 1.75rem 0;
		margin-bottom: 2.5rem;
	}

	.ptag-results-container.col-container.grid {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 575px) {

	.ptag-header {
		padding: 1.5rem 0;
		margin-bottom: 2rem;
	}

}

@media (max-width: 450px) {

	.ptag-header {
		padding: 1.25rem;
		margin-bottom: 1.75rem;
	}

}







/* */