/* Hide the legend label for the fieldset */
/* Hide all radio buttons */

/* Target the label for the "On" radio button explicitly */
/* #edit-field-c-continue-to-step-2 .form-item-field-c-continue-to-step-2 label[for="edit-field-c-continue-to-step-2-1"] { */
/* #edit-field-sfsdfs-0-subform-field-boo-1{ */
  .form-item-field-sfsdfs-0-subform-field-boo
   label[for="edit-field-sfsdfs-0-subform-field-boo-1"] {

  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease;
}


/* Disable the "Continue" button if validation is not met */
#edit-field-c-continue-to-step-2-1:invalid + label {
  pointer-events: none;
  opacity: 0.5;
  background-color: #d6d6d6;
  color: #999;
  cursor: not-allowed;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
  background-color: #d6d6d6;
  color: #999;
  cursor: not-allowed;
}
label[for="edit-field-c-continue-to-step-2-1"].disabled {
  pointer-events: none;
  opacity: 0.5;
  background-color: #d6d6d6;
  color: #999;
  cursor: not-allowed;
}



/* Hover effect for the "Continue" button */
#edit-field-c-continue-to-step-2 .form-item-field-c-continue-to-step-2 label[for="edit-field-c-continue-to-step-2-1"]:hover {
  background-color: #0056b3;
}

/* Hide the radio button for the "On" option */
#edit-field-c-continue-to-step-2 #edit-field-c-continue-to-step-2-1 {
  display: none;
}























/* Hide the legend label for the fieldset */
/* Hide all radio buttons */
#edit-field-c-continue-to-step-2 .form-radio {
  display: none;
}
#edit-field-c-continue-to-step-2 .form-item-field-c-continue-to-step-2 label[for="edit-field-c-continue-to-step-2-0"],
#edit-field-c-continue-to-step-2 .form-item-field-c-continue-to-step-2 label[for="edit-field-c-continue-to-step-2-none"],
#edit-field-c-continue-to-step-2--wrapper legend
 {
  display: none;
}
/* Target the label for the "On" radio button explicitly */
#edit-field-c-continue-to-step-2 .form-item-field-c-continue-to-step-2 label[for="edit-field-c-continue-to-step-2-1"] {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease;
}


/* Disable the "Continue" button if validation is not met */
#edit-field-c-continue-to-step-2-1:invalid + label {
  pointer-events: none;
  opacity: 0.5;
  background-color: #d6d6d6;
  color: #999;
  cursor: not-allowed;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
  background-color: #d6d6d6;
  color: #999;
  cursor: not-allowed;
}
label[for="edit-field-c-continue-to-step-2-1"].disabled {
  pointer-events: none;
  opacity: 0.5;
  background-color: #d6d6d6;
  color: #999;
  cursor: not-allowed;
}



/* Hover effect for the "Continue" button */
#edit-field-c-continue-to-step-2 .form-item-field-c-continue-to-step-2 label[for="edit-field-c-continue-to-step-2-1"]:hover {
  background-color: #0056b3;
}

/* Hide the radio button for the "On" option */
#edit-field-c-continue-to-step-2 #edit-field-c-continue-to-step-2-1 {
  display: none;
}





/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
.navbar img{
  width:30%;
}

#navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  flex-shrink: 0;
}

.region-navigation {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.navbar-nav {
  margin-right: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {

  .navbar img {
    width: 30%;
    margin: auto;
}

  h1,
    .h1 {
      font-size: 26px;
    }
            h2,
            .h2 {
              font-size: 23px;
            }
                            h3
                            .h3 {
                              font-size: 20px;
                            }
  .navbar.container,
    .navbar.container-fluid {
      margin-top: 0;
    }
  #navbar {
    flex-direction: column;
  }

  .logo {
    margin-bottom: 10px;
  }

  .region-navigation {
    flex-direction: column;
  }

  .navbar-nav {
    margin-top: 10px;
  }

.navbar .logo {
  text-align: center;
}
}

/* Responsive adjustments */
@media (min-width: 768px) {
  .container {
    margin-top: 50px;
  }
 .navbar-header {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .navbar-nav>li {
    float: left;
    width: 100%;
  }
}