/*
Theme Name: Tramore Surf School
Author: Ireland Website Design.
Author URI: https://www.irelandwebsitedesign.com/
Version: 3.0.0
*/
/*************** Global CSS ***************/
/*
font-family: "DM Sans", sans-serif;
font-family: "Mulish", sans-serif;
*/
html, body{padding:0;margin:0;}
body{color: #292F35;font-family: "Mulish", sans-serif;font-weight: 400;font-size: 18px;line-height: 1.5em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-smoothing: antialiased;color: #000;}
img{max-width:100%;width: auto;height: auto;}
a{text-decoration: none;color: #336C8C;}
a:not(.button):hover{color: #54C5D0;outline: none;}
.rte {color: #292F35;}
.rte a{color: #54C5D0;}
.rte strong{font-weight: 600;}
.rte ul, .rte ol{padding-left: 20px;}
.rte h3{text-align: center;font-size: 24px;font-weight: 600;letter-spacing: 0.12px;font-family: "DM Sans", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "DM Sans", sans-serif;}
a, .button, img, header, .top-header, .swiper-pagination .swiper-pagination-bullet, .section-banner span{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

#mainmenu + #megamenu-append{display: none;}
.visibility-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

/*************** Button ***************/
.button, button:not(.is-close){padding: 0 20px; min-width: 200px; font-weight: 700; font-size: 16px; border-radius: 30px; line-height: 1.2em; color: #fff; background: #0077B6; border: 2px solid #0077B6; position: relative; display: flex ; justify-content: center; align-items: center; text-transform: uppercase; min-height: 56px; cursor: pointer; font-family: "DM Sans", sans-serif;letter-spacing: 0.96px;text-align: center;}
.button:hover:not([disabled]), button:hover:not([disabled]){background-color:#0092DE;border-color:#0092DE;}
.button.style-2{background-color: transparent;border-color: #fff;}
.button.style-2:hover{background-color: rgba(255,255,255,0.15);border-color: #fff;}
.button.style-3{background-color: transparent;border-color: #0077B6;color: #0077B6;}
.button.style-3:hover{background-color: rgba(0,0,0,0.1);border-color: #0077B6;}
.button.style-4{background-color: #fff;color: #0A2540;border-color: #fff;}
.button.style-4:hover{background-color: rgba(255,255,255,0.80);color: #0A2540;border-color: #fff;}
.button.style-5{background-color: #00BDA4;color: #0A2540;border-color: #00BDA4;}
.button.style-5:hover{background-color:#00E2C5;color: #0A2540;border-color: #00E2C5;}
.button svg{margin-right: 12px;}
.button.link{color: #000;background: transparent;padding: 0;letter-spacing: 0.51px;align-items: center;display: flex;min-height: 1px;}

/******* Form Elements *******/
::-webkit-input-placeholder {color:inherit;}
:-moz-placeholder {color:inherit;}
::-moz-placeholder {color:inherit;}
:-ms-input-placeholder {color:inherit;}

/******* Header *******/
header{position: absolute;width: 100%;top: 0;left: 0;z-index: 2;background-color: transparent;padding: 0;}
header .logo{display: flex;justify-content: center;position: relative;}
header .logo h1{font-family: "Mulish", sans-serif;margin: 0;font-size: 3em;color: #fff;}
header .logo .light-logo{opacity: 1;}
header .logo .dark-logo{position: absolute;left: 0;top: 0;opacity: 0;}
header .top-header{padding: 8px 0;}
header .top-header .container{align-items: center;justify-content: flex-end;column-gap: 50px;}
header .top-header a{color: #fff;}
header .top-header a:hover{color: #fff;text-decoration: underline;}
header .top-header .header-link{color: #fff;font-size: 18px;font-weight: 600;font-family: "DM Sans", sans-serif;letter-spacing: -0.64px;display: flex;align-items: center;column-gap: 8px;margin: 0;}
header:hover{background-color: #fff;box-shadow: 0px 0px 16px 0px rgba(40, 41, 48, 0.12);}
header:hover .top-header{background-color: #01509F;}
header:hover .logo .light-logo{opacity: 0;}
header:hover .logo .dark-logo{opacity: 1;}
header .navigation{padding: 12px 0 12px;justify-content:space-between;align-items: center;position: unset;}
header .navigation nav{justify-content: center;display: flex;}
header .navigation nav{align-items: center;}
header .navigation nav .menu{padding: 0;margin: 0;width: 100%;column-gap: 50px;}
header .navigation nav .menu ul{margin-bottom: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
header .navigation nav .menu li{display: flex;flex-wrap: wrap;align-items: center;padding:0;}
header .navigation nav .menu li a{display: block;color: #FFFFFF;font-size: 18px;text-decoration: none;position: relative;font-weight: 700;padding: 0 0;text-transform: capitalize;font-family: "DM Sans", sans-serif;border-bottom: 2px solid transparent;}
header .navigation nav .menu li.menu-item-has-children > a:after{content: "";display: block;position: absolute;background-image: url(images/menu-down.svg);width: 24px;height: 24px;top: 11px;right: -15px;z-index: 1;background-size: 22px;background-repeat: no-repeat;background-position: center;}
header .navigation nav .menu li:last-child a{padding-right: 0;}
header .navigation nav .menu li a:hover, 
header .navigation nav .menu li a:focus, 
header .navigation nav .menu li a:active{background-color:transparent;}
header .navigation nav .menu > li > a:hover, 
header .navigation nav .menu > li.current-menu-item > a, 
header .navigation nav .menu > li.current-menu-parent > a{color: #FFFFFF;border-color: #00BFA6;}
header .navigation nav li .sub-menu {padding: 0; margin: 0; background-color: #fff; position: absolute; top: 99px; left: 0; width: 220px; text-align: left; z-index: -2; visibility: hidden; opacity: 0; border-radius: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; display: block;}
header .navigation nav .menu li:hover .sub-menu{visibility: visible;opacity: 1;z-index: 2;}
header .navigation nav .menu li .sub-menu li{margin: 0;display: block;width: 100%;padding: 0;}
header .navigation nav .menu li .sub-menu li a{display: block;width: 100%;text-align: left;padding: 10px 15px 10px 15px;font-weight: 600;font-size: 20px;}
header .navigation nav .menu li .sub-menu li:last-child a{border-bottom: none;}
header:hover .navigation nav .menu li a{color: #0A2540;}
header .header-icons{justify-content: flex-end;align-items: center;}

/* Mege menu */
header .navigation nav .menu li .sub-menu.megamenu-append{width: 100%;display: flex;flex-wrap: wrap;left: 0;padding: 50px 0 0;background-color: transparent;}
header .navigation nav .menu li .sub-menu.megamenu-append .megamenu-inner{width: 100%;background-color: #fff;padding:20px 0 50px 15px;}
header .navigation nav .menu li .sub-menu .meagmenu__type{align-items: flex-start;row-gap: 50px;column-gap: 15px;max-width: 1440px;margin: 0 auto;}
header .navigation nav .menu li .sub-menu .meagmenu__type.col-3 .mm-item{width: calc(33.33% - 15px);}
header .navigation nav .menu li .sub-menu .meagmenu__type.col-4 .mm-item{width: calc(25% - 15px);}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item-link{padding: 0;text-align: center;}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item-image{overflow: hidden;border-radius: 16px;}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item-image img{display: block;width: 100%;object-fit: cover;}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item span{color: #000;font-size: 20px;font-weight:500;letter-spacing: -0.2px;display: block;margin: 12px 0 0;}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item:hover .mm-item-image img{transform: scale(1.10);}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item.menu-cta .mm-item-image:before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #01509f8c;border-radius: 16px;opacity: 0.75;z-index: 1;}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item.menu-cta span{position: absolute;left: 0;top: 50%;font-size: 30px;font-weight: 900;color: #fff;text-transform: uppercase;letter-spacing: 0.64px;line-height: 1.2em;transform: translateY(-50%);z-index: 1;width: 100%;}
header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item.menu-cta:hover .mm-item-image:before{background: linear-gradient(90deg, #014F9D 0%, #00BDA4 100%);}
header .hamburger-trigger svg path{stroke:#fff}
header:hover .hamburger-trigger svg g path{stroke:#000}

/* Hamburger */
body.scroll-none{overflow: hidden;}
.overlay{display: none;}
.scroll-none .overlay{display: block;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.25);z-index: 3;position: fixed;}
.hamburger-trigger{margin: 0 0 0 20px;display: none;align-items: center;cursor: pointer;}
.hamburger-logo{margin-bottom: 0;display: block;padding: 20px 0 20px;border-bottom: 2px solid #EEE;}
.hamburger-logo img{max-width: 220px;}
.hamburger-menu{display: block;position: fixed;top: 0;left: -350px;padding: 15px;width: 350px;height: 100%;z-index: 4;background-color: #ffffff;border-right: 1px solid #E4E6E8;padding: 0;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;max-width: 95%;}
.hamburger-menu.is-active{left: 0;opacity: 1;visibility: visible;}
.hamburger-menu .hamburger-scroll{height: calc(100vh - 110px);overflow-y: auto;padding: 0;}
.hamburger-close {position: absolute;right: 10px;top: 10px;}
.hamburger-menu .hamburger-inner{padding: 0 20px;}
.hamburger-menu-inner{position: relative;}
.hamburger-menu .meagmenu__type .mm-item{width: 100%;}   
.hamburger-menu li .sub-menu li{margin: 0;}
.hamburger-menu li .sub-menu-trigger{display: block;background-image: url(images/menu-down.svg);width: 24px;height: 24px;position: absolute;right: 0;top: 10px;cursor: pointer;background-size: 100%;    }
.hamburger-menu li .sub-menu-trigger.active{transform: rotate(180deg);}
.hamburger-menu .sub-menu{display: none;list-style-type: none;margin: 0;padding: 0 0 0 20px;}
.parent-active .sub-menu{display: block;}
.hamburger-menu li.menu-item-has-children.parent-active .sub-menu-trigger{transform: rotate(-180deg);}
.hamburger-menu .flex-btn{display: none;margin-top: 20px;}
.hamburger-menu .mm-item-image {display: none;}
.hamburger-menu .sidebar-menu{padding: 0 0 20px;margin: 0 0 25px;border-bottom: 2px solid #EEEEEE;}
.hamburger-menu .sidebar-menu li{position: relative;list-style-type: none;}
.hamburger-menu .sidebar-menu li a{font-size: 18px;font-weight: 700;color: #000;display: block;line-height: 1.3;padding: 12px 20px 12px 0;font-family: "DM Sans", sans-serif;}
.hamburger-menu .sidebar-menu li a:hover{color: #336C8C;}
.hamburger-menu .sidebar-menu li:last-child a{border-bottom: none;}
.hamburger-menu .hamburger-inner .button{width: 180px;}
.hamburger-menu .mobile-top-icons{border-top: 2px solid #EEEEEE;padding-top: 25px;margin-top: 25px;}
.hamburger-menu .mobile-top-icons .header-link{color: #181D19;font-size: 18px;font-weight: 600;font-family: "DM Sans", sans-serif;width: 100%;margin: 0 0 20px;align-items: center;display: flex;column-gap: 10px;}
.hamburger-menu .mobile-top-icons .header-link a{color: #181D19;}
.hamburger-menu .mobile-top-icons .mobile-hide {display: none;}

/* Heading */
.section-header{position: relative;text-align: center;max-width:960px;display: block;margin: 0 auto;}
.section-heading{font-size:46px;font-weight: 700;line-height: 1.2em;color: #01509F;margin-bottom:20px;font-family: "DM Sans", sans-serif;text-align: center;letter-spacing: -0.64px;}
.section-sub-heading{font-size:18px;font-weight: 600;line-height: 1.2em;color: #0077B6;margin-bottom:5px;font-family: "DM Sans", sans-serif;letter-spacing: 1.28px;text-transform: uppercase;}
.flex-btn{display: flex;column-gap: 20px;margin-top: 30px;}
section{padding: 100px 0;}

/* Home Banner */
.section-banner{position: relative;padding: 0;}
.section-banner .section-banner__image{position: relative;overflow: hidden;}
.section-banner .section-banner__image:before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;background-color: rgba(0, 0, 0, .5);z-index: 1;}
.section-banner .section-banner__image img{display: block;width: 100%;}
.section-banner .video-wrapper{position: relative;}
.section-banner .video-wrapper video{width: 100%;height: 100%;object-fit: cover;display: block;}
.section-banner .section-banner__caption{width: 1410px;max-width: 100%;position: absolute;left: 0;right:0;top:50%;margin: 0 auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);display: flex;align-items: center;justify-content: space-between;z-index: 1;padding: 0 15px;}
.section-banner .section-banner__caption.center {justify-content: center;flex-direction: column;} 
.section-banner .section-banner__caption.center .section-banner__inner{text-align: center;margin: 0 0 40px;}
.section-banner .section-banner__caption.center .flex-btn {justify-content: center;} 
.section-banner .section-banner__inner{position: relative;max-width: 720px;text-align: left;}
.section-banner .section-banner__heading{font-weight: 600;font-family: "DM Sans", sans-serif;font-size: 75px;line-height: 1.2em;color: #fff;margin: 0;letter-spacing: -0.64px;text-shadow: 0px 2px 6px rgba(0,0,0,0.25);}
.section-banner .section-banner__content{font-weight: 500;font-size: 25px;line-height: 1.4em;color: #fff;margin: 20px 0 0;text-shadow: 0px 2px 6px rgba(0,0,0,0.25);}
.section-banner .flex-btn{margin-top: 45px;justify-content: flex-start;}
.section-banner .section-banner__play{position: relative;max-width: 120px;}
.section-banner .section-banner__play span{cursor: pointer;} 
.section-banner .section-banner__play span:hover svg{fill: #00BDA4;}
.section-banner .section-banner__play span:hover svg circle{stroke-opacity: 1 !important}
.section-banner .video-play{cursor: pointer;display: none;}
.section-banner .video-stop{display: block;}
.section-banner span:hover {transform: scale(0.9);}
.live-surf{position: absolute;bottom: 20px;left: 0;right: 0;width: 100%;max-width: 1440px;margin: 0 auto;justify-content: space-between;z-index: 1;}
.live-surf__heading{width: 100%;color: #fff;font-family: "DM Sans", sans-serif;font-size: 18px;font-weight: 500;letter-spacing: 1.28px;margin: 0 0 20px 0;}
.live-surf .live-surf__item{column-gap: 12px;}
.live-surf .live-surf__item .live-surf__meta{color: #fff;}
.live-surf .live-surf__item span{font-size: 28px;font-weight: 700;line-height: 1.2em;letter-spacing: 1.28px;}
.live-surf .live-surf__item .live-surf__text{font-size: 15px;text-transform: uppercase;}

/* Inner Page Banner */
.section-banner.inner-banner{height: 620px;}
.section-banner.inner-banner .section-banner__image{height: 100%;}
.section-banner.inner-banner .section-banner .section-banner__image img{height: 100%;object-fit: cover;object-position: center;}
.inner-banner .banner-icon_cards{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;background-color: #0A2540CC;padding: 10px 0;backdrop-filter: blur(4px);}
.inner-banner .banner-icon_cards .container{align-items: center;justify-content: space-between;gap:30px}
.inner-banner .banner-icon_card{align-items: center;column-gap: 12px;}
.inner-banner .banner-icon__svg svg{display: block;width: 40px;}
.inner-banner .banner-icon__text{text-transform: none;font-size: 18px;letter-spacing: -0.64px;color: #fff;font-family: "DM Sans", sans-serif;font-weight: 600;line-height: 1.5;}

/* Content Full */
.section-content{position: relative;text-align: center;}
.section-content .container.narrow{max-width: 820px;}
.section-content .section-content__icon{margin-bottom: 15px;}
.section-content .flex-btn{justify-content: center;margin-top: 40px;}
.info-list{gap: 40px;row-gap: 20px;justify-content: center;}
.info-list .info-item{background: linear-gradient(90deg, #014F9D 0%, #00BDA4 100%);border-radius: 18px;padding: 12px 25px 10px;align-items: center;column-gap: 10px;margin-top: 40px;}
.info-list .info-item svg{display: block;}
.info-list .info-item span{font-size: 18px;letter-spacing: -0.32px;color: #fff;font-weight: 500;font-family: "DM Sans", sans-serif;}

/* Ions Column */
.section-icons-column{position: relative;}
.section-icons-column .section-heading{text-align: left;}
.section-icons-column .flex-btn{justify-content: center;margin-top: 40px;}
.icon-bridges{justify-content: flex-end;column-gap: 50px;align-items: center;}
.sections-icon__list{justify-content: space-between;padding: 70px 0 50px;}
.sections-icon__item{text-align: center;max-width: 220px;}
.sections-icon__item .sections-icon__svg{margin: 0 0 15px;padding: 15px;}
.sections-icon__item .sections-icon__svg svg{display: block;margin: 0 auto;}
.sections-icon__item .sections-icon__title{font-size: 18px;color: #0A2540;font-weight: 700;font-family: "DM Sans", sans-serif;margin: 0;letter-spacing: -0.64px;}

/* Surf Lesson Slider/Grid */
.section-surf-lesson{position: relative;background-color: #EEF1F4;align-items: center;}
.section-surf-lesson .section-heading{text-align: left;}
.sections-surf__left{width: 40%;padding-left: max((100vw - 1440px) / 2, 50px);}
.sections-surf__right{width: 60%;padding-left: 50px;}
.sections-surf__slider{position: relative;}
.sections-surf__item{position: relative;box-shadow: 0 0 6px 0 #D9E3ED;border-radius: 18px;overflow: hidden;}
.sections-surf__item .sections-surf__image{position: relative;overflow: hidden;}
.sections-surf__item .sections-surf__image img{display: block;width: 100%;}
.sections-surf__item .sections-surf__price{position: absolute;right: 20px;top: 20px;background-color: #00BDA4;color: #0A2540;font-size: 18px;font-weight: 700;letter-spacing: 0.64px;text-transform: uppercase;margin: 0;border-radius: 9px;padding: 7px 20px;color: #000;}
.sections-surf__item .sections-surf__meta{padding: 25px 25px;background-color: #fff;}
.sections-surf__item .sections-surf__title{color: #0A2540;font-size: 28px;font-weight: 700;margin: 0 0 15px;}
.sections-surf__item .rte{color: #0A2540;}
.sections-surf__item .flex-btn{justify-content: space-between;}
.sections-surf__item .flex-btn .button{width: calc(100% - 80px);min-width: fit-content;}
.sections-surf__item .flex-btn a svg{display: block;}
.section-surf-lesson.surf-grid .section-heading{text-align: center;}
.sections-surf__grid{display: flex;gap: 30px;flex-wrap: wrap;row-gap: 60px;}
.section-header + .sections-surf__grid{margin-top: 70px;}
.sections-surf__grid .sections-surf__item{width: calc(33.33% - 30px * 2 / 3);}
.section-surf-lesson .swiper-controls {position: relative;justify-content: flex-start;align-items: center;margin-top: 50px;}
.section-surf-lesson .swiper-controls .swiper-button-next,
.section-surf-lesson .swiper-controls .swiper-button-prev{width: 50px;height: 50px;background-color: #01509F;border-radius: 12px;position: relative;left: inherit;right: inherit;top: inherit;margin: 0;z-index: 1;}
.section-surf-lesson .swiper-controls .swiper-button-next {margin-left: 20px;}
.section-surf-lesson .swiper-controls .swiper-button-next:after,
.section-surf-lesson .swiper-controls .swiper-button-prev:after{font-size: 26px;color: #fff;}
.section-surf-lesson .swiper-controls .swiper-button-next:hover,
.section-surf-lesson .swiper-controls .swiper-button-prev:hover{background-color: #0092DE;}
.section-surf-lesson .swiper-pagination{position: relative;left: inherit;bottom: inherit !important;top: inherit;width: auto !important;margin-left: 50px;z-index: 1;pointer-events: none;}
.section-surf-lesson .swiper-pagination .swiper-pagination-bullet{height: 10px;width: 10px;border: 2px solid #7B8B99;border-radius: 50%;background-color: transparent;}
.section-surf-lesson .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #0077B6;border-color: #0077B6;width: 35px;border-radius: 9px;}

/* Testimonials */
.section-testimonials{position: relative;}
.section-testimonials .section-heading{text-align: left;}
.section-testimonials .icon-bridges{justify-content: flex-start;margin-top: 35px;}
.section-testimonials .ti-widget.ti-goog{padding-left: 30px;}

/* Text/Background Image*/
.section-text-bg__image{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;min-height: 715px;display: flex;align-items: center;}
.section-text-bg__image:not(.section-newsletter) .section-heading{text-align: left;font-size: 76px;line-height: 1.10em;}
.section-text-bg__image:not(.section-newsletter) .rte{font-size: 26px;line-height: 1.5em;letter-spacing: -0.64px;}
.section-text-bg__image .container{z-index: 1;}
.section-text-bg__image .section-sub-heading,
.section-text-bg__image .section-heading,
.section-text-bg__image .rte{color: #fff;}
.section-text-bg__image .flex-btn{margin-top: 50px;}

/* Image Text Cards */
.section-image-text__cards{position: relative;}
.section-image-text__cards .container{max-width: 1200px;}
.section-image-text__cards .section-sub-heading,
.section-image-text__cards .section-heading,
.section-image-text__cards .rte{text-align: center;}
.sections-card__grid{display: flex;gap: 30px;flex-wrap: wrap;}
.section-card__item{position: relative;box-shadow: 0 0 6px 0 #D9E3ED;border-radius: 18px;overflow: hidden;text-align: center;width: calc(50% - 30px * 1 / 2);}
.section-card__item .section-card__image{position: relative;overflow: hidden;}
.section-card__item .section-card__image img{display: block;width: 100%;}
.section-card__item .section-card__meta{padding: 25px 25px;background-color: #fff;}
.section-card__item .section-card__title{color: #0A2540;font-size: 28px;font-weight: 700;margin: 0 0 15px;}
.section-card__item .rte{color: #0A2540;}
.section-card__item .flex-btn{justify-content: center;}

/* Icon Cards*/
.section-icon__cards{position: relative;}
.sections-icon__grid{display: flex;gap: 80px;flex-wrap: wrap;}
.section-icon__item{position: relative;text-align: center;width: calc(50% - 80px * 1 / 2);}
.section-icon__item .section-card__image{position: relative; overflow: hidden; width: 100px; height: 100px; margin: 0 auto 20px; border: 2px solid #0077B6; border-radius: 26px; display: flex; align-items: center; justify-content: center;}
.section-icon__item .section-card__image svg{display: block;width: 100%;}
.section-icon__item .section-card__meta{padding: 0 25px;}
.section-icon__item .section-card__title{color: #01509F;font-size: 46px;font-weight: 700;margin: 0 0 20px;letter-spacing: -0.32px;line-height: 1;}
.section-icon__item .rte{color: #0A2540;}

/* Newsletter */
.section-text-bg__image:is(.section-newsletter){background-color: #0A2540;min-height: 625px;}
.section-text-bg__image .section-shap{text-align: center;}
.section-text-bg__image:is(.section-newsletter) .section-heading,
.section-text-bg__image:is(.section-newsletter) .rte{text-align: center;margin-top: 40px;}

/* Instagram */
.section-instagram{position: relative;}
.section-instagram .flex-btn{justify-content: center;}
.section-instagram .flex-btn .button svg{margin-right: 5px;}

/* Custom Banner Video */
.cta-video{position: relative;}
.cta-video .video-wrapper video {height: 480px;} 
.cta-video .section-heading, .cta-video .rte{color: #fff;}
.section-banner.cta-video .section-banner__image:before{background-color: #0A254099;}
.section-banner.cta-video .section-banner__inner{margin: 0 auto;}
.section-banner.cta-video .flex-btn{justify-content: center;}

/* FAQs */
.section-faqs .section-header{max-width: 960px;}
.faqs--list{margin-top: 60px;}
.faqs--list .faq--item {position: relative;border-bottom: 2px solid #DAE0E7;padding: 20px 0 20px;}
.faqs--list .faq--item .faq-title {margin: 0;font-weight: 700;font-size: 26px;line-height: 1.2;color: #0A2540;padding:0;cursor: pointer;text-align: left;position: relative;background-color: #fff;letter-spacing: -0.32px;font-family: "DM Sans", sans-serif;}
.faqs--list .faq--item svg {color: #000;position: absolute;right: 0;top: 6px;width: 24px;height: 24px;transition: all .2s linear}
.faqs--list .faq--item .faq-content {position: relative;border-top: 0;padding:10px 0 10px;text-align: left;}
.faqs--list .faq--item .rte p {margin-bottom: 20px}
.faqs--list .faq--item .rte p:last-child {margin-bottom: 0}
.faqs--list .faq--item .rte ul {margin-left: 20px}
.faqs--list .faq--item .rte ul li {margin-bottom: 0}
.faqs--list .faq--item.activeToggle .faq-title svg {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg)}

/* General Form Style */
.form-block {position: relative;width:100%;margin: 0 auto;display: block;}
.form-block .gform_wrapper form {position: relative;}
.form-block .gform_wrapper .gform_fields {row-gap: 20px !important;}
.form-block .gform_wrapper input, 
.form-block .gform_wrapper textarea, 
.form-block .gform_wrapper select, 
.form-block .gform_wrapper input[type="submit"], 
.form-block .gform_wrapper input[type="button"], 
.form-block .gform_wrapper button, 
.form-block .gform_wrapper .button {vertical-align: middle;}
.form-block .gform_wrapper label {display: block;padding: 5px 0 5px 0;font-size: 14px;font-weight: normal;}
.form-block .gform_wrapper input[type=text], 
.form-block .gform_wrapper input[type=email], 
.form-block .gform_wrapper input[type=tel], 
.form-block .gform_wrapper input[type=url], 
.form-block .gform_wrapper input[type=search], 
.form-block .gform_wrapper input[type=password], 
.form-block .gform_wrapper input[type=number], 
.form-block .gform_wrapper textarea, 
.form-block .gform_wrapper select {
    width: 100% !important;
    background-color: #fff;
    padding: 10px 15px 10px 15px !important;
    color: #0A2540;
    height: 56px;
    /*outline: none !important;*/
    box-shadow: none !important;
    font-size: 18px !important;
    margin: 0;
    font-family: "Mulish", sans-serif;
    text-align: left;
    border: 2px solid #EEF1F2 !important;
    border-radius: 30px;
    font-weight: 400;
    min-width: 1px;
}
.form-block .gform_wrapper select {line-height: 25px;}
.gform_wrapper input[type=text]:focus, .gform_wrapper input[type=email]:focus, .gform_wrapper input[type=tel]:focus, .gform_wrapper input[type=url]:focus, .gform_wrapper input[type=search]:focus, .gform_wrapper input[type=password]:focus, .gform_wrapper input[type=number]:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {
    border: 1px solid #ccc;
}
.form-block .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {font-weight: 400;font-size: 16px !important;}
.form-block .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {margin: 0;}
.form-block .gform_wrapper .ginput_container_consent input[type="checkbox"]{position: relative;top: 6px;}
.form-block .gform_wrapper label.gfield_consent_label{font-size: 14px;font-weight: 600;line-height: 1.8em;color: #282930;padding: 0;letter-spacing: 0.32px;}
.form-block .gform_wrapper label.gfield_consent_label a{color: #54C5D0;}
.form-block .gform_wrapper .gform_footer{/*margin: 20px 0 0;justify-content: center;*/}
.form-block .gform_wrapper .gform_button.button {font-size: 16px !important;box-shadow: none !important;width: 140px !important;padding: 16px 10px !important;color: #0A2540 !important;background-color: #00BDA4 !important;text-transform: uppercase !important;border-radius: 30px !important;font-weight: 700 !important;letter-spacing: 0.96px !important;border-color: #00BDA4;line-height: 1.2em !important;}
.form-block .gform_wrapper .gform_button.button:hover{background-color: #00E2C5 !important;border-color: #00E2C5 !important;}
.form-block .gform_wrapper h2.gform_submission_error {font-size: 14px !important;font-weight: 500 !important;}
.form-block .gform_wrapper .gform_validation_errors{padding: 5px !important;background-color: #fff;margin: 0 0 10px;}
.form-block .gform_wrapper .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {padding: 0px !important;font-size: 14px !important;background-color: #fff;margin: 5px 0 0 !important;}
.form-block .gform_wrapper .gform_confirmation_message {color: green;font-size: 16px;background-color: #fff;line-height: normal;padding: 10px;font-weight: 600;border-radius: 5px;text-align: center;}

/* Newsletter Form */
.section-newsletter .container{max-width: 1200px;}
.section-newsletter .form-block .gform_wrapper label.gfield_consent_label{color: #fff;cursor: pointer;}
.section-newsletter .form-block .gform_wrapper label.gfield_consent_label a{color: #fff;text-decoration: underline;}
.section-newsletter .form-block .gform_wrapper label.gfield_consent_label a:hover{text-decoration: none;}
.section-newsletter .form-block .gform_wrapper label.gfield_consent_label .gfield_required{color: #fff;margin-left: 5px;}
.section-newsletter .form-block .gform_wrapper .gfield--input-type-consent{max-width: 85%;margin: 0 auto;text-align: left;}
.section-newsletter .form-block .gform_wrapper .gform_fields{display: flex;flex-wrap: wrap;}
.section-newsletter .form-block .gform_wrapper .gform_fields #field_1_1{width: 33.33%;}
.section-newsletter .form-block .gform_wrapper .gform_fields #field_1_3{width: 33.33%;}
.section-newsletter .form-block .gform_wrapper .gform_fields #field_1_4{width: 100%;}
.section-newsletter .form-block .gform_wrapper .gform_footer{position: absolute;right: 0;top: 0;margin-top: 0;width: 30%;}
.section-newsletter .form-block .gform_wrapper .gform_button.button{width: 100% !important;}

/* Default Page */
.default--template .entry-content{padding-top: 50px;padding-bottom: 50px;}

/* Footer */
footer{position: relative;font-size: 18px;line-height: 28px;background-color: #0A2540;color: #fff;padding:100px 0 60px;}
footer .f-widget__title{font-size: 20px;font-weight: 700;font-family: "DM Sans", sans-serif;color: #fff;margin: 0 0 20px;}
footer .f-top{position: relative;justify-content: space-between;width: 100%;margin-bottom: 60px;column-gap: 30px;}
footer .f-top .f-top_cell{/*width: calc(25% - 30px);*/}
footer .f-top .f-logo img{display: block;}
footer .f-contact{margin-top: 40px;}
footer .f-contact .f-widget__title{font-size: 16px;margin:0;} 
footer .f-contact__item{margin-bottom: 20px;}
footer .f-contact__item:last-child{margin-bottom: 0;}
footer .f-contact__item .rte{font-size: 16px;font-weight: 400;color: #B8D0F9;}
footer .f-contact__item .rte a{color: #B8D0F9;}
footer .f-contact__item .rte a:hover{color: #fff;}
footer .f-top__menu .f-widget__menu + .f-contact__item{margin-top: 30px;}
footer .f-top .f-widget__menu{list-style-type: none;margin: 0;padding: 0;}
footer .f-top .f-widget__menu li{margin: 0 0 8px;}
footer .f-top .f-widget__menu li a{font-size: 16px;font-weight: 400;color: #B8D0F9;}
footer .f-top .f-widget__menu li a:hover{color: #fff;}
footer .f-top .f-b__logo_item {margin-bottom: 20px;}
footer .f-top .f-b__logo_item:last-child {margin-bottom: 0;}
footer .social-link{align-items: center;column-gap: 10px;justify-content: center;}
footer .social-link a svg{display: block;}
footer .social-link a:hover svg path{stroke: #fff;}
footer .f-b__logo{align-items: center;justify-content: space-between;width: 100%;border-top: 1px solid #DBE6FC;border-bottom: 1px solid #DBE6FC;padding: 3px 0;margin-bottom: 60px;}
footer .f-b__logo .f-b__logo_item{position: relative;}
footer .f-b__logo .f-b__logo_item img{display: block;}
footer .f-bottom{padding: 10px 0;justify-content: space-between;width: 100%;}
footer .f-bottom__cell{font-size: 15px;font-weight: 300;font-family: "DM Sans", sans-serif;}
footer .f-bottom__cell svg{margin-left: 10px;display: block;}
.button.sticky-btn{position: fixed;bottom: 0;left: 0;width: 100%;border-radius: 0;min-height: 48px;display: none;box-shadow: 0 0 15px rgb(0 0 0 / 25%);z-index: 9;}
 
/* 404 Page */
.page-404{position: relative;border-bottom: 1px solid #eaeaea;}
.page-404 .container{max-width: 600px;margin: 0 auto;}
.caption-404 {text-align: center;position: relative;padding: 80px 0;}
.caption-404 .flex-btn{justify-content: center;}
.caption-404 h1{margin-bottom: 30px;}

/* Booking Popup */
.booking-popup.fancybox__content{width: 960px;}

/******* Responsive CSS *******/
@media only screen and (max-width: 1599px){
    .section-banner .section-banner__caption, .live-surf{max-width: 1370px;}
}
@media only screen and (max-width: 1500px){
    .section-banner .section-banner__caption, .live-surf{max-width: 1140px;}
    header .navigation nav .menu li .sub-menu .meagmenu__type{max-width: 1140px;row-gap: 30px;}
    header .navigation nav .menu li .sub-menu.megamenu-append{padding: 35px 0 0;}
    header .button{min-width: 170px;}
    header .navigation nav .menu{column-gap: 30px;}
    header .navigation nav .menu li a{font-size: 16px;}
    header .logo img {max-width: 250px;}
    .section-banner .section-banner__heading{font-size: 58px;}
    .section-banner .section-banner__content{font-size: 20px;}
    .live-surf__heading{font-size: 16px;}
    .live-surf .live-surf__item .live-surf__text{font-size: 14px;margin: 0 0 15px 0;}
    .live-surf .live-surf__item span{font-size: 20px;}
    header .navigation nav .menu li .sub-menu .meagmenu__type .mm-item.menu-cta span{font-size: 26px;}
    .section-heading{font-size: 38px;}
    .sections-surf__left{width: 35%;}
    .sections-surf__right{width: 65%;}
    .sections-surf__item .sections-surf__title{font-size: 24px;}
    .section-text-bg__image:not(.section-newsletter) .section-heading{font-size: 48px;}
    .section-text-bg__image:not(.section-newsletter) .rte{font-size: 20px;}
}
@media only screen and (max-width: 1439px){
    
}
@media only screen and (max-width: 1199px){    
    .button, button{padding: 0 15px;min-width: 150px;font-size: 14px;min-height: 46px;}
    .hamburger-trigger{display: block;}
    header .navigation nav{display: none;}
    header .button{min-width: 150px;display: none;}
    header .top-header{display: none;}
    header .top-header .header-link{font-size: 15px;}
    header .navigation{padding: 12px 0 12px;}
    .section-banner .section-banner__caption, .live-surf {max-width: 90%;}
    .section-banner .section-banner__heading {font-size: 42px;}
    .section-banner .section-banner__heading br{display: none;}
    .section-banner .section-banner__content {font-size: 18px;margin: 10px 0 0;}
    .section-banner .flex-btn {margin-top: 20px;}
    .section-banner .section-banner__inner{max-width: 600px;}
    section{padding: 60px 0;}    
    .section-heading {font-size: 32px;}
    .icon-bridges{column-gap: 20px;}
    .icon-bridges .live-surf__svg svg {max-width: 120px;}
    .sections-icon__item{max-width: 180px;}
    .section-icons-column .flex-btn{margin-top: 20px;}
    .sections-icon__list{padding: 40px 0 40px;}
    .section-header + .sections-surf__grid{margin-top: 40px;}
    .sections-surf__item .sections-surf__price{font-size: 14px;padding: 5px 10px;}
    .section-text-bg__image{min-height: 510px;}
    .section-text-bg__image:not(.section-newsletter) .section-heading {font-size: 38px;}
    .section-card__item .section-card__title{font-size: 24px;}
    .section-text-bg__image:is(.section-newsletter){min-height: 510px;}
    footer{padding: 50px 0 30px;}
    .f-b__logo{margin-bottom: 30px;}
    footer .f-top{margin-bottom: 30px;row-gap: 30px;}
    footer .f-top .f-top_cell {width: calc(50% - 30px);}
    .button.sticky-btn{display: flex;}
    body{padding-bottom: 45px;}
}
@media only screen and (max-width: 1023px){
    .col-2 {width: 100%;}
    .section-banner .video-wrapper{height: 700px;}
    .section-banner .section-banner__inner {max-width: 450px;}
    .section-banner .section-banner__caption{padding-bottom: 100px;}
    .live-surf {position: relative;bottom: inherit;left: inherit;background-color: #0a2540;max-width: 100%;padding: 15px 15px;justify-content: flex-start;row-gap: 20px;}
    .live-surf .live-surf__item{width: 33.33%;}
    .live-surf__heading{margin-bottom: -10px;}
    .live-surf .live-surf__item span{font-size: 18px;}
    .live-surf .live-surf__item .live-surf__text{font-size: 13px;}
    .icon-bridges{justify-content: center;}
    .section-icons-column .section-heading, .section-icons-column .section-sub-heading, .section-icons-column .rte{text-align: center;}
    .sections-surf__left{width: 100%;padding-left: 15px;padding-right: 15px;}
    .sections-surf__right{width: 100%;padding-left: 15px;}
    .section-surf-lesson .swiper-controls{justify-content: center;margin-bottom: 30px;}
    .section-surf-lesson .section-heading, .section-surf-lesson .section-heading + .rte{text-align: center;}
    .sections-icon__item {max-width: 33.33%;padding: 0 15px;}
    .sections-icon__list{justify-content: center;}
    .section-icons-column .flex-btn {margin-top: 0;}
    .section-testimonials .section-sub-heading, .section-testimonials .section-heading, .section-testimonials .rte{text-align: center;}
    .section-testimonials .icon-bridges{justify-content: center;}
    .section-text-bg__image .section-sub-heading, .section-text-bg__image .section-heading, .section-text-bg__image .rte, .section-text-bg__image:not(.section-newsletter) .section-heading{text-align: center;}
    .section-text-bg__image .flex-btn{justify-content: center;margin-top: 30px;}
    .section-text-bg__image{min-height: 420px;}
    .sections-surf__grid .sections-surf__item{width: 100%;}
    .section-card__item{width: 100%;}
}
@media only screen and (max-width: 767px){
    .button, button{font-size: 16px;min-height: 50px;width: 100%;}
    .hamburger-menu .sidebar-menu li a{font-size: 15px;}
    .mobile-hide{display: none;}
    header .logo img{max-width: 210px;}
    .hamburger-trigger{margin: 0 0 0 15px;}
    .hamburger-menu .hamburger-scroll{padding: 0 15px 20px;}
    header .button {min-width: fit-content;font-size: 14px;padding: 0 5px;min-height: 40px;letter-spacing: 0;}
    .section-banner .section-banner__heading {font-size: 48px;text-align: center;}
    .section-banner .section-banner__content{text-align: center;font-size: 18px;}
    .section-banner .section-banner__inner{max-width: 100%;padding-left: 15px;padding-right: 15px;}
    .section-banner .section-banner__caption{max-width: 100%;flex-wrap: wrap;padding-bottom: 0;}
    .section-banner .flex-btn{justify-content: center;}
    .flex-btn{justify-content: center;flex-wrap: wrap;row-gap: 15px;}
    .hamburger-menu .mobile-top-icons .header-link{font-size: 16px;}
    .section-banner .section-banner__play {position: relative;max-width: 100%;text-align: center;width: 100%;margin-top: 30px;}
    .section-banner .video-wrapper {height: 750px;}
    .live-surf .live-surf__item{display: none;}   
    .live-surf__heading{margin: 0;}
    section {padding: 50px 0;}
    .live-surf .live-surf__item{flex-wrap: wrap;}
    .live-surf .live-surf__item .live-surf__meta{width: 100%;}
    .live-surf__heading {font-size: 18px;text-align: center;}
    .live-surf{background-color: #01509F;}
    .section-heading {font-size: 40px;}    
    .section-surf-lesson .swiper-pagination{margin-left: 20px;}
    .section-surf-lesson .swiper-controls .swiper-button-next, .section-surf-lesson .swiper-controls .swiper-button-prev{width: 40px;height: 40px;}
    .section-surf-lesson .swiper-controls .swiper-button-next:after, .section-surf-lesson .swiper-controls .swiper-button-prev:after{font-size: 20px;}
    .sections-surf__right{padding-right: 15px;}
    .sections-surf__item .flex-btn a svg{width: 46px;height: 46px;}
    .section-surf-lesson .swiper-controls .swiper-button-next {margin-left: 10px;}
    .sections-icon__item .sections-icon__svg{margin: 0 0 0;}
    .sections-icon__list{row-gap: 10px;padding: 0 0 40px;}
    .sections-surf__grid {column-gap: 15px;}
    .sections-surf__item .sections-surf__price{top: 10px;right: 10px;}
    .section-text-bg__image:not(.section-newsletter) .section-heading{font-size:48px;}
    .section-text-bg__image{background-position: 85% 100%;min-height: 700px;}
    .section-text-bg__image:before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;background-color: rgba(0, 0, 0, .4);z-index: 1;}
    .section-text-bg__image:is(.section-newsletter) .section-heading, .section-text-bg__image:is(.section-newsletter) .rte{margin-top: 20px;}
    .icon-bridges .live-surf__svg svg {max-width: 82px;}
    .section-newsletter .form-block .gform_wrapper .gform_fields #field_1_1,
    .section-newsletter .form-block .gform_wrapper .gform_fields #field_1_3{width: 100%;}
    .section-newsletter .form-block .gform_wrapper .gform_footer {position: relative;right: inherit;top: inherit;margin-top: 15px;width: 100%;}
    footer .f-bottom__cell{width: 100%;justify-content: center;text-align: center;flex-wrap: wrap;}
    footer .f-bottom{row-gap: 30px;padding: 0;}    
    footer .f-widget__title{margin: 0 0 10px;}
    footer .f-top .f-widget__menu li{margin: 0 0 5px;}
    footer .f-top{row-gap: 50px;}
    footer .f-b__logo{padding: 30px 0 30px;margin-bottom: 40px;}
    
}
@media only screen and (max-width: 599px){
    .f-b__logo .f-b__logo_item{width: 33.33%;}
    .live-surf .live-surf__item{width: 50%;}
    .sections-icon__item{max-width: 100%;padding: 0 10px;}
    .sections-icon__item .sections-icon__title{line-height: 1.4em;font-size: 17px;}
    .sections-surf__grid {column-gap: 15px;}
}
@media only screen and (max-width: 474px){
    footer .f-top .f-top_cell{width: 100%;}    
    footer .f-top .f-logo img{max-width: 240px;}
    .f-b__logo .f-b__logo_item{width: 50%;}
}
