.elementor-kit-6{--e-global-color-primary:#262626;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#262626;--e-global-color-accent:#D7CC61;--e-global-color-827a7c1:#8EBCB8;--e-global-color-c973800:#346B66;--e-global-color-eab3774:#D18B46;--e-global-color-e868d80:#E2E1D7;--e-global-color-e346425:#F2F2EB;--e-global-typography-primary-font-family:"Satoshi";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Satoshi";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Satoshi";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Satoshi";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-e868d80 );font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:300ms;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#26262600;font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );border-style:none;border-radius:12px 12px 12px 12px;padding:11px 14px 11px 14px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#F2F2EB00;color:var( --e-global-color-c973800 );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:"Satoshi", Sans-serif;font-weight:400;font-style:normal;}.elementor-kit-6 h1{font-family:"Satoshi", Sans-serif;font-size:50px;font-weight:500;letter-spacing:-1.1px;}.elementor-kit-6 h2{font-family:"Satoshi", Sans-serif;font-size:40px;font-weight:500;letter-spacing:-1px;}.elementor-kit-6 h3{font-family:"Satoshi", Sans-serif;font-size:20px;font-weight:700;line-height:23px;}.elementor-kit-6 h4{font-family:"Satoshi", Sans-serif;font-weight:500;}.elementor-kit-6 h5{font-family:"Satoshi", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:0.4px;}.elementor-kit-6 h6{font-family:"Satoshi", Sans-serif;font-size:1px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:36px;}.elementor-kit-6 h2{font-size:23px;line-height:1.1em;letter-spacing:0px;}.elementor-kit-6 h3{font-size:22px;}.elementor-kit-6 h4{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-nav-menu .sub-arrow {font-size: 11px; padding-left: 4px; opacity: 0.5;} .non-clickable > a { cursor: default; } .non-clickable > a:hover { text-decoration: none; } /* Force loop card images to a consistent crop */ .activity-floating-card img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Media layer must fill the hero */ .hero-media{ position: absolute; inset: 0; width: 100%; height: 100%; } /* Force image + video to cover the media layer */ .hero-media img, .hero-media video{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } /* Elementor wrappers must also fill height */ .hero-media .elementor-widget, .hero-media .elementor-widget-container, .hero-media .elementor-image, .hero-media .elementor-image img, .hero-media .elementor-video, .hero-media .elementor-video video{ width: 100%; height: 100%; } /* Make embedded videos (iframes) fill the media layer */ .hero-media iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* If it's an iframe (YouTube/Vimeo), fake "cover" by scaling */ .hero-media .elementor-widget-video, .hero-media .elementor-widget-video .elementor-wrapper{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } /* Cover effect for iframe embeds */ .hero-media .elementor-wrapper iframe{ top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.2); } /* Left-align testimonial pagination */ .testimonial-left-pagination .swiper-pagination{ text-align: left !important; justify-content: flex-start !important; padding-left: 0; } /* If Elementor is using flex (newer versions) */ .testimonial-left-pagination .swiper-pagination-bullets{ justify-content: flex-start !important; } /* Prevent header containers from clipping dropdowns */ header, .elementor-location-header, .elementor-location-header .e-con, .elementor-location-header .elementor-element{ overflow: visible !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Satoshi'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://scarboroughsurfschool.co.uk/wp-content/uploads/2026/01/Satoshi-Regular.woff') format('woff'); } @font-face { font-family: 'Satoshi'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://scarboroughsurfschool.co.uk/wp-content/uploads/2026/01/Satoshi-Italic.woff') format('woff'); } @font-face { font-family: 'Satoshi'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://scarboroughsurfschool.co.uk/wp-content/uploads/2026/01/Satoshi-Medium.woff') format('woff'); } @font-face { font-family: 'Satoshi'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://scarboroughsurfschool.co.uk/wp-content/uploads/2026/01/Satoshi-MediumItalic.woff') format('woff'); } @font-face { font-family: 'Satoshi'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://scarboroughsurfschool.co.uk/wp-content/uploads/2026/01/Satoshi-Bold.woff') format('woff'); } @font-face { font-family: 'Satoshi'; font-style: italic; font-weight: 700; font-display: auto; src: url('https://scarboroughsurfschool.co.uk/wp-content/uploads/2026/01/Satoshi-BoldItalic.woff') format('woff'); } /* End Custom Fonts CSS */