/*Theme Name: Jay PowerTheme URI: http://www.jaypower.com.au/Author: InveressAuthor URI: http://www.inveress.net.au/Description: Custom theme for Jay Power.Version: 1.0License: GNU General Public License v2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlText Domain: bootstrap2wordpress*//* @import must be at top of file, otherwise CSS will not work */@import url("//hello.myfonts.net/count/2f4d70");@font-face { font-family: 'Olio'; src: url('/assets/fonts/2F4D70_0_0.eot'); src: url('/assets/fonts/2F4D70_0_0.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/2F4D70_0_0.woff2') format('woff2'), url('/assets/fonts/2F4D70_0_0.woff') format('woff'), url('/assets/fonts/2F4D70_0_0.ttf') format('truetype'); }@media (min-width: 1200px) {	.hide-from-desktop {		display: none; !important	}}@media (max-width: 1199px) {	.hide-from-mobile {		display: none; !important	}}	/*--------------------------------------------------------------2.0 Typography--------------------------------------------------------------*/ul, ol {	list-style-type: none;	-webkit-margin-before: 0;	-webkit-margin-after: 0;	-webkit-padding-start: 0;}/*--------------------------------------------------------------3.0 Elements--------------------------------------------------------------*//*--------------------------------------------------------------4.0 Forms--------------------------------------------------------------*//*--------------------------------------------------------------5.0 Navigation--------------------------------------------------------------*//*--------------------------------------------------------------5.1 Links--------------------------------------------------------------*//*--------------------------------------------------------------5.2 Menus--------------------------------------------------------------*/.navbar {	margin-bottom: 10px;}.navbar-default {	background-color: transparent;	border: none;}#topbar-container-desktop, #topbar-container-mobile {	clear: both;	width: 100%;}#topbar-container-desktop ul, #topbar-container-mobile ul {	list-style: none;	margin: 0;	padding-left: 0;}#topbar-container-mobile li a, .navbar-default .navbar-nav > li > a, .mobile-nav-menu li a {	position: relative;	padding: 10px 0px;	font-weight: normal;	font-family: 'Olio', Arial, sans-serif;	font-size: 26px;	letter-spacing: 0.15em;	color: #FFFDF8;	/*-webkit-text-fill-color: #FFFDF8;*/}#topbar-container-desktop li a {	float: left;	/*padding: 15px 10px;*/	padding: 0;	font-weight: normal;	font-family: Olio, Arial, sans-serif;	font-size: 21px;	letter-spacing: 0.125em;	color: #FFF6E5;	text-shadow: 0 0 1px #002060;	/*	-webkit-text-fill-color: transparent !important;	-webkit-text-stroke-width: 1px;	-webkit-text-stroke-color: #FFFDF8;	*/}#topbar-container-desktop li.current_page_item a, #topbar-container-desktop li.current_page_parent a, #topbar-container-desktop li a:hover {	color: #26578e;	/*	-webkit-text-fill-color: #FFF6E5;	-webkit-text-stroke-color: #104886;	*/}.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {	color: #26578e;}.menu-item-img-li img {	padding: 10px 8px 10px 2px;}@media (min-width: 1421px) and (max-width: 1492px) {	.menu-item-img-li img {		width: 85%;		height: auto;		padding: 11px 4px 11px 2px;	}}@media (min-width: 1200px) and (max-width: 1420px) {	.menu-item-img-li img {		width: 80%;		height: auto;		padding: 12px 2px 12px 0;	}}@media (min-width: 1260px) and (max-width: 1348px) {	.menu-item-img-li img {		margin: 0 -3px;	}}@media (min-width: 1200px) and (max-width: 1259px) {	.menu-item-img-li img {		margin: 0 -5px;	}}.topbar-menu {	text-transform: uppercase;}.mobile-nav {	padding-top: 140px;}.mobile-nav-menu {	padding: 0 !important;	margin: 0 !important;}.mobile-nav-menu li a {	position: relative;	padding: 10px 0px;	font-weight: normal;	font-family: 'Olio', Arial, sans-serif;	font-size: 26px;	line-height: 2em;	letter-spacing: 0.15em;	color: #FFFDF8 !important;	/*-webkit-text-fill-color: #FFFDF8; */}/* Site title */.topbar-logo a {	display: block;	font-family: Olio, Arial, sans-serif;	font-size: 38px;	letter-spacing: 0.2em;	font-weight: normal;	color: #FFF6E5;	/*	-webkit-text-fill-color: #FFF6E5;	-webkit-text-stroke-width: 1px;	-webkit-text-stroke-color: #104886;	*/}.home .topbar-logo a {	text-shadow: 0 0 3px #083d7d;}.topbar-social {	padding: 12px 10px;}.topbar-social img {	padding: 0 12px;}@media (min-width: 1200px) and (max-width: 1270px) {	.topbar-social img {		padding: 0 10px;	}}.navbar-toggle {	float: none;}/*--------------------------------------------------------------6.0 Accessibility--------------------------------------------------------------*//* Text meant only for screen readers */.screen-reader-text {	clip: rect(1px, 1px, 1px, 1px);	position: absolute !important;	height: 1px;	width: 1px;	overflow: hidden;}.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;	font-size: 14px;	font-weight: bold;	height: auto;	left: 5px;	line-height: normal;	padding: 15px 23px 14px;	text-decoration: none;	top: 5px;	width: auto;	z-index: 100000; /* Above WP toolbar */}/*--------------------------------------------------------------7.0 Alignments--------------------------------------------------------------*/.alignleft {	display: inline;	float: left;	margin-right: 1.5em;}.alignright {	display: inline;	float: right;	margin-left: 1.5em;}.aligncenter {	clear: both;	display: block;	margin: 0 auto;}/*--------------------------------------------------------------8.0 Clearings--------------------------------------------------------------*/.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {	content: "";	display: table;}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {	clear: both;}/*--------------------------------------------------------------9.0 Widgets--------------------------------------------------------------*//*--------------------------------------------------------------10.0 Content--------------------------------------------------------------*//*--------------------------------------------------------------10.1 Posts and pages--------------------------------------------------------------*/.sticky {	display: block;}.hentry {	margin: 0 0 1.5em;}.page-content,.entry-content,.entry-summary {	margin: 1.5em 0 0;}/* Sign-up form */.mc4wp-form input[type="email"] {	width: 220px !important;	height: 25px;	text-align: center;	padding: 4px 10px !important;	background: transparent url('/assets/img/bg-maillist.png') 50% 0 no-repeat;	-webkit-border-radius: 0 !important;	-moz-border-radius: 0 !important;	border-radius: 0 !important;	border: none !important;	color: #104886 !important;	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	font-weight: bold;	font-style: normal;	font-size: 12px !important;	letter-spacing: 0.025em !important;}.mc4wp-form input[type="email"]:focus {	border-radius: 0 !important;	border: none !important;	outline: none !important;}::-webkit-input-placeholder { /* WebKit, Blink, Edge */	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	color: #104886;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	color: #104886;	opacity:  1;}::-moz-placeholder { /* Mozilla Firefox 19+ */	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	color: #104886;	opacity:  1;}:-ms-input-placeholder { /* Internet Explorer 10-11 */	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	color: #104886;}.mc4wp-alert, .mc4wp-notice {	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	font-weight: 300;	letter-spacing: 0.1em;	color: #21759b;}footer .mc4wp-alert, footer .mc4wp-notice {	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif !important;	position: relative;	top: -55px;	font-weight: 300;	letter-spacing: 0.1em;	color: #fff6e5;}/*--------------------------------------------------------------10.2 Asides--------------------------------------------------------------*//*--------------------------------------------------------------10.3 Comments--------------------------------------------------------------*//*--------------------------------------------------------------11.0 Infinite scroll--------------------------------------------------------------*//*--------------------------------------------------------------12.0 Media--------------------------------------------------------------*//* Make sure embeds and iframes fit their containers */embed,iframe,object {	max-width: 100%;}/*--------------------------------------------------------------12.1 Captions--------------------------------------------------------------*//*--------------------------------------------------------------12.2 Galleries--------------------------------------------------------------*//*--------------------------------------------------------------13.0 Theme Specific Styles--------------------------------------------------------------*//* === GENERAL === *//* @@@ */html {	position: relative;	min-height: 100%;}body {	margin: 0;	font-family: 'Value Serif Regular', Georgia, serif;	font-weight: 600;	font-style: normal;	font-size: 14px;	letter-spacing: 0.01em;	color: #306090;/* @@@ */margin-bottom: 60px;}.wf-loading body, .wf-loading p {	font-family: Georgia, serif;	font-weight: 500;	font-style: normal;	font-size: 14px;}/* @@@ *//*#wrapper {    min-height: 100%;    height: auto !important;    height: 100%;    margin: 0 auto -130px;}*/#primary {	padding: 220px 0 30px 0;}@media screen and (max-height: 862px) {	#primary {		padding: 180px 0 30px 0;	}}@media screen and (max-height: 798px) {	#primary {		padding: 160px 0 30px 0;	}}@media screen and (max-height: 692px) {	#primary {		padding: 130px 0 30px 0;	}}/* Content area */section.feature-image {	position: relative;}/*section.feature-image .container {	position: relative;}section.feature-image .container {	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;}*/section.main-content {	padding: 25px 25px 20px 25px;	background-color: rgba(255,255,239,0.85);	text-align: center;}section.main-content-mobile {	padding-top: 50px;}/* Mobile/Tab display */@media (max-width: 1199px) {	/* Page background */	body.page, .navbar-header, section.main-content {		background: none rgba(255,247,227,1);	}	body.page-socials .navbar-header, body.page-socials, .page-socials section.main-content {		background: none #164885;	}	body.home .navbar-header {		background: transparent;	}	body.home .fullscreen-bg {		background: url('/assets/img/bg-sea-jay.jpg') 50% 0 repeat-x;		background-size: auto 100%;/*		position: fixed;		top: 50%;		left: 50%;		min-width: 100%;		min-height: 100%;		width: auto;		height: auto;		z-index: -100;		transform: translateX(-50%) translateY(-50%);		background: url('/assets/img/bg-sea.jpg') no-repeat;		background-size: cover;*/	}	/* Nav toggle button */	body.home .btn {		color: #fff6e5;		text-shadow: 0 0 2px #002060;	}	/* Site title */	.topbar-logo a {		color: #104886;	}	.home .topbar-logo a, .page-socials .topbar-logo a, .page-socials .btn-open {		color: #fff6e5;	}	.page-socials p {		margin: 0 0 30px 0;	}}/* Video */.fullscreen-bg {	position: fixed;	top: 0;	right: 0;	bottom: 0;	left: 0;	overflow: hidden;	z-index: -100;}@media (min-width: 1200px) {	video {		position: fixed;		/* This seems to work better in all browsers */		top: 0;		left: 0;		min-width: 100%;		min-height: 100%;		width: auto;		height: auto;		z-index: -100;		background: url('/assets/img/bg-sea.jpg') no-repeat;		background-size: cover;		/*		// Old version		top: 50%;		left: 50%;		min-width: 100%;		min-height: 100%;		width: auto;		height: auto;		z-index: -100;		transform: translateX(-50%) translateY(-50%);		background: url('/assets/img/bg-sea.jpg') no-repeat;		background-size: cover;		transition: 1s opacity;		*/	}}/* Nav menu orientations */@media (max-width: 1199px) and (orientation: landscape) {	.mobile-horizontal {		display: block;	}	.mobile-vertical {		display: none;	}}@media (max-width: 1199px) and (orientation: portrait) {	.mobile-horizontal {		display: none;	}	.mobile-vertical {		display: block;	}	#primary {		padding: 80px 0 20px 0;	}}/* Jay image *//* top up 10, max-height down 10 for png */.jay-head {	z-index: 0;/*	position: absolute;	top: 0;*/position: fixed;top: 160px;	left: 0;	bottom: 0;	right: 0;	margin: 0 auto;	/*	margin: auto auto;	overflow: auto;	left: 50%;	top: 50%;	transform: translate(-50%,-50%);	*/	max-height: 670px;	display: none;}@media screen and (max-height: 862px) {	.jay-head {		max-height: 610px;		top: 140px;	}}@media screen and (max-height: 798px) {	.jay-head {		max-height: 570px;		top: 130px;	}}@media screen and (max-height: 692px) {	.jay-head {		max-height: 530px;		top: 100px;	}}@media (min-width: 1200px) {	.jay-head {		display: block;	}}.home section.main-content {	display: none;}.logged-in .navbar-fixed-top {	top: 32px;}
/* === GLOBAL === */h1,h2,h3,h4,h5,h6 {	-webkit-font-smoothing: antialiased;	text-rendering: optimizelegibility;}/* Page title */h1 {	font-family: Olio, Corbel, sans-serif;	font-weight: normal;	font-style: normal;	font-size: 22px;	margin: 0 0 25px 0;	color: #26578e;	text-transform: uppercase;	letter-spacing: 0.1em;}/* Body heading */h2 {	font-family: 'Novecento Sans Wide Bold', 'Avenir Next', Corbel, Arial, Roboto, sans-serif;	font-weight: bold;	font-size: 18px;	margin: 25px 0 15px 0;	color: #26578e;	text-transform: uppercase;	letter-spacing: 0.1em;}.wf-loading h2 {	font-family: 'Avenir Next', Corbel, Arial, Roboto, sans-serif;	font-weight: bold;	font-style: normal;	font-size: 18px;}.page-tour h2 {	margin: 30px 0 10px 0;}/* Like body text */h3 {	font-family: 'Value Serif Regular', Georgia, serif;	font-weight: 600;	font-style: normal;	font-size: 16px;	margin: 5px 0;	color: #26578e;	letter-spacing: 0.05em;	line-height: 1.2em;}.wf-loading h3 {	font-family: Georgia, serif;	font-weight: 600;	font-style: normal;	font-size: 16px;}/* Sub-heading 1 */h4 {	font-family: 'Crimson Text', serif;	font-weight: bold;	font-style: normal;	font-size: 17px;	margin: 10px 0 0 0;	letter-spacing: 0.02em;	color: #26578e;}.page-tour h4 {	margin: 5px 10px;}
/* Sub-heading 2 */h5 {	font-family: 'Novecento Sans Wide Normal', 'Avenir Next', Corbel, Arial, Roboto, sans-serif;	font-weight: bold;	font-style: normal;	font-size: 13px;	margin: 10px 0 20px 0;	color: #26578e;	text-transform: uppercase;	line-height: 1.4em;	letter-spacing: 0.05em;}.wf-loading h5 {	font-family: 'Avenir Next', Corbel, Arial, Roboto, sans-serif;	font-weight: bold;	font-style: normal;	font-size: 13px;}.page-tour h5 {	margin: 5px 0 20px 0;}p {	margin: 0 0 15px;}.page-tour p {	margin: 0 0 25px;}a {	color: #26578e;}a, a:link, a:visited, a:hover, a:active {	text-decoration: none;}p a:link, p a:hover, section.main-content a, section.main-content a:hover {	text-decoration: underline;}button, input, .btn, a.btn {	-webkit-font-smoothing: antialiased;	text-rendering: optimizelegibility;	color: white;}.btn {	font-weight: normal;	font-size: 34px;	color: #26578e;}button.btn:focus {	outline: none !important;}.btn-close {	margin-bottom: 15px;	letter-spacing: 0.15em;	color: #FFFDF8;}/*#imgAnimateButton:hover {	cursor: pointer;}*/img {	max-width: 100%;}#container {	min-height: 100%;	height: auto;}#contentarea {	min-height: 500px;	padding: 40px 0;	color: white;	-webkit-font-smoothing: antialiased;	text-rendering: optimizelegibility;}#contentarea article {	width: 50%;	text-align: center;}.linklook {	cursor: pointer;}/* ==== LAYOUT ==== */footer {	background: transparent;	color: white;	padding: 0px 0 0 0;	font-size: 12px;	width: 100%;	height: 60px;	position: absolute;	bottom: 0;	z-index: 0;}footer p {	margin: 0;}footer a:link, footer a:visited {	color: white;}footer a:hover {	color: #dd5638;}/* ==== MEDIA QUERIES ==== *//* Fix the top margin when logged in */@media screen and (max-width: 782px) {	.logged-in .navbar-fixed-top {		top: 46px;	}}@media screen and ( max-width : 768px ) {	.resource {		width: 48%;		margin-right: 2%;		min-height: 800px;	}}/* Fix the top margin when logged in */@media screen and (max-width: 600px) {	.logged-in .navbar-fixed-top {		top: 42px;	}}@media screen and ( max-width : 568px ) {	.resource {		width: 100%;		margin-right: 0;		min-height: 0;	}}/* Mobile nav overlay */.mobile-nav-overlay {	display: none;	position: fixed;	top: 0;	height: 100%;	width: 100%;	background: #164885;	overflow: auto;	z-index: 100;}.mobile-nav-wrap {	color: #fff;	text-align: center;	max-width: 1199px;	margin: 0 auto;	padding-top: 60px;}