/**
Theme Name: StMichaelHlGeistRegensburg
Author URI: http://kf-technik.de
Description: Pfarreien St Michael Keilberg und Hl Geist Regensburg
Version: 1
**/

html {
	-webkit-text-size-adjust: none;
	max-height: 999999px;
}

body {
	background-color: rgb(240,240,240);
	position: relative;
}

p {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	max-height: 999999px;
}

#navigation {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 400;
	background-color: rgba(160,25,20,0.9);
	border: 0px transparent none;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

@media (max-width: 768px) {
	
	#navigation .nav li {
		color: rgb(250,250,250);
	}
	
	#navigation .nav li > a {
		background-color: rgba(250,250,250,0.0);
		transition: background-color 0.1s linear;
		color: rgb(250,250,250);
	}
	
	#navigation .nav li:focus > a,
	#navigation .nav li:hover > a {
		background-color: rgba(250,250,250,0.1);
	}
	
}

#navigation .nav > li {
	color: rgb(250,250,250);
}

#navigation .nav > li > a {
	background-color: rgba(250,250,250,0.0);
	transition: background-color 0.1s linear;
	color: rgb(250,250,250);
}

#navigation .nav > li:focus > a,
#navigation .nav > li:hover > a {
	background-color: rgba(250,250,250,0.1);
}

#navigation.navbar-default .navbar-toggle .icon-bar {
	background-color: rgb(250,250,250);
}

#navigation.navbar-default .navbar-toggle {
	background-color: rgba(250,250,250,0.0);
	transition: background-color 0.1s linear;
}

#navigation.navbar-default .navbar-toggle:focus,
#navigation.navbar-default .navbar-toggle:hover {
	background-color: rgba(250,250,250,0.1);
}

#navigation .navbar-brand {
	color: rgb(250,250,250);
	font-weight: 600;
	line-height: 18px;
}

#navigation .nav > li.active > a {
	transition: background-color 0.0s linear;
	background-color: rgba(0,0,0,0.1);
}

#footer {
	background-color: rgb(240,240,240);
	border-top: 1px solid rgb(210,210,210);
	font-family: 'Open Sans', Helvetica, sans-serif;
}

.footnav-col-wrapper {
	padding: 0px;
}

.footnav ul {
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
	border-left: 1px solid rgb(90,90,90);
	box-sizing: border-box;
}

.footnav-bottom ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

@media (min-width: 768px) {
	#footnav-6 ul {
		margin-top: 15px;
	}
}

.footnav li {
	display: block;
	margin: 0px;
	padding: 0px;
}

#footnav-6 {
	text-align: right;
}

.footnav-bottom li {
	display: inline-block;
}

#footnav-5 li:not(:last-child) {
	margin-right: 15px;
}

.footnav li > a {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	margin-left: -2px;
	border-left: 3px solid transparent;
	border-left-color: transparent;
	transition: border-left-color 0.1s linear;
}

.footnav li.footnav-divider > span {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	margin-left: -2px;
	border-left: 3px solid transparent;
}

.footnav li.footnav-header > span {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	margin-left: -2px;
	border-left: 3px solid transparent;
	font-weight: 600;
	cursor: default;
}

#footnav-6 ul li.current-menu-item > a,
#footnav-6 ul li.active > a {
	font-weight: 600;
}

#footnav-6 li {
	padding-left: 3px;
	padding-right: 3px;
}

#footnav-6 li:first-child {
	padding-left: 0px;
}

#footnav-6 li:last-child {
	padding-right: 0px;
}

#footnav-6 li.footnav-bottom-divider > span::before,
#footnav-6 li.footnav-bottom-divider > span:before {
	content: '\b7';
}

.footnav li > a:focus,
.footnav li > a:hover {
	border-left-color: rgb(90,90,90);
}

.footnav ul li.current-menu-item > a,
.footnav ul li.active > a {
	border-left-color: rgb(160,25,20);
}

