#block-tulane-tailwindcss-requestinfobutton {right: auto;}
@media(min-width: 64em){
#block-tulane-tailwindcss-requestinfobutton {right: 0;}	
}

.modal-dialog .text-4xl.text-center.text-tu-green-official {    background-color: #E6F6FC;}
.modal-dialog .text-4xl h2 {padding-top: 5px;}

.modal-dialog  {  margin-top: 110px !important;}
.slate-form {
    max-width: 100% !important;
}
/* Your base styling */
.slate-form .btn.btn-primary {
  border-width: 5px; 
  border-color: #B9D7E8;
  /* Smooth transition for the opacity change */
  transition: opacity 0.3s ease; 
}

/* Mobile-only logic */
@media (max-width: 767px) {
  /* 1. Default state on mobile: half opacity */
  .slate-form .btn.btn-primary {
    opacity: 0.5;
  }

  /* 2. When scrolling starts, the JS class kicks in and boosts opacity */
  body.is-scrolling .slate-form .btn.btn-primary {
    opacity: 1.0;
  }
}
#form_description {color: #255c4e; margin-bottom: 10px; font-size: 20px;}