/* Theme Name: Jules Short Film Theme Theme URI: https://example.com/jules-theme Author: Your Name Author URI: https://example.com Description: A WordPress theme for the Jules short film website. Features a modern design with video background, image galleries, and film showcase sections. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: jules Tags: one-column, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, entertainment Jules WordPress Theme is based on the original Jules short film HTML design. */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 body {
     font-family: 'Poppins', sans-serif;
     overflow-x: hidden;
}

 .font-anton {
     font-family: 'Anton', sans-serif;
}
 .font-poppins {
     font-family: 'Poppins', sans-serif;
}
 .letter-spacing-14 {
     letter-spacing: 1.4px;
}
 header #menu-primary li {
     position: relative;
}
 header #menu-primary li .sub-menu {
     width: 200px;
     position: absolute;
     left: -30px;
     background-color: #000202;
     z-index: 1;
     padding: 10px 20px;
     border-radius: 10px;
     visibility: hidden;
     opacity: 0;
}
 header #menu-primary li:hover .sub-menu {
     visibility: visible;
     opacity: 1;
}
 header #menu-primary li .sub-menu li {
     border-bottom: 1px solid rgba(255,255,255,0.08);
}
 header #menu-primary li .sub-menu li:last-child {
     border: 0;
}
 header #menu-primary li .sub-menu li a {
     padding: 10px;
     display: block;
}
 header #menu-primary li .sub-menu li a:hover {
     color: #1c7a81;
}
 header .header_icon {
     width: 25px;
     margin: 0 5px;
     position: relative;
}
 header .header_icon svg path {
     fill: #ffffff;
}
 header .header_icon.cart_icon span {
     width: 15px;
     height: 15px;
     border-radius: 15px;
     background: #000;
     color: #fff;
     font-size: 9px;
     line-height: 15px;
     text-align: center;
     position: absolute;
     top: 0;
     right: -8px;
     z-index: 1;
}
 .footer-menu {
     width: 100%;
     margin-top: 20px;
}
 .footer-menu__grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 32px;
     max-width: 600px;
     margin: 0 auto;
}
 .footer-menu__column {
     display: flex;
     flex-direction: column;
     gap: 6px;
     text-align: left;
}
 .footer-menu__heading {
     font-size: 14px;
     color: #f7f726;
     font-weight: 600;
}
 .footer-menu__list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     gap: 0px;
}
 .footer-menu__link, .footer-menu__list a {
     font-size: 13px;
     color: #ffffff;
     text-decoration: none;
     transition: color 0.2s ease;
}
 .footer-menu__link:hover, .footer-menu__list a:hover {
     color: #f7f726;
}
 @media only screen and (min-width: 768px) and (max-width: 1199px) {
     .footer-menu__grid {
         max-width: 380px;
    }
}
 @media (max-width: 768px) {
     .footer-menu__grid {
         grid-template-columns: 1fr;
         text-align: center;
    }
     .footer-menu__column {
         text-align: center;
    }
}

.award-marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 20px 0;
}

.award-track {
  display: flex;
  width: max-content;
}

.award-row {
  display: flex;
  align-items: center;
  gap: 40px; /* More breathing space */
  flex-shrink: 0;
  animation: award-scroll 28s linear infinite; /* Slightly slower = smoother on iPad */
  will-change: transform;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
}

.award-row img {
  height: 90px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
  filter: brightness(0) invert(1);
  filter: brightness(0) saturate(100%) invert(1);
}

/* Smooth infinite loop */
@keyframes award-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 1024px) {

  .award-row {
    gap: 28px;
    animation-duration: 32s; /* Even smoother for Safari */
  }

  .award-row img {
    height: 70px; /* Smaller logos so they don’t crowd */
  }

}

@media (max-width: 768px) {

  .award-row {
    gap: 20px;
  }

  .award-row img {
    height: 55px;
  }

}

/* .award-marquee {
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .award-track {
     display: flex;
     width: max-content;
     overflow: hidden;
}
 .award-row {
     display: flex;
     align-items: center;
     gap: 24px;
     animation: award-scroll 22s linear infinite;
     will-change: transform;
     width: max-content;
}
 .award-row img {
     height: 100px;
     width: auto;
     object-fit: contain;
     flex: 0 0 auto;
}*/



/* Right-to-left infinite scroll */
/* @keyframes award-scroll {
     from {
         transform: translateX(0);
    }
     to {
         transform: translateX(-50%);
    }
}*/
/* Pause on hover */
/* .award-marquee:hover .award-row {
     animation-play-state: paused;
}
 */
