@media (max-width: 425px) {
  .node-performer-certificate-request-form input,
  .node-vendor-certificate-request-form input {
    width: 100%;
  }
  .node-performer-certificate-request-form .form-type-email input,
  .node-vendor-certificate-request-form .form-type-email input {
    width: 100%;
    margin: 5px 0 0 0;
  }
  .node-performer-certificate-request-form
    #edit-field-setup-teardown-ongoing
    .form-item
    input,
  .node-vendor-certificate-request-form
    #edit-field-setup-teardown-ongoing
    .form-item
    input {
    width: 10%;
  }
  .node-performer-certificate-request-form
    #edit-field-setup-teardown-ongoing
    .form-item,
  .node-vendor-certificate-request-form
    #edit-field-setup-teardown-ongoing
    .form-item,
  .node-performer-certificate-request-form
    .form-item-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing,
  .node-vendor-certificate-request-form
    .form-item-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing {
    width: 100%;
  }
  .node-performer-certificate-request-form h1 {
    font-size: 24px;
  }
  .node-performer-certificate-request-form .option-one summary,
  .node-performer-certificate-request-form .option-two summary,
  .node-performer-certificate-request-form h3 {
    font-size: 20px;
  }
  .node-performer-certificate-request-form h3 {
    margin-top: 1em;
  }
  .node-performer-certificate-request-form {
    font-size: 16px;
  }
  .node-performer-certificate-request-form .column-50,
  .node-performer-certificate-request-form details > .details-wrapper {
    padding: 0;
  }
  .node-performer-certificate-request-form
    .form-item-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing
    input {
    width: auto;
  }
  .node-performer-certificate-request-form
    #edit-field-mevent-event-date-0
    legend {
    font-size: 20px;
  }
  .option-one > div > div > i {
    margin: 25px 0 0 0;
  }
  .view-venue-info .views-field-field-mevent-additional-insured .field-content {
    margin-left: 0 !important;
  }
  .view-venue-info .views-field-field-mevent-additional-insured .views-label,
  .view-venue-info .views-field-field-mevent-attention .views-label,
  .view-venue-info .views-field-field-mevent-email .views-label,
  .view-venue-info .views-field-field-mevent-event-date .views-label {
    font-weight: bold;
  }
  .view-venue-info .views-field-field-mevent-additional-insured,
  .view-venue-info .views-field-field-mevent-attention,
  .view-venue-info .views-field-field-mevent-email,
  .view-venue-info .views-field-field-mevent-event-date {
    margin-top: 10px;
    clear: both;
  }
  .view-venue-info .views-field-field-mevent-event-date {
    margin-bottom: 20px;
  }
  .option-one .form-item-field-pcr-cert-holder-name-0-target-id input,
  .option-one .form-item-field-vcr-cert-holder-name-0-target-id input {
    width: 100%;
  }
  #ui-id-1 {
    max-width: 100% !important;
  }
  .column-50 {
    padding: 0;
  }
  details > .details-wrapper {
    padding: 0;
  }
  form[class*="certificate-request-"] .horizontal-tabs ul.horizontal-tabs-list li a,
  form[class*="certificate-request-"] .horizontal-tabs ul.horizontal-tabs-list li.selected a {
    padding: 65px 40px;
  }
  .horizontal-tabs-panes h2 {
    margin-top: 15px;
  }
  .node-performer-certificate-request-form ::placeholder,
  .node-vendor-certificate-request-form ::placeholder {
    font-size: 14px;
  }
}
@media (min-width: 999px) {
  .view-venue-info .views-label {
    float: left;
    width: 250px;
  }
  .option-one .form-item-field-pcr-cert-holder-name-0-target-id input,
  .option-one .form-item-field-vcr-cert-holder-name-0-target-id input {
    float: left;
    width: 80%;
  }
  .view-events-venues .views-field-field-mevent-additional-insured {
    width: 40%;
  }

  form[class*="certificate-request-"] .horizontal-tabs ul.horizontal-tabs-list li a,
  form[class*="certificate-request-"] .horizontal-tabs ul.horizontal-tabs-list li.selected a {
    padding: 65px 65px;
  }
}

