/*
Theme Name: RehaMed e.V.
Theme URI: 
Author: Halbe Treppe GmbH
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: rehamed-e-v
Tags: 
*/

/* Smooth Scrolling */
html { scroll-behavior:smooth; overflow-x:hidden; }
body { overflow-x:hidden; }

/* Leere Absätze verstecken */
p:empty { display:none; }

/* Buttons */
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) { background-color:var(--wp--preset--color--body); }
:root :where(.wp-block-button.is-style-outline--2 .wp-block-button__link:hover) { background-color:transparent; border-color:var(--wp--preset--color--body); color:var(--wp--preset--color--body); }

/* Hauptmenü */
.hauptmenue.wp-block-navigation > ul > li > a { padding:10px 0; }
.hauptmenue.wp-block-navigation a:hover,
.hauptmenue-mobile.wp-block-navigation a:hover { color:var(--wp--preset--color--primary); }

.hauptmenue.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { border-top-width:0px; border-left-width:4px; border-right-width:0; border-bottom-width:4px; border-radius:10px; border-top-right-radius:0; border-color:var(--wp--preset--color--outline); box-shadow: 0px 4px 12px 0px #00000070; font-size:var(--wp--preset--font-size--medium); font-weight:500; padding:20px 0; }

.hauptmenue.wp-block-navigation .wp-block-navigation-item { background-color:transparent; }

/* Mobile */
.wp-block-navigation__responsive-container.is-menu-open { background-image:url(/wp-content/uploads/rehamed-bg-mobile.svg); background-repeat:no-repeat; background-position:100% 25%; }
.hauptmenue-mobile.wp-block-navigation:not(.has-background) .wp-block-navigation__container { font-size:var(--wp--preset--font-size--xx-large); }
.hauptmenue-mobile.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { font-size:var(--wp--preset--font-size--large); font-weight:500; padding:10px 0 20px 0; }
.hauptmenue-mobile.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { padding:10px 0; }

/* Formulare */
input[type=text],
input[type=email],
input[type=tel],
input[type=button],
input[type=submit],
input[type=reset],
textarea { font-family:var(--wp--preset--font-family--inter); font-size:var(--wp--preset--font-size--medium); border:none; margin-bottom:20px;  }

input[type=text],
input[type=email],
input[type=tel],
textarea { width:100%; padding:10px 20px; background-color:var(--wp--preset--color--white); border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-style: solid;
    border-color:var(--wp--preset--color--outline); }

textarea { color:var(--wp--preset--color--body); font-style:normal; font-weight:400; line-height:var(--wp--custom--line-height--large); }
.wpcf7 .checkbox { margin-bottom:10px; }
.wpcf7-list-item { margin:0; }

input[type=button],
input[type=submit],
input[type=reset] { background-color:var(--wp--preset--color--primary); color:var(--wp--preset--color--white); padding:18px var(--wp--preset--spacing--small); font-weight:600; text-decoration:none; cursor:pointer; line-height:1em; border-radius:50px; letter-spacing:1px; }
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus { background-color: var(--wp--preset--color--body); }

.wpcf7-not-valid-tip { color:var(--wp--preset--color--primary); }

/* Google maps */
.rm-maps { width:100%; height:40vh; border:none; }