/**
Theme Name: Caffeine & Sugar
Author: Ink & Form
Author URI: https://ink-form.com
Description: The mythical, magical theme for Caffeine & Sugar
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: caffeine-sugar
Template: astra
*/

/* resets */
.ast-separate-container .ast-article-single{padding:0 !important;background-color:transparent !important;}

/* text */
.txt-center{text-align:center;}
.txt-skinny{max-width:50%;margin:0 auto;}
.txt-disclaimer{font-size:.85em;color:rgba(255,255,255,.65;)}
.txt-space{letter-spacing:2px;}
b{font-weight:bold;}

/*colors*/
.txt-white{color:#fff !important;}

/* headings */

@media screen and (min-width:1200px){
  .h-xl-4{font-size:4em !important;}
}
@media screen and (min-width:992px) and (max-width:1199px){
  .h-lg-3_5{font-size:3.5em !important;}
}
@media screen and (min-width:768px) and (max-width:991px){
  .h-md-3{font-size:3em !important;}
}
@media screen and (min-width:500px) and (max-width:767px){
  .h-sm-3{font-size:3em;}
}
@media screen and (max-width:767px){
  .txt-skinny{max-width:90%;}
}

/* fonts */
.f-montserrat{font-family: 'Montserrat', sans-serif;}
.f-indieflower{font-family: 'Indie Flower', cursive;}
.f-shadows{font-family: 'Shadows Into Light', cursive;}
.f-amatic{font-family: 'Amatic SC', cursive;}

/* margins and padding */
.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:1.5em;}

/*
rows
*/
.row-stretch-pad{padding-left:calc((100% - 1440px) / 2);padding-right:calc((100% - 1440px) / 2);}
.row-skinny{padding-left:calc((100% - 750px) / 2);padding-right:calc((100% - 750px) / 2);}
.skinny{max-width:65%;margin:0 auto;}

@media screen and (max-width:1440px){
  .row-stretch-pad{padding-left:15px;padding-right:15px;}
}

/* coming soon */
#comingsoon-img > div > div{max-width:400px;margin:0 auto;}

@media screen and (max-width:1024px) and (max-height:768px){
  #comingsoon-img > div > div{max-width:300px;margin:0 auto;}
}

