/*
Theme Name: Poowong Family Fun Day
Author: Aaron Kennedy 
Author URI: www.ragingpixel.com.au
Description: A custom theme for the Poowong Family Fun Day
Version: 1.0


*/
/*==================================Reset=================================================*/

html, 
body, 
div, 
span, 
applet, 
object, 
iframe,
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre,
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code,
del, 
dfn, 
em, 
img, 
ins, 
kbd, 
q, 
s, 
samp,
small, 
strike, 
strong, 
sub, 
sup, 
tt, 
var,
b, 
u, 
i, 
center,
dl, 
dt, 
dd, 
ol, 
ul, 
li,
fieldset, 
form, 
label, 
legend,
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td,
article, 
aside, 
canvas, 
details, 
embed, 
figure, 
figcaption, 
footer, 
header, 
hgroup, 
menu, 
nav, 
output, 
ruby, 
section, 
summary,
time, 
mark, 
audio, 
video, 
main {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
main, 
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block;
}
body {
	line-height: 1;
	font-size:1em;
	width:100%;
	height:100%;
}
ol, 
ul {
	list-style: none;
}
blockquote, 
q {
	quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
content: "";  
display: table;  
clear: both;  
}
.clearfix {
    zoom: 1; /* IE < 8 */
}
/*========================================Base styles====================================================*/
/* Header styles */
body{
	position:relative;
	width:100%;
	height:auto;
}
#content-wrap{
	margin:0 auto 0 auto;
	width:98%;
	height:auto;
}
header{
	background-color:#fff;
	width:98%;
	height:104px;
	border:1px solid #fff;
	margin:0 auto;
	position:relative;
	z-index:2;
}
 header #content-header-position{
	margin-top:20px;
	border-top:solid 3px #651D0D;
	border-bottom:solid 2px #651D0D;
	height:auto;
	width:100%;
}

#business-logo{
	display:inline-block;
	vertical-align:top;
	width:75%;
	height:55px;
	margin-top: 20px;
    margin-bottom: 5px;
}

#business-logo .scale-image{
	width:73%;
	height:55px;
	margin-left:auto;
	position:relative;
	text-align:center;
}
#business-logo .scale-image img{
	width:9em;
	height:100%;
}

/* Main nav area Start */

nav{
	width:96%;
	z-index:1;
	margin-top:0px;
	position:absolute;
	top:-258px;
	left:2%;
	text-align:center;
	background:#fff;
	line-height:50px;
}
	
nav .menu-main-nav-container ul li{
	border-bottom:solid 1px #006838;
	border-top:solid 1px #fff;
}
nav .menu-main-nav-container ul li:last-child{
	border-bottom:none;
	
}	
nav .menu-main-nav-container ul li a, 
nav .menu-main-nav-container ul li a:link,
nav .menu-main-nav-container ul li a:visited{
	color:#fff;
	background-color:#509B40;
	text-decoration:none;
	font-family:fenix;
	font-size:1.5em;
	display:block;
	height:50px;
	width:100%;
}
nav .menu-main-nav-container ul li a:hover, 
nav .menu-main-nav-container ul li a:active{
	background-color:#CECECE;
	color:#000;
}
#menu-main-nav li.current-menu-item a{
	color:#fff;
	background-color:#70AF61;
	cursor:default;
}

/* Main nav button */

#nav-button {
    display: inline-block;
    cursor: pointer;
	float:right;
	margin-top: 36px;
    margin-right: 2%;
}
#nav-button .bar-1, 
#nav-button	.bar-2, 
#nav-button	.bar-3 {
    width: 25px;
    height: 3px;
	border-radius:3px 3px;
    background-color: #006838;
    margin: 5px 0;
    transition: 0.2s;
}

/* Hamburger button animation */

#nav-button.change .bar-1 { 
	-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-4px, 1px) ;
	background:#000;
}

#nav-button.change .bar-2 {
	opacity: 0;
}

#nav-button.change .bar-3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-10px, -8px) ;
	background:#000;
}

/* Main content area start */