@media (min-width: 1690px) {
  form[class*="certificate-request-"]
    .form-item-field-vcr-cert-holder-name-0-target-id
    label {
    display: block;
  }
}

.path-sia-admin #view-edit-node-table-column {
  width: 10%;
}
.path-sia-admin #view-form-field-field-mevent-endorsements-table-column {
  width: 25%;
}
.path-sia-admin #view-form-field-field-certificate-type-table-column {
  width: 20%;
}
.flexbox {
  display: flex;
}
.column-50 {
  padding: 0 20px;
}
.page-node-type-master-events #edit-field-mevent-endorsements .form-item {
  display: inline-block;
  padding: 0 10px;
}
.view-venue-info {
  margin: 0 0 25px 0;
  padding: 10px;
  background-color: #663d6d;
  color: #fff;
}
.view-venue-info h2 {
  color: #fff;
  text-decoration: underline;
}
.node-master-events-form .tabledrag-toggle-weight-wrapper,
.node-master-events-form .field-multiple-drag {
  display: none;
}
.node-master-events-form input {
  max-width: 100%;
}
.view-venue-info .views-field-field-mevent-additional-insured {
  display: inline-block;
}

.views-field-field-mevent-additional-insured {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .views-field-field-mevent-additional-insured {
    margin-top: 0;
    margin-bottom: 0;
  }
  .view-venue-info .views-field-field-mevent-additional-insured .field-content {
    margin-left: 250px;
  }
}

.page-node-type-master-events .endorsement-group:first-child {
  display: none;
}
.role-client .client-hidden,
.role-user .client-hidden {
  display: none;
}
.option-one {
  background-color: rgba(198, 176, 202, 0.3);
  border: thin solid #663d6d;
}
.option-two {
  background-color: rgba(238, 155, 72, 0.3);
  border: thin solid #ee9b48;
}
.option-one,
.option-two {
  padding: 20px;
}
.option-one h2, .option-two h2 {
  font-weight: 900;
}
.option-one h3 {
  font-size: 24px;
}
.option-one details {
  border: 1px solid #fff;
}
.option-one summary,
.option-two summary {
  font-size: 30px;
  font-weight: 900;
}
.option-one input {
  display: inline-block;
}
.option-one > div {
  display: inline-block;
  width: 100%;
}
.option-one .form-item-field-pcr-cert-holder-name-0-target-id input {
  float: left;
}
.option-one > div > div > i {
  display: inline-block;
  font-weight: 900;
  position: relative;
  top: -0.6em;
  left: 0.5em;
  cursor: pointer;
  font-size: 90%;
}
.option-one .cert-name-remove-icon::before {
  padding-right: 5px;
}
@media (max-width: 797px) {
  .cert-name-remove-icon {
    padding-top: 1em;
  }
}

#edit-advanced > div {
  padding: 10px 20px;
}
.option-one #edit-advanced summary > h3 {
  text-decoration: underline;
}
.node-performer-certificate-request-form .option-one .form-type-textfield label,
.node-performer-certificate-request-form .option-one .field--type-email label,
.node-performer-certificate-request-form
  .option-one
  .field--type-telephone
  label,
.node-vendor-certificate-request-form .option-one .form-type-textfield label,
.node-vendor-certificate-request-form .option-one .field--type-email label,
.node-vendor-certificate-request-form .option-one .field--type-telephone label,
.node-performer-certificate-request-edit-form
  .option-one
  .form-type-textfield
  label,
.node-performer-certificate-request-edit-form
  .option-one
  .field--type-email
  label,
.node-performer-certificate-request-edit-form
  .option-one
  .field--type-telephone
  label,
.node-vendor-certificate-request-edit-form
  .option-one
  .form-type-textfield
  label,
.node-vendor-certificate-request-edit-form .option-one .field--type-email label,
.node-vendor-certificate-request-edit-form
  .option-one
  .field--type-telephone
  label {
  width: 15%;
}
.node-performer-certificate-request-form #edit-field-pcr-email-0-value--description, .node-vendor-certificate-request-form #edit-field-vcr-email-0-value--description {
  margin-left: 11%;
}
.venue-info-wrapper {
  margin-top: 1em;
}
.venue-edit-instructions {
  margin: 10px 5px;
  padding: 20px;
  background-color: #fff;
  color: #663d6d;
  clear: both;
}
.venue-edit-instructions h3 {
  color: #663d6d;
  text-decoration: underline;
  text-decoration-color: #663d6d;
}

