/*
Theme Name: CSIRO theme
Theme URI: --
Description: Custom theme for CSIRO! 
Version: 1.0
Author: the RowdyDigital team
Author URI: http://getgoosebumps.com.au

*/


html {
	margin: 0;
	padding: 0;
	background: #424242;
}

body {
	margin: 0;
	padding: 0;
	font-family: "proxima-nova", sans-serif;
	font-size: 17.5px;
	line-height: 22px;
	font-weight: 400;
	background: #fff;
	color: #30353c;
}

@font-face { font-family: "Varela Round", sans-serif; src: url(fonts/VarelaRound-Regular.ttf) format('truetype'); font-style: normal; font-weight: normal;}

/*---------------------------------------------------------General + Text styles

Source Sans Pro from Google fonts */	

h1, h2, h3, h4, h5 {
	color: #51c768;
	font-family: 'Varela Round', sans-serif;
}

h1 {
	text-transform: none;
	font-size: 33px;
	line-height: 33px;
	font-weight: 400;
	margin: 0 0 30px 0;
}

h2 {	
	text-transform: none;
	font-size: 24px;
	line-height: 40px;
	font-weight: 400;
	margin: 0 0 30px 0;
	color: #464646;
}

	.home h2 {	/*same as h1*/
		text-transform: none;
		font-size: 33px;
		line-height: 1em;
		font-weight: 400;
		margin: 0 0 30px 0;
		color: #51c768;
	}

h3 {
	
	font-size: 19px;
	line-height: 22px;
	color: #30353c;
	text-transform: none;
	letter-spacing: 0.5px;
	font-weight: 400;
	margin: 0 0 15px;
}

	h3 a {
		color: #252525;
	}

		h3 a:hover  {
			color: #51c768;
		}

h4 {
	
	font-size: 17.5px;
	line-height: 19px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #30353c;
}

h5 {
	
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0 0 10px 0;
	color: #30353c;
}
			
span#line {
	height: 1px;
	width: 62px;
	background: #000;
	margin: 0 auto 30px;
	padding: 0;
	display: block;
}

p {
	
	font-size: 17.5px;
	font-style: normal;
	line-height: 22px;
	font-weight: 300;
	color: #30353c;
	margin: 0 0 20px 0;
}
	
	.content p:first-of-type { /*lede*/
		
		/*font-weight: 400;
		font-size: 20px;
		line-height: 24px;
		color: #30353c;*/
	}
	
	p strong {
		
		font-weight: 600;
	}
	
	p a {
		color: #51c768;
	}

	p.more a {	
		font-family: 'Varela Round', sans-serif;	
		color: #464646;
		text-transform: uppercase;
		letter-spacing: 0px;
		font-size: 15px;
		margin: 0 0 5px;
	}

		p.more a:hover {
			color: #51c768;
		}

	p.date {
		font-size: 13px;
		line-height: 15px;
		color: #909090;
	}
	
blockquote {
	width: 90%;
	padding: 25px 5%;
	margin: 25px 0;
	background: #f5f5f5;
}

	blockquote p {
		margin: 0;
	}
		
.content ul {
	margin: 0 0 35px 15px;
	padding: 0;
}

	.content ul li {
		
		font-size: 17.5px;
		font-style: normal;
		line-height: 22px;
		font-weight: 300;
		color: #30353c;
		margin: 0 0 10px 0;
	}

a {
	text-decoration:  none;
	color: #51c768;
	transition: all 0.5s ease 0s;
}
	
	a:hover {
		color: #1b934b;
		transition: all 0.5s ease 0s;
	}
	
	a img,
	a:hover img,
	.content a img,
	.content a:hover img,
	.content a.nohover,
	.content a.nohover:hover {
		border: none;
		text-decoration: none;
	}

