/*
 * core.css - all custom CSS code belongs in this file; including Bootstrap
 * Framework overrides.
 *
 */

body {
  font-family: "GothamBook";
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  overflow-x: hidden;
  letter-spacing: -.025em;
}

em {
  font-family: "GothamBookItalic";
  font-style: italic;
  font-stretch: normal;
}

em.title {
  font-family: "Gotham";
  font-style: italic;
  font-stretch: normal;
  font-weight: 700;
}

body.home-announce, body.presales {
  background:url("../_img/gold.jpg") no-repeat;
  background-size:cover;
}

html {
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  background-color: #000;
  color:#867261;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-family: 'GothamBlack';
  color:#ec7207;
  letter-spacing: -.0125em;
}

h1 em, h2 em, h3 em {
  font-family: "Gotham";
  font-style: italic;
  font-stretch: normal;
  font-weight: 800;
}

h1 {
  font-size: 2.25em;
  margin: 0 auto 0.1em !important;
  text-transform: uppercase;
  padding-top: 1.25em;
}
h2 { font-size: 1.375em; font-weight: 800; text-transform: uppercase; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

p {
  line-height: 1.5;
  text-transform: none;
}

blockquote {
  font-family: 'GothamBold';
}

main p, main ol, main ul {
  letter-spacing: -.0125em;
}

ul, li, table {
}

img { outline: none; border: 0; }

.img-responsive { display: inline; }

.nowrap { white-space: nowrap; }

.ib { display: inline-block; }

em, i {   font-family: "GothamBookItalic";
  font-style: italic;
  font-stretch: normal; font-synthesis:none; }

strong, b {   font-family: "GothamBold";
  font-style: normal;
  font-stretch: normal; font-synthesis:none; }

strong em, b em, strong i, b i, em strong, em b, i strong, i em {
  font-family: "GothamBoldItalic";
  font-style: italic;
  font-stretch: normal;
}

a { color: #ec7207; text-decoration: none; }

a:hover {
  color:#867261;
}

sup {
  font-size:60%;
  vertical-align: super;
}


/*
 UTILITY CLASSES SECTION
 ----------------------------------------------------------------------------*/
iframe#mediaplxpxl {
  opacity: 0;
}

.w100 {
  width: 100%;
  height: auto;
}

.drop-shadow {
  filter: drop-shadow(.125em .125em .25em rgba(0,0,0,.25));
}

.btn {
  font-size: 1.25em;
  line-height: .8;
  padding: 0.5em 1em;
  margin: .25em auto;
  font-family: 'GothamBlack';
  letter-spacing: -.0125em;
  color: #fff!important;
  display: inline-block;
  min-width: 10em;
  background-color: #ec7207;
  text-align: center;
  transition: filter .125s;
  text-transform: uppercase;
  pointer-events: all;
}
.btn:hover {
  filter: brightness(1.1);
  cursor: pointer;
}

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/
#outerwrapper {
  min-height: 100%;
}

#content {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 0 6em;
}
.home #content {
  box-shadow: -0.125em -0.125em 0.5em rgba(0,0,0,.25);
}

section {
  padding-top: 0em;
  position:relative;
}

/*
 HEADER SECTION
 ----------------------------------------------------------------------------*/
#header {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items:center;
  width: 100%;
  z-index: 3;
  background:#000000;
  color: #fff;
  height: 60px;
  top: 0;
  padding: 0 0 0 14px;
  gap: 14px;
  box-shadow: 0.125rem 0.125rem 0.5rem rgba(0,0,0,.25);
}
body:not(.home):not(.tickets.atg_down) #content {
  padding-top: 60px;
}

#nav-logo {
  width:5em;
}
.home #nav-logo {
  pointer-events: none;
}

#header h2 {
  flex: 1 1 auto;
  font-size: 1em;
  text-align: center;
  color:#fff;
  font-weight: 500;
  text-transform: uppercase;
  padding: .45em 0;
  z-index: -1;
}
@media (max-width: 532px) {
  #header h2 {
    font-size: 3.5vw;
  }
}

