/* ==========================================================================
   Config settings
   ========================================================================== */

// Breakpoints that are used in multiple components
$constrainable-bp: 		1320;	// When there's enough space to contain elements/components further
//$header-large-bp: 		940; 	// At this width the mobile menu ends and we can fit in a horizontal menu
$header-large-bp: 		1150; 	// At this width the mobile menu ends and we can fit in a horizontal menu
$options-menu-bp: 		840; 	// When options menu should change layout for small or large viewport


// Header values that are used in multiple components
$header-vertical-padding:			30px;
$header-main-height: 				80px;
$header-height: 					(2 * $header-vertical-padding) + $header-main-height;

// Overflow menu height
$overflow-menu-header-height:		60px;

// Block spacing
$block-spacing: 					clamp(48px, 8vw, 100px);

// Default border radius values
$border-radius-small: 				4px;
$border-radius-medium: 				8px;
$border-radius-large: 				16px;
$border-radius-xlarge: 				25px;


$mobile-styling-overrule: 940;
$small-mobile-styling-overrule: 450;