html { overflow-y: scroll; }

.clear {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

body { 
	height:100%;
	margin:0;padding:0;border:0;
	background-color:#3A8DFF;
	font:normal 18px 'Lora', Georgia, serif;
	color:#666;
}

img { border:0;
	max-width: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -285px;
}

.push {
  height: 285px;
}

.gold {
  background-image: url("http://risingstartalent.com/dev2019/i/GoldStars.png");
  background-color: #FCB130;
  width: 100%;
}

.soldout {
  font-family: 'Saira Stencil One', cursive;
  color:red;
}

.almostsoldout {
  font-family: 'Saira Stencil One', cursive;
  color:#f7b600;
}

.intouch {
  max-height: 250px;
  margin-left:auto;
  margin-right:auto;
  overflow: auto;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 285px;
    width: 100%;
    overflow: hidden;
}

h1 { margin:0 0 6px 0;padding:0;border:0; font:normal 1.8em 'Montserrat', sans-serif; color:#FFF; }
h2 { margin:0 0 6px 0;padding:0;border:0; font:normal 26px 'Montserrat', sans-serif; color:#A700A7; }
h3 { margin:0 0 6px 0;padding:3px 0 0 0;border:0; font:normal 18px 'Montserrat', sans-serif; color:#FFF; }
h4 { margin:0 0 6px 0;padding:3px 0 0 0;border:0; font:normal 18px 'Montserrat', sans-serif; color:#666; }
h5 { margin:0 0 6px 0;padding:3px 0 0 0;border:0; font:normal 18px 'Montserrat', sans-serif; color:#A700A7; }
h6 { margin:0 0 6px 0;padding:3px 0 0 0;border:0; font:normal 15px 'Montserrat', sans-serif; color:#666; text-align:center; }

a { 
  color: #3A8DFF;
}

a:hover { 
  color: #3A8DFF;
}

.bodyTable {
  margin: 0 auto;
}

.bodyTable td {
  border-right: 1px solid #fff;
}

.bodyTable th {
  background: #666;
  border-right: 1px solid #fff;
  font:normal 18px 'Montserrat', sans-serif;
  color:#FFF;
  text-align:center
}

.bodyTable tr:nth-child(even) {
  background: #FFF
}

.bodyTable tr:nth-child(odd) {
  background: #EEE
}

.bodyTable tr:hover {
  background-color: #D7E8FF;
}

.block-white {border: 0; background-color: #fff; margin: 0 0 10px 0; padding: 10px; -moz-border-radius: 7px; border-radius: 7px; box-shadow: 5px 10px 18px #888888; z-index: 300;}
.box-white {border: 0; background-color: #fff; margin: 0 0 0 0; min-height: 75px; width:100%; z-index: 300;}
.box-purple {border: 0; background-color: #A700A7; margin: 0 0 0 0; min-height: 75px; width:100%; z-index: 300;}

.logowidth {
  min-width: 100px;
  display: inline-block;
}

.iconwidth {
  min-width: 12px;
  display: inline-block;
}

sup { 
  font-size: 0.6em;
}

.hang {
  padding-left: 4.2em;
  text-indent:-4.2em;
  font-weight:700;
}

.bullet {
  padding-left: 1.2em;
  text-indent:-1.2em;
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}

.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* PAUL HAYES https://paulrhayes.com/experiments/parallax/#experiment */

#background {
    background: url('../i/Stars_Background.png') 90% 110%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    min-height: 100%;
    z-index:-400;
    -webkit-transition: left 480s linear;
    -moz-transition: left 480s linear;
    -o-transition: left 480s linear;
    -ms-transition: left 480s linear;
    transition: left 480s linear;
}

#midground {
    background: url('../i/Stars_Midground.png') 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    min-height: 100%;
    z-index:-300;
    -webkit-transition: left 240s linear;
    -moz-transition: left 240s linear;
    -o-transition: left 240s linear;
    -ms-transition: left 240s linear;
    transition: left 240s linear;
}

#foreground {
    background: url('../i/Stars_Foreground.png') 5% 5%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    min-height: 100%;
    z-index:-200;
    -webkit-transition: left 120s linear;
    -moz-transition: left 120s linear;
    -o-transition: left 120s linear;
    -ms-transition: left 120s linear;
    transition: left 120s linear;
}

#experiment:target #background {
    left: -5000px;
}

#experiment:hover #background {
    left: -9999px;
}

#experiment:target #midground {
    left: -5000px;
}

#experiment:hover #midground {
    left: -9999px;
}

#experiment:target #foreground {
    left: -5000px;
}

#experiment:hover #foreground {
    left: -9999px;
}

/* END PAUL HAYES */

/* GOOGLE MAPS -- https://www.labnol.org/internet/embed-responsive-google-maps/28333/ */
    .google-maps {
        position: relative;
        padding-bottom: 115%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/* END GOOGLE MAPS */

#header-footer {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 200;
	background: rgba(0,0,0,0);
	overflow: hidden;
	padding: 0;
}

/* VIDEO BACKGROUND -- https://codepen.io/Graphettion/pen/xPqLQM */
.after, .before {
    height:10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
div, section {
    border: 0;
    box-sizing: border-box;
}
#banner {
    position: relative;
    margin:auto;
    height:620px;
    width:100%;
    overflow: hidden;
}
#videobcg {
    position: absolute;
    text-align: center;
    min-width: 100%;
    min-height:540px;
    height:auto;
    width:auto;
    z-index: -100;
}

