/**
 * Theme Name:     Spectra One Child
 * Author:         Wizarts
 * Template:       spectra-one
 * Text Domain:	   spectra-one-child
 * Description:    Custom child theme
 */

.uagb-faq-content a{
	text-decoration: underline;
    color: var(--wp--preset--color--quaternary);
	font-weight: 500;
}
.wp-block-uagb-container:empty {
	display: none !important;
}
.uagb-loop-post-inner > div:hover::before{
	background: rgba(0, 0, 0, 0.05);
}

.project-galerij-wrapper-voor-na {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.img-wrapper:has(img:not([data-caption=""])) > p.caption:has(button){
	padding: 0;
	border-radius: 8px;
}
.project-galerij-wrapper-voor-na .img-wrapper {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.project-galerij-wrapper-voor-na .project-img {
    width: 100%;
    height: 500px;;
    display: block;
	object-fit: cover;
}

.project-galerij-wrapper-voor-na .caption {
    margin-top: 8px;
}

.project-galerij-wrapper-voor-na .toggle-btn {
	cursor: pointer;
    background-color: var(--wp--preset--color--secondary);
    border-radius: 5px;
    border-color: var(--wp--preset--color--primary);
    border-width: 0;
    color: var(--wp--preset--color--surface);
    font-family: var(--wp--preset--font-family--roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: var(--wp--custom--line-height--initial);
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
	transition: 0.2s;
    border-radius: 4px;
}

.project-galerij-wrapper-voor-na .toggle-btn:hover {
    transform: scale(1.1);
}

.project-galerij-wrapper-voor-na ~ p:has(script){
	display: none;
}




.has-global-padding.entry-content >.uagb-is-root-container.alignfull:not(.uagb-position__sticky--stuck){
	margin-left: 0 !important;
	margin-right: 0 !important;
}
p:empty{
	display: none;
}
div.img-wrapper{
	position: relative;
    justify-content: center;
    display: flex;
}
.img-wrapper:has(img:not([data-caption=""])) > p.caption{
	position: absolute;
    bottom: 8px;
    background: #ffffffd4;
    margin: 0;
    padding: 8px 16px;
    border-radius: 5px;
    box-sizing: border-box;
	z-index: 999;
}

html{
	scroll-behavior: smooth;
}

.project-inhoud{
    max-width: var(--wp--style--global--wide-size);
}
.project-inhoud > .blok{
	display: grid;
    width: 100%;
    gap: 100px;
    grid-template-columns: 1fr 1fr;
    padding: 50px 20px 50px 20px;
}
.blok > div{
	align-self: center;
}
.project-inhoud img{
	width: 100%;
	object-fit: cover;
	border-radius: 9px;
	max-height: 600px;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 14px !important;
    padding: 12px !important;
    border: 1px solid var(--wp--preset--color--body);
    border-radius: 4px;
}
form *{
	font-family: Lekton, monospace !important;
}
.uagb-faq-item-active{
	background: var(--wp--preset--color--secondary) !important;
}

/* VARIA */
.gform_required_legend{
	display: none;
}
.entry-content .wp-block-buttons{
	margin-top: 20px;
}
.wp-block-button__link{
	transition: 0.2s;
	border-radius: 4px;
	border-width: 1px;
}
.wp-block-button__link:hover{
	transform: scale(1.1);
}
h1,h2,h3,h4,h5,h6{
	word-spacing: -.2em;
	letter-spacing: -.0225em;
	margin-bottom: 0.2em !important;
}



/* IMG OVERFLOW DESIGN */
.translate-right{
	transform: translatex(150px);
}
.translate-left{
	transform: translatex(-150px);
}
.entry-content > div:has(.translate-left, .translate-right){
	overflow: hidden;
}
.entry-content > div:has(.translate-left, .translate-right) > div{
	column-gap: 0 !important;
}



/* SINGLE */
.project-info > div:has(.uagb-heading-text:empty){
	display: none;
}
.project-galerij-wrapper{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.project-galerij-wrapper img{
	width: 100%;
	border-radius: 5px;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}



/* STRUCTURAL */
body.home:has(.menu-wrapper) .entry-content > *:first-child{
	padding-top: 160px;
}
.home.logged-in .menu-wrapper{
	top: 32px;
}



/* ARCHIVE */
.wp-block-uagb-loop-category .uagb-buttons__wrap{
	gap: 1rem !important;
}
.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline), 
.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.ast-outline-button{
	padding: 10px;
}



/* HEADER */
.home .menu-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}


/* LANG SWITCHER */
.wp-block-polylang-language-switcher{
	padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    gap: 1rem;
}
.lang-item a{
	display: flex;
    line-height: 1;
	font-size: 13px;
	padding: 13px;
    color: white;
	background: var(--wp--preset--color--secondary);
    mask-image: url(/wp-content/uploads/2025/07/mask_hex.png);
    mask-size: contain;
	box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.25) inset, 1px 1px 0px 0px rgba(255, 255, 255, 0.40) inset;
    mask-repeat: no-repeat;
	transition: 0.2s;
}
.lang-item a:hover{
	transform: scale(1.1);
}
form .button{
	cursor: pointer;
	background-color: var(--wp--preset--color--secondary);
    border-radius: 0.375em;
    border-color: var(--wp--preset--color--primary);
    border-width: 0;
    color: var(--wp--preset--color--surface);
    font-family: var(--wp--preset--font-family--roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: var(--wp--custom--line-height--initial);
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
}
textarea,
input{
	outline-color: var(--wp--preset--color--secondary);
}


/* BUTTONS */
.wp-block-button:not(.is-style-outline) a{
	box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.25) inset, 1px 1px 0px 0px rgba(255, 255, 255, 0.40) inset;
}

.entry-content .wp-block-list{
	padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.entry-content li{
	list-style: none;
	position: relative;
}
.entry-content li::before{
	content: "";
	background-size: contain;
    background-image: url(/wp-content/uploads/2025/07/bullet_hexagon.svg);
    width: 0.75em;
    height: 0.75em;
    position: absolute;
    left: -1.5em;
    top: 6px;
    background-repeat: no-repeat;
}

.vacature p{
	max-width: 705px;
}
@media screen and (max-width: 1800px){
	.translate-right img{
		max-height: 500px !important;
		width: auto !important;
	}
}
@media screen and ( max-width: 976px ){
	.project-inhoud > .blok{
		gap: 25px;
		grid-template-columns: 1fr;
	}
	.blok-afbeelding{
		grid-row: 2;
	}
	.translate-right{
		transform: translatex(0px);
	}
	.translate-left{
		transform: translatex(0px);
	}
	.translate-right img,
	.translate-left img{
		width: 300px !important;
		height: 300px;
		object-fit: contain;
	}
}