:root {
  --purple: #442863;
  --gold: #ba8f49;
  --goldtint: #e9ddcb;
  --lightgrey: #ededed;
  --darkgrey: #b2b2b2;
}


html {
    font-size: 16px;
}

@media screen and (min-width: 700px) {
  html {
    font-size: calc(16px + 4 * ((100vw - 700px) / 500));
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 20px;
  }
}

a {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}


p, li {
	font-family: "montserrat", sans-serif;
	font-weight:400;
	color:black;
	font-size: 0.95rem;
	line-height: 1.5;
	margin-bottom: 0.9rem;
}

strong {
	font-weight:600;
	letter-spacing:0.1;
}

h1, h2 {
	font-family: "montserrat", sans-serif;
	font-weight:300;
	font-style:normal;
	color:black;
	font-size:1.3rem;
}

.legal-page p, .legal-page li {
	font-size:0.7rem;
	margin-bottom:0.3rem;
}

.legal-page h1 {
	font-weight:600;
	font-size:0.95rem;
}

.legal-page h2 {
	font-weight:600;
	font-size:0.7rem;
	margin-bottom:0.3rem;
	margin-top:0.6rem;
}

.button, .button:focus {
	text-transform:uppercase;
	color:black;
	background-color:white;
	border:1pt solid black;
	padding: 0.5rem 14rem;
}

.button:hover {
	background-color:var(--gold);
	color:black;
}

.home-banner h1 {
	color:white;
	font-size: 0.95rem;
	line-height: 1.5;
	margin-bottom: 0.9rem;
}



.black-band {
	background-color:black;
	padding-top:2rem;
	padding-bottom:2rem;
}

.purple-band {
	background-color:var(--purple);
	padding-top:2rem;
	padding-bottom:2rem;
}

.home-sub-banner {
	padding-top:1rem;
	padding-bottom:1rem;
}

.white-band {
	background-color:white;
	padding-top:2rem;
	padding-bottom:2rem;
}

.gold-band {
	background-color:var(--gold);
	padding-top:2rem;
	padding-bottom:2rem;
}

.goldtint-band {
	background-color:var(--goldtint);
	padding-top:2rem;
	padding-bottom:2rem;
}

.purple-band p, .purple-band h1, .purple-band h2, .purple-band h3, .black-band p, .black-band h1, .black-band h2, .black-band h3 {
	color:white;
}

.purple-band p strong, .black-band p strong {
	color:var(--gold);
}

.holding-page {
    background-color:black;
    height: 100vh;
    display: table;
    width: 100%;
}

.holding-page h1, .holding-page p {
    color:white;
}

.holding-page p a {
    color:white;
    text-decoration:underline;
}

.holding-page p a:hover {
    color:var(--gold);
}

.holding-page-inner {
    display:table-cell;
    height:100%;
    vertical-align:middle;
}

.holding-page-logo {
    width:12rem;
    margin-bottom:3rem;
}







/* OVERLAY STUFF ======================================================================================== */


#trigger-overlay {
    width:24px;
    height:21px;
    float:right;
    margin-top: 7px;
}

#trigger-overlay svg {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}

#trigger-overlay svg {
    fill:var(--brown);
}

#trigger-overlay:hover svg {
    fill:var(--orange);
}

#trigger-overlay svg:focus, #trigger-overlay:focus {
    outline:none;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--orange);
	z-index:9999;
	padding-top:25px;
	overflow:auto;
}

.overlay .overlay-close {
    float:right;
	overflow: hidden;
	border: none;
	outline: none;
	z-index: 100;
	margin-top: 8px;
}

.overlay .overlay-close svg {
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    fill:white;
}

.overlay .overlay-close:hover svg {
    fill:var(--brown);
}

.overlay .overlay-close svg {
    width:20px;
    height:20px;
}

.overlay ul {
    margin:0;
}

.overlay ul li a {
    font-size:1.5rem;
    color:white;
}

.overlay ul li a:hover {
    color:var(--brown);
}



/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
	transition: transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}














/* Media Queries
========================================================================== */

/* Small only */
@media screen and (max-width: 39.9375em) {

}

/* Medium and up */
@media screen and (min-width: 40em) {
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Large and up */
@media screen and (min-width: 64em) {
}