@media screen and (max-width:991px){
  #comingsoon-img > div > div{max-width:40%;margin:0 auto;}}

@media screen and (max-width:767px){
  #comingsoon-img > div > div{max-width:50%;margin:0 auto;}}

/* close button */
#menu-toggle-close{position:relative;width:50px;height:50px;padding:0;}
#menu-toggle-close:after{position:absolute;left:15%;top:15%;content:'';background:url('/wp-content/uploads/2023/02/close-white-fill-2.svg') center center no-repeat;background-size:cover;width:70%;height:70%;}
#menu-toggle-close .ast-svg-iconset{display:none;}

/* home */
body.home .ast-primary-header-bar{background:url('/wp-content/uploads/2023/02/hero_star-dots-sm@2400.png') center center no-repeat #000;background-size:cover;}

/* home animation */
	#scene-container{position:relative;background-color:#000;}
	#scene-container:before{position:absolute;left:0;bottom:0;width:100%;height:100%;background:url('/wp-content/uploads/2023/02/hero_ground@2400.png') center bottom repeat-x;background-size:contain;content:'';}
	#scene-container:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:url('/wp-content/uploads/2023/02/hero_star-dots-sm@2400.png') center top no-repeat;background-size:cover;}
	#scene{position:relative;text-align:center;}
	#scene > div{width:100%;position:relative;padding-bottom:56.25%;max-width:1400px;}
	#scene > div > div{width:100%;height:100%;position:absolute;left:0;top:0;}
	div.s-img{background-size:contain !important;}

	@media screen and (max-width:767px){
		#scene > div{padding-bottom:0;min-height:500px;}
		div.s-img{background-size:cover !important;}
	}

	div.s-mountains{background:url('/wp-content/uploads/2023/02/hero_mountains@2400.png') center top no-repeat;}
	div.s-hilda{background:url('/wp-content/uploads/2023/02/hero_hilda@2400.png') center top no-repeat;}
	div.s-moon{background:url('/wp-content/uploads/2023/02/hero_moon@2400.png') center top no-repeat;}
	div.s-star-sm{background:url('/wp-content/uploads/2023/02/hero_star-dots-sm@2400.png') center top no-repeat;}
	div.s-star-md{background:url('/wp-content/uploads/2023/02/hero_star-dots-md@2400.png') center top no-repeat;}
	div.s-star-lg{background:url('/wp-content/uploads/2023/02/hero_star-dots-lg@2400.png') center top no-repeat;}
	div.s-stars-6{background:url('/wp-content/uploads/2023/02/hero_stars_low-right@2400.png') center top no-repeat;}
	div.s-stars-5{background:url('/wp-content/uploads/2023/02/hero_stars_top-right@2400.png') center top no-repeat;}
	div.s-stars-4{background:url('/wp-content/uploads/2023/02/hero_stars_top-left@2400.png') center top no-repeat;}
	div.s-stars-3{background:url('/wp-content/uploads/2023/02/hero_stars_mid-right@2400.png') center top no-repeat;}
	div.s-stars-3{background:url('/wp-content/uploads/2023/02/hero_stars_mid-right@2400.png') center top no-repeat;}
	div.s-stars-2{background:url('/wp-content/uploads/2023/02/hero_stars_bottom-left@2400.png') center top no-repeat;}
	div.s-stars-1{background:url('/wp-content/uploads/2023/02/hero_stars_bottom@2400.png') center top no-repeat;}
	div.s-stars-misc-2{background:url('/wp-content/uploads/2023/02/hero_star-misc_2@2400.png') center top no-repeat;}
	div.s-stars-misc-1{background:url('/wp-content/uploads/2023/02/hero_star-misc_1@2400.png') center top no-repeat;}
	div.s-ground{background:url('/wp-content/uploads/2023/02/hero_ground@2400.png') center top no-repeat;}

	.s-stars-1{
	-webkit-animation: bounce 8s 0.1s infinite linear;
  -moz-animation: bounce 8s 0.1s infinite linear;
	animation: bounce 8s 0.1s infinite linear;}

	.s-stars-2{
	-webkit-animation: bounce-rev 7s 0.2s infinite linear;
  -moz-animation: bounce-rev 7s 0.2s infinite linear;
	animation: bounce-rev 7s 0.2s infinite linear;}

	.s-stars-3{
	-webkit-animation: bounce 6s 0.3s infinite linear;
  -moz-animation: bounce 6s 0.3s infinite linear;
	animation: bounce 6s 0.3s infinite linear;}

	.s-stars-4{
	-webkit-animation: bounce-rev 5s 0.4s infinite linear;
  -moz-animation: bounce-rev 5s 0.4s infinite linear;
	animation: bounce-rev 5s 0.4s infinite linear;}

	.s-moon{
	-webkit-animation: bounce 11s 0.2s infinite linear;
  -moz-animation: bounce 11s 0.2s infinite linear;
	animation: bounce 11s 0.2s infinite linear;}

	.s-star-sm{
	-webkit-animation: flicker 7s 0.4s infinite linear;
  -moz-animation: flicker 7s 0.4s infinite linear;
	animation: flicker 7s 0.4s infinite linear;}

	.s-star-md{
	-webkit-animation: flicker 6s 0.4s infinite linear;
  -moz-animation: flicker 6s 0.4s infinite linear;
	animation: flicker 6s 0.4s infinite linear;}

	.s-star-lg{
	-webkit-animation: flicker 5s 0.4s infinite linear;
  -moz-animation: flicker 5s 0.4s infinite linear;
	animation: flicker 5s 0.4s infinite linear;}

@keyframes bounce {
  0%, 100% {
    -webkit-transform: translate3d(0,3%,0);
    -moz-transform: translate3d(0,3%,0);
    transform: translate3d(0,3%,0); }
  50% {
    -webkit-transform: translate3d(0,-2%,0);
    -moz-transform: translate3d(0,-2%,0);
    transform: translate3d(0,-2%,0); }
}

@keyframes bounce-rev {
  0%, 100% {
    -webkit-transform: translate3d(0,-3%,0);
    -moz-transform: translate3d(0,-3%,0);
    transform: translate3d(0,-3%,0); }
  50% {
    -webkit-transform: translate3d(0,3%,0);
    -moz-transform: translate3d(0,3%,0);
    transform: translate3d(0,3%,0); }
}

@keyframes flicker {
  0%, 100% { opacity:1; }
  50% { opacity:.25; }
}

#hero-text .so-widget-sow-editor{display:flex;justify-content:center;font-size:2em;line-height:1.25em;}
	@media screen and (max-width:767px){
		#hero-text .so-widget-sow-editor{font-size:1.65em;}
	}

  #home-about{align-items:center !important;-webkit-align-items:center !important;position:relative;z-index:10;background-color:transparent !important;}
  	#home-about-img img{width:100%;}
  	.ast-custom-button:hover {
      color: #fff !important;
  		background: #e63bd3;
      border-color:#E63BD3;}
  	@media screen and (max-width:767px){
  		#home-about-img{max-width:60%;}
  		#home-about > div:nth-of-type(1){order:2;}
  		#home-about > div:nth-of-type(2){order:1;}
  	}
  	@media screen and (max-width:500px){
  		#home-about-img{max-width:75%;}
  	}

  #home-join{padding-top:75px;padding-bottom:75px;align-items:center !important;-webkit-align-items:center !important;justify-content:center;}
	#home-join > div:nth-of-type(1){width:60%;min-width:60%;}
	#home-join > div:nth-of-type(2){width:auto;padding-left:25px;}
	#join-img img{max-width:300px;}
	#join-img-mbl img{max-width:250px;}
	@media screen and (max-width:767px){
		#home-join > div:nth-of-type(2) > div{text-align:center;}
	}
/* Debris */
.debris{position:absolute;left:0;bottom:0;width:100%;height:100px;}

.leaf {
  width: 30px;
  height: 30px;
  position: absolute;
}
.leaf:nth-child(1) {
  bottom: 5px;
  left: -10%;
  animation: blowing 12s 1s linear infinite;
}
.leaf:nth-child(2) {
  bottom: 0;
  left: -10%;
  animation: blowing 6s linear infinite;
}
.leaf:nth-child(3) {
  bottom: 7px;
  left: -10%;
  animation: blowing 9s 3s linear infinite;
}
.leaf:nth-child(4) {
  bottom: 5px;
  left: -15%;
  animation: blowing 7s 2s linear infinite;
}
@keyframes blowing {
  0% {
    transform: translate(0,0) rotate(0)
  }
  20% {
    transform: translate(15vw, -10px) rotate(170deg)
  }
  65% {
    transform: translate(55vw, -25px) rotate(550deg)
  }
  80% {
    transform: translate(70vw, -7px) rotate(740deg)
  }
  100% {
    transform: translate(100vw, -10px) rotate(920deg)
  }
}