#nav {
  position: fixed;
  width: 20em;
  height:100%;
  top: 0;
  left: 0;
  background:rgba(0,0,0,.9);
  z-index: -1;
  transition: transform .5s ease-in-out;
  pointer-events: none;
  transform: translateX(-120%);
  overflow:auto;
  font-size: 1.25em;
  padding: 1em;
}
.menu-open #nav {
  display: block;
  z-index: 5;
  transform: translateX(0);
  transition: transform .5s ease-in-out;
  pointer-events: all;
}
@media (max-width:480px) {
  #nav {
    width: 100vw;
  }
}
#nav > ul {
  margin: auto;
  padding: 3em 0 2em;
}
#nav ul {
  font-family: 'GothamBold';
  font-size: 1.5em;
  max-width: 21em;
}
#nav ul li {
  text-align:left;
  list-style-type: none;
  margin-bottom:.5em;
  position:relative;
  line-height: .9;
}
#nav ul li a {
  color:#fff;
}
#nav ul li a:hover {
  color:#ec7207
}
.has-sub:hover > a {
  color:#ec7207!important;
}
#nav ul li .social-icons {
  margin-top:40px;
}
#nav ul li .social-icons a {
  color:#ec7207!important;
  font-size:40px;
  padding:0px 10px;
}

@media (min-width:767px) and (max-width:880px) {
  #nav-right .social-icons .hidden-xs {
    display:none;
  }

  #footer .visible-xs {
    display:block!important;
  }
}

body.menu-open:not(a) {
  pointer-events: none;
}
body.menu-open #nav {
  pointer-events: all;
}

#nav a.top-level:after {
  content: '';
  color: #ec7207;
  display: inline-block;
  margin-left: 15px;
  position: absolute;
  top: 0;
}

.triangle,
#nav .top-level:after {
  vertical-align:baseline;
	display: inline-block;
	height: 0.625em;
	width: .625em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .125s;
  transform: translateY(.1875em);
}
#nav .has-sub.active .top-level:after {
	transform: translateY(.1875em) rotate(90deg);
}
.triangle-left {
	background-image: url('data:image/svg+xml,<svg id="TriangleLeft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23e5e0db;}</style></defs><polygon class="b" points="216 0 216 288 0 144 216 0"/></svg>');
}
.triangle-right {
	background-image: url('data:image/svg+xml,<svg id="TriangleRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23e5e0db;}</style></defs><polygon class="b" points="0 0 0 288 216 144 0 0"/></svg>');
}
.triangle-left.active {
	background-image: url('data:image/svg+xml,<svg id="TriangleLeft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23ec7207;}</style></defs><polygon class="b" points="216 0 216 288 0 144 216 0"/></svg>');
}
.triangle-right.active,
#nav .top-level:after {
	background-image: url('data:image/svg+xml,<svg id="TriangleRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23ec7207;}</style></defs><polygon class="b" points="0 0 0 288 216 144 0 0"/></svg>');
}

/* menu button */
#btn-menu {
  position: relative;
  display: block;
  padding: 0.5em;
  height: 32px;
  width: 36px;
  cursor: pointer;
  pointer-events: all;
  background: transparent;
  transition: all .125s;
  border: none;
  z-index: 6;
}
.hamburger {
  position: absolute;
  transform: scale(.75);
  height: 100%;
  width: 100%;
  top: 0; left: 0;
  pointer-events: none;
}
.bun:before,
.bun:after,
.patty {
  content: '';
  width: 36px;
  height: 5px;
  transform: translate(-50%,-50%);
  position: absolute;
  left: 50%;
  background: #fff;
  transition: all .125s;
  pointer-events: none;
}
#btn-menu:hover .bun:before,
#btn-menu:hover .bun:after,
#btn-menu:hover .patty {
  background: #ec7207;
}
.bun:before {
  top: calc(50% - 13px);
}
.bun:after {
  top: calc(50% + 13px);
}
.patty {
  top: 50%;
}
.menu-open .hamburger .patty {
  opacity: 0;
}
.menu-open .hamburger .bun:before,
.menu-open .hamburger .bun:after {
  transform: translate(-50%,-50%) rotate(45deg);
  transform-origin: center;
  top: 50%; left: 50%;
}
.menu-open .hamburger .bun:after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/* header h2 rotation */
#header h2 { position: relative; }
#header h2 > span { opacity: 0; transition: opacity 1.25s; }
#header h2 > span.active { opacity: 1!important; }
#header h2 > span:not(:first-child) {
  display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
