/****************************/
/* FONTS */
/****************************/
/****************************/
body, h3 {
  font-family: 'Noto Sans', sans-serif !important;
}

h1, h2, .page-title, .entry-title {
  font-family: 'Playfair Display', serif !important;
}

h1{ font-size: 65px; }
h3{ font-size: 40px; }

.top-banner h3{
	font-size: 18px;
	font-weight:bold;
	font-style: italic;
}
.top-banner .container{
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
}


.top-banner .content{height: auto !important;}


/****************************/
/* Header */
/****************************/
/****************************/
.logo.avia-svg-logo { margin-top: 24px; }

/* Top Menu */
#top #header .av-main-nav > li > a{
	  text-transform: uppercase !important;
}

#menu-item-custom-button{ margin-left: 20px; }


#menu-item-custom-button span{
	border: 1px solid;
	border-radius: 30px;
	padding: 13px 34px;
	text-transform: none;
}

#menu-item-custom-button span:hover{
	background-color: #115e1f;
	border-color: #115e1f;
}
#menu-item-custom-button a{ opacity: 1 !important; }

#menu-item-search svg {  height: 32px !important; }

/****************************/
/* Header Menu */
/****************************/
/****************************/
.main_menu { margin-top: 30px; }
.sub-menu { padding-top: 10px !important; }
.sub-menu, .sub-menu a { background-color:transparent !important; }
.sub-menu a { border: none !important; }
#top .av-main-nav ul a { padding: 1px 15px; }

#top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
  /* height: 40px !important; */
  line-height: 40px !important;
}

#top #header_main > .container .main_menu .av-main-nav > li{ height: 40px !important; }
#top .av-main-nav ul a:hover{ color: #91cf9a !important;}

/* Add animated bottom line on hover */
.main_menu ul li.menu-item-has-children > a::after {
  content: '';
  display: block;
  height: 2px;
  background-color: #a6a7b1; 
  width: 0;
  transition: width 0.4s ease;
  position: absolute;
  left: 0;
  bottom: -1px; /* Adjust so it sits between top menu and submenu */
  left: 13px;
  max-width: calc(100% - 24px);
}

.main_menu ul li.menu-item-has-children {
  position: relative; /* Required for absolute positioning */
}

.main_menu ul li.menu-item-has-children:hover > a::after {
  width: 100%;
}

.av-main-nav ul { box-shadow: unset !important; }

#top #header .av-main-nav > li > a{ font-size: 14px !important; }

/****************************/
/* HOME */
/****************************/
/****************************/
.green-u-text{
	color: #115e1f !important;
	text-decoration: underline;
}

.home h2 {
  font-size: 60px !important;
  font-weight: bold;
  line-height: 80px;
}

@media only screen and (max-width: 767px) {
	.home h2 { line-height: 70px; }
}

.full-width .container {
   max-width: unset !important;
   padding-inline: 0;
}

.full-width .avia-image-container { margin-bottom: 0px !important; }
 
.full-width .template-page{padding-bottom:0px;}

.max-width-50{
  max-width: calc(1520px / 2);
  float: right !important;
  width: 100% !important; 
}
.max-width-50 .av_textblock_section{ padding-right: 100px; }

img{border-radius: unset !important;}


.av-image-caption-overlay-position {
  display: flex;
  justify-content: center;
}
.av-image-caption-overlay-center{
  transform: none !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: 20px !important;
  text-align: left !important;
  margin-bottom: 15px;
}

.av-image-caption-overlay-center p{
	font-size: 40px;
    font-family: 'Noto Sans', sans-serif !important;
	font-weight: bold;
}

.av-image-caption-overlay-center button{
  border: 1px solid;
  border-radius: 30px;
  padding: 12px 34px;
  text-transform: none;
  color: #fff;
  background-color: transparent;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Noto Sans', sans-serif !important;
}

.av-image-caption-overlay-center button:hover {
  background-color: #115e1f;
  border-color: #115e1f;
  cursor: pointer;
}

.av-image-caption-overlay-center p{
  display: flex;
  gap: 30px;
  justify-content: center;
}
.av-image-caption-overlay-center span{ line-height: 40px; }

.image-overlay-home-section-4{
  display: flex;
  width: 880px;
  justify-content: space-between;
  align-items: center;
  margin-left: 13%;
}

/****************************/
/* BUTTONS */
/****************************/
/****************************/
 .responsive .max-width-slider .container {
  max-width: 100%;
}
.avia-buttonrow-wrap .avia-button { background-color: transparent !important; border-bottom: none;}

.avia-button span{
	border: 1px solid;
	border-radius: 30px;
	padding: 16px 34px;
	border-color: #115e1f !important;
	color: #115e1f;
}

