@charset "UTF-8";
/*
Theme Name: DCB 50th
Theme URI: https://www.madebysway.com
Author: Sway Creative Labs
Author URI: http://www.madebysway.com/
Description: DCB 50th
Requires at least: WordPress 4.9.6
Version: 1.0
Text Domain: dcb-50th
*/


/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	height:100%;
	min-height:100%;
	overflow:auto;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
*,
*:before,
*:after {
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
body {
	display:block;
	width:100%;
	height:100%;
	min-height:100%;
	align-items:center;
	background-color:#fff;
	position:relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display:block;
}
ol {
	list-style:none;
	counter-reset:licounter;
}
ol > li:before {
	content:"." counters(licounter, ".") " ";
	counter-increment:licounter;
	width:1rem;
	display:block;
	position:absolute;
	left:-20px;
	text-align:right;
	vertical-align:top;
	font-size:80%;
	direction:rtl;
}
ol[start='2'] { counter-reset:licounter 1; }
ol[start='3'] { counter-reset:licounter 2; }
ol[start='4'] { counter-reset:licounter 3; }
ol[start='5'] { counter-reset:licounter 4; }
ol[start='6'] { counter-reset:licounter 5; }
ol[start='7'] { counter-reset:licounter 6; }
ol[start='8'] { counter-reset:licounter 7; }
ol[start='9'] { counter-reset:licounter 8; }
ol[start='10'] { counter-reset:licounter 9; }
ol[start='11'] { counter-reset:licounter 10; }
ol[start='12'] { counter-reset:licounter 11; }
ol[start='13'] { counter-reset:licounter 12; }
ol[start='14'] { counter-reset:licounter 13; }
ol[start='15'] { counter-reset:licounter 14; }

ul {
	list-style:none;
}
ul li {
	position:relative;
	margin-bottom:5px;
	padding-left:15px;
}
ul li:before {
	content:'•';
	position:absolute;
	left:0px;
	font-size:1.4em;
	line-height:.8em;
}
table {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
caption,
th,
td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
button.disabled,
select.disabled,
.btn.disabled {
	opacity:.5;
	cursor:default;
}


::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
	color:rgba(0,0,0,.54);
}

img {
	border:0;
}


/* type */

html {
	font-size:18px;
	line-height:1.2em;
	overflow:hidden;
}

body {
	color:#231f20;
	font-family:'Lato', sans-serif;
	font-weight:500;
	overflow:auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	display:block;
	clear:both;
	font-family:'DM Serif Display', serif;
	font-weight:400;
	line-height:1em;
	text-transform:none;
	transition:color 150ms;
}
a {
	text-decoration:underline;
	/*color:#fff;*/
	color:#231f20;
	transition:color 150ms;
	cursor:pointer;
}
a:hover:not(.disabled),
a:focus:not(.disabled) {
	/*color:red;*/
}
a:focus,
a:focus label,
button:focus {
	outline:2px solid #3a95c8;
	outline-offset:2px;
}
p a,
span a,
li a {
	/*font-style:italic;*/
	text-decoration:underline;
}
p, span, ul, ol {
	line-height:1.5em;
}
p, ul, ol {
	margin-bottom:20px;
}
/*
.page-copy h1 a,
.page-copy h2 a,
.page-copy h3 a,
.page-copy h4 a,
.page-copy h5 a,
.page-copy h6 a {
	text-decoration:underline;
}
*/

b,
strong {
	font-weight:600;
}
dfn,
cite,
em,
i {
	font-style:italic;
}
sup,
sub {
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	bottom:1ex;
}
sub {
	top:.5ex;
}
small {
	font-size:75%;
}
big {
	font-size:125%;
}
h1, .h1 {
	margin-bottom:20px;
	font-size:84px;
}
h2, .h2 {
	margin-bottom:20px;
	font-size:60px;
}
h3, .h3 {
	margin-bottom:15px;
	font-size:40px;
}
h4, .h4 {
	margin-bottom:10px;
	font-family:'Bebas Neue', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#bf8f42;
}
h5, .h5 {
	font-size:15px;
}
h6, .h6 {
	font-size:16px;
}
label {
	transition:color 150ms;
}
input, select, textarea {
	font-family:inherit;
	
}
.sub {
	font-size:75%;
}
.caps {
	text-transform:uppercase;
}

/* general */

.no-select * {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.screen-reader-text {
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	position:absolute !important;
	border:0;
	overflow:hidden;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	word-wrap:normal !important;
}





/* inputs */

.btn {
	/*//////*/
	
	display:inline-flex;
	flex-shrink:0;
	flex-grow:0;
	justify-content:center;
	align-items:center;
	position:relative;
	height:58px;
	min-height:58px;
	min-width:140px;
	margin:0px 10px;
	padding:17px 28px;
	font-family:'Bebas Neue', sans-serif;
	font-size:16px;
	font-weight:400;
	letter-spacing:0.1em;
	text-transform:uppercase;
	/*color:#231f20;*/
	color:inherit;
	background:transparent;
	border:1px solid #e7ba71;
	border-radius:29px;
	cursor:pointer;
	
	-webkit-appearance:none;
	appearance:none;
	text-decoration:none;
	white-space:nowrap;
	
	transition:color 250ms linear, border 250ms linear, background 250ms linear;
	/*//////*/
}
.btn:focus,
.btn:hover,
.btn.over {
	color:#231f20;
	/*border-color:#fff;
	background-color:#fff;*/
	border-color:#e7ba71;
	background-color:#e7ba71;
}


.btn-2 {
	border-color:#231f20;
}
.btn-2:focus,
.btn-2:hover,
.btn-2.over {
	color:#fff;
	border-color:#231f20;
	background-color:#231f20;
}

.btn-3 {
	color:#231f20;
	border-color:#e7ba71;
	background-color:#e7ba71;
}
.btn-3:focus,
.btn-3:hover,
.btn-3.over {
	color:#fff;
	border-color:#231f20;
	background-color:#231f20;
}





.btn-small {
	height:40px;
	min-height:40px;
	min-width:44px;
	padding:10px 20px;
	font-size:14px;
}


.btn._prev,
.btn._next,
.btn._adv {
	min-width:58px;
	margin:0px;
}

.btn._prev:before,
.btn._next:before,
.btn._adv:before {
	content:'';
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left:-5px;
	background-image:url('img/arr-r-w.png');
	background-size:cover;
	background-repeat:no-repeat;
}
.btn._prev:before {
	transform:rotate(180deg);
}
.btn._next:before {
	
}
.btn._prev:focus:before,
.btn._prev:hover:before,
.btn._next:focus:before,
.btn._next:hover:before,
.btn._adv:focus:before,
.btn._adv:hover:before {
	background-image:url('img/arr-r-b.png');
}


.btn-close {
	position:absolute;
	top:0px;
	right:0px;
	width:50px;
	height:50px;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
	background:transparent;
	border:none;
	border-radius:25px;
}
.btn-close:before {
	content:'';
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-15px;
	background-image:url('img/close-w.png');
	background-size:cover;
	transform-origin:50% 50%;
	transform:scale(1,1);
	transition:background 250ms linear, transform 250ms ease-in-out;
}
.btn-close:hover:before,
.btn-close:focus:before {
	transform:scale(1.2,1.2);
	background-image:url('img/close-g.png');
}


.btn._video,
.btn._play,
.btn._more {
	padding-left:65px;
}
.btn._video:before,
.btn._play:before,
.btn._more:before {
	content:'';
	position:absolute;
	left:8px;
	width:40px;
	height:40px;
	background-color:#e23838;
	border-radius:20px;
	transition:background 250ms linear;
}
.btn._play {
	border-color:#fff;
}
.btn._play:before {
	background-color:#e7ba71;
}
.btn._play:hover,
.btn._play:focus,
.btn._play.over {
	border-color:#e7ba71;
}
.btn._video:after,
.btn._play:after,
.btn._more:after {
	content:'';
	position:absolute;
	left:22px;
	width:10px;
	height:10px;
	background-size:cover;
	background-position:50% 50%;
	transition:background 250ms linear;
}

.btn._video:after,
.btn._play:after {
	background-image:url('img/arr-r-w.png');
}
.btn._more:after {
	background-image:url('img/plus-w.png');
}

.btn._video:hover:before,
.btn._video:focus:before,
.btn._video.over:before,
.btn._play:hover:before,
.btn._play:focus:before,
.btn._play.over:before,
.btn._more:hover:before,
.btn._more:focus:before,
.btn._more.over:before {
	background-color:#231f20;
}

.btn._video:hover:after,
.btn._video:focus:after,
.btn._video.over:after,
.btn._play:hover:after,
.btn._play:focus:after,
.btn._play.over:after {
	background-image:url('img/arr-r-g.png');
}

.btn._more:hover:after,
.btn._more:focus:after,
.btn._more.over:after {
	background-image:url('img/plus-g.png');
}



.social-links .btn {
	min-height:36px;
	min-width:36px;
	padding:0px;
	border-radius:18px;
}
.btn._fb:before,
.btn._tw:before,
.btn._li:before {
	content:'';
	width:15px;
	height:15px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-7px;
	background-size:cover;
	background-repeat:no-repeat;
}
.btn._fb:before {
	background-image:url('img/icon-fb.png');
}
.btn._tw:before {
	background-image:url('img/icon-tw.png');
}
.btn._li:before {
	background-image:url('img/icon-li.png');
}


/* general */

@keyframes fade-in {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes fade-out {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes scale-in {
	0% { transform:scale(.85); }
	100% { transform:scale(1); }
}
@keyframes scale-out {
	0% { transform:scale(1); }
	100% { transform:scale(.75); }
}

.nobreak {
	white-space:nowrap;
}

.hit {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:2;
	cursor:pointer;
}
.hit:focus {
	outline-offset:10px;
}




/* lightbox */

.page-content .lightbox-content {
	
}
.page-content .lightbox-content > .btn {
	margin-bottom:25px;
}
.page-content .lightbox-content .content {
	display:none;
}

body.on-lightbox #page-wrap {
	/*overflow:hidden;*/
}
#lightbox {
	display:none;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	padding:0px 120px;
	position:fixed;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,.8);
	z-index:100;
	cursor:pointer;
	overflow:hidden;
	overflow-y:scroll;
}
body.on-lightbox #lightbox {
	display:flex;
}
body.to-lightbox #lightbox {
	animation:fade-in 500ms linear 1 alternate both;
}
body.off-lightbox #lightbox {
	display:flex;
	animation:fade-out 200ms linear 1 alternate both;
}
body.cycle-lightbox #lightbox {
	animation:none !important;
}
body.on-lightbox.cycle-lightbox #lightbox .content {
	animation:fade-in 500ms linear 1 alternate both;
}
body.off-lightbox.cycle-lightbox #lightbox .content {
	animation:fade-out 200ms linear 1 alternate both;
}
#lightbox > .wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	min-height:200px;
	width:auto;
	max-width:100%;
	margin:100px 0px;
	padding:0px;
}
#lightbox > .wrap > .btn-close {
	position:absolute;
	top:-70px;
	right:-10px;
}

