@charset "UTF-8";
           .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus{outline:none;}
&.dragging{cursor:pointer;cursor:hand;}
}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
&:before,
&:after{content:"";display:table;}
&:after{clear:both;}
.slick-loading &{visibility:hidden;}
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
[dir="rtl"] &{float:right;}
img{display:block;}
&.slick-loading img{display:none;}
display: none;
&.dragging img{pointer-events:none;}
.slick-initialized &{display:block;}
.slick-loading &{visibility:hidden;}
.slick-vertical &{display:block;height:auto;border:1px solid transparent;}
}
.slick-arrow.slick-hidden{display:none;}
  .tt-u{text-transform:uppercase;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.df{display:-webkit-box;display:-ms-flexbox;display:flex;}
.df--fw-w{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.df--fw-nw{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.df{}
.df--ai-s{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.df--ai-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.df{}
.df--jc-c{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.df--jc-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.df{}
.df--fw-w{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.df--fw-nw{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
@font-face{font-display:swap;font-family:"Oswald-Regular";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Oswald-Regular.ttf) format("truetype");font-weight:400;font-style:normal;}
@font-face{font-display:swap;font-family:"Oswald-Semibold";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Oswald-SemiBold.ttf) format("truetype");font-weight:500;font-style:normal;}
@font-face{font-display:swap;font-family:"Oswald-Bold";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Oswald-Bold.ttf) format("truetype");font-weight:700;font-style:normal;}
@font-face{font-display:swap;font-family:"Poppins-Light";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal;}
@font-face{font-display:swap;font-family:"Poppins-Regular";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;}
@font-face{font-display:swap;font-family:"Poppins-Medium";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;}
@font-face{font-display:swap;font-family:"Original-Surfer", sans-serif;src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/OriginalSurfer-Regular.ttf) format("truetype");font-weight:400;font-style:normal;}
h1, .h1{font-size:calc(var(--fs-rate) * 6.4rem);line-height:1.171875;}
h2, .h2{font-size:calc(var(--fs-rate) * 9.2rem);line-height:1;font-family:"Oswald-Bold", sans-serif;font-weight:700;}
h3, .h3{font-size:calc(var(--fs-rate) * 8rem);line-height:1;font-family:"Original Surfer", sans-serif;font-weight:700;}
h4, .h4{font-size:calc(var(--fs-rate) * 4rem);line-height:1.25;font-family:"Original Surfer", sans-serif;font-weight:400;}
h5, .h5{font-size:calc(var(--fs-small-rate) * 3.2rem);line-height:1.25;font-family:"Original Surfer", sans-serif;font-weight:400;}
h6, .h6{font-size:calc(var(--fs-small-rate) * 3.2rem);line-height:1.25;font-family:"Poppins-Light", sans-serif;font-weight:300;}
.dt-1{font-size:calc(var(--fs-small-rate) * 2rem);line-height:1.5;font-family:"Original Surfer", sans-serif;font-weight:500;color:var(--Blue, #4997d3);}
.dt-2{font-size:calc(var(--fs-small-rate) * 1.6rem);line-height:1.75;font-family:"Original Surfer", sans-serif;font-weight:400;color:var(--Black, #222);}
.dt-3{font-size:calc(var(--fs-small-rate) * 1.6rem);line-height:1.75;font-family:"Original Surfer", sans-serif;font-weight:400;}
.dt-4{font-size:calc(var(--fs-small-rate) * 2rem);line-height:1.4;font-family:"Original Surfer", sans-serif;font-weight:400;}
.dt-5{font-size:calc(var(--fs-small-rate) * 5rem);line-height:1.5;font-family:"Original Surfer", sans-serif;font-weight:400;color:var(--Black, black);}
.subheader{font-size:calc(var(--fs-small-rate) * 2rem);line-height:1.5;font-family:"Poppins-Medium", sans-serif;font-weight:500;color:white;}
.bbt{font-size:calc(var(--fs-small-rate) * 1.8rem);line-height:1.5555555556;}
.sbt{font-size:14px;line-height:1.7142857143;}
.button{font-size:14px;line-height:1.7142857143;}
           html, body{background:white;color:black;font-family:"Open Sans", Arial, sans-serif;font-size:62.5%;-webkit-text-size-adjust:100%;}
@media screen and (max-width:1500px){
html, body{font-size:58%;}
}
@media screen and (max-width:1240px){
html, body{font-size:55%;}
}
html.withMenu, body.withMenu{overflow:hidden;}
body {
font-size: 1.6rem;
} *{margin:0;padding:0;border:none;outline:none;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;}
*:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
} *{--primary:#031633;--primary-rgb:3, 22, 51;--black:#333;--black-rgb:51, 51, 51;--off-white:#FDFCF8;--off-white-rgb:253, 252, 248;--violet-accent:#9C68E2;--violet-accent-rgb:156, 104, 226;--fs-rate:1;--fs-small-rate:1;}
@media screen and (max-width:1024px){ *{--fs-rate:0.85;--fs-small-rate:0.85;}
}
@media screen and (max-width:640px){ *{--fs-rate:0.75;--fs-small-rate:0.8;}
}
@media screen and (max-width:450px){ *{--fs-rate:0.65;--fs-small-rate:0.75;}
}
input, textarea, select{color:black;font-size:14px;font-family:"Open Sans", Arial, sans-serif;}
textarea {
resize: vertical;
} a{color:black;text-decoration:none;}
a:hover{text-decoration:none;}
a, label, input[type=button],
input[type=submit]{cursor:pointer;}
.clear, .clearfix:after{content:" ";width:100%;height:0px;display:block;overflow:hidden;clear:both;}
.hidden{display:none;}
.container{margin:0 auto;position:relative;padding:0 2.5rem;width:100%;max-width:152rem;}
img, svg{max-width:100%;height:auto;}
.hamburger{position:absolute;top:50%;right:calc((4rem - calc(4rem * 0.5)) / 2 + 0);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:calc(4rem * 0.5);height:calc(4rem * 0.5);margin:0;padding:0;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;cursor:pointer;}
.hamburger:focus{outline:none;}
.hamburger:before{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:4px;content:" ";display:block;width:4rem;height:4rem;position:absolute;z-index:0;background:white;}
.hamburger span{border-radius:1.5px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:2px;width:100%;background:var(--primary);-webkit-transition:all 0.3s;transition:all 0.3s;}
.hamburger span:before, .hamburger span:after{border-radius:1.5px;content:"";position:absolute;display:block;left:0;width:100%;height:2px;background-color:var(--primary);}
.hamburger span:before{top:-6px;}
.hamburger span:after{bottom:-6px;}
.hamburger{}
.hamburger--htx{background:transparent;}
.hamburger--htx span:before, .hamburger--htx span:after{-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.hamburger--htx span:before{-webkit-transition-property:top, -webkit-transform;transition-property:top, -webkit-transform;transition-property:top, transform;transition-property:top, transform, -webkit-transform;}
.hamburger--htx span:after{-webkit-transition-property:bottom, -webkit-transform;transition-property:bottom, -webkit-transform;transition-property:bottom, transform;transition-property:bottom, transform, -webkit-transform;}
.hamburger--htx.is-active{background:transparent;}
.hamburger--htx.is-active span{background:none;-webkit-transition:none;transition:none;}
.hamburger--htx.is-active span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.hamburger--htx.is-active span:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.hamburger--htx.is-active span:before, .hamburger--htx.is-active span:after{-webkit-transition-delay:0s, 0.3s;transition-delay:0s, 0.3s;}
body{padding-top:var(--site-header-height);}
body.admin-bar .site-header{top:32px;}
@media screen and (max-width:782px){
body.admin-bar .site-header{top:46px;}
}
.site-header{width:100%;position:fixed;left:0;top:0;z-index:500;padding:1.5rem 0;background:transparent;backdrop-filter:blur(4px);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.site-header.scrolled{-webkit-box-shadow:0px 25px 37px rgba(0, 0, 0, 0.05);box-shadow:0px 25px 37px rgba(0, 0, 0, 0.05);}
.site-header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.site-header .site-header__left-col{-webkit-box-flex:0;-ms-flex:0 0 20rem;flex:0 0 20rem;}
.site-header .site-header__left-col a svg{width:100%;max-width:6rem;height:auto;-ms-flex-negative:0;flex-shrink:0;}
.site-header .site-header__left-col a svg g path{fill:var(--White, #f97400);}
.site-header .site-header__right-col{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;text-align:right;}
.site-header .hamburger{display:none;}
.site-header nav{display:inline-block;vertical-align:middle;}
.site-header ul{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8rem;list-style:none;}
.site-header ul li a{font-family:"Original Surfer", sans-serif;font-weight:400;color:var(--White, #fff);font-size:1.4rem;text-transform:uppercase;line-height:normal;text-shadow:1px 1px 2px #222;-webkit-filter:drop-shadow(5px 20px 50px rgba(0, 0, 0, 0.1));filter:drop-shadow(5px 20px 50px rgba(0, 0, 0, 0.1));}
.site-header ul li a:hover{color:var(--Blue, #4997d3);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.site-header__search{position:relative;display:inline-block;vertical-align:middle;margin-left:2rem;}
.site-header__search.active input{padding:0 5rem 0 2rem;width:30rem;}
.site-header__search form{font-size:0;}
.site-header__search input{position:absolute;z-index:1;right:1px;top:0;height:100%;padding:0;width:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background:white;}
.site-header__search button{position:relative;z-index:2;font-size:0;background:black;color:white;width:40px;text-align:center;border:none;aspect-ratio:1/1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.site-header__search button:hover{cursor:pointer;color:red;}
.btn-primary{width:100%;max-width:13.9rem;-ms-flex-negative:0;flex-shrink:0;padding:2rem;text-align:center;border-radius:1rem;background:var(--Blue, #4997d3);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-primary-white{font-family:"Poppins-Medium", sans-serif;font-weight:500;width:100%;max-width:13.9rem;-ms-flex-negative:0;flex-shrink:0;padding:1.5rem;text-align:center;border-radius:1rem;background:var(--White, #fff);color:var(--Black, #222);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-primary-white:hover{background:var(--Blue, #4997d3);color:var(--White, #fff);}
.btn-secondary{font-family:"Poppins-Medium", sans-serif;font-weight:500;width:100%;max-width:13.9rem;-ms-flex-negative:0;flex-shrink:0;padding:1.5rem;text-align:center;border-radius:1rem;border:1px solid var(--White, #fff);background:transparent;color:var(--White, #fff);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn-secondary:hover{background:var(--Blue, #4997d3);border:1px solid var(--Blue, #4997d3);}
.single-post{margin-bottom:5rem;}
.single-post__header{margin-bottom:5rem;}
.single-post img{margin:2.5rem 0 2.5rem 0;border-radius:2.5rem;}
.single-post__content{font-family:"Poppins-Light", sans-serif;font-weight:300;font-size:1.6rem;line-height:1.5;}
.single-post p, .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6{padding-bottom:1.5rem;}
.single-post ol{margin-left:6rem;text-align:justify;margin-bottom:3rem;}
.single-post strong{font-family:"Poppins-Medium", sans-serif;font-weight:500;}
.single-post .under-text{text-align:center;font-size:1.4rem;}
@media screen and (max-width:970px){
.site-header .site-header__left-col{-webkit-box-flex:12;-ms-flex:12;flex:12;}
.site-header .hamburger{display:block;}
.site-header .menu-primary{max-height:0px;position:fixed;left:0;right:0;top:var(--site-header-height);display:block;overflow:hidden;backdrop-filter:blur(5px);background:var(--Gradient-Black, linear-gradient(180deg, #222 0%, rgba(34, 34, 34, 0) 100%));-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.site-header .menu-primary ul{display:block;text-align:center;}
.site-header .menu-primary ul li{margin:1rem 0;}
.site-header .menu-primary ul li a{padding:1.5rem 0;}
.site-header.withMenu .menu-primary{max-height:100vh;overflow:auto;}
}  .site-footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem;padding-bottom:8rem;}
.site-footer__col-left{width:100%;max-width:55.1rem;height:63.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5rem;background:var(--Light-Gray, #f6f6f6);-webkit-box-shadow:5px 20px 50px 0px rgba(0, 0, 0, 0.1);box-shadow:5px 20px 50px 0px rgba(0, 0, 0, 0.1);}
.site-footer__col-left-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem;padding:6.4rem 5.7rem;}
.site-footer__col-left-content h3{font-size:6rem;}
.site-footer__col-left-content .dt-5{opacity:0.75;}
.site-footer__col-left-content .newsletter{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:2.8rem 2.4rem;border-radius:2.5rem;background:var(--White, #fff);-webkit-box-shadow:5px 20px 50px 0px rgba(0, 0, 0, 0.05);box-shadow:5px 20px 50px 0px rgba(0, 0, 0, 0.05);}
.site-footer__col-left-content .btn-newsletter{width:100%;max-width:12rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:1.4rem 4rem;border-radius:1rem;background:var(--Black, #222);color:var(--White, #fff);}
.site-footer__col-right{width:100%;max-width:93.9rem;height:63.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:5.6rem;gap:6.3rem;border-radius:5rem;background:var(--Black, #222);-webkit-box-shadow:5px 20px 50px 0px rgba(0, 0, 0, 0.1);box-shadow:5px 20px 50px 0px rgba(0, 0, 0, 0.1);}
.site-footer__col-right-logo{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:13rem;}
.site-footer__col-right-logo svg g path{fill:var(--White, #fff);}
.site-footer__col-right-links ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3.2rem;}
.site-footer__col-right-links ul h5{color:var(--White, #fff);}
.site-footer__col-right-links ul li{list-style:none;}
.site-footer__col-right-links ul li a{font-family:"Original Surfer", sans-serif;font-weight:400;font-size:1.8rem;font-style:normal;line-height:2.4rem;color:var(--White, #fff);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.site-footer__col-right-links ul li a:hover{color:var(--Blue, #4997d3);}
.site-footer__col-right-social{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:6.4rem;height:7.4rem;border-bottom:1px solid var(--White, #fff);}
.site-footer__col-right-copywrite{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-4rem;}
.site-footer__col-right-copywrite .dt-4{color:var(--White, #fff);}
.site-footer__col-right-copywrite .dt-4 a{color:var(--White, #fff);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.site-footer__col-right-copywrite .dt-4 a:hover{color:var(--Blue, #4997d3);}
@media only screen and (max-width: 1235px) {
.site-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.site-footer__col-left{display:none;}
.site-footer__col-right{max-width:100%;}
}
@media only screen and (max-width: 667px) {
.site-footer__col-right{height:auto;padding:3.6rem;}
.site-footer__col-right-links ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.site-footer__col-right-copywrite{gap:1rem;}
} #bpa-front-tabs{padding:7rem 0 !important;}
.text-in-header{font-family:"Original Surfer", sans-serif;font-weight:400;font-size:2.2rem;font-style:normal;font-weight:300;line-height:1;letter-spacing:0.8rem;text-transform:uppercase;}
.ico{margin:0 auto;text-align:center;width:50px;height:50px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:url(#goo);filter:url(#goo);}
.ico .circle{background:#fff;border-radius:50%;display:inline-block;height:50px;width:50px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform-origin:0%;transform-origin:0%;}
.ico .circle.circle-top{height:16.6666666667px;width:20.8333333333px;-webkit-animation:blob-1-anim 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;animation:blob-1-anim 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;z-index:0;top:0;}
.ico .circle.circle-bottom{height:16.6666666667px;width:20.8333333333px;-webkit-animation:blob-2-anim 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;animation:blob-2-anim 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;z-index:9;bottom:0px;}
.ico .st-arrow{fill:#55544f;-webkit-animation:scrolly 5s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;animation:scrolly 5s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;-webkit-perspective:9000px;perspective:9000px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:bottom;transform-origin:bottom;}
.svg{z-index:9;position:relative;width:4rem;}
@-webkit-keyframes blob-1-anim {
0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
14%{-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px);}
24%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
}
@keyframes blob-1-anim {
0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
14%{-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px);}
24%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);}
}
@-webkit-keyframes blob-2-anim {
0%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
30%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
70%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
95%{-webkit-transform:scale(1) translate(-50%, 26px);transform:scale(1) translate(-50%, 26px);}
100%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
}
@keyframes blob-2-anim {
0%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
30%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
70%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
95%{-webkit-transform:scale(1) translate(-50%, 26px);transform:scale(1) translate(-50%, 26px);}
100%{-webkit-transform:scale(1) translate(-50%, 10px);transform:scale(1) translate(-50%, 10px);}
}
@-webkit-keyframes scrolly {
0%{-webkit-transform:translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);transform:translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);}
30%{-webkit-transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);}
70%{-webkit-transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);}
95%{-webkit-transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);}
100%{-webkit-transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);}
}
@keyframes scrolly {
0%{-webkit-transform:translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);transform:translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);}
30%{-webkit-transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);}
70%{-webkit-transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);transform:translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);}
95%{-webkit-transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);}
100%{-webkit-transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);transform:translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);}
}           a.btn,
.editor-styles-wrapper .gt-block a.btn{min-width:180px;padding:11px 14px;margin:0 8px 12px 0;display:inline-block;vertical-align:top;border-radius:9px;background:red;color:white;font-size:14px;line-height:20px;font-weight:bold;text-transform:uppercase;text-align:center;text-decoration:none !important;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a.btn:hover, .editor-styles-wrapper .gt-block a.btn:hover{background:white;color:red;-webkit-box-shadow:0px 15px 20px rgba(0, 0, 0, 0.16);box-shadow:0px 15px 20px rgba(0, 0, 0, 0.16);}
        .icheckbox{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;width:1.8rem;height:1.8rem;margin:0 1.3rem 0 0;display:inline-block;vertical-align:top;background:white;border:1px solid black;border-radius:0.4rem;cursor:pointer;}
.icheckbox:after{width:100%;height:100%;position:absolute;left:0;top:0;display:block;overflow:hidden;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;content:" ";background-image:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/images/checkmark.svg);background-repeat:no-repeat;background-position:center center;background-size:80%;opacity:0;}
.icheckbox{}
.icheckbox.hover, .icheckbox:hover{background:white;border-color:green;}
.icheckbox.checked{background:green;border-color:green;}
.icheckbox.checked:after{opacity:1;}
       .slick-arrow{width:6.4rem;height:6.4rem;position:absolute;top:50%;display:block;border-radius:50%;background-color:grey;background-position:center center;background-repeat:no-repeat;background-size:2.6rem auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-0.162)'%3E%3Crect id='Rectangle_28' data-name='Rectangle 28' width='26' height='26' transform='translate(0.162)' fill='%23fff' opacity='0'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(10 5)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M2646.564,4075.4h0a3.2,3.2,0,0,1,0-4.528l3.342-3.342-3.342-3.342a3.2,3.2,0,0,1,0-4.527h0l7.87,7.869Z' transform='translate(-2645.626 -4059.663)' fill='%23121524'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.slick-arrow:hover{background-color:grey;}
.slick-arrow.prev{left:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.slick-arrow.next{right:0;}
.slick-arrow.slick-hidden, .slick-arrow.slick-disabled{display:none;}
.slick-dots{width:100%;list-style:none;text-align:center;}
.slick-dots li{padding:0 1.4rem;display:inline-block;vertical-align:top;}
.slick-dots li button{width:1.2rem;height:1.2rem;display:block;overflow:hidden;white-space:nowrap;text-indent:50px;border-radius:50%;background:#C4C6CF;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer;}
.slick-dots li button:hover{background:black;}
.slick-dots li.slick-active button{background:black;}
       .gt-block form, .editor-styles-wrapper .gt-block form{position:relative;}
.gt-block form input[type=text],
.gt-block form textarea, .editor-styles-wrapper .gt-block form input[type=text],
.editor-styles-wrapper .gt-block form textarea{width:100%;height:60px;padding:0 24px;border:1px solid #D3D0D0;color:black;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.gt-block form input[type=text]:hover, .gt-block form input[type=text]:focus,
.gt-block form textarea:hover, .gt-block form textarea:focus, .editor-styles-wrapper .gt-block form input[type=text]:hover,
.editor-styles-wrapper .gt-block form input[type=text]:focus,
.editor-styles-wrapper .gt-block form textarea:hover, .editor-styles-wrapper .gt-block form textarea:focus{border-color:black;}
.gt-block form input[type=text]::-webkit-input-placeholder,
.gt-block form textarea::-webkit-input-placeholder, .editor-styles-wrapper .gt-block form input[type=text]::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form textarea::-webkit-input-placeholder{color:rgba(var(--primary-rgb), 0.6);opacity:1;}
.gt-block form input[type=text]::-moz-placeholder,
.gt-block form textarea::-moz-placeholder, .editor-styles-wrapper .gt-block form input[type=text]::-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea::-moz-placeholder{color:rgba(var(--primary-rgb), 0.6);opacity:1;}
.gt-block form input[type=text]:-ms-input-placeholder,
.gt-block form textarea:-ms-input-placeholder, .editor-styles-wrapper .gt-block form input[type=text]:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form textarea:-ms-input-placeholder{color:rgba(var(--primary-rgb), 0.6);opacity:1;}
.gt-block form input[type=text]:-moz-placeholder,
.gt-block form textarea:-moz-placeholder, .editor-styles-wrapper .gt-block form input[type=text]:-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea:-moz-placeholder{color:rgba(var(--primary-rgb), 0.6);opacity:1;}
.gt-block form textarea, .editor-styles-wrapper .gt-block form textarea{height:180px;padding-top:10px;padding-bottom:10px;line-height:30px;}
          section.gt-block, .editor-styles-wrapper section.gt-block{position:relative;}
section.gt-block .center, .editor-styles-wrapper section.gt-block .center{width:1140px;margin:0 auto;position:relative;}
@media screen and (max-width:1200px){
section.gt-block .center, .editor-styles-wrapper section.gt-block .center{width:auto;margin:0 30px;}
}   :root{--mh-ink:#102f2d;--mh-ink-deep:#092321;--mh-cream:#f3efe5;--mh-sand:#dcc49f;--mh-coral:#ed714f;--mh-white:#fffdf7;--mh-line:rgba(16, 47, 45, .18);--mh-shell:min(1380px, calc(100vw - 80px));--mh-radius:18px;--mh-fs-hero:clamp(96px, 13vw, 220px);--mh-fs-h2:clamp(48px, 6vw, 80px);--mh-fs-h3:clamp(28px, 2.4vw, 32px);--mh-fs-lead:clamp(20px, 1.8vw, 28px);--mh-fs-body:16px;--mh-fs-small:14px;}
@font-face{font-family:"Matahari Display";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/BebasNeue-Regular.ttf) format("truetype");font-display:swap;}
@font-face{font-family:"Matahari Sans";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap;}
@font-face{font-family:"Matahari Sans";src:url(//mataharischoolsurf.com/wp-content/themes/matahari-child-theme/assets/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap;}
body{overflow-x:hidden;background:var(--mh-cream);color:var(--mh-ink);font-family:"Matahari Sans", Arial, sans-serif;}
body.menu-open{overflow:hidden;}
.mh-shell{width:var(--mh-shell);margin-inline:auto;}
.mh-section{padding:140px 0;}
.mh-kicker, .mh-eyebrow{font-size:14px;font-weight:600;letter-spacing:0.2em;line-height:1.4;text-transform:uppercase;}
.mh-kicker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;color:var(--mh-coral);}
.mh-kicker::before{width:34px;height:1px;background:currentColor;content:"";}
.mh-display{max-width:1050px;color:var(--mh-ink);font-family:"Matahari Display", Impact, sans-serif;font-size:var(--mh-fs-h2);font-weight:400;letter-spacing:-0.025em;line-height:0.86;text-transform:uppercase;}
.mh-lead{font-size:var(--mh-fs-lead);font-weight:400;letter-spacing:-0.03em;line-height:1.4;}
.mh-button, .mh-text-link{color:inherit;text-decoration:none;}
.mh-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-height:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:28px;padding:0 25px;border:1px solid currentColor;border-radius:100px;font-size:14px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;-webkit-transition:background 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;transition:background 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;transition:background 0.3s ease, color 0.3s ease, transform 0.3s ease;transition:background 0.3s ease, color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;}
.mh-button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);}
.mh-button--light{color:var(--mh-white) !important;}
.mh-button--light:hover{background:var(--mh-white);color:var(--mh-ink) !important;}
.mh-text-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:22px;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:14px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;}
.mh-text-link span{-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;}
.mh-text-link:hover span{-webkit-transform:translateX(5px);transform:translateX(5px);}
.site-header{position:fixed;top:var(--adminbar-height, 0);right:0;left:0;z-index:1000;padding:0;color:var(--mh-white);background:transparent;-webkit-box-shadow:none;box-shadow:none;backdrop-filter:none;-webkit-transition:color 0.35s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-box-shadow 0.4s ease;transition:color 0.35s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-box-shadow 0.4s ease;transition:color 0.35s ease, background 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;transition:color 0.35s ease, background 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease, -webkit-box-shadow 0.4s ease;}
.site-header::before{position:absolute;inset:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(9, 35, 33, 0.42)), to(rgba(9, 35, 33, 0)));background:linear-gradient(180deg, rgba(9, 35, 33, 0.42), rgba(9, 35, 33, 0));opacity:1;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease;pointer-events:none;content:"";}
.site-header.is-scrolled{color:var(--mh-ink);background:rgba(243, 239, 229, 0.78);-webkit-box-shadow:0 12px 40px rgba(9, 35, 33, 0.1);box-shadow:0 12px 40px rgba(9, 35, 33, 0.1);backdrop-filter:blur(22px) saturate(140%);}
.site-header.is-scrolled::before{opacity:0;}
.site-header::after{position:absolute;right:0;bottom:0;left:0;height:1px;background:rgba(255, 255, 255, 0.16);content:"";}
.site-header.is-scrolled::after{background:var(--mh-line);}
.site-header__inner{position:relative;z-index:1;display:grid;min-height:88px;grid-template-columns:170px 1fr 170px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.site-header__brand{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:74px;height:62px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;}
.site-header__brand svg{width:100%;max-height:56px;}
.site-header__brand svg path, .site-header__brand svg g{-webkit-transition:fill 0.35s ease, stroke 0.35s ease;transition:fill 0.35s ease, stroke 0.35s ease;}
.site-header.is-scrolled .site-header__brand svg g{fill:var(--mh-ink);}
.site-header__nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:clamp(24px, 4vw, 62px);list-style:none;}
.site-header__nav a, .site-header__book{color:inherit;font-family:"Matahari Sans", Arial, sans-serif;font-size:14px;font-weight:600;letter-spacing:0.13em;text-decoration:none;text-shadow:none;text-transform:uppercase;-webkit-filter:none;filter:none;}
.site-header__book{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-self:end;gap:12px;padding-bottom:5px;border-bottom:1px solid currentColor;}
.site-header__toggle{display:none;width:42px;height:42px;padding:0;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;}
.site-header__toggle span{display:block;width:16px;height:1px;margin:4px auto;background:currentColor;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;}
.site-footer{padding:90px 0 25px;color:var(--mh-white);background:var(--mh-ink-deep);font-family:"Matahari Sans", Arial, sans-serif;}
.site-footer a{color:inherit;text-decoration:none;}
.site-footer p{margin:0;}
.site-footer__top{display:grid;grid-template-columns:1.5fr 0.7fr 0.8fr 1fr;gap:60px;padding-bottom:80px;}
.site-footer__brand a{display:block;width:95px;}
.site-footer__brand svg{width:100%;}
.site-footer__brand p{max-width:310px;margin-top:25px;color:rgba(255, 253, 247, 0.55);font-size:15px;}
.site-footer__nav, .site-footer__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;}
.site-footer__label{margin-bottom:10px !important;color:var(--mh-coral);font-size:14px;font-weight:600;letter-spacing:0.17em;text-transform:uppercase;}
.site-footer__nav a, .site-footer__social a{color:rgba(255, 253, 247, 0.76);font-size:15px;-webkit-transition:color 0.25s ease;transition:color 0.25s ease;}
.site-footer__nav a:hover, .site-footer__social a:hover{color:var(--mh-white);}
.site-footer__social a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.site-footer__bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;padding-top:25px;border-top:1px solid rgba(255, 255, 255, 0.15);color:rgba(255, 253, 247, 0.42);font-size:14px;letter-spacing:0.08em;text-transform:uppercase;}
@media(max-width:1100px){
:root{--mh-shell:calc(100vw - 48px);}
.mh-section{padding:105px 0;}
.site-header__inner{grid-template-columns:120px 1fr 130px;}
}
@media(max-width:800px){
:root{--mh-shell:calc(100vw - 34px);--mh-radius:14px;}
.mh-section{padding:82px 0;}
.mh-display{font-size:clamp(44px, 14vw, 80px);}
.site-header__inner{min-height:74px;grid-template-columns:1fr auto;}
.site-header__brand{z-index:2;width:61px;height:50px;}
.site-header__book{display:none;}
.site-header__toggle{z-index:2;display:block;}
.site-header__nav{position:fixed;z-index:1;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--mh-white);background:var(--mh-ink-deep);opacity:0;visibility:hidden;-webkit-transition:opacity 0.35s ease, visibility 0.35s ease;transition:opacity 0.35s ease, visibility 0.35s ease;}
.site-header__nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;}
.site-header__nav a{font-family:"Matahari Display", Impact, sans-serif;font-size:58px;font-weight:400;letter-spacing:0;line-height:1;}
.menu-open .site-header__nav{opacity:1;visibility:visible;}
.menu-open .site-header{color:var(--mh-white);background:transparent;}
.menu-open .site-header__toggle span:first-child{-webkit-transform:translateY(4px) rotate(45deg);transform:translateY(4px) rotate(45deg);}
.menu-open .site-header__toggle span:last-child{-webkit-transform:translateY(-4px) rotate(-45deg);transform:translateY(-4px) rotate(-45deg);}
.site-footer__top{grid-template-columns:1fr 1fr;gap:50px 30px;}
.site-footer__brand, .site-footer__social{grid-column:1/-1;}
.site-footer__bottom{grid-template-columns:1fr;gap:8px;}
}
@media(max-width:480px){
.site-footer__top{grid-template-columns:1fr;}
.site-footer__brand, .site-footer__social{grid-column:auto;}
} .fancybox-slide{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6vmin clamp(40px, 7vw, 96px) !important;text-align:center;}
.fancybox-slide::before{display:none !important;width:0 !important;content:none !important;}
.fancybox-slide > .fancybox-content{margin:0 !important;vertical-align:middle;}
.fancybox-image, .fancybox-content, .fancybox-content img, .fancybox-slide--image .fancybox-content{margin:0 !important;border-radius:0 !important;}
.fancybox-caption {
text-align: center;
}