/* Reduced motion */
 @media (prefers-reduced-motion: reduce) {
     .award-row {
         animation: none;
         transform: none;
    }
}
 .video-frame {
     position: relative;
     padding-top: 56.25%;
    /* 16:9 */
}
 .video-frame iframe {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
}
 .gallery-card {
     transition: transform 0.35s ease, box-shadow 0.35s ease;
}
 .gallery-card img {
     transition: transform 0.6s ease;
}
 .gallery-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
}
 .gallery-card:hover img {
     transform: scale(1.08);
}
 .hero-slider, .hero-slider .slick-list, .hero-slider .slick-track {
     height: 100%;
}
 .hero-slide {
     min-height: 100%;
}
 .hero-slider .slick-dots {
     position: absolute;
     bottom: 30px;
     width: 100%;
     display: flex !important;
     justify-content: center;
     gap: 12px;
     z-index: 20;
}
 .hero-slider .slick-dots li button:before {
     font-size: 10px;
     color: #ffffff;
     opacity: 0.4;
}
 .hero-slider .slick-dots li.slick-active button:before {
     opacity: 1;
     color: #f7f726;
}
/* Short film section */
 .about-short-film {
     display: block;
     position: relative;
     padding-left: 500px;
     padding-bottom: 0px;
}
 .short-film-frame--portrait {
     width: 350px;
     position: absolute;
     left: 0;
     top: 93px;
     z-index: 1;
}
 .short-film-frame--portrait img {
     height: 450px;
     width: 100%;
     object-fit: cover;
     border-radius: 18px;
}
 .short-film-frame--landscape {
     width: 420px;
     align-self: center;
     position: absolute;
     left: 310px;
     top: 292px;
     z-index: 0;
}
 .short-film-frame--landscape img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 18px;
}
 .about-short-film-content h2 {
     font-size: 96px;
     color: #fff;
     line-height: 96px;
     margin: 0 0 10px 0;
}
 .about-short-film-content h1 {
     font-size: 148px;
     color: #F3FA14;
     line-height: 1;
}
 .about-short-film-content .paragraph_box {
    max-width: 460px;
    margin-left: 285px;
    margin-top: 50px;
    background-color: rgba(0, 0, 0, 0.50);
    padding: 20px;
    border-radius: 20px;
}
 .about-short-film-content p {
     margin: 0 0 30px 0;
     text-align: left;
     font-size: 14px;
     color: #fff;
}
 .slick-card .slick-dots {
     position: static;
     margin-top: 1rem;
     display: flex !important;
     justify-content: center;
     gap: 0.5rem;
}
 .slick-card .slick-dots li button {
     width: 9px;
     height: 9px;
     border-radius: 999px;
     background-color: #d8d8d8;
     text-indent: -9999px;
}
 .slick-card .slick-dots li.slick-active button {
     background-color: #666;
}
 .slick-card .slick-dots {
     bottom: 0;
}
 .slick-dotted.slick-slider {
     margin-bottom: 0;
}
 .short-film-frame {
     background: #fff;
     border-radius: 30px;
     padding: 24px;
     box-shadow: 0 30px 55px rgba(0, 0, 0, 0.35);
}
 .short-film-cta:hover {
     background: #f7f726;
     color: #000;
}
/* Slick dots in the white frames */
 .short-film-frame .slick-dots {
     position: relative;
     bottom: -16px;
     margin-top: 0px;
     display: flex !important;
     justify-content: center;
     gap: 10px;
}
 .short-film-frame .slick-dots li {
     margin: 0;
     width: 10px;
     height: 16px;
}
 .short-film-frame .slick-dots button {
     width: 6px;
     height: 6px;
     padding: 4px;
     border-radius: 999px;
     background: #d8d8d8;
     text-indent: -9999px;
}
 .short-film-frame .slick-dots li.slick-active button {
     background: #666;
}
/* Video Popup Modal */
 #video-popup-modal {
     position: fixed;
     inset: 0;
     z-index: 99999;
     display: flex;
     align-items: center;
     justify-content: center;
}
 #video-popup-modal .video-modal-backdrop {
     position: absolute;
     inset: 0;
     background: rgba(0,0,0,0.85);
     backdrop-filter: blur(2px);
     z-index: 0;
}
 #video-popup-modal .video-modal-content {
     position: relative;
     z-index: 1;
     background: #181818;
     box-shadow: 0 25px 80px rgba(0,0,0,0.35);
     padding: 0;
     max-width: 96vw;
     width: 780px;
     max-height: 80vh;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     animation: videoModalIn 0.3s cubic-bezier(.4,2,.6,1) 1;
}
 #video-popup-modal video {
     width: 100%;
     height: auto;
     max-height: 70vh;
     background: #000;
     display: block;
}
 #video-popup-modal .video-modal-close {
     position: absolute;
     top: 1rem;
     right: 1rem;
     background: rgba(0,0,0,0.7);
     color: #fff;
     border: none;
     font-size: 1.6rem;
     border-radius: 50%;
     width: 2.5rem;
     height: 2.5rem;
     cursor: pointer;
     z-index: 2;
     transition: background 0.2s;
}
 #video-popup-modal .video-modal-close:hover {
     background: #f7f726;
     color: #181818;
}
 @keyframes videoModalIn {
     0% {
         opacity: 0;
         transform: scale(0.97) translateY(24px);
    }
     100% {
         opacity: 1;
         transform: scale(1) translateY(0);
    }
}
 header nav, footer nav, .js-mobile-menu {
     list-style: none;
}
.js-mobile-menu {
    background-color: rgba(0, 0, 0, 0.90);
    border-radius: 25px;
    padding: 20px;
}
 header nav li::marker, footer nav li::marker, .js-mobile-menu li::marker {
     display: none;
}
}
 header nav li.current-menu-item a, .js-mobile-menu li.current-menu-item a {
     color: #f7f726;
}
 .exitText {
     position: relative;
     top: -10px;
     font-size: 16px;
     letter-spacing: 1px;
}
 .downarrow {
     width: 40px;
     position: absolute;
     left: 50%;
     bottom: 90px;
     margin-left: -20px;
     z-index: 1;
     pointer-events: none;
     animation: bounceDown 1.6s ease-in-out infinite;
}
 .downarrow svg {
     width: 40px;
}
 .downarrow svg path {
     fill: #fff;
}
 @keyframes bounceDown {
     0%, 100% {
         transform: translateY(0);
         opacity: 0.6;
    }
     50% {
         transform: translateY(18px);
         opacity: 1;
    }
}
/* Lightbox */
 body.lightbox-open {
     overflow: hidden;
}
 .lightbox {
     transition: opacity 320ms ease, transform 320ms ease;
     transform: translateY(16px);
}
 .lightbox.is-visible {
     opacity: 1;
     transform: translateY(0);
     pointer-events: auto;
}
 .lightbox-backdrop {
     background: radial-gradient(circle at top, rgba(8, 17, 23, 0.95), rgba(0, 0, 0, 0.92));
     opacity: 0;
     transition: opacity 320ms ease;
}
 .lightbox.is-visible .lightbox-backdrop {
     opacity: 1;
}
 .lightbox-panel {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     gap: clamp(18px, 3vw, 32px);
     padding: clamp(12px, 4vw, 32px);
}
 .lightbox-frame {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: clamp(12px, 3.5vw, 32px);
     width: auto;
     max-width: min(90vw, 1200px);
     max-height: calc(100vh - 200px);
     background: rgba(5, 16, 20, 0.96);
     box-shadow: 0 40px 90px rgba(0, 0, 0, 0.55);
     border-radius: 36px;
}
 .lightbox-frame__glow {
     position: absolute;
     inset: 0;
     border-radius: 34px;
     pointer-events: none;
     background: radial-gradient(circle at center, rgba(247, 247, 38, 0.12), transparent 55%);
     opacity: 0.4;
     z-index: 0;
}
 .lightbox-image {
     position: relative;
     z-index: 1;
     display: block;
     width: auto;
     height: auto;
     max-width: calc(min(90vw, 1200px) - clamp(32px, 6vw, 72px));
     max-height: calc(100vh - 260px);
     opacity: 0;
     transform: scale(0.97);
     object-fit: contain;
     border-radius: 24px;
     transition: opacity 280ms ease, transform 280ms ease;
}
 .lightbox.is-visible .lightbox-image:not(.is-hidden) {
     opacity: 1;
     transform: scale(1);
}
 .lightbox-image.is-hidden {
     opacity: 0;
     transform: scale(0.94);
}
 .lightbox-image--exit-right {
     opacity: 0;
     transform: translateX(40px) scale(0.96);
}
 .lightbox-image--exit-left {
     opacity: 0;
     transform: translateX(-40px) scale(0.96);
}
 .lightbox-image--enter-right {
     opacity: 0;
     transform: translateX(40px) scale(0.98);
}
 .lightbox-image--enter-left {
     opacity: 0;
     transform: translateX(-40px) scale(0.98);
}
 .lightbox-caption--swap {
     animation: captionSwap 360ms ease forwards;
}
 @keyframes captionSwap {
     0% {
         opacity: 0;
         transform: translateY(8px);
    }
     100% {
         opacity: 1;
         transform: translateY(0);
    }
}
 .lightbox-image--fade-in {
     animation: lightboxFadeIn 320ms ease forwards;
}
 .lightbox-image--fade-out {
     opacity: 0;
     transform: scale(0.95);
}
 @keyframes lightboxFadeIn {
     0% {
         opacity: 0;
         transform: scale(0.95);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
 .lightbox-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 54px;
     height: 54px;
     border-radius: 999px;
     background: rgba(8, 17, 23, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.12);
     color: #f6f8f9;
     display: grid;
     place-items: center;
     z-index: 5;
     transition: background 220ms ease, color 220ms ease, transform 180ms ease;
     box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}
 .lightbox-nav:hover, .lightbox-nav:focus-visible {
     background: rgba(247, 247, 38, 0.9);
     color: #081017;
     transform: translateY(calc(-50% - 2px));
}
 .lightbox-nav:focus-visible {
     outline: 2px solid #f7f726;
     outline-offset: 4px;
}
 .lightbox-nav--prev {
     left: clamp(10px, 2vw, 20px);
}
 .lightbox-nav--next {
     right: clamp(10px, 2vw, 20px);
}
 @media (max-width: 768px) {
     .lightbox-frame {
         max-height: calc(100vh - 150px);
         padding: clamp(10px, 6vw, 24px);
    }
     .lightbox-image {
         max-height: calc(100vh - 210px);
    }
     .lightbox-nav {
         width: 46px;
         height: 46px;
    }
}
 .lightbox-close {
     width: 50px;
     height: 50px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.25);
     background: rgba(8, 17, 23, 0.7);
     display: grid;
     place-items: center;
     color: #fefefe;
     z-index: 30;
     transition: transform 240ms ease, background 240ms ease;
}
 .lightbox-close:hover, .lightbox-close:focus-visible {
     transform: translateY(-2px);
     background: rgba(247, 247, 38, 0.9);
     color: #081017;
}
 .lightbox-close:focus-visible {
     outline: 2px solid #f7f726;
     outline-offset: 4px;
}
 #lightboxImg {
     transition: transform 0.25s ease, opacity 0.25s ease;
}
 .lightbox-image--exit-right {
     transform: translateX(-40px);
     opacity: 0;
}
 .lightbox-image--exit-left {
     transform: translateX(40px);
     opacity: 0;
}
 .lightbox-image--enter-left {
     transform: translateX(40px);
     opacity: 0;
}
 .lightbox-image--enter-right {
     transform: translateX(-40px);
     opacity: 0;
}
 .wpcf7-form .wpcf7-form-control-wrap {
     margin-bottom: 10px;
     display: inline-block;
     width: 100%;
}
 body.single-post p {
     margin: 0 0 20px 0;
}
 body.single-post footer p {
    margin: 0;
 }
 body.single-post article a {
     color: #1c7a81;
     text-decoration: underline;
}
 body.single-post ul, 
 body.single-post ol {
     list-style: initial;
     margin: 0 0 20px 0;
     padding: 0 0 0 30px;
}
 body.single-post ul li, 
 body.single-post ol li {
     margin: 0 0 5px 0;
}
 body.single-post article {
     padding: 0;
}
 body.single-post header ul, 
 body.single-post header ol,
 body.single-post footer ul, 
 body.single-post footer ol {
    list-style: none;
    margin: 0;
    padding: 0;
 }
 body.single-post header ul li, 
 body.single-post header ol li,
 body.single-post footer ul li, 
 body.single-post footer ol li {
    margin: 0;
 }
