/*
	Theme Name: KODA Sydney
	Theme URI: http://www.kodasydney.com/
	Description: A custom WordPress theme developed for KODA Sydney
	Author: Acronym Digital
	Author URI: https://acronymdigital.com.au/
	Version: 1.0
*/


/* Reset
-------------------------------------------------------------------------------*/
html {
	box-sizing:border-box;
	font-family:sans-serif;
		-ms-text-size-adjust:100%;
		-webkit-text-size-adjust:100%;
	margin:0;
	}
	
*, *:before, *:after {
	box-sizing:inherit;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block;
	}
	
audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline;
	}
	audio:not([controls]) {
		display:none;
		height:0;
		}
		
img {
	border:0;
	height:auto;
	}

a { background:transparent; }
	a:active, a:hover { outline:0; }
	a:link { -webkit-tap-highlight-color:#ddd; } /* j.mp/webkit-tap-highlight-color */

b, strong { font-weight:bold; }
dfn { font-style:italic; }
small { font-size:80%; }

sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
	}
	sup { top:-0.5em; }
	sub { bottom:-0.25em; }

.chromeframe {position:absolute; top:0;}

/* Custom text-selection colors (remove any text shadows:http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
	background:#ddd;
	color:#fff;
	text-shadow:none;
	}
::selection {
	background:#ddd;
	color:#fff;
	text-shadow:none;
	}

ins {
	background-color:#ddd;
	color:#000;
	text-decoration:none;
	}
mark {
	background-color:#ddd;
	color:#000;
	font-style:italic;
	font-weight:bold;
	}
	
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

button, input, optgroup, select, textarea {
	color:inherit;
	font:inherit;
	margin:0;
	}
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		-webkit-appearance:button;
		cursor:pointer;
		}
	button[disabled], html input[disabled] {
		cursor:default;
		}
	button::-moz-focus-inner, input::-moz-focus-inner {
		border:0;
		padding:0;
		}
	input {
		line-height:normal;
		}
	input[type="checkbox"], input[type="radio"] {
		box-sizing:border-box;
		padding:0;
		}



/* Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	}
	h1 {
		font-size:1.85em;
		margin:0 0 8px 0 !important;
		}
		.para h1 { font-size:1.34em; }
	h2 {
		font-weight:normal;
		}



/* Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style:decimal; }
ul { list-style:disc; margin-top:0; padding:0; }
li { margin-left:30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:20px; }



/* Forms
----------------------------------------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background-color:#eee;
	border:1px solid #ccc;
	margin:0.1em 0 0 0;
	padding:0.6em 0.8em;
	width:65%;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="number"]:focus,
	textarea:focus,
	select:focus {
		background-color:#fefefe;
		border:1px solid #ccc;
		}
		
input[type="submit"] {
	background-color:#006DCC;
	border-radius:4px;
		-moz-border-radius:4px;
		-khtml-border-radius:4px;
		-webkit-border-radius:4px;
	border-image:none;
    border-style:solid;
    border-width:1px;
    background-image:linear-gradient(to bottom, #08c, #255B9E);
    background-repeat:repeat-x;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color:#fff;
    cursor:pointer;
    display:inline-block;
	margin:1em 0 0 0;
    padding:0.42em 0.8em;
    text-align:center;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align:middle;
	}
	input[type="submit"]:hover {
		background-image:linear-gradient(to bottom, #0078B3, #21538F);
		}


/* Common
-------------------------------------------------------------------------------*/
.clearfix {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}

section { text-align:center; }
	.page-content-repeater, .page-content { padding:3em; }
		.page-content-repeater .page-content {
			padding-bottom:0.75em;
			padding-top:0.75em;
			}
		h2.sidebyside-heading { padding-top:2em; }
		.page-content h2 { font-size:1.25em; }
		.page-content p {
			line-height:1.5em;
			margin:0 auto;
			max-width:610px;
			}
			.page-content.font-small p {
				font-size:0.85em;
				}
			.page-content.font-regular p {
				font-size:1em;
				}
			.page-content.font-large p {
				font-size:1.25em;
				}
		.page-content-arial { font-family: "Arial", sans-serif; }
			.page-content-arial.font-small p {
				line-height:1.8em;
				max-width:520px;
				}
	.page-content-left {
		float:left;
		padding-bottom:1.5em;
		padding-top:1.5em;
		width:50%;
		}
	.page-content-right {
		float:right;
		padding-bottom:1.5em;
		padding-top:1.5em;
		width:50%;
		}
	.page-content-single {
		padding-top:1.5em;
		}
	
.full-img img {
	display:block;
	height:auto;
	width:100%;
	}
	.full-img p img {
		display:inline-block;
		height:37px;
		margin:2em auto 0;
		width:auto;
		}



