/*
Everything that looks the same is hidden away here
*/


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *		user zoom.
 */

html{
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body{
	margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]){
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template{
	display: none;
}

/* Links
	 ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a{
	background-color: transparent;
}



/* Text-level semantics
	 ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title]{
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong{
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn{
	font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */

mark{
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small{
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img{
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root){
	overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
 * Contain overflow in all browsers.
 */

pre{
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *		Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. We don't want outline on active state
 */

button,
input,
optgroup,
select,
textarea{
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
	outline: none; /* 4 */
}



/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select{
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *		and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *		`input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	

}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled]{
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner{
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input{
	line-height: normal;

	vertical-align: middle;
}


/**
 * It's recommended that you don't attempt to style these elements.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"]{
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 *		(include `-moz` to future-proof).
 */

input[type="search"]{
	-webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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



/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend{
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea{
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

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





/* ------------------------------------##
------ Everything has a cool boxmodel
---------------------------------------## */
*,
*:before,
*:after{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* ------------------------------------##
------ We want all a's and li's to have a smooth hover effect 
---------------------------------------# */

a, li{
	-ms-transition: background 0.2s, color 0.2s, box-shadow 0.2s, text-decoration 0.2s ;
	-moz-transition: background 0.2s, color 0.2s, box-shadow 0.2s, text-decoration 0.2s ;
	-webkit-transition: background 0.2s, color 0.2s, box-shadow 0.2s, text-decoration 0.2s ;
	transition: background 0.2s, color 0.2s, box-shadow 0.2s, text-decoration 0.2s ;
}


/**	NAVIGATION MENUS **/
nav ul,
.nav ul{
	padding:0;
	margin:0;
	list-style:none;
}
nav .menu-item,
.nav .menu-item{
	display:inline-block;
	vertical-align:top;
	font-size:0;
	position:relative;
}

nav .menu-clickable,
.nav .menu-clickable{
	display:block;
	text-decoration:none;
	text-align:center;
	font-size: 14px; /* Override parent display inline-block	*/
	cursor:pointer;
	position:relative;
}

/* Submenus */
nav .submenu,
.nav .submenu{
	position:absolute;
	top:100%;
	right:0;
	display:none;
	background:#fff;
}
nav .menu-item:hover > .submenu,
.nav .menu-item:hover > .submenu{
	display:block;
}
nav .submenu .menu-item,
.nav .submenu .menu-item{
	display:block;
}

nav .submenu .menu-clickable,
.nav .submenu .menu-clickable{
	border:none;
	text-align:left;
	cursor:pointer;
}
/* Sublevel indicator */


/* CLICK TO TOGGLE DROPDOWN */
nav.click-toggle .menu-item:hover > .submenu,
.nav.click-toggle .menu-item:hover > .submenu{
	display:none;
}
.nav.click-toggle .menu-item.visible > .submenu{
	display:block;
}

/* Main menu has no "back" clickable */
nav.click-toggle .menu-clickable.submenu-back{
	display:none;
}

/*
--- Phone menu CSS ---
*/
#phone-menu{
	position:absolute;
	top:10px;
	right:10px;
	width:50px;
	height:50px;
}
#phone-menu .top-lvl{
	width: 280px;
	opacity:0;
	pointer-events:none;
	position:absolute;
	right:0;
}
#phone-menu .menu-item,
#phone-menu .submenu .menu-item{
	display:block;
	position:static;
}
#phone-menu .submenu{
	top:0;left:0;right:0;bottom:auto;
}

#phone-menu .menu-clickable,
#phone-menu .submenu .menu-clickable{
	border:none;

}
#phone-menu .menu-item:last-child > .menu-clickable{border-bottom:none;}



/* Phone menu fancy visibility on all levels */
#phone-menu .menu-item > .menu-clickable{display:none;}
#phone-menu.current-visible > ul > .menu-item > .menu-clickable, /* Top level is also a visible toggler */
#phone-menu .current-visible > ul > .menu-item > .menu-clickable{display:block;}




/* Phone menu animations */
	/* animate in/out */
	#phone-menu > .top-lvl{
		transition:transform 0.3s, opacity 0.3s;
		transform: translateY(20px);
		display:block;
	}
	#phone-menu.toggle-open > .top-lvl{
		pointer-events:auto;
		transform: translateY(0px);
		opacity:1;
	}


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

	



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

/* experimental fade-in on dynamic load */
figure.dynamically-loaded{
	background:rgba(255,255,255,0.5);
	overflow:hidden;
}
figure.dynamically-loaded > img{
	opacity:0;
	transition:opacity 0.2s;
}
figure.dynamic-image-is-loaded{background: transparent;}
figure.dynamic-image-is-loaded > img{
	opacity:1;
}

/* experimental image loading animation */
	figure.dynamically-loaded:after{
		content:"Loading image"; 
		display:block;
		position:absolute;
		top:10%; left:0; right:0;
		height:0;
		text-align:center;
		font:12px/1 sans-serif;
		color:rgba(0,0,0,0.5);
		opacity:0;
		-webkit-animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards;
			 -moz-animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards;
			 -o-animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards;
				animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards;
	}
	figure.dynamically-loaded:before{
		content:""; display:block;
		position:absolute;
		height:1px;
		opacity:0;
		top:0; left:5px;right:5px; /* Fill parent width */
		transform:translateY(50px);
		box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.1);
		-webkit-animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards,
							image_scanner 1s ease-in-out 1s infinite alternate;
			 -moz-animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards,
							image_scanner 1s ease-in-out 1s infinite alternate;
			 -o-animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards,
							image_scanner 1s ease-in-out 1s infinite alternate;
				animation:	show_image_scanner 0.5s linear 0.5s 1 normal forwards,
							image_scanner 1s ease-in-out 1s infinite alternate;
	}

	@-webkit-keyframes show_image_scanner{from{opacity:0} to{opacity:1}}
		 @-moz-keyframes show_image_scanner{from{opacity:0} to{opacity:1}}
		 @-o-keyframes show_image_scanner{from{opacity:0} to{opacity:1}}
			@keyframes show_image_scanner{from{opacity:0} to{opacity:1}}

	@-webkit-keyframes image_scanner{from{transform:translateY(50px)} to{transform:translateY(250px)}}
		 @-moz-keyframes image_scanner{from{transform:translateY(50px)} to{transform:translateY(250px)}}
		 @-o-keyframes image_scanner{from{transform:translateY(50px)} to{transform:translateY(250px)}}
			@keyframes image_scanner{from{transform:translateY(50px)} to{transform:translateY(250px)}}

	/* Hide scanner and text after loading */
	figure.dynamic-image-is-loaded:before,
	figure.dynamic-image-is-loaded:after{display:none}



/* in case of default wordpress */
img{margin-bottom:20px;}
figure img{margin-bottom:0;}
img.alignleft{float:left; margin-right:20px;}
img.alignright{float:right; margin-left:20px;}
img.aligncenter{margin-left:auto; margin-right:auto; display:block;}
img.alignnone{display:inline;float:none;}
img.alignleft,
img.alignright{position:relative; z-index:9999; /*Desperate method for floating below following paragraphs fix */}

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

/* Since background-image in figure, we need a few more presets for that */
figure.featured-image{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50%;
}


/* ------------------------------------##
------ CONTENT RESPONSIVE IMAGES
---------------------------------------## */
	main figure{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.alignnone{
		width:auto;
		display:inline-block;
		vertical-align:middle;
	}
	.aligncenter{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

	/* Floatinging responsively */
		.min-width-480 .alignright,
		.min-width-480 .alignleft{
			max-width:49%;
		}
		/* Float left */
		.min-width-480 .alignleft{
			margin-right:2%;
			float:left;
		}
		/* Float right */
		.min-width-480 .alignright{
			margin-left:2%;
			float:right;
		}
	



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



/* Heights - concerning the footer in the bottom */
	html, body{
		max-width:100%;
		min-width:320px;
		width:auto;
	}
	html{
		height:100%;
		margin-top:0!important; /* admin bar fix for footer */
	}
	body{
		min-height:100%;
	}

/* ---------------------------------------##
	READABLE max width autocenter 
		(because 1600px paragraps are harder to read)
--------------------------------------------------------- */
	.read-max{text-align:center;}
	.read-max > *{
		text-align:left;
		position:relative;
		max-width:720px;
	}

	.has-sidebar-left-1 #center-content .read-max > *{
		margin-left:inherit;
	}
	.has-sidebar-right-1 #center-content .read-max > *{
		max-width:none;
	}
	/* Figures should be able to go wider! */
	.read-max > figure{
		max-width:none;
		display:inline-block; /* for figcaption */
		z-index: 9001;
	}
	.read-max > .dynamically-loaded{display:block;}
/* --------------------------------------------------------- */



/* Wordpress adminbar height vs sircon theme, fix */
	.admin-bar{
		padding-top:46px!important
	}
	@media(min-width:783px){
		.admin-bar{
			padding-top: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;}
.inline-block{display:inline-block;}
.fleft{float:left;}
.fright{float:right;}
.relative{position:relative;}

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



/* ---------------------------------------------------------
---## COLUMNS!
------------------------------------------------------------ */

/* REEEMOOOVEEED */


/* SHORTCODE Google maps [gmap]*/
/* ALL IFRAMES, AND GMAP */
.gmap-wrap iframe{
	width:100%;
	height:100%;
	border:none;
	background:none;
}
iframe {
	max-width: 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;
	padding-top:50px;
	text-align:center;
	z-index:9001;
	color:rgba(255,255,255,0);
	background:rgba(0,0,0,0);
	text-shadow:1px 1px 1px rgba(0,0,0,0);
	transition:background-color 0.3s, color 0.3s, text-shadow 0.3s;
	cursor:pointer;
}
.cover-me:hover .before{
	background:rgba(0,0,0,0.5);
	color:rgba(255,255,255,1);
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.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;
		white-space:nowrap;
	}
	.sircon-sideways{overflow:hidden;}
	.sircon-sideways > *,
	.sideways-prepared > .sircon-viewport > *{
		display:inline-block;
		vertical-align:top;
		width:49%;
		white-space:normal;
		margin-right:2%;
	}
	.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 */
	.latebox-nav,
	.sircon-sideways-nav{
		position:absolute;
		top:50%;
		left:0;
		right:0;
		height:0;
	}
	.latebox-nav > .nav,
	.sircon-sideways-nav .sideways-nav{
		position:absolute;
		top:-18px;
		height:36px;
		width:36px;
		background:#fff url(sideways-nav.png) left 50% no-repeat;
		cursor:pointer;
		border-radius:50%;
	}
	.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;
		}
	}
	.latebox-nav > .nav-prev,
	.sircon-sideways-nav .nav-prev{left: 0;}
	.latebox-nav > .nav-next,
	.sircon-sideways-nav .nav-next{right: 0; background-position:right 50%;}


/* Latebox */
.latebox-outer{
	position:fixed;
}
.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:20%;
	bottom:20%;
	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:12%;
	right:10%;
	width:50px;
	height:50px;
	border-radius:4px;
	z-index:9005;
	background:#000 url(closex.png) 50% no-repeat;
	background-size:40px;
	cursor:pointer;
}

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




.sircon-simple-slideshow .slide,
.sircon-simple-slideshow .slide figure{margin-bottom:0;}
.sircon-simple-slideshow .slide figure{
	height:0;
	background-repeat:no-repeat;
	background-position:50%;
}