/** Shopify CDN: Minification failed

Line 492:15 Expected identifier but found whitespace
Line 492:16 Unexpected "0.48px"

**/
:root {
  --lato: lato, sans-serif;
  --gitan:  gitan-latin, sans-serif;
  --solex:  solex, sans-serif;
  --modesto: modesto-open-inline-fill, sans-serif;
  --ml_color_body_text: #004656;

  --ml-button-fontsize: 21px;
  --hh-button-fontsize: 14px;
}

:root[data-brand="maunaloa"] {
  --font-overline: var(--modesto);
  --font-heading: var(--gitan);
  --font-subheading: var(--gitan);
  --font-body: var(--gitan);
  --font-link: var(--solex);
  --font-accent: var(--lato);

  --button-fontsize: var(--ml-button-fontsize);
}

:root[data-brand="hawaiianhost"] {
  --font-overline: var(--lato);
  --font-heading: var(--lato);
  --font-subheading: var(--lato);
  --font-body: var(--lato);
  --font-link: var(--lato);
  --font-accent: var(--lato);

  --button-fontsize: var(--hh-button-fontsize);
}






:root {
  --hh-black: #1E1E1E;
  --hh-white: #fff;

  --hh-primary:#617C46;
  --hh-secondary:#B85829;
  --hh-tertiary:#411E1E;
  --hh-pop:#FAFAD7;
  --hh-accent:#FADA63;
  --hh-bg-1:#A9B400;
  --hh-bg-2:#FF8F70;
  --hh-bg-3:#D34627;
  --hh-bg-4:#7B2927;


  --ml-black: #000;
  --ml-white: #fff;

  --ml-primary:#0082A7;
  --ml-secondary:#004656;
  --ml-tertiary:#98EDFC;
  --ml-pop:#E8FCFF;
  --ml-accent:#179B8D;
  --ml-bg-1:#8ED85F;
  --ml-bg-2:#0B4B25;
  --ml-bg-3:#EDC53A;
  --ml-bg-4:#DE2D2B;
  --ml-bg-5:#F8ADA0;

  --hh-button: #5a7d3f;
  --ml-button: var(--ml-bg-1);

  --hh-backdrop: #f9f3e3;
  --ml-backdrop: var(--ml-pop);

  --hh-heading-color: var(--hh-black);
  --ml-heading-color: var(--ml-secondary);

  --hh-button-text-color: var(--hh-white);
  --theme-button-text-color: var(--button-text-color);
  --ml-button-text-color: var(--ml-secondary);
  
  --hh-theme-link: var(--hh-button);
  --hh-theme-link--hover: var(--hh-black);
  --ml-theme-link: var(--ml-primary);
  --ml-theme-link--hover: var(--ml-primary);
}

:root[data-brand="maunaloa"] {
  --theme-black: var(--ml-black);
  --theme-white: var(--ml-white);
  --theme-primary: var(--ml-primary);
  --theme-secondary: var(--ml-secondary);
  --theme-pop: var(--ml-pop);
  --theme-accent: var(--ml-accent);
  --theme-bg-1: var(--ml-bg-1);
  --theme-bg-2: var(--ml-bg-2);
  --theme-bg-3: var(--ml-bg-3);
  --theme-bg-4: var(--ml-bg-4);
  --theme-bg-5: var(--ml-bg-5);
  --theme-button: var(--ml-button);
  --theme-backdrop: var(--ml-backdrop);
  --theme-heading-color: var(--ml-heading-color);
  --theme-button-text-color: var(--ml-button-text-color);
  --theme-link: var(--ml-theme-link);
  --theme-link--hover: var(--ml-theme-link--hover)
}

