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



/* DOBBELSTEEN */
.scene {
	width: 300px !important;
	height: 300px;
	position: relative;
}

.cube {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	transform-origin: center;
	transition: transform 0.1s;
}

.face {
	position: absolute;
	width: 300px;
	height: 300px;
	background-size: cover;
}


.front  { transform: rotateY(0deg) translateZ(150px); background-image: url(/wp-content/uploads/2024/11/luxe1.jpg); }
.back   { transform: rotateY(180deg) translateZ(150px); background-image: url(/wp-content/uploads/2024/11/eclectic4.jpg); }
.right  { transform: rotateY(90deg) translateZ(150px); background-image: url(/wp-content/uploads/2024/11/future3-1.jpg); }
.left   { transform: rotateY(-90deg) translateZ(150px); background-image: url(/wp-content/uploads/2024/11/vintage2.jpg); }
.top    { transform: rotateX(90deg) translateZ(150px); background-image: url(/wp-content/uploads/2024/11/vintage3.jpg); }
.bottom { transform: rotateX(-90deg) translateZ(150px); background-image: url(/wp-content/uploads/2024/11/eclectic1-1.jpg); }


/* EINDE DOBBELSTEEN */




html{
	scroll-behavior: smooth;
}


.entry-content a:not(.wp-block-button__link){
	text-decoration: underline;
}

body .entry-content .style-guide a{
	font-size: 12px !important;
	border: 1px solid white;
	background-color: rgb(149 149 149 / 34%);
	padding: 8px;
	border-radius: 20px;
	text-decoration: unset;
}
body .entry-content .style-guide a:hover{
	background-color: rgb(149 149 149 / 94%);
}
body .entry-content .style-guide a > span{
	text-decoration: unset !important;
}
.style-guide > div > div:last-child{
	margin-top: auto !important;
}

/* mag weg als navlist er niet meer is */
#sub-navigation{
	position: fixed;
    display: block;
	transition: 0.3s;
    z-index: 5;
    bottom: 0px;
	right: 0px;
	transform: translatex(100%);
}
#sub-navigation ul{
	list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
	flex-direction: column;
    gap: 0;
}
#sub-navigation a{
    text-decoration: none;
    font-size: 13px;
    line-height: 1.25;
    display: block;
	padding: 4px;
	background: white;
}
#sub-navigation a.active{
	color: green;
}
/* ---- */