/*
Theme Name: seemoz
Author: Thomas Ruh
Author URI: https://www.plaka-tif.de
Theme URI: https://www.plaka-tif.de
Tags: full-site-editing
Text Domain: seemoz
Requires at least WP version: 5.8
Tested up to: 6.4.2
Requires PHP: 8.0
Tested up to: 8.1
Version: 4.0
*/
/* behavior */
html, body {
	scroll-behavior: smooth;
}
/* apple font smoothing */
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
/* sticky header + push footer to bottom */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 100px);
	padding-top:100px;
}
header,
landingheader {
	position:fixed;
	top:0px;
	width:100%;
	z-index:999;
}
main {
	min-height: 100vh;
	flex-grow:0;
	flex-shrink:0;
	flex-basis:auto;
	width: 100%;
}
footer,
landingfooter {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
/* mobile slideIn navbar - template-part is offcanvas */
#ptOffcanvas {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	transition: 0.5s;
	font-family: var(--wp--preset--font-family--headline);
	font-size: var(--wp--preset--typography--font-size--normal);
}
/* mobile slideIn navbar - use width from js in function.php */
.is-mobile .wp-block-navigation-link .wp-block-navigation-item__content {
	width: 290px;
	border-bottom: 0px;
}
/* show mobile hamburger and hide desctop hamburger */
@media ( min-width: 872px ) {
.is-mobile-hambuger {
	display:none;
	}
}
@media ( max-width: 871px ) {
.is-desctop-hambuger {
	display: none !important;
	}
}
/*
 * mobile slideIn navbar submenue container
 * open by default
 * hide dropdown icon
 */
