/*
Theme Name:     AP2026
Theme URI:      
Description:    
Author:         JV
Textdomain:    	
Author URI:     https://alignmentprotractor.com
Template:       generatepress

Version:        1.0
*/



/* SPARTAN */

@font-face {
	font-display: swap;
	font-family: 'Spartan';
	font-style: normal;
	src: url('/wp-content/fonts/spartan/l7gfbjR61M69yt8Z2QKtlA.woff2');
}


/* Überschrift Custom-Seiten */

.customheading {margin-bottom:1em;}


/* Buttons */

a.button {
	display:block
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
border-radius: 50px;
padding:14px 18px 11px 18px;
border:4px solid  var(--accent);
}

.vertically-centered {
	align-content:center;
}


/* HR */

hr.custom {
	height: 1px;
  background-color: #ebebeb;
  border: none;
	margin-top:10px;
}


/* Sidebar */

.widget-area .widget {
	padding-top:5px;
	padding-bottom:5px;
}
.wp-block-latest-posts__list.wp-block-latest-posts{
	margin-top:14px;
}


/* Formularfelder */

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	border-radius: 0px;
	padding:17px 15px 14px 15px;
}

@media (max-width:950px){
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	max-width:70%;
}
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
	border:2.5px solid  var(--accent);
}

input {
	margin-top:0.5em;
}


/* Hauptcontainer in mobiler Ansicht */

@media (max-width:768px){
	.one-container.both-right .site-main, .one-container.right-sidebar .site-main {
	margin-right: 0px;
}
}

/* Burger-Menü-Button */
.menu-toggle {
	border-radius: 10px;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
	background-color: var(--base-2);
}