/*
 Theme Name:     Vision West Annual Report
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Husk
 Author URI:     https://www.husk.co.nz/
 Template:       Divi
 Version:        1.0.343
*/

/*------------------------------------------------*/
/*--------------[typography]-----------*/
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .et_pb_posts .pagination a {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	line-height: 1.1em;
	text-transform: initial;
	font-weight: 500;
}

h1, 
.et_pb_column_1_3 h1, 
.et_pb_column_1_4 h1, 
.et_pb_column_1_5 h1, 
.et_pb_column_1_6 h1, 
.et_pb_column_2_5 h1{
	font-size: 50px;
} 

h1 span.green {
	color: #9acd32;
}

h2,
.et_pb_column_1_3 h2, 
.et_pb_column_1_4 h2, 
.et_pb_column_1_5 h2, 
.et_pb_column_1_6 h2, 
.et_pb_column_2_5 h2, 
.et_pb_title_container h1.entry-title {
	font-size: 42px;
}

h3, 
.et_pb_column_1_3 h3, 
.et_pb_column_1_4 h3, 
.et_pb_column_1_5 h3, 
.et_pb_column_1_6 h3, 
.et_pb_column_2_5 h3,
.et_pb_post h2,
h5.et_pb_toggle_title {
	font-size: 36px;
}

h4,
.et_pb_column_1_3 h4, 
.et_pb_column_1_4 h4, 
.et_pb_column_1_5 h4, 
.et_pb_column_1_6 h4, 
.et_pb_column_2_5 h4,
.et_pb_blog_grid h2 {
	font-size: 26px;
}

span.script-font,
.script-font h4 {
	font-family: 'brush-tipTerrence';
}

h5,
.et_pb_column_1_3 h5, 
.et_pb_column_1_4 h5, 
.et_pb_column_1_5 h5, 
.et_pb_column_1_6 h5, 
.et_pb_column_2_5 h5,
.et_pb_column_1_3 .et_pb_blurb_container h4 {
	font-size: 20px;
}

h6,
.et_pb_column_1_2 h6,
.et_pb_column_1_3 h6, 
.et_pb_column_1_4 h6, 
.et_pb_column_1_5 h6, 
.et_pb_column_1_6 h6, 
.et_pb_column_2_5 h6 {
	font-size: 18px;
}

.no-padding-bottom h1, .no-padding-bottom h2, .no-padding-bottom h3, .no-padding-bottom h4, .no-padding-bottom h5, .no-padding-bottom h6 {
	padding-bottom: 0px;
}

p, .et_pb_toggle_content, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_tab_content, ul li, ol li, cite {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px;
	line-height: 1.8em;
	font-weight: 500;
}

.small .et_pb_text_inner, 
.small .et_pb_text_inner p, 
.small .et_pb_text_inner ul li, 
.small .et_pb_text_inner ol li,
sup {
	font-size:11px;
}

.large .et_pb_text_inner, 
.large .et_pb_text_inner p, 
.large .et_pb_text_inner ul li, 
.large .et_pb_text_inner ol li {
	font-size:18px;
}

@media only screen and (max-width: 767px) {	
	.et_pb_title_container h1.entry-title,
	h1, 
	.et_pb_column_1_3 h1, 
	.et_pb_column_1_4 h1, 
	.et_pb_column_1_5 h1, 
	.et_pb_column_1_6 h1, 
	.et_pb_column_2_5 h1 {
		font-size: 35px;
	}
	
	h2, 
	.et_pb_column_1_3 h2, 
	.et_pb_column_1_4 h2, 
	.et_pb_column_1_5 h2, 
	.et_pb_column_1_6 h2, 
	.et_pb_column_2_5 h2,
	.hero .et_pb_text_inner h1 {
		font-size: 28px;
	}
	
	h3, 
	.et_pb_blog_grid h2,
	article.et_pb_post h2,
	h5.et_pb_toggle_title {
		font-size: 20px;
	}

	h4, 
	.thumbnail-tiles .et_pb_blurb_container h4{
		font-size: 18px;
	}
	
	p, ul li, ol li, 
	.et_pb_toggle_content, 
	.et_pb_text_inner, 
	.et_pb_blurb_description,
	.et_pb_tab_content,
	.large .et_pb_text_inner, 
	.large .et_pb_text_inner p, 
	.large .et_pb_text_inner ul li, 
	.large .et_pb_text_inner ol li{
		font-size: 16px;
	}

}


/*------------------------------------------------*/
/*--------------[buttons]-----------*/
/*------------------------------------------------*/
/* inline Divi buttons (add class to row) */
.inline-buttons .et_pb_button_module_wrapper {
	display: inline-block;
}

.btn, .et_pb_button, .button {
	display: inline-block; 
	font-size: 16px !important;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700 !important;
	text-transform: uppercase!important;
	letter-spacing: 0px;
	line-height: 1.7em!important;
	border-radius: 100px !important;
	border: 2px solid !important;
	padding-right: 1.3em!important;
    padding-left: 1.3em!important;
	padding-top: 15px!important;
    padding-bottom: 15px!important;
	transition: all 300ms ease 0ms;
	-webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
	cursor: pointer !important;
}

