/*
Theme Name: Boeren & Kloek
Theme URI: https://www.boerenenkloek.nl/
Description: Child theme voor Boeren & Kloek, gebaseerd op Hello Elementor.
Author: BOMS
Author URI: https://boms.nl/
Template: hello-elementor
Version: 1.0.0
Text Domain: boerenenkloek
*/

/*
 * Eigen CSS hieronder toevoegen.
 */

.accent {
	background: linear-gradient(
		135deg,
		var(--e-global-color-text) 40%,
		#0045A3 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
#storingbt, #storingbt_menu {
	background: #0D5BD7;
	border: 2px solid #0D5BD7;
	border-radius: 60px;
	transition: background .25s ease, border-color .25s ease;
}

#storingbt, #storingbt_menu .e-n-menu-title-container {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 5px;
	color: #fff;
}

#storingbt, #storingbt_menu .e-n-menu-title-text {
	color: currentColor !important;
}

#storingbt, #storingbt_menu .e-n-menu-title-container::before {
	content: "";
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	background-color: currentColor;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2zm0 6c.55 0 1 .45 1 1v5a1 1 0 1 1-2 0V9c0-.55.45-1 1-1zm0 9a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 12 17z'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2zm0 6c.55 0 1 .45 1 1v5a1 1 0 1 1-2 0V9c0-.55.45-1 1-1zm0 9a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 12 17z'/%3E%3C/svg%3E")
		center / contain no-repeat;
}

#storingbt, #storingbt_menu:hover {
	background: #fff;
	border-color: #ff1616;
}

#storingbt, #storingbt_menu:hover .e-n-menu-title-container {
	color: #ff1616;
}


@media (max-width: 1024px) {
  #storingbt_menu {
    border-radius: 0 !important;
  }
}