/*
Theme Name: Aspera
Description: Custom WP theme for Aspera.
Version: 1.0
Author: Matt Heyes, The Latitude Group
Author URI: http://latitudegroup.com.au
*/

/*--------------------------------
	CSS 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,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}

/*--------------------------------	
	FONTS
----------------------------------*/

@font-face {
font-family: 'ProximaNovaA-Thin';
src: url('fonts/235F39_1_0.eot');
src: url('fonts/235F39_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_1_0.woff') format('woff'), url('fonts/235F39_1_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Thin';
src: url('fonts/235F39_2_0.eot');
src: url('fonts/235F39_2_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_2_0.woff') format('woff'), url('fonts/235F39_2_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Extrabld';
src: url('fonts/235F39_3_0.eot');
src: url('fonts/235F39_3_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_3_0.woff') format('woff'), url('fonts/235F39_3_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Extrabld';
src: url('fonts/235F39_4_0.eot');
src: url('fonts/235F39_4_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_4_0.woff') format('woff'), url('fonts/235F39_4_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Semibold';
src: url('fonts/235F39_5_0.eot');
src: url('fonts/235F39_5_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_5_0.woff') format('woff'), url('fonts/235F39_5_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Black';
src: url('fonts/235F39_6_0.eot');
src: url('fonts/235F39_6_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_6_0.woff') format('woff'), url('fonts/235F39_6_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Regular';
src: url('fonts/235F39_7_0.eot');
src: url('fonts/235F39_7_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_7_0.woff') format('woff'), url('fonts/235F39_7_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Black';
src: url('fonts/235F39_8_0.eot');
src: url('fonts/235F39_8_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_8_0.woff') format('woff'), url('fonts/235F39_8_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Light';
src: url('fonts/235F39_9_0.eot');
src: url('fonts/235F39_9_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_9_0.woff') format('woff'), url('fonts/235F39_9_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Light';
src: url('fonts/235F39_A_0.eot');
src: url('fonts/235F39_A_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_A_0.woff') format('woff'), url('fonts/235F39_A_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Bold';
src: url('fonts/235F39_B_0.eot');
src: url('fonts/235F39_B_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_B_0.woff') format('woff'), url('fonts/235F39_B_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Bold';
src: url('fonts/235F39_C_0.eot');
src: url('fonts/235F39_C_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_C_0.woff') format('woff'), url('fonts/235F39_C_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Semibold';
src: url('fonts/235F39_D_0.eot');
src: url('fonts/235F39_D_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_D_0.woff') format('woff'), url('fonts/235F39_D_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaS-Regular';
src: url('fonts/235F39_E_0.eot');
src: url('fonts/235F39_E_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_E_0.woff') format('woff'), url('fonts/235F39_E_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNovaT-Thin';
src: url('fonts/235F39_F_0.eot');
src: url('fonts/235F39_F_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_F_0.woff') format('woff'), url('fonts/235F39_F_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova-Extrabld';
src: url('fonts/235F39_10_0.eot');
src: url('fonts/235F39_10_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_10_0.woff') format('woff'), url('fonts/235F39_10_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url('fonts/235F39_11_0.eot');
src: url('fonts/235F39_11_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_11_0.woff') format('woff'), url('fonts/235F39_11_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova-Semibold';
src: url('fonts/235F39_12_0.eot');
src: url('fonts/235F39_12_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_12_0.woff') format('woff'), url('fonts/235F39_12_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova-Black';
src: url('fonts/235F39_13_0.eot');
src: url('fonts/235F39_13_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_13_0.woff') format('woff'), url('fonts/235F39_13_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova-Light';
src: url('fonts/235F39_14_0.eot');
src: url('fonts/235F39_14_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_14_0.woff') format('woff'), url('fonts/235F39_14_0.ttf') format('truetype');
}
@font-face {
font-family: 'ProximaNova-Bold';
src: url('fonts/235F39_15_0.eot');
src: url('fonts/235F39_15_0.eot?#iefix') format('embedded-opentype'), url('fonts/235F39_15_0.woff') format('woff'), url('fonts/235F39_15_0.ttf') format('truetype');
}

/*--------------------------------
	BASICS
----------------------------------*/

pre,code,tt{font:1em/1.5em 'Andale Mono', 'Lucida Console', monospace;} li ul,li ol{margin:0 1.5em;} ul{list-style-type:disc;} ol{list-style-type:decimal;} ol ol{list-style:upper-alpha;} ol ol ol{list-style:lower-roman;} ol ol ol ol{list-style:lower-alpha;} dd{margin-left:1.5em;} table{margin-bottom:1.4em;width:100%;} th,td,caption{padding:4px 10px 4px 5px;} sup,sub{line-height:0;} abbr,acronym{border-bottom:1px dotted;} address{font-style:italic;margin:0 0 1.0em;} del{text-decoration:line-through;} pre{white-space:pre;margin:1.5em 0;} .wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;} .wp-caption img{border:0 none;margin:0;padding:0;} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;} p img{max-width:100%;padding:0;} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;} .alignright{float:right;} .alignleft{float:left;} h1,h2,h3,h4,h5,h6,b,strong,dfn,dl dt,th{font-weight:700;} em,i,dfn,cite,tfoot{font-style:italic;} p,code,pre,kbd,dl{margin:0 0 15px 0;} blockquote,ul,ol{margin:0 1.5em 1.5em;} .aligncenter,div.aligncenter,img.centered{display:block;margin-left:auto;margin-right:auto;} .group:before,.group:after {content: "";display: table;} .group:after {clear: both;}.group {zoom: 1;}

a { color:#b0b0b6; text-decoration:underline; }
a:hover { color:#95959d; text-decoration:none; }
a:focus { outline:none; }
a:hover, a:active { outline: 0; }

b, strong { font-weight:normal; font-family:'ProximaNova-Bold'; }
i, em { font-style:italic; }

h1 { font-size:24px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:14px; }

h1, h2, h3, h4, h5 { font-family:'ProximaNova-Bold', Helvetica, Arial, sans-serif; font-weight:normal; }

/*--------------------------------
	LAYOUT
----------------------------------*/

body { 
	background-color:#fff;
	font-family:'ProximaNova-Regular', Helvetica, Arial, sans-serif; 
	font-size:14px; 
	line-height:1.4em; 
	color:#cacace; 
	margin:0; 
	padding:0 0 0 0; 
	text-align: center;
	-webkit-transition: background-color 0.5s ease-in-out;  
	-moz-transition: background-color 0.5s ease-in-out; 
	-o-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;
}

.container {
	padding:0 30px;
}

#header { 
	position: fixed; 
	top:0; left:0; right:0; 
	padding:58px 0 0 0;
	z-index: 100;
	 -webkit-transition: background 400ms ease-in-out;
	 -moz-transition: background 400ms ease-in-out;
	 -o-transition: background 400ms ease-in-out;
	 -ms-transition: background 400ms ease-in-out;
	 transition: background 400ms ease-in-out;
}

#header #toolbar {
	min-height: 54px;
	background: url(images/bg-toolbar.png) #cacace 0 0 repeat-x;
	color: #666666;
	text-align: center;
	font-family:'ProximaNova-Bold';
	font-size: 13px;
}

#header #toolbar ul {
	margin:0;
	padding:10px 0;
	list-style: none;
}
#header #toolbar ul li {
	margin:0;
	padding:6px 15px 0;
	display: inline-block;
	*display: inline;
	text-align: center;
	color: #666666 !important;
	text-transform: uppercase;
	font-family:'ProximaNova-Bold';
	font-size: 30px;
	letter-spacing: 3px;
}
#header #toolbar ul li:first-child {
	/* border-right: 1px solid #666; */
}
#header #toolbar ul li span {
	display: block;
	font-family:'ProximaNova-Light';
	letter-spacing: 1px;
	font-size: 13px;
	margin:5px 0 0 0;
}
#header h1 { margin:0; padding:0; }
#header h1 a#logo { display: inline-block; *display: inline; height: 54px; width:128px; position: relative; top:0; text-indent: -9999px; background: url(images/logo.png) 0 top no-repeat; }
#header h1 a#logo span { display: block; height: 54px; width:128px; position: relative; top:0; text-indent: -9999px; background: url(images/logo.png) 0 bottom no-repeat; opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 }
#header nav { margin-bottom: 28px; }
#header nav ul { margin:0; padding:0; list-style: none; }
#header nav ul li { margin:0; padding:0; display: inline-block; *display: inline; font-family: 'ProximaNova-Regular'; font-size: 11px; line-height: 16px; text-transform: uppercase; }
#header nav ul li a { margin:0; padding:12px 10px 6px 10px; display: inline-block; *display: inline; color: #fff; text-decoration: none; position: relative;
 -webkit-transition: color 400ms ease-in-out;
 -moz-transition: color 400ms ease-in-out;
 -o-transition: color 400ms ease-in-out;
 -ms-transition: color 400ms ease-in-out;
 transition: color 400ms ease-in-out;
}
#header nav ul li.active a:after { content: ' '; position: absolute; left:50%; bottom: 0; height: 1px; width: 16px; margin-left: -8px; background-color: #fff; }

#header nav ul li a:hover { text-decoration: none; color: #fff; }

#header.scrolled { background: #fff; /* -webkit-box-shadow: 0px 0px 5px 5px rgba(100, 100, 100, 0.1); box-shadow: 0px 0px 5px 5px rgba(100, 100, 100, 0.1); */}

#header.scrolled nav ul li a { color: #5b5b5c; }
#header.scrolled nav ul li a:hover { color: #5b5b5c; }
#header.scrolled h1 a#logo { background: none;  }
#header.scrolled h1 a#logo span { opacity: 1; }
#header.scrolled nav ul li.active a:after { background-color: #5b5b5c; }


#header a#register-link {
	display: block;
	text-align: center;
	position: absolute;
	top:0;
	right:4%;
	width:140px;
	padding:10px 0 5px;
	background: #e3e3e3;
	color: #848484;
	font-family:'ProximaNova-Bold';
	letter-spacing: 1px;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2em;
}

#header a#register-link:after {
	content: ' ';
	position: absolute;
	left:0;
	bottom:-16px;
	border-color: #e3e3e3 transparent;
	border-style: solid;
	border-width: 16px 70px 0px 70px;
	height: 0px;
	width: 0px;
}

#header #register-form {
	display: block;
	opacity: 1;
	position: absolute;
	top:0;
	right:4%;
	z-index: 10;
	width: 222px;
	background: #e3e3e3;
	color: #848484;
	padding:15px 9px;
}

#header.close #register-form {
	display: none;
	opacity: 0;
	top:-50px;
}

#header #register-form h4 { 
	font-family:'ProximaNova-Light';
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 1px;
	margin:0 0 17px 0;
	padding:0 0 12px 0;
	position: relative;
}
#header #register-form h4:after {
	content: '';
	display: block;
	height: 1px; 
	width: 34px;
	position: absolute;
	left:50%;
	margin-left: -17px;
	background: #8e8d95;
	bottom: 0;
}
#header #register-form form label { display: block; font-size: 12px; margin:10px 0 5px 0; }
#header #register-form form label.hide { display: none; }

#header #register-form form input[type=text],
#header #register-form form input[type=email] { display: block; margin:0 auto !important; margin-bottom: 10px !important; padding:5px 3px; font-family: 'ProximaNova-Regular'; color: #767679; text-align: center; width: 186px !important; border: 1px solid #abaab2; background: #fff !important; }

#header #register-form form input[type=checkbox] { color: #cacace; border: 1px solid #abaab2; background: #fff; }

#header #register-form form select { display: block; margin:0 auto; margin-bottom: 10px; padding:3px; font-family: 'ProximaNova-Regular'; color: #cacace; text-align: center; width: 166px; border: 1px solid #cacace; background: #fff; }
#header #register-form form select option { font-family: 'ProximaNova-Regular'; color: #cacace; }

#header #register-form form button,
#header #register-form form input[type=submit] { cursor: pointer; border: none; background: #8d8d95; color: #e3e3e3; font-family:'ProximaNova-Bold' !important; font-size: 14px  !important; text-transform: uppercase; display: inline-block; *display: inline; padding:0 20px; line-height: 30px; }



#footer { background-color: #938f8e; height: 60px; position: relative; }

#footer ul#social { margin:19px 0 0 0; padding:0; list-style: none; }
#footer ul#social li { margin:0; padding:0; display: inline-block; *display: inline; }
#footer ul#social li a { margin:0 9px; padding:0; display: inline-block; *display: inline; text-indent: -9999px; width: 26px; height: 25px; background: url(images/sprite-social.png) 0 0 no-repeat; }
#footer ul#social li#li-tw a { background-position: 0 0; }
#footer ul#social li#li-fb a { background-position: -26px 0; }
#footer ul#social li#li-in a { background-position: -52px 0; }
#footer #back-to-top { display: inline-block; *display: inline; position: absolute; float: right; top:14px; right: 38px; margin:0 0 0 10px; text-transform: uppercase; text-decoration: none; color: #fff; font-size: 11px; line-height: 30px; border:1px solid #cacace; padding:0 15px; }

#home { height: 400px; width: auto; position: relative; top:0; left:0; right:0; padding:30px; background-color: #fff !important; }

.page-content { padding:60px 0; }
.page-content h2 { font-family:'ProximaNova-Regular'; font-size: 76px; line-height: 90px; letter-spacing: 4px; max-width: 570px; padding:0 0 40px 0; margin:0 auto; margin-bottom: 30px; position: relative; }
.page-content h2:after { content: ' '; position: absolute; left:50%; bottom: 0; height: 1px; width: 34px; margin-left: -17px; background-color: #cbcbce; }
.page-content h3 { font-family:'ProximaNova-Regular'; font-size: 30px; line-height: 36px; letter-spacing: 1px; padding-bottom: 40px; margin-bottom: 40px; position: relative; }
.page-content h3:after { content: ' '; position: absolute; left:50%; bottom: 0; height: 1px; width: 34px; margin-left: -17px; background-color: #cbcbce; }
.page-content .entry { font-size: 16px; position: relative; padding-bottom:40px; }
.page-content .entry:after { content: ' '; position: absolute; left:50%; bottom: 0; height: 1px; width: 34px; margin-left: -17px; background-color: #cbcbce; } 


.page-content.white-on-grey { background-color: #d1cdc6; color: #fff; }
.page-content.white-on-grey a,
.page-content.white-on-grey a:hover,
.page-content.white-on-grey h2,
.page-content.white-on-grey h3, { color: #fff; }

.page-content.white-on-grey h2:after,
.page-content.white-on-grey h3:after,
.page-content.white-on-grey .entry:after { background-color: #fff; }

.page-slider { height: 570px !important; width: 100% !important; margin:40px 0; }

#location .entry { margin-bottom: 80px; position: relative; }



#contact-content form { width: 50%; float: left; text-align: center; }
#contact-content form fieldset { text-align: center; }
#contact-content form h4 { display: block; padding-bottom: 12px; width: 100%; margin-bottom: 17px; font-size: 16px; color: #cacace; font-family: 'ProximaNova-Regular'; text-align: center; position: relative; }
#contact-content form h4:after { content: ' '; position: absolute; left:50%; bottom: 0; height: 1px; width: 34px; margin-left: -17px; background-color: #cacace; }
#contact-content .entry { width: 50%; float: left; }
#contact-content .entry:after { background-color: transparent; }

#contact-content form label { display: block; font-size: 12px; margin:10px 0 5px 0; }
#contact-content form label.hide { display: none; }

#contact-content form input[type=text],
#contact-content form input[type=email] { display: block; margin:0 auto !important; margin-bottom: 10px !important; padding:3px; font-family: 'ProximaNova-Regular'; color: #cacace; text-align: center; width: 166px !important; border: 1px solid #cacace; background: #fff !important; }

#contact-content form input[type=checkbox] { color: #cacace; border: 1px solid #cacace; background: #fff; }

#contact-content form select { display: block; margin:0 auto; margin-bottom: 10px; padding:3px; font-family: 'ProximaNova-Regular'; color: #cacace; text-align: center; width: 166px; border: 1px solid #cacace; background: #fff; }
#contact-content form select option { font-family: 'ProximaNova-Regular'; color: #cacace; }

#contact-content form button,
#contact-content form input[type=submit] { cursor: pointer; border: none; background: #cacace; color: #fff; font-family:'ProximaNova-Bold' !important; font-size: 14px  !important; text-transform: uppercase; display: inline-block; *display: inline; padding:0 20px; line-height: 30px; }


#contact-content .entry h4 { display: block; padding-bottom: 12px; width: 100%; margin-bottom: 17px; font-size: 16px; color: #cacace; font-family: 'ProximaNova-Regular'; text-align: center; position: relative; }
#contact-content .entry h4:after { content: ' '; position: absolute; left:50%; bottom: 0; height: 1px; width: 34px; margin-left: -17px; background-color: #cacace; }
#contact-content .entry p { line-height: 22px; font-size: 14px; font-family:'ProximaNova-Bold'; color: #cacace; }
#contact-content .entry p a { text-decoration: none; color: #cacace; }
#contact-content .entry p a:hover { text-decoration: underline; color: #cacace; }

#contact-content .webform_step { 
    background-color: transparent !important;
    border: none  !important;
    border-radius: 0 !important;
    margin: 0 auto;
    padding: 0 !important;
    width: auto  !important;
}

/*--------------------------------
	> 1300px CONTAINMENT
----------------------------------*/

@media only screen and (min-width : 900px) {

	.container { width:820px; margin:0 auto; }

}

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

	#header #toolbar ul li {
	    font-size: 24px;
	    line-height: 1.2em;
	}

}

#header #toolbar { display:none; }