.footnav a,
.footnav-bottom a {
	color: rgb(90,90,90);
	text-decoration: none;
}

#footnav-6 li > a {
	color: rgb(90,90,90);
	transition: color 0.1s linear;
}

#footnav-6 li > a:focus,
#footnav-6 li > a:hover {
	color: rgb(160,25,20);
}

#footnav-6 li.current-menu-item > a,
#footnav-6 li.active > a {
	color: rgb(90,90,90);
}

#footnav-5 .social {
	font-size: 35px;
	color: rgb(90,90,90);
	transition: color 0.1s linear;
}

#footnav-5 .social:focus,
#footnav-5 .social:hover {
	color: rgb(160,25,20);
}

/* header-specific */

.header-img {
	height: 380px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}

#header {
	height: 380px;
	overflow: hidden;
	position: relative;
}

#header-title-container {
	position: relative;
}

#header-title {
	background-color: rgba(250,250,250,0.4);
	max-width: 465px;
	/* min-height: 160px; */
	margin-top: 100px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
}

#header-title .title,
#header-title .index-title {
	font-size: 24px;
	color: rgb(30,30,30);
	margin: 0px 30px;
}

#header-title .title-main {
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: 600;
	font-size: 25px;
	word-wrap: break-word;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
}

#header-title .title-sub {
	margin-top: 20px;
	text-align: right;
	padding-bottom: 20px;
}

#header-title .index-title-top {
	padding-top: 25px;
}

#header-title .index-title-main {
	font-weight: 600;
	font-size: 25px;
	padding-top: 6px;
	word-wrap: break-word;
}

#header-title .index-title-sub {
	padding-top: 4px;
	text-align: right;
	padding-bottom: 20px;
}

@media (max-width: 768px) {
	#header,
	.header-img	{
		height: 300px;
	}
	#header-title {
		max-width: 416px;
		/* min-height: initial; */
		margin-top: 85px;
	}
	#header-title .index-title,
	#header-title .title {
		font-size: 21px;
	}
	#header-title .index-title-main,
	#header-title .title-main {
		font-size: 22px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	#header,
	.header-img	{
		height: 340px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	#header,
	.header-img	{
		height: 360px;
	}
}
@media (min-width: 1200px) {
	#header,
	.header-img	{
		height: 380px;
	}
}

#content-wrapper {
	background-color: rgb(250,250,250);
}

.dummy66 {
	margin-top: 66%;
}

.dummy46 {
	margin-top: 46%;
}

.dummy94 {
	margin-top: 94%;
}

/* content-specific */

#content {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 15px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
}

#content strong {
	font-weight: 400;
}

a.layout-button {
	display: inline-block;
	font-size: 14px;
	padding: 3px 12px;
	border: 1px solid rgb(90,90,90);
	text-decoration: none;
	color: rgb(90,90,90);
	background-color: transparent;
	font-weight: 300;
	line-height: initial;
	transition: background-color 0.1s linear, color 0.1s linear;
}

a.layout-button:focus,
a.layout-button:hover {
	background-color: rgb(90,90,90);
	color: rgb(250,250,250);
}

a.layout-button-pdf > span.fa {
	margin-right: 11px;
}

img[class^="wp-image-"] {
	max-width: 100%;
	object-fit: cover;
}

/* category-specific */

.category-article .category-article-excerpt * {
	display: none;
}

.category-article .category-article-excerpt p {
	display: initial;
}

.category-article > h3 > a {
	color: inherit;
}

.category-article > h3 {
	margin-top: 0px;
}

.category-article {
	padding-left: 5%;
	padding-right: 3%;
	border-left: 2px solid rgb(90,90,90);
	hyphens: auto;
	-webkit-hyphens: auto;
}

.category-article:not(:first-child) {
	margin-top: 25px;
}

#category-nav {
	margin-top: 10px;
	text-align: right;
}

