/*
Everything that looks the same is hidden away here
*/
html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height:100%;
}

html,body{
	margin: 0;
	max-width:100%;
	min-width:320px;
	width:auto;
	box-sizing:border-box;
}

body{
	min-height:100%;
	overflow-y: scroll;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}

audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline;
}

/* Prevent modern browsers fromPrevent display `audio` without controls, remove excess height in iOS 5 devices. */
audio:not([controls]){ display: none;height: 0;}

[hidden],template{display:none}
a{background-color:transparent}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background: #ff0;color: #000}
small{font-size:12px}
small{font-size:12px}

/* Stop messing with line-height */
sub, sup{
	font-size: 12px;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

svg:not(:root){overflow: hidden;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em;}

/* Forms BASICS */
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none;}
button,select{text-transform: none;}

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;vertical-align: middle;}
input[type="checkbox"],input[type="radio"]{padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]{-webkit-appearance: none;}

legend{border: 0;padding: 0;}

textarea{overflow: auto;}
optgroup{font-weight: bold}

/* Tables */
table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th, td{vertical-align:top}
table thead > tr > th{vertical-align:bottom}


/* Cool boxmodel */
*,
*:before,
*:after{
	box-sizing: inherit;
}

/**	NAVIGATION MENUS **/
nav ul,
.nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu-item{
	display: block;
	position: relative
}

.menu-item .submenu-toggler {
	display: none;
	cursor: pointer;
}

.menu-clickable{
	display: block;
	text-decoration: none;
	cursor: pointer;
}

/* Submenus */
.submenu{display: none}
.menu-item.visible > .submenu{display: block;}
.menu-item.visible > .submenu{display: block;}

/* Disable "back"-button in menus as default */
.menu-clickable.submenu-back{display: none;}


/* Hide js-content when no-js*/
.no-js .no-js-hide{display:none!important;}


/* Default image behaviour */
figure{margin:0}
img{
	border: 0;
	max-width:100%;
	height:auto!important;
	display: inline-block;
	vertical-align: middle;
}

@-moz-document url-prefix() {/* Firefox doesn't respect max-width in certain/all situations */
    img { max-width: -moz-max-content; }
}


.dynamically-loaded {
	overflow: hidden;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Allows transitioning from a background to another background */
}

/* fullwidth! */
.dynamically-loaded > img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
		opacity: 0;
}

/* image loading animation */
	.dynamically-loaded::before {
		content: ""; display: block;
	}



/* responsive images floating. Assume figure>img structure */
.alignleft > img,
.alignright > img,
.aligncenter > img,
.alignnone > img {
	float: none!important;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	display: block;
}


/* ------------------------------------##
------ CONTENT RESPONSIVE IMAGES
---------------------------------------## */
	.alignnone {
		display: inline-block;
		vertical-align: middle;
	}

	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}


/* Some elements are usually "always" relative */
	body,
	figure,
	article,
	#top,
	#middle,
	#bottom {
		position: relative;
	}

/*
	READABLE max width autocenter
		(because 1600px paragraps are harder to read)
 */

	.read-max > * {
		text-align: left;
		position: relative;
	}

	.has-sidebar-left-1 #center-content .read-max > * {
		margin-left: inherit;
	}

	/* Figures should be able to go wider! */
	.read-max > figure {
		display: inline-block; /* for figcaption */
		z-index: 9001;
		max-width: 100%;
	}

	.read-max > .dynamically-loaded {
		display: block;
	}

	.read-max {
		word-break: break-word;
	}

	/*.read-max figure,
	.read-max > img,
	.read-max hr {
		max-width: none;
	}
	*/

/* --------------------------------------------------------- */



/* Some text content not to be displayed */
.ir {
	overflow:hidden;
}

.ir:before {
	content: "";
	display: block;
	height: 150%;
}

/* Generic Screenreader visibility */
.screen-reader-response, /* Contact form 7 uses this selector */
.screen-reader-text,
.push-away,
.screenreader-only {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -99999;
}

/* Wordpress adminbar height vs sircon theme, fix */
/*
	.admin-bar{
		padding-top:46px!important
	}
	@media(min-width:783px){
		.admin-bar{
			padding-top:32px!important
		}
	}
*/

/*
	Johns adminbar idea
	Let's "get rid of" this annoyance
	Note: Strong selectors required to override Wordpress own adminbar.css file, which goes crazy with selectors
	*/

@media(max-width: 599px){
	.admin-bar #wpadminbar {
		top: 0;
		left: 0;
	    min-width: 0;
	    height: 46px;
		width: 46px;
	    overflow: hidden;
	}
	#wpadminbar:hover { /* For mouse users on small windows, perhaps.. ?*/
		width: 200px;
		height: auto;
		overflow: visible;
	}
	#wpadminbar .quicklinks .ab-top-secondary{float:none;}
	#wpadminbar .quicklinks .ab-top-secondary>li,
	#wpadminbar ul#wp-admin-bar-root-default>li{
		display: block;
		float:none;
	}

	#wp-admin-bar-wp-logo,
	#wp-admin-bar-customize,
	#wp-admin-bar-comments,
	#wp-admin-bar-wpseo-menu,
	#wp-admin-bar-search {
		display: none!important;
	}

	#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper{
		left: 100%;
		top: 0;
	}
}
/**/

@media(min-width:600px){
	.html-adminbar {
		margin-top: 46px!important;
		height: calc(100% - 46px)!important;
	}
}
@media(min-width:783px){
	.html-adminbar {
		margin-top: 32px!important;
		height: calc(100% - 32px)!important;
	}
}



