/*
Theme Name: dotting
Author: Jana Range
Author URI: https://janarange.de
Description: Individuelles Wordpress-Theme für die Waldschule
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);
}

.schema-faq-section {
  background-color: var(--wp--preset--color--hellgruenhell);
  padding: var(--wp--preset--spacing--50);
  margin: var(--wp--preset--spacing--50) 0;
}

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

:focus-visible {
  outline: 1px solid var(--wp--preset--color--weiss);
  border-radius: 0px;
  outline-offset: 5px;
  z-index: 100;
}

.wp-block-group.has-mittelgruen-background-color a.wp-block-button__link {
  background-color: var(--wp--preset--color--dunkelgruen) !important;
  color: var(--wp--preset--color--weiss) !important;
}

.wp-block-group.has-mittelgruen-background-color .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--hellgruen) !important;
  color: var(--wp--preset--color--dunkelgruen) !important;
}

.wp-block-columns.has-hellgruen-background-color a.wp-block-button__link {
  background-color: var(--wp--preset--color--dunkelgruen) !important;
}

.wp-block-columns.has-hellgruen-background-color a.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--mittelgruen) !important;
}

.wp-block-separator {
  border-top: 0.5px solid;
}

.wp-block-post .wp-block-group {
	height: 100%;
}

.isc-source-text {
	background-color: transparent !important;
}

.phone-icon a {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" fill="%23ffffff" viewBox="0 -960 960 960" width="24px"><path d="M162-120q-18 0-30-12t-12-30v-162q0-13 9-23.5t23-14.5l138-28q14-2 28.5 2.5T342-374l94 94q38-22 72-48.5t65-57.5q33-32 60.5-66.5T681-524l-97-98q-8-8-11-19t-1-27l26-140q2-13 13-22.5t25-9.5h162q18 0 30 12t12 30q0 125-54.5 247T631-329Q531-229 409-174.5T162-120Zm556-480q17-39 26-79t14-81h-88l-18 94 66 66ZM360-244l-66-66-94 20v88q41-3 81-14t79-28Zm358-356ZM360-244Z"/></svg>');  
}

.mail-icon a {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" fill="%23ffffff" viewBox="0 -960 960 960" width="24px"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"/></svg>');
}


/* =============================
   NAVIGATION
   =============================*/

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


.wp-block-navigation__container.is-vertical a {
  padding: 0;
}


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



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


@media screen and (max-width:781px) {
	
	header .wp-block-cover {
		min-height: 40vh !important;
		height: 50vh;
	}
	
	header .wp-block-spacer {
		height: 20vh !important;
	}

  footer {
    text-align: center !important;
  }
	
	footer .wp-block-navigation {
		align-items: center;
	}

  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
    width: 100%;
  }
	
	.wp-block-post .wp-block-group.is-nowrap {
		flex-wrap: wrap !important;
	}


}


@media (min-width:782px) and (max-width:1024px) {

  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
    width: calc(50% - var(--wp--style--block-gap, .5em)*.75);
  }

}

@media (min-width:1920px) {
	header .wp-block-spacer {
		height: 45vh !important;
	}

}