/*
Theme Name: Grenzmuseum 2015
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grenzmuseum-2015
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Grenzmuseum 2015 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Grenzmuseum Style
	13.1 Grenzmuseum Header
	13.2 Grenzmuseum General Content
	13.3 Grenzmuseum Home Page
	13.4 Grenzmuseum Events Calendar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

a:hover img,
a:focus img {
	/*-webkit-filter: brightness(1.5) saturate(1.5);
	filter: brightness(1.5) saturate(1.5);*/
	opacity: .8;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #333;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #8a0917;
}

h1.entry-title {
	color: #141414;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 3em;
	letter-spacing: 5px;
	margin-bottom: .7em;
	text-shadow: 0 2px #ecf5fa;
	text-transform: uppercase;
}

/* Page Title Tablet layout */
@media screen and (max-width: 720px) {
	h1.entry-title {
		font-size: 2em;
		letter-spacing: 3px;
		margin-bottom: 1em;
		text-shadow: none;
	}
}

/* Page Title Mobile layout */
@media screen and (max-width: 580px) {
	h1.entry-title {
		font-size: 1.33em;
		letter-spacing: 2px;
		margin-bottom: 1.5em;
		text-shadow: none;
	}
}

h2 {
	font-family: 'Roboto Slab',Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	margin-bottom: .54em;
	font-size: 1.4em;
	font-weight: regular;
}

h3 {
	color: #212121;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 8px;
	font-size: 1.0em;
	font-weight: bold;
}
h4 {
	color: #212121;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin-top: 15px;
	font-size: 1.5em;
	font-weight: regular;
}

#secondary h5 {
	color: #141414;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#site-footer h5 {
	font-family: 'Roboto Slab',Georgia,'Times New Roman',Times,serif;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
}

p {
	color: #303030;
	font-family: 'Roboto Slab',Georgia,'Times New Roman',Times,serif;
	font-size: 1em;
	letter-spacing: 0.25px;
	line-height: 1.7;
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	background-color: #eee;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 1.5em 15px 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
    background: url("/wp-content/themes/grenzmuseum-2015/images/icon_search.png") no-repeat scroll right 2px #69778d;
    background-color: #69778d;
    color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

#masthead #search-container input.search-field {
	transition-duration: 400ms;
	transition-property: width, background, color;
	transition-timing-function: ease;
	width: 50%;
}

#masthead #search-container input.search-field:focus {
	width: 90%;
    background-color: #fff;
    color: #222;
}

#masthead #search-container input.search-submit {
	display: none;
}

input[type="search"]: : -webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #8a0917;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);*/
	/*color: rgba(0, 0, 0, .8);*/
	color: #fff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);*/
	background-color: #bb2126;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	/*box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);*/
	background-color: #bb2126;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
/*input[type="search"],*/
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #9a0a1a;
	text-decoration: none;
}

a: visited {
	color: #9a0a1a;
}

a:hover,
a:focus,
a:active {
	color: #660711;
	text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

#masthead {
	background-color: #4d5767;
}

#masthead .site-branding,
#masthead #info-navigation,
#search-container {
	float: left;
	margin: 24px 0 8px;
}

#masthead .site-branding {
	width: 40%;
	margin: 0;
}

#masthead #info-navigation {
	width: 60%;
}

<!--#search-container {
	width: 20%;
}

#search-container form {
	margin-left: 15px;
	margin-right: 15px;
	text-align: right;
}

#search-container input.search-field {
	width: 90%;
	margin-bottom: 3px;
} --> 

#masthead .site-branding,
#banner {
    line-height: 0.7;
}

#info-navigation ul li a {
	margin: 0 15px;
	color: #e4ecf2;
}

#banner {
	background-color: #4d5767;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.7);
}

#banner img {
    height: auto;
    width: 100%;
}

#main-navigation {
	background-color: #fafafa;
	bottom: 0;
	padding: 0.25em;
	width: 100%;
	margin-bottom: 16px;
}

#banner + #main-navigation {
	position: relative;
	top: -3.5em; /* move nav up if it follows after a header image */
	margin-bottom: -3.5em; /* remove space between nav and content */
	background-color: rgba(227, 235, 240, 0.5);
}

#main-navigation .menu-hauptmenue-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 856px; /* center red links */
}

#main-navigation ul li {
	padding: 0 15px;
}

#main-navigation ul li  li{
	padding: 0;
}

#main-navigation ul a {
	background-color: #8a0917;
	border: 1px solid transparent;
	color: #fff;
	font-family: 'Roboto Slab';
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.42857;
	padding: 6px 20px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	width: 255px;
}

