/*
Theme Name: suak
Author: Jana Range
Author URI: https://janarange.de
Description: Individuelles Wordpress-Theme
Requires at least: 6.7
Version: 1.0
Text Domain: jrtheme
*/

/* =============================
   MAIN
   =============================*/

.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}


:where(.wp-site-blocks) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

:where(.wp-block-group.has-background) {
  padding: var(--wp--preset--spacing--40);
}

::selection {
  background: var(--wp--preset--color--body);
  text-shadow: none;
  color: var(--wp--preset--color--bg);
}

:focus-visible {
  outline: 1px solid var(--wp--preset--color--accent);
  border-radius: 0px;
  outline-offset: 3px;
}

.yoast-breadcrumbs {
  text-align: center;
}

ul.wp-block-list {
  list-style-type: "✓ ";
  padding: 0 0 0 20px;
}

ul.wp-block-list li::marker {
  color: var(--wp--preset--color--contrast) !important;
}

.wp-block-navigation-item a {
  border-bottom: 2px solid transparent;
}

.wp-block-navigation-item a:hover, .wp-block-navigation-item [aria-current]:not([aria-current="false"]) {
  text-decoration: underline;
}

li.wp-block-post .wp-block-group.has-bg-background-color {
	height: 100%;
}

.small-feature-image {
	aspect-ratio: 6 / 2 !important;
}

header a.wp-block-tiptip-hyperlink-group-block {
	text-decoration: none;
}

header a.wp-block-tiptip-hyperlink-group-block:hover {
	text-decoration: underline;
}

header a.wp-block-tiptip-hyperlink-group-block:hover img.custom-logo {
	filter: none !important;
}


/* ======================================================================
   Events
   ======================================================================*/


body .em.pixelbones{ 
  --font-family: var(--wp--preset--font-family--poppins);
  --font-size:inherit !important; 
  --font-weight: normal; 
  --line-height: 1.6; 
  --default-color: var(--wp--preset--color--body) !important;
}


.em.pixelbones h3, .em-item-meta h3, .em.em-list.em-grid > div.em-item .em-item-info .em-item-title {
  font-size: var(--wp--preset--font-size--large) !important;
  font-weight: 700 !important;
  color: var(--wp--preset--color--body) !important;
  text-transform: none !important;
	letter-spacing: normal !important;
}

.em.pixelbones h2, .em-item-meta h2 {
	font-size: var(--wp--preset--font-size--x-large) !important;
	font-weight: 700 !important;
	letter-spacing: normal !important;
	line-height: 1.6 !important
}

.em.pixelbones a {
  color: var(--wp--preset--color--accent) !important;
}

.em.em-list.em-grid > div.em-item {
  box-shadow: none;
  background-color: var(--wp--preset--color--bg);
}


.em.em-list.em-grid > div.em-item .em-item-image {
  aspect-ratio: 3/1;
}

.em.em-list.em-grid > div.em-item .em-item-info {
	border-top: 0 !important;
}

.em.em-item.em-item-single .em-item-image img {
	border-left: 0 !important;
}


/* =============================
   FORM
   =============================*/

input[type=text], input[type=email], input[type=number], input[type=url], textarea, select {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--body);
  border: 0;
  font-size: var(--wp--preset--font-size--normal);
  width: 100%;
  padding: var(--wp--preset--spacing--10);
  margin: var(--wp--preset--spacing--10) 0;
  display: inline-block;
  box-sizing: border-box;
}


input[type=submit] {
  background-color: var(--wp--preset--color--accent);
  margin: var(--wp--preset--spacing--30) 0 0 0;
  border-radius: 50px;
  border: 0;
  display: block;
}

input[type=submit]:hover {
  background-color: var(--wp--preset--color--accent);
  color: #ffffff;
}

.wp-block-query-filter__select {
	color: #ffffff;
}


/* ======================================================================
   TABLET VIEW - COLUMNS
   ======================================================================*/


@media screen and (max-width:424px) {
	
	header .wp-block-group {
		justify-content: center;
	}

}


@media (max-width:1024px) {
  .wp-block-navigation__responsive-container-open{
      display:block !important;
   }
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display:none !important;
   }
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display:block !important!
   }
}

@media (max-width:1024px) {

  .reverse-mobile {
    flex-direction: column-reverse;
  }

  .box .wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap !important;
  }
  
  .box .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis:100%!important
  }

}

}