/*
Theme Name: Kirchenasyl OceanWP
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress child theme.
Author: Joern Bensch
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



@font-face {
	font-family: "Rubik";
	src: url("/fonts/Rubik-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("/fonts/Rubik-LightItalic.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("fonts/Rubik-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("fonts/Rubik-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("fonts/Rubik-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("fonts/Rubik-MediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-style: italic;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("fonts/Rubik-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
  }
  
  @font-face {
	font-family: "Rubik";
	src: url("fonts/Rubik-BoldItalic.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
  }
  
  
  :root { 
	  --bag-rot: #DA0011; 
	  --bag-dunkelrot: #BC0016; 
	  --bag-orange: #FF6501; 
	  --bag-beige: #ECE7D7; 
	  --bag-dunkelbeige: #BFB1A2; 
	  --bag-grau: #404040;
	  --bag-hellgrau: #E9E9EA;
  } 

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

form input[type="password"] {
	margin-bottom: 2rem;
}


/* Colors */

/* Gutenberg Text Colors */
.has-bag-rot-color {
	color: #DA0011;
}
.has-bag-orange-color {
	color: #FF6501;
}
.has-bag-beige-color {
	color: #ECE7D7;
}
.has-bag-beige-dunkel-color {
	color: #88887E;
}
.has-hellgrau-color {
	color: #E9E9EA;
}
.has-weiss-color {
	color: #FFFFFF;
}
.has-grau-color {
	color: #404040;
}
.has-schwarz-color {
	color: #1D1D1D;
}
.has-black-color {
	color: #1D1D1D;
}
.has-white-color {
	color: #FFFFFF;
}


/* Gutenberg Background Colors */
.has-bag-rot-background-color {
	background-color: #DA0011;
}
.has-bag-orange-background-color {
	background-color: #FF6501;
}
.has-bag-beige-background-color {
	background-color: #ECE7D7;
}
.has-bag-beige-dunkel-background-color {
	background-color: #88887E;
}
.has-hellgrau-background-color {
	background-color: #E9E9EA;
}
.has-weiss-background-color {
	background-color: #FFFFFF;
}
.has-grau-background-color {
	background-color: #404040;
}
.has-schwarz-background-color {
	background-color: #1D1D1D;
}

/* Typografie */

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Rubik", sans-serif;
} 

h2:not(:first-of-type) {
	margin-top: 6rem;
}

.nolink {cursor: not-allowed;}

.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
	text-decoration: none;
}

.site-breadcrumbs a {
	color: var(--bag-grau);
}

hr {
	border-top: 3px solid var(--bag-beige);
}


/* –––––––––––––––––––––––––––––––– */
/* OceanWP Ueberarbeitung */
/* –––––––––––––––––––––––––––––––– */

/* -- Header */

#site-header {
	border-bottom: 4px solid; 
	position: sticky;
	top: 36px;
}

#top-bar-wrap {
	z-index: 99;
	position: sticky;
	top: 0px;
	border-bottom: 0px solid #fff;
}

#top-bar-content .top-bar-menu .menu-item a,
#top-bar-content .wp-block-button__link {
	background-color: var(--bag-beige);
	border-radius: 0;
	padding: 6px 20px;
	font-size: inherit;
}
#top-bar-content .top-bar-menu .menu-item a:hover,
#top-bar-content .wp-block-button__link:hover {
	background-color: var(--bag-dunkelbeige);
}

#top-bar-content .top-bar-menu .menu-item:last-child a,
#top-bar-content .wp-block-button__link.spenden-button {
	background-color: var(--bag-rot);
	margin-left: 2px;
	color: #fff;
}
#top-bar-content .top-bar-menu .menu-item:last-child a:hover,
#top-bar-content .wp-block-button__link.spenden-button:hover {
	background-color: var(--bag-dunkelrot);
}
.top-bar-left.has-content #top-bar-nav, .top-bar-right.has-content #top-bar-nav,
#top-bar-nav>ul>li {
	margin-right:0;
}

#top-bar-social.top-bar-left {
	position: relative;
	margin-top:8px;
	float: right;
	margin-right: 10px;
}

#site-logo {
	margin-top: -20px;
}