#main-navigation ul a:after {
	content: "\f140"; /* caret */
	font-family: dashicons;
	font-size: .75em;
	line-height: 1;
	position: relative;
	top: 0.125em;
}

#main-navigation ul ul a:after {
	content: "";
}

#main-navigation ul a:focus,
#main-navigation ul a:hover {
	background-color: #bb2126;
	box-shadow: none;
	color: #fff;
}

#main-navigation ul ul {
	text-align: center;
	width: 255px;
	background-clip: padding-box;
    background-color: #868a91;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5);
	float: left;
    font-size: 16px;
	top: 100%;
}

#main-navigation ul ul a {
	background-color: #868a91;
	clear: both;
	color: #f8f8f8;
	display: block;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.42857;
	padding: 3px 20px;
	text-align: center;
	white-space: nowrap;
	width: 255px;
	text-transform: none;
}

#main-navigation ul ul a:hover,
#main-navigation ul ul a:focus {
    background-color: #8a0917;
    color: #f8f8f8;
    text-decoration: none;
}

.multi-layer-nav {
	/*clear: both;*/
	display: block;
	float: left;
	width: 100%;
}

.multi-layer-nav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.multi-layer-nav li {
	float: left;
	position: relative;
}

.multi-layer-nav a {
	display: block;
}

/*.multi-layer-nav a:focus,.multi-layer-nav a:hover {}*/

.multi-layer-nav ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.multi-layer-nav ul ul ul {
	left: -999em;
	top: 0;
}

.multi-layer-nav ul ul a {
	width: 200px;
}

/*.multi-layer-nav ul ul li {}*/

/*.multi-layer-nav li:hover > a {}*/

/*.multi-layer-nav ul ul:hover > a {}*/

/*.multi-layer-nav ul ul a:focus,.multi-layer-nav ul ul a:hover {}*/

#main-navigation ul li.ccadm-hover > ul,
.multi-layer-nav ul a:focus > ul,
.multi-layer-nav ul li:hover > ul {
	left: auto;
}

.multi-layer-nav ul ul a:focus > ul,
.multi-layer-nav ul ul li:hover > ul {
	left: 100%;
}

/*.multi-layer-nav .current_page_item > a,
.multi-layer-nav .current-menu-item > a,
.multi-layer-nav .current_page_ancestor > a {}*/

/* Narrow main menu to prevent layout break */
@media screen and (max-width: 880px) {
	#main-navigation ul a,
	#main-navigation ul ul ,
	#main-navigation ul ul a {
		width: 200px;
	}
	#main-navigation .menu-hauptmenue-container {
		max-width: 690px;
	}
}

/* Header Tablet layout */
@media screen and (max-width: 720px) {
	#main-navigation ul a,
	#main-navigation ul ul ,
	#main-navigation ul ul a {
		width: 160px;
	}
	#main-navigation .menu-hauptmenue-container {
		max-width: 570px;
	}
	#main-navigation ul a {
		font-size: 1.14em;
	}
	#info-navigation{
		font-size: .96em;
	}
	#main-navigation ul ul a {
		font-size: .88em;
	}
}

/* Header Mobile layout */
@media screen and (max-width: 580px) {
	#banner {
		display: none; /* hide header image */
	}
	#banner + #main-navigation {
		margin-bottom: 0;
		/*position: static;*/
		top: 0;
		padding: 0;
	}
	#main-navigation ul a, 
	#main-navigation ul ul a,
	#main-navigation ul ul, 
	.multi-layer-nav li,
	.multi-layer-nav ul ul,
	.multi-layer-nav {
		float: none;
		width: 100%;
	}
	#main-navigation ul li {
		padding: 0;
	}
	#masthead .site-branding,
	#masthead #info-navigation,
	#search-container {
		float: none;
		width: auto;
	}

	#search-container form {
		text-align: left;
	}
	
	#search-container input.search-field {
		max-width: 60%;
		margin-bottom: 0;
	}

}
/* Small menu */
.menu-toggle {
	display: none;
	margin: 1em 0;
}

/*
@media screen and (max-width: 600px) {
	.menu-toggle,
	.multi-layer-nav.toggled .nav-menu {
		display: block;
	}

	.multi-layer-nav ul {
		display: none;
	}
}*/

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.navigation ul.nav-links {
	list-style-type: none;
	margin: 0 0 1.5em;
	overflow: hidden;
}
.navigation ul.nav-links li a {
	display: block;
	color: #fff;
	background-color: #8a0917;
	margin: 0;
	padding: .5em 15px;
}
.navigation ul.nav-links li.nav-previous a {
	border-right: 1px solid #e3ebf0;
}
.navigation ul.nav-links li.nav-next a {
	border-left: 1px solid #e3ebf0;
}


