/* Banner Css */
body{ overflow-x: hidden; }
body .Chris-container { opacity: 1; transition: opacity 1s ease-in-out; }
/* body .Chris-container.fade-in { opacity: 1; } */
body .chris-image-mobile{ display: none; }
body a.white-bg-btn:hover{ color: #000; }
body a.white-bg-btn:focus{ color: #000; }
body a.button { height: 54px; }
body h1.homepage-heading strong { font-size: 90px; }

/* Social Icons */
/* .social-icons-container img { filter: brightness(0) invert(1); transition: filter 0.3s ease; } */
/*.social-icons-container img { filter: brightness(0) saturate(100%) invert(8%) sepia(93%) saturate(6894%) hue-rotate(4deg) brightness(97%) contrast(110%); } */
/* .social-icons-container.invert img { filter: brightness(0) saturate(100%) invert(8%) sepia(93%) saturate(6894%) hue-rotate(4deg) brightness(97%) contrast(110%);} */
/* body .social-icons-container { background-color: var(--blur-bg); padding: 10px; border-radius: 20px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.7); } */

/* Work Slider */
body .slick-initialized .slick-slide { display: flex ; margin: 0 15px; } 
body .work-slider-title { border-bottom: 2px solid var(--theme); padding-bottom: 50px; margin: 0; }
body  .slick-next:hover:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Right-Arrow.svg); width: 40px; height: 40px; position: absolute; background-repeat: no-repeat; left: 10px; background-size: contain; }
body  .slick-next:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Right-Arrow-white.svg); width: 40px; height: 40px; position: absolute; background-repeat: no-repeat; left: 10px; background-size: contain; }
body  .slick-prev:hover:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Left-Arrow.svg); width: 40px; height: 40px; position: absolute; background-repeat: no-repeat; right: 10px; background-size: contain; }
body  .slick-prev:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Left-arrow-white.svg); width: 40px; height: 40px; position: absolute; background-repeat: no-repeat; right: 10px; background-size: contain; }

/* Work SLide Popup */
body #book-chris-overlay, #book-chris-popup, #ghl-notified-form-overlay, #ghl-notified-form-popup, #ghl-form-overlay, #ghl-form-popup, #custom-video-popup-overlay, #custom-reel-overlay, #actor-associated-overlay { display: none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:+9999;}
iframe.Service-form { width: 100% !important;}
body .work-slides{ cursor: pointer; }