/* -- Menue */

#site-navigation-wrap .main-navigation li a {
	border-bottom: 8px solid #fff;
}

#site-navigation-wrap .main-navigation ul.main-menu li.current-menu-item a,
#site-navigation-wrap .main-navigation ul.main-menu li a:hover {
	border-bottom: 8px solid var(--bag-rot);
}

#site-navigation-wrap .header-searchform-wrap,
#site-navigation-wrap .sub-menu {
	border-top: 12px solid var(--bag-rot);
	margin-top:-8px;
}

#site-navigation-wrap .main-navigation li li a,
#site-navigation-wrap .main-navigation li.current-menu-item .sub-menu li a,
#site-navigation-wrap .sub-menu li a:hover {
	border-bottom: 1px solid var(--bag-hellgrau) !important;
}

/* Seitentitel */

.single .entry-title {
	border-bottom: 3px solid var(--bag-rot);
	margin-bottom: 6rem;
}

/* Kopfzeile in Single Posts ohne H1 */

.single-post .page-header .container::before {
	content: 'Aktuelles';
	font-size: 40px;
	line-height: 1;
}
.single-taetigkeitsberichte .page-header .container::before {
	content: 'Tätigkeitsberichte';
	font-size: 40px;
	line-height: 1;
}
.single-tribe_events .page-header .container::before {
	content: 'Veranstaltungen';
	font-size: 40px;
	line-height: 1;
}
.single-kirchenasyle .page-header .container::before {
	content: 'Kirchenasyle';
	font-size: 40px;
	line-height: 1;
}

/* Content */

#main #content-wrap {
	padding-bottom: 10rem;
	border-top: 18px solid var(--bag-rot);
}
.home #main #content-wrap {
	padding-top:0;
	border-top: none;
}

.page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
	max-width: 66%;
}

/* Blogvorschau */

.blog-entry.large-entry {
	padding: 20px;
	background: var(--bag-beige);
	margin-bottom: 1rem;
	background-image: url(assets/BAG-arrow-right.png);
	background-repeat: no-repeat;
	background-position: bottom 15px right 30px;
	background-size: 25px;
}
.post-type-archive-taetigkeitsberichte .blog-entry.large-entry {
	background-position: center right 30px;
}
.blog-entry ul.meta {
	margin-bottom: 0 !important;
}
.blog-entry.large-entry h2.entry-title {
	margin-bottom:0 !important;
}
.blog-entry.large-entry h2.entry-title a{
	color: #1D1D1D;
}
.blog-entry.large-entry .meta-date {
	color: var(--bag-rot);
	font-size: 16px;
}
.blog-entry.large-entry .meta-date i {
	display: none;
}
.blog-entry.post .blog-entry-header .entry-title a {
	font-weight: 500;
}

/* Single */

body.single .thumbnail {
	margin-top: -6rem;
	max-height: 25vw;
	overflow-y: hidden;
	/* Magic */
	display: flex;
    align-items: center; 
    justify-content: center; 
}


/* Footer */

.site-footer .widget_nav_menu li:first-child, .oceanwp-widget-recent-posts-li, .widget_categories li, .widget_recent_entries li, .widget_archive li, .widget_recent_comments li, .widget-recent-posts-icons li, .site-footer .widget_nav_menu li {
	border:none;
	padding: 0 0;
}

#footer-bottom {
	width: 1070px;
	max-width: 90%;
	margin: 0 auto 4rem auto;
}

#footer-bottom.no-footer-nav #copyright {
	text-align: left;
}

#footer-widgets .footer-box {
	padding: 4rem 0;
}
#footer-widgets .footer-box p{
	font-size: 14px;
}

/* CPT */

.post-type-archive-taetigkeitsberichte .blog-entry.large-entry ul.meta {
	display: none;
}


/* –––––––––––––––––––––––––––––––– */
/* Spectra UAGB */
/* –––––––––––––––––––––––––––––––– */