.breadcrumbs {
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	/*list-style: outside none none;*/
    margin-bottom: 48px;
    margin-top: 6px;
    padding: 8px 15px 8px 0;
}
.breadcrumbs .sep {
	color: #888c8f;
	padding: 0 5px;
}

/*--------------------------------------------------------------
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-size: 1.4rem;
	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
--------------------------------------------------------------*/

#secondary {
	margin-top: 20px;
	padding: 10px 0 0;
	background-color: rgba(255, 255, 255, 0.5);
	overflow: hidden;
}

#secondary aside {
    float: left;
    margin: 0 0 1.5em;
    width: 33%;
	/*min-height: 10em;*/
    padding: 0;
}

#secondary aside p {
	font-family: sans-serif;
}

/* Sidebar Tablet layout */
@media screen and (max-width: 720px) {
	#secondary aside {
		width: 50%;
	}

}

/* Sidebar Mobile layout */
@media screen and (max-width: 480px) {
	#secondary aside {
		float: none;
		width: 100%;
	}

}

#secondary aside .container,
#site-footer aside .container {
	padding: 0 15px;
}

#site-footer {
    color: #fff;
    background-color: #4d5767;
    margin-top: 30px;
}

#site-footer .site-menus {
	overflow: hidden;
	margin: 0 auto;
    padding: 20px 0 50px;
	max-width: 970px;
}

#site-footer .site-menus aside {
    float: left;
    margin: 0;
    width: 15em;
	min-height: 10em;
    padding: 0;
}

/* Footer Mobile layout */
@media screen and (max-width: 480px) {
	#site-footer .site-menus aside {
		float: none;
		margin-bottom: 24px;
		width: 100%;
		min-height: 0;
	}
	#site-footer .site-menus {
		padding-bottom: 26px;
		max-width: 970px;
	}

}

#site-footer ul.menu {
	list-style-type: none;
	margin: 0;
}

#site-footer ul.menu a {
	color: #fff;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.2px;
	line-height: 1.6em;
	text-decoration: none;
}

#site-footer ul.menu a:focus,
#site-footer ul.menu a:hover {
	text-decoration: underline;
}

#site-footer .site-info {
    color: #e3ebf0;
    background-color: rgba(96, 109, 129, 1);
    padding: 0.5em;
    font-family: 'Roboto Slab',Georgia,'Times New Roman',Times,serif;
    font-size: 12px;
    text-align: center;
}

.widget {
	margin: 0 0 1.5em;
}

ol.vcalendar {
	list-style: none;
	margin-left: 0;
	/*font-size: 0.8em;*/
}

ol.vcalendar .duration,
.tribe-events-widget-link {
	border-top: 1px solid #c5cfde;
	padding: 9px 0 4px;
}

.tribe-events-list .tribe-events-event-image {
    margin-top: 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

#content {
	max-width: 970px;
	margin: 16px auto 0;
	padding: 0 15px;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.search-results #main article .entry-summary,
.search-results #main article .entry-header h2 {
	margin: 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	overflow: hidden;
	margin-bottom: 1.5em;
}

/*.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}*/

.gallery figure {
	float: left;
	width: 25%;
	overflow: hidden;
}

.gallery figure.medium {
	width: 33%;
}

.gallery figure.large {
	position: relative;
	top: -2.6em;
	width: 100%;
}

.gallery figure figcaption.wp-caption-text {
	text-align: left;
}

.gallery figure div,
.gallery figure figcaption {
	margin: 0 15px;
}

.gallery figure.large div,
.gallery figure.large figcaption {
	margin: 0;
}

.gallery figure.large {
	margin-bottom: 2em;
}

.gallery figure figcaption {
	background-color: rgba(77, 87, 103, 0.9);
	color: #fff;
	padding: 0.8em 15px;
	position: relative;
	top: -2.8em;
	font: normal normal bold 1.5em/1 'Roboto Slab',Georgia,'Times New Roman',Times,serif;
}

.gallery figure figcaption.high {
	top: -3.8em;
}

.gallery figure figcaption.high span {
	font: normal normal normal .6em/1 'Open Sans',Arial,Helvetica,sans-serif;
}

