/* SPEAKER PAGER */
body .icon-list-heading:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/05/Icon-list.svg); position: absolute; width: 35px; height: 35px; background-repeat: no-repeat; left: -55px; right: 0; top: 8px; background-size: contain; }
body ul.whychris-list-ul { margin-left: 1em; margin-bottom: 0; }
body li.list-item { padding-bottom: 25px; }
body li.list-item{ position: relative; list-style: none; }
body li.list-item:before { content: ""; width: 10px; height: 10px; background-color: var(--theme); display: inline-block; border-radius: 50%; position: absolute; top: 06px; left: -20px;}
body .speaking-play-icon{ transform: translate(-50%, -50%); }
body .speaking-page-video video { border-radius: 10px; display: block; width: 100%; height: auto;  }
body .speaking-page-video  { position: relative; display: inline-block; cursor: pointer; box-shadow: 0px 0px 214px 0px rgba(204, 0, 0, 0.2);  }
body .speaking-page-video:before {
    content: "";
    background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Play-Button.svg);
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    z-index: +999;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
body .speaking-page-video.active::before { display: none !important; content: none !important; }

/* Book Page */
body ul.Book-chris-Ul li.list-item { padding-bottom: 30px; }
body span.red-color.book-text { font-weight: 400; }
body span.red-head{color: var(--theme); }
body .contact-detail p span.gb-shape svg{ height: 35px; width: 35px; }
body span.email a, body span.phone a {position: relative; font-size: 18px;}
body span.email, body span.phone { padding:0 35px; }
body span.email a:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/08/Emal-Icon.svg); position: absolute; background-repeat: no-repeat; background-size: contain; width: 35px; height: 35px; left: -45px; right: 0; top: -3px; }
body span.phone a:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/08/Phone-Icon.svg); position: absolute; background-repeat: no-repeat; background-size: contain; width: 35px; height: 35px; left: -45px; right: 0; top: -3px; }


