/*!
Theme Name: Panda Towing LLC - Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* 1. Define the keyframes for fading and slightly sliding up */
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2. Apply it to your target elements */
.fade-on-scroll {
  /* Set the animation name */
  animation-name: fade-in;
  
  /* Use the view() timeline to track the element within the viewport */
  animation-timeline: view();
  
  /* Control exactly when the animation starts and ends */
  /* entry 0% means as soon as the top of the element enters the bottom of the screen */
  /* entry 100% means when the element is fully inside the screen */
  animation-range: entry 50% entry 100%;
  
  /* Ensures the element doesn't snap back to opacity 0 after scrolling past */
  animation-fill-mode: both;
}

/*Nav skew */
.header-navigation .menu{
-moz-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
-o-transform: skew(-30deg, 0deg);
-ms-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.header-button-inner-wrap{
-moz-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
-o-transform: skew(-30deg, 0deg);
-ms-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.cta{
	-moz-transform: skew(-20deg, 0deg);
-webkit-transform: skew(-20deg, 0deg);
-o-transform: skew(-20deg, 0deg);
-ms-transform: skew(-20deg, 0deg);
transform: skew(-20deg, 0deg);
}
.ctainner h2, .ctainner .wp-block-contact-form-7-contact-form-selector, .ctainner .wp-block-kadence-infobox, .ctainner .wp-social, .ctainner .wp-block-social-links, .ctainner .kt-blocks-info-box-title{
	-moz-transform: skew(20deg, 0deg);
-webkit-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);}

.cta .wp-block-kadence-column{
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}

.hero{position: relative;}
.hero::after{
	content: "";position:absolute;width:100%;height:30px;background: url("/wp-content/themes/pandatowing/images/dash.png");background-size:auto 80%;background-repeat: repeat-x;margin-top:-10px;
}
.topb::before{content: "";position:absolute;width:100%;height:30px;background: url("/wp-content/themes/pandatowing/images/dash.png");background-size:auto 80%;background-repeat: repeat-x;margin-top:-10px;}
.btmb::after{content: "";position:absolute;width:100%;height:30px;background: url("/wp-content/themes/pandatowing/images/dash.png");background-size:auto 80%;background-repeat: repeat-x;margin-top:-10px;}
.site-footer-wrap{position: relative;}
.site-footer-wrap::before{content: "";position:absolute;width:100%;height:30px;background: url("/wp-content/themes/pandatowing/images/dash.png");background-size:auto 80%;background-repeat: repeat-x;}
/*
.header-navigation .menu a{
-moz-transform: skew(30deg, 0deg)!important;
-webkit-transform: skew(30deg, 0deg)!important;
-o-transform: skew(30deg, 0deg)!important;
-ms-transform: skew(30deg, 0deg)!important;
transform: skew(30deg, 0deg)!important;
} */

/* #masthead{background:url(/wp-content/uploads/2022/03/bg-header-bottom.png) bottom center no-repeat!important;} */
#primary{transition: all ease-in-out 0.5s;}

@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}


@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(2000px); /* Start 200px to the right */
  }
  to {
    opacity: 1;
    transform: translateX(0);     /* Slide into its original position */
  }
}

.slide-from-right {
  /* Set the animation name and link it directly to the scroll view */
  animation: slide-in linear both;
  animation-timeline: view();
  
  /* The animation triggers when the image enters 10% of the viewport and completes at 40% */
  animation-range: entry 10% entry 40%;
}


.hlogo{animation-delay: 2s; animation: .1s fadeIn;}

.cta .wpcf7-text{background: #fff!important;color: #222!important;width:48%; float:left;margin:0 10px 10px 0;}
.cta .wpcf7-textarea{height: 80px;clear: both;background: #fff!important;color: #222!important;}
.cta input::placeholder, .cta textarea::placeholder{color: #222!important}
.cta .wpcf7-form{}

/* custom scrolll up css 
#kt-scroll-up-reader, #kt-scroll-up{width:250px;}
#kt-scroll-up-reader.scroll-up-side-left, #kt-scroll-up.scroll-up-side-left{left:48%!important;border-radius: 10px 10px 0 0;}
.kadence-svg-iconset{margin:auto!important;}*/

@media (min-aspect-ratio: 16/9) {
 
}
    
@media (max-aspect-ratio: 16/9) {

}
@media only screen and (max-width: 1366px){
	.main-navigation .primary-menu-container > ul li.menu-item > a{font-size: 16px!important;}
	.header-button{font-size: 16px!important;}
	
}
@media only screen and (max-width: 1024px){
	/*.cta{min-height: 300px;position: relative;}
.cta .kt-blocks-info-box-link-wrap{position: absolute;bottom:0px;width:100%;text-align: center;}
.cta:hover .kt-blocks-info-box-link-wrap{bottom: 100px;} */
/*Nav skew */
.header-navigation .menu{
-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.header-button-inner-wrap{
-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.cta{
	-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.ctainner h2, .ctainner .wp-block-contact-form-7-contact-form-selector, .ctainner .wp-block-kadence-infobox, .ctainner .wp-social, .ctainner .wp-block-social-links, .ctainner .kt-blocks-info-box-title{
-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);}
	

}

@media only screen and (max-width: 768px){
	/*Nav skew */
.header-navigation .menu{
-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.header-button-inner-wrap{
-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.cta{
	-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
}
.ctainner h2, .ctainner .wp-block-contact-form-7-contact-form-selector, .ctainner .wp-block-kadence-infobox, .ctainner .wp-social, .ctainner .wp-block-social-links, .ctainner .kt-blocks-info-box-title{
-moz-transform: skew(00deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);}
	
}

@media only screen and (max-width: 600px){

}