@charset "UTF-8";
.container-fluid h3 {
    color: #FFFFFF;
}

 .profile-img:hover {
      transform: scale(1.05);
    }




.container-fluid {
}
p {
    color: #cecdcd;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    text-align: left;
    text-shadow: 0px 0px #FFFFFF;
}
a {
    color: #96EDFA;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}


.form-background {
  background-color: #5FA7EE;
}


.actiepartij-quote {
      background-color: rgba(255, 255, 255, 0.1);
      color: #e0dfff;
      border-left: 4px solid #66ccff;
      padding: 15px 20px;
      margin: 20px 0;
      font-style: italic;
      border-radius: 10px;
	  max-width: 900px;
    }

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease-out forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.container {

  width:100%;

  margin:0 auto;

  position:relative;

}



#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }



#contact {

  background:#70aeeb;

  padding:25px;

  margin:50px 0;

}



#contact h3 {

  color: #F96;

  display: block;

  font-size: 30px;

  font-weight: 400;

}



#contact h4 {

  margin:5px 0 15px;

  display:block;

  font-size:13px;

}



fieldset {

  border: medium none !important;

  margin: 0 0 10px;

  min-width: 100%;

  padding: 0;

  width: 100%;

}



#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {

  width:100%;

  border:1px solid #CCC;

  background:#FFF;

  margin:0 0 5px;

  padding:10px;

}



#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {

  -webkit-transition:border-color 0.3s ease-in-out;

  -moz-transition:border-color 0.3s ease-in-out;

  transition:border-color 0.3s ease-in-out;

  border:1px solid #AAA;

}



#contact textarea {

  height:100px;

  max-width:100%;

  resize:none;

}



#contact button[type="submit"] {

  cursor:pointer;

  width:20%;

  border:none;

  background:#433181;

  color:#FFF;

  margin:0 0 5px;

  padding:10px;

  font-size:15px;

}



#contact button[type="submit"]:hover {

  background:#09C;

  -webkit-transition:background 0.3s ease-in-out;

  -moz-transition:background 0.3s ease-in-out;

  transition:background-color 0.3s ease-in-out;

}



#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }



#contact input:focus, #contact textarea:focus {

  outline:0;

  border:1px solid #999;

}

::-webkit-input-placeholder {

 color:#888;

}

:-moz-placeholder {

 color:#888;

}

::-moz-placeholder {

 color:#888;

}

:-ms-input-placeholder {

 color:#888;

}




form#contact input,
form#contact textarea,
form#contact button {
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
}


form#contact button {
  background-color: #433181;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

form#contact button:hover {
  background-color: #2e2461;
}




.custom-rounded {
  border-radius: 100px;
}


.nav-tile {
  min-height: 200px;       /* Adjust as needed */
  justify-content: center; /* Centers vertically in tile */
}

.nav-img {
  max-height: 115px;        /* Enforces consistent image height */
  width: auto;
  height: auto;
}

.container-fluid.text-white h1 {
}


.square-thumb {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  max-width: 150px;
  border-radius: 0.25rem;
}