/*
Theme Name: sys ch
Template: twentytwentyfour
Version: 1.3
*/
.wp-block-site-title { display: none; }
/* header - banner-img - nav*/
nav { margin-left: auto !important; }
.wp-container-core-group-is-layout-d71757e0 > figure { 
	margin-left: 0.5em; 
	/* margin-right: -3em; */  
}
.sc_header_title {
  line-height: 1em;
  /* text-shadow: 1px 2px yellow; */
  transform: rotate( -3deg);
  max-width: 100px;
}
.bannerimg img {
  transform: rotate( -2deg);
  /* margin: -46px 127px 0px 59px; */
  margin: 0em;  padding: 0em 1em;
}
@media (max-width: 640px) {
.wp-container-core-group-is-layout-e627be86 { 
	gap: 0.2rem; 
	} 
.wp-container-core-group-is-layout-461897f4 { 
	flex-wrap: wrap; 
}
}
.bannerimg img {
/*  margin: -46px 0px 0px 25px; */
}
@media (min-width: 641px) {
.wp-container-core-group-is-layout-461897f4 { 
	max-width: 100%; 
}
}
	
}
.wp-block-button {
  font-weight: bold;
  transform: rotate( -1deg);
}
.wp-block-button__link {
	border-radius: 0.2rem;
}
.wp-block-button a { font-weight: bold; }
..ics-calendar {
  font-weight: bold;
}
.thickunderline-pink {
  text-decoration: underline 0.22em solid #C81D83;
  text-underline-offset: -3px;
  text-decoration-skip-ink: none;
}
/* Links */
a:where(:not(.wp-element-button, p)) {
  text-decoration: underline 2px solid #c81d83;
}
.themen-block p a {
  /* display: inline-block; */
  text-decoration: none !important;
}
/* a em, a span, a article {
  display: inline-block;
  text-decoration: none !important;
} */
/* Menü bleibt sticky am oberen Rand (braucht noch Umstellung auf kompaktere Variante die beim Scrollen aktiviert wird, damits nicht ganz soviel Höhe einnimmt) */
header.wp-block-template-part {
  /* position: fixed; */
  width: 100%;
  z-index:99999;
}
main { margin-top: 2em;}

/* the wp-... element definitions are meant to structure the feutured posts.
   those should be embeded by block and, originally, have a different formatting. */
body.home .card, 
body.home .wp-block-latest-posts li {
	width: 19rem !important;
	height: 17rem !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
body.home .wp-block-latest-posts__featured-image img {
	max-width: 19rem !important;
	max-height: 25rem !important;
}
body.home .frame,
body.home .wp-block-latest-posts li {
	border-width: 20px !important; 
    border-radius: 0px !important;
	background: #e6dec1 !important;
    padding: 10px 30px !important;
	overflow: scroll;
}

body.home .wp-block-latest-posts li p {
	text-decoration: none !important;
	float: left;
}

body.home .wp-block-latest-posts li {
	border-color: #99A5B0 !important; /* orange: f27951 #dca078 */
	border-style: solid !important;
}
.has-custom-primary-border-color {
	border-color: #C81D83 !important;
}
body.home .wp-block-latest-posts li {
	width: 10rem !important;
	padding: 15px 15px !important;
}

/* a.wp-block-latest-posts__post-title {
	visibility: hidden !important;
} */

/* Headings mit Agenda-Font, von: https://use.typekit.net/aqb2okh.css */
@font-face {
font-family:"agenda";
src:url("https://systemchange.at/wp-content/themes/sys-ch/assets/fonts/agenda-400.woff2") format("woff2")
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"agenda";
src:url("https://systemchange.at/wp-content/themes/sys-ch/assets/fonts/agenda-400-italic.woff2") format("woff2")
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"agenda";
src:url("https://systemchange.at/wp-content/themes/sys-ch/assets/fonts/agenda-700.woff2") format("woff2")
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"agenda";
src:url("https://systemchange.at/wp-content/themes/sys-ch/assets/fonts/agenda-700.woff2") format("woff2")
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

:root {
	--wp--preset--font-family--body: agenda-condensed, "Inter", sans-serif;
	--wp--preset--font-family--heading: agenda, Cardo;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
body.wp-singular .wp-block-post-title {
text-decoration: underline 13px solid #C81D83;
  text-underline-offset: -3px;
  text-decoration-skip-ink: none;
}

/* newsletter-form */
div.newsletter-block form p {
  display:none;
}
div.newsletter-block form input {
  font-size: 1.5em;
}

/* Foto-Alben */
.albums-list img {
  height: 64px;
  object-fit: cover;
}
.albums-list p {
  text-overflow: ellipsis;
  font-weight: bold;
  text-decoration: underline 1px solid #C81D83;
  overflow: hidden;
  font-size: 13px !important;
  overflow-wrap: break-word;
}

/* block-abstände startseite */
body.home main > .wp-block-group {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

body.home .wp-block-latest-posts li {
  width: 9.3rem !important;
  padding: 0px !important;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}

body.home .wp-block-latest-posts li {
  padding: 0px !important;
  border: 0px !important;   
}

.wp-block-latest-posts__featured-image img {
  width: 150px;
}
.newsletter-block div {	  
  display: inline;
  margin: 0em 0.2em;
}
.ics-calendar-list-wrapper h3 { display: none !important; }
.ics-calendar-list-wrapper { zoom: 70%;
  text-overflow: ellipsis;
  overflow: hidden;
}	
/* .flickr-group { display: inline-block; } */
.ics-calendar-list-wrapper { zoom: 70%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.width-100pct { width: 100%; }
.newsletter-form button { background-color: rgb(31, 83, 70) !important; };

body.page-id-28 .wp-block-latest-posts__list li {
  padding-bottom: 0.5em;
}

/* Menü schon bei <1072 Fensterbreite zu Hamburger-Menu switchen, sonst Umbruch-Probleme */
@media (max-width: 1072px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
	/* Hamburger Menu Icon nach rechts - TODO: sollte rechts von insta sein */ 
	header nav.is-responsive { margin-left: auto; }
}
@media (min-width: 1072px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
	/* Hamburger Menu Icon nach rechts - TODO: sollte rechts von insta sein */ 
	header nav.is-responsive { margin-left: 0; }
}
/* Suche hat sonst immer 200px width, so sollte es auto-expanden  */
.wp-block-search__inside-wrapper { width: auto !important; }

/* Themenblock-Rahmenfarbe heller */
.has-accent-3-border-color {
  border-color: #99a5b094 !important;
}
body.home .photonic-slideshow-thumbs.js-thumbnails {
  padding: 0 0px !important;
}
body.home .photonic-gallery-4c .photonic-thumb {
  width: 20%;
  margin: 1px 15px;
  padding: 1px;
}
body.home .photonic-more-button {
  margin: 10px 40%;
  background: gray;
}

/* kalender */
@media (min-width: 1072px) {
  .max-w-30percent {
	max-width: 30%;
  }
}
.ics-calendar dl.events dt.time {
  font-weight: normal;
  padding-top: 0 !important;
}
.ics-calendar h4 {
  margin: 0.2em 0;
}

/* menü: suche und insta doch mit grünem hintergrund */ 
button.wp-block-search__button { background-color: rgb(31, 83, 70) !important; }
img.wp-image-473 { background-color: rgb(31, 83, 70) !important; border-radius: 20px; }

/* "loading"-symbol (von photonic galleries) - ohne weißen hintergrund */
div.photonic-loading { background-color: transparent; }