/*
Theme Name: Osthafen Rostock
Theme URI: 
Author: IT-Tecture
Author URI: 
Description: Auftritt der Interessengemeinschaft Osthafen Rostock
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osthafen-rostock
Tags: 
*/

html {
    scroll-behavior: smooth;
}


/*Styles for Shortcode Query*/
.osthafen-members-query {
    box-sizing: border-box;


    summary {
        position: relative;
        padding-right: 3rem;

    }

    summary::marker {
        content:""
    }

    summary::after {
        content:url("./assets/images/plus_icon.svg");
        font-size: 3rem;
        font-weight: bold;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    h3 {
        color: black;
        font-size: 1.5rem;
        line-height: 2.2;
        word-wrap: break-word; /* Erlaubt Umbrüche bei langen Wörtern */
        hyphens: auto;
        span {
            border-radius: 2121998px;
            box-shadow: var(--wp--preset--color--custom-primary)  inset 0 0 0 3px;
            display: inline-block;
            margin-right: 0.8rem;
            text-align: center;
            height: 3.6rem;
            width: 3.6rem;
        }
    }

}


details[open].osthafen-members-query  {
    summary::after {
        right: 0;
        top: 30%;
        transform: translateY(-50%);
        content:url("./assets/images/minimize_icon.svg");
    }
}

/*Styles for Contact Form 7*/

div.wpcf7 {
    max-width: 890px;
    font-family: var(--wp--preset--font-family--system-font), serif;

    p {
        width: 100%;
        color:black;
    }

    .wpcf7-form-control-wrap {
        box-sizing: border-box;
        display: block;
        height: 100%;
        width: 100%;
        .wpcf7-form-control {
            box-sizing: border-box;
            font-size: 1.2rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            padding-left: 1.5rem;
            padding-right: 1rem;
            width: 100%;
			border-radius:12px;
			border:1px solid;
        }
		.wpcf7-form-control.wpcf7-radio {
            box-sizing: border-box;
			border:none;
			display:flex;
			justify-content:start;
            font-size: 1.2rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
   			padding-left:0;
            padding-right: 1rem;
            width: 100%;
			
			.wpcf7-list-item.first {
				margin-left:0;
			}
			
        }

    }
    .wpcf7-submit {
        background-color: var(--wp--preset--color--custom-primary);
        border: none;
		border-radius:12px;
        color: white;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
	
    }

    .wpcf7-textarea {
        font-family: var(--wp--preset--font-family--system-font);
    }

}