/* align left
@media (min-width:768px) and (max-width: 1199px) {
  h2 > span:not(:first-child) {
    left: 0; transform: translateY(-50%);
  }
}*/

@media (min-width: 640px) {
  .south-park #header h2 {
    position: static;
  }
  .south-park #header h2 > span {
    opacity: 1;
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform: translate(-50%,-50%);
  }
}

#btn-tickets {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 0.5em;
  font-size: 1.375em;
  height: 100%;
  line-height: .9;
  background-color: #ec7207;
  color: #fff;
  position:relative;
  z-index:5;
  transition: filter .125s;
}
#btn-tickets:hover {
  filter: brightness(1.1);
}
@media (max-width:1023px) {
  #btn-tickets {
    position: fixed;
    bottom: .25em;
    left:.25em;
    right: .25em;
    top: auto;
    height: 1.75em;
    width: calc(100% - 0.5em);
    font-size: 2.375em;
    filter: drop-shadow(.05em .05em .0625em rgba(0,0,0,.5))
  }
  #btn-tickets:hover {
    filter: brightness(1.1) drop-shadow(.05em .05em .0625em rgba(0,0,0,.5));
  }
}

@media (max-width:767px) {
  #header {
    height: 61px;
  }
  body:not(.home) #content {
    padding-top: 61px;
  }
  #nav-logo {
    position:relative;
    margin:0 auto;
  }
  #nav ul li .social-icons a {
    font-size:30px;
  }
}

@media (min-width:768px) and (max-width:880px) {
  #nav-logo {
    position: relative;
    margin: 0 auto;
    left:0;
    right:0;
  }
}

/* SPLASH VIDEO OVERLAY */
#vid-overlay {
  position:fixed;
  top:49px;
  left:0;
  width:100%;
  height:100%;
  z-index:10;
}

#vid-overlay .vid-close {
  position:absolute;
  top:20px;
  right:20px;
  color:#fff;
  font-size:40px;
  font-family: "Gotham Black";
  z-index:2;
}

/*
 SOCIAL ICONS
----------------------- */
.social .icon {
  display: inline-block;
}

.social .icon a {
  display: inline-block;
  height: 1.875rem;
}

.social .icon.tiktok a {
  padding: 6% 0em;
}

.social a svg {
  display: block;
  width: auto;
  height: 100%;
}

.social a svg path {
  fill: #887464;
  transition: fill .2s;
}

.social a:hover svg path {
  fill: #e1762f;
}

/*
 FOOTER SECTION
 ----------------------------------------------------------------------------*/
#footer {
  background:#fff;
  padding: 0 0 1em;
  font-size: 100%;
  text-align: center;
  color:#867261;
  position:relative;
  margin:0 auto;
  z-index: 1;
  /* border-top: 2px solid #867261; */
  width:100%;
}
@media (max-width: 1023px) {
  #footer {
    padding-bottom: 6em;
  }
}
#footer-address {
  text-align:center;
}
#footer-address, #footer-copyright {
  font-size: .75em;
  line-height: 1.5;
}
#footer-copyright {
  font-size: .5;
}

#footer a {
  color:#867261;
}

#footer a:hover {
  color:#000000;
}