.gallery figure.large figcaption {
	top: 2.6em;
	width: 100%;
	z-index: 1000;
}

.gallery-size-thumbnail figure.gallery-item a img {
	width: 100%;
	height: auto;
}

/*.gallery figure:focus,
.gallery figure:hover {
	opacity: .8;
}*/

/* Gallery Tablet layout */
@media screen and (max-width: 770px) {
	.gallery-size-thumbnail figure {
		width: 33%;
	}
}

@media screen and (max-width: 640px) {
	.gallery-size-thumbnail figure {
		width: 50%;
	}
}

@media screen and (max-width: 720px) {
	.gallery figure.medium {
		width: 50%;
		min-height: 386px;
	}
	.gallery figure img {
		width: 100%;
	}
	
}

/* Gallery Mobile layout */
@media screen and (max-width: 480px) {
	#main .gallery figure {
		float: none;
		width: 100%;
	}
	.gallery figure.medium {
		min-height: 0;
	}
	.gallery figure.large figcaption {
		top: 0;
		position: static;
	}

}


/*--------------------------------------------------------------
13.0 Grenzmuseum Style
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.2 Grenzmuseum General Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.3 Grenzmuseum Home Page
--------------------------------------------------------------*/
.home .entry-content {
	margin: 0;
}
/*--------------------------------------------------------------
13.4 Grenzmuseum Events Calendar
--------------------------------------------------------------*/
.events-list .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.tribe-events-day .tribe-events-loop {
    margin: 0 auto;
    max-width: none;
}

#tribe-events-content .tribe-events-tooltip h4,
#tribe_events_filters_wrapper .tribe_events_slider_val,
.single-tribe_events a.tribe-events-gcal,
.single-tribe_events a.tribe-events-ical {
	color: #9a0a1a;
}

#tribe-events .tribe-events-button,
#tribe-events .tribe-events-button:hover,
#tribe_events_filters_wrapper input[type="submit"],
.tribe-events-button,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
	background-color: #8a0917;
}

#tribe-events article a.tribe-events-button {
	float: none;
	display: inline-block;
	color: #fff;
	background-color: #8a0917;
	margin-top: 2em;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .5em .75em;
	letter-spacing: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
	height: auto;
}

#tribe-events article header div.entry-meta {
    font-size: .9em;
    font-style: italic;
}

.single #tribe-events article header div.entry-meta {
    font-size: 1.22em;
}

#tribe-events article h2 {
	color: #141414;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size: 1.44em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#tribe-events article article {
	margin: 2em 0;
}

#tribe-events article article div.page-content,
#tribe-events article article div.entry-content,
#tribe-events article article div.entry-summary {
	margin: .5em 0 0;
}

#tribe-events article .entry-meta .tribe-events-venue-details .tribe-events-gmap {
	display: block;
}

#tribe-events article .entry-meta .tribe-events-venue-details {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#tribe-events article .entry-meta .tribe-events-venue-details * {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: 'Roboto Slab',Georgia,'Times New Roman',Times,serif;
	letter-spacing: 0.25px;
	line-height: 1.5;
}

#tribe-events article .entry-meta > p {
    margin: 0;
}

#tribe-events article article div.entry-content div.tribe-events-event-image {
	float: left;
	margin: 1em 1.5em 0 0;
	width: 30%;
	line-height: 1;
}
.tribe-events-event-image + div.tribe-events-content {
	float: left;
	position: relative;
	width: 67%;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"] {
	color: #fff;
	background-color: #8a0917;
}

#tribe-events article.tribe-events-month a.tribe-events-button:focus,
#tribe-events article.tribe-events-month a.tribe-events-button:hover,
#tribe-events article.tribe_events a.tribe-events-button:focus,
#tribe-events article.tribe_events a.tribe-events-button:hover,
#tribe-events-content a:focus,
#tribe-events-content a:hover {
	text-decoration: underline;
}

.tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
	margin-left: 0;
}

.single-tribe_events #tribe-events .tribe-events-event-meta dl {
    margin: 0;
}

.single-tribe_events #tribe-events .tribe-events-event-meta dt {
    clear: left;
    font-weight: 700;
    line-height: 1;
    list-style: outside none none;
}

.single-tribe_events #tribe-events .tribe-events-event-meta dd {
    float: none;
    line-height: 1.5;
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
}

.tribe-events-notices {
	background-color: #ddd;
	border: 1px solid #8a0917;
	border-radius: 0;
	margin: 1em 0;
	padding: .5em 2em;
	text-shadow: none;
	font-weight: bold;
	color: #303030;
}