main{
	border-top: 1px solid #fff;
    width: 96%;
    height: auto;
    margin: 0 auto;
}

/* Main content */

#main-content{
	width:100%;
	margin: 10px auto 0 auto;
	background:#E5E5E5;	
}
#main-content div {
	padding-top:1px;	
}
#main-content div h1{
	font-size: 1.9em;
	text-align:center;
	font-family: 'Fenix', serif;
	width: 90%;
    margin: 15px auto 15px auto;
} 


/* Article One */

#main-content-article-one{
	/* background:white; */
	margin: 20px auto 0 auto;
	width:90%;
	height:auto;
	position:relative;
}

#main-content-article-one .article-text-block{
	padding-bottom:20px;
	padding-left:2%;
}
#main-content-article-one .article-text-block h2{
	font-family: 'Fenix', serif;
	font-size: 1.3em;
	color:#006838;
	margin-top:10px;
	margin-bottom:1px;
}

#main-content-article-one .article-text-block p{
	font-family: 'Open Sans', sans-serif;
	font-size:.8em;
	line-height:20px;
	padding: 5px 0;
}

/* Members Footer section */

footer{
	width:98%;
	height:204px;
	margin:0 auto 50px auto;
	position:relative;
}

/*Bank logos*/
#trusted-lenders{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	
}
#trusted-lenders div.image-content-positioner{
	width:90%;
	height:auto;
	margin:0 auto;
	
}
#trusted-lenders h2{
	font-size: 1.2em;
	text-align:center;
	font-family: 'Fenix', serif;
	width: 90%;
    margin: 10px auto 15px auto;
}


.position-bank-logo{
	width:33%;
	height:auto;
	float:left;
	display:inline-block;
}
.position-bank-logo img{
	width:100%;
	height:auto;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering: -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	/* -ms-interpolation-mode: nearest-neighbor; //Use only if needed  IE (non-standard property) */ 
	
}
.image-content-positioner .position-bank-logo:nth-child(4){
	display:none;
}
.image-content-positioner .position-bank-logo:last-child{
	display:none;
}


/*Member logos*/
#members-of{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	border-bottom:solid 2px #651D0D;
}
#members-of  div.image-content-positioner{
	display: table;
	width:90%;
	height:auto;
	margin:0 auto;
}
#members-of h2{
	font-size: 1.2em;
	text-align:center;
	font-family: 'Fenix', serif;
	width: 90%;
    margin: 10px auto 15px auto;
}
.position-image{
	width:33%;
	height:auto;
	display: table-cell;
	padding: 0 2% 0 2%;
}
.position-image a img{
	width:100%;
	height:auto;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering: -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	/* -ms-interpolation-mode: nearest-neighbor; //Use only if needed  IE (non-standard property) */ 
}

.menu-legals-nav-container{
	width:85%;
	height:25px;
	margin:0 auto;
}
.menu-legals-nav-container ul{
	display:table;
	width:100%;
	height:auto;
}

#menu-legals li{
	display:table-cell;
	width:32%;
	height:24px;
	vertical-align:top;
}
#menu-legals li a{
	display:block;
	width:100%;
	height:100%;
	font-family: 'Fenix', serif;
	text-decoration:none;
	font-size:.7em;
	text-align:center;
	color:#509B40;
}

/* Social Menu buttons */

#social-nav-position{
	float:right;
	width:7.4em;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:1%;
}
#menu-social-links li{
width:56px;
height:56px;
position:relative;	
float:left;
}
#menu-social-links li:first-child{
	margin-right:5%;
}
#menu-social-links li a{
	background-color:#874E45;
	display:inline-block;
	width:100%;
	height:100%;
	background-image: url("../img/socialCircleFacebook.svg");
	background-position: 0px 1px;
	background-repeat:no-repeat;
	background-size: 56px 160px;
}
#menu-social-links li:last-child a{
    background-image: url("../img/socialCircleLinkedIn.svg")	
}
#menu-social-links li a:hover{
	background-position:0px -103px;
	background-color:#006838;
}
#menu-social-links li a span{
	display:none;
}
/*Legal info Footer section*/
.legalInfo{
	margin-top: 110px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.6em;
    text-align: center;
    line-height: 13px;
}