.hidden {
	display: none;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	

/*---------------------------------------------------------Transitions*/

a,
button,
.wpcf7-form input[type="submit"] {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all  0.5s ease;
	-o-transition: all  0.5s ease;
	transition: all  0.5s ease;/*
	-webkit-filter: blur(0px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
	backface-visibility: hidden;
	-webkit-backface-visibility: visible !important;
	-webkit-perspective: 0px !important; 
	-webkit-transform: translate3d(0,0,0);
}

/* turn off transitions */
 {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}


/*---------------------------------------------------------Buttons*/ 

.btn {
	font-family: 'Varela Round', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 45px;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	color: #51c768;
	background: #282828;
	display: inline-block;
	padding: 2px 20px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
}

		.btn:hover {
			background: #000;
		}

	.btn.large {
		font-size: 18px;
		line-height: 55px;
		letter-spacing: 3px;
		padding: 0 30px;
	}

	.btn.border {
		border: 2px solid #fff;
		background: none;
		color: #fff;
	}

		.btn.border:hover {
			background: rgba(255,255,255,0.3);
		}


/*---------------------------------------------------------Clearfix*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}



/*---------------------------------------------------------Wrapper / Inner*/
		
.strip {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden;
}

		.strip.grey {
			background: #f5f5f5;
		}

	.strip .inner,
	.inner {
		width: 1400px;
		margin: 0 auto;
		padding: 110px 0;
	}

		.half {
			width: 47%;
			float: left;
			display: inline-block;
			margin: 0 2.5% 0 0;
		}

			.half.right {
				float: right;
			}
			
	
	
/*---------------------------------------------------------Header*/

					
header.strip {
	height: 165px;
	overflow: visible;
	background: #282828;
}

	header.strip .inner {
		padding: 60px 0 0;
	}
	
		h1#logo {
			margin: 0;
			padding: 0;
			float: left;
			display: inline-block;
			width: 434px;
			height: 47px;
		}
		
			h1#logo a {
				width: 434px;
				height: 75px;
				display: block;
				background: url(images/ginninderra-logo.png) top left no-repeat;
				/*background-size: 434px 47px;*/
				margin: 0;
				
				text-indent: -999px;
				font-size: 0;
				color: #FFF;
			}

		header nav {
			float: right;
		}
		
			header nav ul {
				margin: 20px 0 0;
				padding: 0;
				list-style: none;
				position: relative;
				max-width: 100%;			
			}
			
				header nav ul li {
					
					font-size: 21px;
					line-height: 36px;
					font-weight: 300;
					margin: 0 0 0 30px;
					display: inline-block;
					float: left;
					position: relative;
				}
					
					header nav ul li.page-item-2 {
						display: none;
					}
					
						header nav ul li a {
							color: #808285;
						}
					
						header nav ul li a:hover,
						header nav ul li.current_page_item a,
						.single-stories header nav ul li.page-item-4 a, /*Make "Our Story" highlight for single stories CPT*/
						.single-post header nav ul li.page-item-8 a /*Make "News" highlight for single post*/ {
							color: #51c768;
						}
						
			
				
			/*Dropdown*/
							
			header nav ul li ul {
				display: none;
				position: absolute;
				z-index: 9000;
				width: 180px !important;
				max-width: 180px; 
				float: left;
				left: 50%;
				margin: 0 0 0 -90px;
				padding: 10px 2%;
				color: #fff;
				
				background: rgba(64,64,64,0.9);
			}
			
				header nav ul li ul li {
					display: block;
					float: none;
					margin: 0;
					padding: 0 8px;
					text-align: center;
					line-height: 12px;
				}
				
						header nav ul li ul li:last-child {
							border: none;
						}
				
					header nav ul li ul li a,
					header nav ul li.current_page_item ul li a,
					header nav ul li.current_page_parent ul li a {
						display: inline-block;
						font-size: 17px;
						line-height: 17px;
						color: #FFF !important;
						border: none !important;
						margin: 10px 0;
						padding: 0;
						background: none;
					}
					
						header nav ul li:hover ul, 
						header nav ul li ul:hover {
							display: block;
							border: none;
						}
			
				header nav ul li ul li a:hover,
				header nav ul li ul li.current_page_item a,
				header nav ul li ul li.current_page_parent a {
					color: #f88b2b !important;
					border: none;
					background: none;
				}
	
			/*Search*/

			nav ul li.search {
				margin: 0 10px 0 20px;
			}
				
			nav ul li.search form#search {/*
				float: left;
				margin: 29px 0 0;*/
				float: right;
				margin: 0 0 0 12px;
				width: 210px;
			}
			
				form#search input {
					float: left;
					background: #3f3f3f;
					border-right: none;
					-webkit-border-radius: 8px 0 0 8px;
					border-radius: 8px 0 0 8px;
					height: 32px;
					width: 175px;
					padding: 0 12px;
					font-weight: 400;
					font-size: 13px;
					line-height: 32px;
					letter-spacing: 0;
					color: #7d7f81;
				}
			
				form#search input#go {
					text-indent: -999px;
					font-size: 0;
					color: #7d7f81;
					border: none;
					border-left: none;
					-webkit-border-radius: 0 8px 8px 0;
					border-radius: 0 8px 8px 0;
					background: #3f3f3f url(images/search.png) center left no-repeat;
					width: 20px;
					height: 32px;
					padding: 0 15px;
					line-height: 32px;
					text-align: center;
					opacity: 1;
				}
						
			/*Social*/
	
			header nav ul li.social {
				display: inline-block;
				list-style: none;
				margin: 0 0 0 12px;
				padding: 0;
				float: left;
			}
			
				header nav ul li.social a {
					display: block;
					text-indent: -999px;
					font-size: 0;
					color: #FFF;
					background: url(images/social.png) top left no-repeat;
					width: 30px;
					height: 31px;
					-webkit-filter: blur(0px);
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		 		}
				
					header nav ul li.social.twitter {
						margin: 0 0 0 12px;
						
					}

					header nav ul li.social.twitter a {
						background: url(images/social.png) -30px 0px no-repeat;
					}
				
					header nav ul li.social.linkedin a {
						background: url(images/social.png) top center no-repeat;
					}
				
					header nav ul li.social.facebook a {
						/*background: url(images/social.png) 30px 0px no-repeat;*/
					}

					header nav ul li.social.youtube a {
						background: url(images/social.png) -60px 0px no-repeat;
					}
					
						header nav ul li.social a:hover {
							opacity: 0.8;
						}
						
			
				
			
/*---------------------------------------------------------Home*/			
	


/*------------------------Custom strip style: Banners */	