.is-mobile .wp-block-navigation-submenu__toggle {
	letter-spacing: 1px!important;
}
.is-mobile .wp-block-navigation__submenu-container {
	color:inherit !important;
	border: none !important;
	background-color: initial !important;
}
.is-mobile ul.wp-block-navigation__submenu-container {
	visibility: visible !important;
	opacity: initial !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	width: 290px !important;
}
.is-mobile .wp-block-navigation__submenu-icon {
	display: none !important;
}
.is-mobile li.wp-block-navigation-item.has-child.wp-block-navigation-submenu {
	display: block !important;
}
/* navigation submenu desctop*/
.wp-block-navigation__submenu-container {
	border: unset !important;
}
li.first-submenue {
	width: 230px;
}
li.second-submenue {
	width: 360px !important;
}
ol.has-background,
ul.has-background {
	padding: 0em 0em !important;
}
/* navigation submenu mobile*/
li.is-offcanvas-serien,
li.is-offcanvas-mehr {
	padding-left: 10px !important;
	margin-left: -15px;
}
li.is-offcanvas-serien-sub,
li.is-offcanvas-mehr-sub {
	padding-left: 0px !important;
	margin-left: 0px !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--grau);
}
/* close mobile slideIn menue */
.close:link,
.close:visited,
.close:active {
	text-decoration: none;
	padding-right:20px;
	color: var(--wp--preset--color--schwarz);
	font-size: 50px;
	font-style: bold;
}
.is-mobile-hambuger:link,
.is-mobile-hambuger:visited,
.is-mobile-hambuger:active {
	color: var(--wp--preset--color--schwarz);
}
.close:hover,
.is-mobile-hambuger:hover {
	color: var(--wp--preset--color--rot);
}
/* topbar in header with search field - template-parts are header and topbar */
#slideMenu {
	width: 100%;
	transform: translateY(-100%);
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	z-index: -1;
	transition: all 1s ease;
	position: absolute;
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: var(--wp--custom--typography--font-size--normal);
}
#slideMenu.open {
	transform: translateY(0);
}
.search-icon {
	padding-right: 20px;
}
/* style elements - missing in theme.json - in paragraph block text */
p > strong {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: var(--wp--preset--typography--font-size--normal);
}
p > em {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-size: var(--wp--preset--typography--font-size--normal);
}
p > a:link {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-size: var(--wp--preset--typography--font-size--normal);
	font-weight: 700;
}
p > em > strong > a:link {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-weight: 700 !important;
	font-style: italic !important;
}
p > em > a:link {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-weight: 700 !important;
	font-style: italic !important;
}
.wp-block-file > a:link ,
.wp-block-file > a:visited,
.wp-block-file > a:active {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-weight: 700 !important;
}
.wp-block-file > a:hover {
	color: var(--wp--preset--color--schwarz);
}
/* style links in footnotesBlock */
ol.wp-block-footnotes > li > a {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: var(--wp--preset--typography--font-size--normal);
	color: var(--wp--preset--color--rot);
	text-decoration: underline;
	font-weight: 700;
}
ol.wp-block-footnotes > li > a:visited,
ol.wp-block-footnotes > li > a:active,
ol.wp-block-footnotes > li > a:hover {
	color: var(--wp--preset--color--schwarz);
}
/* style link to footnotes */
p > sup.fn > a {
	font-family: var(--wp--preset--font-family--headline);
	font-size: 17px;
}
/* hr top/bottom class used on blockquote */
.wp-block-separator.is-style-default {
    max-width: 150px !important;
    height: 1px !important;
}
/* hr top/bottom class used on veranstalungsort */
.wp-block-separator.vao-style-left {
    max-width: 250px !important;
    height: 2px !important;
	margin-left: 0px !important;
}
/* blockquote p and cite style */
blockquote.wp-block-quote > p > em {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: calc(18px + (21 - 18) * ((100vw - 320px) / (1200 - 320))) !important;
	color: var(--wp--preset--color--schwarz);
	font-weight: 400;
	font-style: italic;
}
blockquote cite {
	font-family: var(--wp--preset--font-family--headline) !important;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320))) !important;
	text-transform: uppercase;
	font-weight: 400;
}
/* link font in block-column within block-columns within a block-group */
#veranstaltungsdetails a:link {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: var(--wp--custom--typography--font-size--normal);
}
li.type-veranstaltungen > a.wp-block-read-more {
	border: 2px solid #000000 !important;
}
/* same height for cpt events with two columns on archiv-page
 * push read more button to bottom
 * ul autogenerated by wp
 * add class event-item to group-block witch hold the content in template
*/
ul.columns-2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
li.type-veranstaltungen {
    display: flex;
    flex-direction: column;
	flex: 0 0 49%;
}
/* add class event-item to group-block */
.wp-block-group.event-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* push last event-item to bottom - right align */
.wp-block-group.event-item>*:last-child {
	margin-top: auto !important;
	margin-right: auto !important;
	width:100% !important;
}
@media screen and (max-width: 1015px) {
li.type-veranstaltungen {
		flex: 0 0 100%;
	}
}
/* word break for paragraph text
 * also for figcaption
 */
p,
figcaption.wp-element-caption {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	hyphens: auto;
	hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 4;
}
/* center images used in paragraph
 * and add background-color on mobile
 */
