@charset "utf-8";
/* CSS Document */

/*BOOT */

 
/* utility clases   */
.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: .375rem;
  max-width: 100%;
  height: auto
}
/* square*/
img.image-100{ width: 100px; max-width: 100px; height: 100px; }
img.image-150{ width: 150px; max-width: 150px; height: 150px; }
img.image-200{ width: 200px; max-width: 200px; height: 200px; }
img.image-250{ width: 250px; max-width: 250px; height: 250px; }
img.image-400{ width: 400px; max-width: 400px; height: 400px; }
img.image-48{ width: 48px; max-width: 48px; height: 48px; }
img.image-64{ width: 64px; max-width: 64px; height: 64px; }
img.image-32{ width: 32px; max-width: 32px; height: 32px; }
 img.w-150{ width: 150px; max-width: 150px; }
 img.brand{ width: 150px; max-width: 150px; }
img.w-250{ width: 250px; max-width: 250px;  }
img.w-400{ width: 400px; max-width: 400px; }
 img.image-vacature{  max-height: 150px; }
 img.image-vacature-front{ height: 200px;  max-height: 200px; }

/*YOUTUBE*/
 .youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* cards */
div.is-h50{ height: 50px; min-height: 50px; }
div.is-h100{ height: 100px; min-height: 100px; }
div.is-h200{ height: 200px; min-height: 200px; }
div.is-h250{   min-height: 250px; }
div.is-h300{  min-height: 300px; }
div.is-h350{   min-height: 350px; }
div.is-h400{   min-height: 400px; }
 
div.is-min-h50{  min-height: 50px; }
div.is-min-h100{  min-height: 100px; }
div.is-min-h200{  min-height: 200px; }
div.is-min-h250{  min-height: 250px; }
div.is-min-h300{  min-height: 300px; }
div.is-min-h330{  min-height: 330px; }
div.is-min-h350{  min-height: 350px; }
div.is-min-h400{  min-height: 400px; }   

.display-0 {
  font-size: calc(1.625rem + 6.5vw);
  font-weight: 300;
  line-height: 1.2
}
@media (min-width:1200px) {
  .display-0 {
    font-size: 8rem
  }
}


.display-1 {
  font-size: calc(1.625rem + 4.5vw);
/*  font-weight: 300;*/
  line-height: 1.2
}
@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
} 

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
/*  font-weight: 300;*/
  line-height: 1.5
}
@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
/*  font-weight: 300;*/
  line-height: 1.5
}
@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
/*  font-weight: 300;*/
  line-height: 1.5
}
@media (min-width:1200px) {
  .display-4 {
    font-size: 2.5rem
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}
@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}
@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.display-username {
  font-size: calc(0.675rem + 1.2vw);
  line-height: 1.2;
font-weight: 600;	  
}
@media (min-width:1200px) {
 .display-username {
    font-size: 1.25rem
  }
}

@media only screen and (max-width: 767px) {
  .display-1 {     font-size: calc(1.625rem + 2.5vw);  }
  .display-2 {   font-size: calc(1.5rem + 2.2vw);  }
  .display-3 {   font-size: calc(1.5rem + 1.8vw); }
  .display-4 {    font-size: calc(1.1rem + 1.6vw);  }
  .display-5 {   font-size: calc(1.1rem + 1.2vw); }
  .display-6 {    font-size: 2rem  }
	
} 

