body {
    background-color: #111115;
    background-repeat: repeat-x;
    background-image: url("../img/cave_header_bg.png");
    background-size: 400px 294px;
    overflow-x: hidden;
}

.bethbgdiv {
    background: url("../img/beth_bg_composite.png") no-repeat 50% 34px;
}

.cornerbg {
    background: url("../img/corner_bg.png") no-repeat 0% 100%;
}

.text-muted, .text-muted a{
    color: #dedede !important;
}

.text-muted a:hover {
    color: #dedede !important;
}

.tagline {
      font-size: 1.2rem;
}

.btn-wishlist {
  height: 100%;
  max-height: 116px;
  min-width: 192px;
  padding: 2rem 0rem;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(247,130,92, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.signup {
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1.25;
}

#error {
    font-size: 1.25rem;
}

.playbutton {
    position:absolute; 
    left:46%; 
    top:40%; 
    z-index:0;
    transition: color 0.15s ease-in-out;
    font-size: 3em;
}

.register-p {
    text-align: center;
    font-size: .9rem;
    margin-bottom: .5rem;
}

.pitch {
    font-size: .9rem;
}

.form-control {
    background-clip: border-box !important;
}

.email-info {
    font-size: .7rem;
    color: #d0aecb !important;
}

.form-div {
    padding-top: 0px;
    padding-bottom: 1rem;
}

@media (min-width: 410px) {
  .tagline {
      font-size: 1.38rem;
  }
  .playbutton {
      font-size: 4em;
  }

  .register-p {
      font-size: .9rem;
  }
  .pitch {
    font-size: .9rem;
  }
}

@media (min-width: 468px) {
  .tagline {
      font-size: 1.6rem;
  }

  .register-p {
      font-size: 1rem;
  }
  .pitch {
    font-size: 1rem;
  }
}

@media (min-width: 506px) {
  .tagline {
      font-size: 1.75rem;
  }

  .register-p {
        font-size: 1.1rem;
  }
  
  .pitch {
    font-size: 1rem;
  }
}

@media (min-width: 576px) {
  body {
    background-size: 400px 364px;
  }
  .tagline {
      font-size: 1.8rem;
  }
  .btn-wishlist {
    padding: 2.2rem 2.2rem;
  }
  .form-div {
      padding-left: 0px;
      padding-top: 1rem;
  }
  .register-p {
      text-align: left;
  }

  #error {
    font-size: .7rem !important;
  }

  .alert-success {
  }
}

@media (min-width: 768px) {
  body {
    background-size: 400px 464px;
  }
  .register-p {
    line-height: 1.6rem;
    margin-bottom: .2rem;
    font-size: .9rem;
  }
  .pitch {
    font-size: 1.32rem;
  }
  .tagline {
    font-size: 2.4rem;
  }
  .signup{
    padding: 0.5rem 1rem !important;
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
  }
  
  #error {
    font-size: 1.15rem !important;
  }

  .inputfield
  {
      font-size: 1.1rem;
      padding: 13px;
  }

  .email-info
  {
    font-size: .75rem;
  }

  .alert-success {
  }

  .modal-dialog {
      max-width: 690px;
  }

  .modal-content {
      width: 690px;
  }
}

@media (min-width: 992px) {
  body {
    background-size: 800px 600px;
  }
  .register-p {
      font-size:1rem;
      margin-bottom: .5rem;
  }
  .pitch {
    font-size: 1.2rem;
  }

  .thumb-expanded {
    position: absolute;
    width: 600px !important;
    margin-left: -300px;
    z-index: 4;
    border: 2px solid #f8f9fa;
    cursor: zoom-out !important;
  }

  video {
    cursor: zoom-in;
  }

  .tagline {
      font-size: 1.9rem;
  }

  .inputfield {
      font-size: 1.5rem;
      padding: .5rem 1rem;
  }

  .bullets {
      text-align: center !important;
  }

  .playbutton {
      font-size: 2em;
      top:20%;
  }

  .medium-widget-article__description {
    font-size: 14px;
    line-height: 1.05rem !important;
  }

  .modal-dialog {
      max-width: 760px;
  }

  .modal-content {
      width: 760px;
  }
}