/*========================================Media Queries====================================================*/

/* These rules are for screens between 641px and 900px */
@media screen and (min-width:641px) and (max-width:900px){
/* Header styles */	
	
#business-logo{
	vertical-align: middle;
	width: 75%;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#business-logo .scale-image{
	width: 73%;
	height: 70px;
	margin-left: 5%;
	position: relative;
	text-align: left;
		
}
#business-logo .scale-image img{
	width: 3em;
	height: 100%;
}

/*Nav*/

nav{
	width:40%;
	left:58%;
}

#main-content div h1 {
font-size: 2.5em;
}
	
/* Article One */

#main-content-article-one .article-text-block h2{
	font-family: 'Fenix', serif;
	font-size: 1.5em;
	color:#006838;
}
#main-content-article-one .article-text-block p{
	font-family: 'Open Sans', sans-serif;
	font-size:.9em;
	line-height:20px;
	padding: 10px 0;
}

/* Members Footer section */

footer{
	width:98%;
	height:auto;
	margin:0 auto 50px auto;
	position:relative;
}
/*Bank logos*/
#trusted-lenders{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	
}
#trusted-lenders div.image-content-positioner{
	width:90%;
	height:auto;
	margin:0 auto;
	
}
#trusted-lenders h2{
	font-size: 1.2em;
	text-align:center;
	font-family: 'Fenix', serif;
	width: 90%;
    margin: 10px auto 15px auto;
}


.position-bank-logo{
	width:15%;
	margin-left:2.5%;
	margin-right:2.5%;
	
}
.position-bank-logo img{
	width:100%;
	height:auto;
	
}

.image-content-positioner .position-bank-logo:nth-child(4){
	display:inline-block;
}
.image-content-positioner .position-bank-logo:last-child{
	display:inline-block;
}

/* Members logos */

#members-of{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	border-bottom:solid 2px #651D0D;
}
#members-of  div.image-content-positioner{
	width:65%;
	display: table;
}
#members-of  div.image-content-positioner .position-image{
	display: table-cell;
	width: 35%;
	float: none;
	padding: 0 2% 0 2%;
}
#members-of h2{
	font-size: 1.1em;
}
.menu-legals-nav-container{
	width:60%;
	height:20px;
	margin:0 auto;
}
#menu-legals li{
	display:inline-block;
	width:32%;
	height:24px;
}

#menu-legals li a{
	font-size:.9em;
}
#social-nav-position {
	margin-top: -25px;
}

	}

/* These rules are for screens between 901px and 1025px */
@media screen and (min-width:901px) and (max-width:1025px){
 /* Header styles */	
	
header{
	background-color:#fff;
	width:98%;
	height:140px;
	border:1px solid #fff;
	margin:0 auto;
	position:relative;
	z-index:2;
}
header #content-header-position{
	margin-top:20px;
	border-top:solid 3px #651D0D;
	border-bottom:solid 2px #651D0D;
	height:115px;
	width:100%;
}	
#business-logo{
	vertical-align: middle;
	width: 75%;
	height: 112px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#business-logo .scale-image{
	width: 73%;
	height: 115px;
	margin-left: 2%;
	position: relative;
	text-align: left;
	
}
#business-logo .scale-image img{
	width: 5em;
	height: 100%;
}
#nav-button{
	display:none;
}

nav{
	position: absolute;
	top: 108px;
	z-index: 2;
	left:1.9%;
	width:96%;
	background-color:transparent;
}
.position-main-nav{
	float:right;
}	
nav .menu-main-nav-container ul li{
	border-bottom: none;
    border-top: solid 1px #fff;
    height: 30px;
    width: 6.5em;
    text-align: center;
    line-height: 2em;
    float: left;
}
nav .menu-main-nav-container ul li:last-child{
	border-bottom:none;	
}	
nav .menu-main-nav-container ul li a, 
nav .menu-main-nav-container ul li a:link,
nav .menu-main-nav-container ul li a:visited{
	color:#fff;
	background-color:#509B40;
	text-decoration:none;
	font-family:fenix;
	font-size:.8em;
	display:block;
	height:100%;
	width:100%;
	border-left:solid 1px #018C46;
	border-right:solid 1px #035129;
}
nav .menu-main-nav-container ul li:first-child a, 
nav .menu-main-nav-container ul li:first-child a:link,
nav .menu-main-nav-container ul li:first-child a:visited{
	border-left:none;
}

