@import url("https://s3.eu-central-1.amazonaws.com/quinton.academy/general/css/bhv_basis_custom_css.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Roboto:wght@300;400&display=swap");

@font-face {
	font-family: EuclidFlex;
	src:url(https://ikwilonlineleren.s3.eu-central-1.amazonaws.com/ah/fonts/EuclidFlex-Medium.ttf) 
	format("truetype");
	font-weight:500;
	font-style:normal;
}

/*--------------------------Variables declaration custom-----------------------------*/

:root {
  --font-family: "Open Sans", sans-serif;
  --primaryAccentColor: #20cc30;
  --primaryAccentColorHover: #189924;
  --secondaryAccentColor: #009a78;
  --secondaryAccentColorHover: #006851;
  --darkAccentColor: rgb(0,85,85);
  --loginBackgroundImage: transparent url(https://ikwilonlineleren.s3.eu-central-1.amazonaws.com/general/iwol_inlog_bg.jpg) center/cover
        no-repeat;
  --clientLogo: transparent url(https://s3.eu-central-1.amazonaws.com/ikwilonlineleren/ah/ahold-delhaize-logo.jpg) no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'EuclidFlex';
}

.btn-primary {}
.btn-default:hover {
	background: white;
	color: var(--primaryAccentColorHover);
}

.login-top {
	padding-top:4.5em;
}

.step-text-content-vak {
    margin-top: 100px;
    background: white;
    padding: 5% 10%;
    border-radius: 2px;
    -webkit-box-shadow: 5px 5px 20px -17px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 20px -17px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 20px -17px rgba(0, 0, 0, 0.5);
}