@media (min-width: 1200px) {
  body {
    background-size: 800px 697px;
  }
  .register-p {
      font-size: 1.2rem;
      margin-bottom: .5rem;
  }
  .pitch {
    font-size: 1.4rem;
  }
  .tagline {
      font-size: 2.2rem;
  }
  .playbutton {
      top:35%;
  }

  .email-info {
      font-size: 1rem;
  }

  .medium-widget-article__description {
    font-size: 15px;
    line-height: 1.4rem !important;
  }
}

@media (max-width: 575px) {
  .register-span {
      float:none !important;
  } 
}

@media (max-width: 767px) {
}
@media (max-width: 991px) {
  .scrim {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .heading {
    text-align: center;
  }
  .medium-widget-article__info {
    font-size: .7rem !important;
  }
}

.video {
	border: 3px solid #533d2f;
    border-bottom-width: 3px;
}

a {
	color: #f7825c;
}

.text-primary {
	color: #f7825c;
}

a:hover {
  color: #eb5626;
}

body, p, h1, h2 {
	font-family: 'Josefin Sans', sans-serif;
}

.linkbtn {
  position: relative;
  bottom: -2px;
  border: 2px solid white;
  color: black;
  padding: 6px 14px 1px 14px;
  cursor: pointer;
  text-shadow: none;
}

.discord {
  border-color: #7289DA;
  color: #7289DA;
}

.widget
{
    border-radius: revert;
}

.section.medium-widget {
    line-height: 1.05rem !important;
}

.medium-widget
{
    border-radius: 4px;
}

.discord:hover {
  background-color: #7289DA;
  color: #111115;
  text-decoration: none;
}

.primary {
  border-color: #f7825c;
  color: #f7825c;
}

.primary:hover {
  background-color: #f7825c;
  color: #111115;
  text-decoration: none;
}

.info {
  border-color: #522f4c;
  color: inherit;
}

.info:hover {
  background-color: #522f4c;
  color: #111115;
  text-decoration: none;
}

.nobreak {
    white-space: nowrap;
}

.thumbnail {
    display: inline-block;
    width: 100%;
    cursor: zoom-in;
}

video {
    display: inline-block;
    width: 100%;
    border: 1px solid #f8f9fa90;
}

.label {
    background-color: #f7825c; /* orange */
    color: #111115 !important;
    padding: 6px 14px 2px 14px;
    font-weight: bold;
}

.purple-bg {
    background-color: #522f4c !important;
}

.medium-widget {
    background-color: #f8f9fa;
    padding: 4px;
}

.bg {
    background-size:contain;
    background-repeat: repeat-x;
    background-image: url("../img/cave_header_bg.png");
  }

.nn {
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

.scrim {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .5);
    z-index: 1;
    pointer-events: none;
    left: 0;
    top: 0;
    transition: 0.5s;
}

.unselectable {
    user-select: none;
    pointer-events: none;
}

.bethbg {
    position:absolute; 
    left: 50%; 
    margin-left: -787px; 
    z-index: -2;
}

.alert {
    padding: .6rem 1rem !important;
}

.twitter
{
  color: #1DA1F2 !important;
}

ul {
    list-style: none;
    padding-left: 0px;
}

li p {
    margin-left: .5rem;
}

.shadowed {
    text-shadow: 0px 1px 4px #111115;
}

.fa-ul {
    margin-left: 2.2rem !important;
}

input.invalid {
  border: 2px solid red;
}

.zero-alpha
{
  color: rgba(0,0,0,0) !important;
}

.nooverflow {
  overflow-x: hidden !important;
}

.popover {
    font-family: 'Josefin Sans', sans-serif !important;
    left: 1px !important;
    top: -8px !important;
    border: 0px solid #f8f9fa !important;
    width: 603px;
    max-width: 603px;
    border: 0px;
    text-align: center !important;
    background-color: #151515 !important;
    line-height: 1.65 !important;
  }

  .popover-header {
    text-align: center !important;
    background-color: #b15ba2;
    color: #111115 !important;
    padding: 6px 14px 6px 14px !important;
    font-weight: bold !important;
    border-bottom: 0px;
  }

  .popover-body {
    text-align: center !important;
    color: #f8f9fa !important;
  }

  .arrow, .arrow::after {
    display: none !important;
  }

.news-header {
  color: #f7825c;
  background-color: #4a4a4a;
  padding-top: 6px;
  margin-left: 0px;
  margin-right: 30px;
}

.news-header a{
  text-decoration: underline;
}

.news-headline {
    background-color: #333;    
    margin: 0px;
    padding: 10px;
}

.news-text {
    color: #f8f9fa;
    margin-left: 4px;
    margin-right: 34px;
    margin-top: 1rem;
    font-size: 1.1rem;
}

.faq {
    font-size: 1.1rem;
    line-height: 1.4rem;
}

.modal-dialog {
    transition: transform .20s ease-out !important;
}

.modal-dialog-centered {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height:calc(100% - (1.75rem * 2));
  }
}