.handle {
  color:#867261;
  font-size:80%;
  display:inline-block;
  font-weight:700;
}

#instagram {
  width: 100%;
  margin: 3em auto 0;
  max-width: 1200px;
}

#instagram h3 {
  text-align:center;
  text-transform:uppercase;
  padding:0;
  font-size: 1.875em;
  line-height: 1.1;
  font-weight: 800;
}
#instagram h3:first-child {
  margin: 0 auto .625em;
}
#instagram h3:last-child {
  margin: .625em auto 0;
}

#instagram h3 a {
  margin-top:5px;
  display:block;
  /* font-family: 'Trade Gothic LT W05 Bd Cn No-2', sans-serif; */
}

@media (max-width:767px) {
  .theater-logo {
    margin-bottom: -35px;
  }
}
.theater-logo > svg {
  width: 22em;
  margin-bottom: -2.5em;
  margin-top: -.75em;
}
.theater-logo svg > * {
  fill: #887464;
  transition: fill .2s;
}
.theater-logo svg:hover > * {
  fill: black;
  transition: fill .2s;
}



#amex {
  position:absolute;
  top:40%;
  right:10%;
  margin:auto;
  max-width:150px;
}

#national {
  position:absolute;
  top:40%;
  left:8%;
  margin:auto;
  max-width:100px;
}

@media (max-width:880px) {
  #footer-address, #footer-copyright {
    font-size: 80%;
  }

  #footer-social {
    width:100%;
    float:none;
    text-align:center;
  }

  #footer .social-icons {
    margin-top:10px;
  }

  #footer .social-icons a {
    color:#ec7207!important;
    font-size:30px;
    padding:0 5px;
  }

  #footer-address {
    width:100%;
    float:none;
    text-align:center;
  }


  #instagram {
    width:100%;
    margin-left:0;
    margin-right:0;
  }

  #amex {
    position:relative;
    margin:10px auto;
    top:0;
    right:0
  }

  #national {
    position:relative;
    margin:10px auto;
    top:0;
    left:0
  }
}

/* rotator */
.rotator { position: relative; display: flex; align-items: center; }
.rotator.hidden { opacity: 0; pointer-events: 0; }
.rotator:not(.quotes) > *:not(:first-child),
.rotator.quotes > *:not(.longest) { max-width: calc(100%);
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.rotator:not(.quotes) > *:first-child,
.rotator.quotes > *.longest { position: relative; }
.rotator > * { width: 100%; opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.5s, 0.5s;
  transition-delay: 0s, 0s; }
.rotator.slide > * { transition-duration: .5s, 0s; }
.rotator > *.active { opacity: 1; transition-delay: 0s, .5s; }
.rotator.slide > *.next,
.rotator.slide > *.prev { transition-delay: opacity .5s; }
.rotator.slide > *.next { transform: translate(50%,-50%); }
.rotator.slide > *.current { transform: translate(-50%,-50%); }
.rotator.slide > *.prev { transform: translate(-150%,-50%); }
.rotator.slide > *:first-child.next { transform: translate(100%,0); }
.rotator.slide > *:first-child.current { transform: translate(0,0); }
.rotator.slide > *:first-child.prev { transform: translate(-100%,0); }


/*
 HOME SECTION
 ----------------------------------------------------------------------------*/

#keyart {
  text-align: center;
  position: relative;
  margin: 0 auto;
  padding-top: 60px;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
}
#keyart .container {
  padding-left:0;
  padding-right:0;
}
#keyart .container {
  max-width: none;
  width: 100%;
  height: auto;
}
#keyart .container video {
  height: auto;
  width: 100%;
}
@media (min-width:128vh) {
  #keyart .container video {
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width:768px) {
  #keyart .container {
    padding-bottom: 0;
    height: auto;
  }
}
@media (min-width: 768px) {
  #keyart img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%,-50%);
    z-index:0;
  }
}
@media (max-width: 767px) {
  #keyart img {
    margin: 0 auto;
  }
}
/*
#keyart-parallax {
  filter: drop-shadow(0.125em 0.125em 0.5em rgba(0,0,0,.75));
}*/
@media (min-width: 768px) {
  .parallax-object {
    position: relative;
    width: 150vh;
    height: 0;
    padding-bottom: 56.25%;
    max-width:100%;
    margin: 0 auto;
  }
  #keyart-parallax {
    background-image: url(../_img/keyart.jpg?v=1);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .webp #keyart-parallax {
    background-image: url(../_img/keyart.webp?v=1);
  }
}
@media (min-width: 150vh) {
  .parallax-object {
    height: 84.25vh;
    padding-bottom: 0;
  }
}