/* Video Section */
body .pum-overlay.pum-overlay-disabled .pum-container { visibility: hidden; }
body .pum-theme-276, .pum-theme-content-only { background-color: rgb(0 0 0 / 86%); }
body .pum-theme-276 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{ top: -26px; right: 260px; font-size: 50px;  color: #fff;}
body #custom-video-popup-overlay, #custom-reel-overlay{ align-items: center;}

/* Business Section */
body span.red-color { font-weight: 700; display: block; color: var(--theme); }
body a.button.program { background: var(--white-color); color: var(--black);  }
a.button.program:hover { background: transparent; color: var(--white-color);}

/* JUICER */
body .j-loading { border-color: var(--theme);  }
body .juicer-feed p { font-family: 'poppins'; font-weight: 400; font-size: 14px; color: rgba(94, 94, 94, 1); }
body .j-loading:before { color: #fff; }
body .juicer-feed .j-paginate:hover { background:transparent; color: #f2f2f2; }
body .j-poster h3 { font-family: 'poppins'; text-transform: capitalize; font-size: 13px !important; font-weight: bold !important; }
body a.j-paginate.juicer-button { padding: 5px 30px; font-size: 18px; font-weight: 700; color: #fff; text-transform: capitalize; width: max-content; border: 1px solid var(--theme);; border-radius: 200px; background-color:var(--theme); font-family: 'Open Sans'; line-height: 2em; }

/* Youtube-slider */
body .youtube-slider-container .slick-initialized .slick-slide { display: flex ; margin: 0 80px; }
body .youtube-slides .slick-list{ padding-top: 5% !important; padding-bottom: 7% !important; }
body .youtube-slides .slick-active.slick-center .thumbnail-container{ transform: scale(1.2); }

/* Youtube Slider Popup */
body button.close-btn-video{ position: absolute; top: -14px; right: -20px; padding: 2px 10px; border-radius: 50px; }
body button.close-btn{ position: absolute; top: 10px; right: 10px; padding: 3px 10px; border-radius: 50px; }
body button.close-btn.workslide-close{ position: absolute; top: 0px; right: 10px; padding: 3px 10px; border-radius: 50px; right: 170px; transform: translateX(0px); }
body button.close-btn:hover { background: black; border: 1px solid var(--theme); }
body button.close-btn-video:hover { background: black; border: 1px solid var(--theme); }
body iframe#video-frame{ max-width: 100%; width: 950px; margin: 0 auto; height: 500px; }

/* Testimonials */
/* body .testimoanial-image-container:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; background-image: linear-gradient(270deg, var(--white-color) 25%, var(--transparent) 100%);} */
body .testimonial-slider-container .slick-initialized .slick-slide { display: flex ; margin: 0 100px; }
body .testimonial-slides .slick-list{ padding-top: 5% !important; padding-bottom: 5% !important; }
body .testimonial-slides .slick-active.slick-center .review-container { transform: scale(1.15); }
body .testimonial-slider.slick-slide { opacity: 0.5; }
body .testimonial-slider.slick-slide.slick-current.slick-active.slick-center { opacity: 1; }
body .testimonial-text-container:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Quote-1.svg); position: absolute; width: 100px; height: 100px; background-repeat: no-repeat; bottom: 50px; right: 0; }
body .testimonial-text-container::after{content: ""; background: linear-gradient(90deg, transparent 0%, #f5f5f5 16%); position: absolute; width: calc(100% - 180px); height: calc(100% + 1px); left: inherit; top: 0px; right: 0px; z-index: -1;}

/* Contact */
body .contact-container:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Footer-Chris-bg-imag.png); position: absolute; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: right; top: 0; }

/* RESPONSIVE */
/* Banner */
@media screen and (max-width: 1720px) {
body .work-slides { height: 450px; }
body .bio-text-container{ padding: 0 120px; }
body .Bio-section.business-section .bio-text-container { padding: 0 40px 0 120px; }
}
@media screen and (max-width: 1600px) {
body .Heading-h1 { font-size: 80px; }
body h1.homepage-heading { font-size: 75px; }
body h1.homepage-heading strong { font-size: 80px; }
body .Chris-container img.chris-image { height: 700px; width: 1000px; margin-left: -150px; }
body .bio-text-container { padding: 0 100px; }
body .Bio-section.business-section .bio-text-container { padding: 0 20px 0 100px; }
body .testimonial-text-container:before { width: 70px; height: 70px; bottom: 55px; }
}
@media screen and (max-width: 1480px) {
body .Heading-h1{ font-size: 75px; }
body h1.homepage-heading { font-size: 70px; }
body h1.homepage-heading strong { font-size: 75px; }
body .Chris-container img.chris-image { height: 700px; width: 1000px; margin-left: -100px; }
body .work-slides { height: 375px; padding: 0 20px; }
body .youtube-slider-container .slick-initialized .slick-slide { display: flex ; margin: 0 50px; }
body .Bio-section.business-section .bio-text-container { padding: 50px 20px 50px 100px; }
body .testimonial-text-container:before { width: 50px; height: 50px; bottom: 55px; background-repeat: no-repeat; background-size: contain; }
}

@media screen and (max-width: 1368px) {
body .testimonial-slider-container .slick-initialized .slick-slide { display: flex ; margin: 0 60px; }
body .Heading-h1 { font-size: 70px; }
body h1.homepage-heading { font-size: 70px; }
body h1.homepage-heading strong { font-size: 75px; }
body .work-slider-title{ font-size: 25px; }
body .bio-text-container { padding: 0 60px; }
body .Bio-section.business-section .bio-text-container { padding: 50px 20px 50px 60px; }
}

@media screen and (max-width: 1280px) {
body .Heading-h1 { font-size: 64px; } 
body h1.homepage-heading { font-size: 60px; }
body h1.homepage-heading strong { font-size: 64px; }
body .Chris-container img.chris-image { height: 600px;}
body .main-banner .text-container{ padding: 100px 0 30px; }
body p.focus-p { font-size: 40px; }
Body p.list-p { margin-bottom: 30px; }
body .work-slides { height: 325px; padding: 0 20px; } 
body p.bold-paragarph{ font-size: 22px; }
body .youtube-slides .slick-list { padding-top: 3% !important; padding-bottom: 7% !important; }
body .thumbnail-container a img{ width: 60px; height: 60px; }
body .testimonial-text-container:before { width: 70px; height: 70px; bottom: 105px; right: 40px; }
body .youtube-slider-container .slick-initialized .slick-slide {margin: 0 40px; }
}

@media screen and (max-width: 1140px) {
body .Bio-section .inner-container{ width: 100%; }
body .bio-text-container { padding: 0 30px; }
h2.work-section-h2 { line-height: 1.4em; }
}

@media screen and (max-width: 1080px) {
body .Chris-container img.chris-image { height: 580px; } 
Body p.list-p {font-size: 18px;}
body  .slick-prev:before, body  .slick-prev:hover:before  {  right: -2px;  }
body  .slick-next:before, body  .slick-next:hover:before{ left: -2px; }
}

@media screen and (max-width: 1024px) {
body .Heading-h1 { font-size: 50px; }
body h1.homepage-heading { font-size: 45px; }
body h1.homepage-heading strong { font-size: 50px; }
body p.focus-p { font-size: 30px; line-height: 1.8em; }
Body p.list-p { font-size: 16px;  }
body .Chris-container img.chris-image { height: 500px; margin-left: -120px; }
body  .slick-next:before, body  .slick-next:hover:before{ left: -10px; }
body  .slick-prev:before, body  .slick-prev:hover:before{ right: -10px; }
body .youtube-slides .slick-list { padding-top: 4% !important; padding-bottom: 7% !important; }
body .Bio-section.business-section .bio-text-container { padding: 30px 20px 30px 60px; }
body .testimonial-text-container:before{background-size: contain; bottom: 100px; right: 0px; width: 50px; height: 50px; }
body .testimonial-text-container::after{ width: calc(100% - 125px); height: calc(100% + -50px); }
body .testimonial-text-container:before {right: 30px;}
body a.button { height: 44px; }
body iframe#video-frame { max-width: 700px; ; margin: 0 auto; height: 390px; }
}

@media screen and (max-width: 960px) {
body .Bio-section .inner-container { display: flex ; flex-direction: column; }
body .Bio-section .inner-container .youtube-container { width: 100%; height: 450px; }
body .Bio-section .inner-container .bio-text-container { width: 100%; padding: 50px; text-align: center; display: block; }
body .Bio-section.business-section .inner-container { display: flex ; flex-direction: column-reverse; }
body .Bio-section.business-section .inner-container .Image-container { width: 100%; height: auto;}
body .Bio-section.business-section .inner-container .Image-container img { height: 750px; width: 100%; object-position: top; }
body .youtube-slider-container .slick-initialized .slick-slide { display: flex ; margin: 0 30px; }
body .thumbnail-container a img { width: 40px; height: 40px; }
}

@media screen and (max-width: 800px) {
body .Heading-h1 { font-size: 48px; } 
body h1.homepage-heading { font-size: 40px; }
body h1.homepage-heading strong { font-size: 45px; }
Body p.list-p { font-size: 14px;  }
/* body .social-icons-container{ gap: 20px; } */
}

@media screen and (max-width: 767px) {
body .chris-image{ display: none; }
body .chris-image-mobile{ display: block; }
body .main-banner .inner-container { flex-direction: column-reverse; justify-content: center; align-items: center; }
body p.focus-p { font-size: 28px; line-height: 2em; }
body .main-banner:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Chris-Casamassa-mobile-6.png); position: absolute; width: 560px; height: 700px; background-position: center; background-repeat: no-repeat; background-size: contain; }
body .main-banner::after { content: ""; width: 100%; height: 100%; position: absolute; background: linear-gradient(360deg, black 0%, transparent 69%);}
body .main-banner.footer-banner::after { display: none;}
body .main-banner .text-container { padding: 100px 0 50px; }
body .work-slider-title{ font-size: 20px; }
body .bio-text-container { padding: 30px 0; }
body .slick-initialized .Book-slides.slick-slide { display: block; margin: 0px 20px;}
body .Bio-section.business-section .inner-container .Image-container img { height: inherit; width: 100%; object-position: top; }
body .contact-container::before { display: none; }
body .youtube-slides .slick-list { padding-top: 4% !important; padding-bottom: 3% !important; }
body  .slick-next, body  .slick-next:hover{transform: translate(-50%, -50%);bottom: -100px; top: inherit; left: calc(50% + 26px);width: 40px; height: 40px;}
body  .slick-prev, body  .slick-prev:hover{transform: translate(-50%, -50%);bottom: -100px; top: inherit; left: calc(50% - 26px);width: 40px; height: 40px;}
body  .slick-next:before, body  .slick-next:hover:before{ left: 0px;top: 0px; }
body  .slick-prev:before, body  .slick-prev:hover:before{ right: 0px; top: 0px;}
body .testimonial-slides .slick-active.slick-center .review-container{ transform: scale(1);}
body .testimonial-slides .slick-active.slick-center .review-container .testimoanial-image-container{position: static; z-index: -2; height: 370px;}
body .testimonial-slides .slick-active.slick-center .review-container .testimoanial-image-container img{object-position:center ;}
body .testimonial-slides .slick-list{ padding-top: 5% !important; padding-bottom: 85% !important; }
body .testimonial-text-container::after{ background: linear-gradient(180deg, transparent 0%, #f5f5f5 31%); height: 150%; top: -50%;width: 100%;}
body .testimonial-slider-container .slick-initialized .slick-slide{ margin: 0 30px; }
body .testimonial-text-container:before { background-size: contain; width: 40px; height: 40px; background-repeat: no-repeat; bottom: 50px; right: 0; background-position: center; background-size: contain; left: 10px; }
body .testimonial-slider-container .slick-dots li.slick-active button:before { opacity: 1; color: #CC0000; font-size: 25px; }
body .testimonial-slider-container .slick-dots li button:before { opacity: 1; color: #D9D9D9; font-size: 15px; }
body .testimonial-slider-container ul.slick-dots {bottom: -75px;}
/* body .youtube-slider-container .slick-initialized .slick-slide.slick-active.slick-center { height: 200px; width: 350px !important; margin: 0 auto; } */
body iframe#video-frame { max-width: 450px; ; margin: 0 auto; height: 260px; }

}

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

body .work-slides .slick-initialized .slick-slide { display: flex ; margin: 0 15px; }
body h1.Heading-h1.business strong { display: block; }
body .Bio-section .inner-container .bio-text-container {padding: 50px 30px;}
body .testimonial-slides .slick-list{ padding-top: 5% !important; padding-bottom: 5% !important; }

}

@media screen and (max-width: 600px) {
body .work-slides { height: 300px; padding: 0px 30px; }
body .work-section .inner-container { width: 100%; }
body .work-section-h2{ width: 90%; }
body .work-slider{ width: calc(100% + 30px); margin-left: -15px; }
body p.bold-paragarph{ font-size: 20px; }
body .social-icons-container{ gap: 10px; height: 70px; }

}

@media screen and (max-width: 480px) {
body .main-banner.home:before{ background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Chris-Casamassa-mobile-3.png);}
body .work-slides { height: 325px; padding: 0px 10px; }
body p.list-p { font-size: 14px;}
body .work-slider-title{ font-size: 20px; padding-bottom: 20px; }
body .youtube-slides .slick-list { padding-top: 3% !important; padding-bottom: 5% !important; }
body .Bio-section .inner-container .youtube-container { height: 320px; }
body .Bio-section.business-section .inner-container .Image-container img { height: 320px; width: 100%; object-position: top left; }
body span.red-color{ display: inline-block ; }
body .work-heading br{ display: none; }
body .Heading-h1.Social, .Heading-h1.testimonials { font-size: 50px; }
body iframe#video-frame { max-width: 350px; margin: 0 auto; height: 200px; }
body .main-banner.home{ height: 732px; }
}
@media screen and (max-width: 450px) {
body .Heading-h1 { font-size: 40px; }
body h1.homepage-heading { font-size: 40px; }
body h1.homepage-heading strong { font-size: 45px; }
body .youtube-slides .slick-list { padding-top: 3% !important; padding-bottom: 4% !important; }
body .Heading-h1.book-chris{ width: 50%; margin: 0 auto; padding-bottom: 15px; }
body h3.second-section {width: 95%; margin: 0 auto; padding-bottom: 20px; }
}
@media screen and (max-width: 420px) {
body .work-slides { height: 400px; padding: 0px 80px; }
body .work-slider-title{ font-size: 22px; }
body iframe#video-frame { max-width: 300px; margin: 0 auto; height: 180px; }
body div.main-banner.home {height: 632px; }
    body .main-banner.home:before {height: 618px;}
}

@media screen and (max-width: 400px) {
body .thumbnail-container{ height: 130px; }
body .Heading-h1.Social, .Heading-h1.testimonials, .media-heading { font-size: 35px; }
body h1.homepage-heading { font-size: 40px; }
body h1.homepage-heading strong { font-size: 45px; }
body iframe#video-frame { max-width: 300px; margin: 0 auto; height: 160px;}

}
@media screen and (max-width: 380px) {
body h1.homepage-heading { font-size: 30px; }
body h1.homepage-heading strong { font-size: 35px; }
body button.close-btn-video {right: -15px;}

}