.home .strip.banner {
	position: relative;
}

	.bx-wrapper .bx-viewport{
		max-height: 680px;
	}

	.home .banner .bxslider {
		margin: 0;
	}
		
	/*.home .banner .bxslider {
		position: absolute;
		top: 0;
		width: 100% !important;
		height: 600px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		.home .banner .bxslider li,
		.home .banner .bxslider li img {
			position: absolute;
			width: 2560px;
			height: 600px;
			left: 50%;
			top: auto;
			margin-left: -1280px;
			padding: 0;
		}*/

		.bx-wrapper img {
			width: 100%;
			height: auto;
		}

		.bx-controls {
			position: relative;
			top: -80px;
			width: 80%;
    		margin: 0 auto;
		}

	.home .banner .mask {
		background: url(images/home-arrow-mask.png) bottom center no-repeat;
		top: -22px;
		position: relative;
	}

	.home .banner .bxslider .slide-text{
		position: absolute;
   		top: 36%;
    	left: 20%;
    	width: 50%;
    	font-family: "Varela Round", sans-serif;
    	font-weight: normal;
	}
		.bx-wrapper .bx-controls-direction a{
	    	top: 0!important;
	    	margin-top: -15%!important;
	    	height: 75px!important;
	    	width: 51px!important;
		}
		.bx-wrapper .bx-controls-direction a.bx-prev{
			background: url(images/larrow.png) no-repeat center left;
		}
		.bx-wrapper .bx-controls-direction a.bx-next{
			background: url(images/rarrow.png) no-repeat center right;
		}	

		.bxslider .slide-text .banner-title{
		    color: #fff;
		    font-size: 3em;
		    line-height: 1em;
		    clear: both;
		    float: left;
    		display: block;
		}
			.bxslider .slide-text .banner-title span {
			    padding: 0.2em 0.2em;
			    background-color: #282828;
			    float: left;
			}
		.bxslider .slide-text .banner-btn{
			display: table;
			clear: both;
			padding: 5px 15px;
			background-color: #51b759;
			color: #fff;
			margin-top: 0.5em;
			float: left;
		}
			.bxslider .slide-text .banner-btn:hover{
				background-color: #1b934b;
			}




/*---------Video banner */
.home .strip.banner.video {
	height: 515px;
}

	.home .strip.banner.video img {
		position: absolute;
		width: 2560px;
		height: 515px;
		left: 50%;
		top: auto;
		margin-left: -1280px;
		padding: 0;
	}

	.home .banner.video .inner {
		padding: 160px 0;
		width: 650px;
		height: 155px;
		margin: 0 auto;
		position: relative;
	}
				
		.home .banner.video h1#tagline {
			font-size: 78px;
			line-height: 80px;
			font-weight: 600;
			text-transform: none;
			color: #fff;
			letter-spacing: -2px;
			text-align: center;
			text-shadow: 0 0 3px rgba(0,0,0,0.7);
		}
	
/*---------popup styles */

.wdpu-container.style-minimal.rounded .wdpu-msg-inner {
	background: #F1F1F1;
}

	.wdpu-container .wdpu-msg-inner .wdpu-text {
		display: block;
		text-align: center;
	}
	
		.wdpu-container .wdpu-msg-inner .wdpu-text input[type=email],
		.wdpu-container .wdpu-msg-inner .wdpu-text input[type=text] {
		    width: 160px;
		    margin-right: 8px;
		    border-radius: 4px;
		    border: 0;
		    display: inline-block;
		    text-align: center;
		}

		.wdpu-container .wdpu-msg-inner .wdpu-text input[type=text] {
			margin: 0px 0px 10px 0px;
			width: 300px;
		}

		.wdpu-container .wdpu-msg-inner .wdpu-text input[type=email] {
			width: 300px;
			margin: 0px 0px 20px 0px;
		}

		.wdpu-container .wdpu-msg-inner .wdpu-text h2 {
			/*color: #000;
			font-size: 28px;*/
			text-align: center;
			margin-top: 20px;
			margin-bottom: 20px;
		    font-size: 33px;
		    line-height: 28px;
		    font-weight: 400;
		    color: #51c768;
		}

		.wdpu-container .wdpu-msg-inner .wdpu-text h3 {
			text-align: center;
		}

/*---------Content page banner */

.strip.banner.heading {
	height: 265px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
} 

	.banner.heading .inner {
		height: 150px;
		padding: 70px 0 30px;
		background: none;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -512px;
		z-index: 2;
	}

		.banner.heading img {
				position: absolute;
				width: 2560px;
				height: auto;
				left: 50%;
				margin-left: -1280px;
			}

	.banner.heading .mask {
		background: url(images/arrow-mask.png) bottom center no-repeat;
		position: relative;
		top: 243px;
	}
			
			
/*------------------------Custom strip style: Intro */

.strip.intro {
}

	.strip.intro .inner {
		text-align: center;
		padding:  90px 0;
	}
	
		.intro .left {
			text-align: left;
			width: 55%;
			padding: 0 7% 0 0;
			margin: 0;
			border-right: 1px solid #d3d3d3;
		}
	
		.intro .right {
			width: 30%;
			float: right;
			margin: 0;
			text-align: center;
		}

			.intro .right h2.icon a {
				text-indent: -999px;
				font-size: 0;
				color: #fff;

				display: inline-block;
				width: 60px;
				height: 60px;
				background: url(images/icon-news.gif) top left no-repeat;
			}

/*------------------------Custom strip style: Video */

.video .inner {
	text-align: center;
	max-width: 520px;
}

	.video h2 {
		color: #fff;
		font-size: 42px;
		line-height: 45px;
		margin: 0 0 40px;
	}


/*------------------------Custom strip style: Secondary  */

.strip.secondary {
	background: #f1f1f1;
}

	.strip.secondary .inner {
		text-align: center;
		padding:  110px 0 90px;
	}
	
		.secondary .half {
			text-align: center;
		}

			.secondary .half p {
				margin: 0 0 50px;
			}

			.home .secondary .half p { 
				height: 70px;

			}

			.secondary .half img {
				max-width: 100%;
				height: auto;
			}

			.gallery-intro {
				max-width: 655px;
				margin: 0 auto 60px;
				text-align: center;
			}

			.gallery ul {
				list-style: none;
				margin: 0;
				padding: 0;
				text-align: center;
			}

				.gallery ul li {
					width: 33%;
					display: inline-block;
					float: left;
					position: relative;
				}

				.page-id-13 .gallery ul li {
					width: 16.5%;
					margin: 0;
				}

					.gallery ul li img {
						width: 100%;
						height: auto;
						float: left;
					}

					.gallery ul a.description {
						background: rgba(81,199,104,0.8);
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						padding: 110px 4.5% 0;
						text-align: center;
						opacity: 0;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						filter: alpha(opacity=0);
						-khtml-opacity: 0;
					}

					.page-id-13 .gallery ul a.description {
						padding: 100px 6% 0;
					}

							.gallery ul a.description:hover {
								opacity: 1;
								-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
								filter: alpha(opacity=1);
								-khtml-opacity: 1;
							}

						.gallery ul a.description h3 {
							text-align: center;
							color: #fff;
							text-transform: uppercase;
							width: 100%;
							display: inline-block;
						}