.video-ended #keyart video {
  opacity: 0;
  transition: all .25s;
}

.video-ended #keyart video {
  opacity: 0;
  transition: all .25s;
}

.content-wrap {
  position:relative;
  background:#fff;
  width:100%;
  z-index:5;
}

.home-tabs {
  position:absolute;
  bottom:-32px;
  left:0;
  right:0;
  margin:auto;
  z-index:50;
}

.home-tabs a {
  display:inline-block;
  background:#c7beb6;
  color:#ebe8e4;
  text-align:center;
  font-family: "Gotham Black";
  font-size:30px;
  padding:8px 10px 40px;
  box-shadow:0 0 20px rgba(0, 0, 0, 0.3);
  width:230px;
}

.home-tabs a:hover, .home-tabs a.active {
  background:#fff;
  color:#867261;
}

.home-tabs a:nth-of-type(2) {
  margin:0 10px;
}

.little-vid {
  display:block;
}

.big-vid {
  display:none;
}

@media (min-width:1400px) {
  .little-vid {
    display:none;
  }

  .big-vid {
    display:block;
  }
}

/*
  VIDEO
-------------------------------- */
.video-wrapper h2 {
  font-size: 1.5rem;
  margin-bottom: .75em;
  margin-top: .75em;
}
@media (max-width:479px) {
  .video-wrapper h2 {
    font-size: 5vw;
  }
}
.custom-thumb {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 55.75%;
  height: 0;
  background-color: #000;
  border: .25em solid #ec7207;
  cursor: pointer;
  border-radius: 1.375em;
  transition: border-color .2s ease-out;
}
.page-loaded .custom-thumb:after {
  /* custom video thumb */
  content: '\25B6';
  content: '';
  color: #ec7207;
  background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 150'%3E%3Cstyle%3E.bbbbb%7Bfill:%23ec7207%3B%7D%3C/style%3E%3Cpath class='bbbbb' d='M0 0v150l130-75'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875em;
  position: absolute;
  top: 50%; left: 50%;
  width: 2em;
  font-size: 5em;
  height: 2em;
  padding-left: 0.2em;
  transform: translate(-50%,-50%);
  pointer-events: none;
  opacity: 0;
  transition: all .2s ease-out;
  z-index: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-loaded .custom-thumb.init:after {
  opacity: 1;
}
.page-loaded .video-wrapper:not(.init) .news-hed {
  opacity: 0;
}
.page-loaded .custom-thumb.init:hover:after {
  transform: scale(.90) translate(-55%,-55%);
  transition: all .4s ease-out;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 150'%3E%3Cstyle%3E.bbbbb%7Bfill:%23ffb042%3B%7D%3C/style%3E%3Cpath class='bbbbb' d='M0 0v150l130-75'/%3E%3C/svg%3E");
}
.page-loaded .custom-thumb.playing:after {
  opacity: 0;
}
.custom-thumb:hover  {
  border: .25em solid #ffb042;
}
.custom-thumb:hover:after  {
  color: #ffb042;
}
.custom-thumb * {
  pointer-events:none;
}
.custom-thumb iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all!important;
}
.custom-thumb img {
  height:  100%;
  width: auto!important;
  position:  absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#blurb {
  margin: 3em auto 0;
  position: relative;
}
#blurb .container {
  width: 46em;
  max-width: 100%;
  margin: 0 auto;
}
#blurb h2 {
  font-size:155%;
  color:#000000;
}
#blurb p {
  text-align:center;
}

