@charset "UTF-8";
/* CSS Document */
html {
  height: 100%;
  min-height: 100%;
}
body {
  height: 100%;
  min-height: 100%;
  background: url("../-Images/-Structure/JumpPillowBackground.jpg") center;
  background-size: cover;
  background-repeat: no-repeat;
}
.splashpage .columns-wrapper {
  height: calc(100% - 100px);
}
.splashpage {
  padding: 0px;
  z-index: 10;
  background: #004588a3;
  background-size: cover;
  height: 100%;
}
.splashpage .logo {
  left: calc(50% - 200px);
  margin: 0;
  top: calc(50% - 220px);
  background: radial-gradient(#000000a6, #00000000 60%);
  padding: 100px;
  border-radius: 50%;
  pointer-events: none;
}
.splashpage.fivefests .logo {
  top: calc(37% - 220px);
}
.splashpagebox {
  float: left;
  width: calc(100% - 30px);
  transition: width .5s;
  -webkit-transition: all .5s;
  position: relative;
  cursor: pointer;
  padding: 20px 0 0px;
  margin: 20px 15px 0px;
  height: calc(50% - 60px);
  border-top: 5px solid #ffffff47;
  -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 45%), 0 3px 12px rgb(0 0 0 / 35%);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgb(0 0 0 / 45%), 0 3px 12px rgb(0 0 0 / 35%), inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
}
a.half .splashpagebox {
  width: calc(50% - 30px);
}
.fivefests .splashpagebox {
  height: calc(35% - 60px)
}
.splashpagebox.craftbeerfest {
  height: calc(30% - 60px);
  width: calc(95% - 30px);
  padding-left: 5%;
}
.splashpagebox .imgviewbox {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.splashpagebox img {
  width: 135%;
  height: auto;
  min-height: 105%;
  padding: 10px 0px 15px !important;
  transition: width 1s;
  -webkit-transition: all 1s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: .95;
  filter: alpha(opacity=95);
}
.splashpagebox:hover img {
  /* Opacity */
  opacity: 0.6;
  filter: alpha(opacity=60);
  width: 155%;
}
.splashpagebox.craftbeerfest img {
  width: 100%;
}
.splashpage h2, .splashpage h3 {
  color: #fff;
  display: block;
  text-align: center;
  margin: 0;
  padding: 20px 0;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}
.splashpage h2 {
  margin-bottom: 0px;
  background-color: rgb(195 36 1);
}
.splashpage h3 {
  margin: 0;
  padding: 0 5%;
  z-index: 20;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0px;
  height: 100% !important;
  width: 90%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: width .7s;
  -webkit-transition: all .7s;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 40%), 0px 3px 12px rgb(0 0 0 / 38%), 0px 3px 4px rgb(0 0 0 / 50%), 0px 2px 8px rgb(0 0 0 / 24%);
}
/*-----Box Styles-----*/
.Adventure {
  background-color: rgba(204, 102, 0, .9);
}
.Adventure:hover {
  background: rgba(255, 143, 8, 1);
}
.Christmas {
  background-color: rgba(0, 102, 51, .9);
}
.Christmas:hover {
  background-color: rgba(20, 134, 9, 1);
}
.flowerfest {
  background-color: rgb(118 65 179);
  clear: both;
}
.flowerfest:hover {
  background: rgb(167 104 240);
}
.sunflowerfest {
  background-color: rgb(242 153 0);
}
.sunflowerfest:hover {
  background: rgb(242 203 0);
}
.craftbeerfest {
  background-color: #F6A91A;
  position: relative;
}
.craftbeerfest:hover {
  background: #db8e00;
}
.splashpagebox img.cbaflogo {
  position: absolute;
  top: -9%;
  left: 0;
  width: auto;
  height: 116%;
  transform: none;
  z-index: 10;
}
.splashpagebox .nomobile {
  display: inline !important;
}
.splashclosed {
  width: calc(100% - 70px);
  height: 85px;
  margin: 15px 15px 0px 15px;
  padding: 20px;
  background: rgba(3, 163, 231, 1.00);
  color: #fff;
  text-align: center;
  font-size: 2em;
  font-family: 'Sansita', sans-serif;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 40%), 0px 3px 12px rgb(0 0 0 / 38%), 0px 3px 4px rgb(0 0 0 / 50%), 0px 2px 8px rgb(0 0 0 / 24%);
  -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 45%), 0 3px 12px rgb(0 0 0 / 35%);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45), 0 3px 12px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgb(0 0 0 / 45%), 0 3px 12px rgb(0 0 0 / 35%), inset 0 7px 9px -7px rgb(0 0 0 / 40%);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.splashpage.closed .logo {
  top: calc(50% - 150px);
}
.closed .splashpagebox {
  height: calc(50% - 125px);
}
@media only screen and (min-width: 0px) and (max-width: 850px) {
  .splashpage .logo {
    width: 200px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
  .splashpage {
    padding: 80px 0 0;
    height: calc(100% - 80px);
  }
  .splashpage .logo {
    left: calc(50% - 75px);
    top: 5px !important;
    background: none;
    width: 150px;
    padding: 0;
  }
  .splashclosed {
    font-size: 1.5em;
    height: auto;
  }
  a.half .splashpagebox {
    width: calc(100% - 30px);
  }
  .splashpagebox {
    float: none;
    /*    height: calc(26% - 45px);*/
    height: calc(23% - 45px);
    margin-top: 10px;
  }
	.fivefests .splashpagebox, .splashpagebox.craftbeerfest {
    height: calc(20% - 40px);
}.splashpagebox.craftbeerfest {
    width: calc(92% - 30px);
    padding-left: 8%;
}
  /*
  .splashpagebox.sunflowerfest {
    height: 28%;
  }
*/
  .splashpage h2, .splashpage h3 {
    font-size: 1.3em;
  }
  .splashpage h3 {
    margin-top: 8px;
  }
  .splashpage .columns-wrapper {
    height: calc(100% - 75px);
  }
  .nomobile {
    display: none;
  }
  .closed .splashpagebox {
    height: calc(50% - 222px);
  }
}