/*
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;
	overflow-x: hidden;
}

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;
}