:root[data-brand="hawaiianhost"] {
  --theme-black: var(--hh-black);
  --theme-white: var(--hh-white);
  --theme-primary: var(--hh-primary);
  --theme-secondary: var(--hh-secondary);
  --theme-pop: var(--hh-pop);
  --theme-accent: var(--hh-accent);
  --theme-bg-1: var(--hh-bg-1);
  --theme-bg-2: var(--hh-bg-2);
  --theme-bg-3: var(--hh-bg-3);
  --theme-bg-4: var(--hh-bg-4);
  --theme-button: var(--hh-button);
  --theme-backdrop: var(--hh-backdrop);
  --theme-heading-color: var(--hh-heading-color);
  --theme-button-text-color: var(--hh-button-text-color);
  --theme-link: var(--hh-theme-link);
  --theme-link--hover: var(--hh-theme-link--hover)
}

.background-hh-black{background-color:var(--hh-black);}
.background-hh-white{background-color:var(--hh-white);}
.background-hh-bg-1{background-color:var(--hh-bg-1);}
.background-hh-bg-2{background-color:var(--hh-bg-2);}
.background-hh-bg-3{background-color:var(--hh-bg-3);}
.background-hh-primary{background-color:var(--hh-primary);}
.background-hh-secondary{background-color:var(--hh-secondary);}
.background-hh-tertiary{background-color:var(--hh-tertiary);}
.background-hh-pop{background-color:var(--hh-pop);}
.background-hh-accent{background-color:var(--hh-accent);}


.color-hh-black{color:var(--hh-black);}
.color-hh-white{color:var(--hh-white);}
.color-hh-bg-1{color:var(--hh-bg-1);}
.color-hh-bg-2{color:var(--hh-bg-2);}
.color-hh-bg-3{color:var(--hh-bg-3);}
.color-hh-primary{color:var(--hh-primary);}
.color-hh-secondary{color:var(--hh-secondary);}
.color-hh-tertiary{color:var(--hh-tertiary);}
.color-hh-pop{color:var(--hh-pop);}
.color-hh-accent{color:var(--hh-accent);}

.border-hh-black{border-color:var(--hh-black);}
.border-hh-white{border-color:var(--hh-white);}
.border-hh-bg-1{border-color:var(--hh-bg-1);}
.border-hh-bg-2{border-color:var(--hh-bg-2);}
.border-hh-bg-3{border-color:var(--hh-bg-3);}
.border-hh-primary{border-color:var(--hh-primary);}
.border-hh-secondary{border-color:var(--hh-secondary);}
.border-hh-tertiary{border-color:var(--hh-tertiary);}
.border-hh-pop{border-color:var(--hh-pop);}
.border-hh-accent{border-color:var(--hh-accent);}



	   
.cta{
	background-color: var(--hh-primary);
	color:var(--hh-white);}
	
.cta.cta-hh-primary{
	background-color:var(--hh-primary);
	border:1px solid var(--hh-primary);
	color:var(--hh-white);}
	
	.cta.cta-hh-ghost{
		background-color:var(--hh-white);
		border:1px solid var(--hh-primary);
		color:var(--hh-primary);}
		
	.cta.cta-hh-ghost-alt{
		background-color:transparent;
		border:1px solid var(--hh-white);
		color:var(--hh-white);}	
	
.cta.cta-hh-secondary{
	background-color:var(--hh-secondary);
	border:1px solid var(--hh-secondary);
	color:var(--hh-primary);}
	
.cta.cta-hh-tertiary{
	background-color:var(--hh-tertiary);
	border:1px solid var(--hh-tertiary);
	color:var(--hh-white);}
	
.cta.cta-hh-pop{
	background-color:var(--hh-pop);
	border:1px solid var(--hh-pop);
	color:var(--hh-primary);}	
	
	.cta.cta-hh-primary:hover{
		background-color:var(--hh-primary);
		border:1px solid var(--hh-primary);
		color:var(--hh-white);}
	.cta.cta-hh-secondary:hover{
		background-color:var(--hh-secondary);
		border:1px solid var(--hh-secondary);
		color:var(--hh-primary);}
	.cta.cta-hh-tertiary:hover{
		background-color:var(--hh-tertiary);
		border:1px solid var(--hh-tertiary);
		color:var(--hh-bg-1);}
	.cta.cta-hh-pop:hover{
		background-color:var(--hh-pop);
		border:1px solid var(--hh-pop);
		color:var(--hh-bg-1);}