.btn {
	margin: 0 10px 10px 0;
}

@media only screen and (max-width: 414px) { 
	.btn, .et_pb_button, .button {
		font-size: 12px !important;
		padding-right: 12px!important;
    	padding-left: 12px!important;
		padding-top: 8px!important;
		padding-bottom: 8px!important;
	}
	.btn {
		margin: 0 3px 7px 0;
	}
}

a.btn:hover {
 	text-decoration: none;
}

.btn-smaller {
	font-size: 15px !important;
	padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.btn-green, .button {
	color: #ffffff!important;
	background-color: #9acd32 !important;
	border-color: #9acd32 !important;
}

.btn-green:hover, .button:hover {
	opacity: 0.9;
}

/*------------------------------------------------*/
/*--------------[columns]-----------*/
/*------------------------------------------------*/
@media only screen and (max-width: 980px) and (min-width: 600px) {
	/*** Keep Columns on Tablet	- add class to row ***/	
	.two-columns .et_pb_column {
		width: 50%!important;
	}

	.three-columns .et_pb_column {
		width: 33.33%!important;
	}


	.four-columns .et_pb_column {
		width: 25%!important;
	}
	
	.two-columns-flex {
		display: flex;
    	align-items: center;
	}
	
	.two-columns-flex .et_pb_column {
		margin-bottom: 0px !important;
	}

}

@media only screen and (max-width: 600px) {
	/*** Keep Columns on Mobile	- add class to row ***/
	.two-columns-mobile .et_pb_column {
		width: 50%!important;
		margin-bottom: 0px !important;
	}

	.three-columns-mobile .et_pb_column {
		width: 33.33%!important;
	}

	.four-columns-mobile .et_pb_column {
		width: 25%!important;
	}
	
	.two-columns-modile-flex {
		display: flex;
    	align-items: center;
	}
	
	.two-columns-mobile-flex .et_pb_column {
		margin-bottom: 0px !important;
	}
	
}

@media only screen and (max-width: 980px) {
	/***Switch column order on mobile - add flip class to row ***/
	.flip {
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse !important;
	}
	
	.flip.et_pb_row .et_pb_column.et-last-child {
		    margin-bottom: 30px !important;
	}
}


/*------------------------------------------------*/
/*--------------[sections]-----------*/
/*------------------------------------------------*/
/* inner page header sections */
.header-section .header-text h1, .header-section .header-text img  {
	display: inline-block;
	vertical-align:middle;
}
img.header-icon {
	max-width: 80px;
	margin-right: 20px;
}

img.header-icon-filter {
	filter: brightness(200%) opacity(50%);
}

@media only screen and (max-width: 980px) {
	img.header-icon {
		max-width: 70px;
	}
}


/* story sections */
@media only screen and (min-width: 1700px) {
	.story-section.et_pb_section {
		padding-top: 300px !important;
		padding-bottom: 300px !important;
	}
}

/* stats sections */
.et_pb_number_counter.et_pb_with_title .percent {
	margin-bottom: 0px;
}

.dollar .percent-value:before { 
	content:'$';
}

/* parallax bg sections */
.parallax-bg-opacity .et_parallax_bg_wrap .et_parallax_bg {
	opacity: 0.19;
}

/***********************************
************************************
From VW website
************************************
***********************************/

/*header font  in sliders*/
/*DESKTOP*/
.awesome-heading {
font-size: 50px;
	width:70% !important;
	 line-height: 1.1;
font-family:Montserrat;
font-weight:bold;	
}

.h1.et_pb_slide_title {
	width:70% !important;
	 line-height: 1.1;	
}

.et_pb_slide_title,
.et_pb_slide_title a {
	overflow-wrap: normal;
}

/*SMALLER TABLETS AND PHONES*/
@media only screen and (max-width: 767px) {
	.awesome-heading {
		font-size: 30px;
		width:100% !important;
		font-family:Montserrat;
		font-weight:bold;	
	}
	.et_pb_slide_title a {
		font-size: 30px;
			 line-height: 1.1;	
	}
}

@media only screen and (max-width: 767px) {
.et_pb_slide_title {
font-size: 25px !important;
	width:100% !important;
}
}

/***reorder images on mobile****/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/* blog in the mega menu */

@media only screen and (min-width: 1080px) {
    .dt-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 48%;
        margin-right: 4%;
    }
    .dt-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 52%;
    }
}


/*social share buttons*/
.post-with-social-buttons .et_pb_button:before
{
    border: solid 2px #231f20;
    padding: 5px 14px;
    border-radius: 200px;
}

.post-with-social-buttons-mobile .et_pb_button:before{
	   border: solid 2px #231f20;
    padding: 4px 10px;
    border-radius: 200px;
}


