/*
Theme Name: Aspire Kids
Theme URI: vitalcolour.co.nz
Author: Vital Colour
Author URI: https://www.vitalcolour.co.nz
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* Global
------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Muli', sans-serif;
	/*letter-spacing: -0.005em;*/
	color: #333;
	font-size: 18px;
	line-height: 24px;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	font-weight: normal;
}

/*
strong {
color: #000;	
}*/

html {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

a:link, a:visited, a:active {
	/*background-color: transparent;*/
	text-decoration: none!important;
}

a img {
	border: none;
	outline : none;
}

a {
	color: #e25d1b;
	transition: background-color 0.3s linear, border-color 0.3s linear, color 0.3s linear, opacity 0.3s linear, padding 0.3s linear, text-shadow .3s;
	outline : none;
	font-weight: 600;
}

:focus, a:focus {
	outline: 0!important;
}

:active, :focus { outline: none; -moz-outline-style: none; }

a:focus, a:hover {
	color: #000;/*text-shadow: 0 0 .65px #333, 0 0 .65px #333;*/
}

:link:focus, :visited:focus {outline: none;}

a, a:active, a:focus, a:hover, a:link {
	outline: none!important;
}

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}


* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

h2:empty, h3:empty {
	display: none;
	}
	
	p:empty {
	display: none;
	}

textarea:focus, input:focus, button:focus {
	outline: 0!important;
}

