nav,
.main-navigation,
.site-navigation,
.primary-navigation {
    display: none !important;
}


header,	 
.site-header {	 
margin: 0 !important;	 
padding: 0 !important;	 
}


.page .entry-title,
.page-title,
h1.entry-title {
    display: none !important;
}


a {
    text-decoration: none !important;
}



.hover-shadow {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* HOVER indrukitem met schaduw*/
.hover-shadow {
    transition: 
        transform 0.12s ease,
        box-shadow 0.12s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transform: scale(1);
}

/* Subtiel zweven zonder vergroting */
.hover-shadow:hover {
    transform: translateY(-4px); /* alleen zweef, geen scale */
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* Gecentreerd kleiner worden bij klikken + zelfde tijd terug naar beginpositie */
.hover-shadow:active {
    transform: translateY(1px) scale(0.99);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    transition-duration: 0.04s; /* zelfde tijd omhoog & omlaag */
}


/* onderlijnen van titelmenu-item */
.underline-12px {
    position: relative;
}

.underline-12px::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;     /* 12px onder de tekst */
    width: 0;          /* nog niet zichtbaar */
    height: 1px;       /* dikte van de underline */
    background: currentColor;
}

.underline-12px:hover::after {
    width: 100%;       /* direct tonen — geen transition */
}



/* ronde foto – cirkel (container) */
.foto-cirkel {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

/* Foto zelf wordt cirkel */
.foto-cirkel img {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  transition: transform 0.10s ease, box-shadow 0.25s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Hover-effect alleen op de foto */
.foto-cirkel:hover img,
.foto-cirkel:focus img {
  transform: scale(1.20);
  box-shadow: 0 10px 26px rgba(0,0,0,0.26);
}



/* sticky in group */
.my-specific-group {
    position: relative;
}

.my-specific-group .sticky-number {
    position: sticky;
    top: 50px; /* afstand vanaf bovenkant scherm */
    z-index: 3;
}

/* Basis: vloeiende overgang voor schaduw en schaal */
.hover-no-click-shadow {
    transition: 
        box-shadow 0.1s ease,  /* Zachte schaduw-overgang */
        transform 0.1s ease;   /* Subtiele vergroting */
}

/* Hover-effect */
.hover-no-click-shadow:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Schaduw */
    transform: scale(1.01);                    /* Kleine vergroting */
}