nav .menu-main-nav-container ul li:last-child a, 
nav .menu-main-nav-container ul li:last-child a:link,
nav .menu-main-nav-container ul li:last-child a:visited{
	border-right:none;
}
nav .menu-main-nav-container ul li a:hover, 
nav .menu-main-nav-container ul li a:active{
	background-color:#CECECE;
	color:#000;
}
nav .menu-main-nav-container ul li:first-child a:hover, 
nav .menu-main-nav-container ul li:first-child a:active{
	border-left:none;
}
nav .menu-main-nav-container ul li:last-child a:hover, 
nav .menu-main-nav-container ul li:last-child a:active{
	border-right:none;
}
#menu-main-nav li.current-menu-item a{
	color:#fff;
	background-color:#70AF61;
	cursor:default;
}

#main-content div h1 {
font-size: 2.8em;
}
	
/* Article One */

#main-content-article-one .article-text-block h2{
	font-family: 'Fenix', serif;
	font-size: 1.8em;
	color:#006838;
}
#main-content-article-one .article-text-block p{
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	line-height:23px;
	padding: 10px 0;
}
/* Members Footer section */

footer{
	width:98%;
	height:auto;
	margin:0 auto 50px auto;
	position:relative;
}
/*Bank logos*/
#trusted-lenders{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	
}
#trusted-lenders div.image-content-positioner{
	width:90%;
	height:auto;
	margin:0 auto;
	
}
#trusted-lenders h2{
	font-size: 1.2em;
	text-align:center;
	font-family: 'Fenix', serif;
	width: 90%;
    margin: 10px auto 15px auto;
}


.position-bank-logo{
	width:15%;
	margin-left:2.5%;
	margin-right:2.5%;
	
}
.position-bank-logo img{
	width:100%;
	height:auto;
	
}

.image-content-positioner .position-bank-logo:nth-child(4){
	display:inline-block;
}
.image-content-positioner .position-bank-logo:last-child{
	display:inline-block;
}

/* Members Footer section */

#members-of{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	border-bottom:solid 2px #651D0D;
}
#members-of  div.image-content-positioner{
	width:60%;
	display: table;
}
#members-of  div.image-content-positioner .position-image{
	display: table-cell;
	width: 30%;
	float: none;
	padding: 0 2% 0 2%;
}
#members-of h2{
	font-size: 1.1em;
}
.menu-legals-nav-container{
	width:60%;
	height:20px;
	margin:0 auto;
}
#menu-legals li{
	display:inline-block;
	width:32%;
	height:24px;
}
#menu-legals li a{
	font-size:1em;
}
#social-nav-position{
 margin-top:-25px;
}
   }

  /* These rules are for screens over 1026px */
  
@media screen and (min-width:1026px) {
#content-wrap{
	width:1025px;
	position:relative;
}

header{
	background-color:#fff;
	width:98%;
	height:183px;
	border:1px solid #fff;
	margin:0 auto;
	position:relative;
	z-index:2;
}
header #content-header-position{
	margin-top:20px;
	border-top:solid 3px #651D0D;
	border-bottom:solid 2px #651D0D;
	height:160px;
	width:100%;
}	
#business-logo{
	vertical-align: middle;
	width: 75%;
	height: 112px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#business-logo .scale-image{
	width: 73%;
	height: 155px;
	margin-left: 2%;
	position: relative;
	text-align: left;
	
}
#business-logo .scale-image img{
	width: 7em;
	height: 100%;
}

#nav-button{
    display:none;
}