form[class*="certificate-request-"] .field-group-tabs-wrapper {
  margin: 1.5em 0;
}

form[class*="certificate-request-"] .horizontal-tabs {
  border: none;
}
form[class*="certificate-request-"] .horizontal-tabs-list {
  background: none;
  border: none;
  position: relative;
}
form[class*="certificate-request-"] .horizontal-tabs ul.horizontal-tabs-list {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
}
form[class*="certificate-request-"] .horizontal-tabs-list li {
  flex: 1;
  box-sizing: border-box;
}
form[class*="certificate-request-"] .horizontal-tab-button.first {
  background-color: rgba(198, 176, 202, 0.3);
  border: 4px solid #663d6d;
}
form[class*="certificate-request-"] .horizontal-tab-button.last {
  background-color: rgba(238, 155, 72, 0.3);
  border: 4px solid #ee9b48;
}

form[class*="certificate-request-"] .horizontal-tab-button a {
  color: #494949;
  text-align: center;
  font-size: 2em;
}
form[class*="certificate-request-"] .horizontal-tabs .horizontal-tab-button a:hover {
  outline: none;
  text-decoration: none;
}

form[class*="certificate-request-"] .horizontal-tabs-panes {
  margin-top: -0.3em;
}
form[class*="certificate-request-"] .option-one {
  border: medium solid #663d6d;
  background-color: rgba(198, 176, 202, 0.3);
}
form[class*="certificate-request-"] .option-two {
  border: medium solid #ee9b48;
  background-color: rgba(238, 155, 72, 0.3);
}

form[class*="certificate-request-"]
  #edit-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing--wrapper.error,
form[class*="certificate-request-"]
  #edit-field-setup-teardown-ongoing--wrapper.error {
  border: 2px solid red;
}

.role-user .endorsement-info,
.role-client .endorsement-info {
  display: none;
}
.role-user .tabledrag-toggle-weight-wrapper,
.role-client .tabledrag-toggle-weight-wrapper,
.role-user .field-multiple-drag,
.role-client .field-multiple-drag {
  display: none;
}

form[class*="certificate-request-"] .field--name-field-new-venue fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
form[class*="certificate-request-"] fieldset#edit-field-new-venue-0 legend {
  display: none;
}

form[class*="certificate-request-"] .field--name-field-new-venue
  .field--name-field-mevent-address
  details {
  border: none;
}

.node-performer-certificate-request-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > .details-wrapper,
.node-performer-certificate-request-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > summary,
.node-vendor-certificate-request-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > .details-wrapper,
.node-vendor-certificate-request-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > summary,
.node-performer-certificate-request-edit-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > .details-wrapper,
.node-performer-certificate-request-edit-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > summary,
.node-vendor-certificate-request-edit-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > .details-wrapper,
.node-vendor-certificate-request-edit-form
  .field--name-field-new-venue
  .field--name-field-mevent-address
  details
  > summary {
  padding: 0;
}

form[class*="certificate-request-"]
  .field--name-field-new-venue
  .table
  thead
  th {
  border: none;
  background: none;
  padding: 0;
  text-transform: none;
}

form[class*="certificate-request-"] .field--name-field-new-venue table td {
  border: none;
  padding: 0 0 0.3em 0;
}

.node-performer-certificate-request-form
  .field--name-field-new-venue
  .table
  thead
  th
  h4,
