/* New menu */
:root { 
	--site-menu-active-color: #80B73D;
	--announcement-bar-color:#349A4F;
	--shop-menu-color: #5AA1CB;
	--learn-menu-color: #80B73D;
}

.announcement-bar{
	background: var(--announcement-bar-color);
  	text-align:center;
  	padding:5px 12px;
  	color:white;
}
.announcement-bar p{
	margin:0;
}
header.main-header{
	background:white;
  	margin-bottom:30px;
}

/* Navbar */
.nav-container{
  	display: -webkit-box;
	display: flex;
    width: 100%;
    justify-content: space-between;
    -webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
    background:white;
  	-webkit-box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.04); 
	box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.04);
    z-index: 99999;
    position:relative;
}

.nav-container.sticky,
.navbar-mobile.sticky{
	position:fixed;
    top:0;
}

.nav-container .navbar > li {
    display: inline-block;
}

.nav-container a.logo{
    text-align: center;
  	-webkit-flex:0 1 30vw;
	flex:0 1 30vw;
    display: -webkit-flex;
    display: -ms-flexbox;
  	display: flex;
  	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
	justify-content: center;
  	align-items:center;
}

.nav-container .logo img{
	width:100%;
	max-width:240px;
}

ul.navbar {
	display:flex;
 	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
	flex: 0 1 35vw;
}

ul.navbar > li > a{
	color: #3D3D3D;
    padding: 50px 17px;
    display: flex;
  	font-weight:bold;
  	font-size:18px;
    height:110px;
    align-items:center;
    text-align: center;
	line-height: 20px;
}

ul.navbar a:hover,
ul.navbar a:focus,
a.mb-navbar-megamenu__link{
    text-decoration: none;
}

/* Navbar left & Megamenu*/
ul.navbar-left > li.active{
	border-right:none;
}

ul.navbar-left li:hover > a{
	color:#FFF;
}
ul.navbar-left > li{
	width:50%;
	max-width:206px;
}
ul.navbar-left > li > a{
	padding:0;
	width: 100%;
	display:flex;
	justify-content: center;
}

ul.navbar-left > li > a > .menu-title{
  	display: block;
    margin-top: 20px;
}

ul.navbar-left li.active > a,
ul.navbar-left li.active-site-menu > a,
ul.navbar-left li.active-site-menu .menu-title{
	background: var(--site-menu-active-color);
  	color:white !important;
}

ul.navbar-left li.shop-menu-container:hover > a{background: var(--shop-menu-color);}
ul.navbar-left li.learn-menu-container:hover > a{background: var(--learn-menu-color);}

ul.navbar-left li .icon{ margin-bottom: 25px;}
ul.navbar-right{justify-content:flex-end;}

