/* Enter Your Custom CSS Here */
.home .footer-widgets {
  z-index:2;
}
  .home-hero-girl{
    max-height:400px;
    overflow:hidden;
  }
@media only screen and (min-width:768px){
  .home-hero-girl{
		max-height:450px;
  }
}
@media only screen and (min-width:1100px){
    .home-hero-girl img{
   	max-width:25vw!important; 
	}
}
@media only screen and (max-width:768px){
    .hero-header-3 h2.fl-heading,
    .hero-header-2 h2.fl-heading{
    	margin-top:-26px!important;
    	line-height: 48px;
    }  
}
#featured-button-white a span {
	color:white !important;
}

#featured-button-white a i {
	color:white !important;
}

#last-story-piece {
	height: 427px !important;
}

@media (max-width: 768px) {
  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-bighit-slider.adrian-bighit-slider h2#adrian-bighit-slider-headline-1 span {
      font-size: 36px !important;
      line-height: 22px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-bighit-slider.adrian-bighit-slider h2#adrian-bighit-slider-headline-2 span {
      font-size: 70px !important;
      line-height: 50px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-bighit-slider.adrian-bighit-slider h2#adrian-bighit-slider-headline-3 span {
      font-size: 30px !important;
      line-height: 22px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-attheplate-slider.adrian-attheplate-slider h2#adrian-attheplate-slider-headline-1 span {
      font-size: 40px !important;
      line-height: 22px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-attheplate-slider.adrian-attheplate-slider h2#adrian-attheplate-slider-headline-2 span {
      font-size: 22px !important;
      line-height: 22px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-attheplate-slider.adrian-attheplate-slider h2#adrian-attheplate-slider-headline-3 span {
      font-size: 64px !important;
      line-height: 46px !important;
  }
  
  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-attheplate-slider.adrian-attheplate-slider h2#adrian-attheplate-slider-headline-4 span {
      font-size: 38px !important;
      line-height: 34px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-first-slider-mobile-copy.adrian-first-slider-mobile-copy h2#adrian-first-slider-headline-1 {
      font-size: 26px !important;
      line-height: 22px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-first-slider-mobile-copy.adrian-first-slider-mobile-copy h2#adrian-first-slider-headline-2 {
      font-size: 55px !important;
      line-height: 44px !important;
  }

  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text, .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text div#adrian-first-slider-mobile-copy.adrian-first-slider-mobile-copy h2#adrian-first-slider-headline-3 {
      font-size: 52px !important;
      line-height: 40px !important;
  }

  #tilted-image {
  	margin:0px !important;
  }

  #photo-image-copy {
  	display:none !important;
  }

  #photo-image-copy-mobile {
  	display:block !important;
  }
}

@media (max-width: 992px) {
	#adrian-slider-featured {
		color:white !important;
  		font-size:60px !important;
	}

	#guess-flavor-copy {
		font-size:18px;
	}
}

.adrian-bighit-slider#adrian-bighit-slider {
	margin-left:275px !important;
}

.adrian-attheplate-slider#adrian-attheplate-slider {
	margin-right:275px !important;
}

@media (max-width: 992px) {
	.adrian-attheplate-slider#adrian-attheplate-slider {
		margin-right:0px !important;
  		font-size:60px !important;
	}

	.adrian-bighit-slider#adrian-bighit-slider {
		margin-left:0px !important;
  		font-size:60px !important;
	}
}

@media (max-width: 768px) {
	#adrian-first-slider-mobile-copy {
		display:block !important;
  		font-size:60px !important;
	}
}

.adrian-photo-row {
	overflow:hidden;
}