.modal-backdrop.show
{
    opacity:0.85 !important;
}

.modal-backdrop {
    background-color: #28313a !important;
}

.discord-wrapper {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #dcddde;
    --text-muted: #72767d;
    --text-link: #00b0f4;
    --channels-default: #8e9297;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: #36393f;
    --background-secondary: #2f3136;
    --background-secondary-alt: #292b2f;
    --background-tertiary: #202225;
    --background-accent: #4f545c;
    --background-floating: #18191c;
    --background-mobile-primary: #36393f;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(79,84,92,0.16);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: rgba(79,84,92,0.32);
    --background-modifier-accent: hsla(0,0%,100%,0.06);
    --background-mentioned: rgba(250,166,26,0.05);
    --background-mentioned-hover: rgba(250,166,26,0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --background-help-warning: rgba(250,166,26,0.1);
    --background-help-info: rgba(0,176,244,0.1);
    
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-box-direction: normal;
    text-indent: 0;
    margin: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    user-select: none;
    cursor: default;
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 16px;
    width: 432px;
    box-sizing: border-box;
    justify-self: start;
    align-self: start;
}

.discord-h5 {
text-rendering: optimizeLegibility;
-webkit-box-direction: normal;
text-indent: 0;
user-select: none;
margin: 0;
padding: 0;
border: 0;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
-webkit-box-flex: 1;
flex: 1;
cursor: default;
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
font-weight: 700;
margin-bottom: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: var(--interactive-normal);
}

.discord-content {
line-height: 1;
text-rendering: optimizeLegibility;
text-indent: 0;
user-select: none;
cursor: default;
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size: 100%;
vertical-align: baseline;
outline: 0;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row nowrap;
}

.discord-icon {
line-height: 1;
text-rendering: optimizeLegibility;
text-indent: 0;
user-select: none;
cursor: default;
-webkit-box-direction: normal;
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size: 100%;
vertical-align: baseline;
outline: 0;
position: relative;
background-clip: padding-box;
background-position: 50%;
background-size: 100% 100%;
border-radius: 6px;
width: 50px;
height: 50px;
margin-right: 16px;
-webkit-box-flex: 0;
flex: 0 0 auto;
background-color: #36393f;
background-image: url("https://cdn.discordapp.com/icons/402996222031429642/a_70904b3d62bfb617d3b6765889e6fce1.png?size=128");
}

.discord-flex {
line-height: 1;
text-rendering: optimizeLegibility;
text-indent: 0;
user-select: none;
cursor: default;
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size: 100%;
vertical-align: baseline;
outline: 0;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-width: 1px;
flex: 1 1 auto;
}

.discord-join-button {
-webkit-box-direction: normal;
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
text-rendering: optimizeLegibility;
outline: 0;
position: relative;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
box-sizing: border-box;
background: none;
border: none;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
padding: 4px 20px;
user-select: none;
transition: background-color .17s ease,color .17s ease;
width: auto;
line-height: 20px;
align-self: center;
margin-left: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-flex: 0;
flex: 0 0 auto;
cursor: pointer;
color: #fff;
background-color: #43b581;
height: 46px;
padding-left: 24px;
padding-right: 24px;
}

.discord-inviteDestinationJoined {
text-rendering: optimizeLegibility;
user-select: none;
-webkit-box-direction: normal;
margin: 0;
padding: 0;
border: 0;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
font-weight: 500;
font-size: 16px;
margin-bottom: 2px;
cursor: pointer;
}