@media only screen and (max-width: 768px) {
	figure.alignleft, img.alignleft, figure.alignright, img.alignright {
		background-color: var(--wp--preset--color--grau);
		display: block;
		padding-top: 20px;
		margin: 1.32em;
		text-align: center;
		font-size: 16px !important;
		width: 100%;
	}
}
/* center figcaption text */
figcaption,
figcaption.wp-element-caption > em {
	font-family: var(--wp--preset--font-family--paragraph);
	color: var(--wp--preset--color--schwarz);
	font-size: 16px !important;
	font-style: normal !important;
	text-align: center !important;
}
/* style links in figcaption text  */
figcaption.wp-element-caption > a:link,
figcaption.wp-element-caption > a:visited,
figcaption.wp-element-caption > a:active {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 700;
	color: var(--wp--preset--color--rot);
	text-decoration: none;
	font-size: 20px;
}
figcaption.wp-element-caption > a:hover {
	color: var(--wp--preset--color--schwarz);
}
/* missing background-color on figcaption bug in GB 6.2 */
figcaption.wp-element-caption {
	background-color: var(--wp--preset--color--grau);
	margin-top: 0px;
	padding: 10px;
}
/* accordion block plugIn title */
summary.lightweight-accordion-title span {
	font-family: var(--wp--preset--font-family--headline) !important;
	font-size: var(--wp--preset--font-size--small) !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 12px 10px 18px;
	margin-bottom: 0;
	cursor: pointer;
}
/* search form */
.wp-block-search__button,
.wp-block-search__input {
	border: 2px solid;
	border-color: var(--wp--preset--color--schwarz);
	color: var(--wp--preset--color--schwarz);
	background-color: var(--wp--preset--color--weiss);
	outline: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.wp-block-search__button {
	font-family: var(--wp--preset--font-family--headline) !important;
	font-size: var(--wp--custom--typography--font-size--small) !important;
	text-transform: uppercase;
}
.wp-block-search__input svg {
	display:none !important;
}
input::placeholder {
	color: var(--wp--preset--color--schwarz);
}
.wp-block-search__input::placeholder {
	opacity: 1;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--wp--preset--color--schwarz);
	opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
	color: var(--wp--preset--color--schwarz);
	opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
	color: var(--wp--preset--color--schwarz);
	opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
	color: var(--wp--preset--color--schwarz);
	opacity: 1;
}
/* commentform styles */
[type="checkbox"] {
	position: relative;
	left: 15px;
 	top: -4px;
	z-index: 0;
	-webkit-appearance: none;
}
[type="checkbox"] + label {
	position: absolute;
}
[type="checkbox"] + label::before {
	width: 20px;
	height: 20px;
	outline: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border: 2px solid #000000;
	background-color: var(--wp--preset--color--weiss);
	display: block;
	content: "";
	float: left;
	margin-right: 5px;
	z-index: 5;
	position: relative;
	cursor: pointer;
}
[type="checkbox"]:checked+label::before {
	box-shadow: inset 0px 0px 0px 3px #fff;
	background-color: var(--wp--preset--color--rot);
}
#respond textarea {
	border: 2px solid;
	outline: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin-bottom: 20px !important;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond input[type=submit] {
	border: 2px solid;
	outline: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin-bottom: 20px !important;
	-webkit-appearance: none;
}
.comment-form-cookies-consent label {
	font-size: 16px;
	line-height: 1.5em;
	display: block;
	background-color: var(--wp--preset--color--weiss);
	cursor: pointer;
	position: relative;
	left: -15px;
}
.comment-notes {
	margin-bottom:20px;
}
#submit {
	font-family: var(--wp--preset--font-family--headline);
	font-size: var(--wp--custom--typography--font-size--small);
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 10px 20px 10px 20px;
	margin-top: 20px !important;
	border: 2px solid;
	border-color: var(--wp--preset--color--schwarz);
	outline: none;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0 !important;
	background-color: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--schwarz);
	position: relative;
	-webkit-appearance: none;
}
/* style comments bg-color */
li.even {
	background-color: var(--wp--preset--color--grau);
	padding: 10px 10px 0px 10px;
}
li.odd {
	background-color: var(--wp--preset--color--grau);
	padding: 10px 10px 0px 10px;
}
div.wp-block-comment-content > p:nth-of-type(n) {
	margin-bottom: 20px !important;
}
div.wp-block-comment-content > p:last-of-type {
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
}
.wp-block-comment-author-name,
.wp-block-comment-date {
	font-family: var(--wp--preset--font-family--headline);
	font-size: var(--wp--preset--typography--font-size--medium);
	line-height: 1.5em;
}
.wp-block-comment-author-name a:link,
.wp-block-comment-author-name a:visited,
.wp-block-comment-author-name a:hover,
.wp-block-comment-author-name a:active {
	color: var(--wp--preset--color--schwarz);
	text-decoration: none;
	font-size: 20px;
}
.wp-block-comment-date a:link,
.wp-block-comment-date a:visited,
.wp-block-comment-date a:hover,
.wp-block-comment-date a:active {
	color: var(--wp--preset--color--schwarz);
	text-decoration: none;
}
em.comment-awaiting-moderation,
p.comment-awaiting-moderation {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: var(--wp--custom--typography--font-size--normal);
}
/* style footer page links */
p.footer-links > a:link,
p.footer-links > a:visited,
p.footer-links > a:active {
	font-family: var(--wp--preset--font-family--headline) !important;
	font-size: var(--wp--custom--typography--font-size--normal) !important;
	color: var(--wp--preset--color--rot) !important;
	text-decoration: underline;
}
p.footer-links > a:hover {
	color: var(--wp--preset--color--schwarz) !important;	
}
/* ad padding for paragraph and wp-block-group with background-color */
p.has-background {
	padding: 10px !important;
}
.wp-block-group > .has-background {
	padding: 10px !important;
}
/* lightbox gallery font and background-color caption overlay */
.wp-element-caption,
.wp-element-caption em {
	font-family: var(--wp--preset--font-family--paragraph);
	font-style: normal !important;
	font-size: 16px !important;
}
#baguetteBox-overlay .full-image figcaption {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-style: normal !important;
	font-size: 16px !important;
	line-height: 1.4em !important;
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 0px !important;
	color: var(--wp--preset--color--schwarz);
	background-color: var(--wp--preset--color--weiss);
}
#baguetteBox-overlay .full-image figcaption em {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-style: normal !important;
	font-size: 16px !important;
}
/* hide the overlytext on gallery preview images
 * if we change/add img sizes
 * add here the corresponding
 * figure.size-preview-gallery-class
*/
#galerie figure.size-preview-gallery figcaption,
#galerie figure.size-preview-gallery-tiny figcaption,
#galerie figure.size-full figcaption {
	display: none !important;
}
/* gallery block 4th row image size issue */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0; /* width fix */
}
/* ad styles in postcontent */
.werbung {
	margin-top:60px !important;
	margin-bottom:50px !important;
	border-top: 2px solid var(--wp--preset--color--grau) !important;
	border-bottom: 2px solid var(--wp--preset--color--grau) !important;
}
.werbung img {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	max-width: 100%;
	height: auto;
}
/* adjust the ad wrapper */
.seemoz-top { 
	position: relative; 
}
/* ad label element on top */
.seemoz-adlabel {
	position: absolute;
	margin-top:-30px;
	font-family: var(--wp--preset--font-family--headline);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing:2px;
	color: var(--wp--preset--color--anzeigen) !important;
}
/* style auto ad placements on homepage and categories */
#seemoz-grid-17,
#seemoz-grid-18,
#seemoz-grid-19,
#seemoz-grid-20,
#seemoz-grid-21,
#seemoz-grid-43 {
	width: 100%;
	height: auto;
	padding-top: 20px !important;
	margin-top: 20px !important;
	border-top: 2px solid var(--wp--preset--color--grau) !important;
	border-bottom: 2px solid var(--wp--preset--color--grau) !important;
}
/* ad sizes on advertisement infopage
 * cover-block width and font
 */
