@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:120%}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input{vertical-align:middle}input[type=submit]{cursor:pointer}html,body{height:100%}:focus{outline:none}input[type=text],input[type=button],button{-webkit-appearance:none;-webkit-border-radius:0}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:80%;line-height:1.2;margin:0;padding:0 4px 5px}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}body{background:#fff;text-align:center}p,div,li,h1,h2,h3,h4,td,th,input,select,textarea{font:normal 20px/1.48 'Red Hat Display',sans-serif;color:var(--dark)}p,h1,h2,h3,h4,section ul,section ol,section table{margin-bottom:15px}h1,h2,h3{line-height:1.1}a img,:link img,:visited img{border:none}a{color:var(--primary);text-decoration:none;cursor:pointer}a:hover,a:focus{color:var(--secondary)}div.clear{clear:both;overflow:hidden;height:1px}input{vertical-align:middle}.gfield{margin-left:0 !important}img{max-width:100%;height:auto}.keyboard-nav a:focus,.keyboard-nav input:focus,.keyboard-nav button:focus{outline:3px solid var(--tertiary);outline-offset:5px;outline-style:inset}.has-primary-background-color{background-color:var(--primary)}.has-primary-color{color:var(--primary)}.has-primary-border-color{color:var(--primary)}.has-secondary-background-color{background-color:var(--secondary)}.has-secondary-color{color:var(--secondary)}.has-secondary-border-color{color:var(--secondary)}.has-tertiary-background-color{background-color:var(--tertiary)}.has-tertiary-color{color:var(--tertiary)}.has-tertiary-border-color{color:var(--tertiary)}#skip-to-content{background:var(--primary);color:#fff;height:30px;left:50%;padding:8px;position:absolute;z-index:99999;transform:translate(-50%,-100%);transition:transform .3s}#skip-to-content:focus{transform:translate(-50%,0)}.container{width:90%;padding-left:5%;padding-right:5%;max-width:1170px;margin:0 auto;text-align:left}.button{display:inline-block;border:none;background:var(--secondary);color:#fff;font-weight:700;text-transform:uppercase;padding:7px 90px;border-radius:50px;text-decoration:none;cursor:pointer}.button:hover,.button:focus{background:var(--tertiary);color:#fff}.more a,a.more{font-size:13px;font-weight:700;text-transform:uppercase}.more a:after,a.more:after{display:inline-block;margin-left:10px;transition:all .2s;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.769' height='9.402' viewBox='0 0 13.769 9.402'%3E%3Cpath id='icons8-right' d='M16.565,13.088a.79.79,0,0,0-.469,1.357L18.65,17H8.731a.593.593,0,0,0-.074,0,.79.79,0,0,0,.074,1.579H18.65l-2.566,2.554a.794.794,0,0,0,1.123,1.123l3.9-3.911.567-.555-.567-.555-3.9-3.911A.789.789,0,0,0,16.565,13.088Z' transform='translate(-7.904 -13.084)' fill='%2317e9d9'/%3E%3C/svg%3E%0A")}a.more:hover:after,.more a:hover:after,a.more:focus:after,.more a:focus:after{margin-left:20px}a.external:after{content:"";display:inline-block;margin-left:5px;width:14px;height:14px;background-color:var(--secondary);-webkit-mask:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/icon-external.svg) no-repeat 50% 50%;mask:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/icon-external.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}#header{position:fixed;z-index:100;width:100%;left:0;top:0;background:#fff;transition:all .2s}.scrolled #header{box-shadow:0 0 15px rgba(0,0,0,.2)}#header .container{padding:18px 0;display:flex;justify-content:space-between;align-items:center}#header:after{content:"";display:block;width:100%;height:6px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}#header .logo *{display:block;height:49px}#header nav{display:flex;align-items:center}#header nav ul{display:flex;align-items:center}#header nav li{list-style:none;margin:0 0 0 40px;padding:0;position:relative}#header nav li a{text-decoration:none;text-transform:uppercase;font-weight:700}#mobile-menu{display:none}#search-trigger{border:none;background:0 0;padding:0;margin-left:40px;cursor:pointer}#search-trigger svg{height:21px}#search-trigger svg path{fill:var(--secondary)}#search-popup{background:#fff;position:fixed;z-index:9999;top:0;left:0;right:0;transform:translateY(-100%);transition:.3s}.search-open #search-popup{transform:none}#search-popup form{padding:80px 10%;display:inline-block}#search-popup button.close{position:absolute;right:5%;top:40px;border:1px solid #ccc;padding:8px 10px;font-size:16px;color:#999;background:0 0;cursor:pointer}#search-popup label{font-size:22px;font-weight:700;color:var(--primary);display:none}#search-popup input[type=text]{border:none;border-bottom:1px solid #707070;width:450px;font-size:26px}#search-popup form button{background:0 0;border:none;cursor:pointer}#search-popup form button svg{height:30px}#search-popup form button svg path{fill:var(--tertiary)}#search-popup:after{content:"";display:block;width:100%;height:6px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}body.search-open{position:relative}body.search-open:before{content:"";position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}#search-popup-results{position:relative;width:100%}#search-popup-results>div{position:static}#search-popup-results .searchwp-live-search-results-showing{margin:0 auto;width:100% !important;box-shadow:none;min-height:50px}#search-popup-results .searchwp-live-search-result:first-child{margin-top:40px}#search-popup-results .searchwp-live-search-result p{padding:10px 0}.searchwp-live-search-results{text-align:left;margin-top:20px}.live-search--result{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid var(--light)}.live-search--result:hover{background:#efefef}.live-search--image{width:40px;padding-right:15px}.live-search--image img{border-radius:8px;display:block}.live-search--content p{margin:0;font-size:13px}.live-search--content p.live-search--title{font-weight:700;font-size:16px;color:var(--primary)}#search-popup-results .live-search--result{padding:10px 0}#banner{background-size:cover;background-position:center;padding:20vh 0}#banner .container{max-width:960px}#banner h1{font-size:72px;color:#fff;font-weight:700;text-align:center;text-shadow:0 0 15px rgba(0,0,0,.5);margin:0 0 60px}#banner form{border:2px solid var(--secondary);border-radius:50px;background:rgba(0,0,0,.8);padding:12px 40px;display:flex;justify-content:space-between;align-items:center}#banner input[type=text]{flex-basis:90%;font-size:20px;color:#fff;background:0 0;border:none}#banner input::-webkit-input-placeholder{color:#fff}#banner button{border:none;background:0 0;cursor:pointer}#banner button svg{height:21px}#banner button svg path{fill:var(--tertiary)}.searchwp-live-search-results-showing{min-height:50px !important}.searchwp-live-search-no-results{padding:30px !important}section{padding:50px 0 60px}section>h2,section .container>h2{font-size:20px;text-transform:uppercase;font-weight:700;margin:0 0 40px}section>h2:after,section .container>h2:after{content:"";display:block;width:100%;height:6px;margin-top:5px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}.home section .container>p:last-child{text-align:center}#articles{background:#f5f5f5}.region--item{display:flex;position:relative;margin:0 0 6px}.region--item:before{content:"";position:absolute;bottom:100%;left:0;display:block;width:100%;height:6px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}#regions h2:after{display:none}.region--image{flex-basis:270px;flex-shrink:0;background-size:cover;background-position:center;position:relative}.region--image:after{content:"";position:absolute;z-index:10;left:0;right:0;bottom:0;height:50%;background:linear-gradient(transparent,#fff)}.region--content{flex-grow:10;padding:30px 40px;background:linear-gradient(#f5f5f5,#fff)}.region--content h3{margin:0 0 30px}.region--content h3 a{font-size:36px;color:var(--dark);font-weight:500}.region--content li{list-style:none}.region--content li h4{color:var(--secondary);margin:0 0 5px}.region--content li p{color:#999;font-size:16px}.home #categories{background:linear-gradient(#f5f5f5 0%,#fff 50%,#fff 100%)}.category-list{position:relative;margin:0 0 50px}.category-list .category{text-align:center;padding:0 20px}.category-list .category img,.category-list .category svg{margin:0 auto 15px auto;height:75px;width:auto}.category-list .category svg path{fill:var(--secondary);transition:all .2s}.category-list .category:hover svg path{fill:var(--tertiary)}.category-list .category h3{color:var(--primary);font-size:20px;font-weight:500;text-transform:uppercase}.category-list .slick-arrow{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;text-indent:-9999px}.category-list .slick-prev{left:-40px;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/arrow-right.svg) center/11px auto no-repeat var(--primary);transform:translateY(-50%) rotate(180deg);transform-origin:center}.category-list .slick-next{right:-40px;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/arrow-right.svg) center/11px auto no-repeat var(--primary)}.category-list .slick-arrow:hover{background-color:var(--tertiary)}#categories .container>p:last-child{text-align:center}#summary{background:linear-gradient(#d9d4bc,#fff);padding:0;position:relative;z-index:50}#summary .container{display:flex;justify-content:space-between;align-items:center}#summary--content{flex-basis:55%;padding:50px 0}#summary--content h2{font-size:20px;text-transform:uppercase;font-weight:700;margin:0 0 40px}#summary--image{flex-basis:35%}#summary--image img{border:10px solid #fff;transform:rotate(5deg);box-shadow:10px 10px 20px rgba(0,0,0,.16);width:100%}.article-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;margin:0 0 50px}.article-grid article{background:#fff;border-radius:8px;transition:all .2s}.article-grid article:hover{box-shadow:0 0 15px rgba(0,0,0,.15);transform:scale(1.02)}.article-grid article .article--image{height:170px;background:var(--primary);position:relative;border-radius:8px 8px 0 0}.article-grid article .article--image .placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:#fff;height:50%;width:auto}.article-grid article .article--image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px 8px 0 0}.article-grid article .article--content{padding:22px 30px}.article-grid article .article--content p{line-height:1;font-size:16px}.article-grid article .article--category{line-height:1;margin:0 0 5px}.article-grid article .article--category a{font-size:14px;text-transform:uppercase;color:var(--secondary)}.article-grid article h3 a{font-size:22px;font-weight:700;color:var(--dark);margin:10px 0 20px}.simple-grid{display:grid;grid-gap:30px;grid-template-columns:1fr 1fr}.simple-grid .simple-grid--item,.simple-grid.slick-initialized .simple-grid--item.slick-slide{list-style:none;display:flex;justify-content:space-between}.simple-grid .simple-grid--item .simple-grid--image{width:75px;margin-right:20px;flex-shrink:0}.simple-grid .simple-grid--item .simple-grid--image img{border-radius:8px}.simple-grid .simple-grid--item .simple-grid--image svg{fill:var(--secondary)}.simple-grid .simple-grid--item .simple-grid--content{flex-grow:5}.simple-grid .simple-grid--item .simple-grid--content h3,.simple-grid .simple-grid--item .simple-grid--content h4,.simple-grid .simple-grid--item .simple-grid--content h3 a,.simple-grid .simple-grid--item .simple-grid--content h4 a{font-size:24px;color:var(--dark);font-weight:700;margin:0 0 5px}.simple-grid .simple-grid--item .simple-grid--content p{font-size:16px;line-height:1;color:#999}#page-header{padding:30px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}#crumb{position:relative;font-size:12px;font-weight:700;margin:0 0 7px;padding-right:50px;text-transform:uppercase;color:var(--secondary);display:flex;gap:10px;flex-basis:100%}#crumb a{color:var(--secondary)}#crumb a:hover{color:var(--tertiary)}#page-title{max-width:68%}#page-header h1{font-size:48px;font-weight:700;color:#333;margin:0}#page-header .swp_social_panel{margin:0 !important}#page-title .glsr-summary-rating{display:none}#page-title .glsr-summary{display:flex;flex-wrap:wrap;align-items:center}#page-title .glsr-summary-text{width:auto;color:var(--light);font-size:16px}#page-content{display:flex;justify-content:space-between;padding:0 0 50px}#primary{flex-basis:68%}#sidebar{flex-basis:28%}#content{padding-top:0}#content li{margin-left:25px}#content h2{font-size:26px;font-weight:500;color:#012e40}#content h3{font-size:18px;text-transform:uppercase;color:#038c8c;margin:0 0 5px}#content p+h2,#content ul+h2{margin-top:40px}#content a{text-decoration:underline}#content img.wp-post-image{border-radius:8px;margin:0 0 30px}#content p{font-size:20px}#content figcaption{font-size:15px;font-style:italic;color:#999;text-align:right}#primary .linked{margin-top:50px;padding:0}#primary .linked h2{font-size:20px;text-transform:uppercase;font-weight:700;margin:0 0 40px}#primary .linked h2:after{content:"";display:block;width:100%;height:6px;margin-top:5px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}#primary .linked .simple-grid,#related .simple-grid{grid-template-columns:1fr}#related{background:#f5f5f5;padding:20px 25px;border-radius:8px;margin:0 0 40px}#related h2{font-size:16px;text-transform:uppercase;font-weight:700;margin:0 0 20px}#related .simple-grid{grid-gap:20px}#related p.category{margin:0}#related h3{line-height:.7}#related h3 a{font-size:16px}#sidebar .ad{text-align:center}#sidebar .ad img{margin:0 auto}#page-menu{position:fixed;z-index:99;top:0;left:0;right:0;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.2);transform:translateY(-100%);transition:transform .2s}.beach-scrolled #page-menu{transform:none}#page-menu .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#page-menu--title{font-size:28px;font-weight:700;padding:10px 0}#page-menu ul{position:relative;flex-basis:100%;display:flex;padding:10px 50px 10px 0;border-top:1px solid #f5f5f5}#page-menu ul li{list-style:none;margin-right:15px;font-size:16px}#page-menu ul li a{color:var(--dark)}#page-menu ul li a.active{color:var(--primary)}#gallery{padding:0 0 40px}#gallery h2{position:absolute;left:-9999px;top:-9999px}#gallery-preview--container{position:relative}#gallery button.open-full-gallery{position:absolute;z-index:50;left:35px;bottom:35px;background:#fff;border:none;cursor:pointer;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.16);padding:12px 20px;font-size:18px;font-weight:700;color:var(--primary)}#gallery-preview--thumbnails{display:grid;height:525px;grid-template-columns:1.8fr .6fr .6fr;grid-template-rows:1fr 1fr;gap:10px;grid-template-areas:"thumbnail1 thumbnail2 thumbnail2" "thumbnail1 thumbnail3 thumbnail4"}#gallery-preview--thumbnails img{object-fit:cover;object-position:center;display:block;width:100%;height:100%}#gallery-preview--thumbnails>figure:nth-child(1){grid-area:thumbnail1}#gallery-preview--thumbnails>figure:nth-child(1) img{border-radius:8px 0 0 8px}#gallery-preview--thumbnails>figure:nth-child(2){grid-area:thumbnail2;height:300px}#gallery-preview--thumbnails>figure:nth-child(2) img{border-radius:0 8px 0 0}#gallery-preview--thumbnails>figure:nth-child(3){grid-area:thumbnail3}#gallery-preview--thumbnails>figure:nth-child(4){grid-area:thumbnail4}#gallery-preview--thumbnails>figure:nth-child(4) img{border-radius:0 0 8px}#gallery-preview--thumbnails>figure:nth-child(3),#gallery-preview--thumbnails>figure:nth-child(4){height:215px}#gallery-preview--thumbnails>figure.gallery--video{position:relative}#gallery-preview--thumbnails>figure.gallery--video:before{content:"";position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/icon-play.svg) center/65px auto no-repeat}#gallery--container{display:none}.open-gallery #gallery--container{display:block;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;background:rgba(255,255,255,.98)}body.open-gallery{overflow:hidden}#gallery--images--container{position:absolute;z-index:501;top:40px;left:40px;right:40px;bottom:40px}#gallery--nav{position:fixed;z-index:600;top:0;left:0;right:0;padding:10px 40px}#gallery--images .slick-arrow{cursor:pointer;position:absolute;z-index:600;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;text-indent:-9999px}#gallery--images .slick-prev{left:0;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/arrow-right.svg) center/11px auto no-repeat var(--primary);transform:translateY(-50%) rotate(180deg);transform-origin:center}#gallery--images .slick-next{right:0;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/arrow-right.svg) center/11px auto no-repeat var(--primary)}.gallery--image{text-align:center;height:100%;max-height:75vh;position:relative}.gallery--image img{max-height:100%;width:auto;object-fit:contain;object-position:center;margin:0 auto}.gallery--image figcaption.image-desc{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.9);padding:7px;font-size:12px}.gallery-video-embed iframe{width:100%}.gallery--thumbnail--video{position:relative}.gallery--thumbnail--video:before{content:"";position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/icon-play.svg) center/30px auto no-repeat}.lg-sub-html *{font-size:13px;color:#fff}.lg-sub-html a{color:var(--primary)}.single-object #primary{display:flex;justify-content:space-between;flex-wrap:wrap}.single-object #primary>h2{flex-basis:100%}.single-object #content{flex-basis:45%}.single-object #data{flex-basis:50%}#data dl{columns:2;column-gap:40px}#data .data--item{margin:0 0 35px;break-inside:avoid}#data .data--item address{font-style:normal}#data dt{font-size:16px;color:var(--primary);font-weight:700;text-transform:uppercase}#data dd,#data a{color:#666}section#local{display:flex;gap:10px;position:relative;padding:0;margin-bottom:30px}#map{flex-basis:72%}#map-buttons{position:absolute;z-index:20;bottom:20px;left:20px}#map-buttons a{background:#fff;border:none;cursor:pointer;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.16);padding:12px 20px;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--primary)}#weather{flex-basis:28%}#weather *{color:#fff}#weather>div{margin:0 !important;max-width:100% !important}#weather .splw-other-opt *{font-size:14px}#local>*{border-radius:8px}#nearby-beaches{background:#f5f5f5;margin-top:50px}p.distance{font-size:14px;text-transform:uppercase;color:var(--secondary) !important;margin:0}#explore{background:var(--primary)}#explore h2{color:#fff}#reviews .container{display:flex;flex-wrap:wrap;justify-content:space-between}#reviews h2{flex-basis:100%}#reviews--summary{flex-basis:30%}#reviews .glsr .glsr-reviews{grid-gap:0;gap:30px}#reviews .glsr-summary-rating{display:none}#reviews .glsr-summary{display:flex;flex-wrap:wrap;align-items:center}#reviews .glsr-summary-text{width:auto}#reviews .glsr-summary-percentages{flex-basis:100%}#reviews .glsr-bar-background-percent{background-color:var(--primary)}#reviews .glsr-bar-label,#reviews .glsr-bar-percent{font-size:15px}#reviews a.button.add-review{padding:6px 10px;display:block;text-align:center;margin-top:40px}#reviews--items{flex-basis:65%}#reviews--items .glsr-review{border-bottom:1px solid #f5f5f5;padding:0 0 30px}#reviews--items .glsr-review:last-child{border:none;margin:0;padding:0}#reviews--items .glsr-review-author{font-size:14px;font-weight:700;text-transform:uppercase}#reviews--items .glsr-review-date{color:var(--light);font-size:16px;font-style:normal}#add-review{transition:opacity .2s;opacity:0;visibility:hidden;background:rgba(255,255,255,.95);padding:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.add-review #add-review{visibility:visible;opacity:1}#add-review-form{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0;border:none;box-shadow:0 0 45px rgba(0,0,0,.05);padding:75px;width:100%;box-sizing:border-box;max-width:500px}#add-review button.close-add-review{position:absolute;top:5px;right:5px;border:none;background:0 0;font-size:20px}#cluster-map{height:400px}.marker-infowindow img{height:100px;width:auto}.marker-infowindow--content{font-size:15px}#sub-regions{background:#f5f5f5}.sub-regions{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;margin:0 0 50px}.sub-region--item{display:flex;background:#fff;border-radius:8px;transition:all .2s}.sub-region--item:hover{box-shadow:0 0 15px rgba(0,0,0,.15);transform:scale(1.02)}.sub-region--image{width:145px;flex-shrink:0}.sub-region--image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px 0 0 8px}.sub-region--content{padding:25px 30px}.sub-region--content h3{margin:0 0 5px}.sub-region--content h3 a{font-size:22px;font-weight:700;color:var(--dark)}.sub-region--content p{font-size:16px}#featured-post article{display:flex;justify-content:space-between;align-items:center}.featured-post--image{flex-basis:50%}.featured-post--image img{width:100%;border-radius:8px}.featured-post--content{flex-basis:45%}.featured-post--category a{font-size:14px;text-transform:uppercase;color:var(--secondary)}.featured-post--content h2{margin:0 0 15px}.featured-post--content h2:after{display:none}.featured-post--content h2 a{color:var(--dark);font-size:30px;font-weight:700}#recent-posts,#trending{background:#f5f5f5}#popular{background:var(--primary);padding:75px 0}#popular h2{color:#fff}#popular .article-grid{display:block}#popular .slick-slide{margin:0 15px}#popular .slick-list{margin:0 -15px}#popular .container{position:relative}#popular .popular-arrows{position:absolute;top:50%;left:0;right:0}#popular .popular-arrows span{position:absolute;right:15px;background:url(//www.hawaiibeaches.com/wp-content/themes/beaches/images/arrow-left.svg) center/auto 20px no-repeat rgba(255,255,255,.1);display:inline-block;width:35px;height:35px;border-radius:50%}#popular .popular-arrows span.slick-prev{transform:rotate(180deg);right:auto;left:15px}article.post{display:flex;justify-content:space-between;margin:0 0 50px}article.post .post--image{flex-basis:30%}article.post .post--image img{border-radius:8px}article.post .post--content{flex-basis:65%}article.post .post--content h2 a{color:var(--dark);font-size:26px;font-weight:700}#footer{position:relative;z-index:10;background-size:cover;background-position:center;padding:400px 0 30px}#footer:before{content:"";position:absolute;z-index:2;bottom:100%;left:0;display:block;width:100%;height:6px;background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}#footer:after{content:"";position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.5))}#footer *{color:#fff}#footer .container{position:relative;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between}#footer .container>.col:first-of-type{flex-basis:30%}#footer .container>.col{flex-basis:15%}#footer .copyright{flex-basis:100%;margin-top:50px;font-size:14px}#footer .col p.title{font-size:16px;font-weight:700;text-transform:uppercase}#footer .col li{list-style:none}#footer form{display:flex;justify-content:space-between;border:1px solid #fff;background:rgba(0,0,0,.8);padding:5px 15px;border-radius:50px}#footer form input[type=email]{flex-basis:80%;border:none;background:0 0;color:#fff;font-size:16px}#footer form input::-webkit-input-placeholder{color:#fff}#footer form button{border:none;background:0 0;padding:0}#footer form button svg{width:10px}#footer form button svg path{stroke:var(--secondary)}#footer .logo>*{height:49px}#footer .logo svg path{fill:#fff !important}#footer svg path{fill:#fff}@media screen and (max-width:1170px){#mobile-menu{display:block;margin-left:20px}.nav-open #mobile-menu{position:absolute;top:18px;right:5%;z-index:9999}.nav-open #search-trigger{display:none}#header nav ul{display:none}body.nav-open{overflow:hidden}.nav-open #header nav{display:block;float:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;margin:0;background:var(--primary)}.nav-open #header nav ul{padding:50px 10%;display:block;position:relative}.nav-open #header nav ul li{display:block;margin:0 0 40px;padding:0}.nav-open #header nav>ul>li>a{padding:0;margin:0}.nav-open #header nav ul li a{font-size:32px;text-transform:none;color:#fff}.nav-open #header nav ul li a:hover{color:#var(--dark)}#search-popup{text-align:left}#search-popup button.close{transform:none;top:0;right:0}#search-popup form{display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px 10%}#search-popup label{display:block;flex-basis:100%}#search-popup input[type=text]{font-size:16px;width:85%}#search-popup form button svg{height:20px}#banner h1{font-size:7vw}}@media screen and (max-width:768px){.article-grid{display:grid;grid-template-columns:1fr 1fr}#footer .container>.col:first-of-type{display:none}#page-content{display:block}#sidebar{margin-top:75px}#page-header{display:block}#page-title{max-width:100%}#page-header .share{margin-top:20px}.single-beach #primary{display:block}#data{margin-top:40px}#data dl{columns:1}}@media screen and (max-width:650px){.alignnone{margin:5px 0 20px}.alignright,.alignleft,a img.alignright,a img.alignnone,a img.alignleft,a img.aligncenter{float:none;margin:5px auto}#search-popup input[type=text]{font-size:15px}.button{padding:7px 40px}.article-grid{display:grid;grid-template-columns:1fr}#header .container{padding:12px 0}#header .logo *{width:100%;max-width:215px;height:auto}#banner{padding:75px 0}#banner h1{margin:0 0 30px}#banner form{padding:12px 20px}#banner input[type=text]{font-size:15px}section>h2,section .container>h2{font-size:16px;text-align:center}section h2:after{display:none}#regions .container{padding:0;width:100%}.region--item{display:block}.region--image{width:100%;height:120px}.region--image:after{display:none}.category-list{margin-right:-5%}.category-list .category{max-width:150px}.category-list .slick-list{margin-left:-5%;padding-left:5%}#footer{padding-top:40px}#footer .container{display:block}#footer .col{margin:0 0 40px}#summary .container{display:block;padding-top:190px}#summary--content p{font-size:16px}#summary--image{position:absolute;left:50%;top:0;transform:translate(-50%,-30px);width:100%;text-align:center}#summary--image img{height:200px;width:auto}#page-header h1{font-size:26px}.simple-grid .simple-grid--item{border:1px solid #ccc;padding:10px;border-radius:8px;align-items:center}.simple-grid .simple-grid--item h3{font-size:18px}.simple-grid .simple-grid--image svg{width:100% !important}.simple-grid--content p:not(.more,.category){display:none}.simple-grid--content p{margin:0}.single-object #primary{display:block}.simple-grid{display:block}.simple-grid--item{margin:0 0 20px}#primary .linked h2{font-size:16px;margin:0 0 25px}#primary .linked h2:after{display:none}#related{margin:0 -5%;width:100%;padding:20px 5%}#related .simple-grid .simple-grid--item{border:none;padding:0}#gallery .container{width:100%;padding:0}#gallery-preview--container{display:none}#gallery--container{display:block}#gallery--images{display:block;padding:0}.gallery--image{height:300px;margin:0 0 10px;overflow:hidden;text-align:center}#gallery--images img{height:300px;width:auto;min-width:auto;margin:0 auto}#gallery--nav{display:none}#gallery--thumbnails{display:flex;flex-wrap:wrap}.gallery--thumbnail{width:calc( 100% / 5 );border:none;padding:0;background:0 0}.gallery--thumbnail img{object-fit:cover;object-position:center;width:100%;height:100%;opacity:.5}.gallery--thumbnail.active img{opacity:1}#page-menu{display:none}#crumb span{display:none}#crumb span:last-child{display:block}#crumb:before{content:"<";color:var(--secondary)}section#local{display:block}#map{height:350px}#map-buttons{position:static;text-align:center;padding:30px 0}.sub-regions{display:grid;grid-template-columns:1fr}.sub-region--item{background:#fff;border-radius:8px;margin:0 0 20px;padding:20px}.sub-region--image{width:75px;flex-shrink:0;padding-right:15px}.sub-region--image img{width:100%;height:auto;object-fit:contain;border-radius:8px;margin-right:10px}.sub-region--content{padding:0}.sub-region--content h3 a{font-size:20px}article.post{display:block}article.post .post--content h2{margin-top:10px}#featured-post article{display:block}.featured-post--content h2 a{font-size:24px}.region--content{padding-left:5%;padding-right:5%}#reviews .container{display:block}#reviews--items{margin-top:50px}#reviews .glsr-summary-percentages,#reviews .glsr-summary{max-width:100%}#add-review-form{padding:40px}#popular .popular-arrows,#popular .popular-arrows span{position:static;text-align:center}#popular .popular-arrows span{margin:0 20px}}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{padding:0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:#fff}.hamburger-box{width:26px;height:18px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:26px;height:2px;background-color:var(--secondary);border-radius:0;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger--squeeze .hamburger-inner{transition-duration:.075s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{transition:top .075s .12s ease,opacity .075s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .075s .12s ease,transform .075s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .075s ease,transform .075s .12s cubic-bezier(.215,.61,.355,1)}