/*
Theme Name: Studio Simpatico
Theme URI: http://www.studiosimpati.co/
Description: This theme is a derivative of Super Hijinksified, custom coded for the Kurt Weill Foundation.
Author: Studio Simpatico
Author URI: http://www.studiosimpati.co/
Version: 1.0
*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;}canvas{display:inline;}video{display:inline;}audio:not([controls]){display:none}[hidden]{display:none}html{color:#222;font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button{-webkit-appearance:button;color:#222;cursor:pointer;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;overflow:visible;vertical-align:middle}input{color:#222;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;vertical-align:middle}select{color:#222;font-family:sans-serif;font-size:100%;margin:0;vertical-align:middle}textarea{color:#222;font-family:sans-serif;font-size:100%;margin:0;overflow:auto;resize:vertical;vertical-align:top}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;top:-.5em;vertical-align:baseline}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0;white-space:normal}input[type="button"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="reset"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="radio"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

:root {
	--white: #FFFFFF;
	--offwhite: #F6F4F1;
	--black: #1F1F1F;
	--gray: #989796;
	--medium-gray: #AAA;
	--light-gray: #CBCBCA;
	--lighter-gray: #D6D4D2;
	--red: #E4141C;
	--body-font: 'sofia-pro', sans-serif;
	--secondary-font: 'commuters-sans', sans-serif;
	--container-width: 90vw;
	--container-max-width: 1600px;
	--container-outer-padding: 50px;
	--container-outer-margin: calc((100vw - var(--container-width)) / 2);
	--transition-timing-function: cubic-bezier(.25, .1, .25, 1);
	--frame-width: 20px;
}

html {
	font-size: 100%;
	scroll-behavior: smooth;
}

body {
	background: var(--offwhite);
	border: solid var(--frame-width) var(--white);
	color: var(--black);
	font: 1rem var(--body-font);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

.svg-inline--fa path {
	fill: currentColor;
}

.mobile-only {
	display: none !important;
}

a {
	color: var(--black);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: .25s var(--transition-timing-function);
}

a:hover {
	color: var(--inherit);
	text-decoration: none;
}

.btn,
.works-posts .terms-list a,
.slick-dots button,
.events-posts .tabs-nav a {
	background: transparent;
	border: none;
	display: inline-block;
	font: 700 calc(11rem / 16)/calc(13 / 11) var(--secondary-font);
	letter-spacing: 1.4px;
	text-decoration: none;
	text-transform: uppercase;
	transition: .25s var(--transition-timing-function);
}

.btn.white {
	color: var(--white);
}

.btn.gray {
	color: var(--gray);
}

.primary-btn {
	align-items: center;
	color: var(--white);
	display: inline-flex;
	margin-bottom: 5px;
	padding: 16px 30px 15px;
	position: relative;
	transition: .25s var(--transition-timing-function);
	z-index: 1;
}

.primary-btn.white-fill {
	color: var(--black);
}

.primary-btn:before {
	background: var(--black);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.primary-btn.white-fill:before {
	background: var(--white);
}

.primary-btn:after {
	border: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(100% - 2px);
	left: 5px;
	position: absolute;
	top: 5px;
	transition: .25s var(--transition-timing-function);
	width: calc(100% - 2px);
	z-index: -2;
}

.primary-btn.white-fill:after {
	border: solid 1px var(--white);
}

.primary-btn svg {
	display: block;
	height: 13px;
	margin-right: 7px;
}

.primary-btn:not([disabled]):hover,
.primary-btn.white-fill:hover {
	color: var(--white);
	transform: translate3d(5px, 0, 0);
}

.primary-btn.white-fill:hover {
	color: var(--black);
}

.primary-btn:hover:not([disabled])::after,
.primary-btn.white-fill:hover::after {
	background: var(--red);
	border-color: var(--red);
	transform: translate3d(-10px, 0, 0);
}

.primary-btn.no-frame {
	margin-bottom: 0;
}

.primary-btn.no-frame::before {
	transition: .3s var(--transition-timing-function);
}

.primary-btn.no-frame::after {
	display: none;
}

.primary-btn.no-frame:hover {
	transform: translate3d(0, 0, 0);
}

.primary-btn.no-frame:hover::before {
	background: var(--red);
}

.arrow-link {
	border-radius: 0;
	padding: 0;
}

.arrow-link:not(.left):after,
.arrow-link.left:before {
	background: url('svgs/arrow-link-black.svg') no-repeat;
	content: '';
	display: inline-block;
	height: 9px;
	margin-left: 6px;
	transition: all .25s ease;
	width: 11px;
}

.arrow-link.white:after,
.arrow-link.white.left:before {
	background-image: url('svgs/arrow-link-white.svg');
}

.arrow-link.gray:after,
.arrow-link.gray.left:before {
	background-image: url('svgs/arrow-link-gray.svg');
}

.arrow-link.left:before {
	margin: 0 6px 0 0;
	transform: scale(-1,1);
}

.arrow-link:not(.left):hover::after,
.arrow-link-container:hover .arrow-link:not(.left):after {
	transform: translate3d(5px, 0, 0);
}

.arrow-link.left:hover::before {
	transform: scale(-1,1) translate3d(5px, 0, 0);
}

.btn.icon {
	align-items: center;
	background: var(--black);
	border: none;
	color: var(--white);
	display: flex;
	height: 60px;
	justify-content: center;
	width: 60px;
}

.btn.icon:hover,
.icon-btn-container:hover .btn.icon {
	background: var(--red);
}

.btn.icon.small {
	height: 40px;
	width: 40px;
}

.btn.icon svg {
	height: 15px;
	margin: auto;
	transition: all .25s ease;
}

.btn.icon.small svg {
	height: 12px;
}

.btn.icon.large-icon svg {
	height: 22px;
}

.btn.icon.red {
	background: var(--red);
}

.tertiary-link,
.selected-readings .card p a {
	background: linear-gradient(90deg, var(--gray) 0%, var(--gray) 50%, var(--red) 50%, var(--red) 100%) no-repeat right bottom;
	background-size: 200% 2px;
	display: inline;
	padding-bottom: 4px;
	position: relative;
	text-decoration: none;
	transition: .3s var(--transition-timing-function);
	z-index: 3;
}

.tertiary-link:hover,
.selected-readings .card p a:hover {
	background-position: left bottom;
}

input[type=submit],
button {
	border: none;
	border-radius: 0;
	font-family: inherit;
	transition: .3s var(--transition-timing-function);
}

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

h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4 {
	margin: 20px 0;
}

h1,
.heading-1 {
	font: 700 calc(86rem / 16)/calc(78 / 86) var(--body-font);
	letter-spacing: -.8px;
}

h1.large,
.heading-1.large {
	font-size: calc(100rem/16);
	letter-spacing: -.07px;
	line-height: calc(90/100);
}

h2,
.heading-2 {
	font: 700 calc(60rem / 16)/calc(64 / 60) var(--body-font);
	letter-spacing: -1px;
}

h2.large,
.heading-2.large {
	font-size: calc(70rem/16);
	letter-spacing: -.82px;
	line-height: calc(71/70);
}

h3,
.heading-3 {
	font: 600 calc(46rem / 16)/calc(50 / 46) var(--body-font);
	letter-spacing: -1px;
}

h3.large,
.heading-3.large {
	font-size: calc(50rem/16);
	letter-spacing: -.83px;
	line-height: calc(59/50);
}

h4,
.heading-4 {
	font: 600 calc(34rem / 16)/calc(42 / 34) var(--body-font);
	letter-spacing: -.8px;
}

h5,
.heading-5,
.page-content h2,
.post-content article h2 {
	font: 600 calc(26rem / 16)/calc(32 / 26) var(--body-font);
	letter-spacing: -.2px;
}

h6,
.heading-6,
.page-content h3,
.post-content article h3 {
	font: 600 calc(22rem / 16)/calc(32 / 22) var(--body-font);
	letter-spacing: -.1px;
}

.card-title,
.post-content article h4 {
	font: 600 calc(20rem / 16)/calc(28 / 20) var(--body-font);
	letter-spacing: -.1px;
}

.quote,
.quote.large {
	font: italic 400 calc(28rem / 16)/calc(48 / 36) var(--body-font);
	letter-spacing: -.8px;
}

.quote.small {
	font-size: calc(20rem / 16);
	letter-spacing: -.3px;
	line-height: calc(36 / 20);
}

.eyebrow,
#menu-footer-column-3 > li > a,
#menu-footer-column-4 > li > a,
#menu-research-center-collections > li > a,
.searchandfilter h4,
.synopsis article h3 {
	display: block;
	font: 700 calc(10rem / 16)/calc(13 / 10) var(--secondary-font);
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.eyebrow.gray {
	color: var(--gray);
}

p,
ul,
ol,
.media-player .song-title {
	font-size: calc(14rem / 16);
	font-weight: 400;
	line-height: calc(24 / 16);
	margin: 0 0 25px;
}

.body-alt p,
.body-alt ul,
.body-alt ol {
	line-height: calc(26 / 16);
}

p.large,
ul.large,
ol.large,
.large p,
.large ul,
.large ol,
.media-player .song-title.large,
.large-p-only p,
.next-round p {
	font-size: 1rem;
	line-height: calc(28 / 16);
}

p.small,
ul.small,
ol.small,
.small p,
.small ul,
.small ol,
figcaption,
.caption,
.wp-caption .wp-caption-text,
.small-text {
	font-size: calc(12rem / 16);
	line-height: calc(18 / 12);
}

p.bold,
ul.bold,
ol.bold,
.bold p,
.bold ul,
.bold ol {
	font-weight: 700;
}

.indent {
	display: block;
	margin-left: 40px;
}

header,
section,
footer,
article {
	width: 100%;
}

.container {
	clear: both;
	margin: 0 auto;
	max-width: var(--container-max-width);
	padding: 0 var(--container-outer-padding);
	position: relative;
	width: var(--container-width);
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
}

.accessibility,
.contact-form .gform_wrapper .gfield_label {
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute;
}

.hidden {
	display: none;
}

/***Image Hover Effects***/

/*Image Zoom*/

.image-zoom {
	overflow: hidden;
}

.image-zoom img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: all .25s ease;
	width: 100%;
}

/*Image Arrow*/

.image-arrow {
	overflow: hidden;
	position: relative;
}

.image-arrow:after {
	border: solid 1px var(--black);
	bottom: 0;
	content: '';
	display: block;
	height: calc(100% - 10px);
	position: absolute;
	right: 0;
	width: calc(100% - 10px);
	z-index: -1;
}

.image-arrow .btn.icon {
	background: transparent;
	bottom: 0;
	position: absolute;
	right: 0;
	z-index: 1;
}

.image-arrow .btn.icon:after {
	background: var(--black);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transform: scale3d(0, 1, 1);
	transform-origin: center right;
	width: 100%;
	z-index: -1;
}

.image-arrow .btn.icon svg {
	opacity: 0;
}

.image-arrow img {
	bottom: 0;
	height: 100%;
	object-position: 0px 0px;
	position: relative;
	right: 0;
	width: 100%;
}

/*Safari hack to avoid choppy animation*/
_::-webkit-full-page-media, _:future, :root .image-arrow img {
	object-position: 0px 0px !important;
}

a:hover > .image-arrow img,
.image-arrow:hover img {
	bottom: 10px;
	object-position: 10px 10px;
	right: 10px;
}

a:hover > .image-arrow .btn.icon:after,
.image-arrow:hover .btn.icon:after {
	transform: scale3d(1, 1, 1);
}

a:hover > .image-arrow .btn.icon svg,
.image-arrow:hover .btn.icon svg {
	opacity: 1;
}

/***Carousels***/

.carousel,
.slick-list,
.slide,
.slick-track {
	height: 100%;
}

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

.slick-track {
	display: flex;
	position: relative;
}

/***Dialogs***/

.dialog-open {
	overflow: hidden;
}

[role="dialog"] {
	align-items: center;
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: .3s;
	visibility: hidden;
	width: 100vw;
	z-index: -999999;
}

[role="dialog"].active {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	z-index: 999999;
}

[role="dialog"] .overlay {
	background: #000;
	border: solid var(--frame-width) var(--white);
	height: 100%;
	left: 0;
	opacity: .9;
	position: absolute;
	top: 0;
	width: 100%;
}

[role="dialog"] .overlay[data-dialog-close] {
	cursor: zoom-out;
}