#lightbox > .wrap > .btn._prev {
	display:none;
	position:absolute;
	top:50%;
	left:-90px;
	margin-top:-30px;
}
#lightbox > .wrap > .btn._next {
	display:none;
	position:absolute;
	top:50%;
	right:-90px;
	margin-top:-30px;
}
#lightbox.on-series > .wrap > .btn._prev,
#lightbox.on-series > .wrap > .btn._next {
	display:block;
}

#lightbox .wrap .content {
	width:860px;
	max-width:100%;
	text-align:center;
	color:#fff;
	cursor:default;
}

#lightbox .content h3 {
	position:relative;
	margin-bottom:35px;
}
#lightbox .content h3:after {
	content:'';
	position:absolute;
	bottom:-20px;
	left:calc(50% - 35px);
	width:70px;
	height:1px;
	background-color:#e7ba71;
}

#lightbox .content .video {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:56.25%;
	background-color:#111;
}
#lightbox .content .video:before {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	margin:10px;
	border:1px solid #e7ba71;
	z-index:1;
}
#lightbox .content .video .hit {
	z-index:3;
}
#lightbox .content .video .btn._play {
	position:absolute;
	top:50%;
	margin-top:-28px;
	z-index:2;
}
#lightbox .content .video video {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#lightbox .content .video.on:before,
#lightbox .content .video.on .hit,
#lightbox .content .video.on .btn {
	display:none;
}

#lightbox .content .video-info {
	margin-top:15px;
	padding:15px 30px;
	border:1px solid #616161;
}
#lightbox .content .video-info span {
	display:inline-block;
	position:relative;
}
#lightbox .content .video-info span + span {
	padding-left:26px;
}
#lightbox .content .video-info span + span:before {
	content:'';
	display:block;
	position:absolute;
	top:5px;
	margin-left:-13px;
	height:16px;
	width:2px;
	background-color:#e7ba71;
}

#lightbox .content .video-info .name {
	font-size:22px;
}
#lightbox .content .video-info .job-title,
#lightbox .content .video-info .since {
	font-style:italic;
}


.form-thanks,
.form-error,
.form {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	z-index:1;
}
.form .form-row {
	width:100%;
	padding:10px;
	text-align:left;
}
.form .form-row.half-width {
	width:50%;
}