*:focus {
	outline: 0;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

hr {
    background-color: #ccc;
    border: 0 none;
    color: #ccc;
    height: 1px;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
/*
h1, h2, h3 {
letter-spacing: -0.005em!important;
}*/



/* 404 page
------------------------------------------------------------------------------*/

/*
.error-page {
	display: inline-block;
	width: 100%;
}
*/




/* Header
------------------------------------------------------------------------------*/
header {
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.header .container {
position: relative;
}

.header-logo {
	z-index: 20;
	position: absolute;
	margin-top: 15px;
	margin-bottom: 20px;
	left: 10px;
}

.nav-container {
	height: 200px;
}

.nav-wrapper {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-bottom: 22px;
}


/* Color border
------------------------------------------------------------------------------*/
.color-border {
	margin-bottom: 10px;
}

.color-border ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}



.color-border ul li {
	height: 4px;
	width: 14.28571429%;
	display: inline-block;
	border: none;
	float: left;
}

.color-border ul li:nth-of-type(1) {
	background-color: #922890;
	
}
.color-border ul li:nth-of-type(2) {
	background-color: #ffc62c;
}
.color-border ul li:nth-of-type(3) {
	background-color: #6c9b40;
}
.color-border ul li:nth-of-type(4) {
	background-color: #0774bb;
}
.color-border ul li:nth-of-type(5) {
	background-color: #ec018c;
}
.color-border ul li:nth-of-type(6) {
	background-color: #f7901f;
}
.color-border ul li:nth-of-type(7) {
	background-color: #ed1d24;
}

/* Photo banner
------------------------------------------------------------------------------*/
.photo-banner {
	position: relative;
	display: block;
	width: 100%;
	float: left;
	padding: 0px;
	margin-bottom: 30px; 
}

.photo-banner .btn-banner {
	position: absolute;
	left: 50%;
	bottom: 20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #e25d1b;
	border: none;
	font-size: 20px;
	font-family: 'Averia Sans Libre', cursive;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	transition: background-color 0.3s linear, border-color 0.3s linear, color 0.3s linear, 
	opacity 0.3s linear, padding 0.3s linear, text-shadow .3s;
	border-radius: 15px;
	letter-spacing: 1px;
}



.banner-item {
    display:none;
}	
.banner-item:nth-child(-n+4){
    display:inline-block;
}

.banner-item  {
	max-width: 25%;
	float: left;
}



.photo-banner .shuffle div:nth-of-type(-n+4) {
	display: none;
}

.photo-banner .btn-banner:hover {
	background-color: #000;
}


/* Top nav
------------------------------------------------------------------------------*/

.top-nav  {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.top-nav li {
	float: left;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	
}

.top-nav li:last-of-type {
	border-right: none;
	padding-right: 15px;

}

.top-nav li a {
	color: #666;
	font-family: 'Averia Sans Libre', cursive;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 400;
}

.top-nav li a:hover {
	color: #000;
}

/* Global Content
------------------------------------------------------------------------------*/
.section-wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
	/*border: 4px solid #ed1c24;*/
}

.content h2 {
	color: #e25d1b;
	font-size: 38px;
	font-family: 'Averia Sans Libre', cursive;
	line-height: 40px;
	padding-bottom: 10px;
	font-weight: 400;
}

.content h3 {
	color: #e25d1b;
	font-size: 28px;
	font-family: 'Averia Sans Libre', cursive;
	line-height: 30px;
	position: relative;
	padding-top: 26px;
	padding-bottom: 10px;
	font-weight: 400; 
	
}

.content h3:after {
	content: "";
	position: absolute;
	width: 60px;
	margin-left: 0px;
	height: 1px;
	top: 8px;
	left: 0%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}



.content h4 {
	color: #e25d1b;
	font-size: 25px;
	font-family: 'Averia Sans Libre', cursive;
	line-height: 32px;
	position: relative;
	padding-top: 26px;
	font-weight: 400; 
	
}

.content h4:after {
	content: "";
	position: absolute;
	width: 60px;
	margin-left: 0px;
	height: 1px;
	top: 6px;
	left: 0%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}


.content a {
	color: #e25d1b
}
.content a:hover {
	color: #000;
}

.general-container {
	padding-bottom: 45px;
}

ul.downloads   {
	list-style: none;
	padding: 0px;
	margin: 0px;
} 

ul.downloads  li {
	display: inline-block;
	min-width: 100%;
	float: left;
	padding-left: 25px;
	position: relative;
	padding-bottom: 6px;
}

ul.downloads li:before {
	content: "\f12f";
	font-family: Flaticon;
	font-size: 18px;
	color: #e25d1b;
	position: absolute;
	left: 0;	
}

/* Programme Section home
------------------------------------------------------------------------------*/
.section-wrapper {
	max-width: 1400px;
}


.pro-section-container {
	margin-top: 0px;
	margin-bottom: 30px;
	/*border: 4px solid #ed1c24;*/
}

.pro-section {
	padding-left: 15px;
	padding-right: 15px;
}


.pro-section-img {
	padding: 15px;
	position: relative;
	text-align: right;
	border-radius: 8px;
}


.pro-section-content h2 {
	color: #ed1c24;
	font-size: 40px;
	font-weight: 700;
	font-family: 'Averia Sans Libre', cursive;
}

.pro-section-content h2 span {
	color: #666;
	font-size: 26px;
	font-weight: 500;
	display: block;
	margin-top: -2px;
	font-family: 'Averia Sans Libre', cursive;
}


.pro-section-content {
  background: #fff;
  position: relative;
   padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 70px;
	color: #000;

}

.pro-section-content p {
	max-width: 300px;
	
}

.pro-section-content a {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	display: inline-block;
	position:absolute;
	bottom: 12px;
	border-radius: 15px;
	font-family: 'Averia Sans Libre', cursive;
	
}

.pro-section-content a:hover {
	background-color: #000 !important;
	color: #fff;
}

.pro-section-img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 126px;
	width: 100%;
	height: 82px;
	background: #fff;
	-webkit-transform: skewY(3deg);
	-moz-transform: skewY(3deg);
	-ms-transform: skewY(3deg);
	-o-transform: skewY(3deg);
	transform: skewY(3deg);
	-webkit-backface-visibility: hidden;
	
}


/* Donations
------------------------------------------------------------------------------*/
div.gallery {
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.gallery .col-lg-8 {
	padding-top:0px;
	padding-bottom: 0px;
}

.gallery-container {
	margin: 0px;
	padding-bottom: 30px;
}




/* Donations
------------------------------------------------------------------------------*/

.donation {
	padding-bottom: 20px;
}

/* Supporters
------------------------------------------------------------------------------*/

.supporters {
	padding-bottom: 45px;
}

.supporters img {
	padding-top: 15px;
	padding-bottom: 15px;
}

.supporters .col-lg-3 {
 display: flex;
  justify-content: center;
  align-items: center;
}



/* Team
------------------------------------------------------------------------------*/

.team {
	padding-bottom: 45px;
}

.team img {
	 border-radius: 100%;
	 margin-top: 10px;
}

.team h5 {
	font-size: 22px;
	line-height: 24px;
	color: #e25d1b;
	font-weight: 600;
	padding-top: 10px;
	margin-bottom: 5px;
}

.team h4 {
	color: #666;
	font-size: 25px;
	font-family: 'Averia Sans Libre', cursive;
	line-height: 32px;
	position: relative;
	padding-top: 18px;
	font-weight: 400;
	text-transform: uppercase;	
}

.team h4:after {
	content: "";
	position: absolute;
	width: 100%;
	margin-left: 0px;
	height: 1px;
	top: 6px;
	left: 0%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

.team em {
	color: #999;
	display: block;
	padding-bottom: 15px;
	position: relative;
	
}
/*
.team em:after {
	content: "";
	position: absolute;
	width: 60px;
	margin-left: 0px;
	height: 1px;
	bottom: 14px;
	left: 0%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e25d1b;
}*/

.team .col-lg-4 {
	padding-right: 30px;
	padding-bottom: 25px;
}


/* Footer
------------------------------------------------------------------------------*/
#map {
	height: 400px;
}

/* Footer
------------------------------------------------------------------------------*/

#footer {
	display: inline-block;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;*/
	min-width: 100%;
	background-color: #000;
}

.footer {
	text-align: left;
	/*text-transform: uppercase;*/
	/*letter-spacing: -0.005em;*/
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 50px;
	color: #999;
	padding-top: 10px;
}

.footer a {
	color: #ccc;
	font-weight: 600;
}

.footer a:hover {
	color:  #d71921;
}

.footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.footer li {
	text-align: left;
	padding-bottom: 6px;
}

.footer .connect li:first-of-type {
	padding-top: 20px;
}


.footer .copyright {
	font-size: 14px;
}
.footer h3 {
	font-size: 20px;
	line-height: 25px;
	padding-top: 15px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #fff;
	/*text-transform: uppercase;*/
	font-weight: 600;
}

.footer p {
margin-bottom: 0px;	
}

.connect ul {
	list-style: none;
	margin: 0px;
	margin-top: -8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.connect ul li {
	padding-right: 15px;
	padding-bottom: 15px;
	display: inline-block;
	float: left;
	position: relative;
}
 

.connect li.facebook:after {
	content: '\f123';
	font-family: Flaticon;
	color: #999;
	transition: color 0.3s linear;
	font-size: 36px;
}

.connect  .facebook:hover:after, .connect .facebook:focus:after {
	color: #fff;
}

.connect li.instagram:after {
	content: '\f124';
	font-family: Flaticon;
	color: #999;
	transition: color 0.3s linear;
	font-size: 36px;
}

.connect  .instagram:hover:after, .connect .instagram:focus:after {
    color: #fff;
}

.footer .connect ul {
	min-width: 100%;
	display: inline-block;
}

.copyright {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	color: #999;
	font-size: 15px;
	padding-top: 20px;
	padding-bottom: 30px;
}



.copyright p {
	margin-bottom: 0px;
	padding-bottom: 6px;
}

.copyright a {
	color: #fff;
}



/* Back to Top
------------------------------------------------------------------------------*/
#back-to-top, .touch-device #back-to-top:hover {
	background-color: #d71921;
	bottom: 17px;
	color: transparent;
	display: none;
	font: 0/0 a;
	height: 46px;
	position: fixed;
	right: 25px;
	text-shadow: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	width: 45px;
	z-index: 100;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	-khtml-border-radius: 45px;
	background-image: url("images/arrow-up-large.png");
	background-repeat: no-repeat;
	background-position: center center;
}
#back-to-top:hover, .touch-device #back-to-top:active {
	background-color: #666;
}
.menu-item-has-children .icon-angle-down {
	display: none;
}