/*Script Page*/
 body.terms-modal-open {
     overflow: hidden;
}
 .script-hero-section {
     position: relative;
     min-height: 600px;
     padding: 160px 24px 120px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     color: #fff;
     isolation: isolate;
}
 .hero-section__overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(4, 28, 31, 0.65) 55%, rgba(4, 28, 31, 0.35) 100%);
     z-index: -1;
}
 .hero-section__content {
     position: relative;
     max-width: 780px;
     text-align: center;
     display: flex;
     flex-direction: column;
     gap: 15px;
}
 .hero-section__title {
     font-family: 'Anton', sans-serif;
     font-size: clamp(48px, 7vw, 54px);
     letter-spacing: 0.18em;
     text-transform: uppercase;
     color: #f7f726;
     margin: 0;
}
 .hero-section__description {
     font-family: 'Poppins', sans-serif;
     font-size: clamp(16px, 2.2vw, 16px);
     line-height: 1.8;
     color: #e8f1f2;
     margin: 0 auto;
}
 .hero-section__actions {
     display: flex;
     justify-content: center;
     gap: 16px;
     flex-wrap: wrap;
}
 .hero-section__btn {
     border-radius: 999px;
     border: 1px solid rgba(247, 247, 38, 0.7);
     padding: 14px 40px;
     font-size: 12px;
     letter-spacing: 4px;
     text-transform: uppercase;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     background: rgba(0, 0, 0, 0.2);
     color: #f7f726;
     cursor: pointer;
     transition: background 0.2s ease, color 0.2s ease;
}
 .hero-section__btn:hover {
     background: #f7f726;
     color: #101010;
}
 .script-section {
     position: relative;
     padding: 100px 20px 120px 20px;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
     isolation: isolate;
}
 .script-section__container {
     max-width: 960px;
     margin: 0 auto;
     color: #fff;
}
 .script-section__head {
     text-align: center;
     margin-bottom: 48px;
}
 .script-section__eyebrow {
     font-size: 13px;
     letter-spacing: 5px;
     text-transform: uppercase;
     color: #000;
     font-weight: 600;
     margin-bottom: 12px;
}
 .script-section__head h2 {
     font-family: 'Anton', sans-serif;
     font-size: clamp(40px, 5vw, 54px);
     text-transform: uppercase;
     letter-spacing: 6px;
     margin-bottom: 16px;
     color: #1c7a81;
}
 .script-section__subheading {
     max-width: 720px;
     margin: 0 auto;
     color: #000;
     line-height: 1.8;
}
 .script-form {
     background: #071b20;
     padding: clamp(32px, 6vw, 56px);
     border-radius: 32px;
     box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
     backdrop-filter: blur(4px);
     display: flex;
     flex-direction: column;
     gap: 24px;
}
 .script-form .form-row {
    /* display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 24px;*/
     display: block;
}
.script-form .form-row p {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.script-form .wpcf7-form .wpcf7-form-control-wrap {
    width: auto;
    margin: 0 0 20px 0;
}
.script-form .wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item {
    margin: 0;
}
 .script-form .form-field {
     display: flex;
     flex-direction: column;
     gap: 10px;
     font-size: 14px;
     letter-spacing: 1px;;
     color: #9fbec3;
}

 .script-form .form-field input, .script-form .form-field textarea {
     width: 100%;
     border: 1px solid #1c4a55 !important;
     border-radius: 18px;
     padding: 16px 20px;
     background: transparent !important;
     color: #fff;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     transition: border-color 0.3s ease, background 0.3s ease;
}
 .script-form .form-field textarea {
     resize: vertical;
     min-height: 140px;
}
 .script-form .form-field input:focus, .script-form .form-field textarea:focus {
     outline: none;
     border-color: #f7f726;
     background: rgba(12, 48, 54, 0.6);
}
 .terms-consent {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 12px;
     font-size: 15px;
     color: #d1e2e4;
}
.terms-consent .wpcf7-not-valid-tip {
    position: absolute;
    width: 200px;
}
 .terms-consent label {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     cursor: pointer;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #d63638;
    color: #d63638;
}
 .terms-consent input[type="checkbox"] {
     width: 20px;
     height: 20px;
     accent-color: #f7f726;
     border-radius: 4px;
}
.terms-consent + p {
    text-align: center;
}
 .terms-link {
     background: none;
     border: none;
     color: #f7f726;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 12px;
     font-weight: 600;
     cursor: pointer;
     text-decoration: underline;
}
}
 .terms-link:hover {
     color: #fff;
}
 .script-form__submit {
     align-self: center;
     border: none;
     background: linear-gradient(120deg, #f7f726, #f0c808);
     color: #050f14;
     text-transform: uppercase;
     letter-spacing: 4px;
     font-size: 14px;
     font-weight: 700;
     padding: 18px 60px;
     border-radius: 999px;
     cursor: pointer;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
}
 .script-form__submit:hover {
     transform: translateY(-2px);
     box-shadow: 0 20px 35px rgba(247, 247, 38, 0.35);
}
 .terms-modal {
     position: fixed;
     inset: 0;
     display: none;
     justify-content: center;
     z-index: 999;
}
.termsModalWrap {
    padding: 50px 0 30px 0;
    overflow-y: auto;
}
 .terms-modal.is-visible {
     display: flex;
}
 .terms-modal__backdrop {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.85);
     backdrop-filter: blur(3px);
}
 .terms-modal__panel {
     position: relative;
     width: min(90vw, 640px);
     background: #041c1f;
     border-radius: 28px;
     padding: clamp(32px, 5vw, 48px);
     color: #e6f0f1;
     box-shadow: 0 25px 85px rgba(0, 0, 0, 0.45);
     border: 1px solid rgba(247, 247, 38, 0.12);
     animation: termsPop 0.35s ease;
}
 .terms-modal__panel h3 {
     font-family: 'Anton', sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     color: #f7f726;
     margin-bottom: 16px;
}
 .terms-modal__body {
     display: flex;
     flex-direction: column;
     gap: 16px;
     line-height: 1.7;
     color: #cde2e5;
}
 .terms-modal__body ul {
     padding-left: 20px;
     display: flex;
     flex-direction: column;
     gap: 8px;
}
 .terms-modal__actions {
     margin-top: 32px;
     display: flex;
     justify-content: flex-end;
}
 .terms-modal__btn {
     border: 1px solid #f7f726;
     color: #f7f726;
     background: transparent;
     padding: 12px 28px;
     border-radius: 999px;
     text-transform: uppercase;
     letter-spacing: 3px;
     cursor: pointer;
     transition: background 0.2s ease, color 0.2s ease;
}
 .terms-modal__btn:hover {
     background: #f7f726;
     color: #050f14;
}
 .terms-modal__close {
     position: absolute;
     top: 16px;
     right: 16px;
     width: 38px;
     height: 38px;
     border-radius: 50%;
     border: 1px solid rgba(247, 247, 38, 0.4);
     background: transparent;
     color: #f7f726;
     font-size: 24px;
     line-height: 1;
     cursor: pointer;
}
 .terms-modal__close:hover {
     background: rgba(247, 247, 38, 0.15);
}
 @keyframes termsPop {
     0% {
         opacity: 0;
         transform: scale(0.95) translateY(20px);
    }
     100% {
         opacity: 1;
         transform: scale(1) translateY(0);
    }
}
 @media (max-width: 768px) {
     .script-form .form-row {
         grid-template-columns: 1fr;
    }
     .terms-consent {
         flex-direction: column;
         align-items: flex-start;
    }
     .script-form {
         border-radius: 24px;
    }
}
/*Zoom Page*/
 .zoom-section {
     background: #071b20;
     padding: clamp(100px, 10vw, 110px) 0;
}
 .zoom-container {
     max-width: 1100px;
     margin: 0 auto;
     padding: 0 clamp(20px, 5vw, 60px);
     display: flex;
     flex-direction: column;
     gap: clamp(48px, 8vw, 64px);
}
 .zoom-info {
     text-align: center;
     color: #e6f0f1;
}
 .zoom-eyebrow {
     font-size: 12px;
     letter-spacing: 0.6em;
     text-transform: uppercase;
     color: #1c7a81;
     margin-bottom: 12px;
     font-weight: 600;
}
 .zoom-title {
     font-family: 'Anton', sans-serif;
     font-size: clamp(36px, 5vw, 54px);
     text-transform: uppercase;
     letter-spacing: 0.1em;
     color: #f7f726;
     margin-bottom: 18px;
}
 .zoom-logo {
     max-width: 280px;
     margin: 0 auto 24px auto;
}
 .zoom-description {
     font-size: 18px;
     line-height: 1.8;
     max-width: 800px;
     margin: 0 auto 32px auto;
     color: #c8d8d9;
}
 .zoom-steps {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 24px;
}
 .zoom-step-card {
     background: #0d2e31;
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: 24px;
     padding: 28px;
     text-align: left;
}
 .zoom-step-card h3 {
     color: #ffffff;
     font-size: 18px;
     margin-bottom: 10px;
     font-weight: 600;
}
 .zoom-step-card p {
     color: rgba(255, 255, 255, 0.7);
     font-size: 15px;
     line-height: 1.6;
}
 .zoom-form-wrapper {
     background: #031015;
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 32px;
     box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
     padding: clamp(32px, 6vw, 60px);
     color: #f5fbff;
}
 .zoom-form-header {
     text-align: center;
     margin-bottom: 32px;
}
 .zoom-form-header p {
     color: rgba(255, 255, 255, 0.65);
     letter-spacing: 0.45em;
     text-transform: uppercase;
     font-size: 11px;
     margin-bottom: 12px;
}
 .zoom-form-header h3 {
     font-family: 'Anton', sans-serif;
     font-size: clamp(28px, 4vw, 40px);
     letter-spacing: 0.15em;
     color: #f7f726;
     text-transform: uppercase;
     margin-bottom: 14px;
}
 .zoom-form-header span {
     display: block;
     font-size: 16px;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.8);
}
 .zoom-form {
     display: flex;
     flex-direction: column;
     gap: 20px;
}
 .zoom-form-row {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     gap: 18px;
}
 .zoom-input, .zoom-textarea {
     width: 100%;
     border-radius: 18px;
     border: 1px solid #1c4a55 !important;
     background: transparent !important;
     padding: 16px 20px;
     color: #eff6ff;
     font-size: 15px;
     font-family: 'Poppins', sans-serif;
     transition: border-color 0.2s ease, background 0.2s ease;
}
 .zoom-input:focus, .zoom-textarea:focus {
     outline: none;
     border-color: #1c7a81;
     background: #0e2128;
}
 .zoom-submit {
     align-self: center;
     border: none;
     background: linear-gradient(120deg, #f7f726, #fce86b);
     color: #071b20;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     font-weight: 700;
     padding: 16px 48px;
     border-radius: 999px;
     cursor: pointer;
     transition: transform 0.2s ease;
     text-wrap: auto;
}
 .zoom-submit:hover {
     transform: translateY(-2px);
}
 .zoom-payment {
     text-align: center;
     margin-top: 32px;
}
 .zoom-payment button {
     border: none;
     background: linear-gradient(120deg, #388797, #1c7a81);
     color: #ffffff;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     font-weight: 600;
     padding: 16px 48px;
     border-radius: 999px;
     cursor: pointer;
     transition: opacity 0.2s ease;
}
 .zoom-payment button:hover {
     opacity: 0.9;
}
 .zoom-payment p {
     color: rgba(255, 255, 255, 0.55);
     font-size: 13px;
     margin-top: 12px;
}
 @keyframes termsPop {
     0% {
         opacity: 0;
         transform: scale(0.95) translateY(20px);
    }
     100% {
         opacity: 1;
         transform: scale(1) translateY(0);
    }
}
 @media only screen and (max-width: 1024px) {
     .zoom-steps {
         grid-template-columns: 1fr;
    }
}
/*Shop Pages*/
 .main-wrapper {
     background-color: #071b20;
     padding: 120px 0 90px 0;
}
 .shop-container {
     max-width: 1260px;
     margin: 0 auto;
     padding: 0 20px;
}
 .main-wrapper h1 {
     text-align: center;
     font-size: 56px;
     letter-spacing: 2px;
     color: #fff;
     margin: 0 0 20px 0;
     text-transform: uppercase;
     font-family: 'Anton',sans-serif;
}
 .woocommerce .shop-list ul.products, .woocommerce .shop-list ul.products li.product {
     float: none !important;
     width: auto !important;
     margin: 0 !important;
}
 .woocommerce .shop-list ul.products::before, .woocommerce .shop-list ul.products::after {
     content: none !important;
     display: none !important;
}
 .shop-category-nav {
     display: flex;
     justify-content: center;
     gap: 12px;
     margin-bottom: 40px;
}
 .shop-category-nav a {
     padding: 10px 20px;
     border-radius: 999px;
     background: #f1f1f1;
     font-weight: 600;
     font-size: 14px;
     text-decoration: none;
     color: #111;
}
 .shop-category-nav a.active, .shop-category-nav a:hover {
     background: #f7f726;
}
 .shop-layout {
     display: grid;
     grid-template-columns: 280px 1fr;
     gap: 40px;
}
/* =========================== SIDEBAR =========================== */
 .shop-sidebar {
     background: #0d2e31;
     padding: 24px;
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.08);
}
 .shop-sidebar form.woocommerce-product-search {
     position: relative;
}
 .search-field {
     width: 100%;
     border-radius: 6px;
     padding: 7px 14px;
     font-size: 14px;
}
 .shop-sidebar form.woocommerce-product-search button[type="submit"] {
     width: 35px;
     height: 35px;
     position: absolute;
     right: 0px;
     top: 0;
     z-index: 1;
     font-size: 0;
     border-radius: 0 4px 4px 0;
}
 .shop-sidebar form.woocommerce-product-search button[type="submit"]:after {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 0;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 14px;
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}
 .shop-sidebar .widget {
     margin-bottom: 32px;
}
 .shop-sidebar h3 {
     font-size: 13px;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     margin-bottom: 14px;
}
 .shop-sidebar .price_label {
     color: #fff;
}
 .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
     background-color: #1c7a81;
}
 .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
     background-color: #f7f726;
}
 .woocommerce .widget_price_filter .price_slider_amount {
     text-align: left;
}
 .woocommerce .widget_price_filter .price_slider_amount .button {
     font-size: 14px;
     float: none;
     background-color: #1c7a81;
     color: #fff;
     letter-spacing: 1px;
     font-weight: 500;
}
 ul.product-categories li {
     font-size: 13px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
 ul.product-categories li:last-child {
     border: 0;
}
 ul.product-categories li a {
     color: #fff;
     display: block;
     padding: 10px 0;
}
 .woocommerce ul.products {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 32px;
     list-style: none;
     padding: 0;
}
 .woocommerce ul.products li.product {
     background: #0d2e31;
     border-radius: 20px;
     padding: 24px;
     display: flex;
     flex-direction: column;
     text-align: center;
     min-height: 420px;
     border: 1px solid rgba(255, 255, 255, 0.08);
}
 .woocommerce ul.products li.product img {
     height: 180px;
     object-fit: contain;
     margin-bottom: 16px;
}
 .woocommerce ul.products li.product h2 {
     font-size: 16px;
     font-weight: 600;
     margin: 12px 0;
     color: #fff;
}
.woocommerce .products .star-rating {
      display: none;
}
.woocommerce ul.products li.product .price {
     font-weight: 700;
     color: #f7f726;
     margin-bottom: 16px;
}
 .woocommerce ul.products li.product .button {
     margin-top: auto;
     width: 100%;
     padding: 12px;
     border-radius: 12px;
     background: #f7f726;
     font-weight: 600;
     color: #333;
     font-size: 13px;
     text-transform: uppercase;
}
 .woocommerce ul.products li.product .button:hover {
     background: linear-gradient(120deg, #f7f726, #fce86b);
}
 .woocommerce a.added_to_cart {
     margin-top: 10px;
     width: 100%;
     padding: 12px;
     border-radius: 12px;
     background: #1c7a81;
     font-weight: 600;
     color: #fff;
     font-size: 13px;
     text-transform: uppercase;
     display: none !important;
}
/*Cart and Single Product*/
 main.site-main, 
 body.single-product .content-area {
     background-color: #071b20;
     padding: 100px 0 90px 0;
     color: #f5fbff;
}
 main.site-main article, 
 body.single-product main.site-main {
     max-width: 1260px;
     margin: 0 auto;
     padding: 0 20px;
}
 body#cart main.site-main .entry-content {
     background: #031015;
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 32px;
     box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
     padding: clamp(32px, 6vw, 60px);
     color: #f5fbff;
}
 body#cart main.site-main h1 {
     text-align: center;
     font-size: 56px;
     letter-spacing: 2px;
     color: #f5fbff;
     margin: 0 0 20px 0;
     text-transform: uppercase;
     font-family: 'Anton', sans-serif;
}
 body#cart main.site-main header .entry-meta,
 body.woocommerce-account main.site-main header .entry-meta {
     display: none;
}
 body#cart main.site-main h2 {
     color: #f5fbff;
}
 body#cart main.site-main table tr td, body#cart main.site-main table tr th {
     color: #f5fbff;
     padding: 10px;
}
 body#cart main.site-main table thead th {
     color: #1c7a81;
     border-bottom: 2px solid #1c7a81;
}
 body#cart main.site-main table thead th.product-price, body#cart main.site-main table td.product-price {
     display: none;
}
 body#cart main.site-main table td.actions {
     border-bottom: 2px solid #1c7a81;
}
 body#cart main.site-main table td.actions .coupon {
     margin-bottom: 10px;
}
 body#cart main.site-main table td.actions .coupon .input-text {
     width: 250px;
     border-radius: 8px;
     background: transparent;
     padding: 10px 15px;
     font-size: 14px;
     border: 1px solid rgba(255, 255, 255, 0.1);
}
 body#cart main.site-main table td.actions .button {
     background-color: #1c7a81;
     color: #fff;
     font-weight: 400;
     padding: 15px 20px;
     outline: 0;
}
 body#cart main.site-main .cart_totals .checkout-button {
     background: #f7f726;
     color: #031015;
     border-radius: 8px;
}
 body#cart main.site-main .cart_totals h2 {
     color: #1c7a81;
     font-weight: 600;
     margin: 0 0 10px 0;
     font-size: 20px;
}
 body#cart main.site-main table td .remove {
     color: #1c7a81 !important;
     font-size: 18px;
}
 body#cart main.site-main table td .remove:hover {
     background-color: #1c7a81;
     color: #fff !important;
}
 body#cart main.site-main .return-to-shop .button {
     background-color: #1c7a81;
     color: #fff;
     font-weight: 400;
     padding: 15px 20px;
     outline: 0;
}
 footer.entry-footer {
     display: none;
}
 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
     color: #f5fbff;
}
 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
     color: #f5fbff;
     text-decoration: underline;
}
 .woocommerce div.product .product_title {
     font-size: 40px;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-family: 'Anton', sans-serif;
     margin: 0 0 20px 0;
}
 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
     color: #f7f726;
     font-size: 28px;
     margin: 0 0 20px 0;
}
 .woocommerce div.product form.cart div.quantity {
     float: none;
     margin: 0 0 20px 0;
}
 .woocommerce .quantity .qty {
     background: transparent;
     border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
     border-radius: 4px;
     padding: 10px;
     width: 120px;
}
 .woocommerce div.product form.cart .single_add_to_cart_button {
     float: none;
     width: 100%;
     display: block;
     padding: 18px 18px;
     color: #071b20;
     background-color: #f7f726;
     border-radius: 10px;
}
 body.single-product .content-area .product_meta {
     font-size: 14px;
}
 .related.products h2 {
     text-align: center;
     font-size: 40px;
     letter-spacing: 2px;
     color: #f5fbff;
     margin: 0 0 20px 0;
     text-transform: uppercase;
     font-family: 'Anton', sans-serif;
}
 .related.products ul.products:before, .related.products ul.products:after {
     display: none;
}
 .related.products ul.products li {
     width: 100%;
}
 .related.products ul.products.columns-4 {
     grid-template-columns: repeat(4, 1fr);
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li {
     border: 1px solid #1c7a81;
     margin: 0;
     color: #fff;
     background-color: #071b20;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     color: #1c7a81;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
     background: #1c7a81;
     color: #ffffff;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li::before, 
 .woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, 
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
     opacity: 0;
     visibility: hidden;
}

.custom-product-description h3 {
    font-size: 20px;
    letter-spacing: 2px;
    color: #f5fbff;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
}
.custom-product-description__content {
    margin-bottom: 30px;
    font-size: 14px;
}
.woocommerce-message .button,
.woocommerce-info .button {
    background-color: #1c7a81 !important;
    color: #fff !important;
    font-weight: 400 !important;
}
body#checkout h1.entry-title {
    text-align: center;
    font-size: 40px;
    letter-spacing: 2px;
    color: #f5fbff;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
}
body#checkout header .entry-meta {
    display: none;
}
body#checkout h3 {
    font-size: 20px;
    letter-spacing: 2px;
    color: #f5fbff;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
}
body#checkout .input-text {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.30);
    color: #fff;
}
/*body#checkout .select2-container .select2-dropdown, */
body#checkout .select2-container .select2-selection {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.30);
    color: #fff;
}
body#checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
body#checkout .button {
    background-color: #1c7a81;
    color: #fff;
    font-weight: 400;
    padding: 15px 20px;
    outline: 0;
}
body#checkout form.woocommerce-checkout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