.form .input {
	width:100%;
	height:45px;
	padding:10px 18px;
	font-size:14px;
	text-align:left;
	background:transparent;
	border:1px solid #b2b0b4;
	border-radius:10px;
	-webkit-appearance:none;
	appearance:none;
}
.form .input:hover,
.form .input:focus {
	border-color:#231f20;
}
.form select.input {
	background-image:url('img/arr-d-g.png');
	background-size:10px 10px;
	background-position:calc(100% - 15px) 50%;
	background-repeat:no-repeat;
	transition:background 250ms linear;
}
.form select.input:hover,
.form select.input:focus {
	background-image:url('img/arr-d-b.png');
}
.form textarea.input {
	height:150px;
	resize:none;
}
.form .input.error {
	outline:2px solid red;
	outline-offset:5px;
}

.form .g-recaptcha {
	float:left;
	margin-right:20px;
	border:none;
}
.form .g-recaptcha.error {
	outline:2px solid red;
	outline-offset:5px;
}
.form .disclaimer {
	font-size:14px;
	line-height:1em;
}


.form-thanks,
.form-error {
	justify-content:center;
}
.form-thanks .copy,
.form-error .copy {
	padding:60px 200px;
	line-height:2em;
}

/* cards */

.card {
	display:flex;
	position:relative;
	width:280px;
	height:390px;
	color:#231f20;
	padding:10px;
	border-radius:8px;
	background:linear-gradient(130deg, #fff 0%, #f0f0f0 100%);
}
.card a {
	color:#231f20;
}
.card .hit {
	border-radius:8px;
}
.card .item-wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	position:relative;
	width:100%;
	height:100%;
	padding:12px;
}
.card .item-wrap:after {
	content:'';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:1px solid #e7ba71;
}

.card .card-img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border-radius:8px;
	background-size:cover;
	background-position:50% 50%;
	z-index:1;
}





/* layout */

.page-content {
	text-align:center;
}

.page-content > section {
	padding:100px 0px;
	width:100%;
	overflow:hidden;
}
.page-content > .inverted {
	background-color:#231f20;
	color:#fff;
}
.page-content > .inverted a:not(.btn) {
	color:#fff;
}

.wrap {
	width:1200px;
	margin:0 auto;
}


/* header */

#header {
	position:relative;
	height:140px;
	margin-bottom:-140px;
	z-index:10;
}

#header .wrap {
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-end;
	position:relative;
}
#header .logo {
	position:absolute;
	top:50px;
	left:0px;
	width:280px;
	height:110px;
	background-image:url('img/logo-w.png');
	background-size:cover;
}

#header nav {
	position:relative;
	top:80px;
}
#header nav .nav-item {
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	font-family:'Bebas Neue', sans-serif;
	font-size:16px;
	font-weight:400;
	letter-spacing:0.1em;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	text-shadow:0px 2px 5px rgba(0,0,0,0);
	transition:text-shadow 250ms linear, color 250ms linear;
}
#header nav .nav-item:hover,
#header nav .nav-item:focus {
	color:#e7ba71;
	text-shadow:0px 2px 5px rgba(0,0,0,.2);
}

#header .btn-nav {
	display:none;
}


/* intro */

section#intro {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100vh;
	min-height:800px;
	padding:0px;
	overflow:hidden;
}

section#intro .intro-content {
	width:880px;
	padding:140px 40px 0px 40px;
	z-index:1;
}
section#intro .intro-arrow {
	display:block;
	width:20px;
	height:35px;
	margin:40px auto 30px auto;
	background-image:url('img/intro-arrow.png');
	background-size:cover;
}

section#intro .bg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:0;
	background-size:cover;
	background-position:50% 50%;
}
section#intro .bg video {
	position:absolute;
	top:50%;
	left:50%;
	width:max(100vw, calc(100vh * 1.777));
	height:max(100vh, calc(100vw * .5625));
	margin-left:calc(max(100vw, calc(100vh * 1.777)) * -.5);
	margin-top:calc(max(100vh, calc(100vw * .5625)) * -.5);
}



/* event promo */

