:root{
  /* --bs-formcontrol-border-radius: 1rem; */
  --bs-border-radius:0.5rem;

}


.btn{
  --bs-btn-border-radius: 1rem;
}

.alert{
  --bs-alert-border-radius:1rem;
}
.input-group .form-floating .form-control {
  border-radius:0;
}
.input-group .form-floating:first-child  .form-control{
  border-top-left-radius: calc( var(--bs-border-radius) *2);
  border-bottom-left-radius:  calc( var(--bs-border-radius) *2);
}
.input-group .form-floating:last-child .form-control{
  border-top-right-radius: calc( var(--bs-border-radius) *2);
  border-bottom-right-radius:  calc( var(--bs-border-radius) *2);
}

.form-floating > .form-select{
  border-radius: calc( var(--bs-border-radius) *2);
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 1 !important;
}

.inschrijven section {
margin-top:0;
padding-top:8vw;
}
.card {
  --bs-card-border-width: 1px;
  --bs-border-color-translucent: rgba(0,0,0,0);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 2rem;
  --bs-card-inner-border-radius: calc(var(--bs-card-border-radius) - 1px);
  --bs-card-bg: #A5D1F3;
  --bs-card-spacer-x:1rem;
  --bs-card-spacer-y:1rem;
  --bs-card-cap-padding-x:2rem;
  --bs-card-cap-padding-y:1rem;
}
.card,
.card-header:first-child,
.card-header {
  /* border-radius: 0; */
}
.card-header{
background-color: rgba(0,0,0,0);
.card-title{
  color:#FFF;
}
}
.card-title{
  margin-top: .5rem;
  font-weight: 600;
  color: #A5D1F3;
}
.card-footer{
background-color: rgba(0,0,0,0);
}

.card-body .alert{margin-bottom:0}



.googleTranslateBar{
  width:100%;
  min-height:80px;
  position: sticky;
  padding-top:1em;
  top: calc(100vh - 80px);
  background: #A5D1F3;
}
#saveFamilyDataButton:hover,
#validSubscriberButton:hover{
  /* background-color:  #7DA2BF;
  border-color:  #7DA2BF; */
}

/* .customFA,
select#parents{
  font-family: "Font Awesome 5 Free" !important;
   font-weight: 900 !important;
} */

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: rgba(255,255,255,0.25);
  --bs-alert-border-color: #A5D1F3;
}
.alert-info a {font-weight: bold}

.btn-primary {

  background-color: #A5D1F3;
  border-color: #A5D1F3;
}

/* -----------------------
  Presentational stuff
----------------------- */
body {
  background: #FFF;
}
h1{
  font-weight: 600;
  color: #A5D1F3;
}
label {
  font-weight: 900;
  color: #E4001B;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 60px;
  }
}


/* -----------------------
  Form
----------------------- */
.form-control {
  /* border-radius: 0; */
}
form.submitted select.form-control:invalid {
  border: 2px solid red;
}

.form-control:focus {
  box-shadow: none;
}

form.submitted input:invalid,
form.submitted input:invalid {
  border: 2px solid red;
}

/* input#floatingInput:invalid {
  background-color: #C00 !important;
  color: #FFF !important;
} */