select,
input {
  width: 50%;
}
input#edit-email,
textarea#edit-body,
#submit-button-for-validate {
  width: 100%;
}
#submit-button-for-validate {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  padding: 16px 24px;
}
#submit-button-for-validate:hover {
  background: #d75226;
}
.alertDangerText {
  color: #dc2626;
  font-size: 14px;
}
#ivcf-contact-form fieldset.captcha {
  padding-left: 0px;
}
#ivcf-contact-form fieldset.captcha legend {
  display: none;
}
#ivcf-contact-form fieldset.captcha .fieldset-description,
#block-pagetitle,
#block-intervarsity-base-9-breadcrumbs,
#block-nsolibrarysearchformforhomepage-2 {
  display: none !important;
}
#edit-departments,
#edit-popular {
  width: 100%;
}
#main .col-12 h4 {
  margin-bottom: 12px;
}
.email-header h1 {
  color: #006680;
  font-size: 64px;
  margin-bottom: 24px;
}
.email-header p {
  margin-bottom: 80px;
  color: #4d4d4d;
  font-size: 20px;
}
.ivcf-contact-form .fieldset-legend {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
#static-from,
#email-body,
#popular,
#departments {
  margin-bottom: 24px;
}
.radio .js-form-item:first-of-type {
  margin-bottom: 16px;
}
/* BEGIN STANDARD STYLES */
#main .w-100:has(.layout-builder__layout) {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 48px;
  padding-bottom: 48px;
  max-width: inherit;
}
#main .w-100:has(.layout-builder__layout) > .row {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #main .w-100:has(.layout-builder__layout) {
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1200px) {
  #main .w-100:has(.layout-builder__layout) {
    padding-left: 96px;
    padding-right: 96px;
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
/* END STANDARD STYLES */

.paragraph .field--name-field-section-title {
  color: #1a1a1a;
  font-family: var(--bs-font-sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 12px;
}
.paragraph .field--name-field-body {
  color: #666;
  font-size: 14px;
  line-height: 24px;
}
.content .paragraph {
  padding: 40px;
  border-radius: 16px;
  background: #f7f7f7;
}
.col-lg-3 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.col-12:not(.col-lg-3) .content .paragraph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 30px;
  column-gap: 12px;
}
@media screen and (min-width: 1024px) {
  .col-12:not(.col-lg-3) .content .paragraph {
    flex-direction: row;
    align-items: center;
    row-gap: 40px;
    column-gap: 12px;
  }
  .col-12:not(.col-lg-3) .paragraph__content {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}
.paragraph .field {
  max-width: 560px;
}

.field--name-field-button-orange a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.field--name-field-button-orange a .button-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.field--name-field-button-orange a .button-icon img {
  display: block;
}
.field--name-field-button-orange a:hover {
  border-radius: var(--radius-xs, 4px);
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.col-lg-3 .field--name-field-button-orange {
  display: none;
}
#main .node__content .col-12 {
  padding-left: 0;
  padding-right: 0;
}
#main .node__content ._none:nth-of-type(2) .w-100:has(.layout-builder__layout) {
  padding-top: 0;
}

#main .w-100:has(.layout-builder__layout).pb-32px {
  padding-bottom: 32px;
}

.contact-form-label {
  color: var(--text-primary-900, #1a1a1a);
  font-size: 14px;
  font-style: normal;
  font-weight: 550;
  line-height: 24px;
}
div .form-check .form-check-input {
  margin-right: 12px;
}
@media screen and (min-width: 768px) {
  #main .layout-builder__layout .col-lg-9 {
    padding-right: 80px;
  }
  .layout .col-lg-9 {
    flex: 0 0 auto;
    width: 59%;
  }
  .layout .col-md-3 {
    flex: 0 0 auto;
    width: 41%;
    margin-left: auto;
    max-width: 348px;
  }
  .layout-builder__layout {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #main .layout-builder__layout .col-lg-9 {
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  #main .layout-builder__layout .col-lg-9 {
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 992px) {
  .layout .col-lg-9 {
    flex: 0 0 auto;
    width: 63%;
  }
  .layout .col-md-3 {
    flex: 0 0 auto;
    width: 37%;
  }
}
@media screen and (min-width: 1024px) {
  .col-12:not(.col-lg-3) .field--name-field-button-orange {
    margin-left: auto;
  }
}
.alertDangerText {
  position: relative;
  padding-left: 28px;
}

.alertDangerText:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-55%);
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8ZM8 3C8.19891 3 8.38968 3.07902 8.53033 3.21967C8.67098 3.36032 8.75 3.55109 8.75 3.75V8.25C8.75 8.44891 8.67098 8.63968 8.53033 8.78033C8.38968 8.92098 8.19891 9 8 9C7.80109 9 7.61032 8.92098 7.46967 8.78033C7.32902 8.63968 7.25 8.44891 7.25 8.25V3.75C7.25 3.55109 7.32902 3.36032 7.46967 3.21967C7.61032 3.07902 7.80109 3 8 3ZM8 13C8.26522 13 8.51957 12.8946 8.70711 12.7071C8.89464 12.5196 9 12.2652 9 12C9 11.7348 8.89464 11.4804 8.70711 11.2929C8.51957 11.1054 8.26522 11 8 11C7.73478 11 7.48043 11.1054 7.29289 11.2929C7.10536 11.4804 7 11.7348 7 12C7 12.2652 7.10536 12.5196 7.29289 12.7071C7.48043 12.8946 7.73478 13 8 13Z" fill="%23EF4444"/></svg>');
  background-size: cover;
}

/* not sure if there is a different error state on a more standard form we could do in base theme */
div:has(+ .alertDangerText[style*="display: block"]) .form-control {
  box-shadow: 0px 0px 0px 0px #fff inset,
    0px 0px 0px 1px var(--border-error, #fca5a5) inset;
}

div:has(+ .alertDangerText[style*="display: block"]) .form-select {
  box-shadow: 0px 0px 0px 0px #fff inset,
    0px 0px 0px 1px var(--border-error, #fca5a5) inset;
  color: #7f1d1d;
  background-image: url('data:image/svg+xml,%3csvg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2016%2016"%3e%3cpath%20fill="none"%20stroke="%23DC2626"%20stroke-linecap="round"%20stroke-linejoin="round"%20stroke-width="2"%20d="M2%205l6%206%206-6"/%3e%3c/svg%3e');
}