.wp-block-cover.banner-185 {
	width: 185px;
}
.wp-block-cover.banner-185 p {
	font-family: var(--wp--preset--font-family--headline) !important;
}
/* latest comments style */
a.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-author {
	font-family: var(--wp--preset--font-family--headline);
	font-size: var(--wp--preset--typography--font-size--normal);
	color: var(--wp--preset--color--schwarz);
	text-transform: uppercase;
	letter-spacing: 1px;
}
time.wp-block-latest-comments__comment-date,
.wp-block-latest-comments__comment-meta {
	font-family: var(--wp--preset--font-family--headline);
	font-size: var(--wp--preset--typography--font-size--normal);
	color: var(--wp--preset--color--schwarz);
	text-transform: uppercase;
}
time.wp-block-latest-comments__comment-date {
	color: var(--wp--preset--color--dunkelgrau);
	text-transform: uppercase;
	letter-spacing: 1px;
}
a:link.wp-block-latest-comments__comment-link,
a:visited.wp-block-latest-comments__comment-link,
a:focus.wp-block-latest-comments__comment-link,
a:active .wp-block-latest-comments__comment-link {
	display: block;
	font-family: var(--wp--preset--font-family--headline);
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1200 - 320)));
	color: var(--wp--preset--color--rot);
	text-decoration: none;
	text-transform: none;
}
a:hover.wp-block-latest-comments__comment-link {
	text-decoration: underline;
	color: var(--wp--preset--color--schwarz);
}
/* we strip the a href link to author via function
 * and disable the pointer event via this css */