body#checkout .woocommerce .col2-set .col-1, 
body#checkout .woocommerce-page .col2-set .col-1,
body#checkout .woocommerce .col2-set .col-2, 
body#checkout .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
}
body#checkout #place_order {
    background: #f7f726;
    color: #071b20;
    font-weight: 600;
    padding: 15px 30px;
}
body#my-account h1 {
    text-align: center;
    font-size: 40px;
    letter-spacing: 2px;
    color: #f5fbff;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
}
body#my-account .xoo-el-form-containe {
    background: #031015;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 32px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
    padding: clamp(32px, 6vw, 60px);
    color: #f5fbff;
}
body#my-account ul.xoo-el-tabs li.xoo-el-active {
    background-color: #1c7a81;
    color: #fff;
}
body#my-account .xoo-el-action-btn {
    background: #f7f726;
    color: #031015;
    border-radius: 8px;
    padding: 20px 20px;
    height: auto;
}
body#my-account.logged-in h1 {
    text-align: left;
    font-size: 40px;
    letter-spacing: 2px;
    color: #f5fbff;
    margin: 0 0 40px 0;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    border-bottom: 2px solid #1c7a81;
}
body#my-account.logged-in main.site-main {
    min-height: 520px;
}
body#my-account .woocommerce {
    width: 100%;
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 40px;
}
body#my-account .woocommerce:before,
body#my-account .woocommerce:after {
    display: none;
}
body#my-account .woocommerce-MyAccount-navigation {
    padding: 20px;
    float: none;
    width: auto;
    margin-right: 0;
    border-radius: 10px;
    background: #031015;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
}
body#my-account .woocommerce-MyAccount-content {
    padding: 20px 20px;
    width: 100%;
    float: none;
    border-radius: 10px;
    background: #031015;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
}
body#my-account .woocommerce-MyAccount-content a {
    color: #1c7a81;
}
body#my-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}
body#my-account .woocommerce-MyAccount-navigation ul li a {
    border-radius: 10px;
    padding: 9px 14px;
    color: #1c7a81;
    display: block;
}
body#my-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #fff;
    background-color: #1c7a81;
}
body#my-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff;
    background-color: #1c7a81;
}
body#my-account .woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
body#my-account .woocommerce-Address-title:before,
body#my-account .woocommerce-Address-title:after {
    display: none;
}
body#my-account .woocommerce-Address-title h2 {
    margin-right: 20px;
}
body#my-account .woocommerce-Addresses {
    padding-top: 10px;
}