.background-ml-black{background-color:var(--ml-black);}
.background-ml-white{background-color:var(--ml-white);}
.background-ml-bg-1{background-color:var(--ml-bg-1);}
.background-ml-bg-2{background-color:var(--ml-bg-2);}
.background-ml-bg-3{background-color:var(--ml-bg-3);}
.background-ml-primary{background-color:var(--ml-primary);}
.background-ml-secondary{background-color:var(--ml-secondary);}
.background-ml-tertiary{background-color:var(--ml-tertiary);}
.background-ml-pop{background-color:var(--ml-pop);}
.background-ml-accent{background-color:var(--ml-accent);}


.color-ml-black{color:var(--ml-black);}
.color-ml-white{color:var(--ml-white);}
.color-ml-bg-1{color:var(--ml-bg-1);}
.color-ml-bg-2{color:var(--ml-bg-2);}
.color-ml-bg-3{color:var(--ml-bg-3);}
.color-ml-primary{color:var(--ml-primary);}
.color-ml-secondary{color:var(--ml-secondary);}
.color-ml-tertiary{color:var(--ml-tertiary);}
.color-ml-pop{color:var(--ml-pop);}
.color-ml-accent{color:var(--ml-accent);}

.border-ml-black{border-color:var(--ml-black);}
.border-ml-white{border-color:var(--ml-white);}
.border-ml-bg-1{border-color:var(--ml-bg-1);}
.border-ml-bg-2{border-color:var(--ml-bg-2);}
.border-ml-bg-3{border-color:var(--ml-bg-3);}
.border-ml-primary{border-color:var(--ml-primary);}
.border-ml-secondary{border-color:var(--ml-secondary);}
.border-ml-tertiary{border-color:var(--ml-tertiary);}
.border-ml-pop{border-color:var(--ml-pop);}
.border-ml-accent{border-color:var(--ml-accent);}



	   
.cta{
	background-color: var(--ml-primary);
	color:var(--ml-white);}
	
.cta.cta-ml-primary{
	background-color:var(--ml-primary);
	border:1px solid var(--ml-primary);
	color:var(--ml-white);}
	
	.cta.cta-ml-ghost{
		background-color:var(--ml-white);
		border:1px solid var(--ml-primary);
		color:var(--ml-primary);}
	
.cta.cta-ml-secondary{
	background-color:var(--ml-secondary);
	border:1px solid var(--ml-secondary);
	color:var(--ml-primary);}
	
.cta.cta-ml-tertiary{
	background-color:var(--ml-tertiary);
	border:1px solid var(--ml-tertiary);
	color:var(--ml-white);}
	
.cta.cta-ml-pop{
	background-color:var(--ml-pop);
	border:1px solid var(--ml-pop);
	color:var(--ml-primary);}	
	
	.cta.cta-ml-primary:hover{
		background-color:var(--ml-primary);
		border:1px solid var(--ml-primary);
		color:var(--ml-white);}
	.cta.cta-ml-secondary:hover{
		background-color:var(--ml-secondary);
		border:1px solid var(--ml-secondary);
		color:var(--ml-primary);}
	.cta.cta-ml-tertiary:hover{
		background-color:var(--ml-tertiary);
		border:1px solid var(--ml-tertiary);
		color:var(--ml-bg-1);}
	.cta.cta-ml-pop:hover{
		background-color:var(--ml-pop);
		border:1px solid var(--ml-pop);
		color:var(--ml-bg-1);}




    .h1,
h1{
font-family: gitan-latin, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.36px;
}

.h2,
h2{
font-family: gitan-latin, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 38px; /* 126.667% */
letter-spacing: 0.3px;}

.h3,
h3{
font-family: gitan-latin, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 171.429% */
letter-spacing: 2.8px;

}