.event-promo {
	position:absolute;
	left:calc(50% - 500px);
	width:1000px;
	height:180px;
	margin:-90px auto 0px auto;
	padding:20px;
	background-color:#e7ba71;
	background-image:url('img/bg-event-promo.jpg');
	background-size:cover;
	background-position:50% 50%;
}
.event-promo .item-wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100%;
	height:100%;
	padding:0px 20px;
	border:1px solid #fff;
}
.event-promo .icon {
	flex-shrink:0;
	position:relative;
	width:170px;
	height:170px;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.event-promo .icon._red-carpet {
	background-image:url('img/event-red-carpet.png');
}
.event-promo .icon._scales {
	background-image:url('img/event-scales.png');
}
.event-promo .icon._letter {
	background-image:url('img/event-letter.png');
}
.event-promo .icon._contract {
	background-image:url('img/event-contract.png');
}
.event-promo .icon._gavel {
	background-image:url('img/event-gavel.png');
}
.event-promo .icon._briefcase {
	background-image:url('img/event-briefcase.png');
}
.event-promo .icon._guide {
	background-image:url('img/event-guide.png');
}

.event-promo .info {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-width:540px;
	padding:0px 20px;
	font-size:16px;
}
.event-promo .info .title {
	width:100%;
	margin-bottom:10px;
}
.event-promo .info .date,
.event-promo .info .cta {
	
}
.event-promo .info .date + .cta {
	padding-left:40px;
}
.event-promo .info .date + .cta:before {
	content:'—';
	position:absolute;
	margin-left:-30px;
}
.event-promo .btn {

}
.event-promo + section {
	padding-top:160px;
}



/* timeline */

section#timeline {
	padding-bottom:160px;
	background:linear-gradient(290deg, #e9e5da 5%, #fefbf2 95%);
}

.timeline {
	position:relative;
	width:100%;
	padding-top:40px;
}
.timeline:before {
	content:'';
	position:absolute;
	top:240px;
	left:calc((100vw - 1200px) * -.5);
	width:100vw;
	height:2px;
	background-image:url('img/bg-dot.png');
	z-index:0;
}
.timeline .timeline-items {
	display:flex;
	position:relative;
	left:0px;
	margin-bottom:30px;
	z-index:0;
}
.timeline .timeline-hit {
	position:absolute;
	width:100vw;
	height:460px;
	top:0px;
	left:calc((100vw - 1200px) * -.5);
	z-index:1;
	cursor:move;
}
.timeline.moving .timeline-items {
	transition:left 500ms cubic-bezier(0.46,0.03,0.52,0.96);
}
.timeline .timeline-items .card {
	flex-shrink:0;
	align-self:center;
	user-select:none;
}

.timeline .timeline-items .card[data-type="item"] {
	color:#fff;
	background:radial-gradient(100% 100% at 0% 0%, #4d4c53 0%, #231f20 100%);
}
.timeline .timeline-items .card + .card {
	margin-left:25px;
}
.timeline .timeline-items .card[data-type="item"] .year {
	position:relative;
	margin:10px 0px 40px 0px;
	font-size:70px;
	color:#ffd38d;
	
	-webkit-mask-image:-webkit-gradient(linear, 0% 40%, 0% 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 60%);
	
	
}
.timeline .timeline-items .card[data-type="item"] .year:after {
	content:'';
	position:absolute;
	bottom:-20px;
	left:50%;
	width:70px;
	height:1px;
	margin-left:-35px;
	background-color:#fff;
}
.timeline .timeline-items .card .copy {
	position:relative;
	font-size:14px;
	line-height:20px;
	z-index:2;
}
.timeline .timeline-items .card[data-type="item"] .copy {
	align-self:flex-start;
}
.timeline .timeline-items .card[data-type="sub-item"],
.timeline .timeline-items .card[data-type="img"] {
	height:350px;
}
.timeline .timeline-items .card[data-type="sub-item"] .item-wrap {
	padding-top:40px;
}
.timeline .timeline-items .card[data-type="sub-item"] .year {
	position:absolute;
	top:10px;
	font-size:20px;
	color:#e7ba71;
}
.timeline .timeline-items .card[data-type="sub-item"] .year:before,
.timeline .timeline-items .card[data-type="sub-item"] .year:after {
	content:'';
	width:10px;
	height:1px;
	position:absolute;
	top:50%;
	background-color:#a7ba71;
}
.timeline .timeline-items .card[data-type="sub-item"] .year:before {
	left:-20px;
}
.timeline .timeline-items .card[data-type="sub-item"] .year:after {
	right:-20px;
}


.timeline .scrollbar {
	position:relative;
	width:100%;
	height:100px;
	cursor:pointer;
}
.timeline .scrollbar:before {
	content:'';
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#231f20;
	z-index:0;
}
.timeline .scrollbar .tmb {
	position:absolute;
	top:30px;
	left:1px;
	width:1px;
	height:1px;
	padding:0px;
	-webkit-appearance:none;
	appearance:none;
	border-radius:100%;
	outline-offset:20px;
	cursor:pointer;
}
.timeline.moving .scrollbar .tmb {
	transition:left 500ms cubic-bezier(0.46,0.03,0.52,0.96);
}
.timeline .scrollbar .tmb:before {
	content:'';
	position:absolute;
	top:-20px;
	left:0px;
	width:40px;
	height:40px;
	margin-left:-20px;
	border-radius:20px;
	background-color:#e7ba71;
	background-image:url('img/arr-scroll-w.png');
	background-size:25px 12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:background 250ms linear;
}
.timeline .scrollbar:hover .tmb:before,
.timeline .scrollbar:focus-within .tmb:before {
	background-image:url('img/arr-scroll-b.png');
}
.timeline .scrollbar .tmb:after {
	content:'';
	position:absolute;
	top:-30px;
	left:0px;
	width:60px;
	height:60px;
	margin-left:-30px;
	border-radius:30px;
	border:1px solid #fff;
	transition:border 250ms linear;
}
.timeline .scrollbar:hover .tmb:after,
.timeline .scrollbar:focus-within .tmb:after {
	border-color:#231f20;
}



.timeline .decades-nav {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	left:calc((100vw - 1200px) * -.5);
	width:100vw;
	height:110px;
	margin-top:10px;
	border-top:1px solid #fff;
}
.timeline .decades-nav > .btn._prev:before,
.timeline .decades-nav > .btn._next:before {
	background-image:url('img/arr-r-b.png');
}

.timeline .decades {
	display:flex;
	justify-content:center;
	align-items:center;
	height:110px;
	margin:0px 10px;
}
.timeline .decades .btn {
	width:80px;
	min-width:80px;
	margin:0px 2px;
	padding-left:20px;
	padding-right:20px;
	border-color:transparent;
	transition:transform 500ms ease-in-out, margin 500ms ease-in-out;
}
.timeline .decades .btn:hover,
.timeline .decades .btn:focus {
	
}
.timeline .decades .btn.on {
	border-color:#231f20;
}
.timeline .decades .btn.on:hover,
.timeline .decades .btn.on:focus {
	border-color:#e7ba71;
}
.timeline .decades .btn span {
	position:relative;
	top:2px;
	font-size:9px;
}




/* member stories */

section#member-moments {
	padding-bottom:160px;
	background-image:url('img/bg-1.jpg');
	background-size:100vw;
	background-position:50% 0%;
	background-repeat:no-repeat;
}

.member-stories {
	width:100%;
	padding-top:40px;
	
}
.member-stories .stories {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:26px;
}
.member-stories .story {
	
}
.member-stories .story.on {
	animation:fade-in 500ms linear 1 alternate both;
}
.member-stories .story .card {
	
}
.member-stories .story .card .item-wrap {
	
}

.member-stories .story .icon-quote {
	align-self:flex-start;
	margin:10px 0px;
	display:block;
	width:100%;
	height:20px;
	background-image:url('img/quote.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.member-stories .story .quote {
	width:100%;
	margin-bottom:15px;
	font-size:14px;
}
.member-stories .story .name {
	width:100%;
	font-size:16px;
}
.member-stories .story .since {
	display:block;
	width:100%;
	font-size:14px;
	font-style:italic;
	font-weight:400;
	color:#707070;
}
.member-stories .story .story-img {
	align-self:flex-start;
	position:relative;
	width:86px;
	height:86px;
	margin:15px auto 10px auto;
	background-size:cover;
	background-position:50% 50%;
	background-color:#f0f0f0;
	border-radius:43px;
}
.member-stories .story .story-img:before {
	content:'';
	display:block;
	position:absolute;
	top:-10px;
	left:-10px;
	width:106px;
	height:106px;
	border:1px solid #e7ba71;
	border-radius:53px;
}

.member-stories .story[data-type="video"] .item-wrap {
	padding-top:170px;
}
.member-stories .story[data-type="video"] .story-img {
	position:absolute;
	top:-10px;
	left:-10px;
	width:calc(100% + 20px);
	height:155px;
	margin:0px;
	border-radius:0px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.member-stories .story[data-type="video"] .story-img:before {
	content:none;
}
.member-stories .story[data-type="video"] .name {
	align-self:flex-start;
	position:relative;
	margin-bottom:20px;
}
.member-stories .story[data-type="video"] .name:after {
	content:'';
	position:absolute;
	bottom:-15px;
	left:calc(50% - 35px);
	width:70px;
	height:1px;
	background-color:#e7ba71;
}

.member-stories .story[data-type="cta"] .card {
	background:linear-gradient(130deg, #f9d7a1 0%, #e7ba71 100%);
}
.member-stories .story[data-type="cta"] .item-wrap:after {
	border-color:#fff;
}
.member-stories .story[data-type="cta"] .story-img {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:70px;
	background-color:#fff;
}
.member-stories .story[data-type="cta"] .story-img:before {
	border-color:#231f20;
}
.member-stories .story[data-type="cta"] .story-img:after {
	content:'';
	width:50px;
	height:50px;
	background-image:url('img/plus-lg.png');
	background-size:cover;
	background-position:50% 50%;
	transform-origin:50% 50%;
	transform:scale(1,1);
	transition:transform 250ms ease-in-out;
}
.member-stories .story[data-type="cta"]:hover .story-img:after,
.member-stories .story[data-type="cta"]:focus-within .story-img:after {
	transform:scale(1.2,1.2);
}
.member-stories .story[data-type="cta"] .copy {
	margin-bottom:0px;
	font-size:30px;
	line-height:1em;
}

.member-stories .story .btn {
	align-self:flex-end;
	margin:10px auto 5px auto;
}

.member-stories .btn._more {
	margin-top:20px;
}

#lightbox .card.expanded-story {
	width:100%;
	height:440px;
}
#lightbox .card.expanded-story .item-wrap {
	flex-wrap:nowrap;
	padding:40px;
}

#lightbox .card.expanded-story .card-left {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
	width:265px;
	padding:70px 0px 20px 0px;
	z-index:1;
}
#lightbox .card.expanded-story .card-left .story-img {
	position:relative;
	width:140px;
	height:140px;
	background-size:cover;
	background-position:50% 50%;
	background-color:#f0f0f0;
	border-radius:70px;
}
#lightbox .card.expanded-story .card-left .story-img:before {
	content:'';
	display:block;
	position:absolute;
	top:-18px;
	left:-18px;
	width:176px;
	height:176px;
	border:1px solid #e7ba71;
	border-radius:88px;
}