@media (max-width: 768px) {
	#team-hi-chew-sub-copy {
  		display:none !important;
	}

	#team-hi-chew-logo {
		width:55%;
  		margin-left:23%;
	}

	#events-logo-separator {
		display:none;
	}

	#events-logo{
		margin-bottom:80px;
	}

	#hi-chew-fanatic-container h1 {
		font-size:3rem;
	}

	#hi-chew-fanatic-container-sub-copy {
  		font-size:1.2em !important;
	}

	#tilted-image img {
  		width:850px;
  		overflow:hidden;
	}

	#email-callout h2{
  		font-size:22px !important;
	}

	.left-column-events {
		display:none;
	}

	.team-hi-chew-mailchimp {
		padding:20px !important;
	}

}


.events-top-row {
	z-index:100 !important;
}

.fan-club-5.halloween-form {
  	margin-right:20%;
  	margin-left:20%
}

div.fan-club-5.halloween-form input[type="email"] {
	border: 5px solid #000000;
  	border-right: 0px;
}

div.fan-club-5.halloween-form input[type="submit"] {
	background-color: #ffffff;
    border: none;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    padding: 16px 24px;
    padding: 1.6rem 2.4rem;
    text-transform: lowercase;
  	border: 5px solid #000000;
  	border-left: 0px;
  	height: 67px;
}

@media (max-width: 461px) {
  div.fan-club-5.halloween-form input[type="email"] {
      border-right: 5px solid #000000;
  	  margin-top: 20px;
  }
  
  div.fan-club-5.halloween-form input[type="submit"] {
      border-left: 5px solid #000000;
  }


}

@media (max-width: 768px) {
	#kiwi-header h2{
		text-align:center;
  		line-height:1 !important;
  		font-size:42.5px;
	}
}


@media (max-width: 1139px) {
	#home-sour-sticks-header {
  		font-size:45px;
	}
}

@media (max-width: 960px) {
	#home-sour-sticks-header {
  		font-size:38px;
	}
}

@media (max-width: 768px) {
	#home-sour-sticks-header {
  		font-size:42.5px;
  		text-align:center !important;
	}
}

#kiwi-section {
	z-index:7 !important;
}

.mc4wp-form-549 div.mc4wp-alert.mc4wp-notice {
	color:white !important;
}

.mc4wp-form-454 div.mc4wp-alert.mc4wp-notice {
	color:white !important;
}

/*Myster Banner HOME */
@keyframes swing {
  25% {
    transform: rotate3d(0, 0, 1, 9deg);
    opacity:1;
  }
  50% {
    transform: rotate3d(0, 0, 1, -9deg);
    opacity:1;
  }
  70%{
      opacity:1;
  }
  75% {
    transform: rotate3d(0, 0, 1, 7deg);    
  }
  80%{
    opacity:0;  
  }
  99%{
    opacity:1;
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
      opacity:1;
  }
}