/* Gravity select css-------------------------------------------------- */

.ginput_container_select select {
    border: 1px solid #ccc !important;
    border-radius: 0px;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
    overflow: hidden;
    background: #fafafa url("/wp-content/themes/nzfarmtours/images/icon-select.png") no-repeat 97% 50% !important;
	 box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	color: #666;
}



.ginput_container_select select:focus {
    outline: none !important;
}


/* Gravity forms-------------------------------------------------- */


/*
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
}*/

.gform_wrapper div.gform_body {
	max-width: 800px !important;
}

.gform_wrapper div.gform_body {
    margin-top: -10px !important;
}

/*
.gform_wrapper ul.gform_fields {
	display: inline-block!important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px!important;
}*/


body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0px!important;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    line-height: 0px!important;
}


   body .gform_wrapper {
	border: none; 
  }
	
	.gform_body   ul li:before, .gform_heading {
	display: none;	
	}
	
	.gform_body input, .gform_body textarea {
	border: none;	
	}

	
	.gform_wrapper .gform_body   ul li {
	padding: 0px;
	margin: 0px;
	position: relative;
	}
		
	
	.gform_wrapper .gform_body   ul li:before {
	display: none;
	}
	
	
	body .gform_wrapper .gform_body .gfield input:hover,
	body .gform_wrapper .gform_body .gfield textarea:hover {
	border: 1px solid #000;		
	}
	
	
	body .gform_wrapper .gform_body .gfield input,
	body .gform_wrapper .gform_body .gfield textarea {
	font-size: 17px!important;
	color: #000 !important;
	padding-top: 10px !important;
	padding-right: 8px !important;
	padding-bottom: 10px !important;
	padding-left: 12px !important;
	line-height: 19px;
	/*width: 100% !important;*/
	border: 1px solid #ccc;
	transition: background-color 0.3s linear, border-color 0.3s linear, color 0.3s linear, opacity 0.3s linear, padding 0.3s linear, text-shadow .3s;
}
	
	body .gform_wrapper .gform_footer input[type=submit] {
	color: #FFF;
	background-color: #e25d1b;
	border: none;
	font-size: 20px;
	font-weight: 700;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: -10px;
	transition: background-color 0.3s linear, border-color 0.3s linear, color 0.3s linear, opacity 0.3s linear, padding 0.3s linear;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
background-color: #000;
}
	
	body .gform_wrapper .gform_body  input {
	margin: 0px !important;
	}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: rgba(255,223,224,.0)!important;
}	