nav{
	position: absolute;
	top: 138px;
	z-index: 2;
	left:2.9%;
	width:96%;
	background-color:transparent;
}
.position-main-nav{
	float:right;
}	
nav .menu-main-nav-container ul li{
	border-bottom: none;
    border-top: solid 1px #fff;
    height: 45px;
    width: 7.6em;
    text-align: center;
    line-height: 3em;
    float: left;
}


nav .menu-main-nav-container ul li a, 
nav .menu-main-nav-container ul li a:link,
nav .menu-main-nav-container ul li a:visited{
	color:#fff;
	background-color:#509B40;
	text-decoration:none;
	font-family:fenix;
	font-size:.9em;
	display:block;
	height:100%;
	width:100%;
	border-left:solid 1px #018C46;
	border-right:solid 1px #035129;
}
nav .menu-main-nav-container ul li:first-child a, 
nav .menu-main-nav-container ul li:first-child a:link,
nav .menu-main-nav-container ul li:first-child a:visited{
	border-left:none;	
}
nav .menu-main-nav-container ul li:last-child a, 
nav .menu-main-nav-container ul li:last-child a:link,
nav .menu-main-nav-container ul li:last-child a:visited{
	border-right:none;
}
nav .menu-main-nav-container ul li a:hover, 
nav .menu-main-nav-container ul li a:active{
	background-color:#CECECE;
	color:#000;
}
nav .menu-main-nav-container ul li:first-child a:hover, 
nav .menu-main-nav-container ul li:first-child a:active{
	border-left:none;
}
nav .menu-main-nav-container ul li:last-child a:hover, 
nav .menu-main-nav-container ul li:last-child a:active{
	border-right:none;
}
#menu-main-nav li.current-menu-item a{
	color:#fff;
	background-color:#70AF61;
	cursor:default;
}

#main-content div h1 {
font-size: 2.8em;
}
	
/* Article One */

#main-content-article-one .article-text-block h2{
	font-family: 'Fenix', serif;
	font-size: 1.8em;
	color:#006838;
}
#main-content-article-one .article-text-block p{
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	line-height:30px;
	padding: 10px 0 30px 0;
}
/* Members Footer section */

footer{
	width:98%;
	height:auto;
	margin:0 auto 50px auto;
	position:relative;
}
/*Bank logos*/
#trusted-lenders{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	
}
#trusted-lenders div.image-content-positioner{
	width:90%;
	height:auto;
	margin:0 auto;
	
}
#trusted-lenders h2{
	font-size: 1.2em;
	text-align:center;
	font-family: 'Fenix', serif;
	width: 90%;
    margin: 10px auto 15px auto;
}


.position-bank-logo{
	width:13%;
	margin-left:3.5%;
	margin-right:3.5%;
	
}
.position-bank-logo img{
	width:100%;
	height:auto;
	
}

.image-content-positioner .position-bank-logo:nth-child(4){
	display:inline-block;
}
.image-content-positioner .position-bank-logo:last-child{
	display:inline-block;
}
/* Members footer section */
#members-of{
	width:98%;
	height:auto;
	margin:10px auto;
	padding-bottom:10px;
	border-top:solid 2px #651D0D;
	border-bottom:solid 2px #651D0D;
}
#members-of  div.image-content-positioner{
		width:60%;
	height:auto;
	display: table;
}
#members-of  div.image-content-positioner .position-image{
	display: table-cell;
	width: 30%;
	float: none;
	padding: 0 2% 0 2%;
}
#members-of h2{
	font-size: 1.1em;
}
.menu-legals-nav-container{
	width:60%;
	height:20px;
	margin:0 auto;
}

#menu-legals li{
	display:inline-block;
	width:32%;
	height:24px;
}

#menu-legals li a{
	font-size:1em;
}
 
 #social-nav-position{
	 margin-top:-25px;
 }
 .position-image {
    width: 25%;
    height: auto;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    display: inline-block;
}
/*Legal info footer section*/
.legalInfo{
	margin-top: 110px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7em;
    text-align: center;
    line-height: 15px;
}

   }