/*------------------------Custom strip style: graphic  */

.strip.graphic {
	background: #3A3B3A;
	background: #fff;
}

	.strip.graphic .inner.group {
		padding: 0;
	}

	.strip.graphic img {
		width: 100%;
		display: block;
	}
	
/* Content
---------------------------------------------------------------------------------*/


.strip.content {
	background: #f1f1f1;
}

	.content .inner {
		padding: 60px 0 100px;
	}

	.content h1.page-title {
		text-align: center;
	}

/*-------------------------- Accordion / FAQ styles*/

.ppm-tabs-default span.ppm-accordion-icon {
    background-image: url("images/icon-accordion.png");
    height: 60px;
    width: 60px;
    margin-right: 40px;
}

	.ppm-tabs span.ppm-accordion-icon {
	    background-color: #51c768 !important;
	}

		/*Open style*/
		.ppm-tabs-default h3.open span.ppm-accordion-icon {
		    background-position: 0 -60px;
		}

		.ppm-tabs-default h3 a:hover span.ppm-accordion-icon/*, 
		.ppm-tabs-default h3.open span.ppm-accordion-icon*/ {
		    opacity: 0.5;
		}

		.ppm-tabs-default h3.open span.ppm-accordion-icon {
			opacity: 1;
		}

.ppm-tabs-default h3 {
    font-size: 24px;
    line-height: 60px;
    border-bottom: none;
    border-top: 1px solid #dddddd;
    margin: 0 !important;
    padding: 0;
} 

	.ppm-tabs-default h3 a {
	    line-height: 60px;
	    padding: 0;
	}

	p.close {
		display: none;
	}

.ppm-tabs-default h3.open + div {
    margin-bottom: 50px;
}

	.ppm-tabs-default .tab_content {
	    padding: 0 0 0 100px;	
		font-size: 17.5px;
		font-style: normal;
		line-height: 22px;
		font-weight: 300;
		color: #30353c;
	}

/*-------------------------- General Page Styles, mostly including feed styles (News, Stories) and half div styles*/
			