.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #790000!important;
}
	
	
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: none !important;
   border: none !important;
}

.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
   margin-top: 4px !important;
}

.gform_wrapper .validation_message {
	font-size: 16px !important;
	margin: 0px !important;
	padding-top: 6px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
	padding-left: 0px!important;
}



/*Removes space above input above inputs on error/required*/
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {

	padding: 0px !important;
	margin: 0px !important;
}



.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
   /*padding: 0px !important;*/
   padding-top: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 12px !important;
	padding-right: 15px !important;
}

.gform_wrapper div.validation_error {
    margin-bottom: 25px;
    border: none !important;
    padding: 0px !important;
    text-align: left !important;	
}
	

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
	padding: 0px;
}


	
.gform_body input::-webkit-input-placeholder, .gform_body textarea::-webkit-input-placeholder {	
    color: #666;
    text-align: left;

}
/* Updated 3/11/16 */ 
.gform_body input::-moz-placeholder, .gform_body textarea::-moz-placeholder {/* Firefox 18- */
     color: #666;
    text-align: left;
    opacity: 1;
}
/* Updated 3/11/16 */
.gform_body input:-moz-placeholder, .gform_body textarea:-moz-placeholder {/* Firefox 18- */	
     color: #666;
    text-align: left;
    opacity: 1;
}

