@font-face {
    font-family: 'lexend';
    font-display: swap;
    src: url('/wp-content/uploads/avia_fonts/Lexend-SemiBold.woff2') format('woff2'),
        url('/wp-content/uploads/avia_fonts/Lexend-SemiBold.woff') format('woff'),
        url('https://happymonday.co.nz/wp-content/uploads/avia_fonts/type_fonts/lexend/lexend-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'lexend';
    font-display: swap;
    src: url('/wp-content/uploads/avia_fonts/Lexend-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/avia_fonts/Lexend-Regular.woff') format('woff'),
        url('https://happymonday.co.nz/wp-content/uploads/avia_fonts/type_fonts/lexend/lexend-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lexend';
    font-display: swap;
    src: url('/wp-content/uploads/avia_fonts/Lexend-Medium.woff2') format('woff2'),
        url('/wp-content/uploads/avia_fonts/Lexend-Medium.woff') format('woff'),
        url('/wp-content/uploads/avia_fonts/type_fonts/lexend/lexend-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
body { -webkit-font-smoothing: antialiased; }
body, p, input, select, textarea {
	  font-weight: 400;
	  font-size: 18px;
	letter-spacing: 0px;
	font-family: lexend;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2, .template-page .entry-content-wrapper h3 {
    letter-spacing: 0px;
}

#top .avia-section {
    min-height: 20px;
}

/* Remove rounded corners on images */
#top img, .avia_image, .avia-content-slider .slide-image { border-radius: 0; }

/* take border off colour section */
.container_wrap { border-top: none !important; }

/* remove & styling */
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; font-style: normal; }

/* Center align columns inside color section*/
#center-align-columns .entry-content-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: center;
}

/* Full width colour section content for mobile */
@media only screen and (max-width: 767px) {
#fwcs .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
}

@media only screen and (max-width: 767px) {
.avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 80px;
    padding-bottom: 80px;
	}
}

#top .main_color .avia-button {
	padding: 20px 30px;
}

#top .main_color .avia-button.avia-color-theme-color-subtle {
    background-color: transparent;
    color: #000000;
	border-color: #000;
}
#top .main_color .avia-button.avia-color-theme-color-subtle:hover {
    opacity: .5;
}


.responsive #top #header #header_main .inner-container .widget>div {
    width: 100%;
    line-height: 14px;
    padding: 0 10px;
    background: none!important;
}

.av-burger-overlay-bg {
    opacity: 1;
    background: #fff;
}
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
	color: #000;
	font-weight: 600;
}
.av-burger-overlay-active #top .av-hamburger-inner, 
.av-burger-overlay-active #top .av-hamburger-inner::before, 
.av-burger-overlay-active #top .av-hamburger-inner::after {
	background-color:#000;
}


/* HOME */

#top.home .main_color h1 {
	font: 600 60px/70px lexend;
	text-align: center;
	max-width: 460px;
    margin: auto;
	padding-top: 25vh;
}
@media only screen and (max-width: 767px) {
#top.home .main_color h1 {
    font: 600 46px/50px lexend;
    text-align: center;
    max-width: 360px;
    margin: 60px auto;
	padding-top: 0px;
	}
}

#top.home #wrap_all .main_color .subintro h2 {
	font: 400 20px/33px lexend;
    padding-top: 15vh;
    text-align: center;
    max-width: 460px;
    margin: auto;
}
#top.home #wrap_all .main_color h2 {
	font: 600 28px/46px lexend;
    padding-top: 10px;
    text-align: left;
}
@media only screen and (max-width: 768px) {
	#top.home #wrap_all .main_color .subintro h2 {
    font: 400 20px/33px lexend;
    padding-top: 0;
    text-align: center;
    max-width: 360px;
    margin: auto;
	}
}

#top.home #wrap_all .main_color h2 a { border-bottom: none; }

@media only screen and (min-width: 768px) {
#top .fixed-image img {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: auto;
	}
}

/* General content page - add .content-section to colour section */