.uagb-post__inner-wrap {
	background-color: var(--bag-beige) !important;
}
.uagb-post__inner-wrap .uagb-post__title a{
	display: block;
}
.wp-block-uagb-post-grid .uagb-post__text.uagb-post-grid-byline {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	color: var(--bag-rot);
	padding-bottom: 14px;
}
.wp-block-uagb-post-carousel .uagb-post__text.uagb-post-grid-byline {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	color: var(--bag-rot);
	padding-bottom: 14px;
}
.wp-block-uagb-post-grid .uagb-post__inner-wrap {
	background-image: url(assets/BAG-arrow-right.png);
	background-repeat: no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 25px;
}
.wp-block-uagb-post-carousel .uagb-post__inner-wrap {
	background-image: url(assets/BAG-arrow-right.png);
	background-repeat: no-repeat;
	background-position: bottom 15px right 30px;
	background-size: 25px;
}
.uagb-post__text.uagb-post-grid-byline time {
	font-weight: 600 !important;
}
.uagb-post-grid .uagb-post__author:not(:last-child)::after, .uagb-post-grid .uagb-post__date:not(:last-child)::after, .uagb-post-grid .uagb-post__comment:not(:last-child)::after {
	content: '' !important;
}
.uagb-post__inner-wrap .uagb-post__taxonomy a{
	pointer-events: none;
}
.wp-block-uagb-post-grid .uagb-post__image {
	margin-left: -20px;
	margin-right: -20px;
}
.wp-block-uagb-post-grid .uagb-post__image img,
.wp-block-uagb-post-carousel .uagb-post__image img {
	background-color: var(--bag-hellgrau);
}