.feed {
	margin: 90px 0 0;
}

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

		.news ul li {
			display: block;
			border-bottom: 1px solid #b8b8b8;
			margin: 0;
		}

		.news ul li:last-of-type {
			border: none;
		}

			.feed .half.left {
				width: 28%;
				position: relative;
				margin: 0;
				word-wrap: break-word;
			}

			.contact .half.left {
				background: #51c768;
				box-sizing: border-box;
				padding: 35px 40px;
				text-align: left;
			}

				.contact .half.left a {
					color: #000;
					text-decoration: underline;
				}

				.feed .half.left img,
				.stories .half.right img {
					width: 100%;
					height: auto;
					float: left;
				}

				.feed .half.left span.date {
					position: absolute;
					top: 0;
					right: 0;
					width: 105px;
					height: 105px;
					box-sizing: border-box;
					padding: 30px 16px;
					background: #51c768;
					text-align: center;
					font-family: 'Varela Round', sans-serif;
					font-size: 20px;
					line-height: 25px;
					color: #FFF;
				}

				.stories .half.left ul {
					list-style: none;
					margin: 0;
					padding: 0;
					width: 100%;
				}

					.stories .nav ul li {
						display: block;
						border-bottom: 1px solid #b8b8b8;
						font-size: 23px;
						line-height: 26px;
						text-align: center;
						margin: 0;
					}

						.stories .nav ul li a {
							color: #282828;
							box-sizing: border-box;
							padding: 15px 20px;
							width: 100%;
							display: block;
							background: none;
						}

							.stories .nav ul li a:hover,
							.page .stories .nav ul li:first-of-type a,
							.single .stories .nav ul li.current-menu-item a {
								background: #51c768;
								color: #fff;
							}

							/*.single .stories ul li:first-of-type a {
								background: none;
								color: #282828;
							}*/

			.feed .half.right {
				border-left: 1px solid #b8b8b8;
				padding: 60px 5%;
				margin: 0;
				margin-right: -1px;
				width: 62%;
			}

			.contact .half.right {
				border-top: 1px solid #b8b8b8;
			}

			.feed.stories .half.right {
				width: 67%;
			}

					.news ul li:first-of-type .half.right {
						padding: 0 5% 60px;
					}

					.single .news .half.right {
						padding: 0 5% 30px;
					}

					.single .news .half.right ul {
						margin: 0 0 35px 15px;
    					padding: 0;
					}

					.single .news .half.right ul li {
						border: 0;
						list-style: disc;
						display: list-item;
						margin: 5px 0 5px 0;
					}

					.stories .half.right,
					.single .stories .half.right {
						padding: 0 5% 0 0;
					}

						.stories .half.right div {
							padding: 50px 7% 0;
							float: left;
							width: 86%!important;
						}

							.stories .half.right h2 {
								color: #51c768;
								text-transform: none;
								font-size: 33px;
								line-height: 33px;
								font-weight: 400;
								margin: 0 0 15px 0;
							}

							/*Lede*/
							.stories .half.right p:first-of-type {
								font-size: 22px;
								line-height: 24px;
							}

				.news ul li h2 a {
					font-size: 27px;
					line-height: 32px;
					color: #252525;
				}

	.pagination a {
		display: inline-block;
		border: 1px solid #51c768;
		font-size: 25px;
		line-height: 45px;
		letter-spacing: 0.5px;
		color: #51c768;
		text-align: center;
		width: 150px;
		padding: 0;
		margin: 50px 0 20px;
	}

	.single .pagination a {
		width: auto;
		padding: 0 30px;
	}

		.pagination a:hover {
			background: #fff;
		}

						
		
		
	/*------------------------ Contact form */	
	
	.wpcf7-form,
	form {
		margin: 0 0 30px;
		padding: 0;
		float: left;
		position: relative;
		width: 100%;
	}
	
		.wpcf7-form h3,
		form h3 {
			clear: both;
			color: #5d9732;
			text-transform: none;
			margin: 0 0 10px 0;
		}
	
			.wpcf7-form h3 span {
				color: #bcbbb4;
				margin: 0 0 0 3px;
				font-size: 28px;
				line-height: 18px;
			}
		
		.wpcf7-form input[type="text"],
		.wpcf7-form input[type="email"],
		.wpcf7-form textarea,
		.wpcf7-form select,
		form input[type="text"],
		form input[type="email"],
		form textarea,
		form select {
			width: 99%;
			padding: 0 15px;
			box-sizing: border-box;
			background: #fff;
			border: none; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			color: #393939;
			font-size: 15px;
			line-height: 45px;
			height: 45px;
			font-family: "proxima-nova-n3", "proxima-nova", Arial, Helvetica, sans-serif;
			
			-webkit-appearance: none;
		}
		
			.wpcf7-form textarea {
				height: 120px;
				margin: 0 0 25px;
			}

			.wpcf7-form p:nth-of-type(1),
			.wpcf7-form p:nth-of-type(2) {
				width: 49%;
				display: inline-block;
				margin: 0 1% 20px 0;
			}

				.wpcf7-form p:nth-of-type(2) {
					margin: 0 0 20px;
				}

			.wpcf7-form p:nth-of-type(6) { /*captcha styles*/
				width: 40%;
				float: left;
				min-width: 410px;
			}
			
				img.wpcf7-captchac {
					width: 120px;
					height: 40px;
					margin: 0 20px 20px 0;
					float: left;
				}
				
				.wpcf7-form input[type="text"].wpcf7-captchar {
					width: 50%;
					float: left;
				}

			.wpcf7-form input[type="submit"] {
				float: right;
				margin-right: 10px;
			}
		
			
				
			div.wpcf7-response-output,
			div.wpcf7-mail-sent-ok,
			span.wpcf7-not-valid-tip { 
				float: left;
				width: 94%; 
				padding: 12px 3% !important;
				margin: 40px 0 0 !important;
				border: none;
				-webkit-border-radius: 5px;
    			border-radius: 5px;
				background: #5D9732;
				
				text-transform: none;
				font-size: 0.813em;
				line-height: 18px;
				color: #02263c;
			}
			
				div.wpcf7-validation-errors,
				div.wpcf7-mail-sent-ok {
					border: none !important;
				}
				
				span.wpcf7-not-valid-tip {
					border: 1px solid #F49248 !important;
				}
			
			div.wpcf7 img.ajax-loader {
				margin: 0 0 0 30px !important;
			}
	

/*------------------------ Search Results */

ol.searchResults {

}

	ol.searchResults li {
		margin: 10px 0px 20px 0px;
	}

		ol.searchResults li h3 {
			margin: 0px 0px 10px 0px;
		}

		ol.searchResults li span.meta {
			display: block;
			font-size: 14px;
			font-weight: bold;
		}



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

/*------------------------ Sign up */


.strip.group.signup {
	border-top: 2px solid #fff;
	background: #d6d6d6;
	text-align: center;
}

	.strip.group.signup .inner  {
		padding: 45px 0 40px 0;
		display: inline-block;
		text-align: center;
		max-width: 680px;
	}

		.strip.group.signup .inner  h2 {
			font-size: 25px;
			line-height: 25px;
			margin: 0 0 25px 0;
			text-align: center;
			color: #282828;
		}

		.strip.group.signup form {
			margin: 0;
			float: none;
		}

			.strip.group.signup .inner  input,
			.strip.group.signup .inner  button {
				float: left;
				padding: 0 2%;
				line-height: 45px;
				height: 45px;
			}

			.strip.group.signup .inner  input[type=email],
			.strip.group.signup .inner  input[type=text] {
				margin-right: 8px;
				border-radius: 4px;
				border: 0;
			}

			.strip.group.signup .inner  input[type=email] {
				width: 300px;
			}

			.strip.group.signup .inner  input[type=text] {
				width: 160px;
				margin-left: 37px;
			}


/*------------------------ General footer*/

footer .strip.about {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
}

	footer .strip.about .inner {
		padding: 55px 0 80px;
		max-width: 940px;
	}

		footer .strip.about .half.left {
			width: 60%;
			padding: 0 3% 0 0;
			margin: 0;
			border-right: 1px solid #b3b3b3;
		}

		footer .strip.about .half.right {
			width: 33%;
			margin: 0;
		}

			footer .strip.about h3 {
				font-size: 18px;
				line-height: 20px;
				color: #282828;
				margin: 0 0 15px;
			}

			footer .strip.about p {
				font-size: 16px;
				line-height: 24px;
				margin: 0;
			}

				footer .strip.about p a {
					color: #282828;
				}

			footer .strip.about img.alignleft {
				margin-bottom: 0;
			}