#lightbox .card.expanded-story .card-left .name {
	position:relative;
	width:100%;
	margin:40px auto 30px auto;
	font-size:22px;
}
#lightbox .card.expanded-story .card-left .name:after {
	content:'';
	position:absolute;
	bottom:-15px;
	left:calc(50% - 35px);
	width:70px;
	height:1px;
	background-color:#e7ba71;
}
#lightbox .card.expanded-story .card-left .job-title,
#lightbox .card.expanded-story .card-left .since {
	display:block;
	width:100%;
	font-size:16px;
	font-style:italic;
	color:#707070;
}


#lightbox .card.expanded-story .card-right {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	width:445px;
	max-height:100%;
	padding:0px 30px;
	overflow:hidden;
	overflow-y:auto;
	z-index:1;
}
#lightbox .card.expanded-story .card-right .icon-quote {
	display:block;
	width:50px;
	height:40px;
	margin-bottom:20px;
	background-image:url('img/quote.png');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#lightbox .card.expanded-story .card-right .quote {
	width:100%;
	font-size:16px;
}


/* story form */

#story-form.card {
	width:100%;
	height:auto;
}
#story-form .form,
#story-form .form-thanks,
#story-form .form-error {
	display:none;
	align-content:center;
	min-height:290px;
}
#story-form[data-state='form'] .form,
#story-form[data-state='submitting'] .form,
#story-form[data-state='submitted'] .form-thanks,
#story-form[data-state='error'] .form-error {
	display:flex;
	animation:fade-in 500ms linear 1 alternate both;
}
#story-form[data-state='submitting']:after {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
}

#story-form .item-wrap {
	min-height:500px;
	align-content:flex-start;
	padding:35px 15px;
}
#story-form[data-state='init'] .item-wrap:after {
	content:'Loading';
	display:flex;
	justify-content:center;
	align-items:center;
	padding-top:80px;
	font-size:14px;
	text-transform:uppercase;
}


#story-form .uploader {
	margin-bottom:20px;
}
#story-form .uploader #story-img {
	display:none;
}
#story-form .uploader label {
	display:flex;
	justify-content:space-between;
	height:45px;
	margin-bottom:8px;
	cursor:pointer;
}
#story-form .uploader .input {
	position:relative;
	width:calc(100% - 80px);
	position:relative;
	overflow:hidden;
}
#story-form .uploader .input:before {
	content:'';
	position:absolute;
	top:50%;
	right:15px;
	width:10px;
	height:10px;
	margin-top:-5px;
	background-image:url('img/plus-g.png');
	background-size:cover;
	transition:background 250ms linear;
}
#story-form .uploader label:hover .input:before,
#story-form .uploader:focus-within .input:before{
	background-image:url('img/plus-b.png');
}
#story-form .uploader[data-state='complete'] .input:before {
	transform:rotate(45deg);
}
#story-form .uploader .input .prog {
	width:0%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
	background-color:#fff;
	border-right:1px solid #b2b0b4;
	z-index:-1;
	
}
#story-form .uploader .preview {
	position:relative;
	top:-8px;
	width:60px;
	height:60px;
	background-image:url('img/headshot.png');
	background-size:cover;
	background-position:50% 50%;
	border-radius:30px;
	
	border:1px solid #b2b0b4;
	
	transition:transform 250ms ease-in-out;
	transform-origin:50% 50%;
	
}
#story-form .uploader[data-state='complete'] .preview:hover {
	transform:scale(2);
}
#story-form .uploader[data-state='uploading'] label:hover .input,
#story-form .uploader[data-state='complete'] label:hover .input {
	background-color:rgba(240,240,240,.7);
}
#story-form .uploader .info {
	position:absolute;
	font-size:12px;
	font-style:italic;
	color:#909090;
}
#story-form .uploader[data-state='error'] .info {
	color:red;
}

#story-form .input[name='story-copy'] {
	font-size:16px;
}
#story-form .story-count {
	position:absolute;
	right:20px;
	margin-top:-30px;
	font-size:12px;
	font-style:italic;
	color:#909090;
}
#story-form .story-count.low {
	color:orange;
}
#story-form .story-count.out {
	color:red;
}



/* upcoming events */

section#upcoming-events {
	
}

.events-list {
	min-height:300px;
	position:relative;
	margin-top:60px;
}

.events-list .events-list-items {
	display:flex;
	flex-wrap:wrap;
	width:600px;
}

.events-list .events-list-item {
	width:100%;
	height:70px;
}
.events-list .events-list-item .item-wrap {
	width:100%;
	height:100%;
}
.events-list .events-list-item .item-header {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	height:100%;
	text-align:left;
	cursor:pointer;
	border-top:1px solid #b2b0b4;
}
.events-list .events-list-item:last-child .item-header {
	border-bottom:1px solid #b2b0b4;
}
.events-list .events-list-item:not(.on) .item-header:focus,
.events-list .events-list-item:not(.on) .item-header:hover {
	background:rgba(240,240,240,.7);
}
.events-list .events-list-item .item-header:after {
	content:'';
	display:block;
	flex-shrink:0;
	width:40px;
	height:40px;
	margin:0px 16px 0px 10px;
	
	background-image:url('img/arr-r-g.png');
	background-position:50% 50%;
	background-size:10px 10px;
	background-repeat:no-repeat;
	
	border-radius:20px;
	border:1px solid rgba(231,186,113,0);
	transition:border 250ms linear;
}
.events-list .events-list-item.on .item-header:after {
	border:1px solid rgba(231,186,113,1);
}

