/*
Theme Name: BaylysChild
Theme URI:
Description: Your child theme description text...
Author: Matthias Vogt
Author URI: https://www.webstatt-ruhr.de/
Template: baylys
Version: 1.0
Tags: Baylys Child Theme
*/

/* Now you can start adding your own styles here. Use !important to overwrite styles if neccessary. */

/* Allgemein */


#header { display: none; }

abbr { border-bottom: none !important; }
.mv-underline { text-decoration: underline; }
#commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url, #commentform p.comment-form-comment, #content .wpcf7-form p {
    font-weight: normal;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 300px;
}
sup { font-size: small; }

.green-border {
	position: relative;
	bottom: 0;
	height: 15px;
	background-image: linear-gradient(to right, 
		#6BC115 24%, 
		#BFBFBF 0 25%, 
		#489000 0 49%, 
		#BFBFBF 0 50%, 
		#A0D36D 0 74%, 
		#BFBFBF 0 75%, 
		#004C0F 75%);
}

body {
	background-image: linear-gradient(#D3FCAA, #004C0F);
}
#footer {
	background: #BFBFBF;
}
#footerwidget-wrap .widget a, #footerwidget-wrap .widget-area .widget h3.widget-title, #footerwidget-wrap .widget-area .widget_get_recent_comments h1.widget-title {
  color: #333;
}
#footerwidget-wrap {
  color: rgba(3, 3, 3, 0.7);
  border-bottom: 1px solid rgba(3, 3, 3, 0.7);
}
#footer #site-info a.top {
  background: url(images/top.png) 0 0 no-repeat;
}
.uk-container {
	max-width: 1300px;
}

@media screen and (min-width: 1400px) {
	#main-wrap {
		max-width: 1300px;
	}

}

@media screen and (min-width: 1180px) {
	#main-wrap {
		padding: 80px 20px 110px;
	}
	#sidebar .widget {
		padding-bottom: 25px;
	}
	#footerwidget-wrap #footer-sidebar-1 { padding-left: 20px; }

}

@media screen and (min-width: 1024px) {
	#main-wrap {
		padding: 60px 20px 110px;
	}
	
}

@media screen and (min-width: 768px) {
	#main-wrap {
		padding: 50px 20px 110px;
		
	}
	
}

/*@media screen and (min-width: 1180px) {
	#main-wrap {
		padding: 80px 20px 110px;
	}
	
}*/

#main-wrap {
	padding: 30px 20px 55px;
	margin: auto;
}

#main-wrap {
	background-color: #ffffff;
}


/* Kontaktformular */
.mv-required::after { content: " *"; color: red; text-align: super; }

/* Navigation unter Header-Bild */
#subheader {border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
#subheader {display:block;}

#subheader {
	/*position: relative;*/
	margin:0 auto;
	padding:0 0;
	background-color: #ffffff;
}

.ie #subheader {
	max-width:1260px;
}
.ie #subheader {
	padding:0 20px 0;
}
.ie #subheader a#mobile-menu-btn {
	display:none;
}
#site-nav {
	float: left;
	clear: left;
}

#subheader a#mobile-menu-btn {

    display: block;
    position: absolute;
    left: 0;
    top: 10px; 
    width: 30px;
    height: 22px;
    margin: 0 0 0 30px;
    padding: 0;
    background: url(images/menuicon.png) 0 0 no-repeat;
    font-weight: 400;
    text-decoration: none;
    text-indent: -9999em;

}

/* Aktuelles Item hervorheben */
#site-nav li.current-menu-item > a {
	color: #6dac0f;
}

/* Event Calendar */
.tribe-events-event-cost span {
	border: none;
	padding: 8px 0;
}

.tribe-bar-disabled {
	display: none;
}

.tribe-events-event-meta .tribe-events-meta-group {
	display: block;
	float: none;
	width: 100%;
}