/* responsive size helpers */
/* Header H6 */
  h6.h6-xs { font-size: 0.95rem; }  
  h6.h6-sm { font-size: 1rem; }   
  h6.h6-md { font-size: 1.125rem; } 
  h6.h6-lg { font-size: 1.15rem; } 
  h6.h6-xl { font-size: 1.175rem; }

  /* Header H5 */
  h5.h5-xs { font-size: 1.195rem; }    
  h5.h5-sm { font-size: 1.22rem; }  
  h5.h5-md { font-size: 1.33rem; }    
  h5.h5-lg { font-size: 1.44rem; }   
  h5.h5-xl { font-size: 1.56rem; } 

  /* Header H4 */
  h4.h4-xs { font-size: 1.67rem; }   
  h4.h4-sm { font-size: 1.78rem; }     
  h4.h4-md { font-size: 1.89rem; }  
  h4.h4-lg { font-size: 2rem; }   
  h4.h4-xl { font-size: 2.11rem; } 

  h3.h3-xs { font-size: 2.2rem; } 
  h3.h3-sm { font-size: 2.33rem; }   
  h3.h3-md { font-size: 2.44rem; }  
  h3.h3-lg { font-size: 2.56rem; } 
  h3.h3-xl { font-size: 2.67rem; } 

  /* Header H2 */
  h2.h2-bogus { font-size: 1.1rem !important; line-height: 1.5rem; font-weight: 500; }  
  h2.h2-xs { font-size: 2.78rem; }  
  h2.h2-sm { font-size: 2.89rem; }  
  h2.h2-md { font-size: 3rem; }  
  h2.h2-lg { font-size: 3.11rem; }  
  h2.h2-xl { font-size: 3.35rem; }

  h2.h2-title-xs { font-size: 3.65rem; } 
  h2.h2-title-sm { font-size: 3.9rem; } 
  h2.h2-title-md { font-size: 4.185rem; } 
  h2.h2-title-lg { font-size: 4.4625rem; }     
  h2.h2-title-xl { font-size: 4.75rem; } 

  /* Paragraphs */
  p.p-sm { font-size: 0.95rem; }  
  p { font-size: 1rem; }       
  p.p-md { font-size: 1.025rem; }   
  p.p-lg { font-size: 1.08rem; }  
  p.p-xl { font-size: 1.14rem; }
  p.p-xxl { font-size: 1.25rem; font-weight: 600; }
  .p-500 { font-weight: 500; }
  .p-500 { font-weight: 600 !important }
   .p-500 > p { font-weight: 500; }
  .p-500 > p { font-weight: 600 !important }
   
  /* a href */
  a.a-xxs { font-size: 0.75rem; }  
  a.a-xs { font-size: 0.85rem; }  
  a.a-sm { font-size: 0.95rem; }  
  a { font-size: 1rem; }       
  a.a-md { font-size: 1.025rem; }   
  a.a-lg { font-size: 1.08rem; }  
  a.a-xl { font-size: 1.14rem; }
  a.a-xxl { font-size: 1.25rem; font-weight: 600; }
  a.is-blue { color :var(--med-blue)!important;  }
  a.is-darkgreen { color :var(--med-darkgreen)!important; }
  a.is-red { color :var(--med-red)!important; }
 
    /* general */
  .is-xs { font-size: 0.75rem; }  
  .is-sm { font-size: 0.85rem; }  
  .is-md { font-size: 1.025rem; }   
  .is-lg { font-size: 1.08rem; }  
  .is-xl { font-size: 1.14rem; }
  .is-xxl { font-size: 1.25rem; }
 
 


  /* Buttons */
  .btn.is-small { font-size: .75rem!important; padding: .50rem 1rem !important; min-width: 100px !important }
  .btn.btn-sm { font-size: .75rem!important; padding: .50rem 1rem !important; min-width: 100px !important }
 
 
 
    
.btn-red{ color: white !important ; background-color: red !important ; border: solid 1px  red; }
.btn-red:hover{ color: red !important; background-color: white !important;  border: solid 1px  red; }
.btn-red:hover i { color: red !important;  }
.btn-red i{ color: white !important; }
.btn-red i:hover{ color: red !important ; }
.btn-green{ color: white !important; background-color: green !important; border: solid 1px  green;   }
.btn-green:hover{ color: white !important; background-color: green !important; border: solid 1px #ccc;   }
.btn-green i{ color: white !important; }

.btn-orange{ color: white !important; background-color: orange !important;  border: solid 1px  orange ; }
.btn-orange:hover{ color: orange !important ; background-color: white !important;  border: solid 1px  orange ; }
.btn-orange:hover i { color: orange !important ;  }
.btn-orange i{ color: white !important; }
.btn-orange i:hover{ color: orange !important ; }


  /* Store Badges */
  .store img, .footer .store img { max-height: 45px; }

/* dividers */
div.div-xs{ width: 100%; height: .85rem;clear: both;  }
div.div-sm{ width: 100%; height: 1rem;clear: both;  }
div.div-md{ width: 100%; height: 1.7rem;clear: both;  }
div.div-lg{ width: 100%; height: 2.5rem;clear: both;  }
div.div-xl{ width: 100%; height: 3.5rem;clear: both;  }
div.div-xxl{ width: 100%; height: 4.5rem;clear: both;  }


/* text  */
.is-uppercase{ text-transform: uppercase; }
.is-center{ text-align: center !important; }

/* text contrast*/
.contrast-white{color: white !important;	text-shadow: 1px 1px 2px black;		}
.contrast-black{color: black !important;	text-shadow: 1px 1px 2px white;		}
.contrast-white-sm{color: white !important;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);		}
.contrast-black-sm{color: black !important;	text-shadow: 1px 1px 1px rgba(255, 255, 250, 0.5);		}


