/* Social Icons */
body .social-icons-container img { transition: 0.5s transform ease; }
body .social-icons-container img:hover { transform: scale(1.2); }

/* Header Css */
body ul.desktop-menu { font-size: 16px; line-height: 3em; }
body .site-header-desktop { width: 100%; }
body nav.desktop-menu { color: #ffffff80; }
body nav.desktop-menu ul.desktop-menu li:hover { color: var(--theme); }
body li.current-menu-item{ position: relative; color: var(--white-color) ; }
body .site-header-desktop li.current-menu-item::before { content: ""; background-image: url(https://www.chriscasamassa.com/wp-content/uploads/2025/04/active-border.svg); width: 18px; height: 10px; position: absolute; background-repeat: no-repeat; background-size: contain; top: 44px; left:50%; transform: translate(-50%, 0px);}
body .site-header-mobile{ display: none; }
body .fixed-site-header{ position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 4px 10px rgb(0 0 0 / .1); transition: all 0.3s ease-in-out; padding: 10px 0; background: rgb(0 0 0 / .80); padding: 10px; z-index:+999; }

/* Footer */

/* Body nav.footer-nav { padding: 20px 0 0; } */
body .footer-nav li.wp-block-navigation-item { padding: 0 20px; position: relative; }
body .Footer-Container li.footer-menu-link:before { content: "-"; position: absolute; left: -6px;}
body nav.footer-nav ul.footer-nav li:hover { color: var(--theme); }
body nav.footer-nav ul.footer-nav li.current-menu-item { color: var(--theme); }
body .Chris-container-footer { opacity: 1; transition: opacity 1s ease-in-out; }
/* body .Chris-container-footer.fade-in { opacity: 1; } */
iframe.contact-form { width: 80%; min-height: 560px; margin-left: -12px; }
iframe.inquiry-form { width: 80%; min-height: 660px; margin-left: -20px; }

/* Footer Popup */
body video#custom-video-frame { max-width: 1000px !important; border-radius: 10px; }
body #custom-video-popup video#custom-video-frame { max-width: 1000px !important; width: 100%; border-radius: 10px; }

/* FORM THANKYOU Message */
body .col-md-12.col-sm-12.col-lg-12.text-center.thank-you-message{ margin-top: 20px; }
body .col-md-12.col-sm-12.col-lg-12.text-center.thank-you-message div { background: transparent !important; color: #fff !important; font-family: 'Open Sans' !important; font-weight: 400 !important; border: 2px solid var(--theme); display: flex ; justify-content: center; align-items: center; margin: 0 !important; border-radius: 20px; }

/* Header Footer Responsive */
@media screen and (max-width: 1600px) {
body .Chris-container-footer img.chris-image-footer { height: 1010px; width: 1000px; margin-left: -70px; }
}

@media screen and (max-width: 1480px) {
body .Chris-container-footer img.chris-image-footer { height: 950px; width: 1000px; margin-left: -40px; }
}

@media screen and (max-width: 1280px) {
body .Chris-container-footer img.chris-image-footer { height: 930px; }
body .footer-text-container { width: 80%; }
body .Chris-container-footer { width: 20%; }
}

@media screen and (max-width: 1140px) {
body .inner-container { width: 90%; }
}

@media screen and (max-width: 1080px) {
body .Chris-container-footer img.chris-image-footer { height: 930px; }
body video#custom-video-frame { max-width: 700px !important; }
}

@media screen and (max-width: 1024px) {
body ul.desktop-menu { font-size: 14px; line-height: 3em; }
body .Chris-container-footer img.chris-image-footer { height: 500px; margin-left: -20px; }
}

@media only screen and (min-width: 768px) and (max-width: 920px) {
body ul.desktop-menu { font-size: 12px; line-height: 4em; }
body li.current-menu-item::before{ top: 37px; left: 9px; height: 10px; }
}

@media screen and (max-width: 767px) {
body .fixed-site-header-Mobile{ position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 4px 10px rgb(0 0 0 / .1); transition: all 0.3s ease-in-out; padding: 10px 0; background: rgb(0 0 0 / .80); padding: 10px; }
body .site-header-mobile{ display: block; width: 100%; }
body .mobile-menu-container{ display: inline-flex; }
body .site-header-desktop{display: none;}
body ul.desktop-menu.mobile-menu li { width: 100%; border-bottom: 1px solid hsl(0deg 0% 0% / 10%); padding: 20px 48px; }
body .mobile-menu-container .wp-block-navigation__responsive-container-open{ background-image: url('https://www.chriscasamassa.com/wp-content/uploads/2025/04/Menu.svg'); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; width: 40px; height: 40px; }
body .has-modal-open.is-menu-open div#modal-1-content{ padding-top: 150px; position: relative; }
body .has-modal-open.is-menu-open div#modal-1-content:before { content: ""; background: url(https://www.chriscasamassa.com/wp-content/uploads/2025/06/Menu-Text.svg); position: absolute; height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; top: 0; }
iframe.contact-form { width: 100%; min-height: 500px; margin-left: 0px; }
iframe.inquiry-form { width: 100%; min-height: 640px; margin-left: 0px; }
body .wp-block-navigation__responsive-container-close { position: absolute; right: 13px; top: 30px; z-index: 2; }

/* Remove default SVG */
body .mobile-menu-container .wp-block-navigation__responsive-container-open svg { display: none !important; }
body .has-modal-open.is-menu-open{ background-color: #fff !important; }
body ul.desktop-menu { font-size: 18px; line-height: 2em; color: var(--black); }
body .mobile-menu-container .has-modal-open.is-menu-open ul.wp-block-navigation__container.is-responsive.is-vertical.right-navigation.desktop-menu.mobile-menu.wp-block-navigation{ color: var(--black) !important; width: 100%; }
body .chris-image-footer{ display: none; }
body .main-banner.footer-banner:before { display: none; }
body .footer-text-container { width: 100%; }
body .Chris-container-footer { width: 100%; }

body .main-banner.footer-banner .inner-container{ width: 100%; }
body .error-banner{ background: url("https://www.chriscasamassa.com/wp-content/uploads/2025/05/Ellipse-51.png") top / 925px no-repeat, url("https://www.chriscasamassa.com/wp-content/uploads/2025/05/404-Bg.png") center / cover no-repeat;} 
}

@media screen and (max-width: 667px) {
body video#custom-video-frame { max-width: 450px !important; }
body .Footer-Container { padding-top: 20px; }
iframe.inquiry-form { width: 100%; }
iframe.contact-form { width: 100%; }
}

@media screen and (max-width: 480px) {
body video#custom-video-frame { max-width: 350px !important; }
body .Footer-Container { padding-top: 0px; }
body .has-modal-open.is-menu-open div#modal-1-content {padding-top: 100px;}
}
/* @media screen and (max-width: 480px) {
body .Footer-Container li.footer-menu-link:last-child::before { display: none; }
body .Footer-Container li.footer-menu-link.remove-link::before { display: none; }
}
@media screen and (max-width: 413px) {
body .Footer-Container li.footer-menu-link:last-child::before { display: block; }
body .Footer-Container li.footer-menu-link.remove-link::before { display: block; }

} */

@media screen and (max-width: 400px) {
body video#custom-video-frame { max-width: 300px !important; }
body .book-speak h2 {width: 90%;}
}