/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 16 2025 | 11:31:40 */
/*********************************************************************
* codeable.dk custom css 2025-11-10
**********************************************************************/
/* TABLET OR LARGER, BLOCK EDITOR BREAKPOINTS */
@media (min-width: 782px) {
	/* Reverse columns order */
	.wp-block-columns.row-reverse {
		flex-direction: row-reverse;
	}
}
/* PHONE STYLES, BLOCKY MOBILE BREAKPOINT */
@media (max-width: 689.98px) {
	/* Make images shorter on mobile */
	.wp-block-image.mobile-3-2 img {
		aspect-ratio: 3 / 2;
		object-fit: cover;
	}
	/* Reduce grid columns to 2 on mobile */
	.wp-block-group.is-layout-grid.mobile-2-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--60);
	}
}
/**
* Lightbox for Gallery & Image Block (BaguetteBox)
* SHOULD PROBABLY BE MOVED TO BOHO CHILD THEME
**/
/* Avoid dark blue colors on links in lightbox with dark background */
#baguetteBox-overlay figcaption a
{
	color: inherit;
}
/* Avoid dark blue colors on links in lightbox with dark background */
#baguetteBox-overlay figcaption a:hover
{
	color: white;
}
/* Avoid dark outline around buttons */
#baguetteBox-overlay .baguetteBox-button
{
	outline-color: unset;
}
#baguetteBox-overlay .baguetteBox-button:hover svg {
	filter: brightness(250%);
}