/* Body
-------------------------------------------------------------------------------*/
body {
	font-family:"Montserrat", sans-serif;
	font-optical-sizing:auto;
	font-size:1em;
	font-weight:400;
	font-style:normal;
	height:100%;
	margin:0;
	}
	
select, input, textarea { color:#000; }

a {
	color:#ddd;
	text-decoration:none;
	transition:all 0.2s;
		-webkit-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-ms-transition:all 0.2s;
		-o-transition:all 0.2s;
	}
	a:hover {
		color:#fff;
		transition:all 0.2s;
			-webkit-transition:all 0.2s;
			-moz-transition:all 0.2s;
			-ms-transition:all 0.2s;
			-o-transition:all 0.2s;
		}


/* Main
-------------------------------------------------------------------------------*/
#wrapper {
	margin:0;
	padding:0;
	width:100%;
	}
	
	/* ----- Header ----- */
	#header {
		display:flex; justify-Content:center;
		padding:2em;
		position:fixed; left:0; right:0; top:0;
		width:100%;
		z-index:1000;
		}
		.header-bg-gradient { background:linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); }
		.header-bg { background-color:#003a70; }
		.header-nav-mobile { display:none; }
		.header-nav {
			padding-top:1em;
			width:33.33%;
			}
			.header-nav-menu { cursor:pointer; }
				.header-nav-menu.closed {
					background-image:url('images/Menu.png');
					background-size:30px 22px;
					display:block;
					height:22px;
					width:30px;
					}
				.header-nav-menu.open {
					background-image:url('images/Menu-Close.png');
					background-size:22px 22px;
					display:block;
					height:22px;
					width:22px;
					}
			.header-nav ul, .header-nav-mobile ul {
				display:none;
				margin-top:0.7em;
				position:absolute;
				}
				.header-nav li, .header-nav-mobile li {
					font-weight:bold;
					list-style:none;
					margin:1em auto;
					text-transform:uppercase;
					}
					.header-nav a, .header-nav-mobile a { color:#ddd; }
						.header-nav a:hover, .header-nav-mobile a:hover { color:#fff; }
		.header-logo {
			text-align:center;
			width:33.33%;
			}
			.header-logo-full { display:none; }
		.header-reso {
			padding-top:1em;
			text-align:right;
			width:33.33%;
			}
		
		.nav-left, .nav-right { float:left; }
			
	/* ----- Banner ----- */
	#banner {
		height:100%;
		padding-top:0;
		position:relative;
		}



/* Footer
-------------------------------------------------------------------------------*/
#footer {
	padding:3em;
	position:relative;
	text-align:center;
	}
	
	#footer a { color:#ccc; }
		#footer a:hover { color:#fff; }
	
	.footer-logo {
		position:absolute;
		left:2em;
		padding-bottom:3em;
		}
	.footer-content {
		margin:0 auto;
		max-width:790px;
		padding:0 10px 15px 10px;
		}	
		.footer-content-social {
			display:flex;
			justify-content:center;
			}
			.footer-content-social-icon {
				font-size:1.8em;
				margin:0 12px;
				}
		.footer-content-address { margin:1em 0.25em 0.25em 0.25em; }
		.footer-content-contact {}
			.footer-content-contact ul {}
				.footer-content-contact li {
					display:inline-block;
					margin:0.25em;
					}
					.footer-content-contact li::after {
						display:inline-block;
						margin:0 0 0 0.8em;
						content: "|";
						}
					.footer-content-contact li:last-child::after {
						content: "";
						margin:0;
						}
		.footer-content-follow { margin-top:3.5em; }
	.footer-reso { display:none; }


/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	h1 { font-size:1.5em; }
	h2 { font-size:90%; }
}

@media only screen and (max-width: 767px) {
	.header-nav {
		position:fixed;
		left:3em;
		}
		.header-nav ul { display:none; }
		.header-nav-mobile {
			position:fixed;
			text-align:center;
			top:420px;
			width:100%;
			}
			.header-nav-mobile ul {
				left:50%;
				transform:translate(-50%, -50%);
				}
				.header-nav-mobile li {
					font-size:1.25em;
					margin:1.5em auto;
					}
	.header-logo, .header-logo-full {
		position:fixed;
		left:50%;
		transform:translate(-50%, -50%);
		top:4.5em;
		}
		.header-logo-full { top:5.5em; }
	.header-reso { display:none; }
	
	.page-content-repeater { padding:1em 0 2em; }
	.page-content-left,
	.page-content-right {
		float:none;
		padding-top:0;
		width:100%;
		}
	
	#footer { padding:3em 3em 4.5em; }
		.footer-logo img { max-width:30px; }
		.footer-content-contact li::after { content:""; }
		.footer-reso {
			background-color:#003a70;
			display:block;
			padding:1em 0 0.7em;
			position:fixed; bottom:0; left:0; right:0;
			width:100%;
			}
}