.post-with-social-buttons-mobile  .et_pb_column {
	width: 23% !important;
	padding: 1% !important;
	margin: 0 !important;
}



/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;
margin-right:5% !important;}
[class*="lightbox-content-"] .mfp-close:active {
	top:0px !important;
	margin-right:5% !important;
}

.et_pb_menu li li {
	text-transform: capitalize !important;
}

.sup-heading h6 {
	font-size: 18px;
	font-weight: 500;
	padding-top:20px;
	padding-left:0px;
	padding-right:70px;
}

.sup-heading p {
	line-height: 1em;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:20px;
}

.sup-heading:nth-of-type(1) h6 {
	color: #00b5cd;
	white-space: nowrap;
}

.sup-heading:nth-of-type(2) h6 {
	color: #F37053;
	white-space: nowrap;
}

.sup-heading:nth-of-type(3) h6 {
	color: #63CAE1;
	white-space: nowrap;
}

.sup-heading:nth-of-type(4) h6 {
	color: #B1D34A;
	white-space: nowrap;
}

.sup-heading:nth-of-type(5) h6 {
	color: #5DA9DD;
	white-space: nowrap;
}

.sup-heading:nth-of-type(6) h6 {
	color: #FEC340;
	white-space: nowrap;
}

.sup-heading:nth-of-type(7) h6 {
	color: #7CCCBF;
	white-space: nowrap;
}

.sup-heading:nth-of-type(8) h6 {
	color: #D978B0;
	white-space: nowrap;
}

.sup-heading:nth-of-type(9) h6 {
	color: #F99D3E;
	white-space: nowrap;
}

.sup-heading:nth-of-type(10) h6 {
	color: #78be20;
	white-space: nowrap;
}

.con-heading h7{
	color:#9ACD32;
	font-size:18px;
	white-space: nowrap;
}

.con-heading h8{
	color:black;
	font-size:13px;
	
}
.con-heading h9{
	color:#00B5CD;
	white-space: nowrap;
}

.more-heading h10{
	font-size:14px !important;
	color:#9ACD32;
}
.more-heading p{
	line-height: 1em;
	color:black;
	font-size:10px !important;
}

.con-heading h11{
	color:#F37053;
	white-space: nowrap;
}

.con-heading h12{
	color:#61CAE1;
	white-space: nowrap;
}

.con-heading h13{
	color:#5DA9DD;
}

.con-heading h14{
	color:#7bcbbe;
}

.con-heading h15{
	color:#fdc240;
}

.con-heading h16{
	color:#d878af;
	white-space: nowrap;
}

.con-heading h17{
	color:#F99D3E;
	white-space: nowrap;
}

/*gravityform*/
 body .gform_wrapper .gform_footer input[type=submit]:hover {
cursor:pointer;
}

/*slider*/

.h2.et_pb_slide_title{
 width: 100%!important;
}

/* blog module */
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}

.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}

/*add content before number counter value to fix NaN*/
.pa-number-counter-before .percent-value:before {
	content: "$";
}

/* new style hero */
#hero.et_pb_section:before {  
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/10/Patterns_Parent.png);
    background-repeat: no-repeat;
    background-position: left center; /* positions on left side */
    background-size: 450px; /* or auto, or specific dimensions */
    pointer-events: none; /* allows clicks to pass through */
    z-index: 1; /* ensures it's above background but below content */
	
	/* Mask the PNG itself to fade out */
    -webkit-mask: linear-gradient(to right, 
        black 0%,           /* fully visible */
        black 10%,          /* still fully visible */
        transparent 25%     /* fades to invisible */
    );
    mask: linear-gradient(to right, 
        black 0%, 
        black 10%, 
        transparent 25%
    );
}


/* Pages: Parent */
#hero.default.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_Parent.png');
	opacity: 0.3;
}

/* Pages: Whānau Services, Māori led support, Ōhinga Tū, Mātanga Oranga */
#hero.whanau-services.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_Whanau-Services.png');
	opacity: 1;
}

/* Pages: Money Mentors */
#hero.money-mentors.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_MoneyMentors.png');
	opacity: 1;
}

/* Pages: Whai Manaaki Kai, Pātaka Kai, Whata Manaaki, Manaaki Kai */
#hero.whai-manaaki-kai.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_WhaiManaakiKai.png');
	opacity: 1;
}

/* Pages: Wellbeing Centre */
#hero.wellbeing-centre.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_Wellbeing.png');
	opacity: 1;
}

/* Pages: Community Housing */
#hero.community-housing.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_CommunityHousing.png');
	opacity: 1;
}

/* Pages: Home Healthcare - all */
#hero.home-healthcare.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_HomeHealthcare.png');
	opacity: 0.3;
}

/* Pages: Chaplaincy */
#hero.chaplaincy.et_pb_section:before {
	background-image: url('/wp-content/uploads/2025/10/Patterns_Chaplaincy.png');
	opacity: 1;
}