ul.navbar-left .active-site-menu .icon path,
ul.navbar li:hover .icon path{ fill: #FFF;}

ul.navbar .toothbrush-icon,
ul.navbar .book-icon{
	display:block;
  	padding:2px;
  	margin:auto;
  	position: absolute;
    margin-top: -25px;
}
ul.navbar .book-icon{ margin-left:7px;}

.megamenu-container{
	position: absolute;
    width: 625px;
    display: flex;
  	padding:30px;
  	opacity:0;
  	filter:alpha(opacity=0);
	transform:scaleY(0);
  	-webkit-transition:all .3s ease-in;
  	-moz-transition:all .3s ease-in;
  	-ms-transition:all .3s ease-in;
  	transition:all .3s ease-in;
	transform-origin: top center;
    left:0;
}
li.shop-menu-container .megamenu-container{ background: var(--shop-menu-color);}

li.learn-menu-container .megamenu-container{ background: var(--learn-menu-color);}

.navbar > li:hover .megamenu-container{
  	opacity:1;
  	filter:alpha(opacity=100);
	transform:scaleY(1);
}

.megamenu-container .megamenu-column{ padding:25px;}
.megamenu-container .megamenu-column-title{
	color:white;
  	font-family: aktiv-grotesk,'Helvetica Neue',Helvetica,sans-serif;
  	font-size:22px;
  	margin-bottom:20px;
  	font-weight:bold;
}

.megamenu-container ul.submenu{list-style:none;}
.megamenu-container ul.submenu{ line-height:40px;}

.megamenu-container ul.submenu a{
	font-size:18px;
    color:white;
	font-weight: 400;
}
.megamenu-container ul.submenu a:hover,
.megamenu-container ul.submenu li:hover{ background:none;}

/* Navbar right */
ul.navbar li > a.cart-link{padding-left: 20px;padding-right: 20px;}
ul.navbar li.cart-li-container{ position:relative;margin-right:20px;}

ul.navbar-right > li:hover > a{
	background:#efebe6;
}

.d-cart-count,
.mb-navbar__cart-count{
  	display:none;
	position:absolute;
    margin-top: -14px;
  	margin-left:-11px;
    background: #F48E42;
    border-radius: 50%;
    font-size: 13px;
    width: 26px;
    height: 26px;
    text-align: center;
  	font-weight:bold;
}

.mb-navbar__cart-count{
  	margin-left:-10px;
  	margin-top:-12px;
  	width:23px;
  	height:23px;
}

.d-cart-count.has-items,
.mb-navbar__cart-count.has-items{display:inline-block;}

ul.navbar .toothbrush-icon,
ul.navbar .toothbrush-icon path,
ul.navbar .book-icon,
ul.navbar .book-icon path{
	fill: #D1CBC2;
}

/* Mobile menu */
.navbar-mobile{display:none}
.mb-menu-btn{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:80px;
    height:80px;
    cursor:pointer;
    transition: all 0.5s ease-in-out;
}
.mb-menu-btn__burger{
	width:30px;
  	height:4px;
  	background:#3D3D3D;
  	border-radius:1px;
  	transition: all 0.5s ease-in-out;
}

.mb-menu-btn__burger::before,
.mb-menu-btn__burger::after{
	content: "";
  	position:absolute;
  	width:30px;
  	height:4px;
  	background:#3D3D3D;
  	border-radius:1px;
  	transition: all 0.5s ease-in-out;
}

.mb-menu-btn__burger::before{
	transform: translateY(-12px);
}

.mb-menu-btn__burger::after{
	transform: translateY(12px);
  	width:20px;
}

.mb-menu-btn.open .mb-menu-btn__burger,
.mb-navbar-megamenu__link .mb-menu-btn__burger{
	transform:translateX(-30px);
  	background:transparent;
  	box-shadow:none;
}

.mb-menu-btn.open .mb-menu-btn__burger::before,
.mb-navbar-megamenu__link .mb-menu-btn__burger::before{
	transform: rotate(45deg) translate(20px, -20px);
}

.mb-menu-btn.open .mb-menu-btn__burger::after,
.mb-navbar-megamenu__link .mb-menu-btn__burger::after{
	transform: rotate(-45deg) translate(20px, 20px);
  	width:30px;
}

.mb-navbar{
	display:flex;
  	justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  	padding: 12px 0;
  -webkit-box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.04); 
	box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.04);
   border-bottom: 1px solid #D1CBC2;
   position:relative;
   z-index: 9999;
}

.mb-menu-btn,
.mb-havbar__cart{flex:0 1 60px;}

.mb-havbar__cart{text-align:center;}

.mb-navbar__logo > img{max-width:213px;}

/* Mobile navbar dropdown */
.mb-navbar-dropdown{
	display:none;
  	position:absolute;
  	z-index:10;
  	width:100%;
  	height:100vh;
  	background:white;
   	-webkit-box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.40); 
	box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.40);
    z-index: 99999;
}

ul.mb-navbar-dropdown__items{list-style:none;}

ul.mb-navbar-dropdown__items > li{
	padding:17px;
  	border-bottom: 1px solid #D1CBC2;
}

ul.mb-navbar-dropdown__items > li:last-child{
	border-bottom:none;
}