.node-vendor-certificate-request-form
  .field--name-field-new-venue
  .table
  thead
  th
  h4 {
  font-weight: 400;
  font-size: 20px;
  font-family: "PT Sans";
}
.node-performer-certificate-request-form fieldset#edit-field-new-venue-0 #edit-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing--wrapper legend,
.node-performer-certificate-request-form fieldset#edit-field-new-venue-0-inline-entity-form-field-mevent-event-date-0 legend,
.node-vendor-certificate-request-form fieldset#edit-field-new-venue-0 #edit-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing--wrapper legend,
.node-vendor-certificate-request-form fieldset#edit-field-new-venue-0-inline-entity-form-field-mevent-event-date-0 legend,
.node-performer-certificate-request-edit-form fieldset#edit-field-new-venue-0 #edit-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing--wrapper legend,
.node-performer-certificate-request-edit-form fieldset#edit-field-new-venue-0-inline-entity-form-field-mevent-event-date-0 legend,
.node-vendor-certificate-request-edit-form fieldset#edit-field-new-venue-0 #edit-field-new-venue-0-inline-entity-form-field-setup-teardown-ongoing--wrapper legend,
.node-vendor-certificate-request-edit-form fieldset#edit-field-new-venue-0-inline-entity-form-field-mevent-event-date-0 legend {
  display: inline-block;
}
#block-certificaterequestproblems a {
  color: #fff;
}

/* Hide show weight button for clients */
.aee11cbb1 .tabledrag-toggle-weight {
  display: none;
}

/* Make the horizontal tab buttons look like big buttons */
form[class*="certificate-request-"] .horizontal-tabs-list {
  display: flex;
  gap: 30px;
  justify-content: center;
  padding: 0;
  margin: 40px 0;
}

form[class*="certificate-request-"] .horizontal-tabs-list li {
  flex: 0 1 400px;
  text-align: center;
  border-radius: 6px;
  transition: all 0.2s ease;
  padding: 60px 30px !important;
  margin: 0 !important;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

form[class*="certificate-request-"] .horizontal-tabs-list li a {
  display: block;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
}

form[class*="certificate-request-"] .horizontal-tab-button.first {
  background-color: rgba(198, 176, 202, 0.3);
  border: 4px solid #663d6d;
}

form[class*="certificate-request-"] .horizontal-tab-button.last {
  background-color: rgba(238, 155, 72, 0.3);
  border: 4px solid #ee9b48;
}

/* Remove layout jumping by keeping border width consistent */
form[class*="certificate-request-"] .horizontal-tabs-list li.selected,
form[class*="certificate-request-"] .horizontal-tabs-list li:hover {
  border-width: 4px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

form[class*="certificate-request-"] .horizontal-tab-button a:hover {
  background-color: transparent;
  text-decoration: none;
}

form[class*="certificate-request-"] .horizontal-tabs-list li:hover {
  background-color: rgba(0, 0, 0, 0.05); /* subtle highlight */
  cursor: pointer;
  transform: translateY(-2px); /* optional: a subtle lift effect */
  transition: all 0.2s ease;
}
form[class*="certificate-request-"] .horizontal-tabs-list li:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

form[class*="certificate-request-"] .horizontal-tabs-list li {
  position: relative;
}

form[class*="certificate-request-"] .horizontal-tabs-list li a {
  position: absolute;
  inset: 0;
  padding: 60px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  z-index: 1;
}

form[class*="certificate-request-"] .horizontal-tabs-list li.selected {
  box-shadow: 0 0 0 4px #663d6d inset;
  background-color: rgba(102, 61, 109, 0.1);
  z-index: 2;
}
form[class*="certificate-request-"] .horizontal-tab-button.option-one.selected {
  box-shadow: 0 0 0 4px #663d6d inset;
  background-color: rgba(102, 61, 109, 0.15);
}
form[class*="certificate-request-"] .horizontal-tab-button.option-two.selected {
  box-shadow: 0 0 0 4px #ee9b48 inset;
  background-color: rgba(238, 155, 72, 0.15);
}

form[class*="certificate-request-"] .horizontal-tabs-list li {
  flex: 0 1 400px;
  height: 250px;
  padding: 0; /* Ensure the padding is all inside the <a> */
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
}
form[class*="certificate-request-"] .horizontal-tabs-list li a {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 30px;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
}
form[class*="certificate-request-"] .horizontal-tab-button.option-one.selected {
  box-shadow: inset 0 0 0 4px #663d6d;
  background-color: rgba(102, 61, 109, 0.15);
}

form[class*="certificate-request-"] .horizontal-tab-button.option-two.selected {
  box-shadow: inset 0 0 0 4px #ee9b48;
  background-color: rgba(238, 155, 72, 0.15);
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}