body#my-account.logged-in .input-text {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.30);
    color: #fff;
}
/*body#my-account.logged-in .select2-container .select2-dropdown, */
body#my-account.logged-in .select2-container .select2-selection {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.30);
    color: #fff;
}
body#my-account.logged-in #customer_details .select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
body#my-account.logged-in .button {
    background-color: #1c7a81;
    color: #fff;
    font-weight: 400;
    padding: 15px 20px;
    outline: 0;
}
.journey-para {
    max-width: 650px;
    margin: 0 auto 30px auto;
}
.donate-para {
    max-width: 850px;
    margin: 30px auto;
}
.donate-paraBold {
    max-width: 700px;
    margin: 0 auto;
}
.desktopShow {
    display: flex;
}
.mobileShow {
    display: none;
}
.mobileFooter {
    padding: 0 20px;
}
.mf_footerGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 20px 0;
    border-top: 1px solid #1c5256;
    padding: 20px 0;
    border-bottom: 1px solid #1c5256;
}
.socialicons {
    display: flex;
    align-items: center;
}
.socialicons a {
    margin-right: 20px;
}
.aboutblock h3 {
    font-size: 45px;
}
.festival-heading {
    color: #fff;
}
.festivalListBlock {
    border-radius: 25px;
    background-color: rgba(255,255,255,0.10);
    padding: 40px;
}
.festivalListGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: #fff;
    grid-column-gap: 40px;
    grid-row-gap: 10px;
}
.festivalListGrid .list {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
    display: grid;
    grid-template-columns: 1fr auto;
}
.festivalListGrid .list:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23f7f726" d="M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z"/></svg>');
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 20px;
    width: 20px;
    display: block;
}
.festi_Name,
.festi_Country {
    text-transform: capitalize;
}
.js-mobile-menu ul {
    margin: 0 0 10px 0;
}
.tealBtn {
    background: #168090;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all 0.3s ease;

}
.tealBtn:hover,
.tealBtn:focus {
    background: #f7f726;
    color: #000;
}
.blackBtn {
    background: #000;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all 0.3s ease;

}
.blackBtn:hover,
.blackBtn:focus {
    background: #f7f726;
    color: #000;
}
.yellowBtn {
    background: #f7f726;
    color: #000;
    padding: 12px 30px;
    border-radius: 25px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all 0.3s ease;

}
.yellowBtn:hover,
.yellowBtn:focus {
    background: #fff;
    color: #000;
}
.homePitchBtn {
    background: #168090;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.homePitchBtn:hover,
.homePitchBtn:focus {
    background: #000;
    color: #fff;
}
.homeSupportBtn {
    background: #f7f726;
    color: #000;
    padding: 12px 30px;
    border-radius: 25px;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.homeSupportBtn:hover,
.homeSupportBtn:focus {
    background: #000;
    color: #fff;
}

.upcominFestivals a.block.group {
    width: 50%;
}
.menutext { 
    color:#fff; 
}
body#pitch-deck header,
body#watch header {
    position: static;
    background-color: #083237;
}



/* =========================== RESPONSIVE =========================== */

/*@media (hover: none) {
  .jButton:hover {
    background-color: inherit !important;
    color: inherit !important;
  }
}*/

 @media (max-width: 1200px) {
     .woocommerce ul.products {
         grid-template-columns: repeat(2, 1fr);
    }
}
 @media (max-width: 900px) {
     .shop-layout {
         grid-template-columns: 1fr;
    }
}
 @media (max-width: 520px) {
     .woocommerce ul.products {
         grid-template-columns: 1fr;
    }
}

 @media only screen and (min-width: 1024px) and (max-width: 1199px) {
     .about-short-film {
         padding-left: 20%;
         padding-bottom: 0;
         margin: 0 auto;
    }
     .about-short-film-content h2 {
         font-size: 8vw;
    }
     .about-short-film-content h1 {
         font-size: 10vw;
    }
     .about-short-film-content .paragraph_box {
         margin-left: 335px;
    }
     .about-short-film-content p {
         font-size: 12px;
    }
    .short-film-frame--portrait {
        width: 260px;
    }
    .short-film-frame--portrait img {
        height: 300px;
    }
    .short-film-frame--landscape {
        width: 300px;
        left: 220px;
        top: 232px;
    }
    .aboutShortFilmSection {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-short-film-content .paragraph_box {
        margin-top: 0;
    }
    .aboutblock h3 {
        font-size: 3vw;
    }
    .aboutblock .prose p {
        font-size: 14px;
    }
    .award-row {
      transform: translateZ(0);
      backface-visibility: hidden;
    }
    .upcominFestivals a.block.group {
        width: 100%;
    }

}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .short-film-hero__frames {
        position: relative;
        margin: 0 auto;
        max-width: 730px;
    }
    .short-film-frame--portrait {
        position: relative;
        top: 0;
    }
    .short-film-frame--landscape {
        position: absolute;
        left: 310px;
        top: 50%;
        transform: translateY(-50%);
    }
    .about-short-film-content h1 {
        font-size: 15vw;
    }
    .desktopShow {
        display: none;
    }
    .mobileShow {
        display: block;
    }
    .award-row {
      transform: translateZ(0);
      backface-visibility: hidden;
    }
    .festivalListGrid {
        grid-template-columns: 1fr;
    }
    .upcominFestivals a.block.group {
        width: 100%;
    }
    header .js-mobile-menu .grid {
        max-width: 380px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

 }
 @media only screen and (min-width: 992px) and (max-width: 1023px) {
    footer {
      padding: 0 0 20px 0 !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer {
      padding: 0 0 20px 0 !important;
    }
    .festi_Name, .festi_Country { font-size:14px; }
}

 @media only screen and (max-width: 1023px) {
     .about-short-film {
         padding-left: 0;
         padding: 0;
    }
    
     .about-short-film-content h2 {
         font-size: 50px;
    }
     .about-short-film-content .paragraph_box {
         max-width: 100%;
         margin-left: 0;
         text-align: center;
    }
     .about-short-film-content .paragraph_box p {
         text-align: center;
    }
    body#checkout form.woocommerce-checkout {
        grid-template-columns: 1fr;
    }
    .js-mobile-menu ul li.menu-item-has-children > a {
        display: none;
    }
    .js-mobile-menu ul li .sub-menu {
        margin-bottom: 25px;
    }
    .js-mobile-menu ul li .sub-menu li {
        margin-bottom: 10px;
    }
    
}
 @media only screen and (max-width: 767px) {
     body#cart main.site-main table td.actions .coupon .input-text {
         width:100%;
         margin-bottom:10px;
    }
     body#cart main.site-main table td.actions .button {
         width:100%;
    }
     body#cart main.site-main table td.actions {
         border:0;
    }
    body#checkout form.woocommerce-checkout,
    body#my-account .woocommerce {
        grid-template-columns: 1fr;
    }
     .short-film-frame--portrait {
         position: static;
         margin: 0 auto 30px auto;
    }
     .short-film-frame--landscape {
         position: static;
         margin: 0 auto;
         width: 350px;
    }
    .desktopShow {
        display: none;
    }
    .mobileShow {
        display: block;
    }
    .award-row {
      transform: translateZ(0);
      backface-visibility: hidden;
    }
    .upcominFestivals a.block.group {
        width: 100%;
    }
    footer {
        padding: 30px 0 20px 0 !important;
    }
    footer .join_community { padding: 0; background: none; box-shadow: none; }
    footer .join_community h2 { font-size: 24px; line-height: 1.5; letter-spacing:2px; }
    footer .form-wrpper .mc-field-group { margin-bottom:10px; }
    #mc_embed_signup .mc-field-group input { margin: 0; }
    .about-short-film-content h1 { font-size:22vw; padding:0 20px; }
    .script-form .form-row p { grid-template-columns:1fr; grid-gap:0; }
    .terms-consent { margin-bottom:10px; }
    .terms-modal__body { font-size:14px; }
    .festivalListGrid { grid-template-columns: 1fr;}
    .festivalListGrid .list { grid-template-columns: 1fr;}
    .festi_Name, .festi_Country { font-size:14px; }
    .festi_Country:before { content:'-'; margin-right:10px; } 
    .zoom-title { font-size:22px; }



}