/*
	Theme Name: V1 Child
	Template:V1
*/

h1 {background:-webkit-linear-gradient(#fbaf5d,#ff3000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
h2 {background:-webkit-linear-gradient(#31b9c1,#0054df);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

@keyframes buzzOut {
  0% {transform:none;}
  10% {transform:translateX(3px) rotate(2deg);}
  20% {transform:translateX(-3px) rotate(-2deg);}
  30% {transform:translateX(3px) rotate(2deg);}
  40% {transform:translateX(-3px) rotate(-2deg);}
  50% {transform:translateX(2px) rotate(1.5deg);}
  60% {transform:translateX(-2px) rotate(-1.5deg);}
  70% {transform:translateX(1px) rotate(1deg);}
  80% {transform:translateX(-1px) rotate(-1deg);}
  90% {transform:translateX(1px) rotate(.75deg);}
  100% {transform:none;}
}
.jawn_button {transform-origin:bottom center;}
.jawn_button:hover {animation:750ms buzzOut;animation-timing-function:ease-out;}

.topbar a {color:#ffec41;}
.topbar a:hover {color:#fbaf5d;}

#header:not(.scrolled) .divided-holder {grid-template-columns:1fr 1fr;}
#header:not(.scrolled) .divided-holder .left-half {margin-right:180px;}
#header:not(.scrolled) .divided-holder .right-half {margin-left:180px;}
#header:not(.scrolled) .divided-holder .logo-holder {position:absolute;left:50%;transform:translateX(-50%);height:284px!important;}

.featured-show-grid {margin:0 -15px;}
.featured-show-grid .show {display:inline-block;width:33.33%;padding:0 15px;}
.featured-show-grid .show .show-image {margin-bottom:10px;position:relative;}
/*.featured-show-grid .show .show-image:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;transition:background-color 500ms;}*/
/*.featured-show-grid .show:hover .show-image:before {background-color:rgba(0,0,0,0.3);}*/
.featured-show-grid .show h4 {transition:color 500ms;}
/*.featured-show-grid .show:hover h4 {color:#ff3000;}*/

.show-grid .show {display:flex;align-items:stretch;margin-bottom:30px;}
.show-grid .show-image {flex-basis:33.33%;}
.show-grid .show-text {flex-basis:66.66%;padding:30px;background-color:#fff;}

.cta {background-image:linear-gradient(to bottom,#fbaf5d,#ff3000);}
.cta h1 {color:#fff;background:none;-webkit-text-fill-color:initial;}

.socials li {display:inline-block;margin:0 5px;}
.socials li a {display:flex;align-items:center;justify-content:center;height:40px;width:40px;background-color:#0054df;border-radius:50%;font-size:25px;}
.socials li a:hover {color:#fff;background-color:#ff3000;}
.copy {margin-top:30px;font-size:10px;line-height:15px;}
.widget.widget_media_image {margin-bottom:5px;}

@media only screen and (max-width:1229px) and (min-width:1024px){
	#header:not(.scrolled) .divided-holder .logo-holder {height:250px!important;}
	#header:not(.scrolled) .menu a {font-family:"Krona One";text-transform:none;letter-spacing:0px;font-weight:400;color:#ffffff;font-size:14px;}
    #header:not(.scrolled) .menu > li > a {padding-left:10px;padding-right:10px;display:inline-block;}
	#header.sticky.scrolled .logo-holder {height:139px!important;padding: 8px 0;}
    #header.sticky.scrolled .left-half {display:flex;align-items:center;}
    #header.sticky.scrolled .right-half {display:flex;align-items:center;}
}
@media only screen and (max-width:1024px) and (min-width:767px){
	.header-mobile-slide .menu-holder {top:99%;}
	#header:not(.scrolled) img.mobile-logo {padding:5px;}
    #header:not(.scrolled) .logo-holder {height:129px!important;}
	#header.sticky.scrolled img.mobile-logo {padding:8px;}
	#header.sticky.scrolled .logo-holder {height: 115px!important;}
	#mobile-header .menu > li > a {color:#0054df;}
	#mobile-header .menu > li > a:hover {color:#fbaf5d;}
	.header-mobile-slide .menu-holder {padding:30px;}
	.topbar p, .topbar li {font-size:20px;}
	
	.cta h1{font-size:57px;}
	.cta .jawn_button{font-size:20px;}
	.back-to-top .fa.fa-arrow-up {display:none;}
	 .title-area.type-color {height:20vh!important;}
}

@media only screen and (max-width:767px){
	#header img.mobile-logo {padding:8px;}
    #header:not(.scrolled) .logo-holder {height:99px!important;}
	#mobile-header .menu > li > a {color:#0054df;font-size:13px;}
	#mobile-header .menu > li > a:hover {color:#fbaf5d;}
	.header-mobile-slide .menu-holder {top:99%;}
	.topbar p, .topbar li {line-height:25px;}
	.back-to-top .fa.fa-arrow-up {display:none;}
	
	.cta h1{line-height:58px;font-size:41px;}
	.cta .jawn_button {font-size:13px;}
	
	.footer-col.col-1 img {width:70%;}
}