/** DEFAULT COMMENTS **/
	.comment-form label{display:block;}
	.comment-form input,
	.comment-form textarea{width:100%;}
	.comment-list{padding:0;}
	.comment-list > .comment{
		list-style:none;
		margin-bottom: 15px;
	}
	.comment-list .comment-metadata{
		font-size: 90%;
		margin-bottom: 5px;
	}
	.comment-list img{
		margin-bottom: 5px;
	}




/*
## SOME DEFAULT PLUGIN BASICS
 */
	/* Contact form 7 */
	.wpcf7-form br{display:none;}
	.wpcf7-form-control-wrap{display:block;margin-bottom:20px;}
	.wpcf7-form-control-wrap > textarea{width:100%;}
	.wpcf7-submit{float:right;}


/* Some utility classes */
.block{display:block;}
.iblock,
.inline-block{display:inline-block; vertical-align: top;}
.fleft{float:left;}
.fright{float:right;}
.relative{position:relative;}

a.inline-block,
a.block,
a.inline-block:hover,
a.block:hover{text-decoration:none;}



/* SHORTCODE Google maps [gmap]*/

.gmap-wrap iframe{
	width:100%;
	height:100%;
	border:none;
	background:none;
}

/* COVER ELEMENT for less annoyance */
.cover-me{position:relative;}
.cover-me .before{
	content:"";
	display:block;
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	text-align:center;
	z-index:9001;
	cursor:pointer;
}
.wait-dont-cover-me .before{display:none}


/* Generic widget style */
	.widget_nav_menu ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	.widget_nav_menu .menu-item{
		position:relative;
	}
	.widget_nav_menu .menu-item > a{
		display:block;

	}
	/* Hide all sublevels */
	.widget_nav_menu .sub-menu{
		display:none;
	}
	/* Show active sublevels */
	.widget_nav_menu .current-menu-ancestor > .sub-menu,
	.widget_nav_menu .current-menu-item > .sub-menu{
		display:block;
	}


/* Sircon sideways viewer */
	.sircon-sideways-outer{position:relative;}
	.sircon-sideways,
	.sideways-prepared > .sircon-viewport{
		position:relative;
	}
	.sircon-sideways{overflow:hidden;}

	.sircon-sideways .is-a-clone{position:absolute;top:0;}
	.sideways-prepared > .sircon-viewport{
		display:block;
		width:100%;
		margin:0;
	}

	.sideways-prepared.do-transition > .sircon-viewport{
		transition:transform 0.3s;
		transform:translateX(0);
	}

	/* Sideways nav */
	.clicky-nav,
	.sircon-sideways-nav{
		position:absolute;
		top:50%;
		left:0;
		right:0;
		height:0;
	}
	.clicky-nav > .nav,
	.sircon-sideways-nav .sideways-nav{
		position:absolute;
		top:-18px;
		cursor:pointer;
	}
	.sircon-sideways-nav .nav-inner{
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
	}
	@media(min-width:1280px){
		.sircon-sideways-nav{
			left:-40px;
			right:-40px;
		}
		.sircon-sideways-nav .sideways-nav{
			background-color:transparent;
			border-radius:0;
		}
	}
	.clicky-nav > .nav-prev,
	.sircon-sideways-nav .nav-prev{left: 0;}
	.clicky-nav > .nav-next,
	.sircon-sideways-nav .nav-next{right: 0; background-position:right 50%;}





/* Latebox */
	#latebox-outer.hidden {
		opacity: 0;
		pointer-events: none;
	}
	#latebox-outer{
	position:fixed;
		opacity: 1;
		pointer-events: auto;
	}
	.latebox,
	.latebox-figure{position:absolute;}
	#latebox-outer,
	.latebox,
	.latebox-figure{
		top:0;left:0;right:0;bottom:0;
		z-index:9002;
		margin:0
	}
	.latebox{background:rgba(0,0,0,0.6);}
	.latebox-figure{
		top:10%;
		bottom:10%;
		right:20px;
		left:20px;
		background-position:50%;
		background-size:contain;
		background-repeat:no-repeat;
	}
	.latebox-figure>img{display:none}

	#latebox-outer .close-this{
		position:absolute;
		top:5%;
		right: 20px;
		width:50px;
		height:50px;
		border-radius:4px;
		z-index:9005;
		cursor: pointer;
	}

	.clicky-nav{z-index:9010; margin:0 10%;}
	.clicky-nav > .nav{background-color:transparent;}


/* Base button styles */
	input[type=button],
	input[type=submit],
	button,
	.btn {
		display: inline-block;
		text-decoration: none;
		cursor: pointer;
	}


.logo {
	background-repeat: no-repeat;
}

.logo-img {
	margin: 0;
}
p > :last-child {margin-bottom: 0}

pre {
	border: 1px solid rgba(200,200,200,0.4);
	background: rgba(220,220,220,0.1);
	padding: 10px;
}

.gallery img {
	margin: 0;
}

#wpadminbar .quicklinks>ul>.express-quick-links >a,
 #wpadminbar ul li.express-manual{
	 background: #206c83;

}
#wpadminbar .quicklinks>.ab-top-menu>.express-quick-links:hover >a {
	background: #1a576a;
}
#wpadminbar .quicklinks>ul>.express-quick-links >a:before {
	content: '\f155';
	color: #fff;
}