#top #wrap_all .main_color h1 {
	font: 600 60px/80px lexend;
}

#top #wrap_all .main_color h2 {
	font: 600 60px/80px lexend;
}

@media only screen and (max-width: 768px) {
	#top #wrap_all .main_color h1 {
		font: 600 50px/70px lexend;
	}
	#top #wrap_all .main_color h2 {
		font: 600 50px/70px lexend;
	}
}

#top #wrap_all .main_color .intro h2 {
	font: 500 28px/47px lexend;
	max-width: 800px;
	text-align: center;
	margin: auto;
}

#top #wrap_all .main_color .intro h2 strong, #top .main_color h3 {
	font: 600 28px/34px lexend;
	max-width: 800px;
	text-align: center;
	margin: auto;
}
@media only screen and (max-width: 768px) {
	#top #wrap_all .main_color .intro h2 {
		font: 500 20px/30px lexend; }
	#top #wrap_all .main_color .intro h2 strong, #top .main_color h3 {
		font: 600 20px/30px lexend; }
}

#top h2 a { border-bottom: 3px solid #000; }

#top .content-section p {
	text-align: center;
	font: 500 18px/33px lexend;
	margin: auto;
	max-width: 800px;
}
#top .content-section .align-left p {
	text-align: left;
	font: 500 18px/33px lexend;
	margin: auto;
	max-width: 800px;
}

/* Testimonial colour section */

#top #testimonial-section p {
	font: 500 26px/38px lexend;
	text-align: center;
	margin: auto;
	max-width: 800px;
}
#top #testimonial-section p strong {
	font: 600 16px/38px lexend;
	letter-spacing: 1.28px;
	text-transform: uppercase;
	text-align: center;
	margin: 20px auto 0;
	max-width: 800px;
}

@media only screen and (max-width: 768px) {
	#top #testimonial-section p {
	font: 500 22px/32px lexend;
	}
	#top #testimonial-section p strong {
		font: 600 14px/38px lexend; 
	}

}

/* CTA content colour section */

#top #cta-section.content-section p {
	text-align: center;
	font: 500 20px/33px lexend;
	margin: auto;
	max-width: 800px;
}

/* Blog */

#top.archive #main .container_wrap, #top.category #main .container_wrap {
    background-color: #ececec;
    padding-top: 80px;
}

#top.post-template-default .title_container .container {
    margin: 0;
}

#top .avia-post-nav {
	background: rgba(0,0,0,0.5);
}

#top .main_color .breadcrumb, #top .main_color .breadcrumb a {
    color: #999;
    font-size: 11px;
}
#top .title_container .breadcrumb {
    right: inherit;
}

#top .post-entry-content .entry-content-wrapper {
	max-width: 800px;
    margin: auto;
}
#top .entry-content-header {
    text-align: center;
}

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first {
    margin-bottom: 40px;
	}

	.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin-bottom: 40px;
	}
	.avia-content-slider .slide-entry-wrap {
    margin-bottom: 40px;
	}
}

#top #wrap_all .main_color .post-entry h1 {
	text-align: center;
}
@media only screen and (max-width: 768px) {
	#top #wrap_all .main_color .post-entry h1 {
		font: 600 40px/60px lexend;
	}
}

#top.post-template-default #wrap_all .main_color .post-entry h2 {
	font-size: 24px;
    line-height: 40px;
}

#top.single-post p + h3 {
    margin-top: 1.5em;
}

#top.single-post p a {
    text-decoration: underline;
}

#top .av-post-metadata-container-inner .av-post-metadata-content {
    font: 600 16px/24px lexend;
    letter-spacing: 0.8px;
    color: #000;
}
.html_modern-blog #top .post-entry .blog-categories {
    text-align: center;
    font-weight: 600;
    font-size: 0.8em;
    top: 0;
    text-transform: none;
}


#top .main_color #related-posts h3, #top.page-id-84 h3 {
	font: 600 28px/36px lexend;
	letter-spacing: 0;
	padding-top: .4em;
    padding-bottom: .4em;
}

