/**
 * Theme Name:     Spectra One Child
 * Author:         Wizarts
 * Template:       spectra-one
 * Text Domain:	   spectra-one-child
 * Description:    Custom Child Theme - By Wizarts
 */
form textarea,
form input{
	border: unset !important;
}
form input[type='submit']{
	background-color: var(--wp--preset--color--secondary);
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    margin: 1rem 1rem 0rem 0rem;
	color: var(--wp--preset--color--background);
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--small);
    font-weight: var(--wp--custom--font-weight--medium);
    line-height: var(--wp--custom--line-height--initial);
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
	cursor: pointer;
}
form input[type='submit']:hover{
	background-color: var(--wp--preset--color--primary);
}
.diensten-banner .wp-block-uagb-info-box{
	height: 100%;
    display: flex;
    align-items: center;
}
.diensten-banner .wp-block-uagb-info-box:hover{
	background-color: white !important;
}

.gform_required_legend{
	display: none;
}

.yoast-breadcrumbs *{
	font-size: 14px !important;
}

/* BUTTONS */
.wp-block-button__link{
	background-color: var(--wp--preset--color--secondary);
    border-radius: 0 !important;
	border: 1px solid transparent !important;
	margin: 1rem 1rem 0rem 0rem;
}
.wp-block-button__link > div{
	color: white !important;
}
/* BUTTONS HOVER */
.wp-block-button__link:hover{
	background-color: var(--wp--preset--color--primary);
}

footer .wp-block-site-logo.is-default-size img{
	width: 225px;
}

/* TYPOGRAPHY */
p:first-child{
	margin-top: 0 !important;
}

.equal-height-info-box .wp-block-uagb-info-box{
	height: 200px !important;
	display: flex;
    align-items: center;
    justify-content: center;
}


/* HEADER */
header  .is-menu-open .wp-block-navigation__container::before{
    content: '';
    position: relative;
    width: 114px;
    height: 74px;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2024/10/tomesco-logo_blue.svg);
    background-size: auto;
}
header .is-menu-open .wp-block-navigation__responsive-container-content{
	display: flex;
	justify-content: center;
	align-items: center;
}
header .is-menu-open .wp-block-navigation__responsive-container-content li,
header .is-menu-open .wp-block-navigation__responsive-container-content ul{
	align-items: flex-start !important;
}

header .is-menu-open .wp-block-navigation__submenu-container a{
	color: gray !important;
	border-bottom: unset !important;
	margin-top: 6px !important;
	text-align: left;
}

.current-menu-item a{
	border-bottom: 2px solid;
}


@media screen and (max-width: 1350px){
	/* TYPOGRAPHY */
	h1{
		font-size: 65px
	}
	h2{
		font-size: 55px
	}
	.entry-content p, .entry-content a, .entry-content li{
		font-size: 16px;
	}
}

@media screen and (max-width: 976px){ // breakpoint spectra
	/* TYPOGRAPHY */
	h1{
		font-size: 50px
	}
	h2{
		font-size: 40px
	}
	footer ul.wp-block-navigation__container{
		flex-direction: column;
        align-items: flex-start;
        gap: 20px;
	}
}

@media screen and (max-width: 600px){
	/* TYPOGRAPHY */
	h1{
		font-size: 25px
	}
	h2, h3{
		font-size: 22px
	}
}