.contest-btn {
  display:block;
  width:92%;
  max-width:1170px;
  margin:0px auto 25px;
  color:#fff;
  background:#867261;
  text-align:center;
  font-family: "GothamBlack";
  font-size:22px;
  pointer-events: none;
}

.contest-btn.contest-open {
  pointer-events: auto;
  background:#ec7207;
  font-size:30px;
}

.contest-open div {
  width:455px;
  margin:0 auto;
}

.contest-open span.bg-line {
  display:block;
  font-size:22px;
  border-bottom: 2px solid #fff;
  line-height: 0.1em;
  margin: 10px 0 10px;
  position: relative;
  z-index: 4;
}

.contest-btn:hover {
  color:#fff;
  cursor:default;
}

.contest-btn.contest-open:hover {
  cursor:pointer;
  background:#867261;
}

.contest-btn.contest-open:hover .bg-line span {
  background:#867261;
}

.contest-rules h1, .health-safety h1, .sweeps-faq h1 {
  text-align:center;
  font-family: "GothamBlack";
}

.health-safety #privacy h1, .sweeps-faq #privacy h1 {
  margin-bottom:1em;
}

.contest-rules #privacy h2, .sweeps-faq #privacy h2 {
  color:#000;
  font-weight:700;
  font-size:100%;
  margin-bottom:2em;
}

.contest-rules ol, .contest-rules #privacy ul {
  list-style:auto;
  margin-left:40px;
  margin-bottom:20px;
}

.contest-rules #privacy ul {
  list-style:disc;
}

@media (max-width:767px) {

  .contest-btn {
    font-size:18px;
    width:89%;
    margin-bottom:15px;
  }

  .contest-btn.contest-open {
    font-size:18px;
  }

  .contest-open div {
    width:275px;
  }

  .contest-open span.bg-line {
    font-size:15px;
    margin:8px 0 3px;
  }

  .bg-line span {
    padding:0 5px;
  }

  .home-tabs a {
    font-size:15px;
    width:110px;
    padding:5px 10px 40px;
  }

  .home-tabs {
    bottom:-37px;
  }

  .home-tabs a:nth-of-type(2) {
    margin: 0px 3px;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#vid-block {
  width:100%;
  margin:1em auto 2em;
}


/*
 OPT-IN FORM SECTION
 ----------------------------------------------------------------------------*/
 .home .optin {
  max-width: 19em;
 }
.optin {
  margin: 1em auto;
  text-align: center;
  position:relative;
  z-index:10;
  width:95%;
  max-width:1200px;
  background-image: url("../_img/bracket-next.png"), url("../_img/bracket-prev.png");
  background-position: top right, top left;
  background-repeat: no-repeat;
  background-size:contain;
  padding: 0 10% 1em;
}

.missioncompanion .optin {
  padding:1% 3%;
}

.optin .label {
  display: block;
  font-size:3.2vw;
  text-align:left;
  margin-left: 1%;
}

.optin .label p {
  font-weight:400;
  font-size:50%;
  display:block;
  color:#867261;
}

.optin .label h2 {
  font-size: inherit;
  font-family: "GothamBlack";
  color:#ec7207;
}


input, .optin button {
  display: inline;
  font-size: 90%;
  border: 0;
  padding: .25em;
  line-height: 1.25;
  height: 2.75em;
  font-family: 'GothamMedium';
  margin:4px auto;
  text-transform: uppercase;
}

input {
  border:2px solid #cfc9c4;
  color:#000000;
  background:#fff;
}

.check-wrap.top {
  margin-top:10px;
}

.check-wrap {
  margin-left:5px;
}

.optin input.check {
  display:block;
  float:left;
  height:30px;
}

.optin .label.check-label {
  font-weight:normal;
  font-size:14px;
  display:block;
  float:left;
  margin-top:12px;
  width:80%;
}

.form-row {
  width:100%;
  margin:0 auto;
}

.optin .form-row input {
  width:49%;
}

.missioncompanion .form-row {
  margin-bottom:5px;
}

.optin .form-row input.full-width {
  width:98.5%;
}

#rules-error, #covid-error, #age-error {
  font-size:14px;
  font-weight:bold;
  margin-top:12px;
  float:left;
  display:block;
  margin-left:15px;
}