.gform_body input:-ms-input-placeholder, .gform_body textarea:-ms-input-placeholder {  
     color: #666;
    text-align: left;

}

/** SECTION 1 **/

/* Hide the OS/Browser checkboxes/radio buttons */
input[type=checkbox], input[type=radio] {
  visibility: hidden!important;
  margin: 0!important;
  width: 0!important;
}

/* Set Elegant Icont font, size, & positioning for the checkboxes/radio buttons plus the cursor on hover */
input[type=checkbox] + label:before,input[type=checkbox] + span + label:before,
input[type=checkbox] + span:before,
input[type=radio] + label:before,
input[type=radio] + span + label:before{
	visibility: visible;
	font-family: ElegantIcons;
	font-size: 30px;
	position: relative;
	top: 6px;
	padding-right: 20px;
	color: #999;
	line-height: 25px;	
}

input[type=checkbox] + label:hover,input[type=checkbox] + span + label:hover,
input[type=checkbox] + span:hover,
input[type=radio] + label:hover,
input[type=radio]  + span + label:hover{ 
  cursor: pointer; 
}

/** SECTION 2 **/

/* Set checkbox to ET icons: normal, hover, checked, & checked hover */
input[type=checkbox] + label:before,input[type=checkbox] + span + label:before,
input[type=checkbox] + span:before { 
  content: '\56'; 
  
}
input[type=checkbox] + label:hover:before,input[type=checkbox] + span + label:hover:before,
input[type=checkbox] + span:hover:before {
  content: '\5a'; 
  filter: alpha(opacity=40); 
  opacity: 0.4;
}
input[type=checkbox]:checked + label:before,input[type=checkbox]:checked + span + label:before,
input[type=checkbox]:checked + span:before {
  content: '\5a';
  color: #06C;
}
input[type=checkbox]:checked + label:hover:before,input[type=checkbox]:checked  + span + label:hover:before,
input[type=checkbox]:checked + span:hover:before { 
  filter: alpha(opacity=100); opacity: 1; 
  color: #06C;
}

/* Set radio buttons Divi icons: normal, hover, checked, & checked hover */
input[type=radio] + label:before,input[type=radio] + span + label:before { 
  content: '\5b';

}
input[type=radio] + label:hover:before,input[type=radio] + span + label:hover:before { 
  content: '\5c'; 
  filter: alpha(opacity=40); 
  opacity: 0.4; 

}
input[type=radio]:checked + label:before,input[type=radio]:checked  + span + label:before {
	content: '\5c';
	color: #06C;
}
input[type=radio]:checked + label:hover:before,input[type=radio]:checked + span + label:hover:before { 
  filter: alpha(opacity=100); opacity: 1; 
  color: #06C;
  
}


.gfield_total_1_ .gfield_label {
	display: inline-block;
	float: left;
}

.ginput_product_price {
	color: #000 !important;
}


.ginput_total_1 {
	display: inline-block;	
	float: left;
	padding-left: 5px;
	margin-top: 0px !important;
	font-weight: 400;
	color: #000 !important;
}




/*Updated to remove line after for nz Farms only*/
	.gform_wrapper .gform_body   ul li:after {
    border-bottom:none;
}

.gform_body .errorMessages, #gform_1 {
	margin: 0px !important;
	padding: 0px !important;
}