.events-list .events-list-item .item-header .icon {
	content:'';
	display:inline-block;
	flex-shrink:0;
	width:30px;
	height:30px;
	margin:0px 3px 0px 12px;
	
	background-image:url('img/cal-b.png');
	background-size:cover;
	transition:background 250ms linear;
}
.events-list .events-list-item.on .item-header .icon {
	background-image:url('img/cal-w.png');
	
}
.events-list .events-list-item .date {
	display:flex;
	flex-shrink:0;
	align-items:center;
	position:relative;
	width:100px;
	padding-left:12px;
	font-family:'Bebas Neue', sans-serif;
	font-size:14px;
	white-space:nowrap;
}
.events-list .events-list-item .date:before {
	content:'—';
	position:absolute;
	left:0px;
	color:#e7ba71;
}
.events-list .events-list-item .item-header .title {
	display:block;
	width:450px;
	margin:0px;
	padding:5px 0px;
	font-size:18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.events-list .events-list-item .item-content {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	width:540px;
	height:auto;
	padding:60px;
	background-color:#fff;
	border:1px solid #b2b0b4;
	border-radius:10px;
	z-index:1;
}
.events-list .events-list-item .item-content .content-wrap {
	text-align:left;
}
.events-list .events-list-item .item-content .date {
	margin-bottom:20px;
}
.events-list .events-list-item .item-content .img {
	position:relative;
	width:418px;
	height:210px;
	margin-bottom:35px;
	background-size:cover;
	background-position:50% 50%;
}
.events-list .events-list-item .item-content .img:before {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:calc(100% + 5px);
	background:linear-gradient(270deg, #f5dca0 33%, #e7ba71 95%);

	z-index:-1;
}
.events-list .events-list-item .item-content .title {
	font-size:35px;
}
.events-list .events-list-item .item-content .btn {
	margin-top:10px;
}

.events-list .events-list-item[data-completed="true"] .item-header {
	color:#a5a5a5;
}
.events-list .events-list-item.on .item-header {
	color:#fff;
	cursor:default;
}
.events-list .events-list-item .item-header:before {
	content:'';
	position:absolute;
	width:0px;
	height:70px;
	background:linear-gradient(290deg, #231f20 5%, #313036 95%);
	opacity:0;
	z-index:-1;
}
.events-list .events-list-item.on .item-header:before {
	width:670px;
	opacity:1;
	animation:fade-in 350ms linear;
	transition:width 350ms ease-out;
}
.events-list .events-list-item.on .item-content {
	display:block;
	
	animation:fade-in 350ms linear;
}

.events-list + .btn {
	margin-top:80px;
}





/* next-50 */


section#next-50 {
	padding-top:120px;
	overflow:visible;
	background-image:url('img/bg-2.jpg');
	background-size:100vw;
	background-position:50% 0%;
	background-repeat:no-repeat;
}
section#next-50 .inwrap {
	display:flex;
	justify-content:center;
	position:relative;
	margin-bottom:-290px;
	padding:80px;
	background-color:#e7ba71;
}
section#next-50 .inwrap:before {
	content:'';
	position:absolute;
	top:6px;
	left:6px;
	width:calc(100% - 12px);
	height:calc(100% - 12px);
	background-color:#231f20;
	background-image:url('img/bg-2.jpg');
	background-size:100vw;
	background-position:50% -126px;
	background-repeat:no-repeat;
}
section#next-50 .inwrap > div {
	max-width:700px;
	position:relative;
	z-index:1;
}
section#next-50 .inwrap .btns {
	margin-top:30px;
	margin-bottom:20px;
}
section#next-50 .inwrap .btns > div {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
section#next-50 .inwrap .btns .btn {
	margin:5px;
}
section#next-50 .inwrap *:last-child {
	margin-bottom:0px;
}


section#sponsors {
	padding-top:240px;
	background-color:#fff;
}
section#sponsors h4 {
	position:relative;
	margin-bottom:20px;
}
section#sponsors h4:after {
	content:'';
	position:absolute;
	bottom:-15px;
	left:calc(50% - 35px);
	width:70px;
	height:1px;
	background-color:#e7ba71;
}
section#sponsors .sponsors {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:40px auto 40px auto;
	padding:0px 40px;
}
section#sponsors .sponsors:last-child {
	margin-bottom:0px;
}
section#sponsors .sponsors figure {
	display:inline-block;
	margin:0px 10px;
}




/* footer */

#footer {
	height:180px;
	background:linear-gradient(290deg, #e9e5da 5%, #fefbf2 95%);
	border-top:2px solid #e6e4df;
}

#footer .wrap {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}

#footer .logo {
	display:block;
	width:280px;
	height:110px;
	margin-top:35px;
	background-image:url('img/logo-b.png');
	background-size:cover;
}

#footer .links {
	margin-top:50px;
	text-align:right;
}
#footer .links .social {
	margin-bottom:25px;
}
#footer .links .social .icon {
	display:inline-block;
	width:30px;
	height:30px;
	margin:0px 5px;
	background-size:cover;
	transition:background 250ms linear;
	border-radius:3px;
}
#footer .links .social .icon._tw {
	background-image:url('img/icon-tw.png');
}
#footer .links .social .icon._fb {
	background-image:url('img/icon-fb.png');
}
#footer .links .social .icon._li {
	background-image:url('img/icon-li.png');
}
#footer .links .social .icon._yt {
	background-image:url('img/icon-yt.png');
}
#footer .links .social .icon._ig {
	background-image:url('img/icon-ig.png');
}
#footer .links .social .icon:hover,
#footer .links .social .icon:focus {
	background-color:#fff;
}
#footer .links .copy {
	font-size:17px;
}

#footer .links .copy span {
	
}

#footer .links .copy span + span {
	padding-left:30px;
}
#footer .links .copy span + span:before {
	content:'|';
	position:absolute;
	margin-left:-15px;
}
#footer .links .copy a {
	color:#231f20;
}









