/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

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

body{
	hyphens: auto;
}

p {
    margin-bottom: 1.25em !important; 
	margin-top: 1.25 !important; 
}

.h2-abstand{
	margin-top: 0.75em;
}

h1{
	margin-bottom: 0.5em;
}

/*Innenabstände der farbigen Sektionen*/
.seitenabschnitt{
	padding: 4em;
}

@media screen and (max-width: 959px) {
    .seitenabschnitt{
	padding: 3em;
	}
}

@media screen and (max-width: 481px) {
    .seitenabschnitt{
	padding: 2em;
	}
}

/*Korrekte Darstellung der Abstände auch bei Tabletansicht gewährleisten*/
@media screen and (max-width: 959px) {
    body.content-full-screen.page .entry .alignfull {
        margin-left: 0% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/*Spaltenabstände anpassen*/
:where(.wp-block-columns.is-layout-flex) {
    gap: 3em;
}

/* Anpassungen, damit die breiten Trenner unten keinen automatischen Abstand bekommen*/
body.content-full-screen .entry .alignfull {
    margin-bottom: -1px !important;
}

/*Abstand unter den Bildern entfernen*/
.wp-block-image {
    margin-bottom: 0px !important; 
}

/*post-it-Abschnitt*/
.post-it{
	rotate: -1deg;
	padding: 3em;
}

.post-it-umgekehrt{
	rotate: 1deg;
	padding: 3em;
}

.post-it-gerade{
	padding: 3em;
}

.post-it-reduced-padding{
	rotate: -1deg;
	padding: 1.5em;
	width: fit-content;
	margin-left: auto;
    margin-right: auto;
}
.post-it-reduced-padding-umgekehrt{
	rotate: 1deg;
	padding: 1.5em;
	width: fit-content;
	margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 959px) {
    .post-it{
	rotate: -1deg;
	padding: 2em;
	}
	.post-it-umgekehrt{
	rotate: 1deg;
	padding: 2em;
	}
}

.post-it-inhalt{
	rotate: 1deg;
}

.post-it-inhalt-umgekehrt{
	rotate: -1deg;
}

/*Padding der Aktuelles-Kahceln festlegen*/
.kachel-aktuelles{
	padding: 2em;
	margin-top: 2em;
}

/*Trennstriche im Menü ausblenden*/
#site-header.vertical-header #site-navigation-wrap .dropdown-menu li {
    border-bottom: 0px solid rgba(0, 0, 0, 0) !important;
}

.zentrieren{
	justify-content: center !important;
}


/*Anpassungen am Events-Calendar*/
/*Aussehen des zum-Kalender-hinzufuegen-Buttons und dem zugehoerigen Dropdown-Menue verändern*/
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
    position: relative;
    background-color: #865DA2;
    color: #FFF6E0;
    border-color: transparent;
    width: 26rem;
}

/*Veranstaltungsdetails entzerren*/
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
    background-color: transparent;
    width: 100vw;
    color: var(--tec-color-text-primary);
}
@media (max-width: 551px) {
	.tribe-events-meta-group{
		margin-top: 30px !important;
	}
}

/*schlecht editierbaren Button des Event Calenders entfernen, da ich ihn auf der Terminseite durch einen normalen Button ersetzt habe*/
.tribe-events-widget .tribe-events-widget-events-list__view-more-link {
	display:none;
}

/*Veranstaltungskiste mobil richtig platzieren, Karte(Liste/Kalender) verbreitern, Hoverfarbe der Tageskarte verändern */
@media only screen and (max-width: 767px) {
	.wp-block-uagb-container.uagb-block-454819c2 {
    flex-direction: initial;
	}
    .wp-block-uagb-container.uagb-block-2d5e6096 {
        margin-left: -2em !important; 
        margin-right: -2em !important; 
    }
	.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
    width: 150px;
	}
	.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus, .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
    background-color: #e8dbc8 !important;
}
	/*Kalender abonnieren Button in die Mitte schieben*/
	.single-tribe_events .tribe-events-c-subscribe-dropdown__container, .tribe-events .tribe-events-c-subscribe-dropdown__container {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
}
.tribe-events-page-template #primary {
width: 100%;
}

.tribe-events-page-template #right-sidebar {
display: none;
}

/*Hintergrundfarbe der Einzelveranstaltungen anpassen*/
#main {
    background-color: #FFB846;
}

/*bei Einzelveranstaltung die Linie auf der rechten Seite entfernen*/
.content-area {
    border-right-width: 0px;
}

:root{
	--tec-color-border-secondary: #FFF6E0;
	--tec-color-border-default: #FFF6E0;
	--tec-color-background: #FFF6E0;
	--tec-color-icon-disabled: #000000;
	--tec-color-text-disabled: #000000;
}