#category-nav a:not(:last-child) {
	margin-right: 5px;
}

/* single-post-specific */

#post-info {
	font-style: italic;
	font-weight: 300;
	margin-bottom: 0px;
}

#fb-like-button {
	margin-top: 15px;
	margin-bottom: 0px;
}

#post-content {
	hyphens: auto;
	-webkit-hyphens: auto;
}

#post-content > :first-child  {
	margin-top: 0px;
}

#post-content a:not(.layout-button) {
	color: rgb(160,25,20);
}

#post-content a:focus:not(.layout-button),
#post-content a:hover:not(.layout-button) {
	color: rgb(128,19,15);
}

/* page-specific */

#page-content {
	hyphens: auto;
	-webkit-hyphens: auto;
}

#page-content > :first-child {
	margin-top: 0px;
}

#page-content > :last-child {
	margin-bottom: 0px;
}

#page-content a:not(.layout-button) {
	color: rgb(160,25,20);
}

#post-content a:focus:not(.layout-button),
#post-content a:hover:not(.layout-button) {
	color: rgb(128,19,15);
}

/* gallery */

#gallery .gallery-item:not(:first-child) {
	margin-top: 20px;
}

#gallery {
	text-align: center;
}

#gallery .gallery-item img {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#gallery .gallery-item > a {
	display: block;
	width: 100%;
	position: relative;
	padding-top: 66%;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	transition: box-shadow 0.1s linear;
	overflow: hidden;
}

#gallery .gallery-item > a:focus,
#gallery .gallery-item > a:hover {
	box-shadow: 0px 0px 10px 0px rgba(160,25,20,1.0);
}

@media (max-width: 992px) {
	#gallery-wrapper {
		margin-top: 30px;
	}
	#gallery .gallery-item:nth-child(2) {
		margin-top: 0px;
	}
}

.fullwidth-gallery .gallery-item {
	margin-top: 20px;
}

.fullwidth-gallery .gallery-item:first-child,
.fullwidth-gallery .gallery-item:nth-child(2) {
	margin-top: 0px;
}

.fullwidth-gallery {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fullwidth-gallery .gallery-item img {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fullwidth-gallery .gallery-item > a {
	display: block;
	width: 100%;
	position: relative;
	padding-top: 66%;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	transition: box-shadow 0.1s linear;
	overflow: hidden;
}

.fullwidth-gallery .gallery-item > a:focus,
.fullwidth-gallery .gallery-item > a:hover {
	box-shadow: 0px 0px 10px 0px rgba(160,25,20,1.0);
}

@media (min-width: 992px) {
	.fullwidth-gallery .gallery-item:nth-child(3) {
		margin-top: 0px;
	}
}

@media (min-width: 1200px) {
	.fullwidth-gallery .gallery-item:nth-child(4) {
		margin-top: 0px;
	}
}

/* index-page */

#index-box,
#index-tiles {
	margin: 30px 0px;
	position: relative;
}

@media (max-width: 768px) {
	#index-box {
		display: none;
	}
	#index-box .news-box {
		margin-top: 20px;
	}
}

#index-box .image-box,
#index-box .news-box ,
#index-tiles .col-tile {
	padding: 0px;
}

#index-box .tile,
#index-tiles .col-tile .tile {
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
}

@media (max-width: 992px) {
	#index-box .image-box .dummy46 {
		margin-top: 94%;
	}
}

#index-box .image-box .tile {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}

#index-box .news-box .tile {
	overflow: auto;
}

#index-box .news-box .news-article .news-article-excerpt * {
	display: none;
}

#index-box .news-box .news-article .news-article-excerpt p {
	display: initial;
}

#index-box .news-box .news-article > h3 > a {
	color: inherit;
}

#index-box .news-box .news-article > h3 {
	margin-top: 0px;
}

#index-box .news-box .news-article {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
	display: none;
	margin: 0px 20px;
	hyphens: auto;
	-webkit-hyphens: auto;
}