.wp-block-uagb-post-carousel button.slick-prev {
	background-image: url(assets/BAG-chevron-left.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
}
.wp-block-uagb-post-carousel button.slick-next {
	background-image: url(assets/BAG-chevron-right.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
}
.wp-block-uagb-post-carousel button.slick-arrow svg {
	opacity:0;
}

.uagb-faq-item {
	background: var(--bag-beige);
	border-style: none !important;
}
.uagb-faq-child__outer-wrap {
	margin-bottom: 4px !important;
}

.wp-block-uagb-team {
	margin-bottom: 6rem;
}

.wp-block-uagb-table-of-contents {
	position: sticky;
	top: 150px;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list, .wp-block-uagb-table-of-contents ol.uagb-toc__list {
	margin-left: 0;
	list-style: none;
}
.wp-block-uagb-table-of-contents a, 
.wp-block-uagb-table-of-contents a:hover {
	text-decoration: none !important;
	box-shadow: none !important;
}

.uagb-post-pagination-wrap {
	margin-left: 0 !important;
}
.uagb-post-pagination-wrap .page-numbers.current {
	background-color: var(--bag-dunkelbeige) !important;
}
.uagb-post-pagination-wrap a {
	background-color: var(--bag-beige) !important;
}


/* –––––––––––––––––––––––––––––––– */
/* Tribe Events Calendar */
/* –––––––––––––––––––––––––––––––– */

.shariff.shariff-align-flex-start {
	margin-top: 6rem;
}


/* –––––––––––––––––––––––––––––––– */
/* Tribe Events Calendar */
/* –––––––––––––––––––––––––––––––– */

:root { 
	--tec-color-accent-primary: #DA0011; 
	--tec-border-radius-default: 0;
	--tec-color-text-events-title: #333;
	--tec-font-size-4: 16px;
} 

/* Tribe Widget - Vorschau Startseite */

.tribe-events-widget-events-list__header h2 {
	font-size: 32px !important;
	color: var(--bag-orange) !important;
	line-height: 1.1 !important;
}

.tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus, .tribe-common .tribe-common-anchor-thin:hover {
	border-bottom: none !important;
}

.tribe-events-widget .tribe-events-widget-events-list__event-row {
	flex-direction: column;
	background: var(--bag-beige);
	margin-bottom: 10px !important;
	padding: 20px;
	background-image: url(assets/BAG-arrow-right.png);
	background-repeat: no-repeat;
	background-position: bottom 15px right 15px;
	background-size: 25px;
}

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
	flex-direction: row !important;
	text-align: left !important;
}
.tribe-events-widget  .tribe-events-widget-events-list__event-datetime-wrapper {
	font-size: 16px !important;
	padding-top: 1px;
	color: var(--bag-rot) !important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime span {
	margin-right: 5px;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag {
	width: auto !important;
}

.tribe-events-widget-events-list .bag-meta {
	display: flex;
	flex-direction: row;
	color: var(--bag-rot);
	padding-bottom: 1.5rem;
}


.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 {
	font-weight: 500 !important;
}

.tribe-events-widget-events-list__event-title a {
	color: var(--bag-schwarz);
}

.tribe-events-widget-events-list__event-details .excerpt {
	font-size: 20px;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more {
	text-align: center;
	padding-top: 2rem;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more {
	font-size: 1.125em !important;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more a.tribe-events-widget-events-list__view-more-link {
	display: inline-block;
	background-color: var(--bag-rot);
	padding: 10px 20px;
	text-decoration: none;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more a.tribe-events-widget-events-list__view-more-link,
.tribe-events-widget .tribe-events-widget-events-list__view-more a.tribe-events-widget-events-list__view-more-link:visited {
	color: #fff !important;
	border: none !important;
}

.tribe-events-widget-events-list__view-more a.tribe-events-widget-events-list__view-more-link:hover {
	background-color: var(--bag-dunkelrot);
	text-decoration: none !important;
}

/* Tribe Archive */

.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
	max-width: calc(1070px + 40px);
	padding-left: 20px;
	padding-right: 20px;
}

.tribe-events .tribe-events-c-events-bar {
	display: none;
}

.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 {
	font-weight: 500;
}

.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 {
	color: var(--bag-orange);
}
.tribe-events .tribe-events-calendar-list__month-separator:after {
	background-color: var(--bag-beige);
	height: 3px;
}

.tribe-common .tribe-common-anchor-thin {
	border-bottom: none;
}

.tribe-events .tribe-events-calendar-list__event-datetime {
	color: var(--bag-rot);
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b3,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
	font-size: 16px;
}

.tribe-events .tribe-events-calendar-list-nav {
	border-top: 3px solid var(--bag-beige);
}

.tribe-events a.tribe-events-calendar-list__event-title-link:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 3px;
}

/* Events Single */

.tribe-events-single-event-title {
	font-size: 40px;
	font-weight: 400;
	color: var(--bag-rot);
}

.tribe-events-schedule h2,
.tribe-events-schedule .tribe-events-cost {
	font-size: 20px;
}

.tribe-events-back a, .tribe-events-back a,
.tribe-events-back a, .tribe-events-back a:visited,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {
	font-weight: 400;
	color: var(--bag-rot);
}

.tribe-events-event-meta:before, .tribe-events-event-meta~div:not(.tribe-events-event-meta,.event-tickets),
#tribe-events-footer {
	border-top: 3px solid var(--bag-beige);
}




/* –––––––––––––––––––––––––––––––– */

/* Pojo Accessibility - Barrierefreiheit*/

/* –––––––––––––––––––––––––––––––– */


#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
	line-height: 1.5 !important;
}



/* –––––––––––––––––––––––––––––––– */

/* Gutenberg */

/* –––––––––––––––––––––––––––––––– */

body.single-post.content-max-width .entry-content .alignfull, body.page.content-max-width .entry .alignfull,
.page .entry .alignfull {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
}

.wp-block-button__link {
	background-color: var(--bag-rot);
	border-radius: 0;
	padding: 10px 20px;
}
#main .wp-block-button__link {
	margin-bottom: 4px;
}

.wp-block-button__link:hover {
	background-color: var(--bag-dunkelrot);
	color: #fff;
}


body.single-post.content-max-width .entry-content .alignwide, body.page.content-max-width .entry .alignwide {
	width: calc(100% + 80px);
	max-width: calc(100% + 80px);
	margin-left: -40px;
}

.wp-block-cover, .wp-block-cover-image {
	min-height: 25vw !important;
}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container, 
.wp-block-group.alignfull .wp-block-group__inner-container {
	max-width: 1070px;
	margin: 0 auto;
}

.wp-block-separator {
	border-bottom: 2px solid var(--bag-beige);
}

.wp-block-file {
	background: var(--bag-beige);
	padding-left: 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	margin-bottom: 1rem;
	font-size: 14px;
	width: fit-content;
}

.wp-block-file a {
	box-shadow: none !important;
	text-decoration: none;
	font-size: 14px;
}
.wp-block-file a.wp-block-file__button {
	padding: .5rem 1rem;
	background: var(--bag-rot);
	text-transform: none;
	font-size: 14px;
	letter-spacing: 0;
}
.wp-block-file a.wp-block-file__button:hover {
	color: #fff;
	background: var(--bag-dunkelrot);
}

main .wp-block-group.has-background {
	padding: 4rem 0;
	margin-top: 4rem;
}
.wp-block-separator.is-style-wide:not(.size-full) {
	max-width: none;
}


.wp-block-table tr:nth-child(2n) {
	background: var(--bag-hellgrau);
}

/* –––––––––––––––––––––––––––––––– */

/* Lightweight Accordion */

/* –––––––––––––––––––––––––––––––– */

.lightweight-accordion details .lightweight-accordion-title h2 {
	font-size: 28px;
}
.lightweight-accordion details .lightweight-accordion-title {
	background-color: #fff;
	padding: 2rem 0;
	background-image: url(assets/BAG-chevron-down.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 25px;
}
.lightweight-accordion details[open] .lightweight-accordion-title {
	background-image: url(assets/BAG-chevron-up.png);

}
.lightweight-accordion {
	border-top: 2px solid var(--bag-beige);
	border-bottom: 2px solid var(--bag-beige);
	margin-bottom: -3px !important;
}
details > summary {
   list-style: none;
}
details > summary::-webkit-details-marker {
   display: none;
}
.lightweight-accordion .lightweight-accordion-body {
	padding: 0 !important;
}

/* –––––––––––––––––––––––––––––––– */

/* Sonderelemente */

/* –––––––––––––––––––––––––––––––– */

.bag-rotblock {
	background-color: var(--bag-rot);
}
.bag-orangeblock {
	background-color: var(--bag-orange);
}

.bag-block-einrueckung {
	margin-top:-18px;
}

.bag-publikation {
	padding: 1rem;
	margin-bottom: 3rem !important;
}
.bag-publikation.wp-block-columns {
	height:calc(100% - 3rem);
}

.subline, .uagb-desc-text {
	font-size: 32px;
	color: var(--bag-orange);
}

.subline-xl {
		font-weight: 500;
		font-size: 30px;
		line-height: 1.2;
}

h1.wp-block-post-title + p.subline {
	margin-top:-20px;
}

/* –––––––––––––––––––––––––––––––– */

/* Responsive */

/* –––––––––––––––––––––––––––––––– */

@media screen and (min-width:970px) {
	.slick-slide article.uagb-post__inner-wrap {
		min-height: 520px;
	}
}

@media (max-width: 781px) {
	
	#site-header, #top-bar-wrap {position: relative; top: 0;}
		
	#site-header-inner {padding: 0 5% 0 5% !important;}
	
	#top-bar {padding: 0 0 0 0 !important;}
	
	#top-bar-social.top-bar-left {margin-right: 0; padding-top:8px;}
	
	.subline, .uagb-desc-text,
	.subline-xl {	font-size:26px; line-height: 1.25}
	h1.wp-block-post-title + p.subline {margin-top:0;}
	
	.tribe-events-widget-events-list__event-details .excerpt,
	.tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper {font-size: 14px !important;}
	.tribe-events-widget .tribe-events-widget-events-list__event-row {background-position: bottom 15px right 15px;}

	
	.uagb-post__arrow-outside.uagb-post-grid .slick-prev {left:-25px;}
	.uagb-post__arrow-outside.uagb-post-grid .slick-next {right:-25px;}
	
	.wp-block-uagb-post-carousel button.slick-prev,
	.wp-block-uagb-post-carousel button.slick-next {background-size:15px;}
	
	.wp-block-uagb-post-carousel.uagb-post__items {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	
	.single-post .page-header .container::before {
		font-size: 26px;
	}
	
	.footer-oben .wp-block-group {
		padding-left: 5%;
		padding-right: 5%;
	}
	
}

@media screen and (max-width: 599px) {}

@media screen and (max-width: 480px) {}