[role="dialog"] > button[data-dialog-close] {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

[role="dialog"] .dialog-content {
	background: var(--black);
	margin: 0;
	max-height: calc(100vh - ((var(--frame-width) + 60px) * 2));
	max-width: calc(100% - ((var(--frame-width) + 20px) * 2));
	overflow-y: auto;
	position: relative;
	width: calc(990 / 1440 * 100%);
}

[role="dialog"] .dialog-content .embed {
	display: block;
	margin: auto;
	width: 100%;
}

[role="dialog"] .dialog-content .embed.youtube,
[role="dialog"] .dialog-content .embed.vimeo {
	height: calc(557 / 1440 * 100vw);
	width: calc(990 / 1440 * 100vw);
}

/*Media*/

.media-dialog .dialog-content {
	background: transparent;
	pointer-events: none;
}

.media-dialog .dialog-content > * {
	pointer-events: auto;
}

/*Gallery*/

.gallery-lightbox .dialog-content {
	align-items: center;
	background: transparent;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: center;
	pointer-events: none;
}

.gallery-lightbox .dialog-content > * {
	pointer-events: auto;
}

.gallery-lightbox .dialog-content .image-zoom-wrapper {
	display: flex;
	max-height: 100%;
	position: sticky;
	top: 0;
	width: calc(475 / 990 * 100%);
}

.gallery-lightbox .dialog-content img {
	object-fit: contain;
	width: 100%;
}

.gallery-lightbox .dialog-content article {
	color: var(--white);
	margin: auto 0 auto 60px;
	width: calc(455 / 990 * 100%);
}

.gallery-lightbox .dialog-content article h4 {
	margin: 0;
}

.gallery-lightbox .dialog-content article p {
	margin: 0;
}

.gallery-lightbox .dialog-content article h4 + p {
	margin-top: 12px;
}

.gallery-lightbox .dialog-content #placeholder-audio,
.gallery-lightbox .dialog-content #placeholder-video,
.gallery-lightbox .dialog-content .media-player {
	width: 100%;
}

.gallery-lightbox .dialog-content .media-player.audio {
	background: var(--white);
	padding: 5px;
}

.gallery-lightbox[data-media-type="audio"] .dialog-content {
	flex-direction: column;
	overflow: unset;
	width: calc(578 / 1440 * 100vw);
}

.gallery-lightbox[data-media-type="audio"] .dialog-content article {
	margin: 50px 0 0;
	overflow-y: auto;
	width: 100%;
}

.gallery-lightbox[data-media-type="video"] .dialog-content {
	width: calc(1200 / 1440 * 100vw);
}

.gallery-lightbox[data-media-type="video"] .dialog-content .media-player.video {
	width: calc(681 / 1200 * 100%);
}

.gallery-lightbox[data-media-type="video"] .dialog-content article {
	width: calc(411 / 1200 * 100%);
}

.gallery-lightbox[data-media-type="text"] .overlay {
	opacity: .93;
}

.gallery-lightbox[data-media-type="text"] .dialog-content article {
	margin: 0;
	max-width: 784px;
	width: 100%;
}

.gallery-lightbox.full-image .image-zoom-wrapper {
	position: relative;
	width: 100%;
}

/***Watermark***/

.watermark {
	pointer-events: none;
	position: absolute;
}

/***Cards***/

/*Default*/

.card {
	display: block;
	padding: 30px 30px 67px;
	position: relative;
	text-decoration: none;
	--bkg-color: var(--white);
}

.card:not(.card-wide)::before {
	background: var(--bkg-color);
	content: '';
	display: block;
	height: calc(100% - 20px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.card:not(.card-wide)::after {
	border-bottom: solid 1px var(--black);
	border-left: solid 1px var(--black);
	bottom: 0;
	content: '';
	display: block;
	height: 19px;
	position: absolute;
	right: 0;
	transition: .25s var(--transition-timing-function);
	width: calc(100% - 21px);
	z-index: -1;
}

.card h3 {
	margin: 0 0 13px;
}

.card p {
	margin: 0;
}

.card .btn.icon {
	bottom: 0;
	position: absolute;
	right: 0;
	transform: translate3d(0, 0, 0);
	transition: .25s var(--transition-timing-function);
}

/*Offwhite*/

.card.offwhite {
	--bkg-color: var(--offwhite);
}

/*Wide*/

.card-wide {
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	width: calc(1093 / 1200 * 100%);
}

.card-wide .image-wrapper,
.card-callouts.grid-alt .card .image-wrapper {
	height: 168px;
	min-width: 300px;
	position: relative;
	width: 300px;
	z-index: 2;
}

.card-wide .image-wrapper::after,
.card-callouts.grid-alt .card .image-wrapper::after {
	background: var(--black);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: .25s var(--transition-timing-function);
	width: 100%;
}

.card-wide:hover .image-wrapper::after,
.card-callouts.grid-alt .card:hover .image-wrapper::after {
	opacity: .2;
}

.card-wide .image-wrapper img,
.card-callouts.grid-alt .card .image-wrapper img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.card-wide article,
.card-callouts.grid-alt .card article {
	padding: 41px calc(116 / 1039 * 100%) 57px 60px;
	position: relative;
	z-index: 1;
	--pseudo-extra-space: 0;
}

.card-wide .image-wrapper + article {
	padding-left: 40px;
	--pseudo-extra-space: 196;
}

.card-wide article::before,
.card-callouts.grid-alt .card article::before {
	backface-visibility: hidden;
	background: var(--bkg-color);
	content: '';
	display: block;
	height: calc(100% - 20px);
	left: calc(-1 * (var(--pseudo-extra-space) / 1039 * 100%));
	position: absolute;
	top: 0;
	transition: .25s var(--transition-timing-function);
	width: calc(100% + (var(--pseudo-extra-space) / 1039 * 100%) - 20px);
	z-index: -1;
}

.card-wide article::after,
.card-callouts.grid-alt .card article::after {
	border: solid 1px var(--black);
	bottom: 0;
	content: '';
	display: block;
	height: calc(100% - 21px);
	left: calc(-1 * (var(--pseudo-extra-space) / 1039 * 100%) + 19px);
	position: absolute;
	transition: .25s var(--transition-timing-function);
	width: calc(100% - 21px + (var(--pseudo-extra-space) / 1039 * 100%));
	z-index: -1;
}

/*Wide Alt*/

.card-wide-alt {
	align-items: flex-start;
	display: flex;
	justify-content: flex-start;
	padding: 28px 100px 65px 60px;
}

.card-wide-alt:not(.card-wide)::before {
	box-shadow: 4px 0 var(--red) inset;
	width: calc(100% - 20px);
}

.card-wide-alt:not(.card-wide)::after {
	border: solid 1px var(--black);
	height: calc(100% - 21px);
	z-index: -2;
}

.card-wide-alt h3 {
	margin-bottom: 0;
	width: calc(400 / 1040 * 100%);
}

.card-wide-alt p {
	margin: 6px 0 0 30px;
	width: calc(557 / 1040 * 100%);
}

/*Frame Above*/

.card.frame-above::before {
	width: calc(100% - 21px);
}

.card.frame-above::after {
	border-right: solid 1px var(--black);
	border-top: solid 1px var(--black);
	height: calc(100% - 21px);
	top: 19px;
}

/***reCaptcha***/

.grecaptcha-badge {
	opacity: 0;
	pointer-events: none;
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header {
	left: 0;
	padding: 40px 97px 0 60px;
	position: absolute;
	top: 0;
	z-index: 9999;
}

header .logo,
header .logo svg {
	backface-visibility: hidden;
	display: block;
	position: relative;
	z-index: 2;
}

header .logo svg {
	height: 113px;
	width: auto;
}

header .mobile-menu,
header .mobile-search,
header #back-to-main-nav {
	display: none;
}

/***Search***/

header .search-btn {
	backface-visibility: hidden;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate3d(0, 0, 0);
	z-index: 99;
}

header .search-btn:hover,
header .search-btn:focus {
	outline: none;
}

body:not(.search-open) header.menu-open .search-btn {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	z-index: 0;
}

header .search-btn [data-icon-search-state] {
	color: var(--white);
	display: block;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.95);
	transition: .2s var(--transition-timing-function);
	visibility: hidden;
	width: 16px;
}

header .search-btn [data-icon-search-state] svg {
	display: block;
}

header .search-btn [data-icon-search-state="open"],
header .search-btn [data-icon-search-state="open"] svg {
	height: 22px;
	width: 22px;
}

header .search-btn[data-search-state="open"] [data-icon-search-state="open"],
header .search-btn[data-search-state="closed"] [data-icon-search-state="closed"] {
	opacity: 1;
	pointer-events: all;
	transform: translate3d(-50%, -50%, 0) scale(1);
	visibility: visible;
}

header .searchform {
	max-width: calc(100vw - 20px);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 10px;
	top: 10px;
	transform: translate3d(10px, 0, 0);
	transition: .25s var(--transition-timing-function);
	visibility: hidden;
	width: 600px;
	z-index: 98;
}

header .searchform input {
	border: solid 1px transparent;
	border-radius: 0;
	font: 400 1rem/calc(28 / 16) var(--body-font);
	outline: none;
	padding: 23px 70px 27px 45px;
	transition: .25s var(--transition-timing-function);
	width: 100%;
}

header .searchform input:focus {
	border-color: var(--black);
}

header .searchform button {
	align-items: center;
	backface-visibility: hidden;
	background: none;
	border: none;
	color: var(--gray);
	display: flex;
	height: 100%;
	padding: 0 10px 0 20px;
	position: absolute;
	top: 0;
	transition: .25s var(--transition-timing-function);
	width: 45px;
}

header .searchform button:hover,
header .searchform button:focus {
	color: var(--black);
	outline: none;
}

/*Search Open*/

body.search-open {
	overflow: hidden;
}

header:before {
	background: rgba(0, 0, 0, .4);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transition: .25s var(--transition-timing-function);
	visibility: hidden;
	width: 100%;
	z-index: 9;
}

body.search-open header:before {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

body.search-open header .searchform {
	opacity: 1;
	pointer-events: all;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

/***Nav***/

header nav {
	-webkit-backdrop-filter: brightness(100%); /*hack for Safari so links are visible when mega menu is open*/
	margin: 27px 0 0;
}

header .mega-menu > li + li {
	margin-left: 50px;
}

header .mega-menu > li > a,
.works-posts .terms-list a,
.events-posts .tabs-nav a {
	cursor: pointer;
	display: block;
	padding-bottom: 3px;
	position: relative;
	text-decoration: none;
	z-index: 3;
}

header nav ul li a,
header nav ul li a:hover {
	color: var(--black);
}

header .mega-menu > li > a:after,
.works-posts .terms-list a:after,
.events-posts .tabs-nav a:after {
	background: var(--red);
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transition: .3s var(--transition-timing-function);
	width: 0%;
	z-index: -1;
}

header .mega-menu > li > a:hover::after,
header .mega-menu > li:hover > a::after,
.works-posts .terms-list .current-cat a:after,
.events-posts .tabs-nav .active a:after {
	width: 100%;
}

/*Light Logo*/

header.light-logo svg [fill="#1F1F1F"] {
	fill: var(--white);
}

header.light-links.menu-open svg [fill="#1F1F1F"] {
	fill: var(--black);
}

/*Light Links*/

header.light-links .mega-menu > li > a {
	color: var(--white);
}

header.light-links.menu-open .mega-menu > li > a {
	color: var(--black);
}

/***Mega Menus***/

header .dropdown {
	background: url('svgs/logo-watermark.svg') no-repeat calc(100% + 157px) -165px;
	background-color: var(--offwhite);
	background-size: 1104px 657px;
	box-shadow: 0 22px 30px rgba(31,31,31,.2);
	display: grid;
	grid-template-columns: minmax(125px,400px) 1fr;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate3d(0, 0, 0);
	transition: .25s var(--transition-timing-function);
	visibility: hidden;
	width: calc(100vw);
}

header li:hover > .dropdown {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

header.initial-hover .dropdown {
	transition-duration: 0s;
}

header .dropdown:before {
	border: 1px solid var(--black);
	content: '';
	height: calc(100% - 40px);
	left: 20px;
	position: absolute;
	top: 20px;
	width: calc(100% - 40px);
	z-index: 2;
}

header .dropdown .heading-3 {
	align-items: flex-end;
	background: var(--white);
	display: flex;
	height: 100%;
	justify-content: flex-start;
	margin: 0;
	padding: 0 0 60px 42px;
	width: 100%;
}

header .dropdown .heading-3 span {
	opacity: 0;
	transform: scale(-1,-1) translate3d(10px, 0, 0);
	transition: .25s .1s var(--transition-timing-function);
	writing-mode: vertical-rl;
}

header li:hover .dropdown .heading-3 span {
	opacity: 1;
	transform: scale(-1,-1) translate3d(0, 0, 0);
}

header.initial-hover li .dropdown .heading-3 span {
	transform: scale(-1,-1) translate3d(0, 0, 0);
	transition-delay: 0s;
	transition-duration: .25s;
}

header .dropdown > li:last-child {
	grid-column: 2;
	margin: 0 auto;
	min-width: 989px;
	padding: 128px 43px 80px;
	position: relative;
	width: 75%;
	z-index: 2;
}

header .dropdown a {
	text-decoration: none;
}

header .dropdown h3 {
	font-size: 1rem;
	letter-spacing: -.2px;
	margin: 0 0 5px;
}

header.initial-hover .dropdown .heading-3 + li {
	opacity: 0;
	transition: .25s var(--transition-timing-function);
}

header.initial-hover li:hover > .dropdown .heading-3 + li {
	opacity: 1;
}

/*Two Columns / Horizontal Large Links*/

header .horizontal-large-links .grid {
	gap: 45px 40px;
	grid-template-columns: 1fr 1fr;
}

header .horizontal-large-links .image-arrow {
	height: 80px;
	width: 120px;
}

header .horizontal-large-links article {
	width: calc(100% - 140px);
}

header .horizontal-large-links p {
	margin: 0;
}

/*Two Large Columns, 1 Small Column*/

header .dropdown.two-column-alt .vertical-large-links {
	gap: 40px;
	grid-template-columns: 1fr calc(349 / 989 * 100%);
}

header .vertical-large-links .grid {
	gap: 25px 40px;
	grid-template-columns: 1fr 1fr;
}

header .vertical-large-links h3 {
	margin-bottom: 15px;
}

header .vertical-large-links p {
	margin: 9px 0 0;
}

header .small-links {
	margin-top: 31px;
}

header .small-links li {
	margin-bottom: 38px;
}

header .small-links .flex-container {
	align-items: center;
}

header .small-links .image-arrow {
	width: calc(120 / 349 * 100%);
}

header .small-links h3 {
	width: calc(209 / 349 * 100%);
}

header .small-links h3 {
	margin: 0;
}

/*Three Large Columns*/

header .dropdown.three-column {
	min-height: 622px;
}

header .dropdown.three-column .vertical-large-links .grid,
header .dropdown.three-column-alt .vertical-large-links .grid:first-of-type {
	gap: 45px 40px;
	grid-template-columns: 1fr 1fr 1fr;
}

/*Three Large Columns + 2 Columns Small Row*/

header .dropdown.three-column-alt .vertical-large-links .grid:first-of-type {
	margin-bottom: 40px;
}

header .dropdown.three-column-alt .small-links {
	gap: 40px;
	grid-template-columns: 1fr 1fr;
	margin: 0;
}

header .dropdown.three-column-alt .small-links li {
	margin: 0;
}

header .dropdown.three-column-alt .small-links .image-arrow {
	width: calc(200 / 475 * 100%);
}

header .dropdown.three-column-alt .small-links h3 {
	width: calc(254 / 475 * 100%);
}

/*Link List w/ Right Images*/

header .dropdown.list-links .list-links {
	align-items: center;
}

header .dropdown.list-links ul:first-of-type {
	width: calc(320 / 989 * 100%);
}

header .dropdown.list-links ul:first-of-type li {
	margin-bottom: 32px;
}

header .dropdown.list-links .gallery {
	gap: 20px;
	grid-template-columns: calc(300 / 600 * 100%) 1fr;
	width: calc(600 / 989 * 100%);
}

header .dropdown.list-links .gallery li:nth-of-type(1) {
	justify-self: end;
	width: calc(240 / 300 * 100%);
}

header .dropdown.list-links .gallery li:nth-of-type(2) {
	grid-column: 2;
	grid-row: 1 / span 2;
}

header .dropdown.list-links .gallery img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer {
	padding-top: 80px;
	position: relative;
	z-index: 1;
}

footer:before {
	background: url('svgs/bkg-footer-logo.svg') no-repeat left bottom;
	background-color: var(--white);
	bottom: 0;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

footer > .flex-container {
	gap: 0 calc(102 / 1200 * 100%);
	padding: 54px var(--container-outer-padding);
}

footer > .flex-container:before {
	border: 1px solid var(--black);
	bottom: 0;
	content: '';
	height: 100%;
	left: -12px;
	position: absolute;
	width: calc(100% + 24px);
}

footer > .flex-container > * {
	position: relative;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer a {
	text-decoration: none;
}

footer a:not(.btn):hover {
	text-decoration: underline;
}

/***Help Callout***/

.footer-help {
	background: var(--black);
	color: var(--white);
	grid-column: 1 / -1;
	margin-bottom: 78px;
	padding: 60px calc(103 / 1200 * 100%) 77px;
	position: relative;
	width: 100%;
}

.footer-help article {
	width: calc(578 / 990 * 100%);
}

.footer-help h2 {
	margin: 0 0 20px;
}

/***Newsletter***/

footer .newsletter {
	display: flex;
	flex-direction: column;
	width: calc(269 / 1200 * 100%);
}

footer .newsletter h2 {
	font-size: calc(14rem / 16);
	letter-spacing: 0;
	line-height: calc(24 / 14);
	margin: 0 0 29px;
}

footer .newsletter form {
	margin-bottom: 60px;
	position: relative;
}

footer .newsletter input,
.content-warden-protect-form input {
	background: none;
	border: none;
	border-bottom: 1px solid var(--gray);
	border-radius: 0;
	font-family: inherit;
	font-size: calc(14rem / 16);
	height: 29px;
	padding: 0 20px 0 0;
	transition: .25s var(--transition-timing-function);
	width: 100%;
}

footer .newsletter input:focus,
.content-warden-protect-form input:focus {
	border-bottom-color: var(--black);
	outline: none;
}

footer .newsletter button {
	background: url('svgs/arrow-link-gray.svg') no-repeat center right;
	border: none;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}

footer .newsletter button:hover {
	opacity: .5;
}

footer .newsletter .logo {
	height: 90px;
	margin-top: auto;
	width: 83px;
}

footer .newsletter .logo path,
footer .newsletter .logo polygon {
	fill: var(--medium-gray);
}

/***Menus***/

footer > .flex-container > .menu {
	width: 180px;
}

#menu-footer-column-2 li,
#menu-footer-column-3 li li,
#menu-footer-column-4 li li {
	margin-bottom: 25px;
}

#menu-footer-column-3 li li,
#menu-footer-column-4 li li {
	font-size: calc(13rem / 16);
	font-weight: 500;
}

#menu-footer-column-2 a,
.submenu .children li a,
.quick-links h2 {
	font: 700 calc(12rem / 16)/calc(18 / 12) var(--secondary-font);
	letter-spacing: .5px;
}

#menu-footer-column-3 > li > a,
#menu-footer-column-4 > li > a {
	color: var(--gray);
	margin-bottom: 25px;
}

#menu-footer-column-4 > li:last-of-type {
	margin-top: 55px;
}

/***Copyright***/

footer .bottom-footer {
	padding: 58px 0 32px;
}

footer .bottom-footer .flex-container {
	align-items: center;
}

footer .bottom-footer p {
	font-size: calc(13rem / 16);
	margin: 0;
}

footer .bottom-footer li {
	display: inline-block;
	font: bold calc(9rem / 16)/calc(12 / 9) var(--secondary-font);
	letter-spacing: 1.5px;
	margin-left: 28px;
	text-transform: uppercase;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.alignnone {
	display: block;
	margin: 0 0 20px;
}

/***Page Hero***/

.page-hero {
	background: var(--red);
	color: var(--white);
	margin: 167px auto 0;
	padding: 77px 0 80px;
	position: relative;
	width: calc(100% - (40px * 2));
	z-index: 2;
}

.page-hero.black {
	background: var(--black);
}

.page-hero h1 {
	margin: 9px 0 0;
}

/*No Image*/

.page-hero.no-img {
	text-align: center;
}

.page-hero.no-img h1 {
	margin-left: auto;
	margin-right: auto;
	width: calc(784 / 1200 * 100%);
}

/*With Image*/

.page-hero.featured-img article {
	width: calc(622 / 1200 * 100%);
}

.page-hero.featured-img .image {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc(577 / 1320 * 100%);
}

.page-hero.featured-img .image img {
	height: calc(318px + (42px * 2));
	object-fit: cover;
	width: 100%;
}

.page-hero.featured-img .image p {
	background: var(--white);
	border-left: 1px solid var(--black);
	color: var(--black);
	margin: 0 0 0 40px;
	padding: 12px 0 40px 40px;
	position: absolute;
	width: calc(435 / 577 * 100%);
}

.page-hero.featured-img .image p:before {
	border-top: 1px solid var(--black);
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	width: calc(269 / 435 * 100%);
}

/***Page Content***/

.page-content {
	padding: 100px 0 156px;
	position: relative;
}

.page-hero.featured-img + .page-content {
	padding-top: 169px;
}

.page-content:before {
	background: var(--white);
	content: '';
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: calc(86vw - (var(--container-outer-padding) * 2));
}

.page-content article {
	margin: 0 auto;
	max-width: calc(784 / 1200 * 100%);
	position: relative;
}

.page-content article *:last-child {
	margin-bottom: 0;
}

.page-content h2 {
	margin-bottom: 23px;
	margin-top: 0;
}

.page-content h2:not(:first-child) {
	margin-top: 56px;
}

.page-content ol,
.post-content article ol,
.plain-text ol {
	counter-reset: li;
	padding: 0;
}

.page-content ol > li,
.post-content article ol > li,
.plain-text ol > li {
	counter-increment: li;
	list-style: none;
	margin-bottom: 10px;
	padding-left: 40px;
	position: relative;
}

.page-content ol li:before,
.post-content article ol li:before,
.plain-text ol li:before {
	color: var(--red);
	content: counter(li);
	font-weight: bold;
	left: 0;
	position: absolute;
	top: 0;
}

.page-content ul,
.fancy-bullets,
.fancy-bullets ul,
.post-content article ul,
.plain-text ul,
.licensing-info ul,
.accordions .accordion .content ul,
.content-block .content-cols ul {
	list-style: none;
	padding: 0;
}

.page-content ul:not(.search-posts) li,
.fancy-bullets li,
.post-content article ul:not(.search-posts) li,
.plain-text ul li,
.licensing-info ul li,
.accordions .accordion .content ul li,
.content-block .content-cols ul li {
	margin-bottom: 7px;
	padding-left: 34px;
	position: relative;
}

.page-content ul:not(.search-posts) li:before,
.fancy-bullets li:before,
.post-content article ul:not(.search-posts) li:before,
.plain-text ul li:before,
.licensing-info ul li:before,
.accordions .accordion .content ul li:before,
.content-block .content-cols ul li:before {
	background: var(--red);
	content: '';
	height: 5px;
	left: 0;
	position: absolute;
	top: 9px;
	width: 5px
}

.fancy-bullets.large li:before,
.licensing-info article ul li:before,
.content-block .content-cols ul li:before {
	top: 13px;
}

.page-content article a {
	font-style: normal;
	font-weight: 700;
}

.page-content article a:hover {
	color: var(--red);
	text-decoration: underline;
}

.page-content article .wp-caption {
	width: 100% !important;
}

.page-content article .wp-caption img {
	width: 100%;
}

.page-content article .wp-caption p {
	margin: 12px 0 0;
}

/***Password Protection***/

.content-warden-protect-form {
	padding: 240px 0 160px;
}

.content-warden-protect-form label {
	display: block;
	margin-bottom: 12px;
}

.content-warden-protect-form .error {
	color: var(--red);
	font-style: italic;
	margin: 10px 0 0;
}

.content-warden-protect-form .primary-btn {
	margin-top: 32px;
}

/***************************************************************************************************************************************************************************************/

/*WORKS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.works-hero {
	background: var(--red);
	padding-top: 140px;
	position: relative;
}

.works-hero:before,
.works-hero article:before,
.works-hero article:after,
.works-hero aside:before {
	content: '';
	position: absolute;
}

.works-hero:before {
	background: var(--white);
	height: 100%;
	left: 0;
	top: 0;
	width: calc(431 / 1400 * 100%);
}

.works-hero .flex-container {
	align-items: flex-end;
}

.works-hero article {
	background: var(--white);
	padding: 143px calc(83 / 1200 * 100%) 135px 0;
	position: relative;
	width: calc(765 / 1200 * 100%);
	z-index: 2;
}

.works-hero article:before {
	background: var(--white);
	bottom: -21px;
	height: calc(100% + 21px);
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)));
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) + 20px);
	z-index: -1;
}

.works-hero article:after {
	border-right: 1px solid var(--black);
	border-top: 1px solid var(--black);
	height: calc(100% - 21px);
	right: -1px;
	top: 20px;
	width: calc(558 / 681 * 100%);
	z-index: -1;
}

.works-hero h1 {
	margin: 0 0 23px;
}

.works-hero h1 span {
	display: block;
	margin-left: 40px;
}

.works-hero p {
	margin: 0 0 0 40px;
}

.works-hero aside {
	color: var(--white);
	padding: 41px 0 57px calc(60 / 1200 * 100%);
	position: relative;
	width: calc(435 / 1200 * 100%);
	z-index: 2;
}

.works-hero aside:before {
	background: var(--black);
	height: 100%;
	right: calc(-1 * (var(--container-outer-margin) + 30px));
	top: 0;
	width: calc(100% + 0px + var(--container-outer-margin) + 30px);
	z-index: -1;
}

.works-hero h2 {
	margin: 0 0 22px;
}

/***Works Posts***/

.works-posts {
	padding: 156px 0 160px;
	position: relative;
}

.works-posts:before {
	border-left: 1px solid var(--black);
	content: '';
	height: 140px;
	left: 50%;
	position: absolute;
	top: 0;
}

.works-posts > .flex-container {
	align-items: center;
}

/*Categories*/

.works-posts .terms-list,
.events-posts .tabs-nav {
	margin: 0;
	padding: 0;
	width: 45%;
}

.works-posts .terms-list li,
.events-posts .tabs-nav li {
	display: inline-block;
	list-style: none;
	margin-right: 38px;
}

.works-posts .terms-list a,
.events-posts .tabs-nav a {
	color: var(--gray);
}

.works-posts .terms-list .current-cat a,
.works-posts .terms-list a:hover,
.events-posts .tabs-nav a:hover,
.events-posts .tabs-nav .active a {
	color: var(--black);
}

/*Sort & Search*/

.sort {
	width: 45%;
}

.sort .searchandfilter ul {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	padding: 0;
	text-align: right;
}

.sort .searchandfilter li:first-child {
	align-items: baseline;
	display: flex;
	font-size: calc(14rem / 16);
	margin-right: 28px;
}

.sort .searchandfilter h4 {
	color: var(--black);
	font: calc(14rem / 16) var(--body-font);
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	text-transform: none;
	width: max-content;
}

.sort .searchandfilter label {
	width: auto;
}

.works-posts .sort select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url('svgs/fontawesome/solid/caret-down.svg') no-repeat 100% 5px;
	background-size: 8px auto;
	border: none;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	display: block;
	font-family: inherit;
	font-weight: bold;
	margin-left: 4px;
	min-width: 0;
	padding: 0 13px 0 0;
}

.works-posts .sort select:focus {
	border-bottom-color: var(--black);
	outline: none;
}

.sort .sf-field-search label,
.songbook-volumes-posts .filters .sf-field-search label {
	background: var(--white);
	height: 44px;
	position: relative;
	width: 247px;
}

.sort .sf-field-search label:before,
.songbook-volumes-posts .filters .sf-field-search label:before {
	background: url('svgs/fontawesome/regular/search.svg') no-repeat;
	background-size: 12px auto;
	content: '';
	height: 13px;
	opacity: .5;
	position: absolute;
	right: 14px;
	top: 16px;
	width: 12px;
}

.sort .sf-field-search input,
.songbook-volumes-posts .filters .sf-field-search input {
	border: 1px solid transparent;
	border-radius: 0;
	font-family: inherit;
	font-size: calc(14rem / 16);
	height: 100%;
	padding: 0 40px 0 20px;
	width: 100%;
}

.sort .sf-field-search input:focus,
.songbook-volumes-posts .filters .sf-field-search input:focus {
	border-color: var(--black);
	outline: none;
}

.works-posts .sort li:nth-of-type(n+3),
.events-posts .sort li:nth-of-type(n+2) {
	display: none !important;
}

/*Description*/

.works-posts .intro {
	margin: 32px 0 48px;
	width: calc(680 / 1200 * 100%);
}

/*Filters*/

.works-posts .open-filters {
	align-self: flex-start;
	background: url('svgs/icon-filter.svg') no-repeat left center;
	border: none;
	margin-top: 40px;
	padding: 0 0 0 22px;
}

.works-posts .open-filters:hover,
.works-posts .open-filters:focus {
	opacity: .6;
	outline: none;
}

.works-posts .filters,
.events-posts .filters,
.songbook-volumes-posts .filters {
	background: var(--black);
	padding: 27px 40px 40px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.works-posts .filters {
	display: none;
	display: block;
	left: 0;
	left: calc(var(--container-outer-padding) - 40px);
	/* margin: -185px 0 40px; */

	margin: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 90px;
	transform: translate3d(0, -10px, 0);
	transition: .2s var(--transition-timing-function);
	visibility: hidden;
	width: calc(100% - (var(--container-outer-padding) - 40px) * 2);
}

.works-posts .filters.active {
	display: block;
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

.filters .searchandfilter > ul {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(3,1fr) 170px;
}

.works-posts .intro {
	transition: .2s var(--transition-timing-function);
}

.works-posts.filters-active .intro {
	opacity: .4;
}

.searchandfilter > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.works-posts .filters .searchandfilter > ul > li {
	padding: 0;
}

.works-posts .filters .searchandfilter > ul > li:nth-of-type(-n+2),
.works-posts .filters .searchandfilter .select2-selection__choice,
.works-posts .filters li.counter + li,
.songbook-volumes-posts .filters .searchandfilter .select2-selection__choice,
.songbook-volumes-posts .filters li.counter + li {
	display: none !important;
}

.searchandfilter label {
	width: 100%;
}

.searchandfilter h4 {
	color: var(--light-gray);
	margin-bottom: 11px;
	padding: 0;
}

.works-posts .filters .select2-container,
.songbook-volumes-posts .filters .select2-container {
	width: 100% !important;
}

.works-posts .filters li.counter,
.songbook-volumes-posts .filters li.counter {
	color: var(--black);
	padding: 9px 15px;
}

.works-posts .filters .select2-selection.select2-selection--multiple,
.events-posts .filters .searchandfilter select,
.news-hero .archive-filter select,
.licensing-info .form select,
.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple,
.newsletter-filters select {
	background: url('svgs/fontawesome/solid/caret-down.svg') no-repeat calc(100% - 18px) center;
	background-color: var(--white);
	background-size: 8px auto;
	border: 1px solid transparent;
	border-radius: 0;
	height: 44px;
	width: 100%;
}

.works-posts .filters .select2-selection.select2-selection--multiple:focus,
.events-posts .filters .searchandfilter select:focus,
.news-hero .archive-filter select:focus,
.licensing-info .form select:focus,
.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple:focus {
	border-color: var(--red);
	outline: none;
}

.works-posts .filters .select2-selection.select2-selection--multiple input,
.events-posts .filters .searchandfilter select,
.news-hero .archive-filter select,
.licensing-info .form select,
.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple input {
	font-family: inherit;
	font-size: calc(14rem / 16);
	padding: 0 40px 0 15px;
	width: 100% !important;
}

.works-posts .filters .select2-selection.select2-selection--multiple ::-webkit-input-placeholder,
.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple ::-webkit-input-placeholder {
	color: var(--black);
}

.works-posts .filters .select2-selection.select2-selection--multiple ::-moz-placeholder,
.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple ::-moz-placeholder {
	color: var(--black);
	opacity: 1;
}

.works-posts .filters .select2-selection.select2-selection--multiple :-ms-input-placeholder,
.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple :-ms-input-placeholder {
	color: var(--black);
}

.works-posts .filters .select2-container .select2-search--inline,
.songbook-volumes-posts .filters .select2-container .select2-search--inline {
	float: none;
}

.works-posts .filters .btn,
.works-posts .filters .search-filter-reset {
	background: none;
	border: none;
	padding: 0;
	position: absolute;
	right: 40px;
	text-align: left;
	top: 56px;
}

.works-posts .filters .btn:hover {
	color: var(--light-gray);
}

.works-posts .filters .btn svg {
	backface-visibility: hidden;
	font-size: 1rem;
	margin-right: 6px;
	vertical-align: -4px;
}

.works-posts .filters .search-filter-reset {
	color: var(--light-gray);
	cursor: default;
	opacity: .4;
	pointer-events: none;
	text-decoration: underline;
	top: 90px;
}

.works-posts .filters .search-filter-reset.active {
	cursor: pointer;
	opacity: 1;
	pointer-events: all;
}

.works-posts .filters .search-filter-reset.active:hover {
	color: var(--white);
}

/*Dropdowns*/

body .select2-dropdown {
	border: none;
	border-radius: 0;
	box-shadow: 0 22px 30px rgba(31,31,31,.2);
	transform: translate3d(0, 0, 0);
}

body .select2-dropdown.select2-dropdown--above {
	box-shadow: 0 -12px 30px rgba(31,31,31,.2);
	padding-top: 20px;
}

body .select2-dropdown .select2-results > .select2-results__options {
	max-height: 300px;
}

body .select2-dropdown .select2-results__options:after {
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	bottom: 0;
	content: '';
	display: block;
	height: 35px;
	left: 0;
	position: sticky;
	width: 100%;
}

body .select2-results__option {
	font-size: calc(13rem / 16);
	padding: 5px 46px;
	position: relative;
}

body .select2-results__option.select2-results__message {
	padding: 10px 24px 0;
}

body .select2-results__option:not(.select2-results__message)::before {
	background: #E5E4E3;
	content: '';
	height: 14px;
	left: 24px;
	position: absolute;
	top: 8px;
	width: 14px;
}

body .select2-container--default .select2-results__option[aria-selected="true"]:not(.select2-results__message)::before {
	background: url('svgs/fontawesome/solid/check.svg') no-repeat center #E5E4E3;
	background-size: 8px auto;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option[aria-selected="true"] {
	background: none;
	color: var(--black);
}

/*Posts*/

#posts-results {
	position: relative;
	width: 100%;
}

#posts-results .sticky-text {
	color: #868481;
	font-size: 160px;
	font-weight: 600;
	letter-spacing: -1.4px;
	line-height: 120px;
	margin: -97px 0 -20px -62px;
	opacity: .05;
	pointer-events: none;
	position: sticky;
	top: 40%;
	width: 100%;
	z-index: -1;
}

.works-posts .posts {
	margin: 0;
	padding: 0;
	width: 100%;
}

.works-posts .posts li {
	list-style: none;
	margin-bottom: 48px;
}

.work-post,
.event-post {
	align-items: center;
	padding: 16px 16px 0 115px;
	position: relative;
	text-decoration: none;
	z-index: 2;
}

.work-post:before,
.work-post:after,
.work-post article .image:before,
.event-post:before,
.event-post:after {
	content: '';
	height: calc(100% - 16px);
	position: absolute;
	transition: .25s var(--transition-timing-function);
	z-index: -1;
}

.work-post:before,
.event-post:before {
	background: var(--white);
	left: 0;
	top: 0;
	width: 100%;
}

.work-post:after,
.event-post:after {
	border: 1px solid var(--black);
	bottom: 0;
	height: calc(100% - 18px);
	left: 16px;
	width: calc(100% - 34px);
}

.work-post:hover::after,
a.event-post:hover::after {
	border-color: var(--red);
}

.work-post h3 {
	margin: -8px 0 0;
	width: calc(360 / 1065 * 100%);
}

.work-post h3 .song-title {
	font-weight: normal;
}

.work-post h3 .eyebrow {
	color: var(--gray);
	margin-top: 8px;
}

.work-post article {
	align-items: flex-start;
	margin: 0;
	width: calc(665 / 1065 * 100%);
}

.work-post article p {
	margin: auto 0;
	padding: 25px 0;
	position: relative;
	top: -8px;
	width: calc(400 / 665 * 100%);
}

.work-post article .image {
	height: 144px;
	max-width: 200px;
	position: relative;
}

.work-post article .image:before {
	background: var(--red);
	height: 100%;
	right: -16px;
	top: -16px;
	width: 100%;
}

.work-post article .image:after {
	background: var(--black);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all .25s ease;
	width: 100%;
}

.work-post:hover article .image:after {
	opacity: .2;
}

.work-post img {
	height: 100%;
	max-width: 200px;
	object-fit: cover;
	width: auto;
}

.work-post .btn {
	bottom: 0;
	left: 16px;
	position: absolute;
}

.work-post .card-link {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/*Pagination*/

.wp-pagenavi {
	font: 700 calc(11rem / 16) var(--secondary-font);
	letter-spacing: 1.4px;
	margin-top: 80px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.wp-pagenavi a {
	text-decoration: none;
}

.wp-pagenavi a:hover {
	opacity: .6;
}

.wp-pagenavi .current,
.wp-pagenavi .page {
	align-items: center;
	display: inline-flex;
	height: 24px;
	justify-content: center;
	margin: 0 4px;
	width: 24px;
}

.wp-pagenavi .current {
	background: var(--black);
	color: var(--white);
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	position: absolute;
}

.wp-pagenavi .previouspostslink {
	left: 0;
}

.wp-pagenavi .nextpostslink {
	right: 0;
}

/*PayPal Button*/

.paypal-container {
	bottom: 0;
	height: 44px;
	position: absolute;
	right: 0;
	width: 158.5px;
}

.paypal-container form {
	border-radius: 0;
	height: 100%;
	position: relative;
}

.paypal-container form:before,
.paypal-container form:after {
	content: '';
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: all 0.25s ease;
	width: 100%;
}

.paypal-container form:before {
	background: url(svgs/sheet-music-button-red.svg) no-repeat;
}

.paypal-container form:after {
	background: url(svgs/sheet-music-button.svg) no-repeat;
}

.paypal-container form:hover:after {
	opacity: 0;
}

.paypal-container input[type=image] {
	border-radius: 0;
	height: 44px;
	overflow: hidden;
	padding: 44px 0 0;
	position: relative;
	transition: all 0.25s ease;
	width: 158.5px;
}

/***************************************************************************************************************************************************************************************/

/*WORKS SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/**Hero**/

.work-detail-hero {
	padding: 214px 0 76px;
	position: relative;
}

.work-detail-hero .container {
	align-items: flex-start;
}

.work-detail-hero .container:before {
	background: var(--white);
	bottom: -76px;
	content: '';
	height: calc(100% + 214px + 76px);
	position: absolute;
	right: calc(-1 * var(--container-outer-margin));
	width: calc((515 / 1200 * (100% - var(--container-outer-padding) * 2)) + var(--container-outer-margin) + var(--container-outer-padding));
	z-index: -1
}

/*Details*/

.work-detail-hero article {
	margin-top: 41px;
	width: calc(618 / 1200 * 100%);
}

.work-detail-hero h1 {
	margin: 10px 0 24px;
}

.work-detail-hero h1 > span {
	display: block;
	margin-top: 10px;
}

.work-detail-hero h1 .card-title span {
	font-size: 1rem;
	font-weight: 400;
}

.work-detail-hero h1 + p {
	margin-bottom: 76px;
	max-width: 550px;
}

.work-detail-hero .black-box {
	background: var(--black);
	color: var(--white);
	gap: 30px 40px;
	grid-template-columns: 1fr 1fr;
	margin: 76px 0 0;
	padding: 57px 0 57px 48px;
	position: relative;
}

.work-detail-hero .black-box:before {
	background: var(--black);
	content: '';
	height: 100%;
	left: 100%;
	position: absolute;
	top: 0;
	width: calc(103 / 618 * 100%);
}

.work-detail-hero .black-box .adaption {
	background: var(--red);
	color: var(--white);
	left: -20px;
	padding: 16px 20px;
	position: absolute;
	top: -34px;
}

.work-detail-hero .black-box h3 {
	margin: 0 0 10px;
}

.work-detail-hero .black-box .column.adapt {
	grid-column: 1 / -1;
}

.work-detail-hero .black-box p {
	margin: 0;
}

.work-detail-hero .licensing {
	color: var(--gray);
	margin: 23px 0 0;
}

.work-detail-hero h1 + .licensing {
	margin: 77px 0 80px;
}

.work-detail-hero .licensing a {
	color: var(--gray);
	font-weight: bold;
}

/*Image*/

.work-detail-hero aside {
	position: relative;
	width: calc(372 / 1200 * 100%);
}

.work-detail-hero aside .image {
	position: relative;
}

.work-detail-hero aside .image:before {
	background: var(--red);
	content: '';
	height: 100%;
	position: absolute;
	right: -102px;
	top: -80px;
	width: 100%;
	z-index: -1;
}

.work-detail-hero aside .image img {
	height: auto;
	max-height: 500px;
	object-fit: cover;
	width: 100%;
}

.work-detail-hero aside p {
	margin: 0;
	padding: 13px 0 39px;
}

.work-detail-hero aside p:before,
.work-detail-hero aside p:after {
	bottom: 0;
	content: '';
	left: -40px;
	position: absolute;
}

.work-detail-hero aside p:before {
	border-left: 1px solid var(--black);
	height: 50%;
}

.work-detail-hero aside p:after {
	border-bottom: 1px solid var(--black);
	width: calc(175 / 269 * 100%);
}

.work-detail-hero .fallback-image {
	bottom: -158px;
	left: 46%;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	width: calc((100% - 46%) + var(--container-outer-margin));
	z-index: 2;
}

.work-detail-hero .fallback-image img {
	max-width: none;
	width: 903px;
}

/***Menu***/

.work-detail-hero + .submenu {
	background: var(--white);
	display: flex;
	justify-content: center;
	margin: -48px 0 0;
	opacity: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.work-detail-hero + .submenu .inner {
	background: var(--white);
	height: 48px;
	overflow-x: auto;
	padding: 18px 0 17px;
}

.work-detail-hero + .submenu .inner::-webkit-scrollbar {
	display: none;
}

.work-detail-hero + .submenu p.btn {
	display: block;
	margin: 0 auto;
	width: max-content;
}

.work-detail-hero + .submenu.super-sticky {
	opacity: 1;
}

/***Work Details***/

.work-details {
	overflow: hidden;
}

.work-details,
.accordions {
	padding: 99px 0 180px;
	position: relative;
}

.work-details:before,
.accordions:before {
	background: var(--white);
	content: '';
	height: calc(100% - 140px);
	left: 0;
	position: absolute;
	top: 0;
	width: calc(100% - (141 / 1200 * 100%) - var(--container-outer-margin) - var(--container-outer-padding));
}

.accordion {
	position: relative;
}

.accordion h2,
.accordion > h3 {
	margin: 0;
}

.accordion h2 button,
.accordion h3 button {
	align-items: center;
	background: none;
	border: none;
	border-top: 1px solid #ddd;
	font-family: inherit;
	padding: 24px 0;
	position: relative;
	text-align: left;
	width: 100%;
}

.accordion:first-of-type h2 button {
	border-top: none;
}

.accordion h2 .icon,
.accordion h3 .icon {
	height: 40px;
	width: 40px;
}

.accordion h2 .icon .fa-minus,
.accordion h2.active .icon .fa-plus,
.accordion h3 .icon .fa-minus,
.accordion h3.active .icon .fa-plus {
	display: none;
}

.accordion h2.active .icon .fa-minus,
.accordion h3.active .icon .fa-minus {
	display: block;
}

.accordion:not(.inactive) h2 button:hover,
.accordion:not(.inactive) h2 button:focus,
.accordion:not(.inactive) h3 button:hover,
section:not(.location-map) .accordion:not(.inactive) h3 button:focus {
	opacity: .7;
	outline: none;
}

.accordion h2 button:hover .icon,
.accordion h2 button:hover .icon:hover,
.accordion h3 button:hover .icon,
.accordion h3 button:hover .icon:hover {
	background: var(--black);
}

.accordion .content {
	padding: 25px 0 100px;
}

.accordion .media-player {
	z-index: 2;
}

/***Intro***/

article.work-intro {
	max-width: calc(784 / 1200 * 100%);
}

/**Featured Media**/

.featured-media .carousel,
.selected-readings .carousel,
.photo-carousel .carousel {
	overflow: visible;
	position: relative;
	width: calc(100vw - var(--container-outer-margin) - var(--container-outer-padding));
}

.featured-media .carousel .slick-list,
.selected-readings .carousel .slick-list,
.photo-carousel .carousel .slick-list {
	overflow: hidden;
}

.slick-arrow {
	background: url('svgs/arrow-link-black.svg') no-repeat center;
	background-color: var(--white);
	background-size: 20px auto;
	border: none;
	height: 60px;
	padding: 0;
	position: absolute;
	right: 60px;
	text-indent: -9999999px;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	z-index: 3;
}

.slick-arrow.slick-prev {
	background-color: var(--offwhite);
	left: calc(var(--frame-width) - var(--container-outer-margin) - var(--container-outer-padding) + 40px);
	transform: scale(-1,1) translateY(-50%);
}

.slick-arrow.slick-disabled {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.slick-arrow:focus,
.slick-arrow:hover {
	background-color: var(--gray);
	outline: none;
}

.featured-media {
	overflow: hidden;
}

.featured-media .slick-track {
	align-items: flex-start;
}

.featured-media .slick-track,
.media-card {
	position: relative;
}

.media-card,
.media-card.video.slick-slide article,
.media-card.audio.slick-slide,
.media-card.slick-slide h3,
.media-card.slick-slide p,
.selected-readings .slide .card:not(.card-wide)::before,
.selected-readings .slide .card:not(.card-wide) > *:not(.btn) {
	transition: .25s var(--transition-timing-function);
}

.media-card.video .media-player:after {
	background: #D6D4D2;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: .25s var(--transition-timing-function);
	width: 100%;
	z-index: 1;
}

.carousel .media-card.audio.slick-slide:not(.slick-active)::after,
.media-card.video.slick-slide:not(.slick-active) article:after,
.media-card.video.slick-slide:not(.slick-active) .media-player:after,
.media-card.slick-slide:not(.slick-active) .media-player.audio .btn.icon {
	opacity: .5;
}

.media-card.video.slick-slide:not(.slick-active) article,
.media-card.audio.slick-slide:not(.slick-active),
.selected-readings .slide:not(.slick-active) .card:not(.card-wide)::before {
	background: #D6D4D2;
}

.media-card.slick-slide:not(.slick-active) h3,
.media-card.slick-slide:not(.slick-active) p,
.selected-readings .slide:not(.slick-active) .card:not(.card-wide) > *:not(.btn),
.selected-readings .slide:not(.slick-active) .card:not(.card-wide) a {
	color: #7E7E7E;
}

.selected-readings .slide:not(.slick-active) .card:not(.card-wide) .btn.icon {
	background-color: #7b7a79;
}

.media-card h3 {
	margin: 0 0 14px;
}

/*Audio*/

.media-card.audio {
	background: var(--offwhite);
	margin-right: 80px;
	width: 660px;
}

.media-card.audio:before,
.media-card.video article:before {
	border: 1px solid var(--black);
	content: '';
	height: 100%;
	left: 20px;
	position: absolute;
	top: 20px;
	transition: .25s var(--transition-timing-function);
	width: 100%;
	z-index: -1;
}

.media-card.audio article {
	padding: 31px 40px 0;
}

/*Video*/

.media-card.video {
	align-items: flex-start;
	display: flex;
	margin-right: 60px;
	width: 990px;
}

.media-card.video article {
	background: var(--offwhite);
	flex-shrink: 0;
	padding: 30px 103px 20px 40px;
	position: relative;
	width: 476px;
}

.media-card.video .media-player {
	flex-shrink: 0;
	margin: 40px 0 0 -63px;
	width: 578px;
}

/**Photos**/

.photo-carousel .carousel .slick-list {
	padding-left: 310px;
}

.photo-carousel .slide {
	backface-visibility: hidden;
	margin-right: 40px;
	position: relative;
	transition: .25s var(--transition-timing-function);
}

.photo-carousel .slide {
	opacity: 0;
}

.photo-carousel .slide.slick-active,
.photo-carousel .slide.slick-active ~ .slide {
	opacity: 1;
}

.photo-carousel .image-wrapper:after,
.photo-carousel article:before,
.photo-carousel article:after {
	content: '';
	height: 100%;
	position: absolute;
}

.photo-carousel .image-wrapper:after {
	background: var(--black);
	opacity: .4;
	right: 0;
	top: 0;
	transition: all .25s var(--transition-timing-function);
	width: 100%;
	z-index: 2;
}

.photo-carousel .slide.slick-active .image-wrapper:after {
	opacity: 0;
}

.photo-carousel .image-wrapper {
	display: block;
	height: 440px;
	margin-left: auto;
	position: relative;
	transition: all .25s var(--transition-timing-function);
	width: calc(100% - 310px);
	width: 100%;
}

.photo-carousel .image-wrapper img {
	height: 100%;
	width: auto;
}

.photo-carousel .image-wrapper .btn.icon {
	bottom: 10px;
	position: absolute;
	right: 10px;
	z-index: 9;
}

.photo-carousel article {
	left: calc(22px - 310px);
	opacity: 0;
	padding: 59px 40px 69px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .25s var(--transition-timing-function);
	width: 370px;
	z-index: 2;
}

.photo-carousel .slick-active article {
	opacity: 1;
}

.photo-carousel article:before {
	border: 1px solid var(--black);
	left: -20px;
	top: 20px;
	width: 100%;
	z-index: -1;
}

.photo-carousel article:after {
	background: var(--offwhite);
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}

/**Synopsis**/

.synopsis article,
.published-editions article {
	max-width: calc(784 / 1200 * 100%);
	padding-left: calc(103 / 1200 * 100%);
}

.synopsis article h3 {
	color: var(--gray);
	margin: 0 0 7px;
}

.synopsis article p + h3 {
	margin-top: 40px;
}

/**Song List**/

.song-list ul {
	margin: 0;
	max-width: calc(887 / 1200 * 100%);
	padding: 0;
}

.song-list li {
	background: var(--offwhite);
	list-style: none;
	margin-bottom: 10px;
}

.song-list li.none .icon {
	background: var(--light-gray);
}

/**Performing Forces**/

.performing-forces ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.performing-forces ul.grid {
	gap: 40px;
	grid-template-columns: 1fr .5fr;
	padding-left: calc(103 / 1200 * 100%);
	width: calc(100% - (141 / 1200 * 100%) - var(--container-outer-margin) - var(--container-outer-padding));
}

.performing-forces li.grid {
	align-content: start;
	gap: 0 40px;
	grid-template-columns: 1fr 1fr;
}

.performing-forces li.grid > ul > li + li,
.performing-forces .instrumentation h4 {
	margin-top: 40px;
}

.performing-forces h3 {
	font-size: 1rem;
	font-weight: bold;
	grid-column: 1 / -1;
	letter-spacing: 0;
	line-height: calc(28 / 16);
	margin: 0 0 23px;
}

.performing-forces .eyebrow {
	margin: 0 0 12px;
}

/**Published Editions**/

.published-editions a {
	font-weight: bold;
}

.published-editions p + ul {
	margin: -18px 0 25px;
}

/**Adaptions**/

.adaptions ul,
.arrangements ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(887 / 1200 * 100%);
}

.adaptions .card,
.arrangements .card {
	margin-bottom: 20px;
}

.adaptions .card-wide article::after,
.arrangements .card-wide article::after {
	left: unset;
	right: 0;
	z-index: -2;
}

.adaptions .card-wide article,
.arrangements .card-wide article {
	padding: 25px 210px 56px 40px;
}

.adaptions .card .btn,
.arrangements .card .btn {
	display: block;
	z-index: 1;
}

.adaptions .card .btn.gray span,
.arrangements .card .btn.gray span {
	color: var(--black);
}

.adaptions .card .card-info,
.arrangements .card .card-info {
	align-items: center;
	background: var(--lighter-gray);
	display: flex;
	flex-direction: column;
	height: calc(100% - 20px);
	justify-content: center;
	padding: 10px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 0;
	width: 170px;
}

.adaptions .card .card-info span,
.arrangements .card .card-info span {
	display: block;
	margin-top: 10px;
}

/*List*/

.adaptions ul.grid {
	gap: 40px;
	grid-template-columns: 1fr 1fr 1fr;
	list-style: none;
	margin: 57px 0 0;
	padding: 0;
	padding-left: calc(103 / 1200 * 100%);
	width: calc(100% - (141 / 1200 * 100%) - var(--container-outer-margin) - var(--container-outer-padding));
}

.adaptions ul.grid h3 {
	margin: 0 0 10px;
}

.adaptions ul.grid a {
	font-weight: bold;
}

/**Selected Readings**/

.selected-readings .slide {
	backface-visibility: hidden;
	padding-right: 56px;
	position: relative;
	width: 531px;
}

.selected-readings .card {
	padding: 40px 80px 67px 40px;
}

.selected-readings .card:not(.card-wide)::before {
	height: calc(100% - 16px);
}

.selected-readings .card:not(.card-wide)::after {
	border: 1px solid var(--black);
	bottom: auto;
	bottom: 0;
	height: calc(100% - 16px);
	left: unset;
	right: -16px;
	top: unset;
	width: 100%;
	z-index: -2;
}

.selected-readings .card .btn.icon {
	right: -16px;
}

.selected-readings .card h3 {
	margin-bottom: 15px;
}

.selected-readings .card .byline {
	display: block;
}

.selected-readings .card p {
	margin-top: 13px;
}

.selected-readings .card p a {
	background-image: linear-gradient(90deg, var(--red) 0%, var(--red) 50%, var(--black) 50%, var(--black) 100%);
	background-size: 200% 1px;
	font-weight: 700;
	padding-bottom: 1px;
	position: relative;
	z-index: 2;
}

.selected-readings .card p a:hover {
	color: var(--red);
}

.selected-readings .carousel .main-link {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.slick-dots {
	list-style: none;
	margin: 27px 0 0;
	padding: 0 calc((203 / 1200 * 100%) + var(--container-outer-margin) + var(--container-outer-padding)) 0 0;
	text-align: right;
}

.slick-dots li {
	display: inline-block;
}

.slick-dots button {
	background: none;
	border: none;
	color: var(--gray);
	display: block;
	padding: 0 18px 0 0;
	position: relative;
}

.slick-dots li:nth-of-type(-n+9) button:before {
	content: '0';
}

.slick-dots button:hover,
.slick-dots button:focus {
	color: var(--black);
	outline: none;
}

.slick-dots li:not(:last-child) button:after {
	background: var(--black);
	content: '';
	height: 1px;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: scale3d(0, 1, 1);
	transform-origin: right center;
	transition: all .25s var(--transition-timing-function);
	width: 30px;
}

.slick-dots .slick-active button {
	color: var(--black);
	padding-right: 59px;
}

.slick-dots .slick-active:last-child button {
	padding-right: 18px;
}

.slick-dots .slick-active:not(:last-child) button:after {
	transform: scale3d(1, 1, 1);
}

/**Press Quote**/

.press-quotes .carousel {
	overflow: visible;
}

.press-quotes .slide {
	padding-left: 64px;
	width: 100%;
}

blockquote {
	margin: 0 0 34px;
	max-width: 721px;
	padding: 30px 0 0;
	position: relative;
}

blockquote:before {
	background: url('svgs/quotes.svg') no-repeat;
	content: '';
	height: 86px;
	left: -63px;
	position: absolute;
	top: 0;
	width: 109px;
}

.press-quotes cite span,
blockquote cite span {
	color: var(--gray);
	display: block;
	margin-bottom: 8px;
}

.press-quotes .slick-dots {
	margin-top: 1px;
	padding-right: calc((203 / 1200 * 100%) + 50px);
}

/**Associated Works**/

.associated-works ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.associated-works li {
	margin-bottom: 48px;
}

.associated-works .work-post::before {
	background: var(--offwhite);
}

/**Bottom Callouts**/

.bottom-callouts {
	grid-template-columns: 1fr 1fr;
}

.bottom-callouts a {
	color: var(--white);
	display: block;
	height: 460px;
	position: relative;
	text-decoration: none;
}

.bottom-callouts a:after {
	background: var(--black);
	content: '';
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	width: 100%;
}

.bottom-callouts .image-zoom {
	height: 100%;
}

.bottom-callouts .image-zoom img {
	transition: .3s var(--transition-timing-function);
}

.bottom-callouts article {
	padding: 30px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	z-index: 2;
}

.bottom-callouts h2 {
	margin: 0 0 35px;
}

.bottom-callouts .frame {
	height: calc(100% - 60px);
	left: 30px;
	pointer-events: none;
	position: absolute;
	top: 30px;
	visibility: hidden;
	width: calc(100% - 60px);
	z-index: 1;
}

.bottom-callouts a:hover .frame {
	visibility: visible;
}

.bottom-callouts .frame::before,
.bottom-callouts .frame::after {
	content: '';
	display: block;
	height: 0;
	position: absolute;
	transition: .3s var(--transition-timing-function);
	width: 0;
}

.bottom-callouts .frame::before {
	border-left: solid 1px var(--white);
	border-top: solid 1px var(--white);
	left: 0;
	top: 0;
}

.bottom-callouts .frame::after {
	border-bottom: solid 1px var(--white);
	border-right: solid 1px var(--white);
	bottom: 0;
	right: 0;
}

.bottom-callouts a:hover .frame::before,
.bottom-callouts a:hover .frame::after {
	height: calc(100% - 1px);
	width: calc(100% - 1px);
}

/***************************************************************************************************************************************************************************************/

/*PAGE BUILDER STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

/*Hero Style - Content Contained Image*/

.hero-content-contained-image {
	padding-top: 153px;
	position: relative;
	z-index: 1;
}

.hero-content-contained-image .container {
	display: flex;
}

.hero-content-contained-image article {
	margin-right: calc(-166 / 1200 * 100%);
	min-width: calc(990 / 1200 * 100%);
	padding: 89px 0 160px;
	position: relative;
	width: calc(990 / 1200 * 100%);
}

.hero-content-contained-image article:before {
	background: var(--white);
	content: '';
	display: block;
	height: calc(100% + 153px);
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) + var(--frame-width)));
	position: absolute;
	top: -153px;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) + var(--frame-width));
	z-index: -1;
}

.hero-content-contained-image article h1 {
	margin: 0 0 43px;
	padding-right: 20px;
	width: calc(784 / 990 * 100%);
}

.hero-content-contained-image article p {
	margin: 0;
	width: calc(661 / 990 * 100%);
}

.hero-content-contained-image article p a {
	font-weight: 700;
}

.hero-content-contained-image article p a:hover {
	color: var(--red);
	text-decoration: underline;
}

.hero-content-contained-image figure {
	margin-right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	margin-top: 36px;
	position: relative;
	width: calc(473 / 1200 * 100% + (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	z-index: 1;
}

.hero-content-contained-image.remove-image-fill figure {
	margin-bottom: 40px;
	margin-top: 0;
}

.hero-content-contained-image figure img {
	min-height: 100%;
	object-fit: cover;
}

.hero-content-contained-image.remove-image-fill figure img {
	min-height: unset;
	object-fit: contain;
	position: relative;
	top: 50%;
	translate: 0 -50%;
}

.hero-content-contained-image figure figcaption {
	margin: 9px 0 -85px;
	max-width: calc(371 / 473 * 100%);
}

.hero-content-contained-image figure.has-caption img {
	min-height: calc(100% + 40px);
}

/*Hero Style - Content Contained Image With Frame*/

.hero-content-contained-image.with-frame:before {
	background: var(--white);
	content: '';
	display: block;
	height: 153px;
	left: 0;
	position: absolute;
	top: 0;
	width: calc(391 / 1440 * 100%);
	z-index: -1;
}

.hero-content-contained-image.with-frame article {
	display: flex;
	flex-direction: column;
	padding-top: 83px;
}

.hero-content-contained-image.with-frame article:before {
	height: 100%;
	top: 0;
}

.hero-content-contained-image.with-frame article:after {
	border-right: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(100% - 40px);
	position: absolute;
	right: 20px;
	top: 20px;
	width: calc(100% - (103 / 990 * 100%) - 20px);
	z-index: -1;
}

.hero-content-contained-image.with-frame article h1 {
	margin-top: auto;
}

.hero-content-contained-image.with-frame article p {
	margin-bottom: auto;
}

.hero-content-contained-image.with-frame figure {
	margin-top: 76px;
}

.hero-content-contained-image.with-frame.remove-image-fill figure {
	margin: 60px 0;
}

/*Hero Style - Content and Background Image (with frame)*/

.hero-content-bkg-image {
	background: var(--white);
	padding-top: 228px;
}

.hero-content-bkg-image article {
	padding: 104px 0 140px;
	position: relative;
	width: calc(784 / 1200 * 100%);
	z-index: 1;
}

.hero-content-bkg-image article::before {
	background: var(--white);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: calc(100% + 103px);
	z-index: -1;
}

.hero-content-bkg-image article::after {
	border-right: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(100% - 21px - 20px);
	position: absolute;
	right: calc(21px - 103px);
	top: 20px;
	width: calc(100% - (256 / 1440 * 100vw) + var(--container-outer-padding) + 103px - 21px);
	z-index: -1;
}

.page-template-page-research-center article {
	z-index: 4;
}

.hero-content-bkg-image article h1 {
	margin: 0;
}

.hero-content-bkg-image article h1 + p {
	margin-top: 24px;
}

.hero-content-bkg-image article p {
	margin-bottom: 53px;
}

.hero-content-bkg-image article .submenu {
	margin-left: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
	margin-top: 36px;
    padding-left: calc(var(--container-outer-margin) + var(--container-outer-padding));
}

.hero-content-bkg-image article p + .submenu {
	margin-top: calc(36px - 53px);
}

[class*="hero-"] article .submenu > ul {
	padding-left: 0;
	padding-right: 0;
}

.hero-content-bkg-image article .submenu > ul > li > a::after,
.hero-content-bkg-image + .submenu.secondary ul > li > a::after {
	--bottom-offset: -10px;
}

.hero-content-bkg-image figure {
	height: calc(100% + 228px);
	left: calc((256 / 1440 * 100vw));
	overflow: hidden;
	position: absolute;
	top: -228px;
	width: calc(100% - (256 / 1440 * 100vw) - var(--frame-width) + var(--container-outer-margin));
	z-index: 0;
}

.hero-content-bkg-image figure::before {
	background: rgba(0,0,0,.3);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.hero-content-bkg-image figure::after {
	background: linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0));
	content: '';
	display: block;
	height: 251px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.hero-content-bkg-image figure img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

/*Hero Style - Heading and Full-width Background Video*/

.hero-heading-full-width-bkg-video {
	position: relative;
}

.hero-heading-full-width-bkg-video::before {
	background: rgba(0,0,0,.6);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.hero-heading-full-width-bkg-video .social-links {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 30px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.hero-heading-full-width-bkg-video .social-links li + li {
	margin-top: 10px;
}

.hero-heading-full-width-bkg-video .social-links li a {
	color: var(--white);
	display: block;
	font-size: calc(20rem / 16);
	padding: 10px 0;
}

.hero-heading-full-width-bkg-video .social-links li a:hover {
	color: var(--light-gray);
}

.hero-heading-full-width-bkg-video .social-links li a svg {
	display: block;
	margin: 0 auto;
}

.hero-heading-full-width-bkg-video article {
	padding: 313px 0 254px;
	position: relative;
	z-index: 2;
}

.hero-heading-full-width-bkg-video article h1 {
	color: var(--white);
	margin: 0;
	width: calc(784 / 1200 * 100%);
}

.hero-heading-full-width-bkg-video .background-video,
.hero-heading-full-width-bkg-video figure {
	height: 100%;
	left: calc(var(--frame-width) - var(--container-outer-margin));
	position: absolute;
	top: 0;
	width: calc(100vw - (var(--frame-width) * 2));
	z-index: -1;
}

.hero-heading-full-width-bkg-video .background-video,
.hero-heading-full-width-bkg-video figure img {
	object-fit: cover;
}

.hero-heading-full-width-bkg-video figure img {
	height: 100%;
	width: 100%;
}

.hero-heading-full-width-bkg-video .submenu {
	margin-top: 39px;
	position: relative !important;
}

.hero-heading-full-width-bkg-video .submenu > ul > li + li {
	margin-left: 40px;
}

.hero-heading-full-width-bkg-video .submenu > ul > li > a {
	color: var(--white);
}

.hero-heading-full-width-bkg-video .submenu > ul > li > a::after {
	--bottom-offset: -10px;
}

.hero-heading-full-width-bkg-video .submenu > ul > li.active > a {
	color: var(--white);
}

.hero-heading-full-width-bkg-video .submenu > ul > li:not(.active) > a:hover,
.hero-heading-full-width-bkg-video .submenu > ul > li.has-children.hovered > a {
	color: var(--light-gray);
}

.hero-heading-full-width-bkg-video .submenu > ul > li.has-children::before {
	border-color: transparent transparent var(--white) transparent;
}

.hero-heading-full-width-bkg-video .submenu li.has-children .children {
	background: var(--white);
}

.hero-heading-full-width-bkg-video .submenu li.has-children li a {
	color: var(--gray);
	text-decoration: none;
}

.hero-heading-full-width-bkg-video .submenu li.has-children li a:hover {
	color: var(--black);
}

/*Hero Style - Content*/

.hero-content {
	background: var(--white);
	padding: 224px 0 0;
}

.hero-content.offwhite {
	background: var(--offwhite);
}

.hero-content article {
	width: calc(578 / 1200 * 100%);
}

.hero-content article .arrow-link {
	margin: 34px 0 10px;
}

.hero-content article h1 {
	margin: 0;
}

.hero-content article h1 + p {
	margin-top: 20px;
}

/*Hero Style - Content Image Red Rectangle*/

.hero-content.image.red-rectangle {
	margin-bottom: 84px;
	padding-top: 126px;
}

.hero-content.image .container {
	display: flex;
	justify-content: space-between;
}

.hero-content.image.red-rectangle article {
	padding-bottom: 138px;
	padding-top: 97px;
}

.hero-content.image.red-rectangle figure {
	margin-right: -62px;
	top: 54px;
	width: calc(537 / 1200 * 100%);
}

.hero-content.image.red-rectangle figure img {
	box-shadow: -30px 30px var(--red);
}

/*Hero Style - Content Image With Frame*/

.hero-content.image.with-frame {
	padding-top: 200px;
}

.hero-content.image.with-frame article {
	padding: 116px 0 137px;
	width: calc(721 / 1200 * 100%);
}

.hero-content.image.with-frame figure {
	margin-right: calc(var(--frame-width) - var(--container-outer-margin) - var(--container-outer-padding));
	width: calc(498 / 1200 * 100%);
}

.hero-content.image.with-frame figure::before {
	border-left: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(100% - 180px);
	left: -40px;
	position: absolute;
	top: -40px;
	width: calc(100% + 39px + var(--frame-width));
}

.hero-content.image.with-frame.offwhite figure::before {
	--frame-width: 0px;
}

/*Hero Style - Content Overhanging Image*/

.hero-content.image.overhang {
	padding: 224px 0 137px;
}

.hero-content.image.overhang article {
	width: calc(784 / 1200 * 100%);
}

.hero-content.image.overhang figure {
	overflow: hidden;
	position: absolute;
	right: calc(-1 * var(--container-outer-margin));
	top: -33px;
	width: 498px;
	z-index: 9;
}

.hero-content.image.overhang figure img {
	height: 100%;
	object-fit: cover;
	object-position: bottom right;
	position: relative;
	right: -76px;
}

/*Hero Style - Content No Image*/

.hero-content.no-image article {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 193px;
	width: 100%;
}

.hero-content.no-image article .arrow-link {
	width: 100%;
}

.hero-content.no-image article h1 {
	margin: 0;
	width: calc(578 / 1200 * 100%);
}

.hero-content.no-image article p {
	margin: 40px 0 0;
	width: calc(578 / 1200 * 100%);
}

.hero-content.no-image.no-description article {
	padding-bottom: 137px;
}

.hero-content.no-image.no-description article h1 {
	width: calc(887 / 1200 * 100%);
}

.hero-content.no-image.vertical-layout article {
	flex-direction: column;
	padding-bottom: 137px;
}

.hero-content.no-image.vertical-layout article h1 {
	width: 100%;
}

/***Menu***/

.hero-content-contained-image + .submenu,
.hero-content + .submenu,
.hero-content-bkg-image + .submenu:not(.secondary) {
	--negative-margin-top: -58px;
}

.hero-content-contained-image + .submenu:not(.super-sticky),
.hero-content-bkg-image + .submenu:not(.secondary):not(.super-sticky),
.hero-content.image.overhang + .submenu:not(.super-sticky) {
	--max-width: calc(881 / 1440 * 100%);
}

.hero-content-contained-image.no-image + .submenu:not(.super-sticky) {
	--max-width: calc(1049 / 1440 * 100%);
}

.hero-content-bkg-image + .submenu.secondary {
	margin-top: 27px;
}

.hero-content-bkg-image + .submenu.secondary.sticky {
	padding-bottom: 0;
}

.hero-content-bkg-image + .submenu.secondary ul {
	justify-content: flex-end;
	padding-right: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width) + 63px);
}

.hero-content.image.red-rectangle + .submenu {
	--negative-margin-top: calc(-58px - 84px);
	padding-bottom: calc(84px + 10px);
}

.hero-content.image.red-rectangle + .submenu:not(.sticky) {
	padding-bottom: calc(10px + 365px + 84px);
}

.hero-content.image.red-rectangle + .submenu:not(.super-sticky) {
	--max-width: calc(681 / 1440 * 100%);
}

.hero-content.image.with-frame + .submenu:not(.super-sticky) {
	--max-width: calc(784 / 1440 * 100%);
}

.submenu {
	background: transparent;
	list-style: none;
	margin: var(--negative-margin-top) 0 0;
	max-width: var(--max-width);
	overflow-x: auto;
	padding: 0 0 10px;
	position: relative;
	scrollbar-width: none;
	top: 0;
	--max-width: 100%;
	--negative-margin-top: 0px;
}

.submenu:not(.sticky) {
	margin-bottom: -365px;
	padding-bottom: calc(10px + 365px);
}

.submenu.sticky {
	position: sticky;
	z-index: 3;
}

.submenu::-webkit-scrollbar {
	display: none;
}

.submenu #menu-current-item {
	background: transparent;
	border: none;
	border-radius: 0;
	display: none;
	padding: 0;
}

.submenu > ul {
	align-items: flex-end;
	display: flex;
	list-style: none;
	margin: 0;
	min-width: max-content;
	padding: 18px var(--container-outer-padding) 17px calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
}

.submenu > ul > li {
	position: relative;
	transition: .25s var(--transition-timing-function);
}

.submenu > ul > li + li {
	margin-left: 60px;
}

.submenu[data-menu-margin="small"] > ul > li + li {
	margin-left: 30px;
}

.submenu > ul > li > a {
	color: var(--gray);
	position: relative;
	text-decoration: none;
	transition: .25s var(--transition-timing-function);
	z-index: 1;
}

.submenu > ul > li > a::after {
	background: var(--red);
	bottom: var(--bottom-offset);
	content: '';
	display: block;
	height: 2px;
	left: 0;
	pointer-events: none;
	position: absolute;
	transition: .25s var(--transition-timing-function);
	width: 0%;
	z-index: 1;
	--bottom-offset: -27px;
}

/*Padding and margin hack so the dropdowndoes not glitch away when trying to click on a link*/
.submenu > ul > li.has-children > a {
	margin-bottom: -32px;
	padding-bottom: 32px;
}

.submenu > ul > li.has-children > a::after {
	bottom: calc(var(--bottom-offset) + 32px);
}

.submenu > ul > li.active > a,
.submenu > ul > li a:hover,
.submenu > ul > li.has-children.hovered > a {
	color: var(--black);
}

.submenu > ul > li.active > a::after {
	width: 100%;
}

.submenu > ul > li.has-children::before {
	border-color: transparent transparent var(--black) transparent;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	content: '';
	display: block;
	height: 0;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -9px;
	top: calc(100% + 23px);
	transform: translate3d(-50%, 0, 0);
	transition: .25s var(--transition-timing-function);
	width: 0;
	z-index: 2;
}

.submenu .children {
	background: var(--black);
	box-shadow: 0 22px 30px rgba(31,31,31,.2);
	left: 50%;
	list-style: none;
	margin: 0;
	max-height: 300px;
	max-width: 100vw;
	opacity: 0;
	overflow-y: auto;
	padding: 33px 30px 35px;
	pointer-events: none;
	position: absolute;
	top: calc(100% + 32px);
	transform: translate3d(-50%, 0, 0);
	transition: .25s var(--transition-timing-function);
	width: 270px;
	z-index: 999;
}

.submenu > ul > li.has-children.hovered::before,
.submenu > ul > li a:hover + .children,
.submenu > ul > li .children:hover {
	opacity: 1;
	pointer-events: all;
}

.submenu .children li + li {
	margin-top: 18px;
}

.submenu .children li a {
	color: var(--white);
	text-decoration: none;
}

.submenu .children li a:hover {
	color: var(--light-gray);
}

/*Super Sticky*/

.submenu.super-sticky {
	animation: super-menu .3s;
	max-width: 100%;
}

.submenu.super-sticky::before {
	opacity: 1;
}

.submenu.super-sticky > ul,
.hero-content-bkg-image + .submenu.super-sticky ul {
	background: var(--white);
	justify-content: center;
	margin: 0 auto;
	padding-right: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
}

.hero-heading-full-width-bkg-video .submenu.super-sticky > ul {
	background: transparent;
	justify-content: flex-start;
}

.submenu.super-sticky > ul > li a::after {
	transform: translate3d(0, calc(17px + var(--bottom-offset)), 0);
}

/***Modules***/

.builder-modules {
	--module-spacing: 120px;
}

.builder-modules section {
	margin-top: var(--module-spacing);
}

.builder-modules .work-details:first-child,
.builder-modules .accordions:first-child {
	margin-top: 0;
}

.builder-modules .submenu + section {
	margin-top: calc(85px + var(--module-spacing));
	z-index: 0;
}

.builder-modules .submenu + .card-callouts {
	padding-top: 119px;
	--module-spacing: 0px;
}

.builder-modules .submenu + .card-callouts .watermark {
	top: -9px;
}

.builder-modules section:not(.accordions):last-of-type {
	margin-bottom: var(--module-spacing);
}

/*Card Callouts*/

.card-callouts {
	position: relative;
	z-index: 0;
}

.card-callouts .watermark {
	left: -40px;
	top: -128px;
	z-index: -1;
}

.card-callouts .flex-container {
	flex-wrap: wrap;
}

.card-callouts .flex-container > h2 {
	margin: 0;
	width: calc(372 / 1200 * 100%);
}

.card-callouts .flex-container > p {
	margin: 47px 0 16px;
	width: calc(784 / 1200 * 100%);
}

.card-callouts .flex-container > p a {
	font-weight: 700;
}

.card-callouts .flex-container > p a:hover {
	color: var(--red);
	text-decoration: underline;
}

.card-callouts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*Card Callouts Style - Grid*/

.card-callouts.grid {
	display: block;
}

.card-callouts.grid ul,
.card-callouts.grid-alt ul {
	display: grid;
	gap: 60px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 3fr));
	margin-top: 60px;
	width: 100%;
}

.card-callouts.grid.red-rectangle ul {
	margin-top: 156px;
	position: relative;
}

.card-callouts.grid.red-rectangle p + ul {
	margin-top: 140px;
}

.card-callouts.grid.red-rectangle ul:before {
	background: var(--red);
	content: '';
	height: calc(100% + 80px + 381px);
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	position: absolute;
	top: -80px;
	width: calc((515 / 1200 * 100%) + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	z-index: -1;
}

.card-callouts.grid.red-rectangle ul li {
	position: relative;
	z-index: 1;
}

.card-callouts.grid ul[data-card-count="2"] .card {
	padding: 28px 100px 65px 40px;
}

.card-callouts.grid ul[data-card-count="2"] .card::before {
	width: calc(100% - 20px);
}

.card-callouts.grid ul[data-card-count="2"] .card::after {
	border: solid 1px var(--black);
	height: calc(100% - 21px);
	z-index: -2;
}

/*Card Callouts Style - Grid Alt*/

.card-callouts.grid-alt h2 {
	margin: 0 auto 60px;
	text-align: center;
	width: 100%;
}

.card-callouts.grid-alt ul {
	margin-top: 0;
}

.card-callouts.grid-alt .card {
	padding: 0;
}

.card-callouts.grid-alt .card::before,
.card-callouts.grid-alt .card::after {
	display: none;
}

.card-callouts.grid-alt .card .image-wrapper {
	height: auto;
	min-width: auto;
	padding-bottom: calc(350 / 620 * 100%);
	width: 100%;
}

.card-callouts.grid-alt .card .image-wrapper img {
	left: 0;
	position: absolute;
	top: 0;
}

.card-callouts.grid-alt .card article {
	margin-left: 40px;
	margin-top: -50px;
	padding: 49px 60px 65px;
	width: calc(100% - 20px);
	z-index: 2;
}

.card-callouts.grid-alt .card article .arrow-link {
	margin-top: 24px;
}

/*Card Callouts Style - Full-width*/

.card-callouts.full-width .flex-container > h2 {
	width: calc(475 / 1200 * 100%);
}

.card-callouts.full-width .flex-container > p {
	width: calc(681 / 1200 * 100%);
}

.card-callouts.full-width ul,
.card-callouts.full-width-alt ul {
	margin-top: 60px;
}

.card-callouts.full-width ul li + li,
.card-callouts.full-width-alt ul li + li {
	margin-top: 40px;
}

.card-callouts.full-width ul .card-wide {
	margin-left: auto;
}

/*Card Callouts Style - Full-width Alt*/

.card-callouts.full-width-alt .watermark {
	left: -117px;
	top: 25px;
	width: 1004px;
}

.card-callouts.full-width-alt .flex-container > h2 {
	width: calc(412 / 1200 * 100%);
}

.card-callouts.full-width-alt .flex-container > p {
	margin-top: 11px;
	width: calc(681 / 1200 * 100%);
}

.card-callouts.full-width-alt ul {
	width: 100%;
}

/*Card Callouts Spacing Variations*/

.content-block + .card-callouts.grid {
	--module-spacing: 125px;
}

.card-callouts.full-width + .card-callouts.full-width {
	--module-spacing: 124px;
}

/*Content Block*/

.content-block .heading-image {
	align-items: flex-end;
	flex-wrap: nowrap;
}

.content-block .heading-image h2 {
	margin: 0 calc(166 / 681 * -100%) 0 0;
	padding: 84px 62px 121px 0;
	position: relative;
	width: calc(681 / 1200 * 100%);
	z-index: 2;
}

.content-block .heading-image h2:before {
	background: var(--offwhite);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	position: absolute;
	top: 0;
	width: calc(100% + (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	z-index: -1;
}

.content-block .heading-image h2 .border {
	border: solid 1px var(--black);
	border-left: none;
	display: block;
	height: calc(100% - 40px);
	pointer-events: none;
	position: absolute;
	right: 20px;
	top: 20px;
	width: calc(249 / 681 * 100%);
	z-index: 1;
}

.content-block .heading-image h2 .border:after {
	border-bottom: solid 1px var(--black);
	content: '';
	display: block;
	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 0;
	width: 100%;
	width: calc(206 / 249 * 100%);
	z-index: 1;
}

.content-block .heading-image img {
	display: block;
	margin-bottom: 20px;
	margin-right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	width: calc((681 / 1200 * 100%) + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
}

.content-block .content-cols {
	align-items: flex-start;
	padding: 104px calc(103 / 1200 * 100%) 96px 0;
	position: relative;
	z-index: 1;
}

.content-block .content-cols:before {
	background: var(--white);
	content: '';
	display: block;
	height: calc(100% + 20px);
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	position: absolute;
	top: -20px;
	width: calc(100% + (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	z-index: -1
}

.content-block .content-cols span.large {
	display: block;
	width: calc(681 / 1097 * 100%);
}

.content-block .content-cols span.large p,
.content-block.image-text-cols-dark article span p,
.content-block.image-text-cols-light article span p {
	margin: 0;
}

.content-block .content-cols span.large p + p,
.content-block.image-text-cols-dark article span p + p,
.content-block.image-text-cols-light article span p + p {
	margin-top: 28px;
}

.content-block .content-cols span.secondary-text {
	display: block;
	margin: 13px 0 0;
	width: calc(269 / 1097 * 100%);
}

.content-block .content-cols span.secondary-text .eyebrow {
	color: var(--gray);
	margin: 0 0 20px;
}

.content-block .content-cols span.secondary-text p {
	margin: 0;
}

.content-block .content-cols span.secondary-text p.large + p {
	margin-top: 1px;
}

.content-block .content-cols span.secondary-text p:not(.large) + p:not(.large) {
	margin-top: 12px;
}

/*Content Block Style - Text and Button Columns*/

.content-block.text-button-cols .content-cols span.large {
	width: calc(784 / 1097 * 100%);
}

.content-block.text-button-cols .content-cols .btn {
	margin-top: 16px;
}

/*Content Block Style - Image Text Columns (Dark)*/

.content-block.image-text-cols-dark,
.content-block.image-text-cols-light {
	position: relative;
	z-index: 1;
	--module-spacing: 160px;
}

.content-block.image-text-cols-dark .container {
	flex-wrap: nowrap;
}

.content-block.image-text-cols-dark figure {
	margin: 95px 0 0 calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	padding-bottom: calc(337 / 1200 * 100%);
	position: relative;
	width: calc((597 / 1200 * 100%) + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	z-index: 1;
}

.content-block.image-text-cols-dark figure img,
.content-block.image-text-cols-light figure img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.content-block.image-text-cols-dark article {
	align-items: flex-start;
	background: var(--black);
	color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: calc(83 / 804 * -100%);
	padding: 74px 60px 96px calc(60px + (83 / 804 * 100%));
	position: relative;
	width: calc(804 / 1200 * 100%);
}

.content-block.image-text-cols-dark article::before {
	border: solid 1px var(--black);
	content: '';
	display: block;
	height: 100%;
	left: -20px;
	pointer-events: none;
	position: absolute;
	top: -20px;
	width: 100%;
	z-index: -1;
}

.content-block.image-text-cols-dark article h2 {
	margin: 0 0 23px;
}

.content-block.image-text-cols-dark article a {
	margin: 36px 0 -16px;
}

.content-block.image-text-cols-dark article a:not(.btn) {
	color: var(--white);
	font-weight: 700;
}

.content-block.image-text-cols-dark article a:not(.btn):hover {
	color: var(--gray);
	text-decoration: underline;
}

/*Content Block Style - Image Text Columns (Light)*/

.content-block.image-text-cols-light .container {
	flex-wrap: nowrap;
}

.content-block.image-text-cols-light figure {
	margin: 80px 0 80px calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
	padding-bottom: calc(337 / 1200 * 100%);
	position: relative;
	width: calc((597 / 1200 * 100%) + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	z-index: 1;
}

.content-block.image-text-cols-light figure::before {
	border-right: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(100% - 100px);
	pointer-events: none;
	position: absolute;
	right: -20px;
	top: -20px;
	width: 186px;
	z-index: -1;
}

.content-block.image-text-cols-light article {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: calc(54 / 804 * -100%);
	padding: 95px 0 112px calc(100px + (54 / 804 * 100%));
	position: relative;
	width: calc(804 / 1200 * 100%);
}

.content-block.image-text-cols-light article::before {
	background: var(--white);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1 + var(--frame-width));
	top: 0;
	width: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width) + 100%);
	z-index: -1;
}

.content-block.image-text-cols-light article h2 {
	margin: 0 0 23px;
}

.content-block.image-text-cols-light article a {
	font-weight: 700;
	margin: 36px 0 -16px;
}

.content-block.image-text-cols-light article a:hover {
	color: var(--red);
	text-decoration: underline;
}

/*Content Block Alignment - Heading Right*/

.content-block.heading-right .heading-image h2 {
	margin: 0 0 0 calc(166 / 681 * -100%);
	order: 1;
	padding-left: 103px;
	padding-right: 0;
}

.content-block.heading-right .heading-image h2:before {
	left: 0;
}

.content-block.heading-right .heading-image h2 .border {
	border-left: solid 1px var(--black);
	border-right: none;
	left: 20px;
}

.content-block.heading-right .heading-image h2 .border:after {
	left: 100%;
}

.content-block.heading-right .heading-image img {
	margin: 0 0 0 calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
}

.content-block.heading-right .content-cols {
	flex-direction: row-reverse;
}

/*Content Block Alignment - Heading Left*/

.content-block.image-text-cols-dark.heading-left .flex-container,
.content-block.image-text-cols-light.heading-left .flex-container {
	flex-direction: row-reverse;
}

.content-block.image-text-cols-dark.heading-left article {
	margin-left: 0;
	margin-right: calc(83 / 804 * -100%);
	padding-left: 60px;
	padding-right: calc(80px + (83 / 804 * 100%));
}

.content-block.image-text-cols-dark.heading-left article::before {
	left: auto;
	right: -20px;
}

.content-block.image-text-cols-dark.heading-left figure {
	margin-left: 0;
	margin-right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
}

.content-block.image-text-cols-light.heading-left article {
	margin-left: 0;
	margin-right: calc(54 / 804 * -100%);
	padding-left: 0;
	padding-right: calc(80px + (54 / 804 * 100%));
}

.content-block.image-text-cols-light.heading-left article::before {
	left: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1 + var(--frame-width));
	right: auto;
}

.content-block.image-text-cols-light.heading-left figure {
	margin-left: 0;
	margin-right: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width)));
}

.content-block.image-text-cols-light.heading-left figure::before {
	border: none;
	border-left: solid 1px var(--black);
	border-top: solid 1px var(--black);
	left: -20px;
	right: auto;
}

/*Content Block Spacing Variations*/

.card-callouts.full-width + .content-block {
	--module-spacing: 160px;
}

.content-block:not([class*="image-text-cols"]) + .content-block:not([class*="image-text-cols"]) {
	--module-spacing: 160px;
	position: relative;
}

.content-block:not([class*="image-text-cols"]) + .content-block:not([class*="image-text-cols"])::after {
	background: var(--red);
	content: '';
	display: block;
	height: 661px;
	position: absolute;
	right: 0;
	top: -384px;
	width: calc(1257 / 1440 * 100%);
	z-index: -1;
}

/*People Grid With Image*/

.people-grid.img h2 {
	margin: 0 0 80px;
}

.people-grid ul.grid,
.llc-winners ul {
	align-items: flex-start;
	gap: 92px 100px;
	grid-template-columns: repeat(4,1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.people-grid .card {
	padding: 0 20px 62px 40px
}

.people-grid .card:after {
	border: 1px solid var(--black);
	height: calc(100% - 21px);
	right: -20px;
	width: 100% !important;
	z-index: 0 !important;
}

.people-grid .card .btn.icon {
	right: -21px;
}

.people-grid .card img {
	filter: grayscale(100%);
	margin-left: -40px;
	max-width: none;
	position: relative;
	transition: all .25s var(--transition-timing-function);
	width: calc(100% + 60px);
	z-index: 2;
}

.people-grid .card:hover img,
.people-grid.img-color .card img {
	filter: none;
}

.people-grid .card h3 {
	margin: 22px 0 8px;
	padding-top: 50px;
}

.people-grid .card img + h3 {
	padding-top: 0;
}

/*Painting Grid Cards*/

.people-grid.painting .card img {
	aspect-ratio: 3/4;
	object-fit: cover;
}

.people-grid.painting .eyebrow {
	margin-bottom: 4px;
}

/*People Grid Without Image*/

.people-grid.no-img .container.grid {
	gap: 40px;
	grid-template-columns: calc(270 / 1200 * 100%) 1fr;
}

.people-grid.no-img h2 {
	margin: 0;
}

.people-grid.no-img ul.grid {
	gap: 40px 44px;
}

.people-grid.no-img li {
	border-left: 2px solid var(--red);
	padding-left: 20px;
}

.people-grid.no-img h3 {
	margin: 0 0 8px;
}

/*Work Posts*/

.works-posts,
.audio-embed,
.pdf-embed {
	--module-spacing: 0px;
	padding: 120px 0;
}

.works-posts.white-bkg,
.audio-embed.reverse,
.audio-embed.default .media-player.audio,
.audio-embed.default .media-card.audio::after,
.pdf-embed.default .card:before,
.pdf-embed.reverse {
	background: var(--white);
}

.builder-modules .works-posts::before {
	display: none;
}

.works-posts.white-bkg .work-post::before,
.audio-embed.reverse .media-player.audio,
.audio-embed.reverse .media-card.audio::after,
.pdf-embed.reverse .card:before {
	background: var(--offwhite);
}

/*Video Embed*/

.video-embed .media-player {
	margin: 0 auto;
	width: calc(990 / 1200 * 100%);
}

.video-embed.featured-media .media-card article {
	background: var(--white);
}

/*Audio Embed*/

.audio-embed ul,
.pdf-embed ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.audio-embed .media-card.audio {
	background: none;
	z-index: 2;
}

.audio-embed.featured-media {
	overflow: hidden;
}

.audio-embed.featured-media .slick-list {
	padding-bottom: 22px;
}

.audio-embed:not(.featured-media) .media-card.audio {
	margin: 0;
	opacity: 1;
}

.audio-embed:not(.featured-media) .media-card.audio + li,
.pdf-embed li + li {
	margin-top: 60px;
}

.audio-embed .media-card.audio::after {
	background: var(--offwhite);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

/*PDF Embed*/

.pdf-embed ul {
	width: calc(784 / 1200 * 100%);
}

.card.pdf-card {
	padding: 40px 80px 86px 40px;
	z-index: 2;
}

.card.pdf-card::before {
	width: calc(100% - 20px);
}

.card.pdf-card::after {
	border: 1px solid var(--black);
	height: calc(100% - 22px);
	width: calc(100% - 22px);
	z-index: -2;
}

.card.pdf-card .heading-5,
.card.pdf-card h5 {
	margin: 0 0 15px;
}

.card.pdf-card p {
	margin: 12px 0 0;
}

/*Accordions*/

.accordions ul,
.mini-accordions {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordions .flex-container {
	flex-wrap: nowrap;
}

.accordions article {
	max-width: calc(784 / 1200 * 100%);
	width: 100%;
}

.accordions article h2,
.accordions article h3,
.accordions article h4,
.accordions article h5,
.accordions article h6 {
	margin: 0 0 15px;
}

.accordions article ul + h2,
.accordions article ul + h3,
.accordions article ul + h4,
.accordions article ul + h5,
.accordions article ul + h6 {
	margin-top: 34px;
}

.accordions article hr {
	border-color: #ddd;
	margin: 35px 0;
}

.accordions article .btn {
	margin-top: 44px;
}

.accordions article .btn.with-icon {
	padding-left: 47px;
}

.accordions article .btn .icon {
	left: 30px;
	position: absolute;
	top: 15px;
}

.accordions article a:not(.btn) {
	font-weight: 700;
}

.accordions article a:not(.btn):hover {
	color: var(--red);
	text-decoration: underline;
}

.accordions aside {
	flex-shrink: 0;
	margin: 45px 0 0 70px;
	width: calc(548 / 1200 * 100%);
}

.accordions aside h3 {
	margin: 0;
}

.accordions aside p {
	margin: 4px 0 37px;
}

.accordions aside .media-player.video:before {
	background: var(--red);
	content: '';
	height: 100%;
	left: 10px;
	position: absolute;
	top: -10px;
	width: 100%;
	z-index: -1;
}

/*Column Table*/

.column-table table {
	width: calc(100% - 16px);
}

.column-table th:first-of-type,
.column-table td:first-of-type {
	padding-left: 77px;
	width: calc(477 / 1200 * 100%);
}

.column-table th:nth-of-type(2),
.column-table td:nth-of-type(2) {
	padding-left: 40px;
	width: calc(440 / 1200 * 100%);
}

.column-table th:nth-of-type(3),
.column-table td:nth-of-type(3) {
	padding-left: 40px;
	padding-right: 55px;
	width: calc(255 / 1200 * 100%);
}

.column-table th {
	display: table-cell;
	padding-bottom: 40px;
	text-align: left;
}

.column-table td {
	padding-bottom: 81px;
	padding-top: 39px;
	position: relative;
	vertical-align: middle;
	z-index: 2;
}

.column-table td:before,
.column-table td:after {
	content: '';
	height: calc(100% - 46px);
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.column-table td:before {
	background: var(--white);
	top: 0;
}

.column-table td:after {
	border-bottom: 1px solid var(--black);
	border-top: 1px solid var(--black);
	top: 16px;
}

.column-table td:first-of-type {
	font-size: 1rem;
	font-weight: bold;
}

.column-table td:first-of-type::after {
	border-left: 1px solid var(--black);
	left: 16px;
	width: calc(100% - 16px);
}

.column-table td:nth-of-type(2) {
	font-size: calc(14rem / 16);
}

.column-table td a {
	font-weight: 700;
}

.column-table td a:not(.arrow-link):hover {
	color: var(--red);
	text-decoration: underline;
}

.column-table td:nth-of-type(3) {
	text-align: right;
}

.column-table td:nth-of-type(3)::before {
	width: calc(100% - 16px);
}

.column-table td:nth-of-type(3)::after {
	border-right: 1px solid var(--black);
}

/*Photo Gallery*/

.image-carousel .slide {
	position: relative;
}

.image-carousel .slide:after,
.image-carousel .slide .image-wrapper:after,
.image-carousel .slide img,
.image-carousel .slide .caption {
	transition: all .25s var(--transition-timing-function);
}

.image-carousel .slide .image-wrapper {
	position: relative;
}

.image-carousel .slide .image-wrapper:after,
.photo-gallery.lightbox .carousel .slide:after {
	background: var(--black);
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.image-carousel[data-image-fit="cover"] .slide:not(.slick-center) .image-wrapper:after,
.image-carousel[data-image-fit="contain"] .slide:not(.slick-active) .image-wrapper:after,
.photo-gallery.lightbox .carousel .slide:not(.slick-active):after {
	opacity: .4;
}

.image-carousel .slide:not(.slick-center) img {
	filter: grayscale(100%);
}

.image-carousel[data-image-fit="cover"] .slide:not(.slick-center) .caption,
.image-carousel[data-image-fit="contain"] .slide:not(.slick-active) .caption {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

/*Photo Gallery Style - Lightbox*/

.photo-gallery.lightbox {
	background: var(--black);
	padding: 93px 0 100px;
	position: relative;
}

.gallery-lightbox + .photo-gallery.lightbox {
	padding-top: 0;
	--module-spacing: -8px;
}

.gallery-lightbox + .photo-gallery.lightbox .watermark {
	display: none;
}

.photo-gallery.lightbox .watermark {
	left: -45px;
	position: absolute;
	top: 140px;
}

.photo-gallery.lightbox .watermark [fill="#1F1F1F"] {
	fill: var(--white);
}

.photo-gallery.lightbox h2,
.photo-gallery.lightbox p {
	color: var(--white);
	margin: 0;
	width: calc(784 / 1200 * 100%);
}

.photo-gallery.lightbox h2 + p {
	margin-top: 23px;
}

.photo-gallery.lightbox .btn {
	margin-top: 30px;
}

.photo-gallery.lightbox .btn + .carousel {
	margin-top: 80px;
}

.photo-gallery.lightbox .carousel {
	margin: 60px 0 0;
	padding: 0 calc((100vw - 100%) / 2) 0 calc((((100vw - 100%) / 2) - var(--frame-width)));
	width: calc(100vw - var(--frame-width));
}

.photo-gallery.lightbox .carousel .slide {
	margin-right: 30px;
	position: relative;
	width: calc(206 / 1300 * var(--container-width));
}

.photo-gallery.lightbox .carousel .slide[data-dialog-open] {
	cursor: pointer;
}

.photo-gallery.lightbox .carousel .slide figure {
	padding-top: 100%;
	position: relative;
}

.photo-gallery.lightbox .carousel .slide.overlay:not(.no-image) figure::after {
	background: #000;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	transition: .25s var(--transition-timing-function);
	width: 100%;
}

.photo-gallery.lightbox .carousel .slide figure img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.photo-gallery.lightbox .carousel .slide article {
	hyphens: auto;
	left: 0;
	max-height: 100%;
	max-width: 100%;
	overflow-y: auto;
	padding: 18px 20px;
	position: absolute;
	top: 0;
	word-wrap: break-word;
	z-index: 1;
}

.photo-gallery.lightbox .carousel .slide article .card-title {
	color: var(--white);
	margin: 0;
}

.photo-gallery.lightbox .carousel .slide article p {
	color: var(--white);
	margin: 10px 0 0;
	width: 100%;
}

.photo-gallery.lightbox .carousel .slide .btn.icon {
	bottom: 8px;
	position: absolute;
	right: 8px;
	z-index: 1;
}

.photo-gallery.lightbox .carousel .slide .btn.icon.small svg.fa-search {
	height: 12px;
}

.photo-gallery.lightbox .carousel .slick-prev {
	left: 30px;
}

.photo-gallery.lightbox .carousel .slick-next {
	right: 30px;
}

.photo-gallery.lightbox .carousel .slide.no-image figure {
	background: var(--medium-gray);
	z-index: 1;
}

.photo-gallery.lightbox .carousel .slide.no-image figure::before {
	background: url('svgs/logo-watermark.svg') no-repeat -40px calc(100% + 20px);
	background-size: contain;
	bottom: 0;
	content: '';
	display: block;
	filter: brightness(0);
	height: 100%;
	left: 0;
	position: absolute;
	width: 120%;
	z-index: -1;
}

.photo-gallery.lightbox .carousel .slide.no-image article .card-title {
	color: var(--black);
}

.photo-gallery.lightbox .carousel .slide.no-image article p {
	color: var(--black);
}

/*Plain Text*/

.plain-text .container {
	text-align: left;
	width: calc(784 / 1200 * 100%);
}

.plain-text h4 {
	margin: 0 0 30px;
}

.plain-text p {
	margin-bottom: 28px;
}

.plain-text ol,
.plain-text ul {
	margin-bottom: 30px;
}

.plain-text a {
	font-style: normal;
	font-weight: 700;
}

.plain-text a:hover {
	color: var(--red);
	text-decoration: underline;
}

.plain-text.centered .container {
	text-align: center;
}

/*Intro Media Block*/

.intro-media-block {
	background: no-repeat center/cover;
	padding: 110px 0 106px;
	position: relative;
}

.builder-modules .intro-media-block:first-of-type {
	margin: 0;
}

.intro-media-block:before {
	background: var(--black);
	content: '';
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	width: 100%;
}

.intro-media-block article {
	width: calc(627/1200*100%);
}

.intro-media-block h2 {
	color: var(--white);
	margin-bottom: 56px;
}

.intro-media-block article .btn {
	display: block;
	margin-bottom: 40px;
	width: max-content;
}

.intro-media-block .media-block {
	margin-right: -40px;
	padding: 43px 40px 38px;
	position: relative;
	width: calc(556/1200*100%);
	z-index: 2;
}

.intro-media-block .media-block:before,
.intro-media-block .media-block:after {
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.intro-media-block .media-block:before {
	background: var(--red);
	left: -20px;
	top: -18px;
}

.intro-media-block .media-block:after {
	background: var(--white);
	left: 0;
	top: 0;
}

.intro-media-block .media {
	position: relative;
}

.intro-media-block .media img {
	aspect-ratio: 474/267;
	display: block;
	margin-bottom: 25px;
	object-fit: cover;
	width: 100%;
}

.intro-media-block .media .photo-caption {
	background: var(--black);
	bottom: 0;
	color: var(--white);
	padding: 10px 12px 8px;
	position: absolute;
	right: 0;
}

.intro-media-block .media-block span.heading-6 {
	width: calc(268/475*100%);
}

.intro-media-block .media-block ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	width: calc(164/475*100%);
}

.intro-media-block .media-block a {
	font-weight: bold;
	text-decoration-color: var(--red);
	text-decoration-thickness: 2px;
}

.intro-media-block .media-block a:hover {
	text-decoration-color: var(--black);
}

/*Video w/ Content*/

.video-content .heading-4 {
	color: var(--white);
	display: block;
	margin-bottom: 42px;
	position: relative;
	z-index: 3;
}

.video-content article {
	padding: 60px 0 314px 100px;
	position: relative;
	z-index: 2;
}

.video-content article:before,
.video-content article:after {
	content: '';
	position: absolute;
	z-index: -1;
}

.video-content article:before {
	background: var(--red);
	height: calc(100% + 111px + 86px);
	left: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
	top: -111px;
	width: calc((473/1200*100%) + var(--container-outer-margin) + var(--container-outer-padding));
}

.video-content article:after {
	background: var(--white);
	height: 100%;
	right: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
	top: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.video-content .animated-line {
	height: calc(100% - 200px - 20px);
	position: absolute;
	left: 20px;
	top: 20px;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - 60px);
}

.video-content .animated-line::after {
	border-left: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.video-content h2 {
	margin: 0;
	position: relative;
	width: calc(575/1090*100%);
}

.video-content article div {
	margin-top: 18px;
	position: relative;
	width: calc(475/1090*100%);
}

.video-content article p {
	margin-bottom: 20px;
}

.video-content .media-player {
	margin: -273px 0 0 auto;
	width: calc(100% - 100px);
	z-index: 3;
}

.video-content .media-player img {
	width: 100%;
}

.video-content .media-player .btn.icon.large-icon {
	height: 120px;
	width: 120px;
}

.video-content .media-player .btn.icon.large-icon svg {
	height: 40px;
}

/*Media Cards*/

.media-cards ul {
	gap: 80px calc(102/1200*100%);
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 0;
	padding: 0;
}

.media-cards li {
	background: var(--white);
	padding: 94px 54px 50px 50px;
	position: relative;
	z-index: 2;
}

.media-cards li:before {
	border-right: 1px solid var(--black);
	border-top: 1px solid var(--black);
	content: '';
	height: 50%;
	position: absolute;
	right: 20px;
	top: 20px;
	width: calc(100% - 40px);
	z-index: -1;
}

.media-cards .eyebrow {
	background: var(--red);
	color: var(--white);
	left: 0;
	padding: 8px 10px 9px;
	position: absolute;
	top: 20px;
}

.media-cards h3 {
	margin-bottom: 10px;
}

.media-cards p {
	margin-bottom: 24px;
}

.media-cards .btn {
	margin-top: 25px;
}

.media-cards .pdf a:not(.btn) {
	display: block;
	position: relative;
}

.media-cards .pdf .icon {
	bottom: 0;
	position: absolute;
	right: 0;
}

.media-cards .media-player {
	margin-top: 62px;
}

/*Contact CTA*/

.contact-cta {
	color: var(--white);
	padding: 90px 0 115px;
	position: relative;
}

.contact-cta .container {
  padding: 0 50px;
}

.contact-cta:before,
.contact-cta:after {
	content: '';
	height: 100%;
	position: absolute;
	width: calc(100% - 60px - 80px);
	z-index: -1;
}

.contact-cta:before {
	border: 1px solid var(--black);
	left: 80px;
	top: 20px;
}

.contact-cta:after {
	background: url('svgs/logo-watermark-dark.svg') no-repeat -35px 50px/913px auto var(--black);
	left: 60px;
	top: 0;
}

.contact-cta .animated-line {
	height: calc(100% - 135px - 20px);
	position: absolute;
	left: 80px;
	top: 20px;
	width: calc(517/1440*100%);
}

.contact-cta .animated-line::after {
	border-left: solid 1px var(--white);
	border-top: solid 1px var(--white);
	content: '';
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.contact-cta h2 {
	margin: 0;
	padding-left: 60px;
	width: calc(761/1200*100%);
}

.contact-cta h2 .eyebrow {
	margin-bottom: 9px;
}

.contact-cta .btn {
	align-self: flex-end;
	margin: 50px 128px 0 60px;
}

.contact-cta.ticket-cta .btn {
  margin: 0;
}

/*Location Map*/

.location-map {
	padding: 74px 0 47px;
	position: relative;
}

.location-map:before {
	background: var(--white);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: calc(100vw - var(--container-outer-padding) - var(--container-outer-margin) - 226px);
}

.location-map article {
	width: calc(475/1200*100%);
}

.location-map h2 {
	margin: 0 0 25px;
}

.location-map h2 .heading-4 {
	display: block;
	margin-bottom: 40px;
}

.location-map h2 span:not(.heading-4) {
	color: var(--red);
}

.location-map p {
	margin-bottom: 30px;
}

.location-map ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.location-map .accordion .content {
  padding: 5px 0 0;
}

.location-map .map {
	align-self: end;
	position: relative;
	width: calc(620/1200*100%);
}

.location-map .instructions {
	background: var(--black);
	color: var(--white);
	font-size: calc(11rem/16);
	font-weight: 600;
	line-height: calc(18/16);
	padding: 15px 14px 16px 24px;
	position: absolute;
	right: 0;
	top: -70px;
	width: 206px;
	z-index: 2;
}

.location-map .map iframe,
.location-map .map .acf-map {
	aspect-ratio: 620/605;
	width: 100%;
}

/*Large Headline*/

.large-headline {
	padding: 96px 0;
	position: relative;
}

.large-headline.small-heading {
	padding: 0;
}

.large-headline.show-block:before {
	background: var(--white);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(800/1440*100%);
}

.large-headline h2 {
	width: calc(1093/1200*100%);
}

.large-headline h2 a {
	color: var(--red);
	text-decoration: none;
}

.large-headline h2 a:hover {
	color: var(--black);
}

/*People Carousel*/

.people-carousel {
	overflow: hidden;
	padding: 114px 0 0;
	position: relative;
}

.people-carousel:before {
	background: var(--white);
	content: '';
	height: 578px;
	left: 0;
	position: absolute;
	top: 0;
	width: calc(990/1440*100%);
}

.people-carousel h2 {
	margin-bottom: 96px;
	width: calc(848/1200*100%);
}

.people-carousel h2 .heading-4 {
	display: block;
	margin-bottom: 25px;
}

.people-carousel h2 span:not(.heading-4) {
	color: var(--red);
}

.llc-winners.people-carousel ul {
	display: flex;
	flex-direction: column;
	gap: 45px;
	margin: auto 0 129px;
	width: calc(269/1200*100%);
}

.people-carousel .carousel {
	overflow: visible;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.people-carousel .carousel .slick-track {
	gap: 102px;
}

.people-carousel .people-grid .card {
	width: 312px;
}

.people-carousel .people-grid .card img {
	filter: none;
}

.llc-winners.people-carousel .people-grid .card h3 {
	margin: 40px 0 9px;
}

/*Ticket CTA*/

.ticket-cta{
	padding: 130px 0 115px;
}

.ticket-cta:before,
.ticket-cta:after {
	content: '';
	height: 100%;
	position: absolute;
	width: calc(100% - 60px - 80px);
}

.ticket-cta:before {
	background: var(--red);
	border: none;
}

.ticket-cta .animated-line {
	height: calc(100% - 82px - 20px);
	width: calc(724/1440*100%);
}

.ticket-cta h2 {
	margin: 0;
	padding-left: 103px;
	width: calc(393/1200*100%);
}

.ticket-cta form {
	margin: auto 95px 21px 0;
	width: calc(483/1200*100%);
}

/*Text + Photo*/

.builder-modules section.text-and-photo {
	margin-top: 20px;
}

.text-and-photo .flex-container {
	flex-wrap: nowrap;
	gap: 40px;
}

.text-and-photo.reverse .flex-container {
	flex-direction: row-reverse;
}

.text-and-photo .text-container,
.text-and-photo .img-container {
	width: 50%;
}

img.text-photo-img,
.text-photo-img img {
	object-fit: cover;
	width: 100%;
}

.text-and-photo .img-container .caption {
	display: block;
	margin-top: 4px;
	text-align: center;
	width: 100%;
}

.text-and-photo .text-container.centered {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.text-and-photo .text-container *:last-child {
	margin-bottom: 0;
}

/*Artists Grid*/

.artist-grid > .container {
	padding: 0;
}

.artist-grid .llc-winner-filters .container {
	margin-bottom: 76px;
}

.llc-winners .people-grid .card.artist-card img {
	margin-bottom: 37px;
}

.artist-card.card .eyebrow {
	margin: 0 0 12px;
}

/***************************************************************************************************************************************************************************************/

/*EVENTS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.events-hero {
	padding: 241px 0 75px;
}

.events-hero article {
	width: calc(681 / 1200 * 100%);
}

.events-hero h1 {
	margin: 0 0 44px;
}

.events-hero p {
	margin: 0;
}

/***Events***/

.events-posts {
	padding: 0 0 140px;
}

.events-posts .tab-content {
	position: relative;
	width: 100%;
}

/*Search*/

.events-posts .sort {
	position: absolute;
	right: 0;
	top: -42px;
}

.events-posts .sort .searchandfilter li:first-child {
	margin-right: 0;
	max-width: 100%;
	width: 310px;
}

/*Filters*/

.events-posts .filters {
	margin: 41px -40px 77px;
	max-width: 100vw;
	width: calc(100% + 80px);
}

.events-posts .filters .searchandfilter > ul {
	grid-template-columns: repeat(3,1fr);
	padding: 0;
}

.events-posts .filters .searchandfilter > ul > li:first-child {
	display: none;
}

.events-posts .searchandfilter label {
	width: 100%;
}

.events-posts .filters .searchandfilter select,
.news-hero .archive-filter select,
.llc-winner-filters select,
.newsletter-filters select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*Posts*/

.card-headings {
	margin: 0 0 37px;
	padding: 0 46px 0 16px;
}

.events-posts .posts {
	margin: 0;
	padding: 0;
}

.events-posts .posts li {
	list-style: none;
	margin-bottom: 48px;
}

.event-post {
	align-items: flex-start;
	padding: 16px 46px 46px 16px;
}

.event-post::before {
	width: calc(100% - 16px);
}

.event-post::after {
	width: calc(100% - 17px);
}

.card-headings span:nth-of-type(1),
.event-post .event-date {
	width: 100px;
}

.event-post .event-date {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100px;
	justify-content: center;
	padding: 15px;
	position: relative;
	text-align: center;
	z-index: 2;
}

.event-post .event-date:before,
.event-post .event-date:after {
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.event-post .event-date:before {
	background: var(--red);
	left: -16px;
	top: -16px;
}

.event-post .event-date:after {
	background: var(--lighter-gray);
	left: 0;
	top: 0;
}

.event-post .event-date span {
	display: block;
}

.event-post .event-date .day {
	margin: 0 0 8px;
}

.card-headings span:nth-of-type(2),
.event-post .venue {
	width: calc(260 / 1118 * 100%);
}

.event-post .venue {
	padding-top: 30px;
}

.event-post .venue h3 {
	margin: 0 0 12px;
}

.event-post .venue .eyebrow svg {
	margin: 0 5px 0 0;
}

.event-post .venue .small {
	font-style: italic;
	margin: 15px 0 0;
}

.card-headings span:nth-of-type(3),
.event-post .work {
	width: calc(180 / 1118 * 100%);
}

.event-post .work,
.event-post .performers {
	margin-top: 34px;
}

.event-post .work {
	font-weight: bold;
}

.card-headings span:nth-of-type(4),
.event-post .performers,
.card-headings span:nth-of-type(5),
.event-post .event-tags {
	width: calc(180 / 1118 * 100%);
}

.event-post .performers ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

.event-post .performers li {
	margin: 0;
}

.event-post .event-tags ul {
	list-style: none;
	margin: 43px 0 0;
	padding: 0;
}

.event-post .event-tags li {
	margin-bottom: 8px;
}

.event-post .event-tags li span {
	background: var(--offwhite);
	display: inline-block;
	padding: 5px 8px;
}

.event-post .btn.icon {
	bottom: 0;
	position: absolute;
	right: 0;
}

/***Callouts***/

.plain-callouts {
	padding: 0 0 140px;
}

.plain-callouts .grid {
	gap: 60px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
}

.plain-callouts a {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 260px;
	justify-content: center;
	position: relative;
	text-align: center;
	text-decoration: none;
	z-index: 2;
}

.plain-callouts .arrow-link {
	margin-top: 37px;
}

.plain-callouts a:before,
.plain-callouts a:after {
	content: '';
	height: calc(100% - 20px);
	position: absolute;
	transition: all .25s ease;
	width: calc(100% - 20px);
	z-index: -1;
}

.plain-callouts a:before {
	background: url('svgs/logo-watermark.svg') no-repeat -62px 78px;
	background-color: var(--white);
	background-size: 489px auto;
	left: 0;
	top: 0;
}

.plain-callouts a:after {
	border: 1px solid var(--black);
	bottom: 0;
	right: 0;
}

/***************************************************************************************************************************************************************************************/

/*NEWS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.news-hero {
	padding: 241px 0 60px;
}

.news-hero article {
	width: calc(687 / 1200 * 100%);
}

.news-hero h1 {
	margin: 0 0 44px;
	text-transform: capitalize;
}

.news-hero .archive-filter {
	background: var(--black);
	margin-top: 57px;
	padding: 57px 62px 70px;
	width: calc(434 / 1200 * 100%);
}

.news-hero .archive-filter label {
	margin-bottom: 11px;
}

.news-hero .archive-filter select + label {
	margin-top: 37px;
}

/***Posts***/

.news-content {
	padding-bottom: 140px;
}

/*Featured Post*/

.news-content .featured-post {
	display: block;
	margin-bottom: 145px;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.news-content .featured-post:before,
.news-content .featured-post article:before,
.news-content .featured-post article:after {
	content: '';
	position: absolute;
	z-index: -1;
}

.news-content .featured-post:before {
	border-bottom: 1px solid var(--black);
	bottom: -25px;
	left: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - 44px - 242px);
	width: 242px;
}

.news-content .featured-post img {
	height: 394px;
	left: -62px;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: calc(701 / 1200 * 100%);
	z-index: 2;
}

.news-content .featured-post article {
	color: var(--white);
	margin-left: auto;
	padding: 97px 0;
	position: relative;
	width: calc(479 / 1200 * 100%);
}

.news-content .featured-post article:before {
	background: var(--red);
	height: 100%;
	left: -204px;
	top: 0;
	width: calc(100% + 204px + var(--container-outer-margin) + var(--container-outer-padding) - 20px);
}

.news-content .featured-post article:after {
	border-right: 1px solid var(--black);
	border-top: 1px solid var(--black);
	height: 100%;
	left: calc(-204px + 24px);
	top: 24px;
	width: calc(100% + 204px + var(--container-outer-margin) + var(--container-outer-padding) - 20px - 48px);
}

.news-content .featured-post h3 {
	margin: 16px 0 14px;
}

/*Post Loop*/

.news-content .grid {
	gap: 120px 60px;
	grid-template-columns: repeat(3,1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-content .card img {
	height: 191px;
	margin: -50px 0 0 -30px;
	max-width: none;
	object-fit: cover;
	width: calc(100% + 40px);
}

.news-content .card h3 {
	margin: 22px 0 14px;
}

.news-content .card p {
	margin-bottom: 34px;
}

.news-content .wp-pagenavi {
	margin-top: 120px;
}

/***Newsletter***/

.newsletter-callout {
	color: var(--white);
	margin-bottom: 111px;
	padding: 96px 0;
	position: relative;
	text-align: center;
	z-index: 2;
}

.newsletter-callout:before,
.newsletter-callout:after,
.newsletter-callout .container:before {
	content: '';
	height: 100%;
	left: 60px;
	position: absolute;
	width: calc(100% - 140px);
	z-index: -1;
}

.newsletter-callout:before {
	background: url('svgs/logo-watermark-dark.svg') no-repeat -40px 50px;
	background-color: var(--black);
	background-size: 913px auto;
	top: 0;
}

.newsletter-callout:after {
	border: 1px solid var(--black);
	left: 80px;
	top: 20px;
}

.newsletter-callout .container:before {
	border-left: 1px solid var(--white);
	border-top: 1px solid var(--white);
	height: calc(300 / 402 * 100%);
	left: calc((-1 * var(--container-outer-margin)) + 100px);
	pointer-events: none;
	top: -76px;
	transform: none;
	width: calc(724 / 1300 * 100%);
	z-index: 2;
}

.newsletter-callout p.eyebrow {
	margin: 0 0 19px;
}

.newsletter-callout h2 {
	margin: 0 0 60px;
}

.newsletter-callout form,
.ticket-cta form {
	display: flex;
	justify-content: center;
}

.newsletter-callout input,
.ticket-cta input {
	background: var(--offwhite);
	border: 1px solid transparent;
	border-radius: 0;
	font-family: inherit;
	font-size: calc(14rem / 16);
	height: 44px;
	margin-right: 20px;
	padding: 0 20px;
	width: 300px;
}

.newsletter-callout input:focus,
.ticket-cta input:focus {
	border-color: var(--red);
	outline: none;
}

.newsletter-callout p {
	margin: 37px 0 0;
}

.newsletter-callout p a {
	color: var(--white);
	font-weight: bold;
}

/***Social Media***/

.social-media {
	padding-bottom: 140px;
}

.social-media h2 {
	align-items: flex-end;
	margin: 0 0 80px;
}

.social-media h2 ul {
	align-items: center;
	display: flex;
	margin: 0 0 2px;
	padding: 0;
}

.social-media h2 li {
	display: block;
	list-style: none;
}

.social-media h2 li:first-child {
	margin-right: 20px;
}

.social-media h2 li:nth-child(2) ~ li {
	margin-left: 16px;
}

.social-media h2 li a {
	display: block;
	font-size: calc(20rem / 16);
}

.social-media h2 li a:hover {
	color: var(--red);
}

.social-media h2 li a svg {
	display: block;
}

.social-media .grid {
	gap: 10px;
	grid-template-columns: repeat(4,1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-media .grid li > a {
	background: var(--white);
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
}

.social-media .grid .twitter > a {
	padding: 55px 24px 27px;
}

.social-media .grid .twitter > a:before,
.social-media .grid .instagram a:before {
	background: no-repeat center;
	background-color: var(--white);
	background-size: 17px auto;
	content: '';
	filter: invert(100%);
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

.social-media .grid .twitter > a:before {
	background-image: url('svgs/fontawesome/brands/twitter.svg');
}

.social-media .grid .instagram a:before {
	background-image: url('svgs/fontawesome/brands/instagram.svg');
}

.social-media .grid a:hover {
	opacity: .6;
}

.instagram:nth-of-type(2) #sbi_images > div:first-of-type,
.instagram #sb_instagram .sbi_type_carousel .fa-clone {
	display: none !important;
}

.instagram #sbi_images > div a {
	height: calc( (var(--container-width) - (2 * var(--container-outer-padding) ) - 30px ) / 4) !important
}

/***Newsletter Modal***/

body.modal-active:after,
.newsletter-modal {
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
}

body.modal-active:after {
	background: var(--black);
	content: '';
	height: 100%;
	opacity: .7;
	width: 100%;
	z-index: 9999;
}

.newsletter-modal {
	background: url('svgs/logo-watermark.svg') no-repeat 131px 226px;
	background-color: var(--white);
	background-size: 783px auto;
	display: none;
	max-height: 90vh;
	max-width: 800px;
	overflow: auto;
	padding: 80px 40px;
	text-align: center;
	width: 95%;
	z-index: 10000;
}

.newsletter-modal:before {
	border-left: 1px solid var(--black);
	border-top: 1px solid var(--black);
	content: '';
	height: calc(100% - 40px);
	left: 20px;
	position: absolute;
	top: 20px;
	width: calc(651 / 800 * 100%);
	z-index: -1;
}

.newsletter-modal .close {
	background: var(--black);
	border: none;
	color: var(--white);
	display: flex;
	font-size: calc(20rem / 16);
	height: 44px;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 44px;
}

.newsletter-modal .close:hover {
	opacity: .6;
}

.newsletter-modal .close svg {
	margin: auto;
}

.newsletter-modal h2 {
	margin: 0 0 48px;
}

.newsletter-modal form {
	margin: 0 auto;
	max-width: 600px;
}

.newsletter-modal .two-column {
	width: calc(290 / 600 * 100%);
}

.newsletter-modal .three-column {
	width: calc(187 / 600 * 100%);
}

.newsletter-modal .half-column {
	margin-left: auto;
	width: calc(393 / 600 * 100%);
}

.newsletter-modal input,
.newsletter-modal select {
	background-color: var(--offwhite);
	border: 1px solid transparent;
	font-family: inherit;
	font-size: calc(14rem / 16);
	height: 44px;
	margin-bottom: 20px;
	padding: 0 20px;
	width: 100%;
}

.newsletter-modal select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('svgs/fontawesome/solid/caret-down.svg') no-repeat calc(100% - 20px) center;
	background-color: var(--offwhite);
	background-size: 8px auto;
}

.newsletter-modal input:focus,
.newsletter-modal select:focus {
	border-color: var(--black);
	outline: none;
}

.newsletter-modal .btn {
	margin: 0 auto;
}

/***************************************************************************************************************************************************************************************/

/*NEWS SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.news-single-hero {
	padding: 257px 0 77px;
}

.news-single-hero .btn:hover {
	color: var(--black);
}

.news-single-hero h1 {
	margin: 9px 0 37px;
}

.news-single-hero .eyebrow a {
	text-decoration: none;
}

.news-single-hero .eyebrow a:hover {
	color: var(--red);
}

/***Post Content***/

.post-content {
	overflow: hidden;
	position: relative;
}

.post-content .container {
	padding-bottom: 117px;
}

.post-content .container:before {
	background: var(--white);
	content: '';
	height: 100%;
	left: var(--container-outer-padding);
	position: absolute;
	top: 0;
	width: calc(100% - (var(--container-outer-padding) * 2));
	z-index: -1;
}

/*Intro*/

.post-content .intro {
	flex-wrap: nowrap;
	margin-bottom: 121px;
	position: relative;
}

.post-content .intro .image {
	flex-shrink: 0;
	margin-left: calc(var(--frame-width) - var(--container-outer-margin) - var(--container-outer-padding));
	max-height: 590px;
	position: relative;
	width: calc(886 / 1200 * 100%);
}

.post-content .intro .image:before {
	border-bottom: 1px solid var(--black);
	border-right: 1px solid var(--black);
	bottom: -21px;
	content: '';
	height: calc(438 / 590 * 100%);
	position: absolute;
	right: -21px;
	width: calc(702 / 886 * 100%);
	z-index: -1;
}

.post-content .intro .image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.post-content .post-meta {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.post-content ul.flex-container {
	background: var(--black);
	color: var(--white);
	justify-content: flex-start;
	margin: 0;
	padding: 57px 44px;
}

.post-content ul.flex-container li {
	list-style: none;
	margin-right: 67px;
}

.post-content ul.flex-container span {
	margin-bottom: 4px;
}

.post-content .social {
	margin: 30px 0 0 51px;
	padding: 0;
}

.post-content .social li {
	display: inline-block;
	list-style: none;
	margin-left: 16px;
}

.post-content .social li a:hover {
	color: var(--red);
}

.post-content .social li svg {
	font-size: 1rem;
}

.post-content .intro .caption {
	margin: auto 0 0 51px;
	padding-right: 63px;
	position: relative;
	top: 21px;
}

/*Content*/

.post-content article {
	margin: 0 auto;
	width: calc(784 / 1200 * 100%);
}

.post-content article h2 {
	margin: 0 0 23px;
}

.post-content article > * + h2 {
	margin-top: 56px;
}

/*Images*/

.post-content .wp-caption {
	margin-bottom: 61px;
	margin-top: 76px;
	max-width: 100%;
}

.post-content .wp-caption .wp-caption-text {
	margin: 12px 0 0;
}

/*Lists*/

.post-content article ol,
.post-content article ul {
	margin: -15px 0 30px;
}

.post-content article ul li::before,
.plain-text ul li::before {
	top: 12px;
}

/*Quotes*/

.post-content article blockquote {
	margin: 44px 0 40px;
	max-width: 100%;
	padding-left: 62px;
}

.post-content article blockquote::before {
	left: 0;
}

.post-content article blockquote .quote.large {
	margin-bottom: 35px;
}

/*Video*/

.post-content article iframe,
.post-content article .media-player {
	margin: 76px auto 63px;
}

/*Carousel*/

.photo-gallery.lightbox .carousel,
.image-carousel {
	left: calc((((100vw - 100%) / 2) - var(--frame-width)) * -1);
	position: relative;
	width: calc(100vw - (var(--frame-width) * 2));
}

.image-carousel {
	left: 0;
	margin: 81px 0 61px;
	overflow: hidden;
	width: 100%;
}

.image-carousel .slide {
	margin-right: 20px;
	max-width: calc(784 / 1200 * (var(--container-width) - (var(--container-outer-padding) * 2)));
	width: 100%;
}

.image-carousel .image-wrapper {
	padding-top: calc(437 / 784 * 100%);
}

.image-carousel .image-wrapper img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.image-carousel .caption {
	display: block;
	margin-top: 13px;
}

.image-carousel .slick-prev {
	left: -60px;
}

.image-carousel .slick-next {
	background-color: var(--white);
	right: -60px;
}

.photo-gallery.default {
	overflow: hidden;
}

.photo-gallery.default .image-carousel {
	overflow: visible;
}

.image-carousel[data-image-fit="contain"] .slide {
	height: calc(437 / 1440 * 100vw);
	max-width: 100%;
	min-height: 270px;
	width: auto;
}

.image-carousel[data-image-fit="contain"] .slide .image-wrapper {
	height: 100%;
	padding-top: 0;
}

.image-carousel[data-image-fit="contain"] .slide .image-wrapper img {
	object-fit: contain;
	position: relative;
	width: auto;
}

/*Credit Line*/

.credit-line {
	border-top: 1px solid var(--black);
	margin-top: 76px;
	padding-top: 27px;
}

/***Related News***/

.related-news {
	padding: 20px 0 160px;
}

.related-news h2 {
	margin: 0 0 60px;
}

/***************************************************************************************************************************************************************************************/

/*NEWSLETTER*/

/***************************************************************************************************************************************************************************************/

.newsletter-hero {
	background: var(--white);
	overflow: hidden;
	padding-top: 242px;
}

.newsletter-hero-text {
	width: calc(744 / 1200 * 100%)
}

.newsletter-hero h1 {
	margin: 0 0 42px;
	max-width: 540px;
}

.newsletter-hero-text p {
	margin: 0 0 42px;
}

.newsletter-hero-text a {
	font-size: calc(14rem / 16);
	font-weight: 700;
	text-decoration: none;
}

.newsletter-hero-text .eyebrow {
	margin-bottom: 7px;
}

.newsletter-hero-credits {
	background: var(--black);
	color: var(--white);
	list-style-type: none;
	margin: 160px 0 20px;
	padding: 57px 60px;
	position: relative;
	width: calc(340 / 1200 * 100%);
}

.newsletter-hero-credits .watermark {
	left: 37px;
	max-width: none;
	position: absolute;
	top: 48%;
	width: 165%;
}

.newsletter-hero-credits li {
	margin-bottom: 34px;
}

.newsletter-hero-credits li:last-of-type {
	margin-bottom: 0;
}

.newsletter-hero-credits p {
	margin: 8px 0 0;
}

/*Browse the Newsletter*/

.newsletter-filters {
	margin-bottom: 75px;
}

.page-template-page-newsletter .newsletter-intro {
	overflow: hidden;
	padding-top: 144px;
}

.newsletter-intro .newsletter-filters h2 {
	margin: 0;
}

.newsletter-filters select {
	font-family: var(--body-font);
	font-size: calc(14rem / 16);
	line-height: calc(24 / 14);
	padding: 0 20px;
	width: 269px;
}

.issue {
	height: auto;
	opacity: 1;
	transform: none;
	transition: opacity .7s, transform .7s;
	visibility: visible;
}

.issue.hidden {
	display: flex;
	height: 0;
	opacity: 0;
	transform: translateY(100px);
	visibility: hidden;
}

.page-template-page-newsletter .newsletter-intro .flex-container {
	align-items: flex-start;
}

.page-template-page-newsletter .newsletter-intro .flex-container + .flex-container {
	margin-top: 120px;
}

.page-template-page-newsletter .newsletter-intro .image {
	width: calc(155 / 1200 * 100%);
}

.page-template-page-newsletter .newsletter-intro article {
	width: calc(881 / 1200 * 100%);
}

.newsletter-intro h2.issue-title {
	margin-bottom: 18px;
}

.newsletter-intro .eyebrow {
	margin-bottom: 20px;
}

.newsletter-intro table {
	width: 100%;
}

.newsletter-intro table td {
	padding: 10px 0;
}

.page-template-page-newsletter .pagination {
	display: none !important;
}

/* Callouts */

.page-template-page-newsletter .plain-callouts h2.heading-4 {
	margin-bottom: 54px;
}

/***************************************************************************************************************************************************************************************/

/*PEOPLE ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.people-grids {
	flex-direction: column;
	gap: 160px;
	padding: 94px 0 160px;
}

#staff {
	position: relative;
}

#staff .watermark {
	background: url('svgs/logo-watermark.svg') no-repeat;
	background-size: 833px auto;
	height: 496px;
	position: absolute;
	right: 0;
	top: -172px;
	width: 720px;
}

#board-of-trustees {
	order: 1;
}

#emeritus-trustees {
	order: 2;
}

#honorary-trustees {
	order: 3;
}

#lifetime-distinguished-achievement-awardees {
	order: 4;
}

.people-grid .card p.small {
	font-weight: 700;
}

#emeritus-trustees ul.grid,
#honorary-trustees ul.grid {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#emeritus-trustees .card,
#honorary-trustees .card {
	align-items: center;
	display: flex;
	gap: 8px;
	padding: 0;
}

#emeritus-trustees .card::before,
#honorary-trustees .card::before,
#emeritus-trustees .card::after,
#honorary-trustees .card::after {
	content: none;
}

#emeritus-trustees .card h3,
#honorary-trustees .card h3 {
	margin: 0;
	padding: 0;
}

#emeritus-trustees .card img,
#honorary-trustees .card img,
#emeritus-trustees .card .eyebrow,
#honorary-trustees .card .eyebrow,
#emeritus-trustees .card .btn,
#honorary-trustees .card .btn {
	display: none;
}

#emeritus-trustees .deceased {
	margin-top: 20px;
	order: 1;
}

#emeritus-trustees .deceased ~ .deceased {
	margin-top: 0;
}


/***************************************************************************************************************************************************************************************/

/*PEOPLE SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Bios***/

.bios {
	padding: 229px 0 176px;
	position: relative;
}

.bios:before,
.bios:after {
	background: var(--white);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: calc(var(--container-outer-padding) + var(--container-outer-margin) + (269 / 1440 * 100%) - 20px);
	z-index: -1;
}

.bios:before {
	height: calc(100% - 153px);
	top: 153px;
	width: calc(var(--container-outer-padding) + var(--container-outer-margin) + (994 / 1440 * 100%) - 20px);
}

.bios .container {
	align-items: flex-start;
}

.bios .container:before {
	border-right: 1px solid var(--black);
	border-top: 1px solid var(--black);
	content: '';
	height: 58px;
	left: calc(180 / 1300 * 100%);
	position: absolute;
	top: -58px;
	width: calc(867 / 1300 * 100%);
}

/*Content*/

.bios article {
	margin-top: 122px;
	width: calc(681 / 1200 * 100%);
}

.bios h1 {
	margin: 10px 0 40px;
}

.bios h1 span {
	display: block;
	margin-top: 20px;
}

.bios .meta {
	font-weight: bold;
	list-style: none;
	margin: 42px 0 0;
	padding: 0;
}

.bios .meta a {
	text-decoration: none;
}

.bios .meta a:hover {
	text-decoration: underline;
}

/*Image*/

.bios .image {
	margin-right: -102px;
	position: relative;
	width: calc(475 / 1200 * 100%);
	z-index: 2;
}

.bios .image:before {
	background: var(--red);
	content: '';
	height: 100%;
	left: -40px;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: -1;
}

/***Text Callout***/

.text-callout {
	padding: 134px 0 160px;
	text-align: center;
}

.text-callout h2 {
	margin: 0 0 48px;
}

/***************************************************************************************************************************************************************************************/

/*TIMELINE ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Timeline***/

.timeline {
	padding: 124px 0 80px;
}

.timeline article {
	margin-bottom: 97px;
}

.timeline article h2 {
	margin: 0;
	width: calc(422 / 1200 * 100%);
}

.timeline article p {
	margin: 19px 0 0;
	width: calc(681 / 1200 * 100%);
}

.timeline ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.timeline li {
	align-items: flex-start;
	background: var(--white);
	margin-bottom: 100px;
	padding: 66px 0 70px 80px;
	position: relative;
	width: calc(1070 / 1200 * 100%);
	z-index: 2;
}

.timeline li:before {
	border: 1px solid var(--black);
	content: '';
	height: 100%;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 100%;
	z-index: -1;
}

.timeline li article {
	margin: 0;
	width: calc(641 / 990 * 100%);
}

.timeline li h3 {
	margin: 10px 0 14px;
}

.timeline li p {
	margin: 0;
	width: 100%;
}

.timeline li .image {
	margin: -46px -103px 0 0;
	position: relative;
	width: calc(400 / 990 * 100%);
}

.timeline li .image:before {
	background: var(--red);
	content: '';
	height: 100%;
	position: absolute;
	right: -20px;
	top: -20px;
	width: 100%;
	z-index: -1;
}

.timeline li .btns {
	bottom: -22px;
	left: 20px;
	position: absolute;
}

.timeline li .btns .btn {
	background: var(--black);
	color: var(--white);
	padding: 16px 30px;
}

.timeline li .btns .btn + .btn {
	background: var(--gray);
	color: var(--black);
}

.timeline li .btns .btn:hover {
	background: var(--red);
	color: var(--white);
}

/***Biography***/

.biography-intro {
	padding-bottom: 134px;
}

.biography-intro .flex-container {
	align-items: flex-start;
}

.biography-intro img {
	margin-left: calc((var(--container-outer-margin) + var(--container-outer-padding) - 20px) * -1);
	position: relative;
	width: calc(494 / 1200 * 100%);
	z-index: 3;
}

.biography-intro article {
	margin-top: 60px;
	padding: 102px 0 161px;
	position: relative;
	width: calc(681 / 1200 * 100%);
	z-index: 2;
}

.biography-intro article:before {
	background: url('svgs/logo-watermark.svg') no-repeat 309px 81px;
	background-color: var(--white);
	background-size: 1004px auto;
	content: '';
	height: 100%;
	left: calc((206 / 1100 * -100%) - 20px);
	position: absolute;
	top: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) + (206 / 1100 * 100%));
	z-index: -1;
}

.biography-intro h2 {
	margin: 0 0 43px;
}

.biography-intro p {
	margin: 0 0 44px;
}

.biography-intro .btns {
	justify-content: flex-start;
}

.biography-intro .btn + .btn {
	margin-left: 30px;
}

/***Photo Gallery***/

.photo-intro {
	padding-bottom: 160px;
	text-align: center;
}

.photo-intro article {
	margin: 0 auto;
	width: calc(784 / 1200 * 100%);
}

.photo-intro h2 {
	margin: 0 0 23px;
}

.photo-intro p {
	margin: 0 0 44px;
}

/***Bottom Callouts***/

.page-template-page-timeline .bottom-callouts {
	margin-bottom: 140px;
}

/***Newsletter***/

.newsletter-intro {
	padding-bottom: 160px;
}

.newsletter-intro .flex-container {
	align-items: center;
}

.newsletter-intro .image {
	position: relative;
	width: calc(372 / 1200 * 100%);
}

.newsletter-intro .image:before {
	border-bottom: 1px solid var(--black);
	border-left: 1px solid var(--black);
	bottom: -20px;
	content: '';
	height: calc(402 / 482 * 100%);
	left: -20px;
	position: absolute;
	width: calc(226 / 372 * 100%);
}

.newsletter-intro article {
	width: calc(681 / 1200 * 100%);
}

.newsletter-intro h2 {
	margin: 0 0 23px;
}

.newsletter-intro p {
	margin: 0 0 40px;
}

.newsletter-intro ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.newsletter-intro li {
	margin-bottom: 15px;
}

.newsletter-intro .btn {
	padding-left: 17px;
	position: relative;
}

.newsletter-intro .btn svg {
	font-size: calc(13rem / 16);
	left: 0;
	position: absolute;
	top: 0;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE TIMELINE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Timeline Hero***/

.timeline-hero {
	padding-bottom: 81px;
	position: relative;
}

.timeline-hero figure {
	min-height: 300px;
	padding-top: calc(600 / 1400 * 100%);
	position: relative;
}

.timeline-hero figure::before {
	background: #000;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: .1;
	position: absolute;
	top: 0;
	width: 100%;
}

.timeline-hero figure::after {
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	content: '';
	display: block;
	height: 251px;
	left: 0;
	opacity: .4;
	position: absolute;
	top: 0;
	width: 100%;
}

.timeline-hero figure img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.timeline-hero article {
	margin: -87px auto 0;
	padding: 98px 123px 0;
	position: relative;
	text-align: center;
	width: calc(1030 / 1200 * 100%);
	z-index: 1;
}

.timeline-hero article::before {
	background: var(--white);
	content: '';
	display: block;
	height: calc(100% - 22px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.timeline-hero article::after {
	border-left: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(100% - 20px - 22px - 21px);
	left: 20px;
	position: absolute;
	top: 20px;
	width: calc(681 / 1030 * 100%);
	z-index: -1;
}

.timeline-hero article .eyebrow {
	margin: 0;
}

.timeline-hero article .eyebrow + h1 {
	margin-top: 9px;
}

.timeline-hero article h1 {
	margin: 0;
}

.timeline-hero article p {
	margin: 0;
}

.timeline-hero article h1 + p {
	margin-top: 23px;
}

.timeline-hero article p + .btn {
	margin-top: 74px;
}

/***Visual Timeline***/

.visual-timeline {
	margin: 0 0 175px;
	padding: 136px 0 0;
	position: relative;
}

.visual-timeline .line {
	background: var(--black);
	height: calc(100% - 3px);
	left: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	position: absolute;
	top: 0;
	width: 1px;
}

.visual-timeline .line::before {
	background: linear-gradient(to bottom, rgba(246,244,241,1), rgba(246,244,241,0));
	content: '';
	display: block;
	height: 263px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.visual-timeline #sticky-button {
	display: flex;
	margin: calc(-44px - 136px) calc(-1 * var(--frame-width)) 136px auto;
	opacity: 0;
	pointer-events: none;
	position: sticky;
	top: 0;
	transition: .25s var(--transition-timing-function);
	width: max-content;
	z-index: 99;
}

.visual-timeline #sticky-button.active {
	animation: sticky-button .25s var(--transition-timing-function);
	opacity: 1;
	pointer-events: auto;
}

.timeline-year:not(:last-child) {
	padding-bottom: 138px;
}

.timeline-year > .image-heading {
	margin-bottom: 137px;
	position: relative;
}

.timeline-year > .image-heading img {
	filter: grayscale(100%);
	height: calc(600 / 1440 * 100vw);
	min-height: 250px;
	object-fit: cover;
	width: 100%;
}

.timeline-year > .image-heading h2 {
	color: var(--white);
	left: 50%;
	position: absolute;
	text-align: center;
	top: calc(50% - 8px);
	transform: translate3d(-50%, -50%, 0);
}

.timeline-year .flex-container {
	align-items: flex-start;
	flex-wrap: nowrap;
}

.timeline-year .year {
	margin: 0 30px 0 24px;
	position: sticky;
	top: 50%;
	width: 79px;
}

.timeline-year .year::before {
	backface-visibility: hidden;
	background: var(--black);
	content: '';
	display: block;
	height: 7px;
	position: absolute;
	right: calc(100% + 20px);
	top: 3px;
	width: 7px;
}

.timeline-year .dates {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(1063 / 1200 * 100%);
}

.timeline-year .date {
	align-items: flex-start;
}

.timeline-year .date + .date {
	margin-top: 75px;
}

.timeline-year .date > article {
	position: sticky;
	top: 50%;
	width: calc(485 / 1063 * 100%);
}

.timeline-year .date > article p {
	margin: 0;
}

.timeline-year .date > article h3 {
	margin: 0;
}

.timeline-year .date > article h3 a {
	font-style: italic;
	text-decoration: underline;
	text-decoration-thickness: 3px;
    text-underline-offset: 5px;
}

.timeline-year .date > article h3 a:hover {
	color: var(--red);
}

.timeline-year .date > article p + h3 {
	margin-top: 16px;
}

.timeline-year .date > article p + .heading-6 {
	margin-top: 8px;
}

.timeline-year .date > article p + .heading-6 + p {
	margin-top: 12px;
}

.timeline-year .date > article h3 + p.large {
	margin-top: 24px;
}

.timeline-year .date > article > .btn {
	margin-top: 20px;
}

.timeline-year .date > article h3.heading-6 a {
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.timeline-year .date ul {
	list-style: none;
	margin: 58px 0 0;
	padding: 0;
	width: calc(475 / 1063 * 100%);
}

.timeline-year .date ul li + li {
	margin-top: 93px;
}

.timeline-year .date ul li.image + li.media-card {
	margin-top: 77px;
}

.timeline-year .date ul li.audio + li.image {
	margin-top: 116px;
}

.timeline-year .date ul li.audio + li.video {
	margin-top: 100px;
}

.timeline-year .date ul li.video + li.image {
	margin-top: 96px;
}

.timeline-year .date ul li figure {
	position: relative;
}

.timeline-year .date ul li figure.landscape {
	width: calc(459 / 475 * 100%);
}

.timeline-year .date ul li figure.portrait {
	width: calc(340 / 475 * 100%);
}

.timeline-year .date ul li figure.square {
	width: calc(396 / 475 * 100%);
}

.timeline-year .date ul li figure.small {
	width: calc(269 / 475 * 100%);
}

.timeline-year .date ul li img {
	box-shadow: 16px -16px var(--red);
	display: block;
	width: 100%;
}

.timeline-year .date ul li figure .btn.icon {
	bottom: 10px;
	position: absolute;
	right: 10px;
}

.timeline-year .date ul li > p {
	margin: 16px 0 0;
}

.timeline-year .date ul li p + .btn.arrow-link {
	margin: 24px 0 0;
}

.timeline-year .date ul li.video article h3 {
	margin: 0 0 14px;
}

.timeline-year .date ul li.video article p {
	margin: 0 0 35px;
}

.timeline-year .date ul .media-card {
	background: transparent;
	opacity: 1;
	width: 100%;
}

.timeline-year .date ul .media-card::before {
	z-index: -2;
}

.timeline-year .date ul .media-card::after {
	background: var(--white);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

/***Up Next Timeline***/

.up-next-timeline > p.eyebrow {
	margin: 0 auto;
	padding: 0 0 77px;
	position: relative;
	text-align: center;
}

.up-next-timeline > p.eyebrow::after {
	background: var(--black);
	content: '';
	display: block;
	height: calc(100% - 30px);
	left: 50%;
	position: absolute;
	top: 30px;
	transform: translateX(-50%);
	width: 1px;
}

.up-next-timeline .image-heading {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: calc(600 / 1440 * 100vw);
	padding: 169px 0 158px;
	position: relative;
}

.up-next-timeline .image-heading::after {
	background: var(--black);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.up-next-timeline .image-heading > img {
	filter: grayscale(100%);
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}

.up-next-timeline .image-heading > div {
	color: var(--white);
	text-align: center;
	width: calc(990 / 1440 * 100%);
}

.up-next-timeline .image-heading > div p {
	margin: 0;
}

.up-next-timeline .image-heading > div h3 {
	margin: 23px 0 60px;
}

/***Plain Callouts***/

.single-timelines .plain-callouts {
	padding: 140px 0;
}

/***************************************************************************************************************************************************************************************/

/*RESEARCH CENTER*/

/***************************************************************************************************************************************************************************************/

/***Secondary Menu***/

.page-template-page-research-center .submenu.secondary {
	background: linear-gradient(to right, var(--white), var(--white) 14%, var(--offwhite) 14%, var(--offwhite) 100%);
	margin-top: 0;
	padding-top: 27px;
}

.page-template-page-research-center .submenu.secondary.super-sticky {
	padding-top: 0;
}

.page-template-page-research-center .submenu.secondary ul {
	padding-right: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
}

/***About***/

.research-about {
	background: linear-gradient(to right, var(--white), var(--white) 14%, var(--offwhite) 14%, var(--offwhite) 100%);
	overflow: hidden;
	padding: 140px 0 156px;
	position: relative;
}

.research-about .watermark {
	position: absolute;
	right: -21%;
	width: 70%;
}

.research-about .flex-container {
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.research-about ul {
	width: 100%;
}

.about-img {
	position: relative;
	width: 33%;
}

.about-img::before,
.about-img::after {
	background: var(--red);
	content: '';
	height: 100%;
	left: 100%;
	position: absolute;
	top: 20px;
	width: 20px;
}

.about-img::after {
	height: 20px;
	left: 20px;
	top: 100%;
	width: 100%;
}

.research-about img {
	width: 100%;
}

.about-text {
	margin-left: 143px;
	padding-right: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	width: 48%;
}

.about-text h2 {
	margin: 0 0 43px;
}

/***Collections***/

.research-collections {
	background: var(--black);
	color: var(--white);
}

.research-collections .container {
	padding-bottom: 100px;
	padding-top: 100px;
}

.collections-text {
	align-items: flex-start;
	margin-bottom: 76px;
}

.collections-text-one {
	width: 57%;
}

.collections-text-two {
	margin-top: 88px;
	width: 26%;
}

.collections-text-one h2 {
	margin-top: 0;
}

.collections-text-one p {
	margin-bottom: 0;
}

.collections-text-two .eyebrow {
	color: var(--gray);
	margin: 0 0 6px;
}

.collections-text-two p {
	margin-bottom: 20px;
}

.collections-text-two .btn {
	color: var(--white);
}

.collections-text-two .arrow-link:not(.left):after {
	background: url('svgs/arrow-link-white.svg') no-repeat;
}

.research-collections .card {
	align-items: center;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	padding-bottom: 82px;
	padding-top: 76px;
	width: calc(50% - 40px);
}

.research-collections .card::before {
	background: var(--white);
	height: 100%;
	z-index: 1;
}

.research-collections .card::after {
	border: 1px solid var(--white);
	height: 100%;
	left: 20px;
	top: 20px;
	width: 100%;
	z-index: 0;
}

.research-collections .card:hover {
	color: var(--black);
}

.research-collections .card:not(.no-animate):hover::after {
	border-color: var(--white);
	height: calc(100% - 40px);
	top: 60px;
	width: 100%;
}

.research-collections .card .watermark {
	left: -11%;
	top: 14%;
	width: 89%;
	z-index: 2;
}

.research-collections .card h3,
.research-collections .card p {
	text-align: center;
	z-index: 2;
}


.research-collections .card h3 {
	margin: 0 0 32px;
}

/***Bibliographies & Discographies***/

.page-template-page-research-center .card-callouts {
	margin-top: 132px;
}

.page-template-page-research-center .card-callouts ul {
	margin-top: 80px;
}

.page-template-page-research-center .card-callouts .biblio-description {
	margin: 11px 0 0;
	width: calc(681 / 1200 * 100%);
}

/***Other Resources***/

.page-template-page-research-center .card-callouts.grid {
	margin-top: 94px;
}

.page-template-page-research-center .card-callouts.grid ul {
	margin-top: 60px;
}

/***Map Block***/

.map-block {
	margin-top: 128px;
}

.map-block > .flex-container {
	align-items: flex-end;
	flex-wrap: nowrap;
}

.map-text {
	background: var(--black);
	color: var(--white);
	padding: 94px 102px;
	position: relative;
	width: 59vw;
}

.map-text::before {
	background: none;
	border-left: 1px solid var(--white);
	border-top: 1px solid var(--white);
	content: '';
	height: 67%;
	left: 20px;
	position: absolute;
	top: 20px;
	width: calc(100% - 60px);
}

.map-text::after {
	background: var(--black);
	content: '';
	height: 100%;
	position: absolute;
	right: -63px;
	top: 0;
	width: 63px;
}

.map-text h2 {
	margin-top: 0;
}

.map-text .subtext {
	margin-bottom: 37px;
}

.hours-container {
	justify-content: flex-start;
	margin-bottom: 37px;
}

.hours-container div:first-of-type {
	margin-right: 104px;
}

.hours-container .eyebrow {
	margin-bottom: 4px;
}

.hours-container p {
	font-weight: 700;
	margin-bottom: 0;
}

.map-block .acf-map {
	height: 577px;
	width: 41vw;
}

/***Get in Touch***/

.get-in-touch-callout {
	padding: 134px 0 156px;
}

.get-in-touch-callout h2 {
	margin: 0 0 23px;
}

.get-in-touch-callout .left-side {
	width: calc(681 / 1200 * 100%);
}

.get-in-touch-callout .left-side a {
	font-weight: 700;
}

.get-in-touch-callout .left-side a:hover {
	color: var(--red);
	text-decoration: underline;
}

.get-in-touch-callout .right-side {
	margin: 10px 0 0;
	width: calc(412 / 1200 * 100%);
}

.get-in-touch-callout .right-side span.eyebrow {
	display: block;
	margin-bottom: 11px;
}

.get-in-touch-callout .right-side p {
	font-weight: 700;
	margin: 0;
}

/***************************************************************************************************************************************************************************************/

/*RESEARCH CENTER COLLECTIONS & HIGHLIGHTS*/

/***************************************************************************************************************************************************************************************/

/*Description*/

.collections-description {
	overflow: hidden;
	padding: 103px 0 250px;
	position: relative;
}

.collections-description .watermark {
	max-width: 680px;
	right: -15%;
	top: 120px;
	width: 56%;
}

.collections-description .description-container {
	max-width: 681px;
}

.collections-description p:last-of-type {
	margin-bottom: 0;
}

.collections-description .arrow-link {
	margin-top: 41px;
}

/*Collections Content*/

.collections-content {
	margin-top: -154px;
}

.collections-content .flex-container {
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.collections-content .photo-gallery.lightbox > * {
	width: 86%;
}

.collections-content .photo-gallery.lightbox .collection-highlights > * {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.menu-column {
	background: var(--white);
	width: 27%;
}

.menu-column .submenu.super-sticky {
	animation: none;
}

.menu-column .submenu > ul {
	align-items: flex-start;
	flex-direction: column;
	min-width: auto;
	padding: 108px 40px 40px 40px;
}

.menu-column .submenu > ul > li + li {
	margin-left: 0;
	margin-top: 34px;
}

.menu-column .submenu > ul > li > a {
	color: var(--black);
}

.menu-column .submenu > ul > li.current-menu-item > a {
	color: var(--red);
}

.content-column {
	margin-left: 143px;
	width: calc(73% - 143px);
}

.content-column h2 {
	margin: 28px 0 20px;
}

.collection-subheading {
	margin-bottom: 76px;
}

.collection-highlights {
	margin-bottom: 76px;
}

.collection-highlights p:last-of-type {
	margin-bottom: 0;
}

.samples-heading {
	margin-bottom: 36px;
}

.collections-content .photo-gallery.lightbox > .gallery-lightbox {
	margin-left: 0;
	width: 100%;
}

/***Lightbox Carousel***/

.content-column.photo-gallery.lightbox {
	background: unset;
	overflow: hidden;
	padding: 31px 0 70px;
	position: relative;
}

.content-column.photo-gallery.lightbox h2,
.content-column.photo-gallery.lightbox p {
	color: var(--black);
}

.content-column.photo-gallery.lightbox .carousel {
	height: auto;
	left: 0;
	padding: 0;
	width: 100%;
}

.content-column .slick-list {
	height: auto;
}

.content-column .carousel .slide {
	margin-bottom: 10px;
}

.content-column .carousel .slide::before {
	background: var(--red);
	content: '';
	height: 100%;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 100%;
}

/***Button Cards***/

.collection-buttons .flex-container {
	justify-content: center;
	padding-bottom: 114px;
	padding-top: 120px;
}

.collection-buttons .card {
	padding: 0;
	text-align: center;
	width: calc(50% - 30px);
}

.collection-buttons .card:first-of-type {
	margin-right: 60px;
}

.collection-buttons .card .watermark-container {
	height: 100%;
	overflow: hidden;
	padding: 81px 0 77px;
	position: relative;
	width: 100%;
}

.collection-buttons .card .watermark {
	left: -11%;
	top: 14%;
	width: 89%;
	z-index: 2;
}

.collection-buttons .card:not(.card-wide)::before {
	height: 100%;
	transition: .25s var(--transition-timing-function);
}

.collection-buttons .card:not(.card-wide)::after {
	border: 1px solid var(--black);
	height: 100%;
	left: 20px;
	top: 20px;
	width: 100%;
}

.collection-buttons .card:not(.card-wide):hover::before {
    height: calc(100% + 20px);
	width: calc(100% + 20px);
}

.collection-buttons .card:not(.card-wide):hover::after {
	height: calc(100% - 20px);
	width: calc(100% - 20px) !important;
}

/***Get in Touch***/

.page-template-page-research-center-collections .get-in-touch-callout {
	padding-top: 0;
}

/***************************************************************************************************************************************************************************************/

/*LICENSING GUIDE*/

/***************************************************************************************************************************************************************************************/

.licensing-info {
	background: url('svgs/logo-watermark.svg') no-repeat -80px calc(100% + 246px);
	background-size: 1004px auto;
	padding: 315px 0 225px;
	position: relative;
}

.licensing-info:before {
	background: var(--white);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(597 / 1440 * 100%);
}

/***Page Content***/

.licensing-info article {
	width: calc(641 / 1200 * 100%);
}

.licensing-info h1 {
	margin: 0 0 44px;
}

.licensing-info p {
	margin: 0;
}

.licensing-info p + .btn {
	margin-top: 41px;
}

/***Form / Results***/

.licensing-info .form {
	margin-left: auto;
	padding-top: 16px;
	width: calc(372 / 1200 * 100%);
}

.licensing-info .form h3 {
	margin: 0 0 15px;
}

.licensing-info .form p {
	margin-bottom: 42px;
}

/*Form*/

.licensing-info form.licensing-guide.hidden,
.licensing-info form.licensing-guide .hidden {
	display: none;
}

.licensing-info .form label {
	margin-bottom: 11px;
}

.licensing-info .form select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--offwhite);
	margin-bottom: 37px;
}

.licensing-info .form .btn[disabled] {
	cursor: default;
	opacity: .4;
}

/*Results*/

.licensing-info .results h2 {
	margin: 0 0 15px;
}

.licensing-info .results p {
	margin-bottom: 11px;
}

.licensing-info .results p.large {
	line-height: calc(26 / 16);
}

.licensing-info .results p.eyebrow {
	margin-bottom: 20px;
}

.licensing-info .results p strong {
	font-size: 1rem;
}

.licensing-info .results a {
	font-weight: bold;
}

.licensing-info .results a:hover {
	color: var(--red);
	text-decoration: underline;
}

.licensing-info .results .back-link {
	display: block;
	margin-top: 64px;
}

.licensing-info .results ul li {
	padding-left: 20px;
}

/***************************************************************************************************************************************************************************************/

/*SONGBOOK SERIES - ABOUT*/

/***************************************************************************************************************************************************************************************/

.page-template-page-songbook-series .hero-content.image.red-rectangle {
	position: relative;
	z-index: 1;
}

.about-songbook {
	padding: 30px 0 137px;
	position: relative;
}

.about-songbook .watermark {
	left: -118px;
	position: absolute;
	top: 401px;
	width: 1004px;
}

.about-songbook::after {
	background: var(--white);
	content: '';
	display: block;
	height: calc(100% + 84px);
	position: absolute;
	right: 0;
	top: -84px;
	width: calc(288 / 1400 * 100%);
}

.about-songbook .container {
	position: relative;
	z-index: 1;
}

.about-songbook .container > * {
	margin-left: calc(103 / 1200 * 100%);
	width: calc(784 / 1200 * 100%);
}

.about-songbook h2 {
	margin: 0 0 23px;
}

.about-songbook .container > span {
	display: block;
}

.about-songbook .container > p {
	margin: 0;
}

.about-songbook .container > p + p {
	margin-top: 28px;
}

.about-songbook .container > span a {
	font-weight: 700;
	text-decoration: underline;
}

.about-songbook .container > span a:hover {
	color: var(--red);
	text-decoration: underline;
}

.about-songbook .container > ul {
	gap: 40px 103px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 75px;
	padding: 0;
}

.about-songbook .container > ul li .image-wrapper {
	height: 80px;
}

.about-songbook .container > ul li img {
	display: block;
	height: 100%;
	object-fit: contain;
	object-position: top left;
	width: auto;
}

.about-songbook .container > ul li p {
	margin: 8px 0 0;
}

.about-songbook .container > ul li p.eyebrow {
	margin-top: 9px;
}

.about-songbook .container > ul li:nth-of-type(1) img {
	height: 60px;
}

/***************************************************************************************************************************************************************************************/

/*SONGBOOK SERIES - VOLUMES*/

/***************************************************************************************************************************************************************************************/

.songbook-volumes-posts {
	padding-bottom: 120px;
}

.songbook-volumes-posts .filters {
	margin: 60px -60px 100px;
	max-width: 100vw;
	padding-left: 60px;
	padding-right: 60px;
	width: calc(100% + 120px);
}

.songbook-volumes-posts .filters .searchandfilter > ul {
	align-items: flex-end;
	grid-template-columns: repeat(4, 1fr);
}

.songbook-volumes-posts .filters .sf-field-search label {
	width: 100%;
}

.songbook-volumes-posts .posts {
	margin: 0;
	padding: 0;
}

.songbook-volumes-posts li {
	list-style: none;
}

.songbook-volumes-posts li > h3.heading-4 {
	margin: 0 0 40px;
}

.songbook-volumes-post + li > h3.heading-4 {
	margin-top: 60px;
}

.songbook-volumes-post + .songbook-volumes-post {
	margin-top: 40px;
}

.songbook-volumes-posts .card-headings {
	background: var(--offwhite);
	margin: 0 0 25px;
	padding: 20px 126px 20px 77px;
	position: sticky;
	top: 0;
	z-index: 3;
}

.songbook-volumes-post {
	align-items: flex-start;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding: 46px 126px 63px 76px;
}

.songbook-volumes-post .underline {
	color: var(--black);
	font-weight: 700;
	text-decoration: underline;
}

.songbook-volumes-post .underline:hover {
	color: var(--red);
	text-decoration: underline;
}

.songbook-volumes-post .show-title,
.songbook-volumes-post .composer-lyricist,
.songbook-volumes-post .age-range,
.songbook-volumes-post .character-gender,
.songbook-volumes-post .performer-recording {
	margin-left: 30px;
	margin-top: 3px;
}

.songbook-volumes-post .song-title,
.songbook-volumes-post .performer-recording,
.songbook-volumes-posts .card-headings span:nth-of-type(1),
.songbook-volumes-posts .card-headings span:nth-of-type(6) {
	width: calc(196 / 997 * 100%);
}

.songbook-volumes-post .show-title,
.songbook-volumes-post .composer-lyricist,
.songbook-volumes-posts .card-headings span:nth-of-type(2),
.songbook-volumes-posts .card-headings span:nth-of-type(3) {
	width: calc(140 / 997 * 100%);
}

.songbook-volumes-post .age-range,
.songbook-volumes-post .character-gender,
.songbook-volumes-posts .card-headings span:nth-of-type(4),
.songbook-volumes-posts .card-headings span:nth-of-type(5) {
	width: calc(110 / 997 * 100%);
}

.songbook-volumes-post .song-title h5 {
	margin: 0 0 4px;
}

.songbook-volumes-post .song-title a + a {
	margin-left: 8px;
}

.songbook-volumes-post .composer-lyricist .underline {
	display: block;
}

.songbook-volumes-post .performer-recording button {
	align-items: baseline;
	background: transparent;
	border: none;
	border-radius: 0;
	display: flex;
	margin: 5px 0 0;
	outline: none;
	padding: 0;
	text-align: left;
}

.songbook-volumes-post .performer-recording button svg {
	display: block;
	height: 11px;
	margin-right: 6px;
	min-width: 9px;
}

.songbook-volumes-post .primary-btn {
	bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	right: 0;
}

.songbook-volumes-post .primary-btn .icon {
	display: block;
	order: -1;
}

.songbook-volumes-post .primary-btn .icon svg {
	display: block;
	height: 9px;
	margin-right: 8px;
}

/***************************************************************************************************************************************************************************************/

/*RESEARCH CENTER - ONLINE CONTENT*/

/***************************************************************************************************************************************************************************************/

/***Description***/

.online-content-description {
	background: var(--white);
	padding: 104px 0 116px;
	position: relative;
}

.online-content-description::after {
	background: var(--offwhite);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(225 / 1400 * 100%);
}

.online-content-description p {
	margin: 0;
	width: calc(887 / 1200 * 100%);
}

/***Plain Callouts***/

.page-template-page-research-center-online-content .plain-callouts {
	padding: 140px 0 114px;
}

.page-template-page-research-center-online-content .get-in-touch-callout {
	padding: 0 0 136px;
}

/***************************************************************************************************************************************************************************************/

/*LOTTE LENYA COMPETITION - OVERVIEW*/

/***************************************************************************************************************************************************************************************/

/***Featured Story***/

.next-round {
	padding: 77px 0 200px;
}

.next-round .flex-container {
	justify-content: center;
}

.next-round article {
	text-align: center;
	width: calc(900 / 1196 * 100%);
}

.next-round h2 {
	margin: 0 0 40px;
}

.next-round p {
	margin: 0 58px;
}

.next-round .btn {
	margin-top: 40px;
}

/*With Image*/

.next-round.image {
	padding-top: 120px;
}

.next-round.image .flex-container {
	justify-content: space-between;
}

.next-round.image img,
.next-round.image .image-link {
	box-shadow: 30px 30px var(--red);
	height: calc(349 / 1440 * 100vw);
	left: calc((-1 * var(--container-outer-padding)) + 8px);
	max-height: 432px;
	object-fit: cover;
	position: relative;
	width: calc(518 / 1196 * 100%);
}

.next-round.image .image-link:hover {
	box-shadow: 20px 20px var(--red);
}

.next-round.image .image-link img {
	box-shadow: none;
	height: 100%;
	left: 0;
	width: 100%;
}

.next-round.image article {
	text-align: left;
	width: calc(575 / 1196 * 100%);
}

.next-round.image p {
	margin: 0;
}

/***About Competition***/

.about-competition {
	margin-top: -100px;
	overflow: hidden;
	padding-bottom: 134px;
	position: relative;
}

.about-competition .watermark {
	left: auto;
	right: -306px;
	top: 179px;
	width: 1004px;
}

.about-competition .container > div {
	padding: 100px 103px 100px 0;
	position: relative;
	width: calc(887 / 1200 * 100%);
	z-index: 1;
}

.about-competition .container > div::before {
	background: var(--white);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin));
	z-index: -1;
}

.about-competition .container > div::after {
	border-right: solid 1px var(--black);
	border-top: solid 1px var(--black);
	content: '';
	display: block;
	height: calc(200px);
	position: absolute;
	right: 20px;
	top: 20px;
	width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin) - var(--frame-width) - 21px);
	z-index: -1;
}

.about-competition img {
	display: block;
	height: 70px;
	width: auto;
}

.about-competition h2 {
	margin: 19px 0 23px;
}

.about-competition p {
	margin: 0;
}

.about-competition p.eyebrow {
	margin: 43px 0 16px;
}

.about-competition ul.buttons {
    gap: 30px 40px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
	list-style: none;
    margin: 0;
    padding: 0;
}

.about-competition ul.buttons li p {
	margin: 0 0 20px;
}

.about-competition .primary-btn .icon {
	order: -1;
}

/***Latest News***/

.latest-news {
	padding-bottom: 160px;
	position: relative;
}

.latest-news::before {
	background: var(--red);
	content: '';
	display: block;
	height: calc(100% + 134px);
	left: 0;
	position: absolute;
	top: -134px;
	width: calc(268px + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	z-index: -1;
}

.latest-news .container > h2 {
	color: var(--white);
	margin: 0;
	width: calc(205 / 1200 * 100%);
}

.latest-news .container > .arrow-link {
	margin-top: 28px;
}

.latest-news .grid {
	margin: 110px 0 0;
}

/***Apply Callout***/

.apply-callout {
	backface-visibility: hidden;
	background: var(--black);
	overflow: hidden;
	padding: 95px 0 121px;
	position: relative;
	z-index: 1;
}

.apply-callout::before {
	border-bottom: solid 1px var(--white);
	border-left: solid 1px var(--white);
	bottom: 20px;
	content: '';
	display: block;
	height: 160px;
	left: 20px;
	position: absolute;
	width: calc(100% - 41px);
	z-index: -1;
}

.apply-callout::after {
	border-right: solid 1px var(--white);
	border-top: solid 1px var(--white);
	content: '';
	display: block;
	height: calc(100% - 41px);
	position: absolute;
	right: 20px;
	top: 20px;
	width: calc(494 / 1440 * 100%);
	z-index: -1;
}

.apply-callout .watermark {
	left: auto;
	right: 24px;
	top: -30px;
	width: 862px;
}

.apply-callout .watermark [fill="#1F1F1F"] {
	fill: var(--white);
}

.apply-callout .flex-container {
	align-items: flex-start;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.apply-callout img {
	display: block;
	height: 77px;
	margin: 17px 155px 0 0;
	width: auto;
}

.apply-callout article {
	width: calc(681 / 1200 * 100%);
}

.apply-callout article h2 {
	color: var(--white);
	margin: 0 0 40px;
}

/***For Contestants***/

.page-template-page-llc .card-callouts.full-width {
	padding: 124px 0 80px;
}

.page-template-page-llc .card-callouts.full-width ul {
	margin-top: 80px;
	width: 100%;
}

/***Newsletter Callout***/

.page-template-page-llc .newsletter-callout {
	margin: 120px 0 151px;
}

.page-template-page-llc .newsletter-callout .container::before {
	width: calc(415 / 1300 * 100%);
}

.page-template-page-llc .newsletter-callout .container::after {
	background: var(--black);
	bottom: calc(100% + 96px);
	content: '';
	display: block;
	height: 120px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 1px;
}

/***Social Media***/

.page-template-page-llc .social-media {
	padding-top: 134px;
}

.page-template-page-llc .social-media h2 {
	margin-bottom: 60px;
}

.page-template-page-llc .social-media ul {
	grid-template-columns: 1fr;
}

.page-template-page-llc .social-media li.instagram #sb_instagram #sbi_images {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4,1fr);
}

/***************************************************************************************************************************************************************************************/

/*LOTTE LENYA COMPETITION - WINNERS*/

/***************************************************************************************************************************************************************************************/

.llc-winner-filters .container {
	margin-top: 93px;
}

.llc-header {
	width: 66%;
}

.llc-header h2 {
	margin-top: 0;
}

.llc-header p {
	margin-bottom: 76px;
}

.llc-winner-filters .filters {
	min-width: 186px;
	width: 15%;
}

.llc-winner-filters .filters .searchandfilter > ul {
	display: block;
}

.llc-winner-filters .searchandfilter ul li {
	align-items: center;
	display: flex;
	padding-top: 20px;
}

.llc-winner-filters .searchandfilter h4 {
	color: var(--black);
	font-family: var(--body-font);
	font-size: calc(14rem / 16);
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0;
	margin-right: 2px;
	text-transform: none;
	white-space: nowrap;
}

.llc-winner-filters select {
	background: url('svgs/fontawesome/solid/caret-down.svg') no-repeat 100% center;
	background-color: transparent;
	background-size: 8px auto;
	border: none;
	cursor: pointer;
	font-family: var(--body-font);
	font-weight: 700;
	height: 30px;
	min-width: 120px !important;
	padding: 0;
	width: 100%;
}

.llc-winners {
	padding-bottom: 160px;
}

.llc-winners ul {
	display: grid;
}

.llc-winners .people-grid .card {
	padding: 0 20px 80px 40px;
}

.llc-winners .people-grid .card::after {
	border: 1px solid var(--black);
	height: calc(100% - 20px) !important;
	left: 20px;
	width: 100% !important;
	z-index: -1 !important;
}

.llc-winners .eyebrow {
	margin: 37px 0 8px;
}

.llc-winners .people-grid .card h3 {
	margin: 0 0 8px;
	padding-top: 0;
}

.llc-winners .people-grid .card button {
	background: var(--black);
	bottom: 0;
	color: var(--white);
	padding: 16px 20px;
	position: absolute;
	right: -21px;
}

.llc-winners .people-grid .card:hover button {
	background: var(--red);
}

.llc-winners .people-grid .card button svg {
	margin-right: 8px;
}

.llc-winners .people-grid .card img {
	filter: unset;
	height: 380px;
	object-fit: cover;
	object-position: top;
}

/***************************************************************************************************************************************************************************************/

/*KURT WEILL EDITION - OVERVIEW*/

/***************************************************************************************************************************************************************************************/

/***About Edition***/

.about-edition {
	background: var(--white);
	padding: 94px 0 116px;
	position: relative;
	z-index: 1;
}

.about-edition::before {
	background: var(--offwhite);
	bottom: 0;
	content: '';
	display: block;
	height: calc(100% - 306px);
	left: 0;
	position: absolute;
	width: calc(391 / 1440 * 100%);
	z-index: -1;
}

.about-edition .flex-container {
	align-items: flex-start;
}

.about-edition img {
	display: block;
	margin: 18px 0 0;
	width: calc(372 / 1200 * 100%);
}

.about-edition article {
	width: calc(681 / 1200 * 100%);
}

.about-edition article h2 {
	margin: 0 0 23px;
}

.about-edition article span p {
	margin-bottom: 28px;
}

.about-edition article span .eyebrow {
	color: var(--gray);
	margin: 41px 0 10px;
}

.about-edition article span *:last-child {
	margin-bottom: 0;
}

.about-edition article span a {
	font-weight: 700;
}

.about-edition article span a:hover {
	color: var(--red);
	text-decoration: underline;
}

/***Volumes CTA***/

.volumes-cta {
	padding: 94px 0 120px;
	text-align: center;
}

.volumes-cta h2 {
	margin: 0 auto 23px;
	max-width: 100%;
	width: 990px;
}

.volumes-cta p {
	margin: 0 auto 44px;
	max-width: 100%;
	width: 784px;
}

/***Sample Pages***/

.page-template-page-kw-edition .photo-gallery.lightbox .carousel .slide figure,
.volume-information .sample-music .carousel .slide figure {
	padding-top: calc(338 / 269 * 100%);
}

.sample-music .slick-arrow {
	background: url('svgs/arrow-link-white.svg') no-repeat center;
	background-color: var(--black);
	background-size: 20px auto;
}

/***************************************************************************************************************************************************************************************/

/*KURT WEILL EDITION - VOLUMES*/

/***************************************************************************************************************************************************************************************/

/***Volumes Posts***/

.kwe-volumes-posts {
	background: var(--white);
	position: relative;
	z-index: 1;
}

.kwe-volumes-posts::before {
	background: var(--offwhite);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(103 / 1400 * 100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	z-index: -1;
}

.kwe-volumes-posts .container > p.large {
	margin: 0;
	padding: 63px 0 76px;
	position: relative;
	width: calc(681 / 1200 * 100%);
	z-index: 0;
}

.kwe-volumes-posts .container > .flex-container {
	align-items: flex-start;
	padding: 0 0 160px;
	position: relative;
}

.kwe-volumes-posts .container > .flex-container::before {
	background: var(--offwhite);
	content: '';
	display: block;
	height: 100%;
	left: calc(var(--frame-width) - var(--container-outer-margin) - var(--container-outer-padding));
	position: absolute;
	top: 0;
	width: calc(var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width) + calc(269 / 1200 * 100%));
	z-index: -1;
}

.kwe-volumes-posts .sticky-nav {
	margin: 108px 0 0 calc(-42 / 1200 * 100%);
	padding: 0;
	position: relative;
	width: calc(311 / 1200 * 100%);
}

.kwe-volumes-posts .container > .flex-container > article {
	padding: 60px 0 0;
	position: relative;
	width: calc(784 / 1200 * 100%);
	z-index: 1;
}

.kwe-volumes-posts .accordions:first-child {
	padding-top: 0;
}

.kwe-volumes-posts .accordions {
	padding: 56px 0 0;
}

.kwe-volumes-posts .accordions::before {
	display: none;
}

.kwe-volumes-posts .accordions > h3 {
	margin: 0 0 24px;
	width: calc(578 / 784 * 100%);
}

.kwe-volumes-posts .accordions > p {
	margin: 0 0 36px;
	width: calc(578 / 784 * 100%);
}

.kwe-volumes-posts .accordions .accordion h2 button {
	justify-content: flex-start;
}

.kwe-volumes-posts .accordions .accordion:first-of-type h2 button {
	border-top: 1px solid #ddd;
}

.kwe-volumes-posts .accordions .accordion.inactive h2 button {
	color: var(--gray);
}

.kwe-volumes-posts .accordions .accordion h2 button .vol-number {
	color: var(--gray);
	margin-right: 20px;
	width: 68px;
}

.kwe-volumes-posts .small-text {
	margin: 2px 0 0 8px;
}

.kwe-volumes-posts .accordions .accordion h2 button .btn.icon {
	margin-left: auto;
}

.kwe-volumes-posts .accordions .accordion .content {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	padding: 2px 20px 63px 0;
	width: calc(681 / 784 * 100%);
}

.kwe-volumes-posts .accordions .accordion .content .eyebrow {
	margin: 0 0 13px;
	width: 100%;
}

.kwe-volumes-posts .accordions .accordion .content p.large {
	display: block;
	margin: 0 0 10px;
}

.kwe-volumes-posts .accordions .accordion .content p.small {
	font-size: calc(11rem / 16);
	line-height: calc(18 / 11);
	margin: 0;
	width: calc(475 / 681 * 100%);
}

.kwe-volumes-posts .accordions .accordion .content .btn.arrow-link {
	margin-left: auto;
	max-width: calc(166 / 681 * 100%);
}

/***************************************************************************************************************************************************************************************/

/*KURT WEILL EDITION - VOLUME DETAIL*/

/***************************************************************************************************************************************************************************************/

/***Volume Information***/

.volume-information {
	padding: 91px 0 0;
	position: relative;
}

.volume-information .watermark {
	left: -36px;
	top: 41px;
	width: 987px;
}

.volume-information h2 {
	margin: 0 0 28px;
	width: calc(784 / 1200 * 100%);
}

.volume-information .container > .flex-container {
	margin: 96px 0 0;
}

.volume-information .container > .flex-container > div {
	margin-left: calc(-42 / 1200 * 100%);
	position: relative;
	width: calc(311 / 1200 * 100%);
	z-index: 1;
}

.volume-information .container > .flex-container > div::before {
	background: var(--white);
	content: '';
	display: block;
	height: calc(100% - 143px);
	position: absolute;
	right: 0;
	top: 143px;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width) - calc(42 / 1200 * 100%));
	z-index: -1;
}

.volume-information .container > .flex-container > div img {
	box-shadow: 0 16px 30px rgba(31,31,31,.15);
	display: block;
	margin: 0 0 52px;
	width: calc(210 / 311 * 100%);
}

.volume-information .sticky-nav,
.kwe-volumes-posts .sticky-nav {
	list-style: none;
	position: sticky;
	top: 80px;
}

.volume-information .sticky-nav {
	margin: 0 0 140px;
	padding: 0;
	width: calc(248 / 311 * 100%);
}

.volume-information .sticky-nav li + li,
.kwe-volumes-posts .sticky-nav li + li {
	margin-top: 34px;
}

.volume-information .sticky-nav li a,
.kwe-volumes-posts .sticky-nav li a {
	text-decoration: none;
}

.volume-information .sticky-nav li.active a,
.volume-information .sticky-nav li a:hover,
.kwe-volumes-posts .sticky-nav li.active a,
.kwe-volumes-posts .sticky-nav li a:hover {
	color: var(--red);
}

.volume-information .container > .flex-container > article {
	padding-bottom: 140px;
	width: calc(784 / 1200 * 100%);
}

.volume-information .black-box {
	background: var(--black);
	gap: 30px 20px;
	grid-template-columns: 4fr 2.7fr 3.3fr; /*240, 160, 200 (out of 600)*/
	list-style: none;
	margin: 0;
	padding: 37px 48px;
	width: calc(736 / 784 * 100%);
}

.volume-information .black-box h4 {
	color: var(--gray);
	margin: 0 0 4px;
}

.volume-information .black-box p {
	color: var(--white);
	margin: 0;
}

.volume-information .black-box + p {
	margin: 44px 0 56px;
	max-width: 475px;
}

.volume-information .container > .flex-container > article > div:last-child {
	margin-bottom: 0;
}

/*Overview*/

.volume-information .overview {
	margin-bottom: 74px;
}

.volume-information .overview h3,
.volume-information .recognition h3 {
	margin: 0 0 23px;
}

.volume-information .overview span p {
	margin-bottom: 28px;
}

.volume-information .overview span *:last-child {
	margin-bottom: 0;
}

/*Intro Essay, Critical Notes, and Corrigenda*/

.volume-information .intro-essay,
.volume-information .notes,
.volume-information .corrigenda {
	margin-bottom: 40px;
}

/*Sample Music & Facsimiles*/

.volume-information .sample-music {
	background: transparent;
	margin-top: 60px;
	padding: 0;
	z-index: 9;
}

.volume-information .sample-music h3,
.volume-information .recordings h3 {
	margin: 0 0 40px;
}

.volume-information .sample-music .carousel {
	left: 0;
	margin: 0;
	padding: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

/*Recognition*/

.volume-information .recognition,
.volume-information .recordings,
.volume-information .publications {
	margin: 60px 0;
}

.volume-information .recognition p {
	margin: 0;
}

.volume-information .recognition p + .btn {
	margin-top: 26px;
}

.volume-information .recognition .btn {
	display: flex;
}

.volume-information .recognition .btn + .btn {
	margin-top: 20px;
}

.volume-information .recognition .btn .icon {
	margin-right: 7px;
	order: -1;
}

/*Recordings*/

.volume-information .recordings ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.volume-information .recordings ul li + li {
	margin-top: 30px;
}

.volume-information .recordings ul li {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.volume-information .recordings ul li img {
	height: auto;
	margin-right: 40px;
	width: 168px;
}

.volume-information .recordings ul li p {
	margin: 0 0 23px;
}

.volume-information .recordings ul li .btn {
	display: flex;
}

.volume-information .recordings ul li .btn .icon {
	margin-right: 7px;
	order: -1;
}

/*Publications*/

.volume-information .publications h3 {
	margin: 0 0 24px;
}

/*Callout*/

.volume-information .callout {
	margin-top: 96px;
	padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

/*Option 1*/

.home-hero {
	background: var(--black);
	min-height: 800px;
	position: relative;
	z-index: 1;
}

.home-hero::before {
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: .4;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.home-hero::after {
	background: #000;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: .1;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}

.home-hero > img {
	height: calc(100vh - var(--frame-width));
	min-height: 800px;
	object-fit: cover;
	position: relative;
	width: 100%;
	z-index: -3;
}

.home-hero ul {
	bottom: 0;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: calc(var(--frame-width) * -1);
	width: calc(494 / 1440 * 100%);
	z-index: 1;
}

.home-hero .slick-track {
	align-items: flex-end;
	z-index: 1;
}

.home-hero li {
	position: relative;
	z-index: 1;
}

.home-hero ul img {
	max-height: 234px;
	max-width: 414px;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 2;
}

.home-hero ul article {
	padding: 37px 40px 45px;
	position: relative;
	z-index: 1;
}

.home-hero ul article::before {
	background: var(--black);
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.home-hero ul img + article::before {
	height: calc(100% + 50px);
}

.home-hero ul p.eyebrow {
	color: var(--light-gray);
	margin: 0 0 11px;
}

.home-hero ul p.large {
	color: var(--white);
	margin: 0 0 24px;
	max-width: 475px;
}

.home-hero ul a {
	display: block;
}

.home-hero .slick-arrow {
	background-color: #2C2C2C;
	background-image: url('svgs/arrow-link-white.svg');
	background-size: 18px 18px;
	bottom: 0;
	height: 48px;
	right: 0;
	top: auto;
	transform: none;
	width: 48px;
	z-index: 2;
}

.home-hero .slick-arrow.slick-prev {
	left: auto;
	right: 50px;
	transform: scale(-1, 1);
}

.home-hero .slick-arrow:hover {
	background-color: var(--red);
}

/*Option 2*/

.home-hero.hero-2 {
	margin-bottom: 58px;
	min-height: 0;
}

.hero-bkg-container {
	height: calc(630 / 1440 * 100vw);
	max-height: 800px;
	min-height: 600px;
	position: relative;
}

.hero-bkg-container img {
	height: 100%;
	object-fit: cover;
	object-position: center -70px;
	position: relative;
	width: 100%;
	z-index: -2;
}

.hero-bkg-container h1 {
	bottom: 80px;
	color: var(--white);
	left: 50%;
	margin: 0;
	max-width: 658px;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
}

.home-hero.hero-2 ul {
	background: var(--offwhite);
	bottom: unset;
	position: relative;
	right: unset;
	width: 100%;
}

.home-hero.hero-2 ul a {
	display: flex;
	justify-content: space-between;
	margin-top: -1px;
	padding-right: calc(102 / 1400 * 100%);
	text-decoration: none;
}

.home-hero.hero-2 .img-container {
	padding: 30px 30px 0 30px;
	position: relative;
	width: max-content;
}

.home-hero.hero-2 .img-container:before {
	background: var(--red);
	content: '';
	height: calc(100% - 30px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.home-hero.hero-2 ul img {
	aspect-ratio: 650 / 366;
	max-height: 500px;
	max-width: 800px;
	width: calc(650 / 1440 * 100vw);
}

.home-hero.hero-2 ul article {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	width: calc(508 / 1440 * 100vw);
}

.home-hero.hero-2 ul article:before {
	display: none;
}

.home-hero.hero-2 ul article p {
	color: var(--black);
	margin: 0 0 45px;
}

.home-hero.hero-2 .slick-arrow {
	background: unset;
	bottom: 13px;
	font: 700 calc(11rem / 16)/calc(13 / 11) var(--secondary-font);
	letter-spacing: 1.4px;
	text-indent: unset;
	text-transform: uppercase;
}

.home-hero.hero-2 .slick-arrow.slick-next {
	right: calc(102 / 1400 * 100%);
}

.home-hero.hero-2 .slick-arrow.slick-prev {
	right: calc(102 / 1400 * 100% + 60px);
	transform: unset;
}

.home-hero.hero-2 .slick-arrow.slick-disabled {
	cursor: auto;
	opacity: 0.45;
	pointer-events: all;
	visibility: visible;
}

.home-hero.hero-2 .slick-dots {
	bottom: 30px;
	display: flex;
	position: absolute;
	right: calc(102 / 1400 * 100%);
	width: calc(508 / 1440 * 100vw);
}

.home-hero.hero-2 .slick-dots button {
	background: var(--black);
	font-size: 0;
	height: 5px;
	opacity: 0.11;
	padding: 0;
	width: 5px;
}

.home-hero.hero-2 .slick-dots li:not(:last-child) button {
	margin-right: 14px;
}

.home-hero.hero-2 .slick-dots .slick-active button {
	opacity: 1;
}

.home-hero.hero-2 .slick-dots button:before,
.home-hero.hero-2 .slick-dots button:after {
	display: none;
}

/***What We Do***/

.what-we-do.hero-2 {
	display: none;
}

.what-we-do {
	margin: -120px 0 134px;
	position: relative;
	width: calc(803 / 1440 * 100%);
	z-index: 1;
}

.what-we-do::before {
	background: var(--white);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.what-we-do::after {
	border-right: 1px solid var(--black);
	border-top: 1px solid var(--black);
	content: '';
	display: block;
	height: calc(100% - 21px - 100px);
	position: absolute;
	right: 20px;
	top: 20px;
	width: calc(100% - 21px - var(--container-outer-margin) + var(--frame-width) - var(--container-outer-padding));
	z-index: -1;
}

.what-we-do h1 {
	margin: 0 53px 0 calc(var(--container-outer-margin) - var(--frame-width));
	padding: 91px var(--container-outer-padding) 100px;
}

.what-we-do .watermark-container {
	height: 598px;
	left: calc(100% - 63px);
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 141px;
	width: calc(100vw - 100% + 63px - var(--frame-width));
	z-index: -2;
}

.what-we-do .watermark-container .watermark {
	height: auto;
	max-width: none;
	width: 1004px;
}

/*** Quick Links ***/

.quick-links {
	margin-bottom: 80px;
}

.quick-links .grid {
	gap: 40px;
	grid-template-columns: repeat(12,1fr);
}

.quick-links .container:before {
	border: 1px solid var(--black);
	content: '';
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% + ((62px - var(--container-outer-padding)) * 2));
	z-index: -1;
}

.quick-links h2 {
	grid-column: span 2;
	letter-spacing: 1.56px;
	margin: 40px 0 0;
	text-transform: uppercase;
}

.quick-links ul {
	display: flex;
	gap: calc(100 / 1196 * 100%);
	grid-column: span 10;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 32px 0;
}

.quick-links li {
	width: 100%;
}

.quick-links a.heading-6 {
	text-decoration: none;
}

.quick-links a.heading-6 .last-word {
	display: inline-flex;
	gap: 5px;
}

.quick-links a.heading-6 .arrow {
	align-self: center;
	background: url('svgs/arrow-link-black.svg') no-repeat center bottom / 100% auto;
	display: inline-block;
	height: 22px;
	transition: transform .25s ease;
	width: 19px;
}

.quick-links a.heading-6:hover .arrow {
	transform: translateX(5px);
}

/***Current Highlights***/

.current-highlights {
	padding-bottom: 120px;
}

.current-highlights .flex-container {
	align-items: flex-end;
}

.current-highlights h2 {
	margin: 0;
}

.current-highlights .btn.arrow-link {
	margin: 0 0 1px auto;
}

.current-highlights .grid {
	margin: 110px 0 0;
	width: 100%;
}

/***Upcoming Events***/

.upcoming-events {
	background: var(--black);
	overflow: hidden;
	padding: 74px 0 0;
	position: relative;
}

.upcoming-events .watermark {
	height: auto;
	left: -5px;
	top: 52px;
	width: 1201px;
}

.upcoming-events .watermark [fill="#1F1F1F"] {
	fill: var(--white);
}

.upcoming-events .flex-container {
	align-items: flex-end;
}

.upcoming-events h2 {
	color: var(--white);
	margin: 0;
	max-width: 578px;
}

.upcoming-events .arrow-link {
	margin-bottom: 1px;
}

.upcoming-events .carousel {
	left: calc((((100vw - 100%) / 2) - var(--frame-width)) * -1);
	list-style: none;
	margin: 60px 0 0;
	min-width: calc(100vw - (var(--frame-width) * 1));
	padding: 0 calc((100vw - 100%) / 2) 100px calc((((100vw - 100%) / 2) - var(--frame-width)));
	position: relative;
	z-index: 1;
	--slide-count: 4;
}

.upcoming-events .slick-arrow {
	background-color: #2C2C2C;
	background-image: url('svgs/arrow-link-white.svg');
	background-size: 16px 16px;
	bottom: 0;
	height: 48px;
	top: auto;
	transform: none;
	width: 48px;
}

.upcoming-events .slick-arrow.slick-prev {
	left: auto;
	right: calc(50px + var(--frame-width));
	transform: scale(-1, 1);
}

.upcoming-events .slick-arrow.slick-next {
	right: var(--frame-width);
}

.upcoming-events .slick-arrow.slick-disabled {
	cursor: not-allowed;
	opacity: .4;
	pointer-events: auto;
	visibility: visible;
}

.upcoming-events .slick-arrow:not(.slick-disabled):hover {
	background-color: var(--red);
}

.upcoming-events .slick-slide {
	margin-right: 30px;
	width: calc(1 / var(--slide-count) * (var(--container-width) - (var(--container-outer-padding) * 2)) - ((var(--slide-count) - 1) / var(--slide-count) * 30px));
}

.upcoming-events .card {
	padding: 10px 36px 74px 30px;
	--bkg-color: var(--offwhite);
}

.upcoming-events .card:not(.card-wide)::before {
	height: calc(100% - 16px);
	width: calc(100% - 16px);
}

.upcoming-events .card:not(.card-wide)::after {
	border: 1px solid var(--white);
	height: calc(100% - 18px);
	width: calc(100% - 18px);
	z-index: -2;
}

.upcoming-events .card > *,
.upcoming-events .card::before,
.upcoming-events .card::after {
	transition: .25s ease;
}

.upcoming-events .card p.heading-3 {
	margin: 0 0 10px;
}

.upcoming-events .card p.btn {
	display: block;
	margin: 0 0 22px;
}

.upcoming-events .card h3 {
	font: 700 calc(16rem / 16)/calc(24 / 16) var(--body-font);
	letter-spacing: 0;
	margin: 0 0 15px;
}

.upcoming-events .card p.eyebrow {
	margin: 0 0 15px;
}

.upcoming-events .card p.eyebrow svg {
	margin-right: 5px;
}

.upcoming-events .card p.small {
	margin: 0;
}

.upcoming-events .card .btn.icon {
	background: var(--white);
}

.upcoming-events .card .btn.icon svg {
	color: var(--black);
}

.upcoming-events .card:hover .btn.icon svg {
	color: var(--white);
}

.upcoming-events .slick-slide:not(.slick-active) .card:not(.card-wide)::before {
	background: #A09F9D;
}

.upcoming-events .slick-slide:not(.slick-active) .card:not(.card-wide)::after {
	border-color: #A5A5A5;
}

.upcoming-events .slick-slide:not(.slick-active) .card:not(.card-wide) * {
	color: #686766;
}

.upcoming-events .slick-slide:not(.slick-active) .card:not(.card-wide) .btn.icon {
	background-color: #A5A5A5;
}

/***Featured Media***/

.featured-media-callout {
	padding: 174px 0 173px;
	position: relative;
	z-index: 1;
}

.featured-media-callout::before {
	background: var(--white);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(534 / 1400 * 100%);
	z-index: -1;
}

.featured-media-callout.before-news-module {
	margin: -134px 0 0;
}

.featured-media-callout .flex-container {
	align-items: center;
}

.featured-media-callout article {
	width: calc(578 / 1196 * 100%);
}

.featured-media-callout article h2 {
	margin: 0;
}

.featured-media-callout article h2 + p {
	margin: 23px 0 0;
}

.featured-media-callout .media-player {
	margin: 0 0 0 auto;
	width: calc(515 / 1196 * 100%);
}

/***Callout***/

.upcoming-events + .content-callout {
	margin-top: 160px;
}

.content-callout {
	margin: 100px 0 190px;
}

.content-callout .flex-container {
	align-items: center;
}

.content-callout img {
	box-shadow: 30px 30px var(--red);
	height: calc(440 / 1440 * 100vw);
	margin-left: calc(var(--frame-width) - var(--container-outer-margin) - var(--container-outer-padding));
	object-fit: cover;
	width: calc(650 / 1440 * 100vw);
}

.content-callout aside {
	width: calc(515 / 1200 * 100%);
}

.content-callout aside h2 {
	margin: 0 0 48px;
}

/***Bottom Callouts***/

.page-template-page-home .bottom-callouts {
	margin-bottom: 0;
}

/***************************************************************************************************************************************************************************************/

/*HOW CAN WE HELP PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.contact-hero {
	padding: 315px 0 156px;
	position: relative;
}

.contact-hero:before {
	background: var(--white);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: calc(1112 / 1440 * 100%);
}

.contact-hero .watermark-container {
	bottom: 0;
	height: 446px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 597px;
}

.contact-hero .watermark {
	left: 0;
	max-width: none;
	top: 0;
	width: 749px;
}

.contact-hero article {
	width: calc(680 / 1200 * 100%);
}

.contact-hero h1 {
	margin: 0 0 44px;
}

/***Help Options***/

.help-options {
	padding: 132px 0 76px;
	position: relative;
}

.help-options:before {
	background: var(--white);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(700 / 1440 * 100%);
}

.help-options article {
	width: calc(538 / 1200 * 100%);
}

.help-options h2 {
	margin: 0 0 24px;
}

.help-options aside {
	padding-top: 88px;
	position: relative;
	width: calc(540 / 1200 * 100%);
}

.help-options .lines {
	border-bottom: 1px solid var(--black);
	border-left: 1px solid var(--black);
	height: 260px;
	left: -20px;
	position: absolute;
	top: -220px;
	width: 435px;
}

.help-options h3 {
	margin: 0 0 43px;
}

.help-options .grid {
	gap: 40px 18px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 0;
	padding: 0;
}

.help-options li {
	border-left: 2px solid var(--red);
	padding-left: 20px;
}

.help-options li h4 {
	margin: 0 0 2px;
}

.help-options li p {
	margin: 0;
}

/***Card Callouts***/

.page-template-page-main-contact .contact-hero + .card-callouts {
	margin-top: 35px;
}

.page-template-page-main-contact .card-callouts {
	padding: 75px 0 134px;
}

.page-template-page-main-contact .card-callouts .flex-container > h2 {
	width: 100%;
}

/***Contact***/

.contact-form {
	margin-bottom: 160px;
	padding: 106px 0 100px;
	position: relative;
}

.contact-form:before,
.contact-form:after {
	content: '';
	height: 100%;
	position: absolute;
	width: calc(100% - 60px - 80px);
}

.contact-form:before {
	background: url('svgs/logo-watermark-dark.svg') no-repeat 0 112px;
	background-color: var(--black);
	background-size: 979px auto;
	left: 60px;
	top: 0;
}

.contact-form:after {
	border: 1px solid var(--black);
	left: 80px;
	top: 20px;
	z-index: -1;
}

.contact-form .lines {
	border-left: 1px solid var(--white);
	border-top: 1px solid var(--white);
	height: 300px;
	left: 80px;
	position: absolute;
	top: 20px;
	width: calc(724 / 1440 * 100%);
}

.contact-form h2 {
	color: var(--white);
	margin: 0;
	text-align: center;
	width: calc(372 / 1200 * 100%);
}

.contact-form .gform_wrapper,
.contact-form .gform_confirmation_wrapper {
	margin-right: calc(103 / 1200 * 100%);
	position: relative;
	width: calc(637 / 1200 * 100%);
}

.contact-form .gform_wrapper .gform_submission_error,
.contact-form .gform_confirmation_wrapper .gform_confirmation_message {
	color: #ff565c;
    font-size: calc(16rem / 16);
    font-weight: 600;
    letter-spacing: 0;
    line-height: calc(28 / 16);
    margin: 0 0 30px;
    text-align: left;
    width: 100%;
}

.contact-form .gform_wrapper .gfield_validation_message {
	color: #ff565c;
	font-size: calc(14rem / 16);
    font-weight: 400;
    line-height: calc(24 / 16);
	margin: 8px 0;
}

.contact-form .gform_confirmation_wrapper .gform_confirmation_message {
	color: var(--white);
	margin: 15px 0 0;
}

.contact-form .gform_fields {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0;
	justify-content: space-between;
	margin-top: 17px;
}

.contact-form .gfield {
	width: 100%;
}

.contact-form .gform_fields .two-column {
	width: calc(279 / 578 * 100%);
}

.contact-form .gform_fields input[type=text],
.contact-form .gform_fields input[type=email],
.contact-form .gform_fields select,
.contact-form .gform_fields textarea {
	background: var(--white);
	border: 1px solid transparent;
	border-radius: 0;
	font-family: inherit;
	font-size: calc(14rem/ 16);
	height: 44px;
	padding: 0 20px;
	width: 100%;
}

.contact-form .gform_fields select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url('svgs/fontawesome/solid/caret-down.svg') no-repeat calc(100% - 20px) center;
	background-color: var(--white);
	background-size: 8px auto;
}

.contact-form .gform_fields textarea {
	height: 88px;
	padding: 10px 20px;
}

.contact-form .gform_fields input[type=text]:focus,
.contact-form .gform_fields input[type=email]:focus,
.contact-form .gform_fields select:focus,
.contact-form .gform_fields textarea:focus {
	border-color: var(--red);
}

.contact-form .gform_footer {
	margin-top: 20px;
}

/***************************************************************************************************************************************************************************************/

/*SEARCH RESULTS STYLES*/

/***************************************************************************************************************************************************************************************/

.search-results-container {
	padding: 100px 0;
}

.search-results-container article {
	margin: 0 auto;
	width: calc(784 / 1200 * 100%);
}

.search-posts li {
	border-bottom: 1px solid var(--offwhite);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.search-posts h2 {
	margin-bottom: 15px;
}

/***************************************************************************************************************************************************************************************/

/*WINNERS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.winners-list {
	padding: 155px 0 100px;
}

/***************************************************************************************************************************************************************************************/

/*FINALISTS/JUDGES STYLES*/

/***************************************************************************************************************************************************************************************/

.llc-finalists-judges {
	overflow: hidden;
	padding: 64px 0 162px;
}

.llc-finalists-judges .back-link {
	margin: 0 0 0 -16px;
}

.llc-finalists-judges h2 {
	margin: 53px 0 66px;
	width: calc(990/1200*100%);
}

.llc-finalists-judges ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/***Tabs Nav***/

.llc-finalists-judges .tabs-nav {
	display: flex;
	gap: 40px 87px;
}

.llc-finalists-judges .tabs-nav button {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	color: var(--gray);
	margin: 0;
	padding: 0 0 2px;
	text-align: left;
}

.llc-finalists-judges .tabs-nav .active button {
	border-bottom-color: var(--red);
	color: var(--black);
}

/***Tabs Content***/

.llc-finalists-judges .tabs-content {
	position: relative;
}

.layout-grid .tab-header-text {
	margin: 0 0 40px;
}

.layout-horizontal .tab-header-text {
	margin: 40px 0 0;
}

/*Info Bubble*/

.llc-finalists-judges .info-bubble {
	background: var(--light-gray);
	bottom: calc(100% + 64px);
	margin: 0;
	max-width: 372px;
	padding: 15px 15px 14px 42px;
	position: absolute;
	right: 0;
}

.llc-finalists-judges .info-bubble svg {
	font-size: calc(14rem/16);
	left: 18px;
	position: absolute;
	top: 17px;
}

/*Grid Layout*/

.llc-finalists-judges .layout-grid {
	margin-top: 78px;
}

.llc-finalists-judges .open-modal,
.people-grid.llc-finalists-judges .open-modal {
	background: none;
	border: none;
	padding: 0;
	text-align: left;
}

.llc-finalists-judges .people-grid .card,
.people-grid.llc-finalists-judges .card {
	height: 100%;
}

.llc-finalists-judges .people-grid .card img,
.people-grid.llc-finalists-judges .card img {
	filter: none;
}

.llc-finalists-judges .people-grid .time-tag,
.people-grid.llc-finalists-judges .time-tag {
	background: var(--red);
	color: var(--white);
	font-size: 1rem;
	font-weight: 700;
	left: 0;
	padding: 6px 22px 10px;
	position: absolute;
	top: 20px;
	z-index: 3;
}

/*Horizontal Layout*/

.llc-finalists-judges .horizontal-bios {
	display: flex;
	flex-direction: column;
	gap: 60px;
	max-width: 1010px;
	margin: 0 auto;
}

.llc-finalists-judges .horizontal-bios li {
	padding: 60px 0;
	position: relative;
	z-index: 2;
}

.llc-finalists-judges .horizontal-bios li:nth-of-type(even)::before {
	background: var(--white);
	content: '';
	height: 100%;
	left: 50%;
	margin-left: -50vw;
    margin-right: -50vw;
	position: absolute;
	right: 50%;
	top: 0;
	width: 100vw;
	z-index: -1;
}

.llc-finalists-judges .horizontal-bios .image {
	align-self: start;
	aspect-ratio: 1/1;
	margin-top: 68px;
	position: relative;
	width: calc(360/1010*100%);
	z-index: 2;
}

.llc-finalists-judges .horizontal-bios .image:before {
	background: var(--red);
	content: '';
	height: 100%;
	left: -10px;
	position: absolute;
	top: -10px;
	width: 100%;
	z-index: -1;
}

.llc-finalists-judges .horizontal-bios .size-xlarge {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.llc-finalists-judges .horizontal-bios article {
	width: calc(558/1010*100%);
}

.llc-finalists-judges .horizontal-bios h3 {
	margin-bottom: 18px;
}

/***Grid Popup***/

.page-template-page-llc-finalists [role="dialog"].active,
.people-grid.llc-finalists-judges [role="dialog"].active {
	background: rgba(31,31,31,.6);
}

.finalist-modal .dialog-content {
	background: var(--white);
	padding: 80px 40px;
	width: calc(800 / 1440 * 100%);
}

.finalist-modal .dialog-content:before {
	background: var(--red);
	content: '';
	height: 100%;
	left: -15px;
	position: absolute;
	top: -17px;
	width: 100%;
	z-index: -1;
}

.finalist-modal .btn.icon {
	position: absolute;
	right: 0;
	top: 0;
}

.finalist-modal .image-column {
	width: calc(310/720*100%);
}

.finalist-modal .image-column .btn {
	margin-top: 36px;
}

.finalist-modal article {
	width: calc(350/720*100%);
}

.finalist-modal h3 {
	margin: 6px 0 14px;
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1778*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 111.125rem) {

	:root {
		--container-width: var(--container-max-width);
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1400*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 87.5em) {

	:root {
		--container-width: 100%;
		--container-outer-margin: var(--frame-width);
	}

	/***Works Archive***/

	.works-hero::before {
		width: 200px;
	}

	/***Works Single***/

	.slick-dots {
		padding: 0 20px 0 0;
	}

	/***People Single***/

	.bios .container:before {
		left: 10px;
		width: calc(847 / 1200 * 100%);
	}

	.bios .image {
		margin-right: calc(var(--container-outer-padding) * -1);
	}

	/***Page Builder***/

	.hero-content.image.red-rectangle figure {
		margin-right: calc(-1 * var(--container-outer-padding));
	}

	.photo-gallery.lightbox .carousel .slide {
		width: calc(269 / 1440 * 100vw);
	}

	.submenu > ul > li:first-child > .children {
		left: 0;
		transform: none;
	}

	/***News Archive***/

	.instagram #sbi_images > div a {
		height: calc( (100vw - (2 * var(--container-outer-padding) ) - 30px ) / 4) !important;
	}

	/***News Single***/

	.image-carousel .slide {
		--container-width: calc(100vw - (2 * var(--container-outer-padding)));
	}

	/***Songbook Series - Volumes***/

	.songbook-volumes-posts .filters {
		margin: 60px calc(-1 * var(--container-outer-padding) + 10px);
		padding-left: calc(var(--container-outer-padding) - 10px);
		padding-right: calc(var(--container-outer-padding) - 10px);
		width: calc(100% + ((var(--container-outer-padding) - 10px) * 2));
	}

	/***Home***/
	
	.quick-links .container::before {
		width: calc(100% - (var(--container-outer-padding) * 2) + 40px);	
	}

	.upcoming-events .slick-slide {
		--container-width: calc(100vw - (var(--frame-width) * 2));
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1200*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 75em) {

	:root {
		--container-outer-padding: 20px;
		--frame-width: 0px;
	}

	html.active,
	html.active body {
		height: 100%;
		overflow: hidden;
	}

	[role="dialog"] .overlay {
		--frame-width: 10px;
	}

	[role="dialog"] .dialog-content {
		justify-content: flex-start;
		max-height: calc(100vh - ((var(--frame-width) + 40px) * 2));
		max-width: calc(100% - ((var(--frame-width) + 40px) * 2));
		width: 100%;
	}

	[role="dialog"] .dialog-content .embed {
		height: calc(300 / 550 * 100vw);
	}

	[role="dialog"] .dialog-content .embed.youtube,
	[role="dialog"] .dialog-content .embed.vimeo {
		height: 178px;
		width: 316px;
	}

	.media-dialog .dialog-content {
		max-height: calc(100vh - ((var(--frame-width) + 30px) * 2));
		max-width: calc(100% - ((var(--frame-width) + 30px) * 2));
	}

	h1,
	.heading-1 {
		font-size: calc(48rem / 16);
		letter-spacing: -.6px;
	}

	h2,
	.heading-2 {
		font-size: calc(40rem / 16);
		letter-spacing: -.8px;
	}

	h3,
	.heading-3 {
		font-size: calc(34rem / 16);
		letter-spacing: -.8px;
	}

	h4,
	.heading-4,
	.quote,
	.quote.large {
		font-size: calc(28rem / 16);
		letter-spacing: -.6px;
	}

	h5,
	.heading-5,
	.page-content h2,
	.quote {
		font-size: calc(24rem / 16);
	}

	h6,
	.page-content h3,
	.heading-6 {
		font-size: calc(20rem / 16);
	}

	.quote.small {
		font-size: calc(18rem / 16);
	}

	/***Header***/

	header {
		padding: 20px;
		z-index: 999999;
	}

	header .logo {
		z-index: 2;
	}

	header .logo svg {
		height: 70px;
	}

	header .search-btn.btn.icon {
		display: none;
	}

	header .mobile-search {
		display: block;
	}

	header .mobile-search button,
	header #back-to-main-nav {
		background: transparent;
		border: none;
		color: var(--gray);
		display: flex;
		flex-direction: row-reverse;
		padding: 0;
	}

	header .mobile-search button svg,
	header #back-to-main-nav svg {
		display: block;
		height: 13px;
		margin-right: 8px;
	}

	header:not(.dropdown-open) #back-to-main-nav {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	header .mobile-menu {
		align-items: center;
		backface-visibility: hidden;
		background: transparent;
		background: var(--black);
		border: 0;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		height: 48px;
		justify-content: center;
		outline: none;
		overflow: hidden;
		position: absolute;
		right: 10px;
		top: 10px;
		transform: translate3d(0, 0, 0);
		width: 48px;
		z-index: 2;
		--menu-bar-height: 1px; /*Height of an individual menu bar*/
		--menu-bar-margin: 5px; /*Amount of spacing between the menu bars*/
		--menu-bar-width: 18px; /*Width of the menu bars*/
	}

	header .mobile-menu span:not(.accessibility) {
		background: var(--white);
		display: block;
		height: var(--menu-bar-height);
		position: relative;
		width: var(--menu-bar-width);
	}

	header .mobile-menu span:nth-of-type(2) {
		margin: var(--menu-bar-margin) 0;
		transform-origin: left;
	}

	/*Close*/

	header.active .mobile-menu span:nth-of-type(1) {
		transform: translateY(calc(var(--menu-bar-height) + var(--menu-bar-margin))) rotate(45deg) scaleX(calc(24 / 18));
	}

	header.active .mobile-menu span:nth-of-type(2) {
		transform: scaleX(0);
	}

	header.active .mobile-menu span:nth-of-type(3) {
		transform: translateY(calc((var(--menu-bar-height) + var(--menu-bar-margin)) * -1)) rotate(-45deg) scaleX(calc(24 / 18));
	}

	/*Nav*/

	header nav {
		align-items: center;
		background: var(--offwhite);
		border: solid 16px var(--white);
		display: flex;
		flex-direction: column;
		height: 100vh;
		justify-content: center;
		left: 0;
		margin: 0;
		opacity: 0;
		overflow: hidden;
		padding: 20px;
		position: absolute;
		top: 0;
		transition: .3s;
		visibility: hidden;
		width: 100%;
		z-index: 1;
	}

	header nav:after {
		background: url('svgs/logo-watermark.svg') no-repeat center;
		background-size: contain;
		bottom: -41px;
		content: '';
		display: block;
		height: 528px;
		left: -157px;
		position: absolute;
		width: 887px;
		z-index: -1;
	}

	header.active nav {
		opacity: 1;
		visibility: visible;
	}

	header.active .logo {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	header nav ul.flex-container {
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
		overflow: auto;
		padding: 40px 0;
		width: 100vw;
	}

	header .mega-menu > li + li {
		margin: 53px 0 0;
	}

	header.light-links .mega-menu > li > a {
		color: var(--black);
	}

	header #back-to-main-nav {
		left: 20px;
		position: fixed;
		top: 28px;
		z-index: 999;
	}

	/*Search*/

	header .searchform {
		transform: translate3d(0, -10px, 0);
		width: 100%;
	}

	/*Dropdowns*/

	header.dropdown-open .mega-menu > li > a,
	header.dropdown-open .mega-menu > li.mobile-search {
		opacity: 0;
	}

	header li:hover > .dropdown {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	header li.active > .dropdown {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}

	header .dropdown {
		background: none;
		box-shadow: none;
		display: block;
		height: calc(100vh - 32px);
		min-height: initial !important;
		overflow-y: auto;
		width: 100%;
	}

	header .dropdown:before {
		display: none;
	}

	header .dropdown .heading-3 {
		height: auto;
		padding: 94px 0 40px;
	}

	header .dropdown .heading-3 span,
	header li:hover .dropdown .heading-3 span {
		opacity: 1;
		transform: none;
		transition: none;
		writing-mode: initial;
	}

	header .dropdown > li:last-child {
		min-width: auto;
		padding: 64px 20px 121px;
		width: 100%;
	}

	header .dropdown > li:last-child .grid {
		gap: 27px !important;
		grid-template-columns: 1fr !important;
	}

	header .dropdown h3,
	header .dropdown.list-links ul:first-of-type li a {
		font-weight: 700;
		letter-spacing: 0;
		line-height: calc(28 / 16);
		margin: 0;
		width: 100% !important;
	}

	header .dropdown.list-links ul:first-of-type li a {
		font-family: var(--body-font);
		font-size: 1rem;
		text-transform: none;
	}

	header .dropdown.list-links ul:first-of-type li a:after {
		margin-left: 7px;
	}

	header .dropdown h3:after {
		background: url('svgs/arrow-link-black.svg') no-repeat;
		content: '';
		display: inline-block;
		height: 9px;
		margin-left: 7px;
		transition: all .25s ease;
		width: 11px;
	}

	header .dropdown > li:last-child .image-arrow,
	header .dropdown > li:last-child p {
		display: none;
	}

	header .dropdown.three-column-alt .vertical-large-links .grid:first-of-type {
		margin-bottom: 27px;
	}

	header .dropdown.two-column-alt .vertical-large-links {
		gap: 27px;
		grid-template-columns: 1fr;
	}

	header .horizontal-large-links article,
	header .dropdown.list-links ul:first-of-type {
		width: 100%;
	}

	header .small-links,
	header .small-links li,
	header .dropdown.list-links ul:first-of-type li {
		margin: 0;
	}

	header .small-links li + li,
	header .dropdown.list-links ul:first-of-type li + li {
		margin-top: 27px;
	}

	header .dropdown.list-links .gallery {
		display: none;
	}

	/***Footer***/

	.footer-help {
		padding: 20px;
	}

	footer > .flex-container {
		gap: 20px;
		padding: 0 20px;
	}

	footer > .flex-container::before,
	footer .newsletter .logo {
		display: none;
	}

	footer .newsletter,
	footer .bottom-footer p,
	#menu-footer-bottom {
		width: 100%;
	}

	footer .bottom-footer {
		padding: 30px 0 10px;
	}

	#menu-footer-bottom {
		margin-top: 10px;
	}

	#menu-footer-bottom li {
		margin: 0 10px 0 0;
	}

	/***Default Template***/

	.page-hero {
		margin-top: 115px;
		width: 100%;
	}

	.page-hero.featured-img {
		background: var(--white);
		padding: 0;
	}

	.page-hero.featured-img article {
		background: var(--red);
		margin: 0 0 0 calc(-1 * var(--container-outer-padding));
		padding: 50px var(--container-outer-padding) 100px;
		width: 100vw;
	}

	.page-hero.featured-img.black article {
		background: var(--black);
	}

	.page-hero.featured-img .image {
		margin: -60px 0 0;
		max-width: 600px;
		padding: 0 20px;
		position: relative;
		top: 0;
		transform: none;
		width: 100%;
		z-index: 2;
	}

	.page-hero.featured-img .image img {
		height: 240px;
	}

	.page-hero.featured-img .image p {
		background: none;
		border: none;
		margin: 0;
		padding: 12px 0 0;
		position: relative;
		width: 100%;
	}

	.page-hero.featured-img .image p::before {
		display: none;
	}

	.page-hero.no-img {
		padding: 50px 0;
	}

	.page-hero.no-img h1 {
		max-width: 784px;
		width: 100%;
	}

	.page-content {
		background: var(--white);
		padding: 60px 0 20px;
	}

	.page-hero.featured-img + .page-content {
		margin-top: -140px;
	}

	.page-content::before {
		display: none;
	}

	.page-content article {
		max-width: 100%;
	}

	/***Works Hero***/

	.works-hero {
		padding-top: 100px;
	}

	.works-hero article,
	.works-hero aside,
	.works-hero aside::before,
	.works-posts .terms-list,
	.works-posts .sort,
	.works-posts .intro,
	.works-posts .filters .search-filter-reset,
	.work-post h3,
	.work-post article,
	.searchandfilter ul li,
	.sort .sf-field-search label {
		width: 100%;
	}

	.works-hero article {
		padding: 80px 50px 135px 0;
	}

	.works-hero aside {
		margin-top: -80px;
	}

	.works-hero aside::before {
		right: 0;
	}

	.works-posts {
		overflow: hidden;
		padding: 80px 0;
	}

	.works-posts::before {
		height: 40px;
	}

	.works-posts .terms-list {
		margin-bottom: 30px;
		text-align: center;
	}

	.works-posts .sort .searchandfilter ul {
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 0;
		text-align: center;
	}

	.sort .searchandfilter li:first-child {
		margin: 0;
	}

	.works-posts .intro {
		margin-bottom: 30px;
	}

	.works-posts .open-filters {
		margin: 0 0 60px 0;
	}

	.works-posts .filters {
		display: none;
		left: 0;
		margin: -90px 0 40px;
		opacity: 1;
		padding: 40px 20px;
		pointer-events: auto;
		position: relative;
		top: 0;
		transform: none;
		visibility: visible;
		width: 100%;
	}

	.works-posts .filters.active {
		display: block;
	}

	.works-posts .filters .btn {
		right: 20px;
		top: 20px;
	}

	.works-posts .filters .searchandfilter > ul {
		gap: 20px;
		grid-template-columns: 1fr;
		padding: 0;
	}

	.works-posts .filters .search-filter-reset {
		display: block;
		position: static;
	}

	.works-posts.filters-active .intro {
		opacity: 1;
	}

	#posts-results .sticky-text {
		font-size: 100px;
		margin: -97px 0 -20px -20px;
		white-space: nowrap;
	}

	.works-posts .posts li {
		margin-bottom: 30px;
	}

	.work-post {
		padding: 16px 40px 0;
	}

	.work-post h3 {
		margin: 30px 0 16px;
	}

	.work-post article p {
		margin: 0;
		top: 0;
	}

	.work-post article .image {
		margin: 0 -23px 0 auto;
	}

	/***Work Single***/

	.work-detail-hero {
		padding: 140px 0 40px;
	}

	.work-detail-hero .container::before,
	.work-detail-hero .black-box::before,
	.work-detail-hero aside::before,
	.media-card.audio::before,
	.media-card.video article::before,
	.photo-carousel .slide::after {
		display: none;
	}

	.work-detail-hero article,
	.work-detail-hero aside,
	.work-details::before,
	.media-card.video article,
	.media-card.video .media-player,
	.photo-carousel article,
	.photo-carousel .slick-active img,
	.song-list ul,
	.adaptions ul,
	.arrangements ul,
	.song-list .media-player .song-title span,
	.performing-forces ul.grid,
	.card-wide,
	.adaptions ul.grid {
		max-width: 100%;
		width: 100%;
	}

	.work-detail-hero article {
		margin-top: 0;
	}

	.work-detail-hero h1 + p {
		margin-bottom: 36px;
	}

	.work-detail-hero .black-box {
		margin-top: 40px;
		padding-right: 48px;
	}

	.work-detail-hero .fallback-image {
		opacity: .5;
	}

	.work-detail-hero aside {
		display: flex;
		flex-wrap: wrap;
		margin-top: 40px;
		padding-left: 30px;
	}

	.work-detail-hero aside .image::before {
		right: -30px;
		top: -30px;
	}

	.work-detail-hero aside .image img {
		width: auto;
	}

	.work-detail-hero aside p {
		width: 100%;
	}

	.work-detail-hero aside p::before,
	.work-detail-hero aside p::after {
		left: -10px;
	}

	.work-details {
		margin-bottom: 60px;
		padding: 0;
	}

	.work-details::before {
		height: 100%;
	}

	.accordion h2 button {
		padding-right: 40px;
	}

	.accordion h2 .icon {
		height: 30px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 30px;
	}

	.accordion h2 .btn.icon svg {
		height: 14px;
	}

	.accordion .content {
		padding: 20px 0 30px;
	}

	.featured-media .carousel,
	.selected-readings .carousel,
	.photo-carousel .carousel {
		overflow: hidden;
		width: calc(100% + 20px);
	}

	.media-card.video,
	.media-card.audio,
	.photo-carousel .slide {
		flex-direction: column-reverse;
		margin-right: 15px;
		width: calc(100vw - 60px);
	}

	.media-card.video {
		background: var(--offwhite);
		padding: 20px;
	}

	.media-card.video .media-player {
		margin: 0 0 20px;
	}

	.media-card.video article {
		background: none;
		opacity: 1;
		padding: 0;
	}

	.media-card.video p {
		margin: 0;
	}

	.media-card.audio article {
		padding: 20px 20px 0;
	}

	section:not(.llc-winners.people-carousel) .slick-arrow {
		background-size: 16px auto;
		bottom: 0;
		filter: invert(100%);
		height: 40px;
		right: 20px;
		top: auto;
		transform: none;
		width: 40px;
	}

	section:not(.llc-winners.people-carousel) .slick-arrow.slick-prev {
		left: 0;
		transform: scale(-1,1);
	}

	.photo-carousel .carousel .slick-list {
		padding-left: 0;
	}

	.photo-carousel .slide {
		width: auto;
	}

	.photo-carousel .image-wrapper {
		width: 100%;
	}

	.photo-carousel .image-wrapper img {
		width: auto;
	}

	.photo-carousel article {
		background: none;
		left: 0;
		max-width: fit-content;
		opacity: 1;
		padding: 20px 0 0;
		position: static;
		top: 0;
		transform: none;
	}

	.photo-carousel article::before,
	.photo-carousel :not(.slick-active) article::after {
		display: none;
	}

	.slick-dots {
		padding: 0;
		text-align: left;
	}

	.selected-readings .carousel .slick-arrow,
	.press-quotes .carousel .slick-arrow,
	.photo-carousel .carousel .slick-arrow {
		display: none !important;
	}

	.synopsis article,
	.published-editions article,
	article.work-intro {
		max-width: 100%;
		padding: 0;
	}

	article.work-intro {
		padding-top: 40px;
	}

	.song-list li {
		margin-bottom: 20px;
	}

	.song-list .media-player.audio:not(.no-media) {
		padding-bottom: 15px;
	}

	.song-list .media-player .controls {
		flex-wrap: wrap;
	}

	.song-list .media-player .song-title.large {
		font-size: calc(14rem / 16);
		margin: 0;
		min-width: 0;
		padding: 0 20px;
		width: calc(100% - 60px);
	}

	.song-list .media-player .song-title.marquee span {
		animation: none;
	}

	.song-list .media-player input[type="range"] {
		margin: 20px auto 0;
		width: calc(100% - 40px);
	}

	.performing-forces ul.grid,
	.adaptions ul.grid {
		padding: 0;
	}

	.press-quotes .slide {
		margin-right: 20px;
		padding-left: 0;
		width: calc(100vw - 60px);
	}

	.press-quotes blockquote {
		padding-top: 10px;
	}

	.press-quotes blockquote::before {
		background-size: contain;
		height: 46px;
		left: -34px;
		width: 50px;
	}

	.press-quotes .slick-dots {
		margin: 30px 0 0 0;
		padding-right: 0;
	}

	#sticky-media-player {
		width: 400px;
	}

	#sticky-media-player.media-player .controls {
		flex-wrap: wrap;
	}

	#sticky-media-player .song-title {
		--song-title-width: calc(100% - 100px - 160px);
	}

	#sticky-media-player .seek-slider {
		margin: -2px 0;
		order: 1;
	}

	/***Page Builder***/

	/*Hero*/

	.hero-content-contained-image {
		padding-top: 120px;
	}

	.hero-content {
		padding-top: 160px;
	}

	.hero-content.image.red-rectangle {
		padding-top: 80px;
	}

	.hero-heading-full-width-bkg-video article {
		padding: 200px 0 160px;
	}

	.hero-heading-full-width-bkg-video article h1 {
		max-width: 784px;
		width: 100%;
	}

	.hero-content-contained-image.remove-image-fill figure {
		margin-right: unset;
	}

	/*Menu*/

	.submenu > ul > li + li {
		margin-left: 40px;
	}

	/*Modules*/

  .large-headline:not(.small-heading) h2,
  .llc-winners.people-carousel h2.heading-1 {
  font-size: calc(86rem / 16);
  line-height: 1.1;
  }

	.builder-modules section.card-callouts:last-child {
		margin-bottom: 160px;
	}

	.card-callouts.grid.red-rectangle ul:before {
		height: calc(100% + 280px);
		top: -60px;
		width: calc(100% - 100px);
	}

	.card-callouts.full-width ul .card-wide {
		width: 100%;
	}

	.card-callouts.grid-alt .card article {
		margin-left: 20px;
		margin-top: -30px;
	}

	.content-block .heading-image h2 {
		padding-bottom: 80px;
		padding-top: 70px;
	}

	.content-block.image-text-cols-dark .container {
		align-items: center;
	}

	.content-block.image-text-cols-dark figure {
		margin-top: 0;
	}

	.people-grid.img h2 {
		margin-bottom: 40px;
	}

	.people-grid ul.grid,
	.llc-winners ul {
		gap: 60px 30px;
		grid-template-columns: repeat(2,1fr);
	}

	.llc-winners ul {
		gap: 60px 60px;
	}

	.llc-header {
		width: 100%;
	}

	.people-grid.no-img .container.grid {
		grid-template-columns: 1fr;
	}

	.audio-embed,
	.pdf-embed {
		padding: 60px 0;
	}

	.pdf-embed ul {
		width: 100%;
	}

	.card.pdf-card {
		padding: 30px 40px 66px 20px;
	}

	.accordions {
		padding: 60px 0;
	}

	.accordions::before {
		height: 100%;
		width: 100%;
	}

	.accordions .flex-container {
		flex-wrap: wrap;
	}

	.accordions aside,
	.accordions article {
		margin-left: 0;
		max-width: 100%;
		width: 100%;
	}

	.column-table table,
	.column-table tbody,
	.column-table tr,
	.column-table td,
	.column-table .mobile-only {
		display: block !important;
	}

	.column-table thead,
	.column-table td:before,
	.column-table td:after  {
		display: none;
	}

	.column-table tr {
		background: var(--white);
		margin-bottom: 30px;
		padding: 60px 30px 30px;
		position: relative;
		width: calc(100% - 20px)
	}

	.column-table tr:before {
		border: 1px solid var(--black);
		content: '';
		height: 100%;
		left: 20px;
		position: absolute;
		top: 20px;
		width: 100%;
		z-index: -1;
	}

	.column-table .mobile-only {
		margin-bottom: 8px;
	}

	.column-table td {
		margin-bottom: 30px;
		padding: 0 !important;
		width: 100% !important;
	}

	.column-table td:nth-of-type(3) {
		text-align: left;
	}

	.image-carousel .slick-arrow,
	.photo-gallery.lightbox .carousel .slick-arrow {
		filter: none;
	}

	.image-carousel .slick-prev,
	.photo-gallery.lightbox .carousel .slick-prev {
		left: var(--container-outer-padding);
		top: 50%;
		transform: translateY(-50%) scale(-1,1);
	}

	.image-carousel .slick-next,
	.photo-gallery.lightbox .carousel .slick-next {
		right: var(--container-outer-padding);
		top: 50%;
		transform: translateY(-50%);
	}

	.image-carousel .slide {
		margin-right: 10px;
		max-width: calc(100vw - 80px);
	}

	.gallery-lightbox .dialog-content,
	.gallery-lightbox[data-media-type="audio"] .dialog-content,
	.gallery-lightbox[data-media-type="video"] .dialog-content {
		flex-direction: column;
		width: 100%;
	}

	.gallery-lightbox .dialog-content .image-zoom-wrapper,
	.gallery-lightbox .dialog-content article,
	.gallery-lightbox[data-media-type="video"] .dialog-content .media-player.video,
	.gallery-lightbox[data-media-type="video"] .dialog-content article {
		width: 100%;
	}

	.gallery-lightbox .dialog-content .image-zoom-wrapper {
		max-width: 475px;
		position: relative;
	}

	.gallery-lightbox .dialog-content article {
		margin: 50px 0 0;
	}

	.gallery-lightbox.full-image .image-zoom-wrapper {
		height: 100%;
		max-width: 100%;
	}

	.intro-media-block .media-block {
		margin: 0;
	}

	/***Event***/

	.events-hero {
		padding: 160px 0 60px;
	}

	.events-hero article,
	.events-posts .tabs-nav,
	.events-posts .sort,
	.events-posts .filters,
	.event-post .venue,
	.event-post .work,
	.event-post .performers,
	.event-post .event-tags {
		width: 100%;
	}

	.events-posts,
	.plain-callouts {
		padding: 0 0 60px;
	}

	.events-posts .sort {
		position: static;
	}

	.events-posts .sort .searchandfilter ul {
		justify-content: flex-start;
		margin-top: 30px;
	}

	.events-posts .sort .searchandfilter li:first-child {
		margin: 0;
		width: 100%;
	}

	.events-posts .filters {
		margin: 40px 0;
		padding: 20px 20px 25px;
	}

	.events-posts .filters .searchandfilter > ul,
	.songbook-volumes-posts .filters .searchandfilter > ul {
		gap: 10px 20px;
	}

	.events-posts .tabs-nav {
		display: flex;
		gap: 20px;
		justify-content: space-between;
	}

	.events-posts .tabs-nav li {
		margin: 0;
	}

	.card-headings {
		display: none;
	}

	.event-post {
		align-items: flex-start;
	}

	.event-post .mobile-only {
		display: block !important;
		margin: 30px 0 6px;
	}

	.event-post .venue,
	.event-post .work,
	.event-post .performers,
	.event-post .event-tags {
		margin: 0;
		padding: 0 20px;
	}

	.event-post .event-tags ul {
		margin: 0;
	}

	/***News Archive***/

	.news-hero {
		padding: 160px 0 60px;
	}

	.news-hero .archive-filter {
		padding: 30px 20px;
	}

	.news-content,
	.social-media {
		padding-bottom: 60px;
	}

	.news-content .featured-post {
		margin-bottom: 100px;
	}

	.news-content .featured-post img,
	.news-content .featured-post article,
	.newsletter-callout::before,
	.newsletter-callout::after,
	.newsletter-callout .container::before,
	.social-media h2 ul {
		width: 100%;
	}

	.news-content .featured-post article {
		background: var(--red);
		padding: 40px 20px;
	}

	.news-content .featured-post::before,
	.news-content .featured-post article::before,
	.news-content .featured-post article::after {
		display: none;
	}

	.news-content .featured-post img {
		position: static;
	}

	.news-content .grid {
		gap: 60px 30px;
		grid-template-columns: repeat(2,1fr);
	}

	.news-content .wp-pagenavi {
		margin-top: 60px;
	}

	.newsletter-callout {
		margin-bottom: 100px;
		padding: 60px 0;
	}

	.newsletter-callout::before,
	.newsletter-callout::after,
	.newsletter-callout .container::before {
		left: 0;
	}

	.newsletter-callout::after {
		border-right: none;
		left: 20px;
		width: calc(100% - 21px);
	}

	.newsletter-callout .container::before {
		display: none;
	}

	.newsletter-callout h2 {
		margin-bottom: 40px;
	}

	.social-media h2 {
		margin-bottom: 60px;
	}

	.social-media h2 ul {
		margin: 20px 0 0;
	}

	.social-media .grid,
	.page-template-page-llc .social-media li.instagram #sb_instagram #sbi_images {
		grid-template-columns: repeat(2,1fr);
	}

	.instagram #sbi_images > div a {
		height: calc( (100vw - (2 * var(--container-outer-padding) ) - 10px ) / 2) !important;
	}

	/***News Single***/

	.post-content .container::before,
	.post-content .intro .image,
	.post-content article {
		width: 100%;
	}

	.news-single-hero {
		padding: 160px 0 30px;
	}

	.post-content .container {
		padding-bottom: 60px;
	}

	.post-content .container::before {
		left: 0;
	}

	.post-content .intro {
		flex-wrap: wrap;
		margin: 0 0 40px calc(-1 * var(--container-outer-padding));
		width: 100vw;
	}

	.post-content .intro .image {
		margin: 0;
	}

	.post-content .intro .image:before {
		display: none;
	}

	.post-content .intro .caption {
		margin: 0 var(--container-outer-padding);
		order: -1;
		padding: 20px 0;
		top: 0;
	}

	.post-content ul.flex-container {
		padding: 30px 20px 10px;
	}

	.post-content ul.flex-container li {
		margin: 0 40px 20px 0;
	}

	.post-content .social {
		margin-left: 0;
	}

	.post-content article iframe,
	.post-content article .media-player {
		margin: 30px 0;
	}

	.post-content .wp-caption {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.post-content article blockquote {
		padding-left: 0;
	}

	.post-content .carousel {
		margin-bottom: 20px;
		padding-bottom: 50px;
	}

	.post-content .carousel .slick-prev {
		left: 0;
		transform: scale(-1,1);
	}

	.post-content .carousel .slick-next {
		right: 20px;
	}

	/***People Single***/

	.bios {
		padding: 130px 0 60px;
	}

	.bios::after {
		width: 160px;
	}

	.bios::before,
	.bios article {
		width: 100%;
	}

	.bios .container:before {
		left: auto;
		right: 20px;
		top: 42px;
	}

	.bios article {
		margin: 0;
		order: 2;
	}

	.bios .image {
		margin: 0 0 80px;
		max-width: 450px;
		width: 100%;
	}

	.text-callout {
		padding: 60px 0;
	}

	/**Timeline Archive***/

	.timeline {
		padding: 60px 0;
	}

	.timeline article {
		margin-bottom: 60px;
	}

	.timeline article h2,
	.timeline article p,
	.timeline li article,
	.biography-intro article {
		width: 100%;
	}

	.timeline li {
		margin-bottom: 40px;
		padding: 46px 20px 0 40px;
		width: calc(100% - 20px);
	}

	.timeline li .image {
		margin: -26px 0 30px -20px;
		max-width: 100%;
		order: -1;
		width: auto;
	}

	.timeline li .image::before {
		left: -20px;
		right: auto;
	}

	.timeline li .btns {
		margin: 0 0 -21px -20px;
		position: static;
	}

	.biography-intro {
		padding-bottom: 60px;
	}

	.biography-intro h2 {
		margin: 0 0 22px;
	}

	.biography-intro img {
		width: auto;
	}

	.biography-intro article {
		margin: 0;
		padding: 60px 0;
		width: 100%;
	}

	.biography-intro article::before {
		left: -20px;
		width: calc(100% + 40px);
	}

	.photo-intro,
	.newsletter-intro {
		padding-bottom: 60px;
	}

	.photo-intro article,
	.newsletter-intro article,
	.page-template-page-newsletter .newsletter-intro article,
	.page-template-page-newsletter .newsletter-intro .image {
		width: 100%;
	}

	.newsletter-intro .image {
		margin-bottom: 30px;
		max-width: 350px;
		width: 100%;
	}

	.page-template-page-timeline .bottom-callouts {
		margin-bottom: 60px;
	}

	/***Research Center***/

	.page-template-page-research-center .submenu.secondary,
	.research-about {
		background: var(--offwhite);
	}

	.research-about {
		padding-left: 20px;
		padding-right: 20px;
	}

	.research-collections .container {
		padding-right: calc(var(--container-outer-padding) + 20px);
	}

	/***Licensing Info***/

	.licensing-info {
		padding: 150px 0 0;
	}

	.licensing-info::before {
		display: none;
	}

	.licensing-info article {
		padding-bottom: 50px;
		width: 100%;
	}

	.licensing-info h1 {
		margin-bottom: 30px;
	}

	.licensing-info .form {
		background: var(--white);
		margin: 0 -20px;
		padding: 60px 20px 80px 20px;
		width: calc(100% + 40px);
	}

	/***Songbook Series - About****/

	.about-songbook {
		padding-bottom: 117px;
	}

	.about-songbook .container > * {
		margin-left: 0;
		max-width: 784px;
		width: 100%;
	}

	/***Songbook Series - Volumes***/

	.songbook-volumes-posts .filters {
		margin: 40px 0;
		padding: 20px 20px 25px;
		width: 100%;
	}

	/***Lotte Lenya Competition - Overview***/

	.about-competition {
		margin-top: -60px;
		padding-bottom: 100px;
	}

	.about-competition .container > div {
		max-width: 100%;
		width: 887px;
	}

	.about-competition .container > div::after {
		width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin) - var(--frame-width) - 21px - 20px);
	}

	.latest-news::before {
		height: calc(100% + 100px);
		top: -100px;
	}

	.latest-news .grid {
		margin-top: 80px;
	}

	.apply-callout .flex-container {
		--container-outer-padding: 50px;
	}

	.page-template-page-llc .newsletter-callout {
		margin: 60px 0 131px;
	}

	.page-template-page-llc .newsletter-callout .container::after {
		bottom: calc(100% + 60px);
		height: 60px;
	}

	/*Featured Story*/

	.next-round article {
		max-width: 900px;
		width: 100%;
	}

	.next-round p {
		margin: 0;
	}

	.next-round.image .image-link,
	.next-round.image img {
		height: calc(349 / 1200 * 100vw);
		left: calc(-1 * var(--container-outer-padding));
		max-height: none;
		width: calc(518 / 1160 * 100%);
	}

	/***Kurt Weill Edition - Volumes***/

	.kwe-volumes-posts .container > .flex-container {
		padding-bottom: 100px;
	}

	.kwe-volumes-posts .sticky-nav {
		margin-top: 80px;
	}

	/***Kurt Weill Edition - Volume Detail***/

	.volume-information {
		padding-top: 80px;
	}

	.volume-information h2 {
		max-width: 784px;
		width: 100%;
	}

	.volume-information .container > .flex-container {
		margin-top: 60px;
	}

	.volume-information .container > .flex-container > div,
	.kwe-volumes-posts .sticky-nav {
		margin-left: 0;
	}

	.volume-information .container > .flex-container > div::before {
		width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--frame-width));
	}

	.volume-information .sample-music .carousel .slide {
		margin-right: 20px;
	}

	/***Contact Form***/

	.contact-hero {
		padding: 155px 0 40px;
	}

	.contact-hero article,
	.contact-hero::before,
	.help-options article,
	.help-options aside,
	.contact-form h2,
	.contact-form .gform_wrapper,
	.contact-form .gform_confirmation_wrapper,
	.contact-form .gform_fields .two-column {
		width: 100%;
	}

	.help-options {
		padding: 60px 0;
	}

	.help-options::before,
	.help-options .lines {
		display: none;
	}

	.help-options aside {
		padding-top: 30px;
	}

	.page-template-page-main-contact .card-callouts {
		padding: 0 0 60px;
	}

	.contact-form {
		margin-bottom: 60px;
		padding: 60px 0;
	}

	.contact-form::before,
	.contact-form::after {
		width: 100vw;
	}

	.contact-form::before {
		left: 0;
	}

	.contact-form::after {
		left: 20px;
		width: calc(100vw - 22px)
	}

	.contact-form .lines {
		display: none;
	}

	.contact-form h2 {
		margin-bottom: 30px;
	}

	.contact-form .gform_wrapper,
	.contact-form .gform_confirmation_wrapper {
		margin: 0;
	}

	/***Winners***/

	.winners-list {
		padding: 115px 0 60px;
	}

	.llc-winners .people-grid .card img {
		height: 580px;
	}

	/***Home***/

	.home-hero {
		background: var(--black);
		position: relative;
		z-index: 1;
	}

	.home-hero .slick-arrow,
	.upcoming-events .slick-arrow {
		filter: none;
	}
	
	.home-hero.hero-2 ul article p {
		margin: 0 0 30px;
	}
	
	.quick-links .container::before {
		width: calc(100% - 40px);	
	}
	
	.quick-links h2 {
		padding-left: var(--container-outer-padding);
	}
	
	.quick-links ul {
		padding-right: var(--container-outer-padding);
	}

	/***Judges/Finalists***/

	.llc-finalists-judges .back-link {
		margin: 0;
	}

	.finalist-modal .dialog-content {
		justify-content: space-between;
		padding: 80px 20px 30px;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1000*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 62.5em) {

	.card-wide-alt {
		padding-left: 40px;
		padding-right: 80px;
	}

	/***Page Builder***/

	/*Hero Style - Content Contained Image*/

	.hero-content-contained-image:after {
		background: var(--white);
		content: '';
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -2;
	}

	.hero-content-contained-image .container {
		flex-wrap: wrap;
	}

	.hero-content-contained-image article,
	.hero-content-contained-image figure {
		margin: 0;
		min-width: initial;
		width: 100%;
	}

	.hero-content-contained-image article {
		padding-bottom: 0;
	}

	.hero-content-contained-image.no-image article {
		padding-bottom: 80px;
	}

	.hero-content-contained-image:not(.with-frame) article {
		padding: 40px 0 0;
	}

	.hero-content-contained-image article h1 {
		margin-bottom: 23px;
		max-width: 100%;
		padding-right: 0;
		width: 784px;
	}

	.hero-content-contained-image article p {
		max-width: 100%;
		width: 661px;
	}

	.hero-content-contained-image figure,
	.hero-content-contained-image.remove-image-fill figure {
		margin: 50px 0 100px;
		max-width: 650px;
	}

	.hero-content-contained-image figure.has-caption {
		padding-bottom: 70px;
	}

	.hero-content-contained-image figure img {
		max-height: 600px;
	}

	.hero-content-contained-image figure figcaption {
		max-width: 100%;
	}

	/*Hero Style - Content Contained Image With Frame*/

	.hero-content-contained-image.with-frame:before {
		height: 120px;
	}

	.hero-content-contained-image.with-frame:after {
		height: calc(100% - 120px);
		top: 120px;
		width: calc(100% - 40px);
	}

	.hero-content-contained-image.with-frame article {
		padding-right: 80px;
	}

	.hero-content-contained-image.with-frame article::before {
		display: none;
		height: 100%;
	}

	.hero-content-contained-image.with-frame article::after {
		right: 40px;
	}

	/*Hero Style - Content and Background Image*/

	.hero-content-bkg-image {
		padding-top: 150px;
	}

	.hero-content-bkg-image.submenu-outside {
		padding-bottom: 100px;
	}

	.hero-content-bkg-image article {
		padding: 0 0 50px;
		width: 100%;
	}

	.hero-content-bkg-image article::before,
	.hero-content-bkg-image article::after {
		display: none;
	}

	.hero-content-bkg-image figure {
		height: auto;
		left: calc(-1 * var(--container-outer-padding));
		padding-top: calc(9 / 16 * 100%);
		position: relative;
		top: 0;
		width: 100vw;
	}

	.hero-content-bkg-image figure::after {
		display: none;
	}

	.hero-content-bkg-image article p {
		margin-bottom: 0;
	}

	.hero-content-bkg-image article .submenu,
	.hero-content-bkg-image article p + .submenu {
		margin-top: 30px;
	}

	/*Hero Style - Heading and Full Width Background Video*/

	.hero-heading-full-width-bkg-video .social-links {
		align-items: center;
		bottom: 40px;
		display: flex;
		left: 10px;
		top: auto;
		transform: none;
	}

	.hero-heading-full-width-bkg-video .social-links li + li {
		margin: 0 0 0 10px;
	}

	.hero-heading-full-width-bkg-video .social-links li a {
		padding: 0 10px;
	}

	/*Hero Style - Content*/

	.hero-content {
		padding-top: 160px;
	}

	.hero-content.no-image article {
		flex-direction: column;
		padding-bottom: 163px;
	}

	.hero-content.no-image.no-description article {
		padding-bottom: 110px;
	}

	.hero-content.no-image article h1,
	.hero-content.no-image article p,
	.hero-content.no-image.no-description article h1 {
		max-width: 784px;
		width: 100%;
	}

	.hero-content.no-image.no-description article h1 br {
		display: none;
	}

	.hero-content.no-image article p {
		margin-top: 20px;
	}

	/*Hero Style - Content Image Red Rectangle*/

	.hero-content.image.red-rectangle {
		margin: 0;
		padding: 160px 0 100px;
	}

	.hero-content.image .container {
		flex-direction: column;
	}

	.hero-content.image.red-rectangle article,
	.hero-content.image.red-rectangle figure,
	.hero-content.image.with-frame article,
	.hero-content.image.with-frame figure,
	.hero-content.image.overhang article{
		width: 100%;
	}

	.hero-content.image.red-rectangle article,
	.hero-content.image.with-frame article {
		padding: 0;
	}

	.hero-content.image.red-rectangle figure {
		margin: 50px 0 0;
		top: 0;
	}

	.hero-content.image.red-rectangle figure img {
		box-shadow: -10px 10px var(--red);
	}

	/*Hero Style - Content Image With Frame*/

	.hero-content.image.with-frame {
		padding: 160px 0 100px;
	}

	.hero-content.image.with-frame figure {
		margin: 60px 0 0;
	}

	.hero-content.image.with-frame figure::before {
		border-left: none;
		border-right: solid 1px var(--black);
		height: 120px;
		left: auto;
		right: -10px;
		top: -10px;
		width: 60%;
	}

	/*Hero Style - Content Overhanging Image*/

	.hero-content.image.overhang {
		padding: 160px 0 60px;
	}

	.hero-content.image.overhang figure {
		margin: 50px 0 0;
		max-width: 498px;
		overflow: unset;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}

	.hero-content.image.overhang figure img {
		right: 0;
	}

	/*Menu*/

	.submenu {
		max-width: 100%;
	}

	.submenu > ul > li + li,
	.hero-heading-full-width-bkg-video .submenu > ul > li + li {
		margin-left: 30px;
	}

	.hero-content-contained-image + .submenu:not(.super-sticky) {
		max-width: 100%;
	}

	.hero-content-contained-image.with-frame + .submenu:not(.super-sticky) {
		max-width: calc(100% - 80px);
	}

	.hero-content + .submenu,
	.hero-content.image.red-rectangle + .submenu {
		--negative-margin-top: -58px;
	}

	.hero-content.image.red-rectangle + .submenu:not(.super-sticky) {
		max-width: 100%;
	}

	.hero-content.image.red-rectangle + .submenu {
		padding-bottom: 10px;
	}

	.hero-content.image.red-rectangle + .submenu:not(.sticky) {
		padding-bottom: calc(10px + 365px);
	}

	/***Modules***/

  /*Media Cards*/

  .media-cards ul {
    gap: 20px 20px;
  }

  /*Location*/

  .location-map .container {
    flex-direction: column;
  }

  .location-map article {
    width: calc(100% - 40px);
  }

  .location-map::before {
    width: calc(100% - 20px);
    height: calc(100% - 300px);
  }

  .location-map .map {
    align-self: center;
    width: 70%;
    margin-top: 100px;
  }

  /*Contact CTA*/

  .contact-cta h2 {
    padding-right: 60px;
    width: 100%;
  }

  /*Ticket CTA*/
  .ticket-cta form {
    margin: 60px 0 0 103px;
    width: auto;
  }

  /*LLC Winners*/

  .llc-winners.people-carousel .container {
    flex-direction: column;
  }

  .llc-winners.people-carousel h2.heading-1,
  .llc-winners.people-carousel ul,
  .llc-winners.people-carousel::before {
    width: calc(100% - 20px);
  }

  .llc-winners.people-carousel ul {
    flex-direction: row;
  }

  /**/

	.builder-modules {
		--module-spacing: 100px;
	}

	.builder-modules .submenu + .card-callouts {
		padding-top: 100px;
	}

	.card-callouts .flex-container > h2,
	.card-callouts.full-width .flex-container > h2,
	.card-callouts.full-width-alt .flex-container > h2 {
		width: 100%;
	}

	.card-callouts .flex-container > p,
	.card-callouts.full-width .flex-container > p,
	.card-callouts.full-width-alt .flex-container > p {
		margin: 40px 0 0;
		width: 100%;
	}

	.card-callouts.grid.red-rectangle ul,
	.card-callouts.grid.red-rectangle p + ul {
		margin-top: 120px;
	}

	.card-callouts.full-width ul,
	.page-template-page-llc .card-callouts.full-width ul {
		margin-top: 60px;
	}

	.content-block .heading-image {
		align-items: flex-start;
		flex-direction: column;
	}

	.content-block .heading-image img {
		margin: 0 calc(-1 * var(--container-outer-padding)) 0;
		min-width: calc(100% + (var(--container-outer-padding) * 2));
		order: -1;
		width: 100%;
	}

	.content-block .heading-image h2,
	.content-block.heading-right .heading-image h2 {
		margin: -80px 0 0;
		padding-left: 0;
		padding-right: 40px;
		width: calc(100% - 40px);
	}

	.content-block.heading-right .heading-image h2::before {
		left: calc(-1 * var(--container-outer-padding));
	}

	.content-block .heading-image h2::after {
		background: var(--white);
		bottom: 0;
		content: '';
		display: block;
		height: calc(100% - 80px);
		position: absolute;
		right: -20px;
		width: 20px;
		z-index: -1;
	}

	.content-block.heading-right .heading-image h2 .border {
		border-left: none;
		border-right: solid 1px var(--black);
		left: unset;
	}

	.content-block.heading-right .heading-image h2 .border::after {
		left: initial;
	}

	.content-block .content-cols {
		padding: 70px 40px 80px 0;
	}

	.content-block .content-cols,
	.content-block.heading-right .content-cols {
		flex-direction: column;
	}

	.content-block .content-cols span.large,
	.content-block.text-button-cols .content-cols span.large,
	.content-block .content-cols span.secondary-text {
		width: 100%;
	}

	.content-block.text-button-cols .content-cols .btn,
	.content-block .content-cols span.secondary-text {
		margin: 40px 0 0;
		order: 1;
	}

	.content-block + .content-block,
	.content-block:not([class*="image-text-cols"]) + .content-block:not([class*="image-text-cols"]) {
		--module-spacing: 120px;
	}

	.content-block + .content-block::after {
		height: 240px;
		top: -240px;
	}

	.content-block.image-text-cols-dark[class] .flex-container,
	.content-block.image-text-cols-light[class] .flex-container {
		flex-direction: column;
	}

	.content-block.image-text-cols-dark[class] article,
	.content-block.image-text-cols-light[class] article {
		margin: 0;
		padding: 40px 60px 50px;
		width: 100%;
	}

	.content-block.image-text-cols-dark article::before {
		left: -10px;
		top: -10px;
	}

	.content-block.image-text-cols-dark.heading-left article::before {
		right: -10px;
	}

	.content-block.image-text-cols-light[class] article::before {
		left: 0;
		right: auto;
		width: 100%;
	}

	.content-block.image-text-cols-dark article a,
	.content-block.image-text-cols-light article a {
		margin-bottom: 0;
	}

	.content-block.image-text-cols-dark[class] figure,
	.content-block.image-text-cols-light[class] figure {
		margin: 0;
		padding-bottom: calc(337 / 597 * 100%);
		width: 100%;
	}

	.content-block.image-text-cols-light figure::before {
		right: -10px;
		top: -10px;
	}

	.content-block.image-text-cols-light.heading-left figure::before {
		left: -10px;
	}

	.photo-gallery.lightbox {
		padding: 60px 0;
	}

	.gallery-lightbox + .photo-gallery.lightbox {
		padding-top: 20px;
		--module-spacing: 0;
	}

	.photo-gallery.lightbox h2,
	.photo-gallery.lightbox p {
		max-width: 768px;
		width: 100%;
	}

	.photo-gallery.lightbox h2 + .carousel,
	.photo-gallery.lightbox p + .carousel {
		margin-top: 50px;
	}

	.photo-gallery.lightbox .carousel .slide {
		width: calc(374 / 1440 * 100vw);
	}

	.plain-text .container > * {
		max-width: 100%;
		width: 784px;
	}

	.video-embed .media-player {
		max-width: 990px;
		width: 100%;
	}

	h2.large,
	.heading-2.large {
		font-size: calc(60rem/16);
	}

	.intro-media-block article,
	.intro-media-block .media-block {
		width: 100%;
	}

	.intro-media-block .media-block {
		margin: 60px 0 0;
	}

	/***Single Timeline***/

	.timeline-hero {
		padding-bottom: 30px;
	}

	.timeline-hero article {
		padding-left: 80px;
		padding-right: 80px;
		width: 100%;
	}

	.timeline-year .year {
		width: 50px;
	}

	.up-next-timeline .image-heading {
		padding: 120px 0 100px;
	}

	.up-next-timeline .image-heading > div {
		padding: 0 var(--container-outer-padding);
		width: 100%;
	}

	.up-next-timeline .image-heading > div h3 {
		margin-bottom: 40px;
	}

	.single-timelines .plain-callouts {
		padding: 80px 0;
	}

	/***Research Center***/

	.about-text {
		margin-left: 80px;
	}

	.research-collections .flex-container {
		align-items: center;
		flex-direction: column;
	}

	.collections-text-one,
	.collections-text-two,
	.research-collections .card {
		max-width: 400px;
		width: 100%;
	}

	.collections-text-one {
		margin-bottom: 40px;
	}

	.collections-text-two,
	.research-collections .card:last-of-type {
		margin-bottom: 0;
	}

	.collections-text-two {
		margin-top: 10px;
	}

	.research-collections .card {
		margin-bottom: 80px;
	}

	.page-template-page-research-center .card-callouts h2 {
		margin-bottom: 20px;
	}

	.page-template-page-research-center .card-callouts .biblio-description {
		margin: 0;
		width: 100%;
	}

	.page-template-page-research-center .card-callouts.grid ul {
		margin-top: 40px;
	}

	.map-block > .flex-container {
		align-items: center;
		flex-direction: column;
	}

	.map-text {
		padding: 40px;
		width: 100%;
	}

	.map-text::after {
		content: none;
	}

	#map {
		height: 500px;
		margin: 60px 0;
		width: 500px;
	}

	.get-in-touch-callout {
		padding: 0 0 60px;
	}

	/***Research Center Collections***/

	.collections-description {
		padding: 60px 0;
	}

	.collections-description .watermark {
		bottom: -20px;
		top: unset;
	}

	.collections-content {
		margin-top: 0;
	}

	.collections-content .flex-container {
		flex-direction: column;
		padding-right: 0;
		position: relative;
	}

	.menu-column {
		position: relative;
		top: 0;
		width: 100%;
		z-index: 999;
	}

	.menu-column .submenu {
		padding-bottom: 0;
	}

	.menu-column .submenu > ul {
		padding: 40px;
	}

	.content-column.photo-gallery.lightbox {
		margin: 0 auto;
		padding: 40px 20px;
		width: 100%;
	}

	.collections-content .photo-gallery.lightbox > * {
		width: 100%;
	}

	.collection-buttons .flex-container {
		align-items: center;
		flex-direction: column;
		padding: 60px 40px 60px 20px;
	}

	.collection-buttons .card {
		width: 100%;
	}

	.collection-buttons .card:first-of-type {
		margin-bottom: 60px;
		margin-right: 0;
	}

	/***Research Center - Online Content*/

	.online-content-description {
		padding: 80px 0 90px;
	}

	.online-content-description::after {
		display: none;
	}

	.online-content-description p {
		max-width: 887px;
		width: 100%;
	}

	.page-template-page-research-center-online-content .plain-callouts {
		padding: 100px 0;
	}

	.page-template-page-research-center-online-content .get-in-touch-callout {
		padding-bottom: 80px;
	}

	/***Songbook Series - About****/

	.about-songbook {
		padding-bottom: 80px;
		padding-top: 60px;
	}

	.about-songbook::after {
		display: none;
	}

	/***Songbook Series - Volumes***/

	.songbook-volumes-post {
		padding: 58px 80px 80px 50px;
	}

	/***Lotte Lenya Competition - Overview***/

	.page-template-page-llc .hero-heading-full-width-bkg-video article {
		padding-bottom: 180px;
	}

	.page-template-page-llc .hero-heading-full-width-bkg-video .social-links {
		bottom: 80px;
	}

	.latest-news::before {
		width: 269px;
	}

	.latest-news .container > h2 {
		max-width: 100%;
		width: 205px;
	}

	.apply-callout {
		padding: 80px 0;
	}

	.apply-callout .watermark {
		bottom: -50px;
		right: -200px;
		top: auto;
	}

	.apply-callout .flex-container {
		align-items: center;
		flex-direction: column;
		text-align: center;
		--container-outer-padding: 20px;
	}

	.apply-callout img {
		margin: 0 auto 40px;
	}

	.apply-callout article {
		width: 100%;
	}

	.apply-callout article h2 {
		margin-bottom: 30px;
	}

  .video-content h2.heading-3 {
    font-size: calc(44rem/16);
  }

	/*Featured Story*/

	.next-round.image .flex-container {
		flex-direction: column-reverse;
	}

	.next-round.image article {
		margin-bottom: 60px;
		text-align: center;
		width: 100%;
	}

	.next-round.image .image-link,
	.next-round.image img {
		box-shadow: none;
		height: auto;
		left: 0;
		width: 100%;
	}

	.next-round.image .image-link:hover {
		box-shadow: none;
	}

	/***Kurt Weill Edition - Overview***/

	.about-edition {
		padding: 80px 0;
	}

	.about-edition::before {
		display: none;
	}

	.about-edition img {
		margin: 0 0 30px;
		max-width: 372px;
		width: 100%;
	}

	.about-edition article {
		width: 100%;
	}

	.volumes-cta {
		padding: 80px 0;
	}

	/***Kurt Weill Edition - Volumes***/

	.kwe-volumes-posts::before,
	.kwe-volumes-posts .container > .flex-container::before {
		display: none;
	}

	.kwe-volumes-posts .container > p.large {
		max-width: 681px;
		padding-bottom: 40px;
		width: 100%;
	}

	.kwe-volumes-posts .sticky-nav {
		margin: 0;
	}

	.kwe-volumes-posts .container > .flex-container {
		padding-bottom: 20px;
	}

	.kwe-volumes-posts .container > .flex-container > article {
		padding-top: 30px;
	}

	.kwe-volumes-posts .container > .flex-container > article,
	.kwe-volumes-posts .accordions > h3,
	.kwe-volumes-posts .accordions > p,
	.kwe-volumes-posts .accordions .accordion .content {
		width: 100%;
	}

	/***Kurt Weill Edition - Volume Detail***/

	.volume-information {
		padding-top: 60px;
	}

	.volume-information .container > .flex-container {
		flex-direction: column;
	}

	.volume-information .container > .flex-container > div,
	.volume-information .container > .flex-container > article {
		width: 100%;
	}

	.volume-information .container > .flex-container > div::before {
		height: calc(100% - 143px + 40px);
		right: calc(-1 * var(--container-outer-padding));
		width: 100vw;
	}

	.volume-information .container > .flex-container > div img {
		margin-bottom: 22px;
		max-width: 210px;
		width: 100%;
	}

	.volume-information .sticky-nav,
	.kwe-volumes-posts .sticky-nav {
		display: flex;
		overflow-x: auto;
		padding: 20px 0;
		position: relative;
		top: 0;
		width: 100%;
	}

	.volume-information .sticky-nav {
		margin-bottom: 30px;
	}

	.volume-information .sticky-nav::-webkit-scrollbar,
	.kwe-volumes-posts .sticky-nav::-webkit-scrollbar {
		display: none;
	}

	.volume-information .sticky-nav li,
	.kwe-volumes-posts .sticky-nav li {
		min-width: max-content;
	}

	.volume-information .sticky-nav li + li,
	.kwe-volumes-posts .sticky-nav li + li {
		margin: 0 0 0 20px;
	}

	.volume-information .container > .flex-container > article {
		padding-bottom: 100px;
		position: relative;
		z-index: 1;
	}

	.volume-information .black-box {
		width: 100%;
	}

	.volume-information .black-box + p {
		margin: 35px 0 40px;
	}

	.volume-information .sample-music {
		padding: 0;
	}

	.volume-information .callout {
		margin-top: 80px;
	}

	/***Newsletter***/

	.newsletter-hero .flex-container {
		flex-direction: column;
	}

	.newsletter-hero-text,
	.newsletter-hero-credits {
		width: 100%;
	}

	.newsletter-hero-credits {
		margin-top: 60px;
		max-width: 412px;
	}

	.page-template-page-newsletter .newsletter-intro {
		padding-top: 60px;
	}

	.newsletter-intro .flex-container {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 40px;
	}

	.newsletter-intro .flex-container.issue {
		margin-bottom: 0;
	}

	.newsletter-intro .newsletter-filters h2 {
		margin-bottom: 20px;
	}

	/***Home***/

	.home-hero ul {
		width: 100%;
	}

	.what-we-do {
		margin: 0 0 100px;
		width: 100%;
	}

	.what-we-do .watermark-container {
		display: none;
	}
	
	.quick-links .grid {
		gap: 24px;
	}
	
	.quick-links h2,
	.quick-links ul {
		grid-column: 1 / -1;
	}
	
	.quick-links ul {
		flex-wrap: wrap;
		gap: 16px;
		padding-left: var(--container-outer-padding);
		padding-top: 0;
	}

	.current-highlights .grid {
		margin-top: 80px;
	}

	.upcoming-events .carousel {
		--slide-count: 3;
	}

	.featured-media-callout {
		padding: 80px 0;
	}

	.featured-media-callout::before {
		display: none;
	}

	.featured-media-callout.before-news-module {
		margin: -80px 0 80px;
	}

	.featured-media-callout article,
	.featured-media-callout .media-player,
	.content-callout img,
	.content-callout aside {
		width: 100%;
	}

	.featured-media-callout .media-player {
		margin: 60px 0 0;
	}

	.content-callout {
		margin: 0 0 80px;
	}

	.content-callout img {
		box-shadow: none;
		height: auto;
		margin: 60px 0 0;
		order: 1;
	}

	.content-callout aside h2 {
		margin-bottom: 30px;
	}

	/*Hero - Option 2*/

	.home-hero.hero-2 ul article p {
		font-size: calc(26rem / 16);
		letter-spacing: -0.2px;
		line-height: calc(32 / 26);
	}

	/***Judges/Finalists***/

	.llc-finalists-judges {
		padding-bottom: 64px;
	}

	.llc-finalists-judges .info-bubble {
		margin-bottom: 30px;
		position: static;
	}

	.llc-finalists-judges h2 {
		width: 100%;
	}

	.llc-finalists-judges .horizontal-bios {
		gap: 0;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 800*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 50em) {

	/***Home***/

	/*Hero - Option 2*/

	.home-hero.hero-2 {
		margin-bottom: 18px;
	}

	.hero-bkg-container {
		height: calc(220 / 375 * 100vw);
		min-height: 0;
	}
	
	.hero-bkg-container img {
		object-position: center top;
	}

	.hero-bkg-container h1 {
		display: none;
	}

	.home-hero.hero-2 .slick-track {
		align-items: flex-start;
	}

	.home-hero.hero-2 ul {
		padding-bottom: 56px;
	}

	.home-hero.hero-2 ul a {
		flex-direction: column;
		padding-right: 0;
	}

	.home-hero.hero-2 .img-container {
		margin-bottom: 26px;
		padding: 20px 20px 0 20px;
		width: 100%;
	}

	.home-hero.hero-2 ul img {
		width: 100%;
	}

	.home-hero.hero-2 ul article {
		padding: 0 20px;
		width: 100%;
	}

	.home-hero.hero-2 ul article p {
		margin-bottom: 27px;
	}

	.home-hero.hero-2 .slick-arrow {
		bottom: 0;
	}

	.home-hero.hero-2 .slick-arrow.slick-prev {
		right: 80px;
	}

	.home-hero.hero-2 .slick-arrow.slick-next {
		right: 20px;
	}

	.home-hero.hero-2 .slick-dots {
		bottom: 22px;
		left: 20px;
		padding: 0;
		right: auto;
		width: auto;
	}

	/*What We Do*/

	.what-we-do.hero-2 {
		display: block;
	}

	.what-we-do.hero-2:after {
		height: calc(100% - 60px - 10px);
		right: 10px;
		top: 10px;
		width: calc(100% - 30px);
	}

	.what-we-do.hero-2 h1 {
		font-size: calc(26rem / 16);
		letter-spacing: -0.2px;
		line-height: calc(32 / 26);
		margin: 0;
		padding: 30px 20px 60px;
	}

  /***Modules***/

  /*Ticket CTA*/
  .ticket-cta h2 {
    padding-left: 75px;
  }

  .ticket-cta form {
    margin: 55px 0 0 75px;
    flex-direction: column;
    gap: 20px;
  }

  .ticket-cta::before,
  .ticket-cta::after {
    height: 95%;
  }

  .ticket-cta .animated-line {
    height: 40%;
  }

  .ticket-cta {
    padding: 80px 0 115px;
  }

  .contact-cta.ticket-cta .btn {
    align-self: start;
  }

  /*LLC Winners*/

  .llc-winners.people-carousel h2.heading-1 {
    font-size: calc(66rem / 16);
    line-height: 1.1;
    margin-bottom: 50px;
  }

  .llc-winners.people-carousel ul {
    margin-bottom: 80px;
  }

	/*Text + Photo*/

	.text-and-photo .flex-container,
	.text-and-photo.reverse .flex-container {
		flex-direction: column-reverse;
	}

	.text-and-photo .text-container,
	.text-and-photo .img-container {
		width: 100%;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 650*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 40.625em) {

	.card-wide {
		flex-wrap: wrap;
	}

	.card-wide .image-wrapper {
		height: auto;
		max-height: 300px;
		min-width: unset;
		width: calc(100% - 20px);
	}

	.card-wide .image-wrapper + article {
		padding-top: 25px;
		--pseudo-extra-space: 0;
	}

	.card-wide .image-wrapper + article:after {
		height: calc(100% + 81px);
	}

	.card-wide article {
		padding-left: 50px;
		padding-right: 50px;
	}

	.card-wide article:before {
		left: 0;
		width: calc(100% - 20px);
	}

	.card-wide article:after {
		left: 19px;
		width: calc(100% - 21px);
	}

	.card-wide-alt,
	.card-callouts.grid ul[data-card-count="2"] .card {
		flex-direction: column;
		padding-right: 60px;
	}

	.card-wide-alt h3,
	.card-wide-alt p {
		width: 100%;
	}

	.card-wide-alt p {
		margin: 13px 0 0;
	}

	.indent {
		display: initial;
		margin: 0;
	}

	/***Footer***/

	.footer-help {
		margin-bottom: 30px;
		margin-left: calc(-1 * var(--container-outer-padding));
		min-width: calc(100% + (var(--container-outer-padding) * 2));
		padding: 30px;
		padding: 25px 30px 35px;
	}

	.footer-help article {
		width: 100%;
	}

	footer {
		padding-top: 40px;
	}

	footer > .flex-container {
		gap: 0;
	}

	footer .newsletter form {
		margin-bottom: 53px;
	}

	footer > .flex-container > .menu {
		width: 100%;
	}

	footer > .flex-container > .menu:not(#menu-footer-column-2),
	#menu-footer-bottom {
		margin-top: 31px;
	}

	#menu-footer-column-2 a {
		font-size: calc(14rem / 16);
	}

	#menu-footer-column-3 li li,
	#menu-footer-column-4 li li {
		font-size: 1rem;
	}

	#menu-footer-column-4 > li:last-of-type {
		margin-top: 56px;
	}

	footer .bottom-footer {
		padding: 0 0 59px;
	}

	#menu-footer-bottom li {
		display: block;
		font-size: calc(11rem / 16);
		margin: 0 0 34px;
	}

	footer .bottom-footer p {
		font-size: calc(14rem / 16);
		line-height: calc(22 / 14);
		margin-top: 9px;
		order: 2;
	}

	/***Works Archive***/

	.works-hero article {
		padding-right: 20px;
	}

	.works-hero article::after {
		right: -10px;
		top: 10px;
	}

	.works-hero h1 span {
		display: inline;
		margin: 0;
	}

	.works-hero p {
		margin: 0;
	}

	.works-hero aside {
		margin-left: -20px;
		padding: 25px 30px 35px;
	}

	.works-hero h2 {
		margin-bottom: 20px;
	}

	.works-posts .terms-list li {
		margin: 0 0 10px;
		text-align: center;
		width: 100%;
	}

	.works-posts .terms-list li a {
		display: inline-block;
	}

	body .select2-results__option {
		padding: 5px 15px 5px 39px;
	}

	body .select2-results__option:not(.select2-results__message)::before {
		left: 15px;
	}

	.works-posts .filters li.counter,
	.songbook-volumes-posts .filters li.counter {
		padding: 9px 10px;
	}

	.works-posts .filters .select2-selection.select2-selection--multiple input,
	.songbook-volumes-posts .filters .select2-selection.select2-selection--multiple input {
		padding-left: 10px;
	}

	.work-post article p {
		margin-bottom: 40px;
		width: 100%;
	}

	/***Work Single***/

	.work-detail-hero .black-box {
		grid-template-columns: 1fr;
		padding: 30px;
	}

	.work-detail-hero aside {
		padding-left: 20px;
	}

	.work-detail-hero aside .image::before {
		right: -10px;
		top: -10px;
	}

	.work-detail-hero aside p {
		padding-bottom: 30px;
	}

	.photo-carousel .image-wrapper {
		height: calc(440 / 784 * 100vw);
	}

	.performing-forces ul.grid,
	.performing-forces li.grid,
	.adaptions ul.grid {
		grid-template-columns: 1fr;
	}

	.adaptions .card-wide article,
	.arrangements .card-wide article {
		padding: 20px 40px 20px 20px;
	}

	.adaptions .card,
	.arrangements .card {
		margin-bottom: 20px;
	}

	.adaptions .card .card-info,
	.arrangements .card .card-info {
		align-items: flex-start;
		height: auto;
		margin: 20px 0 0 -20px;
		padding: 14px 14px 14px 20px;
		position: static;
		width: calc(100% + 40px);
	}

	.selected-readings .slide {
		padding-right: 26px;
		width: calc(100vw - 60px);
	}

	.selected-readings .card {
		padding: 30px 20px 50px 20px;
	}

	.performing-forces ul.grid {
		gap: 20px;
	}

	.performing-forces li.grid ul + ul {
		margin-top: 23px;
	}

	.bottom-callouts {
		grid-template-columns: 1fr;
	}

	.bottom-callouts a {
		height: 260px;
	}

	/***Page Builder***/

	/*Hero Style - Content Contained Image*/

	.hero-content-contained-image::after,
	.hero-content-contained-image.with-frame::after {
		height: 100%;
		top: 0;
		width: 100%;
	}

	.hero-content-contained-image:not(.with-frame) article {
		padding-top: 20px;
	}

	.hero-content-contained-image article h1 br {
		display: none;
	}

	.hero-content-contained-image figure,
	.hero-content-contained-image.remove-image-fill figure,
	.hero-content-contained-image.with-frame figure,
	.hero-content-contained-image.with-frame.remove-image-fill figure {
		margin: 50px 0 80px;
		z-index: 1;
	}

	.hero-content-contained-image.no-image article {
		padding-bottom: 60px;
	}

	.hero-content-contained-image.with-frame.no-image article::before {
		display: none;
	}

	.hero-content-contained-image.with-frame.no-image article::after {
		height: calc(100% - 120px - 10px);
	}

	/*Hero Style - Content Contained Image With Frame*/

	.hero-content-contained-image.with-frame {
		padding-top: 0;
	}

	.hero-content-contained-image.with-frame::before {
		background: var(--offwhite);
		display: block;
		height: 110px;
		left: unset;
		right: 0;
		width: 60%;
	}

	.hero-content-contained-image.with-frame::after {
		width: 100%;
	}

	.hero-content-contained-image.with-frame article {
		padding-right: 0;
		padding-top: 150px;
	}

	.hero-content-contained-image.with-frame article::before {
		background: transparent;
		border-bottom: solid 1px var(--black);
		display: block;
		height: 100%;
		left: unset;
		right: calc(-1 * var(--container-outer-padding) + 10px);
		top: 120px;
		width: calc(100% + 10px);
	}

	.hero-content-contained-image.with-frame article::after {
		height: calc(100%);
		right: calc(-1 * var(--container-outer-padding) + 10px);
		top: 120px;
	}

	/*Hero Style - Content and Background Image*/

	.hero-content-bkg-image article p {
		margin-bottom: 26px;
	}

	/*Hero Style - Heading and Full-width Background Video*/

	.hero-heading-full-width-bkg-video article {
		padding: 160px 0 140px;
	}

	.hero-heading-full-width-bkg-video .submenu {
		margin-top: 30px;
	}

	.hero-heading-full-width-bkg-video .submenu > ul > li > a {
		color: var(--gray);
	}

	.hero-heading-full-width-bkg-video .submenu > ul > li.active > a,
	.hero-heading-full-width-bkg-video .submenu > ul > li.has-children.hovered > a,
	.hero-heading-full-width-bkg-video .submenu > ul > li:not(.active) > a:hover {
		color: var(--black);
	}

	.hero-heading-full-width-bkg-video .submenu #menu-current-item {
		color: var(--white);
	}

	.hero-heading-full-width-bkg-video .submenu li.has-children .children {
		background: transparent;
	}

	/*Hero Style - Content*/

	.hero-content article .arrow-link {
		margin-top: 0;
	}

	.hero-content.no-image article,
	.hero-content.no-image.no-description article {
		padding-bottom: 90px;
	}

	/*Hero Style - Content Image With Frame*/

	.hero-content.image.with-frame {
		padding-bottom: 90px;
	}

	.hero-content.image.with-frame figure::before {
		display: none;
	}

	/*Menu*/

	.hero-content-contained-image + .submenu,
	.hero-content + .submenu,
	.hero-content.image.red-rectangle + .submenu,
	.hero-content-bkg-image + .submenu:not(.secondary) {
		--negative-margin-top: -48px;
	}

	.hero-content.image.red-rectangle + .submenu:not(.sticky) {
		padding-bottom: 0;
	}

	.hero-content-contained-image + .submenu:not(.super-sticky),
	.hero-content-contained-image.with-frame + .submenu:not(.super-sticky) {
		--max-width: 100%;
	}

	[class*="hero-"] article .submenu {
		left: calc(-1 * var(--container-outer-padding));
		min-width: calc(100% + (var(--container-outer-padding) * 2));
	}

	.hero-content-bkg-image article .submenu > ul,
	.hero-content-bkg-image + .submenu ul {
		padding-left: var(--container-outer-padding);
		padding-right: var(--container-outer-padding);
	}

	.submenu {
		max-width: 100% !important;
		overflow: initial;
		padding: 0;
	}

	.submenu:not(.sticky) {
		margin-bottom: 0;
		padding: 0;
		z-index: 999;
	}

	.submenu #menu-current-item {
		align-items: center;
		display: flex;
		justify-content: space-between;
		outline: none;
		padding: 18px calc(var(--container-outer-margin) + var(--container-outer-padding)) 17px;
		position: relative;
		width: 100%;
	}

	.submenu #menu-current-item svg {
		display: block;
		transition: .25s var(--transition-timing-function);
	}

	[class*="hero-"] article .submenu > ul {
		padding: 0 var(--container-outer-padding) 20px;
	}

	.submenu > ul {
		align-items: flex-start;
		background: transparent;
		flex-direction: column;
		left: 0;
		min-width: 0;
		opacity: 1;
		padding: 0 var(--container-outer-padding) 20px;
		pointer-events: none;
		position: absolute;
		top: 48px;
		transition: .25s var(--transition-timing-function);
		width: 100vw;
	}

	.submenu > ul::before {
		background: var(--white);
		box-shadow: 0 22px 30px rgba(31,31,31,0);
		content: '';
		display: block;
		height: 0px;
		left: 0;
		position: absolute;
		top: -2px;
		transition: .25s var(--transition-timing-function);
		width: 100%;
		z-index: -1;
	}

	.submenu > ul::after {
		background: var(--red);
		content: '';
		display: block;
		height: 2px;
		left: 50%;
		position: absolute;
		top: -2px;
		transform: translate3d(-50%, 0, 0);
		transition: .25s var(--transition-timing-function);
		width: calc(100% - (var(--container-outer-padding) * 2));
		z-index: -1;
	}

	.submenu > ul > li {
		opacity: 0;
		transition: .25s var(--transition-timing-function);
	}

	.submenu > ul > li + li,
	.hero-heading-full-width-bkg-video .submenu > ul > li + li {
		margin: 0;
	}

	.submenu > ul > li.has-children::before {
		display: none;
	}

	.submenu > ul > li a {
		margin-bottom: 0;
		padding: 14px 0;
	}

	.submenu > ul > li a::after {
		display: none;
	}

	.submenu > ul > li li.active a:not(:hover) {
		color: var(--gray);
	}

	.submenu .children {
		background: transparent;
		box-shadow: none;
		left: 0;
		margin: 14px 0 12px 20px;
		max-height: unset;
		max-width: unset;
		opacity: 1;
		overflow: unset;
		padding: 0;
		pointer-events: none;
		position: relative;
		transform: none;
		width: 100%;
	}

	.submenu .children li + li {
		margin-top: 10px;
	}

	.submenu .children li a {
		color: var(--gray);
	}

	.submenu .children li a:hover {
		color: var(--black);
	}

	.submenu.dropdown-open #menu-current-item svg {
		transform: rotate(180deg);
	}

	.submenu.dropdown-open > ul {
		pointer-events: auto;
	}

	.submenu.dropdown-open > ul::before {
		box-shadow: 0 22px 30px rgba(31,31,31,.2);
		height: 100%;
	}

	.submenu.dropdown-open > ul::after {
		opacity: 0;
	}

	.submenu.dropdown-open > ul > li {
		opacity: 1;
	}

	.submenu.dropdown-open .children {
		pointer-events: auto;
	}

	.submenu.super-sticky {
		background: var(--white);
	}

	.submenu.super-sticky > ul,
	.hero-content-bkg-image + .submenu.super-sticky ul {
		background: transparent;
	}

	/***Modules***/

  /*Location Map*/

  .location-map .instructions {
    top: -100px;
  }

  .location-map .map {
    width: 100%;
  }

  .location-map .accordion button {
    flex-wrap: nowrap;
  }

  .location-map .accordion button .icon {
    flex-shrink: 0;
    margin-left: 10px;
  }

  /*Large Headline*/
  .large-headline:not(.small-heading) h2 {
    font-size: calc(50rem / 16);
    width: 95%;
  }

  /*Media Cards*/

  .media-cards ul {
    grid-template-columns: 1fr;
  }

  .media-cards h3 {
    margin-top: 0;
  }

  /*Ticket CTA*/

  .ticket-cta {
    padding-top: 60px;
  }

  .ticket-cta h2 {
    padding-left: 50px;
  }

  .ticket-cta form {
    margin: 50px 0 0 50px;
  }

  .ticket-cta input {
    padding-right: 15px;
    width: auto;
  }

  /*LLC Winners*/
  .llc-winners.people-carousel h2.heading-1 {
    font-size: calc(66rem / 16);
    line-height: 1.1;
  }

  .llc-winners.people-carousel .people-grid .card {
    width: calc(100vw - 60px);
  }

  .llc-winners.people-carousel .slick-list {
    margin-top: 50px;
  }

  .llc-winners.people-carousel ul {
    margin-bottom: 0;
    flex-direction: column;
    gap: 30px;
    position: relative;
  }

  .llc-winners.people-carousel ul::before {
    background: var(--white);
    content: '';
    height: 440px;
    left: -20px;
    position: absolute;
    bottom: -68px;
    width: calc(100% + 40px);
    z-index: -1;
  }

  .people-carousel::before {
    height: 408px;
    top: 60px;
  }

  .llc-winners.people-carousel h2.heading-1 {
    margin-bottom: 50px;
    font-size: calc(50rem / 16);
  }

  /*Contact*/

  .contact-cta {
    padding-bottom: 75px;
  }

  .contact-cta h2 {
    font-size: calc(33rem / 16);
  }

  .contact-cta .container {
    padding: 0 var(--container-outer-padding);
  }

  .contact-cta::before,
  .contact-cta::after {
    width: calc(100% - 60px);
  }

  .contact-cta::before {
    left: 40px;
  }

  .contact-cta::after {
    left: 20px;
  }

  .contact-cta .animated-line::after {
    left: -40px;
  }

	.builder-modules{
		--module-spacing: 60px;
	}

	.builder-modules .submenu + .card-callouts {
		padding-top: 80px;
	}

	.content-block + .card-callouts.grid {
		--module-spacing: 70px;
	}

	.card-callouts.full-width + .content-block,
	.content-block.image-text-cols-dark,
	.content-block.image-text-cols-light {
		--module-spacing: 80px;
	}

	.builder-modules section.card-callouts:last-child {
		margin-bottom: 80px;
	}

	.card-callouts .flex-container > p {
		margin-top: 25px;
	}

	.card-callouts.grid ul,
	.card-callouts.grid.red-rectangle p + ul {
		margin-top: 60px;
	}

	.card-callouts.grid.red-rectangle ul:before {
		bottom: -120px;
		height: 300px;
		top: unset;
		width: calc(100% + (var(--container-outer-padding) * 2));
	}

	.card-callouts.grid-alt h2 {
		margin-bottom: 50px;
	}

	.builder-modules .card-callouts.grid.red-rectangle:not(:last-child) ul:before {
		display: none;
	}

	.card-callouts.grid-alt .card article {
		margin: -30px 0 0;
		padding: 44px 50px 55px;
		width: 100%;
	}

	.content-block .heading-image h2,
	.content-block.heading-right .heading-image h2 {
		margin-top: -40px;
		padding-bottom: 60px;
		padding-top: 50px;
		width: 100%;
	}

	.content-block .heading-image h2::after {
		height: calc(100% - 40px);
	}

	.content-block .content-cols {
		padding: 60px 0;
	}

	.content-block .content-cols::before {
		width: calc(100% + (var(--container-outer-padding) * 2));
	}

	.content-block + .content-block,
	.content-block:not([class*="image-text-cols"]) + .content-block:not([class*="image-text-cols"]) {
		--module-spacing: 80px;
	}

	.content-block + .content-block::after {
		width: 70%;
	}

	.content-block.image-text-cols-dark[class] article,
	.content-block.image-text-cols-light[class] article {
		padding: 40px 30px 60px;
	}

	.content-block.image-text-cols-dark article h2,
	.content-block.image-text-cols-light article h2 {
		margin-bottom: 13px;
	}

	.content-block.image-text-cols-dark article a,
	.content-block.image-text-cols-light article a {
		margin-top: 34px;
	}

	.plain-text .container {
		width: 100%;
	}

	.people-grid ul.grid,
	.llc-winners ul {
		grid-template-columns: 1fr;
	}

	.people-grid .card::after {
		right: 0;
		width: calc(100% - 21px) !important;
	}

	.people-grid .card .btn.icon {
		right: 0;
	}

	.image-carousel {
		left: calc(-1 * var(--container-outer-padding));
		width: 100vw;
	}

	.image-carousel .slick-arrow {
		top: calc(50% - 20px);
	}

	.photo-gallery.lightbox .carousel {
		left: 0;
		padding-left: 0;
		width: calc(100% + var(--container-outer-padding));
	}

	.photo-gallery.lightbox .carousel .slide {
		margin-right: 10px;
		width: calc(100vw - (var(--container-outer-padding) * 2) - 20px);
	}

	.photo-gallery.lightbox .carousel .slide:not(.slick-active).overlay figure::after {
		opacity: .2;
	}

	.photo-gallery.lightbox .carousel .slide.overlay figure::after {
		opacity: .5;
	}

	.image-carousel .slick-arrow,
	.photo-gallery.lightbox .carousel .slick-arrow {
		display: none !important;
	}

	.image-carousel[data-image-fit="contain"] .slide .caption {
		max-width: 200px;
	}

	h2.large,
	.heading-2.large {
		font-size: calc(40rem/16);
	}

	.intro-media-block {
		padding: 60px 0;
	}

	.intro-media-block article .btn {
		max-width: 100%;
	}

	.intro-media-block .media-block {
		padding: 30px 20px;
	}

	.intro-media-block .media-block span.heading-6,
	.intro-media-block .media-block ul {
		width: 100%;
	}

	.intro-media-block .media-block ul {
		margin: 20px 0 0;
		text-align: left;
	}

  /*Video with Content*/

  .video-content {
    margin-bottom: 100px;
  }

  .video-content h2.heading-3 {
    font-size: calc(36rem/16);
    width: 90%;
  }

  .video-content article {
    flex-direction: column;
    padding-bottom: 150px;
    padding-left: 60px;
  }

  .video-content article::before {
    height: calc(100% + 111px + 20px);
    width: calc(50% + var(--container-outer-margin) + var(--container-outer-padding));
  }

  .video-content article {
    flex-direction: column;
    padding-bottom: 150px;
    padding-left: 60px;
  }

  .video-content .media-player {
    margin-left: 60px;
    margin-top: -123px;
    width: 80%;
  }

  .video-content .media-player .btn.icon.large-icon {
    height: 60px;
    width: 60px;
  }

  .video-content .media-player .btn.icon.large-icon svg {
    height: 20px;
  }

  .video-content article > div {
    width: 90%;
  }

	.artist-grid .llc-winner-filters .container {
		margin-bottom: 0;
	}

	/***Events***/

	.events-posts .filters .searchandfilter > ul,
	.plain-callouts .grid,
	.songbook-volumes-posts .filters .searchandfilter > ul {
		grid-template-columns: 1fr;
	}

	.plain-callouts .grid {
		gap: 40px;
	}

	.plain-callouts a {
		padding: 20px 30px 20px 40px;
	}

	/***News Archive***/

	.news-hero .archive-filter {
		padding: 30px 20px;
	}

	.news-hero article,
	.news-hero .archive-filter {
		width: 100%;
	}

	.news-hero .archive-filter {
		margin: 0;
	}

	.news-content .grid {
		grid-template-columns: 1fr;
	}

	.newsletter-callout form {
		flex-wrap: wrap;
	}

	.newsletter-callout input {
		margin: 0 0 20px;
		width: 100%;
	}

	.social-media .grid,
	.page-template-page-llc .social-media li.instagram #sb_instagram #sbi_images {
		grid-template-columns: 1fr;
	}

	.instagram #sbi_images > div a {
		height: calc( (100vw - (2 * var(--container-outer-padding) ) ) ) !important;
	}

	.newsletter-modal {
		padding: 60px 40px 30px;
	}

	.newsletter-modal::before {
		left: 10px;
		top: 10px;
	}

	.newsletter-modal .close {
		right: 0;
		top: 0;
	}

	.newsletter-modal .two-column,
	.newsletter-modal .three-column,
	.newsletter-modal .half-column {
		width: 100%;
	}

	/***People Archive***/

	#board-of-trustees {
		padding: 60px 0 0;
	}

	#honorary-and-emeritus-trustees {
		padding: 60px 0 0;
	}

	#staff {
		padding: 60px 0;
	}

	/***Timeline Archive***/

	.biography-intro .btns {
		flex-direction: column;
	}

	.biography-intro .btn + .btn {
		margin: 20px 0 0;
	}

	.newsletter-intro .image::before {
		display: none;
	}

	/***Single Timeline***/

	.timeline-hero {
		padding-bottom: 0;
	}

	.timeline-hero article {
		padding: 50px 30px 0;
	}

	.timeline-hero article::after {
		height: calc(100% - 10px - 22px - 21px);
		left: 10px;
		top: 10px;
	}

	.timeline-hero article p + .btn {
		justify-content: center;
		margin-left: -10px;
		margin-top: 40px;
		width: calc(100% + 20px);
	}

	.visual-timeline {
		margin-bottom: 120px;
	}

	.visual-timeline .line {
		left: 10px;
	}

	.timeline-year:not(:last-child) {
		padding-bottom: 80px;
	}

	.timeline-year > .image-heading {
		margin-bottom: 80px;
	}

	.timeline-year > .image-heading h2 {
		top: calc(50% - 22px);
	}

	.timeline-year .year {
		margin-left: 5px;
		margin-right: 20px;
		width: 40px;
	}

	.timeline-year .year::before {
		right: calc(100% + 11px);
	}

	.timeline-year .date {
		flex-direction: column;
	}

	.timeline-year .date + .date {
		margin-top: 60px;
	}

	.timeline-year .date > article {
		position: relative;
		top: 0;
		width: 100%;
	}

	.timeline-year .date > article p + h3 {
		word-break: break-word;
	}

	.timeline-year .date > article h3 + p.large {
		margin-top: 20px;
	}

	.timeline-year .date ul {
		width: 100%;
	}

	.timeline-year .date ul li + li {
		margin-top: calc(93px - 30px);
	}

	.timeline-year .date ul li.image + li.media-card {
		margin-top: calc(77px - 30px);
	}

	.timeline-year .date ul li.audio + li.image {
		margin-top: calc(116px - 30px);
	}

	.timeline-year .date ul li.audio + li.video {
		margin-top: calc(100px - 30px);
	}

	.timeline-year .date ul li.video + li.image {
		margin-top: calc(96px - 30px);
	}

	.timeline-year .date ul li figure.small {
		max-width: 100%;
		width: 200px;
	}

	.timeline-year .date ul li img {
		box-shadow: 8px -8px var(--red);
	}

	.up-next-timeline .image-heading {
		padding: 70px 0;
	}

	/***Research Center***/

	.page-template-page-research-center .submenu.secondary ul {
		top: 76px;
	}

	.page-template-page-research-center .submenu.secondary.super-sticky ul {
		top: 48px;
	}

	.page-template-page-research-center .submenu.secondary ul::after {
		content: none;
	}

	.research-about {
		padding: 60px var(--container-outer-padding);
	}

	.research-about .watermark {
		display: none;
	}

	.research-about .flex-container {
		align-items: center;
		flex-direction: column;
	}

	.research-about .about-text {
		margin-left: 0;
	}

	.page-template-page-research-center .card-callouts {
		margin-top: 70px;
	}

	.page-template-page-research-center .card-callouts ul {
		margin-top: 60px;
	}

	.page-template-page-research-center .card-callouts.grid {
		margin-top: 80px;
	}

	.page-template-page-research-center .card-callouts.grid ul {
		margin-top: 20px;
	}

	.page-template-page-research-center .card-callouts ul {
		margin-top: 40px;
	}

	.about-img {
		margin-bottom: 60px;
		max-width: 400px;
		right: 10px;
		width: calc(100% - 20px);
	}

	.map-text {
		padding: 40px 20px;
	}

	.map-text::before {
		content: none;
	}

	.map-text h2 {
		margin-top: 24px;
	}

	#map {
		width: calc(100% - 40px);
	}

	.get-in-touch-callout .flex-container {
		flex-direction: column;
	}

	.get-in-touch-callout .left-side,
	.get-in-touch-callout .right-side {
		width: 100%;
	}

	.get-in-touch-callout .left-side {
		margin-bottom: 20px;
	}

	/***Research Center Collections***/

	.collections-description .watermark {
		display: none;
	}

	.menu-column {
		position: sticky;
	}

	.menu-column .submenu > ul {
		flex-direction: row;
		overflow-x: auto;
		padding: 0 20px;
		pointer-events: auto;
		position: sticky;
	}

	.menu-column .submenu > ul > li {
		min-width: max-content;
		opacity: 1;
	}

	.menu-column .submenu > ul > li + li {
		margin: 0 0 0 20px;
	}

	.menu-column .submenu > ul > li a {
		padding: 20px 0;
	}

	.content-column.photo-gallery.lightbox {
		padding: 40px 0;
	}

	.collections-content .photo-gallery.lightbox > * {
		margin-left: 20px;
		width: calc(100% - 40px);
	}

	.collections-content .photo-gallery.lightbox .carousel {
		margin-left: 20px;
		width: calc(100% - 20px);
	}

	.collections-content .photo-gallery.lightbox .slide {
		margin-left: 0;
		margin-right: 20px;
	}

	/***Research Center - Online Content*/

	.online-content-description {
		padding: 60px 0 70px;
	}

	.page-template-page-research-center-online-content .plain-callouts {
		padding: 60px 0;
	}

	.page-template-page-research-center-online-content .get-in-touch-callout {
		padding-bottom: 60px;
	}

	/***Newsletter***/

	.newsletter-hero {
		padding-top: 160px;
	}

	.newsletter-hero-credits {
		padding: 57px 40px;
	}

	/***Songbook Series - About****/

	.about-songbook .container > ul {
		gap: 30px;
		grid-template-columns: 1fr;
		margin-top: 50px;
	}

	.about-text {
		max-width: 400px;
		padding-right: 0;
		width: 100%;
	}

	/***Songbook Series - Volumes***/

	.songbook-volumes-posts {
		padding-bottom: 60px;
	}

	.songbook-volumes-post {
		flex-direction: column;
		padding-right: 50px;
	}

	.songbook-volumes-post .song-title,
	.songbook-volumes-post .show-title,
	.songbook-volumes-post .composer-lyricist,
	.songbook-volumes-post .age-range,
	.songbook-volumes-post .character-gender,
	.songbook-volumes-post .performer-recording {
		margin: 16px 0 0;
		width: 100%;
	}

	.songbook-volumes-post .song-title {
		margin-top: 0;
	}

	.songbook-volumes-post .composer-lyricist .underline {
		display: inline-block;
		margin-right: 8px;
	}

	/***Lotte Lenya Competition - Overview***/

	.page-template-page-llc .hero-heading-full-width-bkg-video article {
		padding-bottom: 140px;
	}

	.page-template-page-llc .hero-heading-full-width-bkg-video .social-links {
		bottom: 50px;
	}

	.about-competition {
		margin-top: 0;
		padding-bottom: 70px;
	}

	.about-competition .container > div {
		padding: 70px var(--container-outer-padding) 50px 0;
	}

	.about-competition .container > div::before {
		right: calc(-1 * var(--container-outer-padding));
		width: 100vw;
	}

	.about-competition .container > div::after {
		right: -10px;
		top: 10px;
		width: calc(100% + 11px);
	}

	.latest-news {
		padding-bottom: 80px;
	}

	.latest-news::before {
		display: none;
	}

	.latest-news .container > h2 {
		color: var(--black);
		width: 100%;
	}

	.latest-news .container > .arrow-link {
		margin-top: 25px;
	}

	.apply-callout {
		padding: 60px 0;
	}

	.apply-callout::before {
		bottom: 10px;
		height: 80px;
		left: 10px;
		width: calc(100% - 21px);
	}

	.apply-callout::after {
		height: calc(100% - 21px);
		right: 10px;
		top: 10px;
	}

	.apply-callout img {
		height: auto;
		max-width: 100%;
		width: 280px;
	}

	.page-template-page-llc .card-callouts.full-width {
		padding: 80px 0 60px;
	}

	.page-template-page-llc .newsletter-callout {
		margin-bottom: 100px;
	}

	.page-template-page-llc .social-media {
		padding-top: 80px;
	}

	.page-template-page-llc .social-media h2 {
		margin-bottom: 40px;
	}

	/*Featured Story*/

	.next-round:not(.image) {
		padding-bottom: 80px;
	}

	.next-round .btn {
		margin-top: 32px;
	}

	.next-round.image h2 {
		margin-bottom: 30px;
	}

	/***Lotte Lenya Competitionn Winners***/

	.llc-winner-filters .container {
		flex-direction: column;
		margin-top: 60px;
	}

	.llc-header p {
		margin-bottom: 20px;
	}
	.llc-winner-filters .searchandfilter ul li {
		padding-bottom: 40px;
	}

	.llc-winners {
		padding-bottom: 60px;
	}

	.llc-winners .people-grid .card img {
		height: unset;
	}

	/***Kurt Weill Edition - Overview***/

	.about-edition,
	.volumes-cta {
		padding: 60px 0;
	}

	/***Kurt Weill Edition - Volumes***/

	.kwe-volumes-posts .container > p.large {
		padding: 50px 0;
	}

	.kwe-volumes-posts .container > .flex-container {
		padding-bottom: 0;
	}

	.kwe-volumes-posts .container > .flex-container > article {
		padding-top: 0;
	}

	.kwe-volumes-posts .accordions {
		padding-top: 46px;
	}

	.kwe-volumes-posts .accordions .accordion h2 button .vol-number {
		width: 40px;
	}

	.kwe-volumes-posts .accordions .accordion .content {
		padding-bottom: 40px;
	}

	.kwe-volumes-posts .accordions .accordion .content p.small,
	.kwe-volumes-posts .accordions .accordion .content .btn.arrow-link {
		max-width: 100%;
		width: 100%;
	}

	.kwe-volumes-posts .accordions .accordion .content .btn.arrow-link {
		margin: 20px 0 0;
	}

	.kwe-volumes-posts .small-text {
		margin: 0;
		width: 100%;
	}

	/***Kurt Weill Edition - Volume Detail***/

	.volume-information .container > .flex-container {
		margin-top: 40px;
	}

	.volume-information .container > .flex-container > div::before {
		display: none;
	}

	.volume-information .container > .flex-container > div img {
		margin-bottom: 50px;
	}

	.volume-information .sticky-nav,
	.kwe-volumes-posts .sticky-nav {
		display: none;
	}

	.volume-information .container > .flex-container > article {
		padding-bottom: 60px;
	}

	.volume-information .black-box {
		grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
		padding: 25px 30px;
	}

	.volume-information .overview {
		margin-bottom: 50px;
	}

	.volume-information .overview h3,
	.volume-information .recognition h3,
	.volume-information .publications h3 {
		margin-bottom: 18px;
	}

	.volume-information .recognition,
	.volume-information .recordings,
	.volume-information .publications {
		margin: 50px 0;
	}

	.volume-information .recordings h3,
	.volume-information .sample-music h3 {
		margin-bottom: 30px;
	}

	.volume-information .recordings ul li {
		align-items: flex-start;
		flex-direction: column;
	}

	.volume-information .recordings ul li img {
		margin: 0 0 20px;
		max-width: 168px;
		width: 100%;
	}

	.volume-information .recordings ul li + li {
		margin-top: 40px;
	}

	.volume-information .recordings ul li p {
		margin-bottom: 18px;
	}

	.volume-information .callout {
		margin-top: 60px;
		padding-bottom: 20px;
	}

	/***Contact***/

	.help-options .grid {
		gap: 30px;
		grid-template-columns: 1fr;
	}

	/***Home***/

	.home-hero > img {
		max-height: 667px;
	}

	.home-hero ul {
		width: calc(100% - 20px);
	}

	.home-hero ul img {
		height: 100%;
		order: 1;
		width: 100%;
		width: calc(100% - 20px);
	}

	.home-hero ul article {
		padding: 27px 20px 40px;
	}

	.what-we-do {
		margin-bottom: 60px;
	}

	.what-we-do::after {
		height: calc(100% - 11px - 70px);
		right: 10px;
		top: 10px;
		width: calc(100% - 31px);
	}

	.what-we-do h1 {
		margin: 0;
		padding: 60px var(--container-outer-padding);
	}

	.current-highlights h2,
	.upcoming-events h2 {
		width: 100%;
	}

	.current-highlights .btn.arrow-link,
	.upcoming-events .arrow-link {
		margin: 25px 0 0;
		width: 100%;
	}

	.current-highlights .grid {
		margin-top: 70px;
	}

	.upcoming-events {
		padding-top: 50px;
	}

	.upcoming-events .watermark {
		overflow: hidden;
	}

	.upcoming-events .carousel {
		margin-top: 50px;
		--slide-count: 1;
	}

	.featured-media-callout {
		padding: 60px 0 70px;
	}

	.featured-media-callout.before-news-module {
		margin: -80px 0 0;
	}

	.featured-media-callout .media-player,
	.content-callout img {
		margin-top: 40px;
	}

	.content-callout {
		margin-bottom: 50px;
	}

	/***Judges/Finalists***/

	.llc-finalists-judges .tabs-nav {
		gap: 30px;
	}

	.llc-finalists-judges .tabs-nav button {
		font-size: calc(18rem/16);
	}

	.llc-finalists-judges .horizontal-bios .image,
	.llc-finalists-judges .horizontal-bios article {
		margin: 0;
		width: 100%;
	}

	.finalist-modal .image-column,
	.finalist-modal article {
		width: 100%;
	}

	.finalist-modal article {
		margin-top: 30px;
	}
}