footer .strip.utility {
	width: 100%;
	margin: 0 auto;
	background: #51c768;
}

	footer .strip.utility .inner {
		padding: 45px 0;
		max-width: 500px;
	}

		footer .strip.utility p {
			font-size: 16px;
			line-height: 16px;
			margin: 0;
			color: #fff;
		}
			
		
		
	

	
/*------------------------Footer GB credit */
	
		#credit {
			position: fixed;
			bottom: 20px;
			right: 35px;
			z-index: 2000;
		}
		
			#credit a {
				text-transform: uppercase;
				font-size: 11px;
				line-height: 30px;
				letter-spacing: 0.3px;
				color: #a1a1a1;
				float: left;
				opacity: 0.25;
				/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
				/* IE 5-7 */ filter: alpha(opacity=25);
				/* Netscape */ -moz-opacity: 0.25;
				/* Safari 1.x */ -khtml-opacity: 0.25;
				
			}
				
				#credit a span#gb {
					text-indent: -999px;
					font-size: 0;
					color: #000;
					
					width: 30px;
					height: 30px;
					display: inline-block;
					background: url(images/gb-icon.png) top left no-repeat;
					float: left;
					margin: 0 10px 0 0;
				}
				
				#credit a:hover {
					opacity: 1;
					/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					/* IE 5-7 */ filter: alpha(opacity=100);
					/* Netscape */ -moz-opacity: 1;
					/* Safari 1.x */ -khtml-opacity: 1;
				}


/* ---------------------------------------------------- GRAVITY FORM OVERWRITES */

.half.right .gform_wrapper#gform_wrapper_1 .gform_footer input[type=submit] {
	font-family: 'Varela Round', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: #51c768;
    background: #282828;
    display: inline-block;
    padding: 2px 20px 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    float: right;
}

/* ---------------------------------------------------- Comments styles */

.comment-block {
	font-size: 15px;
	border-top: 1px solid #b8b8b8;
	padding-top: 50px;
}

	.content .comment-block ul li {
		font-size: 15px;
	}

	.content .comment-block ul.children {
		padding-left: 40px;
	}

	.comment-block .reply {
		display:block;
		margin-bottom: 30px;
	}

	.comment-block p {
		margin-bottom: 0px;
		font-size: 15px;
	}

	.comment-block time {
		font-weight: bold;
		
	}

	.comment-block textarea {
		height: 300px;
		margin-top: 15px;
	}

	.comment-block h3 {
		font-size: 13px;
	    line-height: 23px;
	    text-transform: none;
	    font-weight: normal;
	    font-family: "proxima-nova", sans-serif;
	}

	.comment-block .comment-author.vcard {
		display: none;
	}

	.comment-block #commentform label[for=url],
	.comment-block #url {
		display: none;
	}

	.comment-block #commentform label {
		margin-bottom: 20px;
		display: block;
	}

	.comment-block #commentform #submit {
		font-family: 'Varela Round', sans-serif;
	    font-weight: 300;
	    font-size: 14px;
	    line-height: 45px;
	    text-transform: uppercase;
	    letter-spacing: 2.5px;
	    color: #51c768;
	    background: #282828;
	    display: inline-block;
	    padding: 2px 20px 0;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    border: none;
	    float: right;
	    margin-top: 20px;
	}

		
/*----------------------------------------------------- IMAGE STYLES */



p img {
	padding: 0;
	max-width: 100%;
	height: auto;
	margin: 0;
	}

img.centered,
img.aligncenter {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	}

img.alignright {
	padding: 0 0 15px 30px;
	display: inline;
	}

img.alignleft,
img.attachment-alignleft {
	margin: 0 30px 15px 0;
	float: left;
	display: inline;
	}

.alignright {
	float: right;
	margin: 0 0 15px 30px;
	}

.alignleft,
.attachment-alignleft {
	float: left;
	margin: 0 30px 15px 0;
	}
	
.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 11px;
	line-height: 11px;
	color: #999999;
}

img.round {
	-webkit-border-radius: 95px;
	border-radius: 95px; 
	border: 3px solid #e6aa7d;
	padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	img.round {
		border: none;
	} 
}


/*----------------------------------------------------- RESPONSIVE STYLES */

@media only screen and (min-width : 2000px) {
	.bx-wrapper .bx-controls-direction a{
		margin-top: -14%!important;
	}
	.home .banner .bxslider .slide-text{
		top: 44%;
	}
}

@media only screen and (max-width : 1440px) {

	.bx-wrapper .bx-controls-direction a{ margin-top: -13%!important; }
	.home .banner .bxslider .slide-text{ top: 37%; }
	.bxslider .slide-text .banner-title{ font-size: 2.4em; }


	.strip .inner, 
	.inner {
		max-width: 94%;
		width: 94%;
		padding: 80px 3%;
	}

		h1#logo {   
			height: 40px;
			width: 217px;
			margin: 20px 0 0;
			
		}

			h1#logo a { 
				height: 40px;
				width: 217px;
				/*background: url(images/logo-small.png) top left no-repeat;*/
				background: url(images/ginninderra-logo.png) top left no-repeat;
				background-size: 217px auto;
			}	

	header nav ul li {
		margin: 0 0 0 19px;
	}

	header nav ul li.social {
	
	}

	header nav ul li.social.twitter {
		 margin: 0 0 0 0px;
	}
}