ul.mb-navbar-dropdown__items > li > a{
  	font-family: Helvetica Neue;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 37px;
    color: #3D3D3D;
}

.mb-navbar-dropdown__item--has-children{position:relative;}

.mb-navbar-dropdown__item--has-children > ul{
	display:none;
  	list-style:none;
  	padding:20px 20px 10px 20px;
}

.mb-navbar-dropdown__item--has-children > ul > li,
.mb-navbar-megamenu__item--has-children > ul > li{
	line-height:55px;
}

.mb-navbar-dropdown__item--has-children > ul a,
.mb-navbar-megamenu__item--has-children > ul a{
	font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
	color: #3D3D3D;
}

.mb-navbar-dropdown__toggle{
	display:inline-block;
    position:absolute;
    width:30px;
  	height:30px;
  	right:0;
  	top:30px;
  	margin-right:10px;   
}
.mb-navbar-dropdown__toggle::before{
	content:"\f078";
  	display:block;
  	width:30px;
  	height:30px;
  	margin-right:10px;
  	color:#3D3D3D;
}

.mb-navbar-dropdown__toggle.open::before{
	content:"\f077";
}

.mb-navbar-megamenu{
  	display:flex;
  	justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  	list-style:none;
}

.mb-navbar-megamenu > li{
  	flex:0 1 50vw;
}

.mb-navbar-megamenu > li > a{
	display:flex;
  	flex-direction:column;
  	height:89px;
  	width:100%;
  	-webkit-box-align:center;
    -ms-flex-align:center;
  	justify-content:center;
    align-items:center;
  	text-align:center;
  	border-bottom:1px solid #d1cbc2;
  	font-weight:bold;
  	font-size:18px;
    color: #3D3D3D
}

.mb-navbar-megamenu > li:first-child > a{
	border-right:1px solid #d1cbc2;
}

.mb-navbar-megamenu .icon path{
	fill: #D1CBC2;
}

.active-site-menu .icon path{
	fill:#FFF;
}

.mb-navbar-megamenu__dropdown{
	-webkit-box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.3); 
	box-shadow: 0px 12px 12px -8px rgba(0,0,0,0.3);
}

.mb-navbar-megamenu__dropdown,
.mb-navbar-megamenu__dropdown ul{
	list-style:none;
}

.mb-navbar-megamenu__dropdown{
	position: absolute;
    background: #80B73D;
    width: 100%;
  	z-index:9999;
  	left:0;
  	display:none;
}

.shop-menu-container .mb-navbar-megamenu__dropdown{background: var(--shop-menu-color);}
.learn-menu-container .mb-navbar-megamenu__dropdown{background: var(--learn-menu-color);}

.mb-navbar-megamenu__dropdown > li{ border-bottom:1px solid white;}
.mb-navbar-megamenu__item--has-children{
	position:relative;
}
.mb-navbar-megamenu__item--has-children > ul{
	display:none;
  	padding:20px 20px 10px 20px;
}
.mb-navbar-megamenu__dropdown > li > a,
.mb-navbar-megamenu .mb-navbar-dropdown__toggle::before{
	color:#FFF !important;
}
.mb-navbar-megamenu__dropdown > li > a{
	font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
  	padding:17px;
  	display:block;
}

.mb-navbar-megamenu__link.open,
.active-site-menu .mb-navbar-megamenu__link{
  	color:#FFF !important;
}

.active-site-menu .mb-navbar-megamenu__link{
	background: var(--site-menu-active-color);
}

.shop-menu-container .mb-navbar-megamenu__link.open{
	background: var(--shop-menu-color);
	border-bottom:3px solid var(--shop-menu-color);
}

.learn-menu-container .mb-navbar-megamenu__link.open{
	background: var(--learn-menu-color);
	border-bottom:3px solid var(--learn-menu-color);
}

.mb-navbar-megamenu__item--has-children ul{ background:white;}
.mb-navbar-megamenu__item--has-children ul a{
	color:#3D3D3D;
}