.h4,
h4{
font-family: solex, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 122.222% */
letter-spacing: 1.8px;
text-transform: uppercase;}

.h5,
h5{
font-family: modesto-open-inline-fill, sans-serif;
font-size: 16px;
line-height: 1.4rem; /* 106.25% */
letter-spacing: 1.6px;}

.h6,
h6{
	font-family: solex, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 137.5% */
	letter-spacing: 1.8px;
	text-transform: uppercase;

}

.body1{
font-family: gitan-latin, sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 133.333% */}

.body2{
font-family: gitan-latin, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 131.25% */}

.body3{
	font-family: gitan-latin, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 131.25% */
}

@media only screen and (min-width: 768px) {

	.h1,
	h1{
font-size: 60px;
line-height: 65px;
letter-spacing: 0.6px;}

	.h2,
	h2{
		font-size: 48px;
		line-height: 48px;
		font-size: 40px;
		letter-spacing: 0.4px;
	}


	.h6,
	h6{

		line-height: 24px; /* 150% */
		letter-spacing: 1.9px;}



}

.explore-card-pretitle{
color: #0082A7;
font-family: var(--gitan);
font-size: 12px;
font-style: normal;
font-weight: 800;
line-height: 20px; /* 166.667% */
letter-spacing: 1.2px;
text-transform: uppercase;}

.template-name-page-ml-landing{background:#e8fcff;}
.template-name-page-ml-landing .page-section-explore .swiper-container .swiper-nav .nav-div{top:-5px;}

.template-name-page-ml-landing .page-section-explore .swiper-button-prev:after,
.template-name-page-ml-landing .page-section-explore .swiper-container-rtl .swiper-button-next:after,
.template-name-page-ml-landing .page-section-explore .swiper-button-next:after,
.template-name-page-ml-landing .page-section-explore .swiper-container-rtl .swiper-button-prev:after {
	display:none;}


.template-name-page-ml-landing .page-section-explore .page-section-explore__header{
color: #0082A7;
font-family: var(--modesto);
font-size: 16px;

line-height: 17px;
letter-spacing: 1.6px;}


.template-name-page-about-ml .page-home-collection .section-header{
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 171.429% */
letter-spacing: 2.8px;
text-transform: uppercase;}

  .visuallyhidden, .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }


  .logo-family .logo:first-child:after{background-color:transparent;}

.template-name-product-ml-ice-cream #rebuy-widget-108766 .far.fa-plus,
.template-name-product-ml  #rebuy-widget-108766 .far.fa-plus{font-size: 21px;}

.product-grid-item a.btn{
	margin:0 auto;
	max-width:148px;}


  .nav-div{
    border-right: 2px solid #0082a7;
    border-radius: 100%;
    display: block;
    height: 20px;
	order:2;
	width:2px;}

/* .product-carousel-title	{
color: #004656;
text-align: center;
font-family: var(--gitan);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 55px; /* 114.583% */
letter-spacing: 0.48px;} */


@media only screen and (max-width: 991px) {
	.template-name-page-ml-landing .page-section-explore .page-section-explore__header{
		text-align: center;
		max-width: 50%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 768px) {
  menu.open .btn{width:auto;}
  .template-name-page-ml-landing .page-section-explore .page-section-explore__header{
    padding:0 20px;
		max-width: auto;
}

.template-name-page-ml-landing .page-section-explore{margin:0;}
  .template-name-page-ml-landing .page-section-explore .swiper-container .swiper-slide{
        margin: 0;
    padding: 0 10px;
    width:90%;}


	  }


.template-name-page-ml-landing  .nutrition-hero {min-height: unset;}

 .rebuy-button {
   background-color: #8ed85f !important;
   border-color: #8ed85f !important;
}

 .ml-account-header {
	 width: 50%;
	 margin: 0 auto;
	 padding-top: 50px;
	 padding-bottom: 50px;
	 text-align: center;
 }

.section-header__link {
	margin: 10px 0px;
}