.single-tribe_events .tribe-events-event-meta {
	/*font-size: 14px;*/
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
	margin: 20px 0 10px;
	color: #423F37;
}

address.tribe-events-address {
	padding: 0 0 25px;
}

#tribe-events-content dl dt, #tribe-events-content dl dd {
	font-size: 0.9em;
}

#subheader .hg-card-nav { min-height: 42px; }

/* Responsive */
@media screen and (min-width: 768px) {
	#subheader { padding:0 0 0; }
	.entry-content p, .entry-summary p {
		margin: 0 0 35px;
	}	
}

@media screen and (min-width: 1024px) {
	#subheader { padding:0 0 0; }
	#subheader a#mobile-menu-btn {
		left:0;
		margin:0 0 0 60px;
	}	
}

@media screen and (min-width: 1180px) {
	#subheader {
		max-width:1200px;
		padding: 0 0 0;
	}
	#site-title { padding: 40px 50px 0 0; }
	#site-title img { padding:0 0 40px;	}	
	#site-nav { padding: 25px 0 25px; }
	#site-nav ul.sub-menu, #site-nav ul.children { top: 30px; width: 270px; }
	#site-nav li a { padding: 0 0 10px; }
	#subheader .hg-card-nav { padding: 0 20px 0; }
	
	#subheader a#mobile-menu-btn {
		display:none;
	}	
}

@media screen and (min-width: 1300px) {
	
	#subheader {
		max-width:1300px;
	}
}

@media screen and (min-width: 1700px) {
	#footer #footerwidget-wrap, 
	#subheader {
		max-width:1600px;
	}
}
@media print {
	#subheader { background:none !important;}
	#subheader #site-nav {display:none;}
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#subheader a#mobile-menu-btn {background: url(images/menuicon.png) 0 0 no-repeat; -webkit-background-size: 30px 22px;}
}