/* boxshadows  https://getcssscan.com/css-box-shadow-examples*/
.boxshadow1{ box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
.boxshadow1-white{ box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 2px 0px;}
/* big for small thumbs */
.boxshadow31{box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
.boxshadow16{box-shadow: rgba(0, 0, 0, 0.3) 0px 9px 18px, rgba(0, 0, 0, 0.22) 0px 10px 8px;}
  
.linegray{
	border-bottom: 1px solid var(--med-lightgrey);
	margin-bottom: .25rem;
}

/*  display utils  */
.is-hidden{ display: none;  }
.hidden{ display: none;  }
.is-block{ display: block;}
.is-inline{ display: inline;}
.is-relative {  position: relative;}
.is-absolute{ position: absolute;   }
.is-absolute-0 { position: absolute; top: 0px; left: 0px; z-index: 999999;   }
.is-absolute-brand { position: absolute; top: 10px; left: 1rem !important; margin-right: 1rem !important ; z-index: 999999;   }


/* ul checklist green*/
ul.Check {
  list-style: none;
margin-left:-45px;
}


ul.Check li:before {
	color:green;
	font-size: 2.4rem;
	font-weight: bold;
  content: ' ✓ ';
}


.highlight1 {
  display: inline;
  padding: .15rem 0;
  background: #61d1b6;
  color: #FFFFFF;
  box-shadow: .35em 0 0 #61d1b6, -.35em 0 0 #61d1b6;
}
.highlight2 {
  display: inline;
  padding: .15rem 0;
  background: #f57766;
  color: #FFFFFF;
  box-shadow: .35em 0 0 #f57766, -.35em 0 0 #f57766;
}
span.underline1 {
  position: relative;
  width: 100%;
  left: 0; 
}
span.underline1:after {
  content: ' ';
  position: absolute;
  bottom: -0.125rem;
  left: -0.5rem;
  right: -0.5rem;
  height: 0.45rem;
  z-index:9999999999;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255 24' preserveAspectRatio='none' %3E%3Cpath  fill='%23153935' d='M50.16 15.713C44.303 14.32 6.605 18.199 4.475 18c-2.236-.398.426-10.94 2.45-12.63 1.17-.994 1.17-.298 11.607-.994 0 0 15.76-1.094 35.142-2.287 0 0 31.202-1.592 74.118-1.99 3.408 0 .745.597 4.686.398 8.519-.397 26.835.398 33.331 0 5.112-.298 6.283-.298 11.182.2 3.408.397 31.734 1.292 34.823.695.745-.099 1.278-.099 1.278.2.212 0 18.742 1.392 18.848 1.59.107.2.639.398 1.278.299.959-.2 21.086.497 21.299 1.193.745 1.99-2.769 9.846-5.218 11.636-2.556 1.89-14.909-1.393-25.771-.895-50.903-2.984-50.477-2.188-58.997-1.79-1.171-.697-5.75.795-8.519-.398-1.171-.498-9.371-.697-11.288-.299-.426.1-3.301.1-7.561 0-2.13 0-4.579-.1-7.241-.1-3.514-.099-30.137-.297-33.438.796-8.946-1.094-37.805 1.393-46.324 2.089z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
span.underline2 {
  position: relative; 
  width: 100%;
  left: 0;
}
span.underline2:after {
  content: ' ';
  position: absolute;
  bottom: -0.345rem;
  left: -0.5rem;
  right: -0.5rem;
  height: 0.75rem;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 255 24' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009ee3' d='M50.16 15.713C44.303 14.32 6.605 18.199 4.475 18c-2.236-.398.426-10.94 2.45-12.63 1.17-.994 1.17-.298 11.607-.994 0 0 15.76-1.094 35.142-2.287 0 0 31.202-1.592 74.118-1.99 3.408 0 .745.597 4.686.398 8.519-.397 26.835.398 33.331 0 5.112-.298 6.283-.298 11.182.2 3.408.397 31.734 1.292 34.823.695.745-.099 1.278-.099 1.278.2.212 0 18.742 1.392 18.848 1.59.107.2.639.398 1.278.299.959-.2 21.086.497 21.299 1.193.745 1.99-2.769 9.846-5.218 11.636-2.556 1.89-14.909-1.393-25.771-.895-50.903-2.984-50.477-2.188-58.997-1.79-1.171-.697-5.75.795-8.519-.398-1.171-.498-9.371-.697-11.288-.299-.426.1-3.301.1-7.561 0-2.13 0-4.579-.1-7.241-.1-3.514-.099-30.137-.297-33.438.796-8.946-1.094-37.805 1.393-46.324 2.089z' %3E%3C/path%3E%3Cpath fill='%230071bc' d='M194.497 20.066c5.557-1.267 41.196 3.41 43.214 3.257 2.12-.35-.295-10.947-2.193-12.68-1.099-1.02-1.106-.324-10.976-1.241 0 0-14.905-1.429-33.236-3.033 0 0-29.514-2.253-70.126-3.562-3.226-.072-.712.58-4.439.298-8.059-.578-25.401-.172-31.545-.707-4.835-.407-5.944-.432-10.585-.039-3.229.326-30.046.62-32.963-.043-.705-.115-1.209-.126-1.211.172-.202-.004-17.752.994-17.855 1.191-.103.197-.609.384-1.212.271-.905-.219-19.96.05-20.169.741-.725 1.973 2.523 9.903 4.823 11.745 2.4 1.944 14.124-1.075 24.4-.348 48.203-1.902 47.792-1.116 55.851-.537 1.116-.672 5.435.917 8.067-.217 1.114-.473 8.876-.498 10.686-.06.402.11 3.123.17 7.156.161 2.015.046 4.334-.002 6.854.055 3.327-.025 28.525.341 31.638 1.505 8.477-.904 35.765 2.194 43.821 3.071z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}