.mb-navbar-megamenu__link .mb-menu-btn__burger{display:none;}
.mb-navbar-megamenu__link.open .icon{visibility:hidden;}
.mb-navbar-megamenu__link.open .mb-menu-btn__burger{
	display:block;
  	transform: translate(-36px, -7px);
}
.mb-navbar-megamenu__link.open .mb-menu-btn__burger::before{
	transform:rotate(45deg) translate(7px,-20px);
  	background:#FFF;
}

.mb-navbar-megamenu__link.open .mb-menu-btn__burger::after{
	transform:rotate(-45deg) translate(20px,7px);
  	background:#FFF;
}

.navbar-right--has-children{position:relative;}

.navbar-right--has-children .dropdown-menu-container{
	position:absolute;
  	width: 240px;
    background: white;
    opacity:0;
	filter:alpha(opacity=0);
    list-style: none;
    border-top: 1px solid #EEE;
    margin: auto;
  	right:0;
  	padding:0;
  	-webkit-box-shadow: 0px 13px 16px -6px rgba(0,0,0,0.41); 
	box-shadow: 0px 13px 16px -6px rgba(0,0,0,0.41);
	transform:scaleY(0);
	-webkit-transition:all .3s ease-in;
  	-moz-transition:all .3s ease-in;
  	-ms-transition:all .3s ease-in;
  	transition:all .3s ease-in;
	transform-origin: top center;
}

.navbar-right--has-children:hover .dropdown-menu-container{
	opacity:1;
	transform:scaleY(1);
	filter:alpha(opacity=100);
}

.navbar-right > li > a{
	display: flex !important;
  	align-items:center;
}
.navbar-right--has-children .dropdown-menu-container a{
	color: #3d3d3d;
  	border-bottom: 1px solid #d1cbc2;
  	display:block;
  	padding:20px;
	font-weight: normal;
}

.navbar-right--has-children .dropdown-menu-container a:hover{
	background: #efebe6;
  	color:#3d3d3d;
}

.navbar-right a:focus,
.navbar-right a:active{
	border:none !important;
	outline:none;
}

/* .navbar-right--has-children:hover .mb-navbar-dropdown__toggle{
	display: none;
} */

.navbar-right--has-children .mb-navbar-dropdown__toggle{
	height:10px;
  	width:10px;
  	margin-left:3px;
	top:initial;
	font-size:11px;
	position:initial;
}
.navbar-right--has-children .mb-navbar-dropdown__toggle::before{
	position:initial;
	width:auto;
	height:auto;
	margin-right:0;
}

.cart-li-container:hover a{
	background:none !important;
}

@media screen and (max-width:768px){
  .navbar-desktop{display:none !important;}
  
  .navbar-mobile{display:block;}
  
  .announcement-bar p {
    font-size: 15px;
    line-height: 18px;
  }

  div.home-header{margin-top:-10.9rem;}

  .est-frontend-display-wrap.est-fixed{top:57%;}

  .announcement-bar p{
	margin-bottom:10px;
  }
}

@media screen and (max-width:1024px){
	ul.navbar-left>li>a {padding: 47px 60px;}
	.nav-container .logo img,
  	.mb-navbar__logo > img{
		width:90%;
      	max-height:80px;
	}

	ul.navbar-left > li{max-width:115px;}
}

@media screen and (max-width:1200px){
	.nav-container .logo img{max-width: 200px;}

	.nav-container a.logo{flex: 0 1 20vw;}

	ul.navbar{flex: 0 1 40vw;}
}

/* WP Only */
.site-header .wrap{
    max-width: unset !important;
    padding:0 !important;
}
.site-header:before{display: none !important;}
header.site-header{height:auto;
}

.menu__search-form{
    display: flex;
    align-items: center;
    position:relative;
}

.menu__search-form input{
    width:40px;
    padding:13px;
    visibility: hidden;
    font-size:16px;
}

.menu__search-form button,
.mobile_menu-search-button{
    position: absolute;
    display: block;
    right: 6px;
    padding: 0;
    margin: 3px 0 0 0;
    min-width: unset;
    background:none;
}