.optin .submit {
  background: #ec7207;
  color: #fff;
  font-size: 1.375em;
  line-height: 100%;
  font-weight: 800;
  width: 24%;
}

.missioncompanion .optin .submit {
  width:50%;
  margin-top:10px;
}

.subscribe {
  display: block;
}

textarea:focus, input:focus{
    outline: none;
}

input.error::-webkit-input-placeholder {
  font-weight:bold;
}

input.error:-moz-placeholder { /* Firefox 18- */
  font-weight:bold;
}

input.error::-moz-placeholder {  /* Firefox 19+ */
  font-weight:bold;
}

input.error:-ms-input-placeholder {
  font-weight:bold;
}

input::-webkit-input-placeholder {
  color:#a99c92;
}

input:-moz-placeholder { /* Firefox 18- */
  color:#a99c92;
}

input::-moz-placeholder {  /* Firefox 19+ */
  color:#a99c92;
}

input:-ms-input-placeholder {
  color:#a99c92;
}

.form-thanks {
  margin-top:30px;
  padding:1em 0;
  font-size: 5vw;
  font-family: "GothamBlack";
}

.form-thanks span {
  font-size:35%;
  font-weight:400;
  line-height:1.1em;
  display:block;
  color:#867261;
}

.email-confirm {
   color:#867261;
   text-align:center;
   margin:0;
   padding:0;
   opacity:.8;
   font-size:85%;
}

@media (min-width:1100px) {
  .optin .label {
    font-size:32px;
  }

  .form-thanks {
    font-size:50px;
  }
}

@media (max-width:480px) {
  .form-thanks {
    width: 100%;
    margin: 0 auto;
    font-size: 150%;
    line-height:1em;
  }
}

@media (min-width:768px) and (max-width:900px) {
  .missioncompanion .optin {
    padding:2% 5%;
  }
}

@media (min-width:768px) {
  .optin .form-row:last-child {
    display: flex;
    width: 98.625%;
    gap: 6px;
  }
}

@media (max-width:767px) {
  .optin .form-row input {
    width:48%;
  }
  .optin .form-row input.full-width,
  .optin input.email-field,
  .optin button.submit {
    width: 97%;
  }
  .optin button.submit {
    font-size: 1.125em;
  }
  .optin .label {
    margin-left: 2.25%;
    font-size: 4.7vw;
  }
  .optin .label p {
    font-size: .625em;
    margin-top: 2px;
  }
  .form-thanks {
    font-size: 34px;
  }

  .form-thanks span {
    font-size: 14px;
  }

  body.team .optin {
    margin-top: 3em!important;
  }

  .missioncompanion .optin {
    padding: 2% 5%;
  }
}


/*
 UPGRADE PAGE
 ----------------------------------------------------------------------------*/
.upgd-pg {
  background-size:cover;
  height:100vh;
}

#upgd_content {
  max-width:70%;
  margin:0 auto;
}

#upgd_content .msgbox {
  width: 70%;
  margin: 0px auto;
  padding: 10px;
  text-align:center;
}

.msgbox h2, .msgbox p {
  text-align:center;
}

/*
PRIVACY PAGES
 ----------------------------------------------------------------------------*/

section#privacy {
  padding: 0 2em;
  text-align: left;
}

#privacy h1 {
  text-transform:uppercase;
  padding:0;
  margin: 1em auto;
}