#top.single-format-standard .post-cta-section h3 {
	font: 600 58px/58px lexend;
}
@media only screen and (max-width: 768px) {
	#top.single-format-standard .post-cta-section h3 {
	font: 600 38px/38px lexend;
	}
}

#top.single-format-standard .post-cta-section h3 a:hover {
	border-bottom: 3px solid #000;
}


/* Team member */

#top #wrap_all .main_color .team-bio h2 {
    font: 600 28px/38px lexend;
    text-align: center;
    margin-bottom: 30px;
}
#top .team-bio p {
	text-align: center;
    font: 500 18px/28px lexend;
}

.team-img-leigh:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-leigh {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Leigh-Gray-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }
.team-img-gary:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-gary {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Gary-Lee-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }
.team-img-anj:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-anj {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Anj-Hawkins-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }
.team-img-karen:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-karen {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Karen-Foreman-Brown-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }
.team-img-greg:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-greg {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Greg-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }

.team-img-louisa:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-louisa {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Louisa-Raxworthy-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }
.team-img-serena:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-serena {
  background: url('http://happymonday.co.nz/wp-content/uploads/2021/06/Serena-Mayen-2.jpg') !important ;
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }

.team-img-john:hover img {
  opacity: 0 !important; 
  transition: opacity .5s linear !important; 
  }
  .team-img-john {
  background: url('https://happymonday.co.nz/wp-content/uploads/2022/07/John-Lilly-2.jpeg') !important ; 
  background-size: contain !important; 
	  background-repeat: no-repeat;
  }



/* Footer */
#footer-page p, #footer-page p a { font: 500 14px/24px lexend; }




/************************************

Menu left, overflow logo, widget right

*************************************


CSS Settings:

» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget
» Social icons
» Search
» Cart icon

***********************************/


/*--------------------------------

» Initiate Flexbox

--------------------------------*/


/* Header */
.responsive #top #header,
/* Top bar */
.responsive #top #header #header_meta, 
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget,
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
    display: flex;
    position: relative;    
}





/*--------------------------------

» Topbar

--------------------------------*/


/* Top bar */

.responsive #top #header #header_meta {
    flex-basis: 100%;
}




/*--------------------------------

» Header

--------------------------------*/


/* Height outer container */

#top #header #header_main .container.av-logo-container {
    /* Do not change height here */
    /* Auto height: Header takes the height of the contents */
    height: inherit;    
    line-height: inherit;
}



/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
    /* Define header height here */
    height: inherit;
    position: relative !important;
    flex-wrap: wrap;
    /* Define header padding */
    padding: 10px;
    justify-content: space-between;
}



/* Wrappers 
--------------------------------*/


/* Main header ( logo, menu, widgets ) and topbar */

.responsive #top #header {
    flex-wrap: wrap;
}


/*  Logo, Menu, Social Icons and Widgets. */

.responsive #top #header #header_main {
    flex-basis: 100%;
}


/* Transparent header 
--------------------------------*/

.responsive.html_header_transparency #top #wrap_all #header {
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .responsive.html_header_transparency #top #wrap_all #main {
        /* Define padding value for transparent header in mobile */
        /*padding-top: 315px !important; */
    }
}


 


/* Fixed header 
--------------------------------*/

.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
    position: fixed;
}

.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
    height: inherit !important;
    line-height: inherit !important;
}


/* Main content padding value should be same as the fixed header height. */

.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
.html_header_sticky #top #wrap_all #main {
    /* Define padding only if sticky header is active */
    /*padding-top: 262px ;  */
}

@media only screen and (max-width: 767px) {
    .html_header_sticky #top #wrap_all #main {
        /* Define padding value for sticky header on mobile */
        /*padding-top: 315px !important; */
    }
}






/*--------------------------------

» Logo

--------------------------------*/


/* Logo */