@media only screen and (max-width : 1170px) {

	.bx-controls{
		width: 100%;
	}
	.bx-wrapper .bx-controls-direction a{ margin-top: -12%!important; }
	.home .banner .bxslider .slide-text{ left:15%; top: 27%; width: 70%; }
	.bxslider .slide-text .banner-title{ font-size: 2em; }
	.bxslider .slide-text .banner-btn{ 
		font-size: 0.8em;
		padding: 0.2em 0.6em;
		text-transform: uppercase; 
	}

	header.strip {
		height: 125px;
	}

	header.strip .inner {
		padding: 20px 0 0;
		text-align: center;
	}

		h1#logo,
		header nav {
			float: none;
			margin: 0 auto;
			text-align: center;
		}

			header nav ul li,
			header nav ul li.search,
			header nav ul li.social {
				display: inline-block;
				float: none;
				line-height: 65px;
			}

			header nav ul li.page-item-4 {
				margin: 0;
			}

	/*------Shift half/side content to next line/resize--------*/
	.half {
		width: 100%;
		display: inline-block;
		margin: 0 2.5% 0 0;
	}

		.intro .left {
			border-right: none;
			border-bottom: 1px solid #d3d3d3;
			margin: 0 7%;
			padding: 0 0 20px 0;
			width: 88%;
		}

		.intro .right {
			float: left;
			margin: 0 7%;
			padding: 30px 0 0 0;
			width: 88%;
		}

		.location.left {
			margin:0 7%; 
			width:88%;
		}

		.gallery.right {
			margin:0 7%; 
			width:88%;
			padding: 60px 0 0 0;
		}


			
			.strip.group.signup .inner  input,
			.strip.group.signup .inner  button {
				float: left;
				/*padding: 0 2%;*/
				line-height: 45px;
				height: 45px;
			}

			.strip.group.signup .inner  input[type=email],
			.strip.group.signup .inner  input[type=text] {
				margin: 4px;
				border-radius: 4px;
				border: 0;
			}

			.strip.group.signup .inner  input[type=text] {
				/*width: 160px;*/
				width: 88%;
				margin-left: 4px;
			}

			.strip.group.signup .inner  input[type=email] {
				/*width: 300px;*/
				width: 88%;
			}

			#mc-embedded-subscribe-form .btn {
				margin:4px;
			}

			footer .strip.about .half.left {
			    border-right: none;
			    border-bottom: 1px solid #b3b3b3;
			    margin: 0 7% 30px 7%;
			    padding: 0 0 3% 0;
			    width: 88%;
			}
			footer .strip.about .half.right {
			    margin: 0 7%;
			    width: 88%;
			    float:left;
			}

	/*--------Navigation bar: change to a dropdown menu;  -------*/

	h1#logo, header nav {
	    float: none;
	    margin: 0 auto;
	    text-align: center;
	}

		h1#logo {
		    display: inline-block;
		    padding: 20px 0 10px;
		}

		header.strip {
			overflow: visible;
		}

		header.strip .inner, footer.strip .signup .inner {
		    padding: 0 3%;
		    width: 78%;
		}

		header nav, 
		header nav ul, 
		header nav ul li, 
		header nav ul li a,
		header nav ul li.current_page_item {
		    font-size: 20px;
		    line-height: 20px;
		}

		header nav {
			position: relative;
			min-height: 60px;
			width: 100%;
			z-index: 6666;
			/*background-color: #39393a; */
		}
			header nav ul {
				width: 100%;
				padding: 0;
				margin: 0;
				position: absolute;
				top: 0;
				left: 0;
				background: #39393a url(images/icon-menu.png) no-repeat 15px 22px;
				left: 0;
				z-index: 4000;
				text-align: left;
				min-height: 40px;
			}

				header nav ul li {
					display: none; /* hide all <li> items */
					margin: 0;
					padding: 0;
					border-right: none;
					line-height: 40px;
					width: 100%;
					float: left;
				}

				header nav ul li,
				header nav ul li.search,
				header nav ul li.social {
					display: none;
				}

				header nav ul li, header nav ul li.search, header nav ul li.social {
				    float: left;
				}

				nav ul li.search form#search {
				    float: left;
				    margin: 0 0 0 12px;
				    width: 210px;
				}


				header nav ul li.search {
				    /*margin: 10px 40px 20px 30px;*/
				    margin: 10px 0;
    				padding-left: 30px;
				}
				header nav ul li.social{
					width: auto;
				}
				header nav ul li.social a{
					margin: 10px 0 10px 20px;
				}
				header nav ul li.social.twitter{
					margin-left: 25px;
				}
								
					header nav ul li.current_page_item,
					header nav ul li.page-item-2.current_page_item,
					.single-stories header nav ul li.page-item-4 , /*"Our Story"*/
					.single-post header nav ul li.page-item-8  /*"News"*/ {
						display: block; /* show only current <li> item */
						height: auto !important;
					}

					

						header nav ul li a {
							display: inline-block;
							margin: 12px 5px 10px 45px;
							padding: 5px 0;
							text-align: left;
							width: auto;
							color: #fff;
						}
					
						header nav ul li a:hover, 
						header nav ul li.current_page_item a, 
						.single-stories header nav ul li.page-item-4 a, 
						.single-post header nav ul li.page-item-8 a {
						    color: #51c768;
						}
						
						header nav ul li.current_page_item a,
						header nav ul li.page-item-2.current_page_item a, 
						header nav ul li.page-item-2 a:hover {
							background: none;
							color: #51c768;
						}
						
						header nav ul li.page-item-2 a {
							text-indent: 0;
							height: auto;
							width: auto;
							display: inline-block;
							margin: 12px 5px 10px 45px; /* 23/935 */
							background: none;
							position: relative;
							top: 0;
							opacity: 1;
						}
				
				header nav ul:hover li {
					display: block;
				}

	/*-------Resize content on other pages ----------*/
	/*Gallery*/
	.page-id-13 .gallery ul li {
	    width: 33%;
	}

	/*Contact*/
	.contact .half.left {
	    margin: 0 5%;
	    width: 88%;
	}
	.contact .half.left img {
	    display:none;
	}
	.contact .half.right {
	    border-left: none;
	    margin: 20px 7%;
	    width: 78%;
	}

} /*end (max-width:1170*/


