﻿/*!
Theme name: Kumpulan Helmi
Version: 1.0
Author: Hiep Le
*/@import url("https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital,wght@0,300..700;1,300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap");html{scroll-padding-top:140px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-size:20px;color:#222;font-family:"Inclusive Sans",sans-serif;font-weight:400;margin:0;background:#FFF;display:flex;flex-direction:column;gap:100px;padding-top:140px;overflow-x:hidden}h1,h2,h3,h4,h5{font-weight:700;font-family:"Unbounded",sans-serif;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}h1{font-size:44px}@media (min-width: 1024px){h1{font-size:56px}}h1.entry-title{font-size:32px}@media (min-width: 1024px){h1.entry-title{font-size:44px}}h2{font-size:32px}@media (min-width: 1024px){h2{font-size:44px}}h3{font-size:32px}h4{font-size:28px}h5{font-size:20px}p{line-height:140%}p.p-max{max-width:800px}dl,ol,ul{margin-top:0;margin-bottom:1.5rem}hr{margin:0.5rem 0;background:#222;border:0;height:1px;opacity:1}img{max-width:100%;height:auto;vertical-align:top}svg.icon{height:32px;width:32px;display:inline-block;fill:currentColor;margin-right:0.5em}svg.icon-xl{height:40px;width:40px;display:inline-block;fill:currentColor}a{color:#222;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:4px;font-weight:700}a:hover{text-decoration-thickness:3px;color:#E75875}a:focus-visible{outline:auto;outline:3px solid #E75875 !important}.container{max-width:1312px !important;padding:0 1rem}.brand-pink{background-color:#E75875}.brand-green{background-color:#67B684}.brand-teal{background-color:#2DB5D6}.brand-yellow{background-color:#F8AC08}.brand-orange{background-color:#E96C34}.rounded{border-radius:32px !important}.welcome{color:#FFF}.welcome .w-container{padding:2rem 1.5rem;background-color:#333;background-image:url("img/welcome_helmi.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:overlay;will-change:background-position}@media (min-width: 768px){.welcome .w-container{padding:4rem}}@media (max-width: 768px){.welcome .w-container{background-attachment:scroll}}.welcome h1{font-size:44px;max-width:720px}@media (min-width: 1024px){.welcome h1{font-size:56px}}.welcome p{font-size:24px}.news,.prices,.services,.all-inclusive{display:flex;flex-direction:column;gap:32px}@media (min-width: 768px){.news,.prices,.services,.all-inclusive{gap:40px}}.price-card{padding:2rem 1.5rem;font-size:16px}@media (min-width: 768px){.price-card{padding:2.5rem;min-height:320px}}.price-card ul{width:100%}.price-card ul li{margin-bottom:0.5rem}.price-card ul li span:nth-of-type(2){text-align:right}.price-card .price{font-size:44px;line-height:140%;font-weight:700;font-family:"Unbounded",sans-serif}@media (min-width: 1024px){.price-card .price{font-size:56px}}.price-card .price-extra{font-size:20px;line-height:120%;font-weight:700;font-family:"Inclusive Sans",sans-serif;max-width:1040px}@media (min-width: 1024px){.price-card .price-extra{font-size:24px}}.service-card{min-height:400px}@media (min-width: 768px){.service-card{min-height:540px}}.service-card.kids{background-image:url("img/kids.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply}@media (min-width: 768px){.service-card.kids{background-size:contain}}.service-card.outdoor{background-image:url("img/outdoor.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply}@media (min-width: 768px){.service-card.outdoor{background-size:contain}}.service-card.fashion{background-image:url("img/fashion.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply}@media (min-width: 768px){.service-card.fashion{background-size:contain}}.all-inclusive-card{padding:2rem 1.5rem;font-size:16px}@media (min-width: 768px){.all-inclusive-card{padding:2.5rem}}.all-inclusive-card p:last-child{margin-bottom:0 !important}.all-inclusive-card .all-in-image.all-in-bg{min-height:320px;background-image:url("img/all-inclusive-bg.jpg");background-size:contain;background-position:top;background-repeat:no-repeat;background-blend-mode:multiply}@media (min-width: 768px){.all-inclusive-card .all-in-image.all-in-bg{min-height:540px}}.service-content{font-size:16px}.service-content span{display:block;color:#767676}.terms{background:#F1F1F1;text-align:left;padding:2rem 1.5rem}@media (min-width: 768px){.terms{padding:2.5rem}}.terms ul{margin-bottom:0}.terms li{font-size:16px}.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 1rem;font-size:16px;font-family:"Unbounded",sans-serif;font-weight:500;height:48px;border-radius:999px;border:0;text-decoration:none !important;width:auto}.button.primary{background:#222;color:#FFF}.button.primary:hover{background:#E75875;transition:200ms}.button.secondary{color:#222;border:1px solid rgba(34,34,34,0.2);box-sizing:border-box}.button.secondary:hover{color:#FFF;background:#E75875;border:1px solid transparent;transition:200ms}.button.secondary-inverted{color:#FFF;border:1px solid #FFF;box-sizing:border-box}.button.secondary-inverted:hover{color:#222;background:#FFF;border:1px solid transparent;transition:200ms}#site-header{position:fixed;top:0;left:0;right:0;width:100%;background:rgba(255,255,255,0.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-transform:translate3d(0, 0, 0);z-index:30}#site-header .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}#site-header #logo{flex:none;order:0;flex-grow:0}#site-header #logo img{height:48px;width:auto}@media (min-width: 960px){#site-header #logo img{height:72px}}#site-header #main-nav{flex:none;order:1;flex-grow:0}@media (max-width: 767px){#site-header #main-nav{display:none}}#site-header #main-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;gap:0.25em}#site-header #main-nav ul li a{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 1rem;height:48px;border-radius:999px;border:0;font-family:"Unbounded",sans-serif;font-size:16px;color:#222;font-weight:500;text-decoration:none;border:1px solid rgba(34,34,34,0.2);box-sizing:border-box}#site-header #main-nav ul li a:hover{background:#E75875;color:#FFF;border:1px solid transparent;transition:200ms}#site-header #main-nav ul li.current_page_item a{box-sizing:border-box;border:2px solid #E75875}#site-header #main-nav ul li.reserve a{background:#222;color:#FFF}#site-header #main-nav ul li.reserve a:hover{background:#E75875;color:#FFF;border:1px solid transparent}#mobile-btn{flex:none;order:1;flex-grow:0;padding:0 0.5rem 0 1rem;height:48px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 768px){#mobile-btn{display:none}}#mobile-btn .menu-text{display:inline-block;width:60px;text-align:center;color:#fff}#mobile-btn .menu-close{display:none;width:60px;text-align:center}#mobile-btn .menu-plus{display:inline-block;width:36px;text-align:center;transition:200ms}#mobile-btn.close .menu-text,#mobile-btn.active .menu-text{display:none}#mobile-btn.close .menu-close,#mobile-btn.active .menu-close{display:inline-block}#mobile-btn.close .menu-plus,#mobile-btn.active .menu-plus{transform:rotate(45deg);transition:200ms}#mobile-menu{display:none;background:rgba(255,255,255,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-transform:translate3d(0, 0, 0);position:fixed;top:0;left:0;height:100%;width:100vw;z-index:25;flex-direction:column;justify-content:space-between;padding-bottom:1rem}#mobile-menu.visible{display:flex;animation:300ms ease fade-in 1}@media (min-width: 800px){#mobile-menu.visible{display:none}}#mobile-menu nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5em}#mobile-menu nav ul li{animation:300ms ease-out slide-down 1}#mobile-menu nav ul li a{transform:translateX(-0.75em);transition:transform 200ms;display:flex;padding:0 1rem;font-family:"Unbounded",sans-serif;color:#222;font-size:28px;font-weight:700;text-decoration:none}#mobile-menu nav ul li a::before{content:'→';display:inline-block;width:0.75em;opacity:0;transition:opacity 200ms}#mobile-menu nav ul li a:hover{transform:none}#mobile-menu nav ul li a:hover::before{opacity:1;margin-right:1rem}#mobile-menu nav ul li.current_page_item a{text-decoration:underline;text-decoration-color:#E75875;transition:none}#mobile-menu nav ul li.current_page_item a:hover::before{display:none}#mobile-menu .contact{padding:0 1rem;color:#222;font-size:16px;animation:300ms ease-out slide-down 1}#site-footer{background:#222;color:#FFF;margin-top:100px;padding:3rem 0;font-size:16px}#site-footer ul{max-width:180px}#site-footer #footer-logo img{height:80px}#site-footer a{color:#FFF}#site-footer a:hover{color:#E75875}.accordion{border-top:1px solid rgba(34,34,34,0.2);margin-top:3rem}.accordion .accordion-item{border-right:0 !important;border-left:0 !important;border-top:0 !important;border-bottom:1px solid rgba(34,34,34,0.2)}.accordion .accordion-item:first-of-type .accordion-button{border-radius:0 !important}.accordion .accordion-button{font-family:"Unbounded",sans-serif;font-size:20px;padding:1.25rem 0 !important;display:flex;align-items:center;justify-content:space-between;gap:1rem}.accordion .accordion-button::after{display:none}.accordion .accordion-button:hover{color:#222}.accordion .accordion-button:not(.collapsed){color:#222;background-color:transparent !important;box-shadow:none !important}.accordion .accordion-button:focus{outline:none;box-shadow:none !important}.accordion .accordion-button:focus-visible{outline:3px solid #E75875;border-radius:8px}.accordion .accordion-button .plus-icon{flex-shrink:0;transition:transform 0.2s ease;width:40px;height:40px;background:#F1F1F1;border-radius:999px}.accordion .accordion-button[aria-expanded="true"] .plus-icon{transform:rotate(45deg);transition:transform 200ms ease;background:#E75875;color:#FFF}.accordion .accordion-body{padding:0 0 1rem 0 !important;font-size:16px}.date{color:#767676}.post a{display:block;text-decoration:none}.post a:focus-visible,.post a:focus{outline:3px solid #E75875;outline-offset:4px;border-radius:20px}.post a .excerpt strong{display:block;margin-top:0.5rem}.post a .meta,.post a .excerpt{font-weight:400 !important;font-size:16px}.post-image-list,.post-image{width:auto;overflow:hidden;border-radius:20px;height:320px}@media (min-width: 768px){.post-image-list,.post-image{height:280px;width:auto}}.post-image-list img,.post-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media (min-width: 768px){.post-image{height:420px}}.pagination{display:flex;flex-direction:column;gap:2rem;margin-top:4rem}@media (min-width: 768px){.pagination{flex-direction:row;justify-content:space-between}.pagination .next{text-align:right !important}}.pagination strong{font-size:20px}.pagination a{font-weight:400;height:40px;line-height:40px;display:block}.pagination a.button{display:inline-block}#wp-ga-cookie-banner{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:1rem 1rem 1rem 1.5rem;border-radius:2rem;font-size:80%;z-index:9999;display:flex;flex-direction:column;gap:2rem;width:90%;max-width:920px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}@media (min-width: 768px){#wp-ga-cookie-banner{flex-direction:row;justify-content:space-between;align-items:center}}#wp-ga-cookie-banner a{color:#FFF;text-decoration:underline}#wp-ga-cookie-banner button{background-color:#FFF;color:#222;cursor:pointer;padding:0 1rem;font-size:16px;font-weight:700;height:48px;border-radius:999px;border:0}#wp-ga-cookie-banner button:hover{background-color:#E75875;color:#fff}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-down{from{transform:translateY(-2.5em);transform-origin:0 0}to{transform:translateY(0)}}@keyframes slide-right{from{transform:scaleX(0);transform-origin:0 0}to{transform:scaleX(1)}}@keyframes rotate-in{from{transform:scale(0) rotate(720deg);transform-origin:50% 50%;opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}