#privacy h2,
#privacy h3 {
  font-size: 1.5em;
  padding:0;
  margin: 2em auto .5em;
}

#privacy h3 {
  font-size: 1.25;
}

#privacy p, #privacy ul {
  font-size: 1.125em;
  padding:0;
  margin: 1.125em auto;
}

#privacy ul {
  list-style-type:disc;
  text-align:left;
  text-transform:none;
  margin: 1.25em 1.5em;
}

#privacy li {
  padding:5px 0;
  line-height:1.4em;

}

#privacy table td {
  border:1px solid #2e5869;
}

#privacy table {
  margin-bottom:2em;
}

#privacy tr td:first-of-type {
   width: 20%;
   padding: 10px;
   border: 1px solid #2e5869;
}

#privacy tr td:nth-of-type(2) {
   width: 30%;
   padding: 10px;
   border: 1px solid #2e5869;
}

#privacy table p {
 padding-bottom:0;
}

#privacy a.back {
  text-transform:uppercase;
  display:block;
  padding-top:2em;
}

/*COVID STUFF*/
.corona {
  width: 100%;
  height: 40px;
  background: #888;
  text-align: center;
  position:fixed;
  top:49px;
  font-size:18px;
  z-index:10;
}

.corona a {
  color:#fff;
  padding-top:10px;

  display:block;
}

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

.corona .hidden-xs {
  display:inline;
}

#privacy.covid p {
  font-size:110%;
}

.covid h2 {
  margin-bottom:15px;
}

.covid h3 {
  margin-bottom:10px;
}

.health-and-safety #instagram {
  display:none;
}

.privacy .corona, .health-and-safety .corona, .cookies .corona, .gdpr .corona {
  display:none;
}

@media (max-width:767px) {
  .corona {
    top:42px;
    font-size:17px;
    height:60px;
  }

  .corona a {
    padding-top:12px;
    line-height:1.1;
  }
}

/* Blue Light Popup */
#popup-blue {
  background:rgba(0,0,0,.5);
  height:100%;
  width:100%;
  position:fixed;
  z-index:10;
  top:0;
  left:0;
}

#blue-popup {
  width:80%;
  height:28%;
  position:fixed;
  top:-160px;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  max-width:700px;
}

.modal-close {
  position:absolute;
  top: 10px;
  right: 15px;
  font-size: 190%;
  color:#fff;
}

.modal-close:hover {
  color:#000;
}



/* =============================================================================
 MEDIA QUERIES
 ========================================================================== */
/* Extra Small Devices */
@media (max-width: 767px) {
    #opt-in-form input {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }
}

/* Small Devices */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium Screens/Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large Screens/Desktops */
@media (min-width: 1200px) {
}


/* cookie consent */
body .cc-banner .cc-message {
  text-align:left!important;
  font-size: .875em;
  line-height: 1.5625;
  z-index: 999999999999;
}
body .cc-window.cc-banner {
  flex-direction: column;
  gap: .75em;
  background-color: #e5e0db;
  color: #867261;
  text-align: left!important;
}
body .cc-window.cc-floating {
  max-width: none;
  padding: 1.5em;
  top: 50%;
  transform: translateY(11%);
  transform-origin-x: translateY(11%);
  width: 16em;
  height: 19em;
  z-index: 8;
  text-align: left!important;
}
body .cc-banner.cc-bottom {
  right: auto;
  bottom: 10.5em;
  top: auto;
  font-size: 0.875em;
  max-width: 14em;
  transform: translate(-120%,0);
  transition: transform .5s ease-in-out;
  padding: 1.5em;
}
.cc-banner.cc-bottom:not(.cc-invisible) {
  transform: translate(0,0);
}
body .cc-compliance {
  align-self: self-start;
}
@media (max-width:532px) {
  body .cc-window.cc-banner {
    flex-direction: column;
    gap: 1em;
  }
  body .cc-btn {
    display: block;
  }
  body .cc-compliance {
    width: 100%;
  }
}