/* BIG LOGO TABLE -- https://www.outsystems.com/blog/css-vertical-align.html or https://codepen.io/alexandre_santos/pen/mApNkq */
.table-container {
	display: table;
	width:75%;
	margin:auto;
}

.table-item.first {
	text-align: center;
	width: 25%;
}

.table-item {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	width: 75%;
}

/* RAINBOW BUTTONS -- https://codepen.io/althi/pen/eKdmaa */
.container{
  margin-top: 0;
  z-index: 300;
}

.text-center {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  line-height: 2.5;
}

.rainbow{
  background-color: #EEE;
  border-radius: 4px;  
  color: #666;
  cursor: pointer;
  padding: 8px 16px;
  
}

.yellowbutton{
  background-color: #FCB130;
  border-radius: 4px;  
  color: #666;
  cursor: pointer;
  padding: 8px 16px;
  
}

.rainbow-1:hover{
   background-image: linear-gradient(90deg, #ACBBFF 0%, #4AE779 49%, #FFA0AC 80%, #ACBBFF 100%);
   animation:slidebg 5s linear infinite;
   text-decoration: none;
}

.purple:hover{
   background-color: #A700A7;
   color: #FFF;
   text-decoration: none;
}

.blue:hover{
   background-color: #3A8DFF;
   color: #FFF;
   text-decoration: none;
}

@keyframes slidebg {
  to {
    background-position:20vw;
  }
}

/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
    
/* RESPONSIVE MENU -- https://codepen.io/taniarascia/pen/dYvvYv */
@charset "UTF-8";
.navigation {
  height: 79px;
  background: #FFF;
}

.brand {
  position: absolute;
  padding-left: 10px;
  float: left;
  line-height: 79px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #666;
  text-decoration: none;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
}

nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 15px;
  line-height: 70px;
  background: #FFF;
  color: #666;
  text-decoration: none;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  background: #A700A7;
  color: #ffffff;
  text-decoration: none;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #666;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 798px) {
  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 70px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

article {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
}
/* END RESPONSIVE MENU -- https://codepen.io/taniarascia/pen/dYvvYv */

/* BACK TO TOP https://html-online.com/articles/dynamic-scroll-back-top-page-button-javascript/ */
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 10px;
    left: 10px;
    background-color: #99E73C;
    color: #666;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #A700A7;
    color: #FFF;
}

/* ----- RAINBOW TEXT ----- */

#shadowBox {
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.2);
  /* Black w/opacity/see-through */
  text-align:center;
}

.shadow {
    text-align: center;
    font-family:'Montserrat', sans-serif;
    font-style:strong;
    font-size: 32px;
    font-weight:600;
    letter-spacing: 5px;
    
}
.shadow_text_animated {
    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: shadow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes shadow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

/* ----- EMBED ----- */

body.embed{overflow:auto !important}