.avia-button span:hover{
	background-color: #115e1f;
	color: #ffffff;
}

.footer-section .avia-button span{
	border-color: #fff !important;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}

.footer-section .avia-button span:hover{
	background-color: #ffffff;
	color: #000;
}

/****************************/
/* Slider */
/****************************/
/****************************/

.swiper {
  width: 100%;
  overflow: visible !important;
  padding: 0 5%; /* Adjust padding as needed */
}

.swiper-wrapper {
  align-items: center;
}

.swiper-slide {
  /* Remove any fixed width when using numeric slidesPerView */
}

.swiper-slide img {
  max-height: 800px;
  width: 100%;
  object-fit: cover;
}

.swiper-slide {
  width: auto;
  max-width: 80%;
  flex-shrink: 0;
}

/* Ensure duplicate slides don't collapse */
.swiper-slide-duplicate {
  width: auto !important;
  max-width: 80%;
  flex-shrink: 0;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {
  color: #fff;
}

.swiper-pagination-bullet {
  width: 20px !important;          /* line length */
  height: 4px !important;            /* line thickness */
  border-radius: unset !important;     /* small rounding, or 0 for sharp ends */
  transition: all 0.3s ease !important; 
  margin-bottom: 20px !important;
}

.swiper-pagination-bullet-active {
  background: #fff !important;       
  opacity: 1 !important; 
}

.swiper-slide {
  position: relative;
}

.slide-overlay {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  /* background: rgba(0, 0, 0, 0.6); */
  color: #fff;
  padding: 12px 20px;
  text-align: center;
  /* border-radius: 6px; */
  max-width: 90%;
  pointer-events: none;
}

.slide-overlay h4 {
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif !important;
}

@media only screen and (max-width: 767px) {
	.slide-overlay h4 { font-size: 36px !important; }
	.spacer { width: 100%; display: block; }	
	.slide-overlay{
		max-width: 100% !important;
 		 width: 100% !important;
		text-align: center;
	}
}

.slide-overlay p {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
	
	.swiper-slide { max-width: 100%; }
	.max-width-slider .container { width: 100% !important; max-width: 100% !important; }
   
}

/****************************/
/* Footer */
/****************************/
/****************************/

.social-icons{
	display: flex;
	gap: 18px;
}

.footer-section,
.footer-section a,
.footer-section p,
.footer-section strong{ color: #fff !important; border: none !important; }

.footer-logo img{ 
  width: 200px;
  margin-bottom: 25px;
  margin-top: 13px;
}


/****************************/
/* Down Arrow */
/****************************/
/****************************/

.scroll-down-link svg {
  display: none;
}

.scroll-down-link::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('https://mokocorp.wpenginepowered.com/wp-content/uploads/2025/06/Moko-Icon-Down-Arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/****************************/
/* One Off Fixes */
/****************************/
/****************************/
.av-nxyy-8726509acfff6907efe17483b31f733b,
.av-mbzt0jz9-472908a10f0b2e791ab76dfcf54dfa2{ /* button align left */
  margin-left: -15px !important;
}
.av-1g35y-5c3c563a4f9468dd4220b7751a7c5f6c .avia-divider-svg { display: none !important; }


/****************************/
/* Mobile */
/****************************/
/****************************/
@media only screen and (max-width: 767px) {
	
	.responsive #top #wrap_all #header{
		position: absolute;
		background-color: transparent;
		margin-top: 25px !important;
	}
	
	.responsive #top .av-logo-container .avia-menu {
	    width: 100% !important;
	}
  
	.main_menu{ left: 0px !important; }
	
	#menu-item-search{
	  position: absolute;
	  right: 0px;
	}
	
	.responsive #top .logo,
	.responsive #top .logo svg{
		margin: 0 auto;
	}	
	
	.mobile-no-bottom-padding .template-page{
		padding-bottom: 0px !important;
	}

	.full-width .container{ 
		width: 100% !important;
		width: width: 100% !important;
		margin-left: 0px !important;
	    margin-right: 0px !important;
	}
	.full-width .flex_column { margin-bottom: 0px !important; }
     div .av_one_fourth { margin-left: 0px;   width: 100%; }
	.footer-section img { margin: 0 auto; }
	.footer-section .avia-image-container.avia-align-left{float: unset; }
	.footer-section p,.footer-section a, .footer-section .avia-buttonrow-wrap{ text-align: center; }
	.social-icons { justify-content: center; }
	.footer-section .avia-buttonrow-wrap{ margin-bottom: 30px; }
	
	.three-images .template-page{ padding-top: 0px;}
	.full-width-image { margin-bottom:0px !important; margin-top:30px !important;}
	.full-width-image .template-page{ padding-bottom: 0px !important;}
}