/* Anpassung der Schriftgröße */
h1 {
	font-size:24px;
	font-size:1.512rem;
}
h2 {
	font-size:21px;
	font-size:1.296rem;
}
h3 {
	font-size:18px;
	font-size:1.134rem;
}
h4 {
	font-size: 18px;
	font-size: 1.134rem;
}
h5 {
	font-size:16px;
	font-size:0.972rem;
}
h6 {
	font-size: 13px;
	font-size: 0.864rem;
}
dl dt {
	font-size:17px;
	font-size:1.08rem;
}
#site-title h1 {
	font-size:19px;
	font-size:1.188rem;
}
#site-nav li a {
	font-size:17px;
	font-size:1.08rem;
}
#site-nav li li a {
	font-size:13px;
	font-size:0.864rem;
}
#site-nav li li li a {
	font-size:13px;
	font-size:0.864rem;
}
.entry-header h1.entry-title,
.entry-header h2.entry-title {
	font-size:24px;
	font-size:1.512rem;
}
.entry-details a.entry-date {
	font-size:13px;
	font-size:0.864rem;
}
.entry-meta {
	font-size:12px;
	font-size:0.756rem;
}
.entry-content p.intro {
	font-size:17px;
	font-size:1.08rem;
}
pre {
	font-size:13px;
	font-size:0.864rem;
}
small {
	font-size:10px;
	font-size:0.648rem;
}
.entry-content blockquote p,
#comments blockquote p {
	font-size:17px;
	font-size:1.08rem;
}
#comments blockquote p {
	font-size:16px;
	font-size:0.972rem;
}
.entry-content blockquote p cite,
#comments blockquote p cite {
	font-size:12px;
	font-size:0.756rem;
}
blockquote.pull.alignleft {
	font-size:16px;
	font-size:0.972rem;
}
blockquote.pull.alignright {
	font-size:16px;
	font-size:0.972rem;
}
.entry-content p.wp-caption-text,
.entry-content .entry-caption p {
	font-size:13px;
	font-size:0.864rem;
}
.single-post p.wp-caption-text,
.single-post .entry-caption p {
	font-size:13px;
	font-size:0.864rem;
}
.author-info .author-details h3 {
	font-size:17px;
	font-size:1.08rem;
}
.author-info .author-details a.author-url {
	font-size:13px;
	font-size:0.864rem;
}
.single-post .author-info p.author-description {
	font-size:13px;
	font-size:0.864rem;
}
#comments h3#comments-title {
	font-size:27px;
	font-size:1.728rem;
}
#comments h3#comments-title span {
	font-size:12px;
	font-size: 0.756rem;
}
#comments .comment-content .comment-text {
	font-size:13px;
	font-size:0.864rem;
}
#comments .comment-content ul li.comment-author {
	font-size:13px;
	font-size:0.864rem;
}
#comments .comment-content ul li.comment-reply a {
	font-size:12px;
	font-size:0.756rem;
}
#comments .comment-content table,
#comments .comment-content dl dt,
#comments .comment-content dl dd {
	font-size: 12px;
	font-size: 0.756rem;
}
#comments ol li.pingback {
	font-size: 12px;
	font-size:0.756rem;
}
#content .nopassword,
#content p.nocomments {
	font-size:16px;
	font-size:0.972rem;
}
#comments #respond h3#reply-title {
	font-size:21px;
	font-size:1.296rem;
}
#respond a#cancel-comment-reply-link {
	font-size:12px;
	font-size:0.756rem;
}
#commentform input#author,
#commentform input#email,
#commentform input#url,
#content .wpcf7 input.wpcf7-text {
	font-size:16px;
	font-size:0.972rem;
}
#commentform textarea#comment,
#content .wpcf7 textarea {
	font-size:16px;
	font-size:0.972rem;
}
input#submit,
input.wpcf7-submit,
.jetpack_subscription_widget form#subscribe-blog input[type="submit"] {
	font-size:16px;
	font-size:0.972rem;
}
#comment-nav {
	font-size:12px;
	font-size:0.756rem;
}
.format-video .entry-header h2.entry-title,
.format-video .entry-header h1.entry-title,
.format-gallery .entry-header h2.entry-title,
.format-gallery .entry-header h1.entry-title,
.format-aside .entry-header h1.entry-title,
.format-aside .entry-header h2.entry-title,
.format-chat .entry-header h1.entry-title,
.format-chat .entry-header h2.entry-title,
.format-audio .entry-header h1.entry-title,
.format-audio .entry-header h2.entry-title,
.format-image .entry-header h1.entry-title,
.format-image .entry-header h2.entry-title,
.type-attachment .entry-header h1.entry-title {
	font-size:21px;
	font-size:1.296rem;
}
.format-link .entry-content a.link {
	font-size:23px;
	font-size:1.404rem;
}
.format-quote .entry-content blockquote p {
	font-size:24px;
	font-size:1.8144rem;
}
.format-status .entry-content p,
.single-post .format-status .entry-content p {
	font-size:17px;
	font-size:1.08rem;
}
.page .gallery-caption {
	font-size: 12px;
	font-size: 0.756rem;
}
.white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
	font-size:13px;
	font-size:0.864rem;
}
.standard-btn {
	font-size:13px;
	font-size:0.864rem;
}
.standard-btn.xsmall-btn {
	font-size:12px;
	font-size:0.756rem;
}
.standard-btn.small-btn {
	font-size:12px;
	font-size:0.756rem;
}
.standard-btn.large-btn {
	font-size:16px;
	font-size:0.972rem;
}
.standard-btn.xlarge-btn {
	font-size:16px;
	font-size:0.972rem;
}
.page-header h2.page-title {
	font-size:16px;
	font-size:0.972rem;
}
#content .intro .entry-content p {
	font-size:13px;
	font-size:0.864rem;
}
#content .post.portfolio-element {
	font-size:12px;
	font-size:0.756rem;
}
#content .post.portfolio-element h2.entry-title {
	font-size:16px;
	font-size:0.972rem;
}
#content .post.portfolio-element p {
	font-size:12px;
	font-size:0.756rem;
}
#nav-below,
#nav-single,
#nav-image {
	font-size:13px;
	font-size:0.864rem;
}
.widget-area .widget h3.widget-title,
.widget-area .widget_get_recent_comments h1.widget-title {
	font-size:18px;
	font-size:1.134rem;
}
.widget-area .widget ul li {
	font-size: 13px;
	font-size: 0.864rem;
}
#s {
	font-size:13px;
	font-size:0.864rem;
}
.widget_calendar #calendar_wrap {
	font-size:12px;
	font-size:0.756rem;
}
#footer #site-info ul.credit li,
#footer #site-info .footer-nav {
	font-size:12px;
	font-size:0.756rem;
}
.wpcf7 .wpcf7-form p {
	font-size:13px;
	font-size:0.864rem;
}
.wpcf7 .wpcf7-form p input, .wpcf7 .wpcf7-form p textarea {
	font-size:16px;
	font-size:0.972rem;
}
.wpcf7 .wpcf7-form p.send-btn input {
	font-size:16px;
	font-size:0.972rem;
}
.slider-wrap .responsive-slider.flexslider .slide-title a {
	font-size:13px;
	font-size:0.864rem;
}
.jetpack_subscription_widget form#subscribe-blog input#subscribe-field {
	font-size:16px;
	font-size:0.972rem;
}
.jetpack_subscription_widget form#subscribe-blog input[type="submit"] {
	font-size: 12px;
	font-size: 0.756rem;
}
.widget-area .widget_twitter ul.tweets li {
	font-size:13px;
	font-size:0.864rem;
}
.wp-pagenavi {
	font-size:16px;
	font-size:0.972rem;
}
#content .page ul#smart-archives-block {
	font-size:16px;
	font-size:0.972rem;
}
#smart-archives-list h2 {
	font-size:16px;
	font-size:0.972rem;
}
#content .page #smart-archives-list ul,
#content .page #smart-archives-fancy ul.archive-list {
	font-size:16px;
	font-size:0.972rem;
}
#smart-archives-list ul li,
#smart-archives-fancy ul.archive-list li {
	font-size:21px;
	font-size:1.296rem;
}
#smart-archives-fancy h2.month-heading {
	font-size:16px;
	font-size:0.972rem;
}
#smart-archives-fancy ul.month-list li {
	font-size:16px;
	font-size:0.972rem;
}
#smart-archives-fancy .year-list a {
	font-size: 24px;
}
.ie #site-nav li a {
	font-size:22px;
	font-size:1.35rem;
}
.ie #site-nav li li a {
	font-size:19px;
	font-size:1.2rem;
}
.ie #site-nav li li li a {
	font-size:19px;
	font-size:1.2rem;
}
.ie .entry-meta {
	font-size:19px;
	font-size:1.2rem;
}
.ie h1 {
	font-size:34px;
	font-size:2.52rem;
}
.ie h2 {
	font-size:31px;
	font-size:1.95rem;
}
.ie h3 {
	font-size:29px;
	font-size:1.8rem;
}
.ie h4 {
	font-size:26px;
	font-size:1.65rem;
}
.ie h5 {
	font-size:24px;
	font-size:1.5rem;
}
.ie h6 {
	font-size:22px;
	font-size:1.35rem;
}
.ie .entry-header h1.entry-title,
.ie .entry-header h2.entry-title {
	font-size: 48px;
	font-size: 3rem;
}
.ie .page-header h2.page-title {
	font-size:29px;
	font-size:1.8rem;
}
.ie .entry-content p,
.ie .entry-summary p,
.ie .entry-content ol,
.ie .entry-content ul,
.ie .entry-content dl,
.ie .entry-content dl,
.ie address,
.ie .page-link {
	font-size:24px;
	font-size:1.5rem;
}
.ie .entry-content p.intro {
	font-size:29px;
	font-size:1.8rem;
}
.ie .entry-content blockquote p,
.ie #comments blockquote p {
	font-size:31px;
	font-size:1.95rem;
}
.ie #comments blockquote p {
	font-size:29px;
	font-size:1.8rem;
}
.ie .entry-content blockquote p cite,
.ie #comments blockquote p cite {
	font-size:22px;
	font-size:1.35rem;
}
.ie #comments .comment-content .comment-text {
	font-size:22px;
	font-size:1.35rem;
}
.ie #comments .comment-content ul li.comment-author {
	font-size:22px;
	font-size:1.35rem;
}
.ie .author-info .author-details h3 {
	font-size:29px;
	font-size:1.8rem;
}
.ie .author-info .author-details a.author-url {
	font-size:24px;
	font-size:1.5rem;
}
.ie .single-post .author-info p.author-description {
	font-size:22px;
	font-size:1.35rem;
}
.ie .format-quote .entry-content blockquote p {
	font-size: 42px;
	font-size: 2.625rem;
}
.ie .format-status .entry-content p,
.ie .single-post .format-status .entry-content p {
	font-size:29px;
	font-size:1.8rem;
}
.ie .format-link .entry-content a.link {
	font-size: 43px;
	font-size: 2.7rem;
}
.ie #content .post.portfolio-element {
	font-size:17px;
	font-size:1.05rem;
}
.ie #content .intro .entry-content p {
	font-size:24px;
	font-size:1.5rem;
}
/* ------- Pagination ------- */
.ie #nav-below,
.ie #nav-single,
.ie #nav-image {
	font-size:24px;
	font-size:1.5rem;
}
/* ------- Shortcodes ------- */
.ie .white-box,
.ie .blue-box,
.ie .yellow-box,
.ie .red-box,
.ie .green-box,
.ie .lightgrey-box,
.ie .grey-box,
.ie .dark-box {
	font-size:22px;
	font-size:1.35rem;
}
.ie #footer #site-info ul.credit li,
.ie #footer #site-info .footer-nav {
	font-size: 19px;
	font-size:1.2rem;
}
.ie .slider-wrap .responsive-slider.flexslider .slide-title a {
	font-size: 43px;
	font-size: 2.7rem;
}
.entry-content p.has-small-font-size {
	font-size: 13px;
}
.entry-content p.has-regular-font-size {
	font-size: 17px;
}
.entry-content p.has-large-font-size {
	font-size: 23px;
}
.entry-content p.has-larger-font-size {
	font-size: 26px;
}
.single-post .entry-content .wp-block-pullquote p,
.single-post .entry-content .wp-block-pullquote.alignleft p,
.single-post .entry-content .wp-block-pullquote.alignright p {
	font-size: 23px;
}
.entry-content .wp-block-quote:not(.is-large):not(.is-style-large) p,
.single-post .entry-content .wp-block-quote:not(.is-large):not(.is-style-large) p {
	font-size: 23px;
}
.single-post .wp-block-quote.is-large p,
.single-post .wp-block-quote.is-style-large p {
	font-size: 23px;
}

