/************************************************
 Theme Name:   ROMPC
 Description:  Child Theme spectra-one
 Author:       tatanka design
 Author URI:   httpw://www.tatanka-design.de
 Template:     spectra-one
 Version:      1.0
 Text Domain:  spectra-one-child  
************************************************/

:where(.wp-site-blocks) > *, :root :where(.is-layout-constrained) > *  {
    margin-block-start: 0;
    margin-block-end: 0;
}

/*.site-logo-img{
  width: 280px;
  height: 122px;
	transition: width 1s, height 1s;
}
.site-logo-img.shrink-logo svg{
	width: 206px;
	height: 90px;
}*/


li::marker{color: var(--wp--preset--color--primary);} 
hr.wp-block-separator{ 
	background-image:  linear-gradient(to right, rgba(0,94,145,0) 0%, rgba(0,94,145,1) 25%, rgba(0,94,145,1) 49%, rgba(0,94,145,1) 75%, rgba(0,94,145,0) 100%); !important; 
	border:0 !important;
	height:2px !important;
	width:200px !important;
}
input[type="search"]{background-color:rgba(255,255,255,0.5);}

hr.wp-block-separator {
    background-image: linear-gradient(to right, rgba(128,128,128, 0) 0%, rgba(128,128,128, 1) 25%, rgba(128,128,128, 1) 49%, rgba(128,128,128, 1) 75%, rgba(128,128,128, 0) 100%);
    border: 0 !important;
    height: 2px !important;
    width: 200px !important;
}

h1.td-cover-title{text-shadow:1px 1px #e0e0e0;}
/*********************************************
* tatanka design
*********************************************/
.td-group-link:hover{
	transform: scale(1.025);
	filter: brightness(110%);
	box-shadow: 5px 5px 22px 5px #AAAAAA;
}
/*********************************************
* DETAILS
*********************************************/
details {
	border-radius:5px;
	margin: var(--wp--preset--spacing--xx-small) 0;
	padding: var(--wp--preset--spacing--xx-small);
	background-color: var(--wp--preset--color--surface) !important;
}
summary{ font-weight:600;}
summary:hover {color: var(--wp--preset--color--primary) !important;}
/*********************************************
* FOOTER
*********************************************/
footer .has-heading-color {
    color: var(--wp--preset--color--outline) !important;
}
footer ul li a:hover {color: var(--wp--preset--color--surface); text-decoration:underline;}

#to_top_scrollup:hover {opacity:1 !important;}
footer figcaption{
    color: #eee !important;
    text-align: left !important;
    font-size: 1.1em !important;
}
/*********************************************
* CONTACT FORM 7
*********************************************/
.wpcf7 {margin:0 auto;}
.wpcf7 label{ color:var(--wp--preset--color--neutral); font-size:0.85em;} 
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{height:40px; width:90%; border-radius: 5px; border:1px solid #aaa; outline-color:var(--wp--preset--color--primary);}
.wpcf7 textarea{height:150px;} 
.wpcf7 input[type="submit"]{ color:#eee; background:var(--wp--preset--color--primary); height:42px; min-width:150px;; border-radius: 5px; border:none; outline-color:none; font-size:16px;}
.wpcf7 input[type="submit"]:hover{ color:#fff; background:var(--wp--preset--color--secondary);}

.wpcf7 .muss:before {
    content: url(assets/images/muss.svg);
    position: relative;
		margin-left:-17px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
    border:4px solid var(--wp--preset--color--primary);
		font-size:0.9em;
}


.eventless-today span{
	color:#eee  !important;
	background: rgba(255,255,0, 0.5) !important;
	border: 2px solid var(--wp--preset--color--primary);}
}