@media (min-width: 768px) {
	#index-box .news-box .news-article {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

#index-box .news-box.news-article:not(:first-child) {
	margin-top: 25px;
}

#index-tiles .col-tile .tile {
	background-color: rgb(160,25,20);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

#index-tiles .col-tile .tile[onclick],
#index-tiles .col-tile .tile[onclick] * {
	cursor: pointer;
}

#index-tiles .col-tile .tile-sub {
	background-color: rgb(160,25,20);
	height: 100%;
	margin-top: 70%;
	transition: margin-top 0.4s cubic-bezier(0.25,0,0.25,1);
}

#index-tiles .col-tile .tile:focus .tile-sub,
#index-tiles .col-tile .tile:hover .tile-sub {
	margin-top: 55%;
}

#index-tiles .col-tile .tile:focus .tile-sub.submenu,
#index-tiles .col-tile .tile:hover .tile-sub.submenu {
	margin-top: 5%;
}

#index-tiles .col-tile .tile-heading {
	color: rgb(250,250,250);
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
	padding: 2% 5%;
	font-size: 23px;
}

#index-tiles .col-tile .submenu .tile-heading {
	cursor: default;
}

#index-tiles .col-tile .tile-submenu {
	color: rgb(250,250,250);
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
	padding: 3% 0px;
	list-style: none;
	font-size: 14px;
}

#index-tiles .col-tile .tile-submenu > li {
	display: block;
	padding: 0px;
}

#index-tiles .col-tile .tile-submenu > li > a {
	display: block;
	padding: 1% 10%;
	color: rgb(240,240,240);
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
	text-decoration: none;
	background-color: rgba(250,250,250,0.0);
	transition: background-color 0.1s linear;
}

#index-tiles .col-tile .tile-submenu > li > a:focus,
#index-tiles .col-tile .tile-submenu > li > a:hover {
	background-color: rgba(250,250,250,0.1);
}

/* contact-page */

#contact-2 h4:first-child {
	margin-top: 0px;
}

@media (max-width: 768px) {
	#contact-2 h4:first-child {
		margin-top: 30px;
	}
}

#contact-2 h4:not(:first-child) {
	margin-top: 30px;
}

#contact-1 h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#contactform input,
#contactform textarea {
	display: block;
	width: 90%;
	border: 1px solid rgb(90,90,90);
	background-color: transparent;
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.0);
	transition: box-shadow 0.1s linear;
	margin-top: 8px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}

#contactform input:hover,
#contactform textarea:hover {
	box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.6);
}

#contactform input:focus,
#contactform textarea:focus {
	box-shadow: 0px 0px 10px -3px rgba(160,25,20,1.0);
}

#contactform input.ok:focus,
#contactform textarea.ok:focus {
	box-shadow: 0px 0px 10px -3px rgba(20,160,25,1.0);
}

#contactform input {
	height: 28px;
}

#contactform input[type="submit"] {
	width: 80px;
	box-shadow: none;
	border: 1px solid rgb(90,90,90);
	color: rgb(90,90,90);
	transition: background-color 0.1s linear, color 0.1s linear;
}

#contactform input[type="submit"]:focus,
#contactform input[type="submit"]:hover {
	background-color: rgb(90,90,90);
	color: rgb(250,250,250);
}

#contactform textarea {
	height: 150px;
	resize: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

#contactform input[name="from"],
#contactform input[name="email"] {
	display: none;
}

#contactform .g-recaptcha {
	margin-top: 8px;
}

::-webkit-input-placeholder {
    color: rgb(0,0,0);
	opacity: 0.6;
}
:-moz-placeholder {
    color: rgb(0,0,0);
	opacity: 0.6;
}
::-moz-placeholder {
    color: rgb(0,0,0);
	opacity: 0.6;
}
:-ms-input-placeholder {
    color: rgb(0,0,0);
	opacity: 0.6;
}