/*@import "bulma.css";*/
@import "bootstrap.css";

#racemate-form {
  & .grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    
    @media (min-width: 768px) { 
      grid-template-columns: repeat(2, minmax(0, 1fr)); 
    }
    
  }

  & .grid-full {
    @media (min-width: 768px) { 
      grid-column: span 2 / span 2;
    }
  }

  & .label.is-required::after {
    content: ' *';
    color: red;
  }
                
}

#racemate-form-error {
  display: none;
}

/*.radio-list {
  .radio {
    display: block;

    & + .radio {
      margin-left: 0;
      margin-top: .5em;
    }
  }
}*/