/* Testimonial Page */
body h2.testimonial-title.testimonial-page:before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/Quote-1.svg); position: absolute; width: 40px; height: 40px; background-repeat: no-repeat; bottom: -4px; right: 0; background-position: center; background-size: contain; left: -3px; } 
body .testimonial-text-container.Testimonial-page::after { content: ""; background: linear-gradient(90deg, transparent 0%, #f5f5f5 16%); position: absolute; width: calc(100% - 180px); height: 450px; left: inherit; top: 50%; right: 0px; z-index: -1; transform: translate(0%, -50%); } 
body .testimonial-text-container.Testimonial-page:before{ display: none; }
body .testimonial-image img { display: block; }
body .testimonial-image img[src=""], 
body .testimonial-image img:not([src]) { content: url('https://www.chriscasamassa.com//wp-content/uploads/2025/06/placeholder-male-photo.png'); }

/* Testimonial Form CSS */
input[type="email"] { width: 100%; border-radius: 50px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
input[type="text"] { width: 100%; border-radius: 50px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
input[type="file"] { color: #fff; padding-left: 20px; padding-top: 11px; }
input[type="file"]{width: 100%; border-radius: 50px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; height: 50px; position: relative;}
body .form-group-row { width: 100%; display: flex ; justify-content: center; align-items: center; gap: 20px; row-gap: 20px; margin-bottom: 25px; margin-top:25px; }
body textarea { border-radius: 15px !important; border: 1px solid rgba(255, 255, 255, 0.2); resize: none; height: 100px; }
button.testimonial-button { height: 54px; align-items: center; background-color: var(--theme); color: var(--white-color); display: block; font-size: 18px; font-weight: 700; text-decoration: none; border: 1px solid var(--theme); border-radius: 50px; padding: 5px 30px; width: 20%;}
input[type="email"]:focus, input[type="text"]:focus, textarea:focus, input[type="file"]:focus{ border: 1px solid #fff !important; }
input[type="email"], input[type="text"], textarea{ color: #fff !important; }
input[type="file"]:before { content: ""; background: url("https://www.chriscasamassa.com//wp-content/uploads/2025/06/Upload.svg"); height: 35px; width: 35px; position: absolute; background-size: contain; background-repeat: no-repeat; right: 20px; top: 5px; }
body input[type="file"]::-webkit-file-upload-button { display: none; }



/* Load More Button */
a#loadMore {height: 54px; align-items: center; background-color: var(--theme); color: var(--white-color); display: inline-flex; font-size: 18px; font-weight: 700; text-decoration: none; border: 1px solid var(--theme); border-radius: 50px; padding: 5px 30px; width: max-content; position: absolute; left: 50%; bottom: 2%; transform: translate(-50%, 0%);
}

/* Program Page Popup */
body #custom-soon-blur-bg, #comingsoon-popup{ display: none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:+9999;}
body span.red-color-popup { display: block; color: var(--theme); }
body .Comingsoon-popup-btn{ cursor: pointer; }
body .get-notified, .trigger-popup{cursor: pointer; }

/* Media Page */
/* body img.news-logo.slick-slide { width: auto !important; } */
img.youtube-icon-image.open-video-popup{ transform: translate(-50%, -50%); }
video#video-frame-2 { width: 1000px; height: auto; }
body .News-Logo-Section .slick-track{ display: flex; align-items: center; }
body .News-Logo-Section .slick-initialized .slick-slide{ margin: 0 65px; }
a.button { height: 54px; display: inline-flex; justify-content: center; align-items: center; }


/* RESPOSNSIVE */
@media screen and (max-width: 1720px) {
/* body .Button-Container a.button { padding: 5px 15px; font-size: 16px; } */
}
@media screen and (max-width: 1660px) {
body .book-main-container { column-gap: 20px; }
body img.coming-soon-book { height: 330px; margin-left: -45px; max-width: 300px; object-fit: cover; width: 300px; }

}

@media screen and (max-width: 1640px) {
body .testimonial-text-container.Testimonial-page{ padding-left: 210px; }
body .News-Logo-Section .slick-initialized .slick-slide{ margin: 0 55px; }
body button.testimonial-button{ width: 25%; }
}

@media screen and (max-width: 1550px) {
body .testimonial-text-container.Testimonial-page p.testimonial-content { font-size: 14px; padding-bottom: 20px; }
body h2.testimonial-title.testimonial-page { font-size: 25px; }
body .testimonial-text-container.Testimonial-page p.testimonial-subheading { font-size: 14px; }
body .Testimonial-Grid .testimonial-slidess.testimonial-template { column-gap: 30px; }
}

@media screen and (max-width: 1480px) {
/* body .Button-Container a.button { padding: 5px 15px; font-size: 16px; } */
body .Author-book .Book-Image-Container { width: 200px; }
body .Author-book .Book-text-Container { width: calc(100% - 200px); }
body .Author-book h2.book-slide-title, .Author-book h2.coming-soon-heading, h3.second-section { font-size: 45px; }
.Author-book p.book-slide-text { font-size: 14px; }
body .coming-soon-section { padding: 20px 50px; }
p.coming-soon-text { font-size: 22px; line-height: 1.8em; }
body .author-Text-section-container{width: 75%; }
body img.coming-soon-book { height: 320px; width: 290px; margin-left: -40px; }
body .testimonial-text-container.Testimonial-page{ padding-left: 210px; }
body .News-Logo-Section .slick-initialized .slick-slide{ margin: 0 45px; }
body .Author-book .Book-slides { padding: 40px 25px; }
body .testimonial-text-container.Testimonial-page::after{ width: calc(100% - 140px); }
}
@media screen and (max-width: 1400px) {
body span.email, body span.phone { width: 100%; display: block; padding: 5px 40px;}
}
@media screen and (max-width: 1366px) {
body a.button { font-size: 16px; }
body button.testimonial-button{ width: 30%; font-size: 16px; }
body .testimoanial-image-container.testimonial-image.testimonial-page{ width: 250px; }
body .testimonial-text-container.Testimonial-page { padding-left: 175px; }
body .testimonial-text-container.Testimonial-page::after { width: calc(100% - 110px); }

}

@media screen and (max-width: 1280px) {
video#video-frame-2 { width: 800px; height: auto; }
body .Author-book .Book-Image-Container { width: 175px; }
body .Author-book .Book-text-Container { width: calc(100% - 175px); }
body .Button-Container.triple{ flex-wrap: wrap; }
.Author-book .Book-slides { padding: 40px 20px; }
body img.coming-soon-book { height: 280px; width: 250px; margin-left: -35px; }
body .News-Logo-Section .slick-initialized .slick-slide{ margin: 0 40px; }
body .my-programs, body .book-speak{ padding-left: 50px; height: 300px; }
body .Button-Container.author a.button { padding: 5px 15px; }
body .Text-Section.Program { padding-left: 70px; }
body .Text-Section.Program-2 { padding-left: 20px; }
body .Text-Section.bookchris { padding-left: 70px; }
body .Text-Section.bookchris-2 { padding-left: 50px; }
body .Logos-container { column-gap: 30px; }
body .testimonial-text-container.Testimonial-page { padding-left: 150px; padding-right: 15px; }
body .testimonial-text-container.Testimonial-page::after { width: calc(100% - 90px); }
body .testimoanial-image-container.testimonial-image.testimonial-page{ width: 200px; }
body span.email a, body span.phone a { position: relative; font-size: 17px; } 
}

@media screen and (max-width: 1180px) {
body .Testimonial-Grid .testimonial-slidess.testimonial-template{ display: grid ; grid-template-columns: 1fr; }
body .testimonial-text-container.Testimonial-page { padding-left: 210px; padding-right: 30px; }
body .testimonial-text-container.Testimonial-page::after { width: calc(100% - 40px); }
body span.email a, body span.phone a { position: relative; font-size: 15px; } 
}

@media screen and (max-width: 1024px) {
body .Author-book .Book-Image-Container { width: 100%; }
body .Author-book .Book-text-Container { width: 100%; }
body .Author-book h2.book-slide-title, .Author-book h2.coming-soon-heading, h3.second-section{ font-size: 40px; }
body img.coming-soon-book { height: 260px; width: 200px; margin-left: -5px; }
body p.coming-soon-text { font-size: 18px;}
body .coming-soon-section { padding: 20px 30px; }
body .Button-Container a.button { padding: 5px 20px; font-size: 16px; height: 44px;}
body .testimonial-text-container.Testimonial-page::after{ width: calc(100% - 60px); height: 402px; transform: translate(0%, -56%); }
button.testimonial-button{ width: max-content; height: 44px; font-size: 16px; }
body .News-Logo-Section .slick-initialized .slick-slide{ margin: 0 35px; }
body .Text-Section.Program { padding-left: 50px; }
body .Text-Section.Program-2 { padding-left: 0px; }
body .Text-Section.bookchris { padding-left: 50px; }
body .Text-Section.bookchris-2 { padding-left: 20px; }
body button.testimonial-button{ width: 40%; font-size: 15px; }
body .testimonial-text-container.Testimonial-page { padding-left: 200px; padding-right: 30px; }
body span.email a:before, body span.phone a:before{ width: 30px; height: 30px; left: -40px; }
body span.email { padding: 0 35px 0 40px; }
body span.phone {padding-right: 0;}
}

@media screen and (max-width: 980px) {
video#video-frame-2 { width: 700px; height: auto; }
body h3.second-section { font-size: 40px; } 
}

@media screen and (max-width: 920px) {
body span.email, body span.phone { width: 100%; display: block; padding-left: 40px; }
}

@media screen and (max-width: 780px) {
video#video-frame-2 { width: 550px; height: auto; }
body img.coming-soon-book { height: 250px; width: 200px; margin-left: -15px; }
body .coming-soon-section { padding: 20px 25px; }
body .Author-book h2.coming-soon-heading{ font-size: 35px; }
body .certified-btn{ padding:5px 20px; }
body .testimonial-text-container.Testimonial-page { padding-left: 180px; }
    body .testimonial-text-container.Testimonial-page::after { width: calc(100% - 90px);}
}

@media screen and (max-width: 767px) {
body .Author-book .Book-Image-Container { width: 100%; }
body .Author-book .Book-text-Container { width: 100%; }
body .coming-soon-section { padding: 20px 20px; }
body .author-Text-section-container { width: 100%; }
body .coming-soon-section { padding: 45px 25px; }
body .Author-book h2.coming-soon-heading { font-size: 45px; }
body img.coming-soon-book { height: 300px; width: 260px; margin-left: 0px; }
body .testimonial-text-container.Testimonial-page { padding-left: 25px; }
body .testimonial-text-container.Testimonial-page::after { background: linear-gradient(180deg, transparent 0%, #f5f5f5 31%); height: 150%; top: 0%; width: 100%; }
a#loadMore{ bottom: 1%; }
input[type="email"] { width: 48%; border-radius: 50px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
input[type="text"] { width: 48%; border-radius: 50px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
body .form-group-row{ flex-wrap: wrap; }
button.testimonial-button{ width: max-content; }
body .News-Logo-Section .slick-initialized .slick-slide{ margin: 0 30px; }
body .bio-section-image-container .chris-images{ height: 650px; }
body .my-programs, body .book-speak{ padding-left: 50px; height: 270px; }
body .Button-Container a.button { padding: 5px 35px; font-size: 15px;}
body .Text-Section.Program { padding-left: 15px; }
body .Text-Section.Program-2 { padding-left: 15px; }
body .Text-Section.bookchris { padding-left: 15px; }
body .Text-Section.bookchris-2 { padding-left: 15px; }
body button.testimonial-button{ width: 100%; font-size: 14px; }
body .testimoanial-image-container.testimonial-image.testimonial-page{ width: 100%; }
}

@media screen and (max-width: 667px) {
video#video-frame-2 { width: 450px; height: auto; }
a.button { height: 44px; display: inline-flex; justify-content: center; align-items: center; }
body h3.second-section { font-size: 35px; }
body .bio-section-image-container .chris-images{ height: 580px; }
body .testimonial-slides .slick-list.draggable { height: 680px !important; }

}
@media screen and (max-width: 575px) {
input[type="email"] { width: 100%;  }
input[type="text"] { width: 100%; }
body .bio-section-image-container .chris-images{ height: 480px; }

}

@media screen and (max-width: 520px) {
video#video-frame-2 { width: 375px; height: auto; }
body .coming-soon-section { padding: 40px 10px; }
body .Heading-h1 { font-size: 45px; }
}

@media screen and (max-width: 480px) {
body .Author-book h2.coming-soon-heading { font-size: 45px; line-height: 0.9; width: 85%; margin: 0 auto; margin-bottom: 30px; }
p.coming-soon-text { font-size: 18px; line-height: 1.8em; }
body .Heading-h1 { font-size: 40px; }
body .testimonial-text-container.Testimonial-page::after { height: 100%; top: 10%; width: 100%; }
body .bio-section-image-container .chris-images{ height: 420px; }
body .testimonial-slides .slick-list.draggable { height: 720px !important; }
body .speaking-page-video:before { display: none; }

}
@media screen and (max-width: 430px) {
body .bio-section-image-container .chris-images{ height: 380px; }
body .testimonial-slides .slick-list.draggable { height: 735px !important; }
}

@media screen and (max-width: 420px) {
body a.button { font-size: 14px; padding: 5px 20px; }
video#video-frame-2 { width: 300px; height: auto; }
body h3.second-section { font-size: 30px; }
body .Heading-h1 { font-size: 35px; }
body .testimonial-slides .slick-list.draggable { height: auto !important; }
}