/*
Theme Name: kids4sport
Theme URI: https://acticon.at
Author: Juergen Haberfellner
Author URI: https://acticon.at
Description: kids4sport theme
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
Text Domain: kids4sport
*/


a,
input[type="submit"] {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

html body .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-2);
}


html body .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-2);
	text-decoration: none;
}


main {
	min-height: calc(100vh - 28rem);
}


.wpcf7-form label {
	font-size: 14px;
	display: block;
	margin-bottom: 1rem;
}

.wpcf7-form input,
.wpcf7-form textarea {
	font-family: var(--wp--preset--font-family--lato);
	color: #404040;
	line-height: 130%;
	background: #fff;
	box-sizing: border-box;
	font-size: 1rem;
	outline: none;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=date], 
.wpcf7-form textarea {
	padding: .8rem 1rem;
	border: .063rem solid #b3b2b2;
	width: 100%;
	margin: .1rem 0 .2rem;
	
	-webkit-border-radius: .15rem;
	-moz-border-radius: .15rem;
	border-radius: .15rem;
}

.wpcf7-form input[type=submit] {
	position: relative;
	border: none;
	top: 0;
	cursor: pointer;
	background: rgb(148,193,31);
	color: #fff;
	font-family: var(--wp--preset--font-family--bubblegum);
	text-decoration: none;
	letter-spacing: .01rem;
	padding: .9rem 1rem .695rem;
	font-size: 1.2rem;
	display: block;
	width: 100%;
	
	-webkit-border-radius: .15rem;
	-moz-border-radius: .15rem;
	border-radius: .15rem;
}
.wpcf7-form input[type=submit]:hover,
.wpcf7-form input[type=submit]:focus {
	background: rgb(0,158,60);
	
	-webkit-box-shadow: 0 .05rem .4rem rgba(0,0,0,.2);
	-moz-box-shadow: 0 .05rem .4rem rgba(0,0,0,.2);
	box-shadow: 0 .05rem .4rem rgba(0,0,0,.2);
}

.wpcf7-form textarea {
	resize: none;
	height: 5.9rem;
}

.wpcf7 form .wpcf7-response-output {
	font-size:16px;
	margin: 0;
}


@media (min-width: 68.75em) {
	.wpcf7-form .row {
		display: flex;
		gap: 2rem;
	}
	
	.wpcf7-form .row > * {
		flex: 1 1 50%;
	}
}