.wp-block-latest-comments__comment-author {
	pointer-events: none;
}
/* because of fixed header
 * we need space above the comment
 * when scroll to comment id */
li[id^="com"] {
	scroll-margin-top: 120px !important;
}
/* scroll to top only on this hash tag */
a[href="#top"] {
	position: fixed;
	z-index: 10;
	right: 20px;
	bottom: 20px;
	text-decoration: none;
	background-color: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--schwarz);
	padding: 10px;
	border: 2px solid;
	border-color: var(--wp--preset--color--schwarz);
}
/* we use wp dashicon on scroll to top link */
span.dashicons-arrow-up-alt2 {
	font-size: 24px;
	width: 24px;
	height: 24px;
}
@media screen and (max-width: 735px) {
	a[href="#top"] {
		bottom: 90px;
	}
}
@media screen and (max-width: 577px) {
	a[href="#top"] {
		bottom: 20px;
	}
}
a[href="#top"]:hover {
	color: var(--wp--preset--color--rot);
	border: 2px solid;
	border-color: var(--wp--preset--color--rot);
}
/* catlink */
.pt-cat-link > a:link,
.pt-cat-link > a:visited,
.pt-cat-link > a:focus,
.pt-cat-link > a:active {
	text-decoration: none;
	color: var(--wp--preset--color--rot);
}
.pt-cat-link > a:hover {
	text-decoration: none;
	color: var(--wp--preset--color--schwarz);
}
/* compliance cookie modal */
.cmplz-message > p,
.cmplz-description-functional,
.cmplz-description-statistics {
	font-family: var(--wp--preset--font-family--paragraph);
	font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1200 - 320)));
	color: var(--wp--preset--color--schwarz);
	line-height: 1.35em;
}
.cmplz-category-title,
.cmplz-title,
.cmplz-category-header,
.cmplz-label {
	font-family: var(--wp--preset--font-family--headline);
	font-size: calc(16px + (17 - 16) * ((100vw - 320px) / (1200 - 320)));
	color: var(--wp--preset--color--schwarz);
	text-transform: uppercase !important;
}
.cmplz-btn {
	font-family: var(--wp--preset--font-family--headline);
	font-size: calc(16px + (16 - 16) * ((100vw - 320px) / (1200 - 320)));
	color: var(--wp--preset--color--schwarz);
	text-transform: uppercase !important;
}
@media screen and (max-width: 1066px) {
	.cookie-spacer {
		padding-bottom: 60px !important;
	}
}
/* link style wp-block-post-terms category link */
div.wp-block-post-terms > a:link,
div.wp-block-post-terms > a:visited,
div.wp-block-post-terms> a:focus,
div.wp-block-post-terms > a:active {
	text-decoration: underline !important;
}
div.wp-block-post-terms > a:hover {
	text-decoration: underline !important;
}
/* link style in list block */
ul > li.has-paragraph-font-family > a:link,
ul > li.has-paragraph-font-family > a:visited,
ul > li.has-paragraph-font-family > a:focus,
ul > li.has-paragraph-font-family > a:active {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}
ul > li.has-paragraph-font-family > a:hover {
	color: var(--wp--preset--color--schwarz);
	text-decoration: underline !important;
}
/* linkstyle add class linkliste to listblock*/
ul.linkliste > li > a:link, 
ul.linkliste > li > a:visited, 
ul.linkliste > li > a:focus, 
ul.linkliste > li > a:active {
	font-family: var(--wp--preset--font-family--paragraph) !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}
ul.linkliste > li > a:hover {
	color: var(--wp--preset--color--schwarz);
	text-decoration: underline !important;
}