@media (max-width:1279px) {
	
	html {
		font-size:17px;
	}
	h1, .h1 {
		font-size:68px;
	}
	h2, .h2 {
		font-size:55px;
	}
	h3, .h3 {
		font-size:45px;
	}
	h4, .h4 {
		font-size:15px;
	}
	
	
	
	#lightbox {
		align-items:flex-start;
		padding:0px 40px;
	}
	
	#lightbox > .wrap > .btn._prev {
		top:auto;
		bottom:-80px;
		left:calc(50% - 70px);
	}
	#lightbox > .wrap > .btn._next {
		top:auto;
		right:auto;
		bottom:-80px;
		left:calc(50% + 10px);
	}
	
	
	
	
	
	.wrap {
		width:100%;
		padding:0px 40px;
	}
	
	
	#header {
		
	}
	#header .logo {
		width:204px;
		height:80px;
		left:40px;
		top:20px;
	}
	#header .nav-wrap {
		display:flex;
		justify-content:center;
		align-items:center;
		position:fixed;
		top:-120vh;
		left:0px;
		width:100vw;
		height:100vh;
		opacity:0;
		z-index:5;
		background-color:#231f20;
		transition:top 350ms ease-in-out, opacity 350ms linear;
	}
	body.on-mobile-nav #header .nav-wrap {
		top:0px;
		opacity:1;
		transition:top 500ms ease-in-out, opacity 400ms linear;
	}
	body.on-mobile-nav #header .btn-nav {
		position:fixed;
	}
	#header nav {
		top:0px;
		margin-bottom:40px;
		text-align:center;
	}
	#header nav .nav-item {
		position:relative;
		display:block;
		padding:30px 0px;
		font-size:22px;
	}
	#header nav .nav-item:after {
		content:'';
		position:absolute;
		bottom:5px;
		left:calc(50% - 18px);
		width:36px;
		height:1px;
		background-color:#e7ba71;
	}
	#header nav .nav-item:last-child:after {
		content:none;
	}
	#header .btn-nav {
		display:block;
		position:absolute;
		top:20px;
		right:20px;
		width:40px;
		height:40px;
		border-radius:20px;
		border:1px solid #e7ba71;
		z-index:10;
	}
	#header .btn-nav:before,
	#header .btn-nav:after {
		content:'';
		width:20px;
		height:20px;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-10px;
		margin-left:-10px;
		background-size:cover;
		transition:opacity 250ms linear;
	}
	#header .btn-nav:before {
		background-image:url('img/menu.png');
		opacity:1;
	}
	#header .btn-nav:after {
		background-image:url('img/close-w.png');
		opacity:0;
	}
	body.on-mobile-nav #header .btn-nav:before {
		opacity:0;
	}
	body.on-mobile-nav #header .btn-nav:after {
		opacity:1;
	}
	
	
	
	section#intro {
		min-height:680px;
	}
	section#intro .intro-content {
		padding-top:60px;
	}
	
	
	.page-content > section {
		padding:60px 0px;
	}
	
	
	
	.event-promo {
		position:relative;
		left:0px;
		width:100%;
		height:auto;
	}
	.event-promo .item-wrap {
		flex-wrap:wrap;
		max-width:600px;
		margin:0 auto;
	}
	.event-promo .icon {
		width:100%;
		margin-top:-20px;
		margin-bottom:10px;
		background-size:170px;
	}
	.event-promo .info {
		width:100%;
		min-width:0px;
		font-size:15px;
	}
	.event-promo .info .date,
	.event-promo .info .cta {
		display:block;
		width:100%;
		padding:4px 0px;
	}
	.event-promo .info .date + .cta {
		padding-left:0px;
	}
	.event-promo .info .date + .cta:before {
		content:none;
	}
	.event-promo .info + .btn {
		margin-top:20px;
	}
	.event-promo .btn {
		margin-bottom:20px;
	}
	.event-promo + section {
		padding-top:60px;
	}
	
	
	
	section#timeline {
		padding-bottom:120px;
	}
	.timeline:before,
	.timeline .timeline-hit {
		left:-40px;
	}
	.timeline .decades-nav {
		left:-40px;
		height:100px;
		margin-top:0px;
	}
	.timeline .decades {
		min-width:90px;
	}
	.timeline .decades .btn:not(.on) {
		transform:scale(0.7);
		margin:0px -12px;
	}
	
	
	.member-stories .stories {
		max-width:600px;
		margin:0 auto;
	}
	.member-stories .story .card {
		height:280px;
	}
	.member-stories .story[data-type="video"] .item-wrap {
		padding-top:165px;
	}
	.member-stories .story[data-type="video"] .name {
		margin-bottom:0px;
	}
	.member-stories .story[data-type="video"] .name:after {
		content:none;
	}
	.member-stories .story .quote,
	.member-stories .story .since {
		display:none;
	}
	
	.member-stories .story[data-type="cta"] .story-img {
		margin-top:20px;
	}
	.member-stories .story[data-type="cta"] .copy {
		font-size:20px;
	}
	
	
	
	.events-list .events-list-items {
		width:100%;
		max-width:600px;
		margin:0 auto;
		border-bottom:1px solid #b2b0b4;
	}
	.events-list .events-list-item {
		height:100px;
		max-height:100px;
	}
	.events-list .events-list-item.on {
		height:auto;
		max-height:1000px;
		background-color:#f6f6f6;
	}
	.events-list .events-list-item .item-header {
		position:relative;
		height:100px;
		padding:10px 60px 0px 40px;
	}
	.events-list .events-list-item.on .item-header {
		color:#231f20;
	}
	.events-list .events-list-item .item-header:before {
		content:none;
	}
	.events-list .events-list-item .item-header .icon {
		display:none;
	}
	.events-list .events-list-item .item-header .date {
		position:absolute;
		top:15px;
		left:40px;
	}
	.events-list .events-list-item .item-header .title {
		width:100%;
	}
	.events-list .events-list-item.on .item-header .title {
		display:none;
	}
	.events-list .events-list-item .item-header:after {
		position:absolute;
		right:0px;
		margin-top:-10px;
		border:0px;
	}
	.events-list .events-list-item.on .item-header:after {
		position:absolute;
		right:0px;
		transform:rotate(90deg);
		border:0px;
	}
	
	.events-list .events-list-item .item-content {
		position:relative;
		width:100%;
		margin-top:-53px;
		padding:0px 40px 40px 40px;
		background:transparent;
		border:0px;
	}
	.events-list .events-list-item .item-content .date,
	.events-list .events-list-item .item-content .img {
		display:none;
	}
	.events-list .events-list-item .item-content .title {
		padding-right:20px;
		font-size:18px;
	}
	
	.events-list .events-list-item:last-child .item-header {
		border-bottom:0px;
	}
	
	.events-list + .btn {
		margin-top:60px;
	}
	
	section#next-50 {
		padding:0px;
	}
	section#next-50 .wrap {
		padding:20px;
	}
	section#next-50 .inwrap {
		margin-bottom:0px;
		padding:40px;
	}
	section#next-50 .inwrap:before {
		background-position:50% 0%;
	}
	
	
	section#sponsors {
		padding-top:60px;
	}
	
	
	
	#footer {
		height:auto;
	}
	#footer .wrap {
		flex-wrap:wrap;
		justify-content:center;
		padding-bottom:40px;
	}
	#footer .links {
		width:100%;
		margin-top:30px;
		text-align:center;
	}
	
	#footer .links .copy span {
		display:block;
	}
	#footer .links .copy span + span {
		margin-top:20px;
		padding:0px;
	}
	#footer .links .copy span + span:before {
		content:none;
	}
	
}


