/*
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:not(.button){color: #336C8C;text-decoration: underline;}
.rte strong{font-weight: 700;}
.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, .gallery-list .gallery-item img{-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;}

.skip-to-content { position: absolute; top: -40px; left: 0; background: #003767; color: #fff; padding: 8px 16px; z-index: 1000; text-decoration: none; font-weight: bold; transition: top 0.3s; }
.skip-to-content:focus,
.skip-to-content:focus-visible {top: 0;}
/*************** Button ***************/
.button, button:not(.is-close, .faq-title, .carousel__button, .video-toggle, .sub-menu-trigger){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;}
.button.button-gradient{background: linear-gradient(90deg, #014F9D 0%, #00BDA4 100%);border: none;border-radius: 18px;height: 64px;}
.button.button-gradient:hover{background: linear-gradient(90deg, #00BDA4 0%, #014F9D 100%);}

/******* 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, body:is(.page-id-804, .single-post, .error404, .header-fixed) header {background-color: #fff;box-shadow: 0px 0px 16px 0px rgba(40, 41, 48, 0.12);}
header:hover .top-header, body:is(.page-id-804, .single-post, .error404, .header-fixed) .top-header{background-color: #01509F;}
header:hover .logo .light-logo, body:is(.page-id-804, .single-post, .error404, .header-fixed) .logo .light-logo{opacity: 0;}
header:hover .logo .dark-logo,  body:is(.page-id-804, .single-post, .error404, .header-fixed) .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,
/*header .navigation nav .menu li:focus-within > .sub-menu,*/
header .navigation nav .menu li.parent-active > .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, body:is(.page-id-804, .single-post, .error404, .header-fixed) .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;max-height: calc(100dvh - 150px);overflow-y: auto;}
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}

/* ----- Submenu Toggle Arrow ----- */
.sub-menu-trigger{background-image: url(images/menu-down-white.svg);background-size: 22px;width: 24px;height: 24px;margin-left: 2px;cursor: pointer;display: inline-block;position: relative;top: 0px;background-color: transparent !important;border: none !important;background-repeat: no-repeat;background-position: center;min-height: 1px !important;padding: 0;min-height: auto;}
.sub-menu-trigger:focus {/*outline: 2px solid #00BFA6;outline-offset: 2px;*/}
/* ----- Rotated arrow when submenu open ----- */
.sub-menu-trigger[aria-expanded="true"] {transform: rotate(180deg);}
header:hover .sub-menu-trigger, body:is(.page-id-804, .single-post, .error404, .header-fixed) .sub-menu-trigger{background-image: url(images/menu-down.svg);}
/* ----- Ensure submenu hides properly when collapsed ----- */
/*#menu-main-menu li .sub-menu {visibility: hidden;opacity: 0;z-index: -1;pointer-events: none;transition: all 0.3s ease-in-out;}
#menu-main-menu li.submenu-open > .sub-menu {visibility: visible;opacity: 1;z-index: 3;pointer-events: auto;}
#menu-main-menu > li {display: flex;align-items: center;}*/

.header-fixed header{position: fixed;z-index: 3;}

/* 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(100dvh - 160px);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: 22px;min-width: 1px !important;padding: 0;min-height: auto;}
.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;overflow: hidden;}
.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%;height: 100%;object-fit: cover;object-position: top center;}
.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: absolute;right: 10%;bottom: 12%;z-index: 2;}
.section-banner .section-banner__play button{cursor: pointer;font-size: 15px;color: #fff;font-weight: 500;text-transform: uppercase;letter-spacing: 1.6px;font-family: "Gabarito", sans-serif;align-items: center;gap: 15px;width: auto;min-width: 1px;background: transparent;border: none;padding: 0;text-align: left;}
.section-banner .section-banner__play button span {width: 110px;}
.section-banner .section-banner__play button svg{width: 70px;height: 70px;transition: transform 0.2s ease, fill 0.2s ease;min-height: 1px;fill: transparent;}
.section-banner .section-banner__play button:hover svg{fill: #00BDA4;}
.section-banner .section-banner__play button:hover svg circle{stroke-opacity: 1 !important}
.section-banner .section-banner__play button:hover svg{transform: scale(0.9);}
.video-toggle[data-state="paused"] .icon-play {display: block;position: relative;}
.video-toggle[data-state="paused"] .icon-pause {display: none;}
.video-toggle[data-state="playing"] .icon-pause {display: block;position: relative;}
.video-toggle[data-state="playing"] .icon-play {display: none;}

.live-surf{position: relative;width: 100%;max-width: 1440px;margin: 0 auto;justify-content: space-between;z-index: 1;margin-top: -130px;}
.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;}

/* Live Webcam popup*/
.live-webcam-popup{position: absolute;width: 320px;box-shadow: 0 0 16px 0 #00000040;border-radius: 16px;overflow: hidden;bottom
: 10%;right: 0;z-index: -3;background-color: #fff;transition: right 0.6s ease, opacity 0.6s ease;opacity: 0;}
.live-webcam-popup.show {right: 10%;opacity: 1;z-index: 2;}
.live-webcam-popup .live-webcam-image{position: relative;}
.live-webcam-popup .live-webcam-image img{display: block;width: 100%;}
.live-webcam-popup .live-webcam-image span{font-size: 16px;font-weight: 600;font-family: "DM Sans", sans-serif;color: #fff;background-color: #C82222;border-radius: 4px;padding: 2px 8px;position: absolute;right: 15px;top: 14px;}
.live-webcam-popup .live-webcam-image span svg{margin-right: 3px;}
.live-webcam-popup .live-webcam-meta{padding: 20px;text-align: center;margin: 0 0 20px;}
.live-webcam-popup .live-webcam-heading{font-size: 26px;font-weight: 700;color: #0A2540;font-family: "DM Sans", sans-serif;}
.live-webcam-popup .button{}

/* 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;}
.banner-icon_cards{position: relative;z-index: 1;width: 100%;background-color: #0A2540CC;padding: 10px 0;backdrop-filter: blur(4px);margin-top: -58px;}
.banner-icon_cards .container{align-items: center;justify-content: space-between;gap:30px}
.banner-icon_card{align-items: center;column-gap: 12px;}
.banner-icon__svg svg{display: block;width: 40px;}
.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.3em;display: block;}

/* Content Full */
.section-content{position: relative;text-align: center;}
.section-content .container.narrow{max-width: 820px;}
.section-content .container.narrow-wide{max-width: 1140px;}
.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;}
.section-icons-column .button.style-3{background-color: #fff;}
.section-icons-column.v2{background-color: #0A2540;}
.section-icons-column.v2 .section-heading,
.section-icons-column.v2 .section-sub-heading{color: #fff;text-align: center;}
.section-icons-column.v2 .sections-icon__item .sections-icon__title,
.section-icons-column.v2 .sections-icon__item .rte{color: #fff;}
.section-icons-column.v2 .sections-icon__item .sections-icon__title{margin-bottom: 20px;}
.section-icons-column.v2 .sections-icon__list{padding: 30px 0 0;}
.section-icons-column.v3 .sections-icon__item{width: 45%;max-width: none;}
.section-icons-column.v3 .sections-icon__item .sections-icon__title{font-size: 46px;color: #01509F;line-height: normal;margin-bottom: 10px;}
.section-icons-column.v3 .sections-icon__item .sections-icon__svg{border: 1px solid #0077B6;border-radius: 26px;width: 100px;margin: 0 auto;margin-bottom: 20px;}

/* Surf Lesson Slider/Grid */
.section-surf-lesson{position: relative;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;padding: 5px !important;}
.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;line-height: 1.25em;}
.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 .button.btn-100{width: 100%;}
.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);background-color: #fff;}
.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;tabindex: -1;}
.section-surf-lesson .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #0077B6;border-color: #0077B6;width: 35px;border-radius: 9px;}
/*.page-about .sections-surf__item .flex-btn .button,
.page-getting-here .sections-surf__item .flex-btn .button{width: 100%;}*/

/* 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;}
.section-testimonials .section-sub-heading{color: #000;}

/* 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 .section-sub-heading,
.section-image-text__cards .section-heading,
.section-image-text__cards .rte{text-align: center;}
.section-image-text__cards .rte + .sections-card__grid{margin-top: 40px;}
.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(33.33% - 30px * 2 / 3);}
.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;}

.section-image-text__cards.v2{background-color: #EEF1F4;}
.section-image-text__cards.v2 .section-card__item{width: calc(50% - 30px * 1 / 2);box-shadow: none;}
.section-image-text__cards.v2 .section-card__item .rte{text-align: left;}
.section-image-text__cards.v2 .section-card__item .rte a{color: #000;}
.section-image-text__cards.v2 .section-card__item .section-card__meta{background-color: transparent;padding: 25px 0 0;text-align: left;}
.section-image-text__cards.v2 .section-card__item .section-card__image img{border-radius: 16px;}
.section-image-text__cards.v2 .section-card__item .section-card__title{margin-bottom: 20px;}

/* 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;}
.section-image-text{position: relative;position: relative;background-position: bottom center;background-size:cover;background-repeat: no-repeat;}
.card-wrapper{gap: 80px;align-items: center;}
.card-wrapper .col-2{width: calc(50% - 40px);}
.section-image-text .card-wrapper.image-left{flex-direction: row-reverse;}
.section-image-text .card-image-text .section-heading{text-align: left;}
.section-image-text .card-image-text .flex-btn{justify-content: flex-start;}
.section-image-text .card-image-wrapper{position: relative;overflow: hidden;border-radius: 16px;}
.section-image-text .card-image-wrapper img{display: block;width: 100%;}
.section-image-text .video-popup{position: relative;}
.section-image-text .video-popup svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.section-image-text .video-popup:hover svg{transform: translate(-50%, -50%) scale(0.9);}
.section-image-text .video-popup:hover svg{fill: #DA2000;}
.section-image-text .video-popup:hover svg circle{stroke-opacity: 1 !important;}
.section-image-text .card-image-text .rte ul{list-style-type: none;position: relative;}
.section-image-text .card-image-text .rte ul li{position: relative;margin-bottom: 10px;font-weight: 700;color: #0A2540;}
.section-image-text .card-image-text .rte ul li:before{background-image: url(images/list-icon.svg);content: '';display: block;    width: 30px;height: 30px;background-size: 30px;background-repeat: no-repeat;background-position: center;position: absolute;left: -35px;top: 0;}
.section-image-text .icon-bridges{justify-content: space-between;align-items: center;margin-top: 40px;}
.section-image-text .live-surf__svg img{display: block;}

/* Our Mision */
.section-our-mission{background-color: #0A2540;}
.section-our-mission .section-sub-heading{border-radius: 8px;color: #0A2540;background-color: #00BDA4;padding: 5px 15px;display: inline-block;margin-bottom: 15px;}
.section-our-mission .section-heading{text-align: left;color: #fff;}
.section-our-mission .rte{color: #fff;}

/* Gallery */
.section-gallery{}
.section-gallery .rte{text-align: center;}
.gallery-list{margin: 40px 0 0;row-gap: 20px;column-gap: 20px;}
.gallery-list .gallery-item{border-radius: 12px;overflow: hidden;width: calc(25% - 20px * 3 / 4);height: 327px;}
.gallery-list .gallery-item img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.gallery-list .gallery-item:hover img{transform: scale(1.05);}

/* 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;}
.section-banner.cta-video .video-wrapper video {height: 480px;} 
.cta-video .section-heading, .cta-video .rte{color: #fff;text-align: center;}
.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;}
.section-banner.cta-video .button.style-4{border-color: #0077B6;}

/* 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 30px 0 0;cursor: pointer;text-align: left;position: relative;background-color: transparent;letter-spacing: -0.32px;font-family: "DM Sans", sans-serif;width: 100%;border: none;}
.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)}

/* Breadcrumbs */
.breadcrumbs{position: relative;align-items: center;}
.breadcrumbs a, .breadcrumbs span{color: #01509F;font-size: 16px;font-weight: 700;font-family: "DM Sans", sans-serif;letter-spacing: 1.28px;text-transform: uppercase;}
.breadcrumbs span{color: #000;}
.breadcrumbs svg {margin: 0 8px;}

/* Booking */
.section-booking{position: relative;padding: 70px 0 100px;}
.booking--wrapper{padding-top: 70px;}
.booking--left{width: 60%;}
.booking--right{width: 40%;padding-left: 80px;}
.booking--wrapper .section-heading{text-align: left;}
.booking--wrapper .bottom-content{margin-top: 30px;}
.booking--wrapper .bottom-content.rte h3{font-size: 28px;color: #01509F;text-align: left;font-weight: 700;}
.booking--summary{box-shadow: 0px 0px 16px 0px #D9E3ED;border-radius: 16px;overflow: hidden;margin-bottom: 50px;}
.booking--summary .summary--heading{font-size: 26px;font-weight: 700;font-family: "DM Sans", sans-serif;letter-spacing: 0;background-color: #01509F;color: #fff;padding: 22px 30px;margin: 0;}
.booking--summary .summary--detail{padding: 30px;background-color: #EEF1F4;}
.booking--summary .summary--detail p{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.25rem;}
.booking--summary .summary--detail p:last-child{margin-bottom: 0;}
.booking--summary .summary--detail p strong, .booking--summary .summary--detail p span{color: #0A2540;font-weight: 600;font-family: "DM Sans", sans-serif;font-size: 20px;margin: 0;}
.booking--wrapper .booking--cta{position: relative;background-image: url(images/booking-cta.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 215px;display: flex;align-items: center;padding: 25px 53% 25px 25px;line-height: normal;border-radius: 16px;}
.booking--wrapper .booking--cta p{margin: 0;font-size: 26px;color: #FFFFFF;font-weight: 700;font-family: "DM Sans", sans-serif;}
.booking--wrapper .booking--cta a{color: #fff;text-decoration: underline;}
.booking-gallery{margin: 30px 0 0;position: relative;overflow: hidden;}
.booking-gallery .swiper-slide img{display: block;width: 100%;border-radius: 18px;}
.booking-gallery .gallery-thumbs{margin: 15px 0 0;}
.booking-gallery .gallery-thumbs .swiper-slide img{border-radius: 8px;opacity: 0.75;}
.booking-gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img{opacity: 1;}
.booking-gallery .swiper-button-next,
.booking-gallery .swiper-button-prev{width: 50px;height: 50px;background-color: #01509F;border-radius: 12px;margin: 0;z-index: 1;margin-top: -10%;}
.booking-gallery .swiper-button-next {margin-left: 20px;}
.booking-gallery .swiper-button-next:after,
.booking-gallery .swiper-button-prev:after{font-size: 26px;color: #fff;}
.booking-gallery .swiper-button-next:hover,
.booking-gallery .swiper-button-prev:hover{background-color: #0092DE;}

/* 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: 500;font-size: 18px !important;color: #0A2540;font-family: "DM Sans", sans-serif;margin: 0;}
.form-block .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required{margin-left: 5px;}
.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: #282930;text-decoration: underline;}
.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;}

.section-form-map .form-block .gform_wrapper .gform_button.button{color: #fff !important;background-color: #0077B6 !important;border-color: #0077B6;}
.section-form-map .form-block .gform_wrapper .gform_button.button:hover{color: #fff !important;background-color: #00BDA4 !important;border-color: #00BDA4;}

/* 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;}

/* Featured Blog */
.section-featured-blog{position: relative;background-color: #EEF1F4;}
.section-featured-blog .section-sub-heading {color: #0A2540;margin-bottom: 10px;background-color: #00BDA4;font-size: 16px;border-radius: 8px;padding: 5px 10px;display: inline-block;}
.featured-blog-row {justify-content: space-between;}
.featured-blog-row .col-2 {width: 45%}
.featured-blog-image{position: relative;overflow: hidden;border-radius: 18px;}
.featured-blog-image img{width: 100%;height: 100%;object-fit: cover;}
.featured-blog-image:hover img{transform: scale(1.05);}
.section-featured-blog .blog-title {font-weight: 700;font-size: 46px;line-height: 1.15em;margin-bottom: 20px;color: #01509F;}
.blog-expert {color: #0A2540;}
.post--card .flex-btn {margin-top: 50px;justify-content: flex-start;}
.post--card .post-card-tags strong{margin-right: 8px;font-size: 14px;}
.post--card .post-card-tags .tag{color: #fff;background-color: #005000;border-radius: 8px;padding: 2px 8px 3px;font-size: 14px;font-weight: 500;font-family: 'Satoshi-Medium';}

/* Contact Info */
.section-contact-info{background-color: #EEF1F4;}
.section-contact-info .sections-icon__list{padding: 0;}
.section-contact-info .sections-icon__item{max-width: none;}
.section-contact-info .sections-icon__item:last-child{align-self: center;}
.section-contact-info .sections-icon__item .sections-icon__svg{border: 2px solid #01509F;border-radius: 24px;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.section-contact-info .sections-icon__item .sections-icon__title{font-size: 27px;color: #0A2540;margin: 20px 0 15px;}
.section-contact-info .sections-icon__item .rte{color: #0A2540;}
.section-contact-info .sections-icon__item .rte p{margin-bottom: 1rem;}

/* Form */
.section-form-map{position: relative;}
.section-form-map .card-wrapper{align-items: flex-start;}
.section-form-map .section-heading{text-align: left;}
.section-form-map .rte iframe{height: 440px;width: 100%;border-radius: 18px;}
.page-contact-us .section-banner .section-banner__inner{max-width: 100%;}

/* Blog Listing */
.page-blog{padding-top: 115px;}
.blog-listing{position: relative;}
.post-grid {display: flex;flex-wrap: wrap;column-gap: 40px;row-gap: 40px;}
.post-card {position: relative;width: calc(33.33% - 40px * 2 / 3);border-radius: 24px;transition: all 0.5s ease-in-out;overflow: hidden;display: flex;box-shadow: 0px 0px 16px 0px #0000001A;}
.post-card .post-card-link{position: relative;height: 100%;width: 100%;}
.post-card .post-card-image{overflow: hidden;position: relative;} 
.post-card .post-card-image img{width: 100%;display: block;transition: all 0.5s ease-in-out;height: 250px;object-fit: cover;object-position: center;}
.post-card:hover .post-card-image img{transform: scale(1.05);}
.post-card .post-card-tags{position: absolute;right: 10px;top: 10px;z-index: 1;}
.post-card .post-card-tags .tag{color: #0A2540;margin-bottom: 10px;background-color: #00BDA4;font-size: 16px;border-radius: 8px;padding: 5px 10px;display: inline-block;text-transform: uppercase;font-family: "DM Sans", sans-serif;    font-weight: 700;letter-spacing: 1.28px;}
.post-card .post-card-meta{padding: 25px 30px 30px;display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;width: 100%;}
.post-card .post-card-title{font-size: 28px;font-weight: 700;line-height: 1.15em;transition: all 0.5s ease-in-out;margin: 0 0 20px;color: #0A2540;}
.post-card:hover .post-card-title{color: #0077B6;} 
.post-card .post-card-expert{color: #000000;margin: 0;line-height: 1.5em;}
.post-card .button{margin-top: 10px;}
.post-pagination {position: relative;margin: 40px 0 0;display: flex;align-items: center;justify-content: center;column-gap: 10px;padding: 30px 0 30px;}
.post-pagination .page-numbers{font-size: 16px;font-style: normal;font-weight: 700;letter-spacing: 3.2px;text-transform: uppercase;color: #151617;padding: 2px 11px;font-family: "DM Sans", sans-serif;}
.post-pagination .page-numbers:hover{color: #0077B6;}
.post-pagination .page-numbers.current{color: #fff;background-color: #01509F;border-radius: 8px;}

/* Single Post */ 
.single-post .section-banner.inner-banner{height: 280px;}
.s-p--row {justify-content: space-between;}
.post-left {width: 64%;}
.post-right {width: 33%;}
.single-post .post--card {position: relative;padding: 80px 0 100px 0;}
.post--card .link-return{margin: 0;}
.post--card .blog--image{position: relative;border-radius: 16px 16px 0 0;overflow: hidden;}
.post--card .blog--image img{display: block;width: 100%;}
.post--card .blog--title{margin: 30px 0;font-size: 46px;color: #0A2540;letter-spacing: 0.64px;line-height: 1.15em;}
.post--card .entry-content strong, .post--card .entry-content a{}
.post--card .entry-content a{color: #01509F;}
.post--card .entry-content a:hover{text-decoration: underline;}
.post--card .entry-content h2 {font-size: 32px;line-height: 1.15em;margin-bottom: .5em;}
.post--card .entry-content h3 {font-size: 28px;line-height: 1.15em;margin-bottom: .5em;}
.post--card .entry-content h4 {font-size: 24px;line-height: 1.15em;margin-bottom: .5em;}
.post--card .entry-content h5 {font-size: 20px;line-height: 1.15em;margin-bottom: .5em;}
.post--card .entry-content img {display: block;margin: 50px 0;width: 100%;}
.navigation-post{justify-content: space-between;margin-top: 40px;}

/* Sidebar */
.sidebar-heading {font-weight: 700;font-size: 40px;line-height: 1.15em;margin-bottom: 20px;}
.single-post .post-right .section-cta{min-height: 300px;margin-bottom: 40px;}
.single-post .post-right .section-heading{font-size: 34px;}
.top-icon{text-align: center;}
.widget_block {display: inline-block;width: 100%;}
.widget_block .section-heading, .widget_block .wp-block-heading{font-size: 36px;margin-bottom: 20px;}
.post-right .widget_block{margin-bottom: 20px;}
.post-right .widget_block:not(.widget_media_image){border: 2px solid #DAE0E7;border-radius: 16px;padding: 25px;}
.post-right .widget_block .rte {color: #0A2540;text-align: center;margin-bottom: 20px;}
.post-right .section-newsletter .form-block .gform_wrapper .gform_footer {position: relative;right: inherit;top: inherit;margin-top: 0;width: 100%;}
.post-right .section-newsletter .form-block .gform_wrapper .gform_fields .gfield{width: 100%;}
.post-right .section-newsletter .form-block .gform_wrapper label.gfield_consent_label{color: #0A2540;}
.post-right .section-newsletter .form-block .gform_wrapper label.gfield_consent_label a{color: #01509F;}
.post-right .form-block .gform_wrapper input[type=email]{border-color: #ABC1AF !important;}
.post-right .form-block .gform_wrapper .gform_button.button{color: #fff !important;background-color: #0077B6 !important;border-color: #0077B6;margin-top: 20px !important;}
.post-right .form-block .gform_wrapper .gform_button.button:hover{color: #fff !important;background-color: #00BDA4 !important;border-color: #00BDA4;}
.post-right .section-newsletter .form-block .gform_wrapper .gfield--input-type-consent{width:100%;}

/* 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%;align-items: flex-start;}
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;}
footer .f-bottom__cell.copyright{flex-wrap: wrap;max-width: 32%;}
footer .f-bottom__cell.copyright p{margin-bottom: 0;width: 100%;}
footer .f-bottom__cell .f-widget__menu{width: 100%;margin-top: 10px;}
footer .f-bottom__cell .f-widget__menu{display: flex;align-items: center;margin: 10px 0 0;padding: 0;width: 100%;justify-content: flex-start;}
footer .f-bottom__cell  .f-widget__menu li{list-style-type: none;margin: 0 20px 0 0;line-height: normal;border-right: 1px solid #3f573f;padding: 0 20px 0 0;}
footer .f-bottom__cell  .f-widget__menu li:last-child{border: none;}
footer .f-bottom__cell  .f-widget__menu li a{color: #B8D0F9;} 
footer .f-bottom__cell  .f-widget__menu li a:hover{color: #fff;} 

/* 404 Page */
.page-404{position: relative;border-bottom: 1px solid #eaeaea;}
.page-404 .section-banner.inner-banner{height: 1080px;}
.page-404 .flex-btn{justify-content: center;margin-top: 30px;}
.page-404 .section-banner .section-banner__heading{margin-bottom: 0;color: #0A2540;font-size: 48px;}
.page-404 .section-banner .section-banner__heading,
.page-404 .section-banner .section-banner__content{text-shadow: none;}
.page-404 .section-banner .section-banner__content{margin: 10px 0 0;}
.page-404 .section-banner .section-banner__content p{font-size: 22px;color: #0A2540;}
.page-404 .section-banner .section-banner__image:before{display: none;}
.page-404 .section-banner .section-banner__inner{text-align: center;max-width: 1170px;margin: 0 auto;}
.page-404 .button.style-4{border-color: #0077B6;}
.page-404 .video-wrapper-404{position: relative;line-height: normal;}
.page-404 .video-wrapper-404 span{color: #fff;font-weight: 900;font-size: 25rem;}
.page-404 .video-wrapper-404 img{position: absolute;left: 0;right: 0;top: 10%;margin: 0 auto;width: 100%;max-width: 70%;}

/* 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;}
    .gallery-list .gallery-item{height: 270px;}

}
@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;}
    .booking--summary .summary--detail p strong, .booking--summary .summary--detail p span{font-size: 16px;}
    .booking--wrapper .booking--cta p{font-size: 20px;}
    .post-card .post-card-title{font-size: 24px;line-height: 1.25em;}
    .section-image-text .live-surf__svg img{max-height: 30px;}
    .live-webcam-popup{width: 280px;}
    .page-404 .section-banner.inner-banner {height: 900px;}
}
@media only screen and (max-width: 1439px){
    .section-banner.inner-banner {height: 480px;}
    .inner-banner .banner-icon__text{font-size: 16px;letter-spacing: -0.32px;}
    .section-featured-blog .blog-title{font-size: 32px;}
    .post-card .post-card-tags .tag{font-size: 16px;}
    .page-blog {padding-top: 110px;}
    .post--card .blog--title{font-size: 32px;}
    .post--card .entry-content h2 {font-size: 28px;}
    .post--card .entry-content h3 {font-size: 24px;}
    .post--card .entry-content h4 {font-size: 20px;}
    .post--card .entry-content h5 {font-size: 18px;}
    .section-icons-column.v3 .sections-icon__item .sections-icon__title{font-size: 32px;}
    .gallery-list .gallery-item {height: 240px;}
}
@media only screen and (max-width: 1199px){    
    body{padding-bottom: 45px;}
    .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 .video-wrapper video{height: 600px;}
    .section-banner .section-banner__caption, .live-surf {max-width: 90%;}
    .live-surf{margin-top: -170px;}
    .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;}
    .faqs--list .faq--item .faq-title{font-size: 20px;}
    .booking--wrapper{flex-direction:column-reverse;}
    .booking--left {width: 100%;}
    .booking--right {width: 100%;padding-left: 0;margin-bottom: 30px;}
    .post-card{width: calc(50% - 40px * 2 / 3);}
    .page-blog {padding-top: 65px;}
    .section-icons-column.v2 .sections-icon__list{column-gap: 20px;row-gap: 30px;justify-content: center;}
    .section-icons-column.v2 .sections-icon__item{width: calc(33.33% - 20px * 2 / 3);max-width: none;}
    .gallery-list .gallery-item {height: 220px;}
    .section-image-text .live-surf__svg img{max-height: 20px;}
    .live-webcam-popup{display: none;}
    .section-contact-info .sections-icon__item:last-child{width: 100%;justify-content: center;display: flex;}
    footer .f-bottom__cell.copyright{max-width: 100%;text-align: center;}
    footer .f-bottom__cell{width: 100%;justify-content: center;}
    footer .f-bottom__cell .f-widget__menu{justify-content: center;margin: 10px 0 30px;}
    footer .f-bottom__cell.designby {margin: 20px 0 0;}

}
@media only screen and (max-width: 1023px){
    .col-2 {width: 100%;}
    .section-banner .video-wrapper video{height: 480px;}
    .section-banner .section-banner__inner {max-width: 450px;}
    .live-surf {background-color: #0a2540;max-width: 100%;padding: 15px 15px;justify-content: flex-start;row-gap: 20px;margin-top: 0;}
    .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%;}
    .sections-surf__item .rte{height: auto !important;}
    .section-card__item{width: 100%;}
    .banner-icon_card{width: 33.33%;}
    .sections-surf__grid{row-gap: 30px;}
    .button.button-gradient{height: 54px;}
    .section-booking{padding: 40px 0 70px;}
    .booking--wrapper {padding-top: 40px;}
    .booking--summary .summary--heading{font-size: 20px;padding: 15px 30px;}
    .post-left {width: 100%;}
    .post-right {width: 100%;margin: 30px 0 0;}
    .wp-block-image img{width: 100%;}
    .single-post .post--card{padding: 50px 0;}
    .section-icons-column.v3 .sections-icon__item{width: 50%;}
    .section-icons-column.v3 .sections-icon__item .sections-icon__title{font-size: 28px;}
    .section-content__icon{text-align: center;}
    .gallery-list .gallery-item {height: 170px;}
    .section-banner.inner-banner {height: 380px;}
    .section-image-text .card-image-text .rte ul{padding-left: 30px;}
    .section-contact-info .sections-icon__item {width: 33.33%;}
    .section-contact-info .sections-icon__item .sections-icon__title{font-size: 20px;}
    .page-404 .video-wrapper-404 span{font-size: 20rem;}
    .page-404 .section-banner .section-banner__heading{font-size: 36px;}
    .page-404 .section-banner .section-banner__content p{font-size: 18px;}
    .page-404 .section-banner.inner-banner {height: 650px;}
}
@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;right: 0;}
    .section-banner .video-wrapper video {height: 750px;}
    /*.live-surf{background-color: #01509F;}
    .live-surf .live-surf__item{display: none;}*/
    .live-surf__heading{margin: 0;}
    .live-surf .live-surf__item{flex-wrap: wrap;}
    .live-surf .live-surf__item .live-surf__meta{width: 100%;}
    .live-surf .live-surf__item span {font-size: 15px;}
    .live-surf .live-surf__item .live-surf__text{letter-spacing: 0.64px;}
    .live-surf__heading {font-size: 18px;text-align: center;}    
    section {padding: 50px 0;}
    .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;}
    .banner-icon_cards{margin-top: 0;background-color: #0A2540;}
    .banner-icon_card {width: 100%;}
    .banner-icon_cards .container{gap: 15px;flex-wrap: wrap;}
    .banner-icon__svg svg{width: 28px;}
    .banner-icon__text{font-size: 16px;letter-spacing: -0.32px;}
    .faqs--list .faq--item .faq-title {font-size: 18px;}
    .breadcrumbs{flex-wrap: wrap;}
    .breadcrumbs a, .breadcrumbs span{font-size: 14px;letter-spacing:0.5px}
    .booking--summary .summary--detail {padding: 30px 15px;}
    .booking--summary .summary--detail p strong {width: 110px;}
    .booking--summary .summary--detail p span {width: calc(100% - 120px);text-align: right;}
    .booking--summary .summary--detail p strong, .booking--summary .summary--detail p span {font-size: 15px;line-height: normal;}
    .booking--wrapper .booking--cta{padding: 25px 35% 25px 25px;height:190px}
    .faqs--list {margin-top: 20px;}
    .featured-blog-row .col-2 {width: 100%;}
    .featured-blog-image{margin-bottom: 20px;}
    .featured-blog-row{flex-direction: column-reverse;}
    .section-featured-blog .blog-title{font-size: 26px;}
    .page-blog {padding-top: 40px;}
    .post-card .post-card-meta{padding: 20px 15px 30px;}
    .post-card .post-card-tags .tag {font-size: 14px;}
    .post--card .blog--title{font-size: 28px;}
    .post--card .entry-content h2 {font-size: 24px;}
    .post--card .entry-content h3 {font-size: 22px;}
    .post--card .entry-content h4 {font-size: 20px;}
    .post--card .entry-content h5 {font-size: 18px;}
    .post-right .widget_block:not(.widget_media_image){padding: 25px 15px;}
    .section-icons-column.v3 .sections-icon__item{width: 100%;}
    .section-icons-column.v3 .sections-icon__list{row-gap: 30px;}
    .sections-surf__slider{padding: 5px;}
    .card-wrapper .col-2 {width: 100%;}
    .section-image-text .card-wrapper {gap: 30px;}
    .section-our-mission .section-heading{margin-bottom: 0;}
    .section-icons-column.v2 .sections-icon__item{width: 100%;}
    .gallery-list .gallery-item{width: calc(33.33% - 5px * 2 / 3);}
    .gallery-list{row-gap: 5px;column-gap: 5px;margin: 20px 0 0;}
    .gallery-list .gallery-item {height: 100px;}
    .section-image-text .card-image-text .rte ul li:before{background-size: 24px;}
    .section-image-text__cards.v2 .section-card__item{width: 100%;}
    .section-image-text__cards.v2 .section-card__item .rte{height: auto !important;}
    .section-image-text .live-surf__svg img{max-height: 18px;}
    .sections-surf__meta-inner {height: auto !important;}
    .section-contact-info .sections-icon__item {width: 100%;}
    .section-contact-info .card-wrapper .col-2 {width: 100%;}
    .section-form-map .rte iframe {height: 360px;} 
    .section-contact-info .flex-btn{justify-content: center;}
    .section-contact-info .sections-icon__item .sections-icon__svg{width: 70px;height: 70px;}
    .section-contact-info .sections-icon__item .sections-icon__title{margin: 10px 0 5px;}
    .page-404 .video-wrapper-404 span {font-size: 9rem;}
    .page-404 .section-banner .section-banner__heading {font-size: 28px;}
    .page-404 .section-banner.inner-banner {height: 520px;}
    footer .f-bottom__cell .f-widget__menu li{margin: 0 5px 0 0;padding: 0 5px 0 0;}
    footer .f-bottom__cell .f-widget__menu{margin: 10px 0 0;}
    footer .f-bottom__cell.designby {margin: 0;}
    .section-banner.cta-video .section-banner__play{position: absolute;right: 0;left: 0;bottom: 20px;}
    .section-banner.cta-video .section-banner__caption{top: 45%;}
}
@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;}
    .section-heading {font-size: 32px;}   
    .post-card {width: 100%;} 
    .section-form-map .rte iframe {height: 250px;}
}
@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%;}
}