/***************************************************************************************************************************************************************************************/

/*ACCESSIBILITY REDUCE MOTIONS*/

/***************************************************************************************************************************************************************************************/

@media (prefers-reduced-motion: no-preference) {

	/***JazzyScroll Animations***/

	[data-jazzy-scroll] {
		pointer-events: none;
		transition-duration: .8s;
		transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
	}

	[data-jazzy-scroll].animated-in {
		pointer-events: all;
	}

	/*All fade ins*/

	[data-jazzy-scroll*="fade-in"] {
		opacity: 0;
		transition-property: opacity;
	}

	[data-jazzy-scroll*="fade-in"].animated-in {
		opacity: 1;
	}

	/*Fade in up*/

	[data-jazzy-scroll="fade-in-up"] {
		position: relative;
		transform: translate3d(0, 60px, 0);
		transition-property: opacity, transform;
	}

	[data-jazzy-scroll="fade-in-up"].animated-in {
		transform: translate3d(0, 0, 0);
	}

	/*Border line grow*/

	[data-jazzy-scroll="border-line-grow"],
	[data-jazzy-scroll*="border-line-grow-before"]:before,
	[data-jazzy-scroll*="border-line-grow-after"]:after {
		animation: border-line-grow 1.25s linear paused;
	}

	[data-jazzy-scroll="border-line-grow"].animated-in,
	[data-jazzy-scroll*="border-line-grow-before"].animated-in:before,
	[data-jazzy-scroll*="border-line-grow-after"].animated-in:after {
		animation-play-state: running;
	}

	@keyframes border-line-grow {
		0% {
			height: 0;
			width: 0;
		}
	}

	/***Header***/

	header .mobile-menu span:not(.accessibility) {
		transition: .3s;
	}

	/***Zoom Images***/

	a:hover .image-zoom img {
		transform: scale(1.1);
	}

	/***Arrow Images***/

	.image-arrow .btn.icon:after,
	.image-arrow .btn.icon svg,
	.image-arrow img {
		transition: .25s var(--transition-timing-function);
	}

	/***Work Archive Hovers***/

	.work-post:hover::before,
	a.event-post:hover::before {
		transform: translate3d(16px,0,0);
	}

	.work-post:hover::after,
	.work-post:hover .btn,
	a.event-post:hover::after,
	a.event-post:hover .btn.icon {
		transform: translate3d(-16px,0,0);
	}

	.work-post:hover::before {
		width: calc(100% - 16px);
	}

	/***Menu***/

	@keyframes super-menu {
		0% {
			opacity: 0;
			transform: translate3d(0, -100%, 0);
		}
		100% {
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
	}

	/***Cards***/

	/*Default*/

	.card:not(.no-animate):not(.frame-above):hover::after,
	.card-callouts.grid ul[data-card-count="2"] .card:hover::after {
		border-color: var(--red);
		width: calc(100% - 40px);
	}

	.card:not(.no-animate):hover .btn.icon,
	.selected-readings .carousel .slide.has-link:hover .card .btn.icon {
		background: var(--red);
	}

	.selected-readings .carousel .slide.has-link:hover .card:not(.card-wide)::after {
		border-color: var(--red);
		height: calc(100% - 32px);
		width: calc(100% - 16px);
	}

	.card-callouts.grid ul[data-card-count="2"] .card:hover::after {
		height: calc(100% - 40px);
	}

	/*Wide*/

	.card-wide:not(.no-animate):hover article:before {
		width: calc(100% + (var(--pseudo-extra-space) / 1039 * 100%));
	}

	.card-wide:not(.no-animate):hover article:after {
		border-color: var(--red);
		width: calc(100% - 20px + (var(--pseudo-extra-space) / 1039 * 100%) - 20px);
	}

	.card-wide:not(.no-animate):hover .btn.icon {
		right: 20px;
	}

	.adaptions .card-wide:hover article::after,
	.arrangements .card-wide:hover article::after {
		border-color: var(--red);
		height: calc(100% - 41px);
		width: calc(100% - 41px);
	}

	/*Wide Alt*/

	.card-wide-alt:not(.card-wide):not(.no-animate):hover::after {
		height: calc(100% - 41px);
	}

	/*Grid Alt Card in Page Builder*/

	.card-callouts.grid-alt .card:not(.no-animate):hover article::after {
		border-color: var(--red);
	}

	/***Event Archive Hover***/

	.plain-callouts a:hover::before {
		transform: translate3d(20px, 0, 0);
	}

	.plain-callouts a:hover::after {
		transform: translate3d(-20px, 0, 0);
	}

	/***Timeline***/

	@keyframes sticky-button {
		0% {
			transform: translate3d(0, -100%, 0);
		}
		100% {
			transform: translate3d(0, 0, 0);
		}
	}

	/***Homepage***/

	.upcoming-events .card:hover::after {
		height: calc(100% - 34px);
		width: calc(100% - 34px)
	}

}