@media (max-width:959px) {
	
	html {
		font-size:16px;
	}
	h1, .h1 {
		font-size:60px;
	}
	h2, .h2 {
		font-size:50px;
	}
	h3, .h3 {
		font-size:40px;
	}
	/*h4, .h4 {
		font-size:14px;
	}*/
	
	
	
	.wrap {
		padding:0px 20px;
	}
	
	
	
	.timeline:before,
	.timeline .timeline-hit,
	.timeline .decades-nav {
		left:-20px;
	}
	.timeline .decades .btn:not(.on) {
		transform:scale(0);
		margin:0px -40px;
	}
	
	
	#lightbox .card.expanded-story {
		height:auto;
		max-width:600px;
		margin:0 auto;
	}
	
	#lightbox .card.expanded-story .item-wrap {
		flex-wrap:wrap;
		padding:20px;
	}
	#lightbox .card.expanded-story .card-left {
		width:100%;
		padding:0px;
	}
	#lightbox .card.expanded-story .card-left .story-img {
		width:86px;
		height:86px;
		border-radius:43px;
	}
	#lightbox .card.expanded-story .card-left .story-img:before {
		width:100px;
		height:100px;
		top:-7px;
		left:-7px;
		border-radius:50px;
	}
	#lightbox .card.expanded-story .card-left .name {
		margin-top:20px;
	}
	#lightbox .card.expanded-story .card-right {
		width:100%;
		padding:10px 0px 20px 0px;
	}
	#lightbox .card.expanded-story .card-right .icon-quote {
		width:25px;
		height:20px;
	}
	
	.form .input {
		height:40px;
		padding:10px 10px;
	}
	.form select.input {
		background-position:calc(100% - 10px) 50%;
	}
	.form .form-row {
		padding:5px 0px;
		text-align:center;
	}
	.form .form-row.half-width {
		width:100%;
	}
	.form .g-recaptcha {
		margin:0px auto 10px auto;
		float:none;
	}
	.form .g-recaptcha > div {
		width:220px !important;
		max-width:220px !important;
	}
	.form .disclaimer {
		padding:10px 20px;
	}
	
	.form-thanks .copy,
	.form-error .copy {
		padding:10px 20px 30px 20px;
	}
	
	#story-form.card {
		max-width:600px;
		margin:0 auto;
	}
	#story-form .item-wrap {
		padding:20px 10px;
	}
	#story-form .uploader label {
		height:40px;
	}
	#story-form .uploader .input {
		width:calc(100% - 50px);
	}
	#story-form .uploader .input:before {
		right:10px;
	}
	#story-form .uploader .preview {
		top:0px;
		width:40px;
		height:40px;
	}
	#story-form .uploader .info {
		width:100%;
		text-align:center;
	}
	
	#story-form .story-count {
		right:10px;
	}
	
	
	section#next-50 .inwrap .wp-block-column {
		flex-basis:100% !important;
		margin:0px;
		padding:10px 0px;
	}
	
	
}


@media (max-width:719px) {
	
	html {
		font-size:15px;
	}
	h1, .h1 {
		font-size:50px;
	}
	h2, .h2 {
		font-size:42px;
	}
	h3, .h3 {
		font-size:35px;
	}
	/*h4, .h4 {
		font-size:11px;
	}*/
	
	p, span, ul, ol {
		line-height:1.2em;
	}
	
	
	.btn {
		height:50px;
		min-height:50px;
		min-width:120px;
		padding:15px 22px;
		font-size:12px;
		border-radius:25px;
		outline:none !important;
	}
	.btn-small {
		height:35px;
		min-height:35px;
		min-width:40px;
		padding:10px 20px;
		font-size:12px;
	}
	
	.btn._video,
	.btn._play,
	.btn._more {
		padding-left:60px;
	}
	.btn._video:before,
	.btn._play:before,
	.btn._more:before {
		width:36px;
		height:36px;
		left:7px;
		border-radius:18px;
	}
	.btn._video:after,
	.btn._play:after,
	.btn._more:after {
		left:20px;
	}
	.btn._prev,
	.btn._next,
	.btn._adv {
		min-width:50px;
	}
	
	.btn-close {
		outline:none !important;
	}
	.btn-close:before {
		width:20px;
		height:20px;
		margin-top:-10px;
		margin-left:-10px;
	}
	
	
	
	#lightbox {
		padding:0px 20px;
	}
	#lightbox > .wrap {
		margin:60px 0px 80px 0px;
	}
	#lightbox > .wrap > .btn-close {
		top:-55px;
	}
	#lightbox > .wrap > .btn._prev {
		top:auto;
		bottom:-65px;
		left:calc(50% - 60px);
	}
	#lightbox > .wrap > .btn._next {
		bottom:-65px;
	}
	
	#lightbox .content .video-info span {
		display:block;
		padding:2px 0px;
	}
	#lightbox .content .video-info span + span {
		padding-left:0px;
	}
	#lightbox .content .video-info span + span:before {
		content:none;
	}
	
	
	#header .logo {
		width:152px;
		height:60px;
	}
	
	
	.page-content > section {
		padding:40px 0px;
	}
	
	
	
	.event-promo .item-wrap {
		max-width:none;
	}
	.event-promo + section {
		padding-top:40px;
	}
	
	
	.timeline .decades .btn span {
		top:1px;
	}
	.timeline .scrollbar {
		height:60px;
		margin-bottom:20px;
	}
	
	section#member-moments p > .btn[href='#member-story-form'] {
		display:block;
		width:120px;
		margin:10px auto;
	}
	.member-stories .stories {
		width:280px;
		gap:0px;
	}
	.member-stories .story {
		margin-bottom:20px;
	}
	
	
	.events-list .events-list-items {
		width:100vw;
		max-width:none;
		margin-left:-20px;
	}
	.events-list .events-list-item .item-header {
		padding:10px 50px 0px 20px;
	}
	.events-list .events-list-item .item-header:after {
		width:30px;
		height:30px;
	}
	.events-list .events-list-item .item-header .date {
		left:20px;
	}
	.events-list .events-list-item .item-content {
		padding:0px 20px 20px 20px;
	}
	.events-list + .btn {
		margin-top:40px;
	}
	
	
	section#next-50 .inwrap .btns {
		max-width:240px;
		margin:20px auto 0px auto;
	}
	section#next-50 .inwrap .btns > div {
		display:block;
	}
	section#next-50 .inwrap .btns p {
		margin:0px;
	}
	section#next-50 .inwrap .btns .btn {
		width:100%;
		margin:10px;
	}
	
	section#sponsors {
		padding-top:40px;
	}
	section#sponsors .sponsors {
		padding:0px;
	}
	
	
	#footer .links .copy {
		font-size:15px;
	}
	
}


@media (max-width:520px) {
	
	html {
		font-size:14px;
	}
	h1, .h1 {
		font-size:40px;
	}
	h2, .h2 {
		font-size:36px;
	}
	h3, .h3 {
		font-size:30px;
	}
	
}