@media only screen and (max-width : 1000px) {
	.strip.banner.heading{ background-size: auto 100%; }
}

/*is there a way to set h=250px (h=260 for banner strip)? bxslider code in the way*/
/*@media only screen and (max-width : 970px) {
	.home .strip.banner{}
	.bx-wrapper{}
	.bx-wrapper .bx-viewport{}
	.bx-wrapper .bxslider .slide{}
		.bx-wrapper .bxslider img{}
}*/

@media only screen and (max-width : 930px) {
	.bxslider .slide-text .banner-title{ font-size: 1.8em; }
	.bxslider .slide-text .banner-btn{ display: none; }
}

/*More specific resize*/
@media only screen and (max-width : 768px) {
	
	.home .banner .bxslider .slide-text{ top: 20%; left: 15%; }
	.bxslider .slide-text .banner-title{ font-size: 1.4em; }
	.bx-wrapper .bx-controls-direction a{
		margin-top: -10%!important;
   		background-size: 30px auto!important;
	}

	.page-id-13 .gallery ul li {
		    width: 50%;
		}

	.ppm-tabs-default h3 {
    	font-size: 1.2em;
    	line-height: 50px;
	}
	.ppm-tabs-default span.ppm-accordion-icon {
	    background-size: 50px auto;
	    height: 50px;
	    margin-right: 20px;
	    width: 50px;
	}
	.ppm-tabs-default h3 a {
	    line-height: 50px;
	}
	.ppm-tabs-default h3.open span.ppm-accordion-icon {
	    background-position: 0 -50px;
	}
	.ppm-tabs-default .tab_content {
	    padding: 0 0 0 80px;
	}

	.strip.group.signup .inner h2 {
	    font-size: 1.5em;
	}

	/*NEWS*/
	.news .half.left img {
	    display: none;
	}

	.news .half.right {
	    width: 75%;
	    padding: 30px 5%;
	}
	.news .half.left {
	    width: 15%;
	}

	/*OUR STORY*/
	.stories .half.left {
	    margin: 0 7%;
	    width: 88%;
	}
	.feed.stories .half.right {
	    margin: 0 7%;
	    width: 88%;
	    float: left;
	}
	.stories .half.right, .single .stories .half.right {
	    padding: 0;
	}
	.stories .half.right {
	    border-left: none;
	}
	.stories .half.right div {
	    float: left;
	    padding: 30px 0;
	    width:100%;
	}

	.news .half.left span.date {
		    width: 100%;
		}

}

@media only screen and (max-width : 693px) {

	.news .half.left span.date {
		    width: 100%;
		    height: auto;
		}
	/*need '.news .half.left span.date' w=100% as well to work:*/	
	.news .half.left {
		margin: 0 7%;
		width: 88%; 
		padding: 43px 0;
	}

	.single .news .half.right {
	    padding: 10px 5% 30px;
	}

	.news .half.right {
	    padding: 0;
	}
	.news .half.right {
	    border-left: none;
	    border-top: 1px solid #b8b8b8;
	    margin: 0 7%;
	    width: 78%;/*100-(7*2)-3-5*/
	    float:left;
	}

	.page .news ul li:first-of-type .half.right {
    	padding: 0 5% 30px;
	}
	.page .news .half.right {
	    border: none;
	    border-top: 1px solid #b8b8b8;
	    float: left;
	    margin: 0 7% 3%;
	    width: 88%; 
	}

	.page .news ul li:first-of-type .half.right {
	    padding: 0 0 30px;
	}

	.page .news ul li {
	    border-bottom: none;
	}

	.pagination a {
	    font-size: 20px;
	}

	.home .secondary .half p{
		height:auto;
	}
	
}

@media only screen and (max-width : 570px) {
	.gallery ul li{
		width: auto;
		float: none;
	}
	.home .banner .bxslider .slide-text{ left: 12%; width: 76%; }
	.bxslider .slide-text .banner-title{ font-size: 1em; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ /*bottom: auto;*/ display: none; }
	.bx-wrapper .bx-controls-direction a {
	    margin-top: -8%!important;
	    background-size: 26px auto!important;
	}
}


@media only screen and (max-width : 360px) {
	
/*	.bx-controls { top: -60px; }
	.home .banner .bxslider .slide-text{}
	.bxslider .slide-text .banner-title{}
	.bx-wrapper .bx-controls-direction a {}*/

	.page-id-13 .gallery ul li {
		    width: 100%;
		}

	.ppm-tabs-default h3 {
	    font-size: 1em;
	}
	.strip.group.signup .inner h2 {
	    font-size: 1.2em;
	}

	.pagination a {
	    font-size: 1em;
	    line-height: 20px;
	}

	.single .pagination a {
	    padding: 10px 20px;
	}
}

/* Retina logo */	
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
	
		h1#logo {   
			height: 24px;
			width: 217px;
			
		}
		
			h1#logo a { 
				height: 24px;
				width: 217px;
				background: url(images/logo-small.png) top center no-repeat;
				background-size: 138px 24px;
			}
		/*	
		.half.left.news h2 {
			background: url(images/icon-news@2x.gif) center left no-repeat;
			background-size: 27px 27px;
		}*/
	
}