/*  
Theme Name:   Averbruchschule
Description:  twentytwentyfive Theme-Anpassung für die Averbruchschule
Author:       Pierre Schaller
Author URI:   https://wordsalike.com/
Template:     twentytwentyfive
Version:      1.0.0
*/

/* ==== Global ==== */

:root {
	--wp--style--global--content-size: 1100px;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0px !important;
    outline-style: inherit;
}
 
/* ==== Header ==== */

header {
	background-image: url('header-banner.png'), url('header-bg.png');
	background-position: center top, left bottom;
	background-repeat: no-repeat, repeat-x;
}
header:first-child {
	padding-top: 15px;
	padding-bottom: 20px;
}
header .wp-block-group:first-child .wp-block-group:first-child  .wp-block-group:nth-child(2) {
	margin-top: -28px;
}

/* ==== Logo + sandwich button ==== */

/* logo */
.wp-block-site-logo {
	width: 279px;
	height: 100px;
	margin-left: 0px !important;
	background-image: url('logo-averbruchschule.png');
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	max-width: 279px;
	min-width: 279px;
	margin-top: 20px;
}
.wp-block-site-logo:hover {
	background-position: left bottom;
}

/* Sandwich */
.wp-block-navigation__responsive-container-open svg {
	display: none;
}
.wp-block-navigation__responsive-container-open {
	margin-top: 55px !important;
	width: 24px;
	height: 24px;
	outline-width: 0px;
	background-image: url('sandwich.png');
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/* Logo + sandwich breakpoints */
@media screen and (max-width: 420px) {
	.wp-block-site-logo {	/* multiplicator: 0.71 */
		width: 198px;
		height: 71px;
		max-width: 198px;
		min-width: 198px;
	}
	.wp-block-navigation__responsive-container-open {
		margin-top: 40px !important;
	}
}


/* ==== Nav ==== */

nav {
	padding-top: 0px;
}

/* Nav breakpoints */
@media screen and (max-width: 1100px) {
  /* Show hamburger button */
  .wp-block-navigation__responsive-container-open {
    display: block !important;
  }
  /* Hide full menu when modal is closed */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}

/* Desktop nav */
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-search__inside-wrapper {
	width: 500px !important;
}
.wp-block-navigation .wp-block-navigation-item__label {
	font-weight: 600;
}
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 0px !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: .25em 1em;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
	font-weight: 300;
	font-size: calc(var(--wp--preset--font-size--medium) * 0.9);
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
	justify-content: flex-end;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	left: auto !important;
	right: 0px;
}

/* Search */
.wp-block-navigation__responsive-container-content .wp-block-search__inside-wrapper {
	padding: 0px;
	background-color: transparent;
	border: 0px;
	line-height: 1;
}
.wp-block-navigation__responsive-container-content .wp-block-search__inside-wrapper input {
	font-size: var(--wp--preset--font-size--normal); 
	padding-left: 1rem;
	padding-right: 1rem;
	border: 1px solid #bbb;
}
.wp-block-navigation__responsive-container-content .wp-block-search__inside-wrapper button {
	margin-left: 0.5rem;
	padding: 0.5rem;
}

/* Mobile nav */
.wp-block-navigation__submenu-container {
	padding-top: 0px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-search__inside-wrapper {
	width: 280px !important;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
	font-size: calc(var(--wp--preset--font-size--medium) * 1);
}


/* ==== Main ==== */

main {
	margin-top: 0px !important;
	padding-bottom: 80px;
	background-image: url('main-banner.png'), url('main-bottom-edge.png'), url('main-bg.png');
	background-position: center top, center bottom, left top;
	background-repeat: no-repeat, repeat-x, repeat;
}

/* Post */
.wp-block-post-title {
	text-align: center;
}
.wp-block-post h2 {
	text-align: center;
	padding-top: 0.5rem;
}
.wp-block-group .wp-block-post-date {
	text-align: center;
}
.wp-block-group h5 {
	font-size: calc(var(--wp--preset--font-size--small) * 1.5);
	font-weight: 600;
}
/* Category page */
h1.wp-block-query-title {
	padding-top: 3rem; 
}

/* Home page */
.wp-block-group .wp-block-post-template {
	padding-bottom: 3rem;
	background-image: url('post-banner.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}
.wp-block-group .wp-block-post-template h2.wp-block-post-title {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}
.wp-block-group .wp-block-post-template.columns-3 h2.wp-block-post-title {
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
}

/* Compact archives */
.archiv-calendar ul {
	padding-left: 0px;
	line-height: 2.5;
}
.archiv-calendar ul span, .archiv-calendar ul a, .archiv-calendar ul strong {
	padding-right: 10px;
}
.archiv-calendar ul strong a {
	padding-right: 0px;
}

/* Search results */
form.wp-block-search + .wp-block-query li.wp-block-post {
	background-image: url('post-banner.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* Intern fuer Lehrer */
.post-password-form input[name=post_password] {
	padding: 18px;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 35px;
	border: 1px solid #aaa;
	font-size: 1rem;
}

/* ==== Footer ==== */

footer {
	margin-top: 0px !important;
	background-color: #f0f0f0;
	background-image: url('footer-bg.png');
	background-position: center top;
	background-repeat: repeat-x;
}

footer .wp-block-site-tagline {
	margin-block-start: 0px;
}