.entry-content .wp-block-quote__citation,
.entry-content .wp-block-quote cite,
.entry-content .wp-block-quote footer,
.entry-content .wp-block-pullquote cite,
.entry-content .wp-block-pullquote footer,
.entry-content .wp-block-pullquote__citation,
.entry-content .wp-block-quote.is-style-large cite {
	font-size: 16px;
}
.wp-block-button .wp-block-button__link {
	font-size: 16px;
}
.entry-content .wp-block-preformatted,
.single-post .entry-content .wp-block-preformatted {
	font-size: 12px;
}
.entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry-content .wp-block-gallery .blocks-gallery-item figcaption {
	font-size: 12px;
}
.entry-content .wp-block-image figcaption,
.entry-content .wp-block-embed figcaption {
	font-size: 12px;
}
.wp-block-table.is-style-stripes tr:nth-child(odd) {
	font-size: 16px;
}
@media screen and (min-width: 768px) {
	h1 {
		font-size:24px;
		font-size:1.512rem;
	}
	h2 {
		font-size:23px;
		font-size:1.404rem;
	}
	h3 {
		font-size:21px;
		font-size:1.296rem;
	}
	h4 {
		font-size:16px;
		font-size:1.0692rem;
	}
	h5 {
		font-size:15px;
		font-size:0.972rem;
	}
	h6 {
		font-size:13px;
		font-size:0.8748rem;
	}
	.entry-header h1.entry-title,
	.entry-header h2.entry-title {
		font-size: 35px;
		font-size: 2.16rem;
	}
	.page-header h2.page-title {
		font-size:21px;
		font-size:1.296rem;
	}
	/* ------- Typography ------- */
	.entry-content p,
	.entry-summary p,
	.widget-area p,
	.entry-content ol,
	.entry-content ul,
	.entry-content dl,
	.entry-content dl,
	address,
	.page-link {
		font-size:17px;
		font-size: 1.08rem; /*1.5rem;*/
	}
	.entry-content p.intro {
		font-size:16px;
		font-size:0.972rem;
	}
	.entry-content blockquote p,
	#comments blockquote p {
		font-size:23px;
		font-size:1.404rem;
	}
	#comments blockquote p {
		font-size:21px;
		font-size:1.296rem;
	}
	.entry-content blockquote p cite,
	#comments blockquote p cite {
		font-size:16px;
		font-size:0.972rem;
	}
	#comments .comment-content .comment-text {
		font-size:16px;
		font-size:0.972rem;
	}
	#comments .comment-content ul li.comment-author {
		font-size:16px;
		font-size:0.972rem;
	}
	.author-info .author-details h3 {
		font-size:21px;
		font-size:1.296rem;
	}
	.author-info .author-details a.author-url {
		font-size:17px;
		font-size:1.08rem;
	}
	.single-post .author-info p.author-description {
		font-size:16px;
		font-size:0.972rem;
	}
	/* ------- Post Formats ------- */
	.format-quote .entry-content blockquote p {
		font-size: 31px;
		font-size: 1.89rem;
	}
	.format-status .entry-content p,
	.single-post .format-status .entry-content p {
		font-size:21px;
		font-size:1.296rem;
	}
	.format-link .entry-content a.link {
		font-size: 31px;
		font-size: 1.89rem;
	}
	#content .intro .entry-content p {
		font-size:17px;
		font-size:1.08rem;
	}
	#nav-below,
	#nav-single,
	#nav-image {
		font-size:17px;
		font-size:1.08rem;
	}
	/* ------- Shortcodes ------- */
	.white-box,
	.blue-box,
	.yellow-box,
	.red-box,
	.green-box,
	.lightgrey-box,
	.grey-box,
	.dark-box {
		font-size:16px;
		font-size:0.972rem;
	}
	#footer #site-info ul.credit li,
	#footer #site-info .footer-nav {
		font-size: 13px;
		font-size:0.864rem;
	}
	.slider-wrap .responsive-slider.flexslider .slide-title a {
		font-size:26px;
		font-size:1.62rem;
	}
}
@media screen and (min-width: 1180px) {
	#site-nav li a {
		font-size:16px;
		font-size:0.972rem;
	}
	#site-nav li li a {
		font-size:13px;
		font-size:0.864rem;
	}
	#site-nav li li li a {
		font-size:13px;
		font-size:0.864rem;
	}
	.entry-meta {
		font-size:13px;
		font-size:0.864rem;
	}
	.slider-wrap .responsive-slider.flexslider .slide-title a {
		font-size: 31px;
		font-size: 1.944rem;
	}

}