.mys-hero-container{
    text-align:center;
}
.mys-hero-container .circle-container{
    display:inline-block;
    width:100%;
    height:0;
    padding-bottom:100%;
    background-color:rgba(0,0,0,.5);
    border-radius:50%;
    position:relative;
    z-index:2;
}
.mys-hero-container .circle-container .circle-image{
  display:flex;
        align-items:center;
    width:calc(100% - 1em);
    height:calc(100% - 1em);
    background-size:cover;
    z-index:2;
    background-position:50% 50%;
    position:absolute;
    left:.5em;
    top:.5em;
    text-align:center;
    padding:2em 1em;
}
.circle-container h2{
    color:white;
    font-size:6vw;
    text-transform:uppercase;
    margin-bottom:0;
}
.circle-container h2 span{
    font-size:1.25em;
    display:block;
    color:#B0DF1D;
    font-family: 'Creepster', sans-serif;
}
.circle-container img{
    max-width:50%;
    display:block;
    margin: .25em auto;
}
a.mystery-btn {
    display: inline-block;
    background: #B0DF1D;
    color: #fff;
    text-transform: uppercase;
    border: 3px solid #fff;
    padding: .5em 1em;
    border-radius: 30px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
a.mystery-btn:hover, a.mystery-btn:active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color:white;
}
.top-ghost{
  max-width:200px!important;
  transform-origin: top center;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-name: swing;
  float:left;
  margin-right:6em;
}
.bottom-ghost{
    display:block;
    max-width:200px!important;
    /*transform-origin: top center;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-name: swing;*/
    float:right;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
#section1 .fl-row-content-wrap{
  padding-top:60px;
}
@media only screen and (min-width:420px){
    .circle-container img{
        margin: .5em auto;
    }
}
@media only screen and (min-width:500px){
    .the-content{
        margin: 0 auto;
    }
    .circle-container h2{
        font-size: 2.25em;
        max-width:400px;
        margin: 0 auto;
    }
    .circle-container img{
        max-width:70%;
        margin: 1em auto;
    }
}
@media only screen and (min-width:575px){
    .mys-hero-container .circle-container{
        padding-bottom:0;
        width:550px;
        height:550px;
    }
}
@media only screen and (min-width:768px){
    .mystery-btn {
        font-size: 1.4em;
        border: none;
        padding: 15px 25px 15px 30px;
    }
}
@media only screen and (min-width:900px){
  #section1 .fl-row-content-wrap{
        padding-top:160px;
    }
  .top-ghost{
        display:none;
    }
  .bottom-ghost{
    float:none;
    margin-left:10%;
    transform:none;
  }
    .circle-container:before{
        content:'';
        background-image:url('../uploads/2017/10/mf-1.png');
        background-size:cover;
        height:340px;
        width:290px;
        position:absolute;
        z-index:3;
        right:calc(100% - 90px);
        top:45px;
        display:block;
        transform-origin: top center;
        animation-duration: 25s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        animation-name: swing;
    }
    .circle-container:hover:after{
        opacity:0;
        transition-duration:1.5s;
    }
    .circle-container:after{
        content:'';
        background-image:url('../uploads/2017/10/mf-3.png');
        background-size:cover;
        height:300px;
        width:370px;
        position:absolute;
        left:calc(100% - 120px);
        top:200px;
        display:block;
        transition-duration:2.5s;
    }
}
.mystery-reveal-intro {

    position: relative;
    color: #fff;
    padding: 0 0 20px;
}

.mystery-reveal-intro h2 {
    font-size: 3.8vw;
    font-weight: normal;
    color: #fff;
    position: relative;
    z-index: 2;
    font-family: 'Muli', Helvetica, Arial, sans-serif;
    line-height: 1.7;
    padding: 10% 0 0 30%;

}
.mystery-reveal-intro h2 img {
    position: absolute;
    top: 0;
    left: -8%;
}

.mystery-reveal-intro .mystery-reveal-note {
    padding: 28% 0 0 55%;
    font-size: 3vw;
}

.mystery-reveal-cta {
    padding-top: 5%;
    text-align: center;
}
.mystery-reveal-cta a {
    display: inline-block;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 15px 30px;
    border-radius: 40px;
    font-size: 1.4em;
}
.mystery-reveal-cta a:hover {
    transform: scale(1.1);
    color: #fff;
}
.mystery-reveal-cta a i {
    margin-left: 10px;
}
.mys-reveal-hero-container {
    max-width: 1300px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .mystery-reveal-intro {
        width: 55%;
        float: left;
    }
    .mystery-reveal-intro h2 {
        font-size: 2vw;
        padding: 12% 0 0 40%;

    }
    .mystery-reveal-cta {
        width: 40%;
        float: right;
    }
    .mystery-reveal-intro h2 img {
        position:absolute;
        top: 0;
        left: 0;
    }
    .mystery-reveal-intro .mystery-reveal-note {
        padding: 28% 0 0 60%;
        font-size: 1.5vw;
    }
}
@media (min-width: 1100px) {
    .mystery-reveal-intro {
        padding: 0 0 80px;
    }
    .mystery-reveal-intro h2 {
        font-size: 1.2em;
        padding: 15% 0 0 40%;

    }
    .mystery-reveal-cta {
        padding-bottom: 100px;
    }
    .mystery-reveal-intro .mystery-reveal-note {
        font-size: .9em;
    }
}
/*Myster Banner HOME */