/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/* Specifieke stijl voor een a-element met een specifieke id */
a#black_link {
	color: #000;
}

a#black_link:hover, a#black_link:active {
  color: #AAA; /* Kies hier de gewenste kleur */
}

/* profiel afbeelding */
img#profile_image {
	width:220px;
/*	background-color: #FEFFCC;  /* lichtgeel */
/*	background-color: #c7eec5;  /* lichtgroen */
	background-color: #d3d3d3;  /* lichtgrijs */
}


@media (max-width: 768px) {

	/* shrink profile image a bit */
  img#profile_image {
    width: 175px; 
  }

	/* wrap and center portfolio menu */
 .portfolio-menu {
 	flex-wrap: wrap !important;
 }
	
  .justify-content-start {
    justify-content: center !important;
	}

}

.portfolio .portfolio-box {
/*    border-width: 1px;
    border-color: #AAA;
    border-style: solid;*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Voeg schaduw toe */
}


/* language selection image */
#language_img {
	height: 20px;
	width: 33px;
	margin-right: 5px;
	margin-bottom:-3px;

}

/* language selection div */
#language_div {
    display: flex;
    align-items: center; /* Centreert verticaal */
    padding: 20px 8px 5px 8px;
    border-radius: 5px;
    background-color: #FFF;
    transition: right 1s ease-in-out;
}