.menu__search-form button:hover,
.menu__search-form button:focus,
.mobile_menu-search-button:hover,
.mobile_menu-search-button:focus{
    background:none;
    border: none;
    outline: none;
}

.mobile_menu__search-form{
    display:flex;
    padding:10px;
    align-items: center;
}

.mobile_menu-search-input{padding:15px;}

.mobile_menu-search-button{right:20px;}
.mb-search-container{padding:5px 0 !important;}

li.menu-search-bar{padding-left:15px;}

header.main-header{
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}

/** Most popular product widget */
.most-popular-widget #product-loop{
	display: flex;
	max-width: 1400px;
	margin: auto;
	align-items: start;
	padding:25px 0;
}

.most-popular-widget .section-heading{
	max-width: 1400px;
	margin: auto;
	text-align: center;
	padding:25px 0;
	position:relative;
}

.most-popular-widget .section-heading h2{
	background:white;
	display:inline-block;
	z-index: 9999;
    position: relative;
	padding: 0 12px;
	font-size:32px;
}

.most-popular-widget div.section-heading::before{
	background: #d5d5d5;
    height: 1px;
    width: 100%;
    display: block;
    content: '';
    position: absolute;
    top: 45%;
}

.most-popular-widget #product-loop  .box-ratio{
	display: flex;
    height: 320px;
    align-items: end;
}

.most-popular-widget .product-index {
	position: relative;
	padding:0px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-height: 510px;
}
.most-popular-widget .product-index .sale-item.icn{
	position: absolute;
	top:0px;
	right:0;
	background:#349a4f;
	color: white;
    font-weight: normal;
    padding: 0px 9px;
}
.most-popular-widget .product-index .price{
	display:flex;
	font-weight: 700;
	justify-content: center;
}
.most-popular-widget .product-index .price .was{
	font-weight: normal;
	text-decoration: line-through;
}
.most-popular-widget .product-index .onsale{
	color:#349a4f;
	margin-right: 5px;
}

.most-popular-widget .product-info{
	text-align: center;
	margin-top:25px;
}

.most-popular-widget .prod-title{
	color:#39a2cf;
	font-size:16px;
	font-weight: normal;
}

.most-popular-widget a.add{
	border-radius: 0;
	background-color:#ffa018;
	line-height: 1;
    padding: 10px 40px;
	font-weight: normal;
}
.most-popular-widget a.add:hover{
	background:black;
}
.most-popular-widget .product-add{
	text-align: center;
    margin-top: 15px;
}

.most-popular-widget .stamped-fa,
.most-popular-widget .stamped-badge-starrating{
	color:black !important;
}

.most-popular-widget .box-ratio,
.most-popular-widget #product-loop .hidden{
	-webkit-transition:all .3s ease-in;
  	-moz-transition:all .3s ease-in;
  	-ms-transition:all .3s ease-in;
  	transition:all .3s ease-in;
}

.most-popular-widget #product-loop .hidden{
	position: absolute;
    top: 0;
	opacity:0;
  	filter:alpha(opacity=0);
}

#homepage-products .product-index > a:hover .box-ratio{
	opacity:0;
  	filter:alpha(opacity=0);
}

#homepage-products .product-index > a:hover .hidden{
	opacity:1;
  	filter:alpha(opacity=100);
}

.product-info a:hover{
	text-decoration: none;
}

@media screen and (max-width:768px){
	.most-popular-widget  #product-loop{
		flex-wrap: wrap;
	}
	.most-popular-widget  #product-loop .product-index{
		flex: 0 1 50vw;
		min-height: unset;
	}

	.most-popular-widget  #product-loop .product-index a{
		/* padding-left:15px;
		padding-right:15px; */
	}

	.most-popular-widget .product-index .sale-item.icn{
		top:-18px;
	}

	.most-popular-widget .stamped-badge-caption{
		font-size:13px;
	}

	.most-popular-widget #product-loop .box-ratio{
		height:auto;
	}

	
}