.responsive #top #header #header_main .inner-container .logo {
    order: 2;
    flex-basis: auto;
    /*width: auto;*/

    /* Define scalable min width of the logo on small screens */
    min-width: 100px;
    
    z-index: 9;

    /* Overflow 
    transform: translateY(50%);
    margin-top: -50px;*/
}


@media only screen and (max-width: 767px) {
    /* Remove transfrom in mobile */
    .responsive #top #header #header_main .inner-container .logo {
        transform: none;
        margin-top: 0;
    }
	
	#top #header #header_main .container.av-logo-container .inner-container {
    padding: 0px;
		}
	.responsive #top #header #header_main .inner-container .logo {
    order: 1;
		}
	.responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img {
    max-width: 210px !important;
		}
	.responsive #top #header #header_main .inner-container .main_menu {
    order: 2;
		}
	.responsive #top #header #header_main .inner-container .widget { display: none; }
}


/* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
    width: auto;
    /* Define scalable max width of the logo on big screens */
    /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
	    max-width: 240px;
        
    /* Height specification is not required. It is proportional to the max width of the logo */
    height: auto;    
    align-items: center;
    align-self: center;
    justify-content: center;
}


/* Vertically center transparency logo */

.responsive #top #header .logo span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



/*--------------------------------

» Menu

--------------------------------*/


/* Menu outer container: Menu with siblings cart and social icons */

.responsive #top #header #header_main .inner-container .main_menu {
    order: 1;

    /* Define menu width */
    flex-basis: auto;
	align-items: center;
    align-self: center;
    height: inherit !important;
	width: 102px;
}


/* Navigation */

#header .av-main-nav {
    display: flex;
    flex-wrap: nowrap;
}


/*  Activate burger menu  */

@media only screen and (min-width: 767px) {
    #top #header .av-main-nav>li.menu-item {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

@media only screen and (max-width: 767px) {
    /* Mobile menu position fix */
    .responsive #top .av-logo-container .avia-menu {
        display: flex!important;
        align-items: center;
    }
}

#top .av-hamburger-box {
	width: 42px;
}
#top .av-hamburger-inner {
    margin-top: -4px;
}
#top .av-hamburger-inner::before {
    top: -15px;
}
#top .av-hamburger-inner::after {
    bottom: 0px;
}



/* Mega menu submenu position fix */

.responsive #top #header .avia_mega_div {
    /* Define megamenu submenu top value */
    /*   top: 300px; 
   position: fixed;
   left: 50%;
   transform: translateX(-50%);*/
}



/*--------------------------------

» Widget

--------------------------------*/


/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
    order: 3;
    flex-basis: auto;
    padding: 0;
    clear: none!important;

    justify-content: center;
    align-self: center;
    align-items: center;
    z-index: 1;
}


.responsive #top #header #header_main .inner-container .widget>div {
    width: 100%;
    line-height: 14px;
    padding: 0 10px;
    background: gold;
}




/*--------------------------------

» Social icons

--------------------------------*/


/* Flex support and position fix */

.responsive #top #header #header_main nav .social_bookmarks {
    top: auto;
    margin-top: 0;
    align-items: center;
}


/* Inherit height for flex alignment */

.responsive #top .av-logo-container .social_bookmarks li {
    height: inherit;
}





/*--------------------------------

» Search 

--------------------------------*/


/* Your styles here */


/*--------------------------------

» Cart 

--------------------------------*/


/* Cart position fix */

#top #header #header_main #menu-item-shop a.cart_dropdown_link {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .responsive #top #menu-item-shop.cart_dropdown {
        display: flex;
        align-items: center;
    }
    .cart_dropdown .dropdown_widget .avia-arrow {
        display: none;
    }
}

/* Cookie's Bar */
#top .avia-cookiemessage-bottom .avia-button{font-size: 12px; padding: 12px 25px;}
@media only screen and (max-width: 767px) {
   #top .avia-cookiemessage-bottom .avia-button{margin-bottom: 10px; margin-top: 10px;}
}