:root {
  --logo-blue: #004fa4;
  --logo-red: #ed1a3b;
  --red-dark: #5e1b15;
  --red-medium: #961e28;
  --red: #c4122f;
  --blue-dark: #3C208C;
  --blue: #4918CD;
  --blue-light: #005099;
  --blue-pale: #D9DCE3;
  --taupe: #7e6d5f;
  --taupe-dark: #4d4037;
  --taupe-light: #d0c4b6;
  --taupe-pale: #e2dfdb;
  --slate: #446c73;
  --slate-dark: #324448;
  --slate-light: #aabdbe;
  --slate-pale: #d9e1e3;
  --green: #526a3e;
  --green-dark: #526a3e;
  --green-light: #526a3e;
  --green-pale: #d6e2cf;
  --teal: #008290;
  --teal-dark: #00616c;
  --teal-light: #64c7c7;
  --teal-pale: #d9ecf3;
  --yellow: #eeb137;
  --yellow-dark: #bb7b0f;
  --yellow-light: #f4c74b;
  --yellow-pale: #fcf4e9;
  --warm-blue: #005578;
  --warm-blue-dark: #184359;
  --warm-blue-light: #006796;
  --warm-blue-pale: #d1d9de;
  --grey: #5e6769;
  --grey-dark: #414547;
  --grey-light: #99a3a6;
  --grey-pale: #d9dada;
  --orange: #d46b21;
  --default-border-color: #d2d2d2;
  --default-text: #343434;
  --default-heading: #4d4037;
  --default-subhead: #4d4037;
  --default-topic: #6d6d6d;
  --default-disabled: #5e6769;
  --default-link: #006796;
  --default-link-hover: #1774a9;
  --default-link-visit: #004d70;
  --hover-collapse-color: #e5f0f4;
  --school-primary: #4918CD;
}
:root {
  --accent: #4918CD !important;
  --accent-dark: #3C208C !important;
  --accent-light: #005099 !important;
  --accent-pale: #D9DCE3 !important;
}
@font-face {
font-family: "GT Walsheim";
src: url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Regular.woff') format('woff'), url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Regular.woff2') format('woff2');
font-weight: 400 600;
}
@font-face {
font-family: "GT Walsheim";
src: url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Regular-Oblique.woff') format('woff'), url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Regular-Oblique.woff2') format('woff2');
font-weight: 400 600;
font-style: italic;
}
@font-face {
font-family: "GT Walsheim";
src: url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Bold.woff') format('woff'), url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Bold.woff2') format('woff2');
font-weight: 700 900;
}
@font-face {
font-family: "GT Walsheim";
src: url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Bold-Oblique.woff') format('woff'), url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Bold-Oblique.woff2') format('woff2');
font-weight: 700 900;
font-style: italic;
}
@font-face {
font-family: "GT Walsheim";
src: url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Light.woff') format('woff'), url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Light.woff2') format('woff2');
font-weight: 100 300;
}
@font-face {
font-family: "GT Walsheim";
src: url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Light-Oblique.woff') format('woff'), url('https://cloudfront.american.edu/assets/fonts/GT-Walsheim-Light-Oblique.woff2') format('woff2');
font-weight: 100 300;
font-style: italic;
}/*
main.accent-blue.light {
  --accent: #005099;
  --accent-dark: #4918CD;
  --accent-light: #D9DCE3;
  --accent-pale: #D9DCE3;
}
main.accent-red {
  --accent: #961e28;
  --accent-dark: #5e1b15;
  --accent-light: #c4122f;
  --accent-pale: #e2dfdb;
}
main.accent-taupe {
  --accent: #7e6d5f;
  --accent-dark: #4d4037;
  --accent-light: #d0c4b6;
  --accent-pale: #e2dfdb;
}
main.accent-slate {
  --accent: #446c73;
  --accent-dark: #324448;
  --accent-light: #aabdbe;
  --accent-pale: #d9e1e3;
}
main.accent-teal {
  --accent: #008290;
  --accent-dark: #00616c;
  --accent-light: #64c7c7;
  --accent-pale: #d9ecf3;
}
main.accent-grey {
  --accent: #5e6769;
  --accent-dark: #414547;
  --accent-light: #99a3a6;
  --accent-pale: #d9dada;
}
main.accent-green {
  --accent: #526a3e;
  --accent-dark: #526a3e;
  --accent-light: #526a3e;
  --accent-pale: #d6e2cf;
}*/
main.accent-blue.light {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
main.accent-red {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
main.accent-taupe {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
main.accent-slate {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
main.accent-teal {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
main.accent-grey {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
main.accent-green {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
/*
main.accent-wcl {
  --accent: #077675;
  --accent-dark: #003234;
  --accent-light: #077675;
  --accent-pale: #c3d8d9;
}*/
main.accent-wcl {
  --accent: #4918CD;
  --accent-dark: #3C208C;
  --accent-light: #005099;
  --accent-pale: #D9DCE3;
}
.accent {
  color: var(--accent) !important;
}
.accent.dark {
  color: var(--accent-dark) !important;
}
.bg-accent {
  background-color: var(--accent);
}
.bg-accent.dark {
  background-color: var(--accent-dark);
}
.bg-accent.pale {
  background-color: var(--accent-pale);
}
footer[role="contentinfo"] {
  padding: 30px 15px;
  font-family: Arial, sans-serif;
  overflow: hidden;
  font-size: 1.4rem;
}
footer[role="contentinfo"] #ftr-flex-context {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-address-policies {
  float: none;
  order: 3;
  text-align: left;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-address-policies ul li {
  float: left;
  width: auto;
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #4d4037;
  line-height: 1.6rem;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-address-policies ul li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs {
  float: none;
  order: 1;
  margin-bottom: 15px;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home {
  float: none;
  order: 2;
  text-align: left;
  margin-bottom: 15px;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home img {
  width: auto;
  height: 45px;
  max-width: 100%;
  margin-right: 17px;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home a {
  float: left;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home a[href="https://www.american.edu/"] {
  background-image: url('https://cloudfront.american.edu/assets/crest-logotype-blue.svg');
  background-repeat: no-repeat;
}
footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home a[href="https://www.american.edu/"] img {
  opacity: 0;
}
footer[role="contentinfo"] .row {
  margin-left: 0;
  margin-right: 0;
}
footer[role="contentinfo"] .row ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer[role="contentinfo"] .row ul li {
  border: none;
  margin: 0;
}
footer[role="contentinfo"] .row address,
footer[role="contentinfo"] .row p {
  color: #4d4037;
  margin: 0 0 5px;
  font-size: 1.4rem;
  line-height: 2.0rem;
}
footer[role="contentinfo"] .row a {
  color: #004fa4;
  text-decoration: none;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.0rem;
  background-image: none;
}
footer[role="contentinfo"] .row a:hover,
footer[role="contentinfo"] .row a:focus {
  text-decoration: underline;
  outline: none;
  color: #4d4037;
}
footer[role="contentinfo"] .row a:hover img,
footer[role="contentinfo"] .row a:focus img {
  outline: 1px solid #004fa4 !important;
  outline-offset: 4px !important;
  border: none;
}
footer[role="contentinfo"] .row .policies {
  margin: 15px 0;
}
footer[role="contentinfo"] .row .social {
  margin: 0;
}
footer[role="contentinfo"] .row .social ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
}
footer[role="contentinfo"] .row .social li {
  margin: 0 auto;
  width: 32px;
  line-height: 2.5rem;
  background: transparent;
  text-align: center;
}
footer[role="contentinfo"] .row .social li span[class^="ion-"] {
  font-size: 2.5rem;
  color: #FFF;
  left: auto;
  top: auto;
  line-height: 2.5rem;
  text-shadow: 1px 1px 3px #4d4037;
}
footer[role="contentinfo"] .row .social li:hover {
  cursor: pointer;
}
footer[role="contentinfo"] .row .social li:hover span[class^="ion-"] {
  color: #FFF;
}
footer[role="contentinfo"] .row .social li a:focus span[class^="ion-"] {
  color: #4918CD;
}
footer[role="contentinfo"] .row img {
  max-width: 300px !important;
  margin: 0;
}
/*
footer[role="contentinfo"].bg-wcl .row a {
  color: #077675;
}
footer[role="contentinfo"].bg-wcl .row a:focus,
footer[role="contentinfo"].bg-wcl .row a:hover {
  color: #c3d8d9;
}*/
footer[role="contentinfo"].bg-wcl .row a {
  color: #004fa4;
}
footer[role="contentinfo"].bg-wcl .row a:focus,
footer[role="contentinfo"].bg-wcl .row a:hover {
  color: #4d4037;
}
@media (min-width: 768px) {
  footer[role="contentinfo"] .social {
    align-self: flex-start;
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  footer[role="contentinfo"] {
    text-align: left;
    padding: 30px 0 15px;
  }
  footer[role="contentinfo"] #ftr-flex-context {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-address-policies {
    float: none;
    order: 1;
    margin-bottom: 0;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-address-policies ul li {
    float: left;
    width: auto;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #4d4037;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-address-policies ul li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs {
    float: none;
    order: 2;
    margin-bottom: 0;
    max-width: 100%;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .social {
    max-width: 100%;
    margin-bottom: 50px;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers p {
    text-align: center;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li {
    margin: 0 10px;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    text-align: center;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li a[href*="microsoft"] {
    -webkit-filter: drop-shadow(2px 2px 1px #4d4037);
    filter: drop-shadow(2px 2px 1px #4d4037);
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li a:focus {
    outline: 1px solid #004fa4 !important;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li svg {
    width: 2.5rem;
    height: 2.5rem;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li svg path {
    fill: #FFF;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li span[class^="icon-"] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-social-blogs .readers ul li .icon-pdf {
    background-image: url('/customcf/2016-redesign/images/icons/Adobe_PDF_file_icon_32x32-3.png');
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home {
    float: none;
    order: 3;
    margin-bottom: 0;
  }
  footer[role="contentinfo"] #ftr-flex-context #ftr-logo-home a {
    float: right;
  }
  footer[role="contentinfo"] .row {
    margin-left: auto;
    margin-right: auto;
  }
  footer[role="contentinfo"] .row img {
    margin: 0;
  }
  footer[role="contentinfo"] .row a[href="/"] {
    float: right;
  }
  footer[role="contentinfo"] .row a:hover,
  footer[role="contentinfo"] .row a:focus {
    color: #004fa4;
  }
  footer[role="contentinfo"] .row .policies {
    border-top: none;
    padding: 5px 0;
  }
  #site-wrapper[data-tier="Tier 2"] footer[role="contentinfo"] .row-center {
    max-width: 1310px;
  }
}
#site-wrapper footer[role="contentinfo"] .social {
  align-self: center;
}
.no-picture #site-wrapper footer[role="contentinfo"] #ftr-logo-home img {
  width: 300px !important;
}
@media (min-width: 992px) and (max-width: 1310px) {
  #site-wrapper footer[role="contentinfo"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flickerAnimation2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
div.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--accent-pale);
  z-index: 1000;
}
div.loading-overlay:before,
div.loading-overlay:after {
  content: '';
  position: absolute;
  opacity: 1;
  top: 50%;
  left: calc(50% - 6rem);
  transform: translateY(-50%);
  line-height: 0.5em;
  animation: flickerAnimation 1s infinite linear;
  width: 6rem;
  height: 6rem;
  display: block;
  border: var(--accent);
  background: var(--accent);
  margin: auto;
  border-radius: 50%;
}
div.loading-overlay:after {
  opacity: 0;
  left: calc(50% + 5rem);
  animation: flickerAnimation2 1s infinite linear;
}
body#en__pagebuilder div.loading-overlay,
#EN__RootElement div.loading-overlay,
iframe div.loading-overlay {
  display: none;
}
.container-fluid {
  padding: 0;
}
.en__component--column {
  padding: 0 1.5rem;
}
@media (max-width: 960px) {
  .en__component--column {
    padding: 0;
  }
}
.row-center {
  width: 100vw;
  max-width: 144rem;
  margin: 0 auto;
}
#header-main {
  padding-top: 1rem;
}
#header-main #logo-full {
  height: 5rem;
}
#header-main h2 {
  font-size: 1.8rem;
  line-height: 6rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header-main .row:not(.row-center) {
  margin: 0;
}
.squared-text {
  max-width: 100vw;
  margin: 2.5rem auto;
  transform: scale(0.8);
}
@media (min-width: 961px) {
  .squared-text {
    max-width: 50vw;
    transform: scale(1);
  }
}
.squared-text .big,
.squared-text .small {
  display: block;
  font-family: "GT Walsheim", Arial, sans-serif;
  font-size: 3.15rem;
  line-height: 5rem;
  text-align: center;
  font-weight: 700;
}
.squared-text .big {
  font-size: 6.45rem;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  line-height: 6rem;
}
.squared-text .bigger {
  font-size: 7.35rem;
}
#main-container {
  min-height: calc(100vh - 345px);
  padding-bottom: 2.5rem;
}
@media (max-width: 960px) {
  #main-container .en__component--row,
  #main-container .en__component--row.en__component--advrow {
    display: block;
  }
  #main-container .en__component--row .en__component--column,
  #main-container .en__component--row.en__component--advrow .en__component--column {
    width: 100%;
  }
}
@media (max-width: 1440px) {
  #main-container form[action*="hub"] {
    padding: 0 0.5rem;
  }
}
#main-container form[action*="hub"] h1,
#main-container form[action*="hub"] h1 + p,
#main-container form[action*="hub"] h2,
#main-container form[action*="hub"] h2 + p {
  margin-top: 2rem;
  padding: 0 0.25rem;
}
#main-container .en__supporterHubLogin {
  width: 90vw;
  max-width: 400px;
  margin: 1rem auto 1rem;
  border-radius: 0;
  background: #e2dfdb;
  border: 1px solid #4d4037;
}
#main-container .en__supporterHubLogin .en__supporterHubLogin__header {
  background: #4d4037;
  color: #fff;
}
#main-container .en__supporterHubLogin .en__supporterHubLogin__body {
  background: #e2dfdb;
}
#main-container .en__supporterHubLogin .en__field--hublogin {
  width: 100%;
}
#main-container .en__hubgadget__response--failure {
  border: 2px solid #c4122f;
  background: #fff;
}
#main-container .en__hubgadget__response--success {
  border: 2px solid #526a3e;
  background: #fff;
}
#main-container .en__hubgadget__response--loading {
  border: 2px solid #1774a9;
  background: #fff;
}
#main-container .en__component--hubgadget {
  border: 1px solid transparent;
  box-shadow: none;
}
#main-container .en__component--hubgadget:hover,
#main-container .en__component--hubgadget:focus {
  transform: scale(1.2);
}
#main-container .en__component--hubgadget:focus {
  background: var(--hover-collapse-color);
}
@media (min-width: 992px) {
  #main-container .en__supporterHubLogin {
    width: 45vw;
    max-width: 45vw;
  }
}
/* 

 .en__hubOverlay,
  .en__overlay {
    z-index: 2147483647;
    left: 0;
    bottom: 0;
  }
  .ecard__mandatory__error {
    border: 1px solid red;
  }
  .en__hubOverlay {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.25);
    overflow-y: auto;
    padding: 24px;
  }
  .en__hubOverlay--closed {
    display: none;
  }
  .en__hubOverlay__popup {
    position: relative;
    margin: auto;
    border-radius: 6px;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
  }
  .en__hubOverlay__loading {
    display: none;
    opacity: 0.8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/en_loading.gif) center center no-repeat #fff;
  }
  .en__hubOverlay__loading--active {
    display: block;
  }
  .en__hubOverlay--supporterdetails .en__hubOverlay__popup,
  .en__hubOverlay--supportersubscriptions .en__hubOverlay__popup {
    max-width: 600px;
  }
  .en__hubOverlay--pledge .en__hubOverlay__popup {
    max-width: 1100px;
  }
  .en__hubOverlay--membership > .en__hubOverlay__popup {
    max-width: 800px;
  }
  .en__hubOverlay--membershipHistory > .en__hubOverlay__popup {
    max-width: 600px;
  }
  .en__hubOverlay--memCardUpdate > .en__hubOverlay__popup {
    max-width: 930px;
  }
  .en__hubOverlay--membershipRenew > .en__hubOverlay__popup,
  .en__hubOverlay--txngiving > .en__hubOverlay__popup {
    max-width: 600px;
  }
  .en__hubOverlay__header {
    background: #f5f5f5;
    border-bottom: solid 1px #ccc;
    border-radius: 6px 6px 0 0;
    position: relative;
    min-height: 32px;
  }
  .en__hubOverlay__header h2 {
    margin: 0;
    padding: 9px 32px 6px 24px;
    font-size: 14px;
    color: #333;
  }
  .en__hubOverlay__header a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    background: url(../images/en_huboverlay_close.png) center center no-repeat;
    overflow: hidden;
    text-indent: -999px;
  }
  .en__hubOverlay__content {
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 24px;
  }
  .en__supporterHubLogin {
    width: 420px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
  }
  .en__supporterHubLogin__header {
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 12px;
  }
  .en__supporterHubLogin__body {
    padding: 24px;
    background: #fff;
  }
  .en__supporterHubLogin__emailAddress {
    display: flex;
    justify-content: space-between;
  }
  .en__supporterHubLogin__body .en__field__label {
    margin-right: 10px;
    flex-grow: 1;
    width: initial;
  }
  .en__supporterHubLogin__body .en__field__input--email,
  .en__supporterHubLogin__body .en__field__input--number,
  .en__supporterHubLogin__body .en__field__input--telephone,
  .en__supporterHubLogin__body .en__field__input--text {
    flex-grow: 1;
  }
  .en__hubgadget__response {
    display: none;
    margin: 10px 0;
    padding: 0 10px;
  }
  .en__hubgadget__response--success {
    border: 1px dashed #3c3;
  }
  .en__hubgadget__response--failure {
    border: 1px dashed #cc0001;
  }
  .en__hubgadget__response--warn {
    border: 1px dashed #fcac00;
    display: block;
  }
  .en__hubgadget__response--active {
    display: block;
  }
  .en__hubPledge__currency {
    display: inline-block;
  }
  .en__myImpact__hubCopies {
    margin: 0;
  }
  .en__myImpact__hubCopy {
    background: #f5f5f5;
    padding: 0 12px;
    margin-top: 6px;
    cursor: pointer;
  }
  .en__myImpact__hubCopyEmpty {
    background: #f5f5f5;
    margin-top: 6px;
    display: block;
    border-radius: 3px;
    padding: 12px;
  }
  .en__myImpact__hubCopy span {
    display: block;
    background: url(../images/en_search.png) right center no-repeat;
    border-radius: 3px;
    padding: 12px 0;
  }
  .en__hubCopy__action {
    background: #3e9bd6;
    color: #fff;
    display: inline-block;
    float: right;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 20px;
    margin: 0 0 24px;
  }
  .en__hubCopy__content {
    clear: both;
  }
  .en__hubOverlay__impact .en__hubOverlay__header h2 {
    font-size: 20px;
    color: #2774a8;
  }
  .en__hubOverlay__impact .en__hubOverlay__content > div {
    background: url(../images/en_thumbsup.png) no-repeat;
    padding: 0 0 0 160px;
  }
  .en__hubOverlay__impact .en__hubOverlay__content.hubdetail > div {
    background: 0 0;
    padding: 0;
  }
  .en__hubOverlay__impact .en__myImpact__header iframe {
    border: none;
  }
  .en__p2phub__sites {
    margin: 0 0 24px;
  }
  .en__p2phub__site {
    font-size: 15px;
    background: #f5f5f5;
    padding: 0 12px;
    margin-top: 6px;
  }
  .en__p2phub__site a {
    color: #000 !important;
    text-decoration: none !important;
    display: block;
    border-radius: 3px;
    padding: 12px 0;
  }
  .en__p2phub__site .en__p2phub__login {
    background: url(../images/en_lockopen-24.png) right center no-repeat;
  }
  .en__hubPledge__state {
    display: flex;
  }
  .en__hubPledge__icon {
    margin-right: 24px;
  }
  @media (max-width: 768px) {
    .en__hubOverlay__impact .en__hubOverlay__content > div {
      background: 0 0;
      padding: 0;
    }
    .en__hubPledge__icon {
      display: none;
    }
  }
  .en__hubPledge__columns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .en__hubPledge__panels {
    flex-grow: 1;
  }
  .en__hubPledge__buttons {
    display: flex;
    justify-content: space-between;
  }
  .en__hubPledge__buttons .en__submit:only-child {
    margin-left: auto;
  }
  .en__component--copyblock--copyFailure {
    display: none;
  }
  .en__hubPledge__state--failed .en__component--copyblock--copyFailure {
    display: block;
  }
  .en__hubPledge__validationFail .en__field__element {
    border: 1px solid #cc0001;
  }
  .en__pg,
  .en__pgHeader {
    border-bottom: 1px solid #ccc;
  }
  .en__hubUpdateCC__number {
    display: flex;
    align-items: top;
  }
  .en__hubUpdateCC__toggle {
    cursor: pointer;
    width: 24px;
    margin-bottom: 18px;
    background: url(../images/en_edit.png) center center no-repeat;
    margin-left: 24px;
  }
  .en__hubUpdateCC {
    display: none;
  }
  .en__hubPledge__state--ccEnabled .en__hubUpdateCC {
    display: block;
  }
  .en__hubUpdateCC--enabled .en__hubUpdateCC__toggle {
    opacity: 0.5;
    cursor: initial;
  }
  .en__hubUpdateCC__additional {
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
    max-height: 0;
    overflow: hidden;
  }
  .en__hubMembership__viewMemberships {
    display: inline-block;
  }
  .en__hubMembership__viewMemberships p {
    color: #999;
    text-align: center;
    margin: 0;
    font-size: 0.8em;
  }
  .en__hubMembership__membership {
    margin: 12px 0;
    border: 1px solid #ccc;
  }
  .en__hubMembership__membership__summary {
    display: flex;
    overflow: hidden;
    max-height: 100px;
    transition: max-height 0.1s ease-in-out;
  }
  .en__hubMembership__membership__full {
    max-height: 0;
    transition: max-height, 0.2s ease-in-out;
    overflow: hidden;
    padding: 0 12px;
  }
  .en__hubMembership__membership__summary__name {
    flex-grow: 1;
    padding: 9px 12px;
  }
  .en__hubMembership__membership__summary__status {
    padding: 9px 12px;
    width: 80px;
  }
  .en__hubMembership__membership__summary__date {
    padding: 9px 12px;
    width: 120px;
  }
  .en__hubMembership__membership__summary__edit {
    padding: 0;
    width: 48px;
  }
  .open .en__hubMembership__membership__full {
    max-height: 1000px;
  }
  .en__hubMembership__membership__header {
    padding: 9px 0;
  }
  .en__hubMembership__membership__details {
    display: flex;
    box-sizing: border-box;
    padding: 12px 0;
    margin: 0 -6px;
    flex-wrap: wrap;
  }
  .en__hubMembership__membership__details > div {
    flex: 1 0 50%;
    min-width: 300px;
  }
  .en__hubMembership__membership__detail {
    display: flex;
    flex-wrap: wrap;
  }
  .en__hubMembership__membership__detail__label {
    font-weight: 700;
    width: 180px;
    padding: 6px;
  }
  .en__hubMembership__membership__detail__value {
    flex-grow: 1;
    padding: 6px;
  }
  .en__hubMembership__recurring {
    padding: 9px 0;
  }
  .en__hubMemCardUpdate__page--success {
    display: none;
  }
  .en__hubMemCardUpdate--success .en__hubMemCardUpdate__page--success {
    display: block;
  }
  .en__hubMemCardUpdate--success .en__hubMemCardUpdate__page--initial {
    display: none;
  }
  .en__hubMemCardUpdate__actions {
    display: flex;
    justify-content: space-between;
  }
  .en__hubMemCardUpdate__forms {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .en__hubMemCardUpdate__form--left {
    margin-right: 10px;
  }
  .en__hubMembership__card {
    background: #f5f5f5;
    display: inline-block;
    padding: 12px;
    position: relative;
    width: 320px;
    font-size: 0.85em;
  }
  .en__hubMembership__card dl {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .en__hubMembership__card dt {
    flex: 1 0 50%;
    box-sizing: border-box;
    padding: 6px 12px;
    margin: 0;
    font-weight: 700;
  }
  .en__hubMembership__card dd {
    flex: 1 0 50%;
    box-sizing: border-box;
    padding: 6px 12px;
    margin: 0;
  }
  .en__hubMembership__card__update {
    width: 24px;
    height: 24px;
    background: url(../images/en_edit.png) center center no-repeat;
    cursor: pointer;
    text-indent: -99999px;
    position: absolute;
    top: 12px;
    right: 12px;
  }
  .en__hubMembershipRenew__actions {
    text-align: right;
  }
  .en__hubMembershipHistory table {
    width: 100%;
  }
  .en__hubMembershipHistory th {
    text-align: left;
  }
  .en__hubTxnGiving__header {
    margin-bottom: 24px;
  }
  .en__hubTxnGiving__transactions__list ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .en__hubTxnGiving__transactions__list li {
    border: 1px solid #ccc;
    font-size: 0.85em;
    margin: 6px 0;
    padding: 6px;
  }
  .en__hubTxnGiving__transactions__header {
    display: table;
    width: 100%;
  }
  .en__hubTxnGiving__transactions__date {
    display: table-cell;
    width: 33%;
    padding-right: 12px;
  }
  .en__hubTxnGiving__transactions__total {
    display: table-cell;
    text-align: right;
  }
  .en__component--premiumgiftblock {
    display: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 12px;
  }
  .en__pgHeader {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 12px 18px;
  }

*/
div.styled-select {
  position: relative;
}
div.styled-select select.form-control {
  -webkit-appearance: textfield;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: #FFF !important;
  background-image: none !important;
  background-clip: padding-box !important;
}
div.styled-select select.form-control option {
  padding: 8px 12px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #343434;
}
div.styled-select:after {
  content: "\f123";
  color: #646464;
  font-family: "Ionicons";
  background: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 52px;
  font-size: 22px;
  line-height: 50px;
  text-align: center;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
  transition: border-color 0.15s ease-in-out 0s, color 0.15s ease-in-out;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
div.styled-select.has-focus:after,
div.styled-select:focus-within:after {
  color: #1774a9;
  border-top-color: #1774a9;
  border-right-color: #1774a9;
  border-bottom-color: #1774a9;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
div.styled-select.is-disabled:after {
  color: #5e6769;
}
.styled-select-bold .ui-selectmenu-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 22px;
}
.styled-select-bold .ui-selectmenu-button {
  border: 2px solid #00616c;
  background: transparent;
  height: 30px;
  float: left;
  margin: 0 8px;
  padding: 0 0 0 8px;
  font-family: Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 28px;
  color: #fff;
  position: relative;
  text-transform: uppercase;
}
.styled-select-bold .ui-selectmenu-button:focus,
.styled-select-bold .ui-selectmenu-button:hover {
  background: #00616c;
}
.styled-select-bold .ui-selectmenu-button .ui-icon:after {
  font-family: "Ionicons";
  content: "\f126";
  width: 22px;
  text-align: center;
  height: 28px;
  background: #00616c;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1.8rem;
  line-height: 28px;
  border-left: 3px solid #00616c;
}
.styled-select-bold .ui-selectmenu-button .ui-icon-triangle-1-s:after {
  font-family: "Ionicons";
  content: '\f123';
}
.ui-selectmenu-menu {
  z-index: 1003;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="true"] {
  display: none;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="false"] {
  display: block;
  background: #fff;
  width: auto;
  max-height: 300px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="false"] .ui-menu-item {
  font-size: 14px;
  background: #fff;
  padding: 0 10px;
  margin: 0;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="false"].ui-style-bold {
  border: 1px solid #00616c;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="false"].ui-style-bold .ui-menu-item {
  font-family: Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5em;
  padding: 7px 10px;
  color: #00616c;
  border-bottom: 1px dotted #00616c;
  text-transform: uppercase;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="false"].ui-style-bold .ui-menu-item:last-child {
  border-bottom: none;
}
.ui-selectmenu-menu .ui-menu[aria-hidden="false"].ui-style-bold .ui-menu-item.ui-state-focus {
  color: #fff;
  background: #00616c;
}
form .radio input[type="radio"],
form .checkbox input[type="radio"],
form .radio input[type="checkbox"],
form .checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
form .radio input + label,
form .checkbox input + label {
  line-height: 2rem;
  font-size: 1.6rem;
  padding-left: 3rem;
  margin-bottom: 10px;
}
form .radio input + label:before,
form .checkbox input + label:before {
  content: '';
  font-family: "Ionicons";
  font-size: 1.3rem;
  line-height: 21px;
  text-align: center;
  margin-right: 10px;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #d2d2d2;
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: border-color 0.15s ease-in-out 0s, color 0.15s ease-in-out;
}
form .radio input:focus + label:before,
form .checkbox input:focus + label:before,
form .radio input + label:hover:before,
form .checkbox input + label:hover:before {
  border: 1px solid #1774a9;
  background: #e5f0f4;
}
form .radio input[type="radio"] + label:before {
  border-radius: 100%;
}
form .radio input[type="radio"]:checked + label:before {
  content: '\f21b';
  color: #1774a9;
  border-color: #1774a9;
}
form .radio input[type="radio"]:disabled + label,
form .radio input[type="radio"]:disabled + label:before {
  content: '';
  color: #5e6769;
}
form .checkbox input[type="checkbox"]:checked + label:before {
  content: '\f122';
  color: #1774a9;
  border-color: #1774a9;
}
form .checkbox input[type="checkbox"]:disabled + label,
form .checkbox input[type="checkbox"]:disabled + label:before,
form .checkbox input[type="checkbox"]:disabled:hover + label,
form .checkbox input[type="checkbox"]:disabled:hover + label:before,
form .checkbox input[type="checkbox"]:disabled:focus + label,
form .checkbox input[type="checkbox"]:disabled:focus + label:before {
  content: '';
  color: #5e6769;
  border-color: #5e6769;
}
form .checkbox input[type="checkbox"]:disabled + label:before,
form .checkbox input[type="checkbox"]:disabled:hover + label:before,
form .checkbox input[type="checkbox"]:disabled:focus + label:before {
  background-color: #99a3a6;
}
form .radio + .radio,
form .checkbox + .checkbox {
  margin-top: 10px;
}
form {
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  color: #343434;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid transparent;
  border-radius: 0;
}
.en__field--validationFailed {
  position: relative;
}
.en__field--validationFailed .en__field__error {
  position: absolute;
  bottom: 101%;
  background: #fff;
  padding: 0.5rem;
  border: 1px solid var(--red);
  z-index: 10;
  box-shadow: 1px 1px 2px var(--default-text);
}
.en__field--validationFailed .en__field__error:after {
  width: 0px;
  height: 0px;
  transform: rotate(360deg);
  border-color: transparent;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-top-color: var(--red);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: calc(50% - 26px);
}
.en__mandatory label::after,
.en__mandatory legend::after {
  content: " \f314";
  font-family: "Ionicons";
  color: #ed1a3b;
  font-size: 1rem;
  line-height: 2rem;
  top: -1px;
  position: relative;
}
.en__mandatory input + label::after,
.en__mandatory .en__ratingField::after {
  content: '';
}
.form-control:focus {
  border-color: #1774a9;
  border-width: 2px;
}
form .radio input + label,
form .checkbox input + label {
  padding-left: 3rem !important;
  padding-right: 0.5rem !important;
  position: relative;
}
fieldset.collapsible {
  margin-bottom: 2.8rem;
}
fieldset.collapsible.narrow-margin {
  margin-bottom: .5rem;
}
fieldset.collapsible > legend {
  padding: 1rem;
  background-color: #e5f0f4;
}
fieldset.collapsible > legend + div.collapse {
  border: 2px solid rgba(255, 255, 255, 0);
  background: #fff;
}
fieldset.collapsible > legend + div.collapse.show,
fieldset.collapsible > legend + div.collapsing {
  padding: 1.5rem 1.5rem 0 1.5rem;
  border-color: #e5f0f4;
}
fieldset.collapsible > legend a[data-toggle] {
  text-decoration: none;
}
fieldset.collapsible > legend a[data-toggle] h2 {
  font-family: Arial, sans-serif;
  font-weight: 700;
  color: #4d4037;
  font-size: 2.2rem;
  line-height: 2.6rem;
  margin: 0 0 10px;
  padding-right: 30px;
  text-transform: none;
  letter-spacing: 0;
  background: transparent;
  position: relative;
  margin: 0;
}
fieldset.collapsible > legend a[data-toggle] h2:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 20px;
  height: 100%;
  font-family: "Ionicons";
  font-size: 1.5em;
  content: '\f489';
}
fieldset.collapsible > legend a[data-toggle][aria-expanded="true"] p:after {
  content: '\f462';
}
fieldset.collapsible > legend a[data-toggle]:hover,
fieldset.collapsible > legend a[data-toggle]:focus {
  text-decoration: none;
}
fieldset.collapsible > legend[class*="bg-"] + div.collapse.show,
fieldset.collapsible > legend[class*="bg-"] + div.collapsing {
  border: 2px solid #005578;
}
fieldset.collapsible > legend[class*="bg-"] a[data-toggle] {
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-color: #aabdbe;
  text-decoration-skip: ink spaces;
  color: #fff;
  text-decoration: none;
}
fieldset.collapsible > legend[class*="bg-"] a[data-toggle]:hover,
fieldset.collapsible > legend[class*="bg-"] a[data-toggle]:focus {
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-color: #fff;
  text-decoration-skip: ink spaces;
  color: #fff;
}
fieldset.collapsible > legend[class*="bg-"] a[data-toggle]:focus {
  outline: 1px dotted #f4c74b !important;
  outline-offset: -1px;
}
fieldset.collapsible > legend[class*="bg-"] a[data-toggle] h2 {
  color: var(--accent-dark);
}
fieldset.collapsible > legend[class*="bg-"] a[aria-expanded="true"] h2 {
    color: #ffffff;
}
fieldset.collapsible > legend[class*="bg-"] a[data-toggle] h2:after {
  color: var(--accent-dark);
}
.en__component--column.dark legend,
.en__component--column.dark label,
.en__component--column.dark p,
.en__component--column.dark h1,
.en__component--column.dark h2,
.en__component--column.dark h3,
.en__component--column.dark h4,
.en__component--column.dark h5,
.en__component--column.dark h6,
.en__component--column.dark li,
.en__component--column.dark q,
.en__component--column.dark blockquote,
.en__component--column.dark cite,
.en__component--column.dark blockquote:before,
.en__component--column.dark blockquote:after,
.en__component--column.dark figcaption,
.en__component--column.dark address {
  color: #fff !important;
}
.en__component--column.dark a {
  text-decoration: underline;
  color: #f4c74b !important;
  text-decoration-line: underline;
  text-decoration-color: #fff;
  text-decoration-skip: ink;
}
.en__component--column.dark a:visited {
  color: rgba(244, 199, 75, 0.95) !important;
  text-decoration-color: rgba(255, 255, 255, 0.85);
}
.en__component--column.dark a:hover,
.en__component--column.dark a:focus {
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-color: #f4c74b;
  text-decoration-skip: ink;
  color: #fff !important;
}
.en__component--column.dark .en__mandatory label::after,
.en__component--column.dark .en__mandatory legend::after {
  color: #f4c74b;
}
.en__component--column.dark .form-control {
  border-width: 3px;
}
.en__component--column.dark .form-control:focus {
  border-color: #f4c74b;
}
#main-container .one-click-template .enDonationAmount__buttons {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "button1 button2 button3" "button4 other otherAmt";
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  width: 60%;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount {
  display: block;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__input--radio {
  vertical-align: middle !important;
  margin: -1px 3px 0px 5px !important;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item--other input {
  border: 2px solid #c4122f;
  background: none;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  color: inherit;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item--other input:focus {
  border-color: #1774a9;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount {
  width: auto;
  margin: 0;
  border-radius: 0;
  border: none;
  height: 50px;
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  padding: 0 !important;
  background: #4918CD;
  border: 1px solid #4918CD;
  color: #fff !important;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount--active {
  background: #961e28;
  border: 1px solid #961e28;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount:nth-child(1) {
  grid-area: button1;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount:nth-child(2) {
  grid-area: button2;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount:nth-child(3) {
  grid-area: button3;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount:nth-child(4) {
  grid-area: button4;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item__amount--other {
  grid-area: other;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__item--other {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0;
  border: none;
  height: 50px;
  text-align: center;
  grid-area: otherAmt;
}
#main-container .one-click-template .enDonationAmount__buttons .en__field__input--radio {
  display: none;
}
.en__errorHeader {
  display: none !important;
}
.en__errorList {
  padding: 0;
  margin: 0;
  border: 0;
}
.en__errorList li {
  color: #fff;
  font-weight: 700;
  background: var(--red-medium);
  border: 1px solid var(--red-medium);
  padding: 1rem 3rem 1rem 4rem;
  margin: 0;
}
.en__errorList li:first-child {
  border-top: 5px solid var(--yellow-light);
  position: relative;
}
.en__errorList li:first-child:before {
  content: '!';
  color: var(--yellow-light);
  text-shadow: 1px 1px 1px #333;
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 4rem;
  font-weight: 700;
  font-family: Arial, serif;
}
.en__errorList li:last-child {
  border-bottom: 2px solid #fff;
}
.bg-au {
  background-color: #3C208C;
}
footer.bg-au {
  background-color: #D9DCE3;
}
header .logo-au {
  height: 50px !important;
}
/* 
.bg-wcl {
  background-color: #077675;
}
.bg-wcl.dark {
  background-color: #003234;
}
footer.bg-wcl {
  background-color: #17020d;
  color: #fff;
}*/
.bg-wcl {
  background-color: #3C208C;
}
.bg-wcl.dark {
  background-color: #4a19cd !important;
}
footer.bg-wcl {
  background-color: #D9DCE3;
  color: #4d4037;
}
footer.bg-wcl .row address,
footer.bg-wcl .row p,
footer.bg-wcl .row li {
  color: #4d4037;
}
footer.bg-wcl .row .logo-wcl {
  height: 80px !important;
}
header .logo-wcl {
  height: 80px !important;
}
#main-container .en__component--row:not(.en__component--advrow) .en__component--column:only-child .en__component--copyblock {
  max-width: 90ch;
}
#main-container .en__component--copyblock > h1:first-child,
#main-container #template-header-end > h1:first-child,
#main-container .en__component--copyblock > h2:first-child,
#main-container #template-header-end > h2:first-child {
  margin-top: 2.5rem;
}
#main-container .en__component--copyblock > p:first-child,
#main-container #template-header-end > p:first-child {
  margin-top: 1.5rem;
}
#main-container .en__captcha,
#main-container .en__field {
  padding-bottom: 1.5rem;
}
#main-container .en__field__label {
  display: inline;
  width: auto;
}
#main-container .en__field__helpText {
  display: none;
  font-size: 0.85em;
}
#main-container .en__field__helpText,
#main-container .en__field__label {
  padding: 0;
  vertical-align: initial;
}
#main-container .en__field__label--positionabove + .en__field__helpText {
  display: block;
}
#main-container .en__field__element--calendar,
#main-container .en__field__element--checkbox,
#main-container .en__field__element--email,
#main-container .en__field__element--number,
#main-container .en__field__element--password,
#main-container .en__field__element--radio,
#main-container .en__field__element--range,
#main-container .en__field__element--select,
#main-container .en__field__element--splitselect,
#main-container .en__field__element--splittext,
#main-container .en__field__element--telephone,
#main-container .en__field__element--text,
#main-container .en__field__element--textarea,
#main-container .en__field__element--tripleselect,
#main-container .en__field__element--tripletext {
  display: block;
}
#main-container .en__field__input--calendar,
#main-container .en__field__input--email,
#main-container .en__field__input--number,
#main-container .en__field__input--other,
#main-container .en__field__input--password,
#main-container .en__field__input--select,
#main-container .en__field__input--splitselect,
#main-container .en__field__input--splittext,
#main-container .en__field__input--telephone,
#main-container .en__field__input--text,
#main-container .en__field__input--textarea,
#main-container .en__field__input--tripleselect,
#main-container .en__field__input--tripletext {
  padding: 6px 12px;
  box-sizing: border-box;
}
#main-container .en__field__input--calendar,
#main-container .en__field__input--email,
#main-container .en__field__input--number,
#main-container .en__field__input--password,
#main-container .en__field__input--range,
#main-container .en__field__input--telephone,
#main-container .en__field__input--text,
#main-container .en__field__input--textarea,
#main-container .en__rangeFieldLabels {
  width: 100%;
}
#main-container .en__field__input--select {
  min-width: 250px;
}
#main-container .en__field__input--other {
  margin: -1px 0 0 5px;
}
#main-container .en__field__input--splittext,
#main-container .en__field__input--tripletext {
  width: 50px;
}
#main-container .en__field__input--textarea {
  min-height: 100px;
}
#main-container .en__field__item {
  padding: 6px 0;
}
#main-container .en__field__element--layoutvertical .en__field__item,
#main-container .en__field__label--positionabove {
  display: block;
}
#main-container .en__field__label--item {
  width: auto;
  padding: 0;
}
#main-container .en__field__input--radio {
  margin-top: -1px;
}
#main-container .en__field--checkbox .en__field__label,
#main-container .en__field--radio .en__field__label,
#main-container .en__field--textarea .en__field__label {
  vertical-align: top;
}
#main-container .en__field__element--layoutvertical .en__field__label--item {
  padding: 0;
  vertical-align: middle;
}
#main-container .en__field__element--labelsleft .en__field__label--item {
  float: left;
  margin-right: 4px;
}
#main-container .en__field__item.en__field__item--hidden,
#main-container .en__hidden {
  display: none;
}
#main-container .en__field__element--imgselect .en__field__item {
  padding-right: 12px;
}
#main-container .en__field__element--rating .en__field__item,
#main-container .en__pagination {
  padding: 6px;
}
#main-container .en__rangeFieldLabels {
  display: flex;
  justify-content: space-between;
}
#main-container .en__rangeFieldLabels__label {
  width: 30%;
  overflow-wrap: break-word;
}
#main-container .en__rangeFieldLabels__label--max {
  text-align: right;
}
#main-container .en__additional__amount,
#main-container .en__additional__code,
#main-container .en__additional__promo,
#main-container .en__pagination,
#main-container .en__ticket__field--cost,
#main-container .en__ticket__field--quantity,
#main-container .en__ticket__quantity,
#main-container .en__ticket__remaining {
  text-align: center;
}
#main-container .en__field__element--range input[type="range"]::-moz-range-thumb {
  cursor: pointer;
}
#main-container .en__field__element--range input[type="range"]::-webkit-slider-thumb {
  cursor: pointer;
}
#main-container .en__field__element--range input[type="range"]::-ms-thumb {
  cursor: pointer;
}
#main-container .en__ratingField input {
  display: none;
}
#main-container .en__ratingField--on .en__ratingField__image--on,
#main-container .en__ratingField__image--off {
  display: block;
}
#main-container .en__ratingField--on .en__ratingField__image--off,
#main-container .en__ratingField__image--on {
  display: none;
}
#main-container .en__button {
  font-size: 1.5rem;
  font-family: Arial, sans-serif;
  line-height: 50px;
  width: auto;
  height: 50px;
  padding: 0 20px;
  margin-top: 25px;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.5s ease, color 0.5s ease;
}
#main-container .en__button.en__button--ajax--done,
#main-container .en__button.en__button--ajax--inprogress {
  color: transparent;
  user-select: none;
  cursor: auto;
}
#main-container .en__button--ajax--inprogress {
  background: url(../images/en_loading.gif) center center no-repeat;
  background-size: 30px 30px;
}
#main-container .en__button--ajax--done {
  background: url(../images/en__end--30.png) center center no-repeat;
  background-size: 30px 30px;
}
#main-container .en__orderSummary {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 7px;
}
#main-container .en__orderSummary__additional,
#main-container .en__orderSummary__headers,
#main-container .en__orderSummary__item,
#main-container .en__orderSummary__total {
  display: table-row;
}
#main-container .en__orderSummary__data,
#main-container .en__orderSummary__header {
  display: table-cell;
  padding: 7px;
}
#main-container .en__orderSummary__data--promo {
  word-break: break-word;
}
#main-container .en__ticketBlock {
  border: 1px solid #d2d2d2;
  background-color: #f6f6f6;
}
#main-container .en__tickets {
  width: 100%;
  box-sizing: border-box;
  padding: 0 14px;
  display: table;
  table-layout: fixed;
}
#main-container .en__additional,
#main-container .en__ticket {
  display: table-row;
}
#main-container .en__ticket--DSBL {
  display: none;
}
#main-container .en__ticket__field {
  border-bottom: 1px solid #d2d2d2;
  vertical-align: top;
}
#main-container .en__ticket:last-child .en__ticket__field {
  border: 0;
}
#main-container .en__additional__amount,
#main-container .en__additional__label,
#main-container .en__ticketSummary__checkout,
#main-container .en__ticket__field {
  padding: 14px;
}
#main-container .en__additional__amount,
#main-container .en__additional__label,
#main-container .en__additional__promo,
#main-container .en__ticketSummary__checkout,
#main-container .en__ticket__field {
  display: table-cell;
}
#main-container .en__ticket__currency,
#main-container .en__ticket__minus,
#main-container .en__ticket__plus,
#main-container .en__ticket__price,
#main-container .en__ticket__quantity,
#main-container .en__ticket__selector {
  display: inline-block;
}
#main-container .en__additional__amount,
#main-container .en__additional__label,
#main-container .en__ticket__currency,
#main-container .en__ticket__name,
#main-container .en__ticket__price {
  font-size: 1.5em;
  font-weight: 700;
}
#main-container .en__ticket__field--quantity {
  width: 13em;
}
#main-container .en__additional__amount,
#main-container .en__ticket__field--cost {
  width: 10em;
}
#main-container .en__ticket__quantity {
  width: 3em;
  line-height: 2.5em;
  font-size: 1.5em;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 0;
}
#main-container .en__ticket__quantity--invalid {
  border: 1px solid #ee3324;
}
#main-container .en__ticket__minus,
#main-container .en__ticket__plus {
  height: 2.5em;
  width: 2.5em;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  cursor: pointer;
  border-radius: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#main-container .en__ticket__plus {
  margin-left: 5px;
}
#main-container .en__ticket__minus {
  margin-right: 5px;
}
#main-container .en__ticket__soldout,
#main-container .en__ticket__waitList {
  padding: 0.5em 2em;
  border-radius: 3px;
  color: #fff;
  font-size: 1em;
  display: inline-block;
}
#main-container .en__ticket__soldout {
  background-color: #999;
}
#main-container .en__ticket__waitList {
  background-color: #3e9bd6;
  cursor: pointer;
}
#main-container .en__additional__amount,
#main-container .en__additional__label {
  display: table-cell;
  padding: 10px;
}
#main-container .en__additional__input {
  padding: 0.6em 0;
  width: 4em;
  margin-right: 12px;
  text-align: center;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
#main-container .en__additional__code {
  width: 8em;
  padding: 0.6em 0;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
#main-container .en__ticketSummary {
  border-top: 1px solid #d2d2d2;
  text-align: right;
}
#main-container .en__ticketSummary__checkout {
  text-transform: uppercase;
  font-size: 1.5em;
  background-color: #ee3324;
  display: inline-block;
  padding: 14px 28px;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  cursor: pointer;
  width: 11em;
  border: 0;
  font-family: inherit;
}
#main-container .en__lightbox {
  display: none;
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  height: 100%;
  top: 0;
  left: 0;
}
#main-container .en__lightbox__box {
  margin: 0 auto;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 35em;
}
#main-container .en__lightbox__header {
  background-color: #3e9bd6;
  padding: 1em;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
}
#main-container .en__lightbox__title {
  font-size: 1.5em;
}
#main-container .en__lightbox__close {
  position: absolute;
  top: 0;
  right: 1em;
  font-size: 1em;
  vertical-align: ce;
  bottom: 0;
  margin: auto;
  height: 2em;
}
#main-container .en__lightbox__body {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 1.5em;
  text-align: center;
}
#main-container .en__lightbox__action,
#main-container .en__lightbox__action--close,
#main-container .en__lightbox__action--submit {
  background-color: #ee3324;
}
#main-container .en__waitlist {
  text-align: left;
  display: inline-block;
}
#main-container .en__waitlist__text {
  margin-bottom: 1.5em;
  text-align: left;
}
#main-container .en__waitlist__label {
  width: 12em;
  display: inline-block;
}
#main-container .en__waitlist__field {
  margin-bottom: 0.5em;
}
#main-container .en__waitlist__input {
  padding: 0.6em;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  width: 18em;
  font-size: 1em;
}
#main-container .en__waitlist__input--ticketId {
  display: none;
}
#main-container .en__waitlist__input--quantity {
  width: 5em;
}
#main-container .en__waitlist__actions {
  text-align: right;
  margin-top: 1em;
}
#main-container .en__lightbox {
  text-align: left;
}
#main-container .en__lightbox__action {
  color: #fff;
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.5em;
}
#main-container .en__lightbox__action--cancel {
  background-color: #999;
  margin-right: 1em;
}
#main-container .en__waitlist--thankyou {
  display: none;
}
#main-container .en__component--eventtickets .en__orderSummary__headers,
#main-container .en__component--eventtickets .en__orderSummary__total {
  font-weight: 700;
}
#main-container .en__component--eventtickets .en__orderSummary__data,
#main-container .en__component--eventtickets .en__orderSummary__header {
  text-align: center;
}
#main-container .en__component--eventtickets .en__orderSummary__data--totalLabel,
#main-container .en__component--eventtickets .en__orderSummary__data--type,
#main-container .en__component--eventtickets .en__orderSummary__header--type {
  text-align: left;
}
#main-container .en__contact__actions,
#main-container .en__tweetButton {
  text-align: right;
}
#main-container .en__registrants {
  padding: 0 14px;
}
#main-container .en__registrants__ticketHead {
  font-size: 1.5em;
  font-weight: 700;
  padding-bottom: 14px;
}
#main-container .en__registrants__group {
  display: flex;
  flex-wrap: wrap;
}
#main-container .en__registrants__registrant {
  padding: 0 14px;
}
#main-container .en__registrants__registrantHead {
  font-size: 1.3em;
}
#main-container .en__registrants__registrantDetails {
  padding: 14px 0;
}
#main-container .en__registrants__registrantField {
  margin-bottom: 7px;
}
#main-container .en__registrants__registrantLabel {
  display: inline-block;
  min-width: 14em;
  margin-bottom: 7px;
  margin-right: 7px;
}
#main-container .en__registrants__registrantInput {
  padding: 0.6em;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
#main-container .en__shares {
  display: flex;
  justify-content: center;
}
#main-container .en__share {
  margin-right: 18px;
}
#main-container .en__share--facebook.en__share--small {
  margin-top: 1px;
}
#main-container .en__share--gplus.en__share--small {
  margin-top: 2px;
}
#main-container .en__share__button {
  height: 50px;
  width: 50px;
  display: block;
}
#main-container .en__contact--closed .en__contactSubject,
#main-container .en__contact--dummy,
#main-container .en__contact__image.en__brokenImage img,
#main-container .en__contacts--hideCheck .en__contactDetails__select,
#main-container .en__contacts--hideContact,
#main-container .en__contacts--hideMessage .en__contactMessage,
#main-container .en__contacts--hideMessage .en__contactSections,
#main-container .en__contacts--hideSubject .en__contactSubject,
#main-container .en__contacts--hideSubject.en__contacts--hideMessage .en__contact__toggle,
#main-container .en__singleMessage--hideMessage .en__contactMessage,
#main-container .en__singleMessage--hideSubject .en__contactSubject,
#main-container .en__singleMessage--hideSubject.en__singleMessage--hideMessage {
  display: none;
}
#main-container .en__share__button--twitter {
  background: url(../images/en_share--twitter.png) center center no-repeat;
}
#main-container .en__share__button--facebook {
  background: url(../images/en_share--facebook.png) center center no-repeat;
}
#main-container .en__share__button--gplus {
  background: url(../images/en_share--gplus.png) center center no-repeat;
}
#main-container .en__share__button--small.en__share__button--twitter {
  background: url(../images/en_twitter--small.png) center 1px no-repeat;
  width: 65px;
}
#main-container .en__share__button--large.en__share__button--twitter {
  background: url(../images/en_twitter--large.png) center top no-repeat;
}
#main-container .en__component--contactblock {
  background-color: #f0f0f0;
  padding: 10px;
}
#main-container .en__contact {
  margin-bottom: 10px;
  position: relative;
}
#main-container .en__contact:last-child {
  margin-bottom: 0;
}
#main-container .en__contact__detail {
  background-color: #fff;
  padding: 10px;
}
#main-container .en__contact__image {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 10px;
  width: 60px;
  height: 60px;
}
#main-container .en__contact__image img {
  height: 100%;
  width: 100%;
}
#main-container .en__contact__image.en__brokenImage {
  background: url(../images/en_contactPlaceholder.png) top center no-repeat;
}
#main-container .en__contact__main {
  flex-grow: 1;
}
#main-container .en__contact__description p {
  margin: 0;
}
#main-container .en__contact--closed .en__contactMessage,
#main-container .en__contact--closed .en__contactSections {
  height: 0;
  overflow: hidden;
  padding: 0;
}
#main-container .en__contactMessage,
#main-container .en__contactSubject {
  padding-top: 10px;
}
#main-container .en__contactDetails {
  display: flex;
  align-items: center;
}
#main-container .en__contactDetail {
  display: inline-block;
}
#main-container .en__contactSubject__field {
  width: 100%;
}
#main-container .en__contactMessage__htmlDisplay iframe,
#main-container .en__contactMessage__plainText {
  width: 100%;
  box-sizing: border-box;
}
#main-container .en__contactMessage__htmlDisplay {
  background: #fff;
}
#main-container .en__contactMessage__plainText {
  font-family: inherit;
  font-size: inherit;
  padding: 6px;
  height: 200px;
}
#main-container .en__contactDetails__select {
  margin: 10px;
}
#main-container .en__contactDetails__rows {
  margin-right: 35px;
}
#main-container .en__contactDetails__row--1 {
  font-weight: 700;
  font-size: 1.1em;
}
#main-container .en__contact__toggle {
  cursor: pointer;
  width: 60px;
  height: 15px;
  background: url(../images/en_open.png) center center no-repeat #fff;
  margin: 0 auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#main-container .en__contact--open .en__contact__toggle {
  background: url(../images/en_close.png) center center no-repeat #fff;
}
#main-container .en__singleMessage {
  background: #fff;
  padding: 0 10px 10px;
  box-sizing: border-box;
}
#main-container .en__singleMessage .en__contactSubject {
  padding-top: 10px;
}
#main-container .en__contactDetails__background {
  display: none;
  width: 45px;
  height: 45px;
  background: url(../images/en_background.png) center center no-repeat #f0f0f0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
#main-container .en__contact--showBackground .en__contactDetails__background {
  background: url(../images/en_message.png) center center no-repeat #f0f0f0;
}
#main-container .en__contacts--singleMessageMode .en__contact--showBackground .en__contactDetails__background {
  background: url(../images/en_backgroundClose.png) center center no-repeat #f0f0f0;
}
#main-container .en__contact--open .en__contactDetails__background,
#main-container .en__contacts--singleMessageMode .en__contactDetails__background {
  display: block;
}
#main-container .en__contactBackground {
  display: none;
  padding: 20px;
  border-top: 1px solid #f0f0f0;
  margin-top: 10px;
  position: relative;
}
#main-container .en__contact--showBackground .en__contactMessage,
#main-container .en__contact--showBackground .en__contactSection,
#main-container .en__contact--showBackground .en__contactSubject {
  display: none;
}
#main-container .en__contact--showBackground .en__contactDetails {
  min-height: 35px;
}
#main-container .en__contact__actions .en__button:not(:last-child) {
  margin-right: 10px;
}
#main-container .en__contact--open.en__contact--showBackground .en__contactBackground,
#main-container .en__contacts--singleMessageMode .en__contact--showBackground .en__contactBackground {
  display: block;
}
#main-container .en__contactBackground__text {
  margin-top: 5px;
}
#main-container .en__contactBackground__text pre {
  font-family: inherit;
  white-space: pre-wrap;
  margin: 0;
}
#main-container .en__contactBackground__cycle {
  width: 25px;
  height: 16px;
  position: absolute;
  top: 0;
  margin-top: -8px;
  cursor: pointer;
}
#main-container .en__contactBackground__cycle--next {
  background: url(../images/en_next.png) center right no-repeat #fff;
  right: 0;
}
#main-container .en__contactBackground__cycle--prev {
  background: url(../images/en_prev.png) center left no-repeat #fff;
  left: 0;
}
#main-container .en__contact:first-child .en__contactBackground__cycle--prev,
#main-container .en__contact:last-child .en__contactBackground__cycle--next,
#main-container .en__contactSection--hidden {
  display: none;
}
#main-container .en__contactSection__content--editable .en__contactMessage__plainText {
  height: initial;
}
#main-container .en__contactSection__content--uneditable,
#main-container .en__contactSection__label {
  padding-top: 10px;
}
#main-container .en__contactSection__content--uneditable .en__contactMessage__plainText {
  background: 0 0;
  border: none;
  height: auto;
  cursor: default;
  resize: none;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
#main-container .en__component--tweetcontactblock {
  background-color: transparent;
}
#main-container .en__component--tweetcontactblock .en__contacts {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#main-container .en__tweetContact {
  background-color: #f0f0f0;
  padding: 10px;
  width: 400px;
  position: relative;
  margin-bottom: 10px;
}
#main-container .en__tweet,
#main-container .en__tweetBackgroundText,
#main-container .en__tweetButton,
#main-container .en__tweetDisabled,
#main-container .en__twitterTarget {
  background-color: #fff;
  padding: 10px;
}
#main-container .en__tweetBackgroundText,
#main-container .en__tweetButton {
  padding-top: 0;
}
#main-container .en__twitterTarget__select {
  display: none;
  margin: 0 10px 0 0;
}
#main-container .en__contacts--singleTweetMode .en__twitterTarget__select {
  display: block;
}
#main-container .en__twitterTarget {
  display: flex;
  align-items: center;
}
#main-container .en__twitterTarget p {
  margin: 0;
  line-height: 1.3em;
}
#main-container .en__twitterTarget__image {
  height: 60px;
  width: 60px;
  flex-grow: 0;
  margin-right: 10px;
}
#main-container .en__twitterTarget__image:before {
  content: " ";
  display: block;
  position: absolute;
  height: 60px;
  width: 60px;
  background: url(../images/en_twitter_fallback.png) center center no-repeat #f0f0f0;
}
#main-container .en__tweet textarea {
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  padding: 10px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  resize: none;
}
#main-container .en__tweetButton a {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5em;
  color: #fff;
  padding: 5px 10px;
  display: block;
}
#main-container .en__tweetButton__send,
#main-container .en__tweetButton__sent {
  background-color: #cc0001;
  border: 0;
  border-radius: 5px;
  padding: 0;
  text-align: center;
  display: inline-block;
}
#main-container .en__tweetButton__send {
  cursor: pointer;
}
#main-container .en__tweetButton__sent {
  display: none;
  background-color: #3c3;
}
#main-container .en__tweetButton--sent .en__tweetButton__sent {
  display: inline-block;
}
#main-container .en__tweetBackgroundText,
#main-container .en__tweetButton--sent .en__tweetButton__send {
  display: none;
}
#main-container .en__tweetContact .en__tweetBackgroundToggle {
  width: 45px;
  height: 45px;
  background: url(../images/en_background.png) center center no-repeat #f0f0f0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin: 10px 10px 0 0;
}
#main-container .en__tweetBackgroundText pre {
  font-family: inherit;
  white-space: pre-wrap;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
}
#main-container .en__tweetContact--showBackground .en__tweetBackgroundToggle {
  background: url(../images/en_backgroundClose.png) center center no-repeat #f0f0f0;
}
#main-container .en__tweetContact--showBackground .en__tweetBackgroundText {
  display: block;
}
#main-container .en__component.en__component--ecardblock {
  max-width: 880px;
}
#main-container .en__component.en__component--ecardblock.ui-draggable {
  max-width: initial;
}
#main-container .en__component--ecardblock h2 {
  margin: 20px 0 10px;
}
#main-container .en__ecarditems__list {
  font-size: 0;
}
#main-container .en__ecarditems__thumb {
  display: inline-block;
  margin: 0 20px 20px 0;
  width: 200px;
  height: 200px;
  cursor: pointer;
}
#main-container .en__ecarditems__thumb img {
  border: 1px solid #ff4351;
  opacity: 0.5;
  width: 200px;
  height: 200px;
  margin: 0;
}
#main-container .en__ecarditems__thumb.thumb--active img {
  opacity: 1 !important;
}
#main-container .en__ecarditems__thumb:not(.thumb--active) img {
  border-color: transparent !important;
}
#main-container .en__ecarditems__thumb:hover img {
  box-shadow: 1px 1px 5px 3px #ccc;
  border-color: default !important;
}
#main-container .en__ecarditems__action {
  text-align: center;
}
#main-container .en__ecarditems__button {
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  background: #ff4351;
  padding: 5px 10px;
  margin: 0;
  border: 0;
  border-radius: 4px;
}
#main-container .en__ecarditems__addrecipient {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 700;
  width: 32px;
  height: 32px;
  font-size: 20px !important;
  padding: 0 !important;
  font-family: arial !important;
}
#main-container .en__ecarditems__button::-moz-focus-inner {
  padding: 0 !important;
  border: 0 !important;
}
#main-container .en__ecardmessage__default {
  width: 100%;
  min-height: 200px;
  border: 1px solid #bbb;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#main-container .en__ecardrecipients__detail {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main-container .en__ecardrecipients__email,
#main-container .en__ecardrecipients__name {
  flex: initial;
  width: 50%;
  position: relative;
}
#main-container .en__ecardrecipients__email label,
#main-container .en__ecardrecipients__name label {
  margin: 0 10px 0 0;
}
#main-container .en__ecardrecipients__email input,
#main-container .en__ecardrecipients__name input {
  padding: 6px 10px;
  margin: 0 32px 0 0;
  width: 57%;
}
#main-container .en__ecardrecipients__email input.invalid,
#main-container .en__ecardrecipients__name input.invalid {
  border: 1px solid red;
}
#main-container .en__ecardrecipients__list {
  min-height: 200px;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 20px 0 0;
  background: #fff;
}
#main-container .en__ecardrecipients__futureDelivery {
  margin: 20px 0 0;
}
#main-container .en__ecardrecipients__futureDelivery label {
  display: block;
}
#main-container .en__ecardrecipients__recipient {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 5px 0;
}
#main-container .en__ecardrecipients__recipient .ecardrecipient__email,
#main-container .en__ecardrecipients__recipient .ecardrecipient__name {
  display: inline;
  border: none;
  padding: 0;
  width: 47.5%;
}
#main-container .en__ecardrecipients__recipient .ecardrecipient__remove {
  display: inline;
  width: 5%;
  text-align: right;
  padding: 0;
}
#main-container .en__ecardrecipients__recipient .ecardrecipient__remove button {
  border: none;
  background: 0 0;
  padding: 0;
  cursor: pointer;
  font-weight: 700;
}
#main-container .en__ecarditems__preview {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: initial;
  z-index: 999;
}
#main-container .en__ecarditems__prevbg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
#main-container .en__ecarditems__prevwrap {
  left: 50%;
  top: 50%;
  width: 600px;
  height: 800px;
  position: absolute;
  z-index: 9;
}
#main-container .en__ecarditems__preview.preview--show {
  display: block;
}
#main-container .en__ecarditems__preview.overflow--height .en__ecarditems__prevwrap {
  height: 100% !important;
  top: 0 !important;
  margin-top: 0 !important;
}
#main-container .en__ecarditems__preview.overflow--width .en__ecarditems__prevwrap {
  width: 100% !important;
  left: 0 !important;
  margin-left: 0 !important;
}
#main-container .en__ecarditems__prevwrap iframe {
  width: 100%;
  height: 100%;
  background: #fff;
}
#main-container .en__ecarditems__prevclose {
  border: none;
  background: 0 0;
  padding: 0;
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  line-height: 25px;
  width: 25px;
  cursor: pointer;
  text-align: center;
  font: Arial, sans-serif;
  color: #000;
}
#main-container .en__pg__detail,
#main-container .en__pg__display,
#main-container .en__pg__select {
  padding: 12px;
}
#main-container .en__pg:last-child {
  border-bottom: 0;
}
#main-container .en__pg__select input {
  cursor: pointer;
  margin: 0;
}
#main-container .en__pg__image {
  display: none;
}
#main-container .en__pg__image--selected {
  display: block;
}
#main-container .en__pg--selected .en__pg__image--selected {
  outline: #00b2d9 solid 3px;
}
#main-container .en__pg__imageSelector {
  text-align: center;
  margin-top: 6px;
}
#main-container .en__pg__imageSelector input,
#main-container .en__pg__imageSelector--hidden {
  display: none;
}
#main-container .en__pg__imageSelector label {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
}
#main-container .en__pg__imageSelector input:checked + .en__pg__imageRadio {
  background-color: #ccc;
  border-color: #ccc;
}
#main-container .en__pg__imageRadio {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 6px;
  border: 1px solid #9e9e9e;
  cursor: pointer;
}
#main-container .en__pg__body {
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
}
#main-container .en__memselector,
#main-container .en__memtypelist,
#main-container .en__memtypeselect__descriptions {
  padding: 0;
  list-style-type: none;
}
#main-container .en__pg__optionTypes {
  display: flex;
}
#main-container .en__pg__optionType {
  margin: 12px 12px 0 0;
}
#main-container .en__pg__optionType label {
  margin-right: 6px;
}
#main-container .en__memtypelist__item {
  border: 1px solid #ccc;
  margin-bottom: 12px;
}
#main-container .en__memtypeselect .en__memactions {
  justify-content: space-between;
}
#main-container .en__memselector {
  display: flex;
  flex-wrap: wrap;
}
#main-container .en__memselector__item {
  border: 1px solid #ccc;
  margin: 6px;
  display: flex;
  align-items: center;
}
#main-container .en__memselector__label,
#main-container .en__memselector__radio {
  display: block;
  cursor: pointer;
}
#main-container .en__memselector__radio {
  margin: 0 0 0 12px;
  outline: 0;
}
#main-container .en__memselector__label {
  padding: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#main-container .en__memtypeselect__description {
  display: none;
}
#main-container .en__memtypeselect__description--active {
  display: block;
}
#main-container .en__memtype {
  display: flex;
  flex-wrap: wrap;
}
#main-container .en__memimage {
  max-width: 300px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  padding: 12px;
}
#main-container .en__memimage img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}
#main-container .en__memtype__details {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding: 12px;
  min-width: 350px;
}
#main-container .en__memactions {
  display: flex;
}
#main-container .en__memaction {
  margin: 6px;
}
#main-container .en__component--memordersummary .en__orderSummary__item--total .en__orderSummary__data:first-child {
  text-align: right;
}
#main-container .en__hubOverlay--memtyperenew .en__hubOverlay__popup {
  max-width: 600px;
}
#main-container .en__hubOverlay--memtyperenew .en__field__element {
  display: block;
}
#main-container .en__hubOverlay--memtyperenew .en__field__input {
  width: 100%;
}
#main-container .en__memtyperenew__message {
  border-style: dashed;
  border-width: 1px;
  padding: 0 10px;
  display: none;
}
#main-container .en__memtyperenew__actions {
  display: flex;
  justify-content: center;
}
#main-container .en__memtyperenew__or {
  background: url(../images/dot.jpg) center center repeat-x;
  text-align: center;
}
#main-container .en__memtyperenew__orText {
  background-color: #fff;
  display: inline-block;
  padding: 10px;
}
#main-container .en__memtyperenew__page:not(.en__memtyperenew__page--active) {
  display: none;
}
#main-container .en__members {
  list-style-type: none;
  padding: 0;
}
#main-container .en__member {
  border: 1px solid #ccc;
  padding: 0;
  margin-bottom: 10px;
  background-color: #fff;
  position: relative;
}
#main-container .en__member__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../images/en_background.png) left 10px center no-repeat;
  padding: 0 20px 0 52px;
  min-height: 52px;
}
#main-container .en__member__toggle {
  display: none;
  width: 16px;
  height: 16px;
  background: url(../images/en_close.png) center center no-repeat;
}
#main-container .en__member__openButton {
  display: none;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 3em;
  padding: 0 10px;
  cursor: pointer;
  width: 160px;
}
#main-container .en__member--closed .en__member__openButton,
#main-container .en__member--closed .en__member__toggle,
#main-container .en__member--open .en__member__toggle {
  display: block;
}
#main-container .en__member--validationFailed .en__member__openButton {
  border: 1px solid #cc0001;
}
#main-container .en__member__details {
  padding: 10px;
}
#main-container .en__member--open .en__member__row {
  cursor: pointer;
}
#main-container .en__member--closed {
  border: 0;
}
#main-container .en__member--closed .en__member__details,
#main-container .en__overlay {
  display: none;
}
#main-container .en__member--closed .en__member__row {
  background-color: #ccc;
  opacity: 0.3;
}
#main-container .en__member--closed .en__member__toggle {
  background: url(../images/en_open.png) center center no-repeat;
}
#main-container .en__overlay {
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  padding: 24px;
}
#main-container .en__overlay__popup {
  position: relative;
  margin: auto;
  border-radius: 6px;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
  max-width: 800px;
}
#main-container .en__overlay__loading {
  opacity: 0.8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/en_loading.gif) center center no-repeat #fff;
  border-radius: 6px;
}
#main-container .en__overlay__message {
  padding: 12px;
}
#main-container .en__overlay__message--success {
  border: 1px dashed #3c3;
}
#main-container .en__overlay__message--error {
  border: 1px dashed #cc0001;
}
#main-container .en__overlay__message--warn {
  border: 1px dashed #fcac00;
  display: block;
}
#main-container .en__overlay__header {
  background: #f5f5f5;
  border-bottom: solid 1px #ccc;
  border-radius: 6px 6px 0 0;
  position: relative;
  min-height: 32px;
}
#main-container .en__overlay__header h2 {
  margin: 0;
  padding: 9px 32px 6px 24px;
  font-size: 14px;
  color: #333;
}
#main-container .en__overlay__header a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  background: url(../images/en_huboverlay_close.png) center center no-repeat;
  overflow: hidden;
  text-indent: -999px;
}
#main-container .en__overlay__content {
  background: #fff;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
#main-container .en__component--callcontactblock .en__contacts {
  background-color: #f0f0f0;
  padding: 10px;
}
#main-container .en__component--callcontactblock .en__component--callcontactblock__officehours,
#main-container .en__component--callcontactblock .en__contacts {
  display: none;
}
#main-container .en__component--callcontactblock.en__component--callcontactblock--inofficehours .en__contacts,
#main-container .en__component--callcontactblock.en__component--callcontactblock--outofoffice .en__component--callcontactblock__officehours {
  display: block;
}
#main-container .en__component--callcontactblock .en__contact__detail {
  display: flex;
}
#main-container .en__component--callcontactblock .en__contact__description {
  margin-bottom: 10px;
}
#main-container .en__c2c__step {
  display: none;
  margin: 24px;
}
#main-container .en__c2c__actions {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
#main-container .en__contact--call__fullQueue {
  margin-top: 10px;
}
#main-container .en__c2c__survey__form .en__status--error,
#main-container .en__c2c__survey__thankyou {
  display: none;
}
#main-container .en__c2c__survey__rate {
  display: flex;
  justify-content: space-between;
  max-width: 300px;
  margin: 12px 0;
}
#main-container .en__c2c__survey__rate .en__button {
  opacity: 0.5;
}
#main-container .en__c2c__survey__rate .en__button.active {
  opacity: 1;
}
#main-container .en__component--svblock .en__field__label--positionabove {
  width: auto;
}
#main-container .en__component--svblock--displayInOrder .en__field--survey {
  display: none;
}
#main-container .en__component--svblock--displayInOrder .en__field--survey--surveyActive,
#main-container .en__component--svblock--displayInOrder .en__field--survey--surveyDone,
#main-container .en__component--svblock--displayInOrder .en__field--survey.en__field--validationFailed,
#main-container .en__component--svblock--displayInOrder .en__field--survey:first-child {
  display: block;
}
#main-container .en__component--svblock--numbered {
  counter-reset: surveyFieldNumbering;
}
#main-container .en__component--svblock--numbered .en__field > .en__field__label:before {
  counter-increment: surveyFieldNumbering;
  content: counter(surveyFieldNumbering) ". ";
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio {
  display: grid;
  width: 95vw;
  max-width: 80ch;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: min-content min-content;
  grid-template-areas: "opt1 opt2 opt3" "opt4 other otherText";
  grid-gap: 2rem;
  margin: 0 auto;
}
@media (max-width: 960px) {
  #main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio {
    max-width: 98vw;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content min-content min-content;
    grid-template-areas: "opt1 opt2" "opt3 opt4" "other otherText";
  }
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio {
  background-color: var(--accent-dark);
  color: white;
  padding: 0;
  border: 4px solid var(--accent-dark);
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio + .radio {
  margin-top: 0;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio:hover,
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio:focus-within {
  border-color: rgba(0, 0, 0, 0.15);
  transform: scale(1.115);
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio label {
  color: white;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 1.5rem 2rem 1.5rem 4rem !important;
  position: relative;
  display: block;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio label:after {
  display: none;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio input[type="radio"] {
  opacity: 0;
  position: absolute;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio input + label::before {
  font-size: 1.35rem;
  line-height: 1.3;
  margin-right: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  border: 3px solid var(--accent-dark);
  top: 1.5rem;
  left: 1rem;
  bottom: 0;
  transition: border-color 0.15s ease-in-out 0s, color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio input[type="radio"]:checked + label::before {
  content: '\f21b';
  color: var(--yellow-light);
  background-color: var(--yellow-light);
  border-color: var(--yellow-dark);
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio.en__field__item--other {
  background: none;
  color: #343434;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio.en__field__item--other:focus-within {
  border-color: var(--yellow-dark);
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.radio.en__field__item--other input[type="text"] {
  margin: 0;
  border-color: transparent;
  width: auto;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item:nth-child(1) {
  grid-area: opt1;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item:nth-child(2) {
  grid-area: opt2;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item:nth-child(3) {
  grid-area: opt3;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item:nth-child(4) {
  grid-area: opt4;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item:nth-child(5) {
  grid-area: other;
}
#main-container .en__field--radio.en__field--withOther.en__field--donationAmt fieldset .en__field__element--radio .en__field__item.en__field__item--other {
  grid-area: otherText;
}
#main-container .au-bg-bold,
#main-container .au-bg-basic {
  padding-bottom: 4rem;
}
#main-container .au-bg-bold > .en__component--imageblock img,
#main-container .au-bg-basic > .en__component--imageblock img {
  margin: 0.5rem auto;
}
@media (max-width: 960px) {
  #main-container .au-bg-bold > .en__component--imageblock img,
  #main-container .au-bg-basic > .en__component--imageblock img {
    width: 75% !important;
    height: auto !important;
    max-width: 90vw;
  }
}
#main-container .au-bg-bold > .en__component--copyblock p:not([role]),
#main-container .au-bg-basic > .en__component--copyblock p:not([role]),
#main-container .au-bg-bold > .en__component--copyblock dl,
#main-container .au-bg-basic > .en__component--copyblock dl {
  width: 95vw;
  max-width: 80ch;
  margin: 0 auto;
}
#main-container .au-bg-bold > .en__component--copyblock p:not([role]) + p,
#main-container .au-bg-basic > .en__component--copyblock p:not([role]) + p,
#main-container .au-bg-bold > .en__component--copyblock dl + p,
#main-container .au-bg-basic > .en__component--copyblock dl + p,
#main-container .au-bg-bold > .en__component--copyblock p:not([role]) + dl,
#main-container .au-bg-basic > .en__component--copyblock p:not([role]) + dl,
#main-container .au-bg-bold > .en__component--copyblock dl + dl,
#main-container .au-bg-basic > .en__component--copyblock dl + dl {
  margin-top: 2rem;
}
@media (max-width: 960px) {
  #main-container .au-bg-bold,
  #main-container .au-bg-basic {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#main-container .au-bg-bold p.lede.extra,
#main-container .au-bg-basic p.lede.extra {
  font-family: "GT Walsheim", Arial, sans-serif;
  font-weight: 700;
  color: #4d4037;
  font-size: 2.6rem;
  line-height: 3.2rem;
  letter-spacing: 0em;
  margin: 0 0 10px;
  padding: 2.5rem 1.5rem;
  margin: 0 auto;
  width: 95vw;
  max-width: 65ch;
}
#main-container .au-bg-bold p.lede.ultra,
#main-container .au-bg-basic p.lede.ultra {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #343434;
  font-size: 2.2rem;
  padding: 2.5rem 1.5rem;
  margin: 0 auto;
  width: 95vw;
  max-width: 65ch;
}
p.lede.extra.white.text-center[role="heading"] {
    color: #3c218c !important;
}
#main-container .au-bg-bold {
  background-color: #ffffff;
  background-image: url('https://cloudfront.american.edu/assets/css/AUBrandArtBoard.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  padding-top: 1.5rem;
}
#main-container #en__field_transaction_donationAmt,
#main-container .en__field--donationAmt .input-group {
  max-width: 54ch;
  margin: 0 auto;
  font-size: 2.4rem;
  position: relative;
}
@media (max-width: 960px) {
  #main-container #en__field_transaction_donationAmt,
  #main-container .en__field--donationAmt .input-group {
    max-width: calc(100vw - 4rem);
    font-size: 1.6rem;
  }
}
#main-container #en__field_transaction_donationAmt .input-group-prepend,
#main-container .en__field--donationAmt .input-group .input-group-prepend {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 10;
}
#main-container #en__field_transaction_donationAmt .input-group-prepend .input-group-text,
#main-container .en__field--donationAmt .input-group .input-group-prepend .input-group-text {
  font-size: 3rem;
  line-height: 3rem;
  color: var(--default-text);
}
#main-container #en__field_transaction_donationAmt {
  padding-left: 3rem;
  transition: all 0.2s ease-in-out;
  border: 3px solid var(--accent-dark);
  border-radius: 3px;
}
#main-container #en__field_transaction_donationAmt:focus {
  border-color: var(--yellow-light);
  transform: scaleY(1.15);
}
#main-container .en__field--donationAmt,
#main-container .en__field--onetime-multi-recurring,
#main-container .en__field--dirgift {
  margin-bottom: 0;
  padding-bottom: 0;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio,
#main-container .en__field--dirgift fieldset .en__field__element--radio {
  display: grid;
  width: 95vw;
  max-width: 80ch;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "onetime multi monthly";
  grid-gap: 2rem;
  margin: 0 auto;
  align-items: stretch;
  align-content: start;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio {
  background-color: var(--accent-dark);
  color: white;
  padding: 0;
  border: 4px solid var(--accent-dark);
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio + .radio,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio + .radio {
  margin-top: 0;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio:hover,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio:hover,
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio:focus-within,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio:focus-within {
  border-color: rgba(0, 0, 0, 0.15);
  transform: scale(1.115);
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio label,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio label {
  color: white;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 1.5rem 2rem 1.5rem 4rem !important;
  position: relative;
  display: block;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio label:after,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio label:after {
  display: none;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio input[type="radio"],
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio input[type="radio"] {
  opacity: 0;
  position: absolute;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio input + label::before,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio input + label::before {
  font-size: 1.35rem;
  line-height: 1.3;
  margin-right: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  border: 3px solid var(--accent-dark);
  top: 1.5rem;
  left: 1rem;
  bottom: 0;
  transition: border-color 0.15s ease-in-out 0s, color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio input[type="radio"]:checked + label::before,
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio input[type="radio"]:checked + label::before {
  content: '\f21b';
  color: #e21748;
  background-color: #e21748;
  border-color: #fff;
}
@media (max-width: 960px) {
  #main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio,
  #main-container .en__field--dirgift fieldset .en__field__element--radio {
    max-width: 90vw;
    padding: 0;
    grid-gap: 1rem;
    margin: 0 auto;
    grid-template-columns: auto;
    grid-template-rows: 50px;
  }
  #main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio label,
  #main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio label {
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 1rem 0.5rem 1rem 1.5rem !important;
    word-spacing: -0.1em;
    white-space: nowrap;
  }
  #main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio input + label::before,
  #main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio input + label::before {
    width: 1rem;
    height: 1rem;
    font-size: 0.5rem;
    line-height: 0.5rem;
    border: 1px solid var(--accent-dark);
    top: 50%;
    transform: translateY(-50%);
    left: 0.25rem;
  }
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio:first-child {
  grid-area: onetime;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio:nth-child(2) {
  grid-area: multi;
}
#main-container .en__field--onetime-multi-recurring fieldset .en__field__element--radio .en__field__item.radio:nth-child(3) {
  grid-area: monthly;
}
#main-container .en__field--dirgift fieldset .en__field__element--radio {
  max-width: 80ch;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "greatest funds";
}
@media (max-width: 960px) {
  #main-container .en__field--dirgift fieldset .en__field__element--radio {
    max-width: 90vw;
  }
}
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio:first-child {
  grid-area: greatest;
}
#main-container .en__field--dirgift fieldset .en__field__element--radio .en__field__item.radio:nth-child(2) {
  grid-area: funds;
}
.au-recurrence-options {
  background: var(--accent-pale);
  position: relative;
  width: 70vw;
  max-width: 80ch;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .au-recurrence-options {
    width: 95vw;
    max-width: 95vw;
  }
}
.au-recurrence-options .en__field--recurrpay {
  display: none;
}
.au-recurrence-options.is-visible {
  margin-top: 3rem;
  padding-top: 2rem;
  box-shadow: 1px 1px 2px var(--default-text);
}
.au-recurrence-options.is-visible.selected-multi:before {
  left: calc(32.75% - 46px);
}
.au-recurrence-options.is-visible.selected-recurring .en__field--recurrfreq {
  display: none;
}
.au-recurrence-options.is-visible.selected-recurring:before {
  left: calc(67.25% - 46px);
}
.au-recurrence-options:before {
  width: 0px;
  height: 0px;
  transform: rotate(360deg);
  border-color: transparent;
  border-style: solid;
  border-width: 0 80px 25px 80px;
  border-bottom-color: var(--accent-pale);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  display: block;
  content: '';
  position: absolute;
  top: -2.4rem;
  left: calc(50% - 46px);
}
.au-recurrence-options .en__field {
  margin: 0 2rem;
}
.au-recurrence-options .en__field:first-of-type {
  margin-top: 2rem;
}
.au-recurrence-options .en__field:last-of-type {
  margin-bottom: 2rem;
}
#au-recap {
  margin: 4rem 2rem;
  font-weight: 700;
}
.en__submit button {
  text-transform: none;
}
.en__submit button.btn-lg {
  margin: 2.5rem;
  font-size: 3rem;
  background-image: none !important;
  background-color: var(--accent);
  color: white;
  padding: 1rem 2.5rem;
  border: 4px solid var(--accent);
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.en__submit button.btn-lg:hover,
.en__submit button.btn-lg:focus {
  border-color: rgba(0, 0, 0, 0.15);
  transform: scale(1.115);
}
.en__submit button.btn-lg:disabled {
  border-color: #5e6769;
  background-color: #5e6769;
}
.en__submit button.btn-centered {
  display: block;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.twitter-typeahead {
  display: block !important;
}
.tt-menu {
  background: #fff;
  border: 1px solid #1774a9;
  box-shadow: 1px 1px 2px #343434;
  padding: 0.5rem 0.75rem;
}
.tt-menu .tt-suggestion {
  border-bottom: 1px solid #1774a9;
  padding: 0.5rem;
}
.tt-menu .tt-suggestion:last-child {
  border: none;
}
.tt-menu .tt-highlight {
  background-color: #fcf4e9;
}
#main-container .en__component--advcolumn.au-collapsibles-1,
#main-container .en__component--advcolumn.au-collapsibles-2,
#main-container .en__component--advcolumn.au-collapsibles-3 {
  padding: 0;
  margin: 0.5rem 0;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible > legend,
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible > legend,
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible > legend {
  padding: 0;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible > legend a[data-toggle],
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible > legend a[data-toggle],
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible > legend a[data-toggle] {
  background-color: #fff;
  display: block;
  border: 1px solid var(--accent-dark);
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible > legend a[data-toggle] h2,
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible > legend a[data-toggle] h2,
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible > legend a[data-toggle] h2 {
  padding: 1.5rem 2rem 1.5rem 1rem;
}
@media (max-width: 960px) {
  #main-container .en__component--advcolumn.au-collapsibles-1 .collapsible > legend a[data-toggle] h2,
  #main-container .en__component--advcolumn.au-collapsibles-2 .collapsible > legend a[data-toggle] h2,
  #main-container .en__component--advcolumn.au-collapsibles-3 .collapsible > legend a[data-toggle] h2 {
    padding: 1.5rem 2rem;
    font-size: 1.5rem;
  }
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible > legend a[data-toggle] h2::after,
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible > legend a[data-toggle] h2::after,
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible > legend a[data-toggle] h2::after {
  content: '';
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible > legend a[data-toggle][aria-expanded="true"],
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible > legend a[data-toggle][aria-expanded="true"],
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible > legend a[data-toggle][aria-expanded="true"] {
  background-color: var(--accent-dark);
  border: 1px solid var(--accent-dark);
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible .show,
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .show,
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .show,
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible .collapsing,
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .collapsing,
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .collapsing {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  max-width: 1440px;
  border-color: var(--accent-dark) !important;
  border-width: 2px !important;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .collapsible .collapsing,
#main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .collapsing,
#main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .collapsing {
  border-color: transparent !important;
}
#main-container .en__component--advcolumn.au-collapsibles-1.bold .collapsible > legend a[data-toggle],
#main-container .en__component--advcolumn.au-collapsibles-2.bold .collapsible > legend a[data-toggle],
#main-container .en__component--advcolumn.au-collapsibles-3.bold .collapsible > legend a[data-toggle] {
  background-color: #fff;
  background-image: url('https://cloudfront.american.edu/assets/css/AUBrandArtBoard.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  border: 1px solid var(-blue-dark);
}
#main-container .en__component--advcolumn.au-collapsibles-1.bold .collapsible > legend a[data-toggle][aria-expanded="true"],
#main-container .en__component--advcolumn.au-collapsibles-2.bold .collapsible > legend a[data-toggle][aria-expanded="true"],
#main-container .en__component--advcolumn.au-collapsibles-3.bold .collapsible > legend a[data-toggle][aria-expanded="true"] {
  background-color: var(--accent-dark);
  background-image: url('https://cloudfront.american.edu/assets/css/AUBrandArtBoard.svg');
  border: 1px solid var(--accent-dark);
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock .en__field,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock .en__field,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock .en__field {
  margin-bottom: 0;
  padding-bottom: 0;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-matching,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-matching,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-matching {
  grid-template-areas: "field match blank";
  padding-bottom: 1.5rem;
}
@media (max-width: 960px) {
  #main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-matching,
  #main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-matching,
  #main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-matching {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, min-content);
    grid-template-areas: "field" "match";
  }
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-matching .en__field--othamt1,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-matching .en__field--othamt1,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-matching .en__field--othamt1 {
  grid-area: field;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-matching .matchTarget,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-matching .matchTarget,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-matching .matchTarget {
  grid-area: match;
  padding: 1.5rem;
  margin: 0 0 1.5rem;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "tribute honoree honoree" "notify notify notify" "infname infemail blank1" "infadd1 infadd2 blank2" "infcity infreg infpostcd" "infcountry blank3 blank4";
}
@media (max-width: 960px) {
  #main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam,
  #main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam,
  #main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(11, min-content);
    grid-template-areas: "tribute" "honoree" "notify" "infname" "infemail" "infadd1" "infadd2" "infcity" "infreg" "infpostcd" "infcountry";
  }
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--trbopts,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--trbopts,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--trbopts {
  grid-area: tribute;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--honname,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--honname,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--honname {
  grid-area: honoree;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--wish-to-notify,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--wish-to-notify,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--wish-to-notify {
  grid-area: notify;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infname,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infname,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infname {
  grid-area: infname;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infemail,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infemail,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infemail {
  grid-area: infemail;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infadd1,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infadd1,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infadd1 {
  grid-area: infadd1;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infadd2,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infadd2,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infadd2 {
  grid-area: infadd2;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infcity,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infcity,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infcity {
  grid-area: infcity;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infreg,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infreg,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infreg {
  grid-area: infreg;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infpostcd,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infpostcd,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infpostcd {
  grid-area: infpostcd;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-memoriam .en__field--infcountry,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-memoriam .en__field--infcountry,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-memoriam .en__field--infcountry {
  grid-area: infcountry;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "aff blank blank" "school school year";
}
@media (max-width: 960px) {
  #main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship,
  #main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship,
  #main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, min-content);
    grid-template-areas: "aff" "school" "year";
  }
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_131,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_131,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_131 {
  grid-area: aff;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 {
  grid-area: school;
}
@media (min-width: 1441px) {
  #main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 .en__field__element--checkbox,
  #main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 .en__field__element--checkbox,
  #main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 .en__field__element--checkbox {
    column-count: 2;
    column-gap: 2rem;
  }
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 .en__field__element--checkbox .en__field__item,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 .en__field__element--checkbox .en__field__item,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_103 .en__field__element--checkbox .en__field__item {
  display: block;
}
#main-container .en__component--advcolumn.au-collapsibles-1 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_143,
#main-container .en__component--advcolumn.au-collapsibles-2 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_143,
#main-container .en__component--advcolumn.au-collapsibles-3 .en__component--formblock.au-relationship .en__field--NOT_TAGGED_143 {
  grid-area: year;
}
#main-container .en__component--advcolumn.au-collapsibles-1,
#main-container .en__component--advcolumn.au-collapsibles-2 {
  margin-right: 0.5rem;
}
@media (min-width: 961px) {
  #main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .show,
  #main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .collapsing {
    left: -33.5vw;
  }
  #main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .show,
  #main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .collapsing {
    left: -67vw;
  }
}
@media (min-width: 1441px) {
  #main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .show,
  #main-container .en__component--advcolumn.au-collapsibles-2 .collapsible .collapsing {
    left: -482px;
  }
  #main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .show,
  #main-container .en__component--advcolumn.au-collapsibles-3 .collapsible .collapsing {
    left: -964px;
  }
}
#au-designations-target {
  padding: 2rem;
  margin: 0 2rem;
  margin-top: 3rem;
  background: var(--accent-pale);
  position: relative;
  box-shadow: 1px 1px 2px var(--default-text);
}
@media (max-width: 960px) {
  #au-designations-target {
    margin-left: auto;
    margin-right: auto;
    max-width: 90vw;
    overflow-x: hidden;
    background: var(--accent-pale);
  }
}
#au-designations-target.padding-bottom-lg {
  padding-bottom: 200px;
}
#au-designations-target:before {
  width: 0px;
  height: 0px;
  transform: rotate(360deg);
  border-color: transparent;
  border-style: solid;
  border-width: 0 80px 25px 80px;
  border-bottom-color: var(--accent-pale);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  display: block;
  content: '';
  position: absolute;
  top: -2.4rem;
  left: calc(50% - 46px);
}
#au-designations-target [data-comment].row {
  border-bottom: 1px solid transparent;
  border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 0 0 1 0;
}
#au-designations-target [data-comment].row .row .col-1 {
  padding-left: 0;
  padding-right: 0;
}
#au-designations-target .row {
  margin-left: 0;
  margin-right: 0;
}
#au-designations-target .checkbox input + label:before {
  top: -2px;
}
#au-designations-target fieldset + fieldset legend,
#au-designations-target fieldset.row legend,
#au-designations-target #au-designations-unlisted legend {
  margin-top: 2rem;
}
#au-designations-target #au-designations-unlisted legend {
  padding-left: 1.5rem;
}
@media (max-width: 960px) {
  #au-designations-target legend {
    margin-top: 0 !important;
    padding-top: 2rem !important;
  }
  #au-designations-target [data-comment].row:last-child {
    border: none !important;
  }
}
#au-designations-target .form-group {
  margin: 0.25rem 0;
  padding: 0 0.5rem;
}
#au-designations-target input.form-control {
  height: 3.5rem;
  line-height: 3.5rem;
}
@media (max-width: 960px) {
  #au-designations-target input.form-control {
    font-size: 1.6rem;
    line-height: 1;
  }
}
#au-designations-target input.form-control.tt-hint {
  background: #fff !important;
}
#au-designations-target .input-group-prepend .input-group-text,
#au-designations-target .input-group-append .input-group-text {
  font-size: 1.8rem;
  line-height: 2.75rem;
}
#au-designations-target .input-group-append .input-group-text {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 0.9;
  letter-spacing: -0.3em;
  padding-left: .25rem;
}
#au-designations-target .input-group-prepend .input-group-text {
  padding-right: .25rem;
}
#au-designations-target input[name^="au.designations.other"][disabled] {
  background-color: #99a3a6 !important;
  border-color: #99a3a6;
}
#au-designations-target input[disabled]::placeholder {
  color: transparent;
  background: transparent;
}
#au-designations-target [disabled]::-ms-input-placeholder {
  color: transparent;
  background: transparent;
}
#au-designations-target [name^="au.designations.pct."] {
  text-align: right;
}
@media (max-width: 960px) {
  #au-designations-target [name^="au.designations.pct."] {
    text-align: left;
  }
}
#au-personal-info,
#au-payment-info {
  background-color: var(--accent-pale);
  margin: 4rem 1.5rem;
  padding: 2rem;
  min-height: 54rem;
  transition: background-color 0.15s ease-in-out;
}
@media (max-width: 1300px) {
  #au-personal-info,
  #au-payment-info {
    margin: 1.5rem 0 !important;
    padding: 1rem;
  }
}
#au-personal-info:focus-within,
#au-payment-info:focus-within {
  background-color: var(--accent-pale);
}
#au-personal-info legend,
#au-payment-info legend {
  font-family: "GT Walsheim", Arial, sans-serif;
  font-weight: 700;
  color: #4d4037;
  font-size: 2.6rem;
  line-height: 3.2rem;
  letter-spacing: 0em;
  margin: 0 0 10px;
  color: var(--accent-dark);
  float: left;
  text-align: center;
}
#au-personal-info legend + *,
#au-payment-info legend + * {
  clear: both;
}
#au-personal-info .form-group,
#au-payment-info .form-group {
  padding-bottom: 0;
  margin-bottom: 0;
}
#au-personal-info .au-personal-info,
#au-payment-info .au-personal-info {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(5, max-content);
  grid-template-areas: "first first first first last last last last" "auname auname auname auname email email email email" "add1 add1 add1 add1 add2 add2 add2 add2" "country country country country country country country country" "city city city city state state zip zip";
  grid-gap: 2rem;
  margin-right: 1rem;
}
@media (max-width: 960px) {
  #au-personal-info .au-personal-info,
  #au-payment-info .au-personal-info {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(9, min-content);
    grid-template-areas: "first first" "last last" "auname auname" "email email" "add1 add1" "add2 add2" "country country" "city city" "state zip";
    grid-gap: 1rem;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  #au-personal-info .au-personal-info,
  #au-payment-info .au-personal-info {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(6, min-content);
    grid-template-areas: "first last" "auname email" "add1 add2" "country country" "city city" "state zip";
    grid-gap: 1rem;
    margin-right: 0;
  }
}
#au-personal-info .au-personal-info .en__field--firstName,
#au-payment-info .au-personal-info .en__field--firstName {
  grid-area: first;
}
#au-personal-info .au-personal-info .en__field--lastName,
#au-payment-info .au-personal-info .en__field--lastName {
  grid-area: last;
}
#au-personal-info .au-personal-info .en__field--NOT_TAGGED_5,
#au-payment-info .au-personal-info .en__field--NOT_TAGGED_5 {
  grid-area: auname;
}
#au-personal-info .au-personal-info .en__field--emailAddress,
#au-payment-info .au-personal-info .en__field--emailAddress {
  grid-area: email;
}
#au-personal-info .au-personal-info .en__field--address1,
#au-payment-info .au-personal-info .en__field--address1 {
  grid-area: add1;
}
#au-personal-info .au-personal-info .en__field--address2,
#au-payment-info .au-personal-info .en__field--address2 {
  grid-area: add2;
}
#au-personal-info .au-personal-info .en__field--city,
#au-payment-info .au-personal-info .en__field--city {
  grid-area: city;
}
#au-personal-info .au-personal-info .en__field--region,
#au-payment-info .au-personal-info .en__field--region {
  grid-area: state;
}
#au-personal-info .au-personal-info .en__field--region select,
#au-payment-info .au-personal-info .en__field--region select {
  min-width: 0;
  width: 100%;
}
#au-personal-info .au-personal-info .en__field--postcode,
#au-payment-info .au-personal-info .en__field--postcode {
  grid-area: zip;
}
#au-personal-info .au-personal-info .en__field--postcode input,
#au-payment-info .au-personal-info .en__field--postcode input {
  width: 100%;
  min-width: 0;
}
#au-personal-info .au-personal-info .en__field--region.en__hidden + .en__field--postcode,
#au-payment-info .au-personal-info .en__field--region.en__hidden + .en__field--postcode {
  grid-row: 5 / 6;
  grid-column: 5 / 9;
}
@media (max-width: 960px) {
  #au-personal-info .au-personal-info .en__field--region.en__hidden + .en__field--postcode,
  #au-payment-info .au-personal-info .en__field--region.en__hidden + .en__field--postcode {
    grid-row: 8 / 9;
    grid-column: 2 / 3;
  }
}
#au-personal-info .au-personal-info .en__field--country,
#au-payment-info .au-personal-info .en__field--country {
  grid-area: country;
}
#au-personal-info .au-payment-info,
#au-payment-info .au-payment-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: "type type" "name name" "number number" "exp cvv";
  grid-gap: 2rem;
  margin-left: 1rem;
}
@media (max-width: 1024px) {
  #au-personal-info .au-payment-info,
  #au-payment-info .au-payment-info {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5, min-content);
    grid-template-areas: "type type" "name name" "number number" "exp exp" "cvv cvv";
    grid-gap: 1rem;
    margin-left: 0;
  }
}
#au-personal-info .au-payment-info #paypal-instructions,
#au-payment-info .au-payment-info #paypal-instructions {
  grid-area: name number;
}
#au-personal-info .au-payment-info .en__field--paymenttype,
#au-payment-info .au-payment-info .en__field--paymenttype {
  grid-area: type;
  margin-top: 25px;
  margin-bottom: 11px;
}
#au-personal-info .au-payment-info .en__field--paymenttype legend,
#au-payment-info .au-payment-info .en__field--paymenttype legend {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 40px 1fr 1fr 1fr 1fr 20px 1fr 20px 1fr;
  grid-template-areas: "cc visa master amex disco blank1 paypal blank2 bank";
  align-items: stretch;
}
@media (max-width: 1300px) {
  #au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio,
  #au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio {
    grid-template-columns: min-content min-content minmax(min-content, 1fr) 7.5px min-content minmax(min-content, 1fr);
    grid-template-rows: repeat(2, min-content);
    grid-template-areas: "cc visa master master amex disco" "paypal paypal paypal blank1 bank bank";
    grid-column-gap: 0;
    grid-row-gap: 0.75rem;
  }
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio {
  margin: 0;
  padding: 0;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio + .radio,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio + .radio {
  margin: 0;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio label,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio label,
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before {
  display: block;
  width: auto;
  white-space: nowrap;
  background: #fff;
  float: none;
  padding: 0.5rem 1rem !important;
  margin: 0;
  color: var(--accent-dark);
  border: 1px solid var(--accent-dark);
  transition: border-color 0.25s ease-in-out;
  text-align: center;
  line-height: 21px;
}
@media (max-width: 960px) {
  #au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio label,
  #au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio label,
  #au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before,
  #au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before {
    border-width: 1px;
    padding: 0.25rem 0.25rem;
    font-size: 1.25rem;
  }
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio input:checked + label,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio input:checked + label {
  background-color: var(--accent-dark);
  border-color: var(--accent-dark);
  color: #fff;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio label:before,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio label:before {
  display: none;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio label:hover,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio label:hover,
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio label:focus,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio label:focus {
  border-color: #e21748;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt {
  grid-area: cc;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before {
  line-height: 2.1rem;
  padding-left: 0.8rem !important;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 0;
}
@media (max-width: 960px) {
  #au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before,
  #au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .fa-credit-card-alt:before {
    padding: 0.5rem !important;
  }
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(1),
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(1) {
  grid-area: visa;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(2),
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(2) {
  grid-area: master;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(3),
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(3) {
  grid-area: amex;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(4),
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(4) {
  grid-area: disco;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(4) label,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(4) label {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(5),
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(5) {
  grid-area: paypal;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(5) label,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(5) label {
  border-radius: 3px;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(6),
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(6) {
  grid-area: bank;
}
#au-personal-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(6) label,
#au-payment-info .au-payment-info .en__field--paymenttype .en__field__element--radio .radio:nth-of-type(6) label {
  border-radius: 3px;
}
#au-personal-info .au-payment-info .en__field--creditCardHolderName,
#au-payment-info .au-payment-info .en__field--creditCardHolderName,
#au-personal-info .au-payment-info .en__field--NOT_TAGGED_132,
#au-payment-info .au-payment-info .en__field--NOT_TAGGED_132 {
  grid-area: name;
}
#au-personal-info .au-payment-info .en__field--ccnumber,
#au-payment-info .au-payment-info .en__field--ccnumber,
#au-personal-info .au-payment-info .en__field--bankRoutingNumber,
#au-payment-info .au-payment-info .en__field--bankRoutingNumber {
  grid-area: number;
}
#au-personal-info .au-payment-info .en__field--bankAccountNumber,
#au-payment-info .au-payment-info .en__field--bankAccountNumber {
  grid-area: cvv;
}
#au-personal-info .au-payment-info .en__field--bankAccountType,
#au-payment-info .au-payment-info .en__field--bankAccountType {
  grid-area: exp;
}
#au-personal-info .au-payment-info .en__field--ccexpire,
#au-payment-info .au-payment-info .en__field--ccexpire {
  grid-area: exp;
}
#au-personal-info .au-payment-info .en__field--ccexpire .au-expiry,
#au-payment-info .au-payment-info .en__field--ccexpire .au-expiry {
  width: calc(50% - 10px);
  margin-right: 1rem;
  padding: 0;
}
#au-personal-info .au-payment-info .en__field--ccexpire .au-expiry:last-child,
#au-payment-info .au-payment-info .en__field--ccexpire .au-expiry:last-child {
  margin-right: 0;
}
#au-personal-info .au-payment-info .en__field--ccvv,
#au-payment-info .au-payment-info .en__field--ccvv {
  grid-area: cvv;
}
#au-personal-info {
  margin-left: -1.5rem;
}
#au-payment-info {
  margin-right: -1.5rem;
}
#main-container .event-template {
  padding-top: 2rem;
}
#main-container .event-template #hero-hold {
  position: relative;
  margin-bottom: 6rem;
  margin-top: -2rem;
}
#main-container .event-template #hero-hold .teal {
  color: var(--teal) !important;
}
#main-container .event-template #hero-hold img.event-hero {
  margin: 0;
}
#main-container .event-template #hero-hold img.event-hero.mobile {
  display: none;
}
#main-container .event-template #hero-hold .hero-overlay {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  max-width: 720px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
#main-container .event-template #hero-hold .hero-overlay h1 {
  font-size: 4.5rem;
  line-height: 5rem;
  margin: 0 0 15px;
  font-weight: normal;
}
#main-container .event-template #hero-hold .hero-overlay h2 {
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 3rem;
  margin: 0 0 15px;
  letter-spacing: 2px;
}
#main-container .event-template #hero-hold .btn {
  border: 0;
  font-size: 1.7rem;
  letter-spacing: 1.7px;
  height: 44px;
  line-height: 44px;
  margin: 0;
}
#main-container .event-template #hero-hold .btn.btn-lg {
  font-size: 3rem;
}
#main-container .event-template .en__component--column.en__component--advcolumn.event-sidebar {
  width: 25.735%;
}
#main-container .event-template .en__component--column.en__component--advcolumn.event-main {
  width: 74.265%;
  padding-right: 40px;
}
#main-container .event-template h1 {
  margin-bottom: 30px;
  margin-top: 0!important;
  font-weight: 400;
}
#main-container .event-template h2 {
  margin-bottom: 20px;
  font-weight: 400;
}
#main-container .event-template .btn {
  font-size: 1.7rem;
}
#main-container .event-template .btn.btn-lg {
  font-size: 3rem;
}
#main-container .event-template .event-sidebar .info-block {
  padding: 20px 0 0 0;
  text-align: center;
  color: #fff;
}
#main-container .event-template .event-sidebar .info-block .info-row {
  margin: 0 auto;
  width: 88.571%;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #fff;
  padding-bottom: 20px;
}
#main-container .event-template .event-sidebar .info-block .info-row.price {
  border-bottom: 0;
  margin-bottom: 20px;
}
#main-container .event-template .event-sidebar .info-block .info-label {
  font-size: 1.7rem;
  letter-spacing: 1.7px;
  line-height: 1.7rem;
  margin: 20px 0 10px;
  text-transform: uppercase;
  font-weight: 600;
}
#main-container .event-template .event-sidebar .info-block .info-text {
  font-size: 2.6rem;
  line-height: 3.1rem;
  margin-bottom: 0;
}
#main-container .event-template .event-sidebar .info-block .link-row {
  color: #fff;
  padding: 0;
}
#main-container .event-template .event-sidebar .info-block .link-row a {
  color: #fff;
  padding: 20px 15px;
  letter-spacing: 1.7px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  display: block;
  width: 100%;
}
#main-container .event-template .event-sidebar .info-block .footer-text {
  text-align: center;
  padding: 15px;
}
#main-container .event-template ul.event-list li {
  margin-bottom: 0;
  color: var(--accent-dark);
  font-weight: 600;
  letter-spacing: 1.7px;
}
@media (max-width: 1200px) {
  #main-container .event-template #hero-hold img.event-hero {
    display: none;
  }
  #main-container .event-template #hero-hold img.event-hero.mobile {
    display: block;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-main {
    flex-basis: 68.265%!important;
    padding-right: 40px;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-sidebar {
    flex-basis: 31.735%!important;
  }
}
@media (max-width: 1060px) {
  #main-container .event-template .en__component--column.en__component--advcolumn.event-main {
    flex-basis: 65.265%!important;
    padding-right: 20px;
    padding-left: 15px;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-sidebar {
    flex-basis: 34.735%!important;
    padding-right: 15px;
  }
}
@media (max-width: 960px) {
  #main-container .event-template .en__component--column.en__component--advcolumn.event-main {
    flex-basis: 62.265%!important;
    padding-right: 20px;
    padding-left: 15px;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-sidebar {
    flex-basis: 37.735%!important;
    padding-right: 15px;
  }
}
@media (max-width: 830px) {
  #main-container .event-template.event-landing .en__component--row.en__component--advrow {
    flex-direction: column-reverse !important;
    align-items: center !important;
    display: flex !important;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-main {
    flex-basis: 100%!important;
    padding-right: 20px;
    padding-left: 15px;
    width: 100%;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-sidebar {
    flex-basis: 100% !important;
    padding-right: 0;
    width: 100%;
    max-width: 400px;
    margin-bottom: 25px;
  }
}
@media (max-width: 800px) {
  #main-container .event-template {
    padding: 20px 0 30px;
  }
  #main-container .event-template #hero-hold .hero-overlay .btn-hold {
    display: none;
  }
  #main-container .event-template #hero-hold .hero-overlay {
    position: relative;
    width: 100%;
    background: #fff;
    max-width: 100%;
  }
}
#main-container .event-template {
  /* NOT_TAGGED_131 is Primary Affiliation, NOT_TAGGED_3 is Secondary Affiliation */
}
#main-container .event-template h1,
#main-container .event-template h2,
#main-container .event-template h3 {
  color: var(--accent-dark) !important;
}
#main-container .event-template .en__errorList {
  margin-left: 40px;
}
#main-container .event-template .en__errorList li {
  color: #c4122f;
}
#main-container .event-template .en__ticket__currency {
  display: none;
}
    #main-container .event-template .en__ticket__plus {
        background: url('https://together.american.edu/pageassets/images/en_plus.png') center center no-repeat #fff; margin-left: 5px;
    }
    #main-container .event-template .en__ticket__minus {
        background: url('https://together.american.edu/pageassets/images/en_minus.png') center center no-repeat #fff;
        margin-right: 5px;
    }
#main-container .event-template .en__ticketBlock {
  border: 1px solid var(--accent-pale) !important;
  background-color: var(--accent-pale) !important;
}
#main-container .event-template .en__ticketSummary__checkout {
  width: 100%;
  background: var(--accent-dark);
  justify-content: center;
  padding: 20px;
  font-size: 3rem;
}
#main-container .event-template .en__tickets {
  padding: 0;
  display: flex;
  table-layout: unset;
  flex-direction: column;
}
#main-container .event-template .en__ticket.rsvp-no {
  display: none;
}
#main-container .event-template .en__ticket.hide-me,
#main-container .event-template .en__additional__promo.hide-me {
  display: none;
}
#main-container .event-template .en__additional,
#main-container .event-template .en__ticket {
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #fff;
}
#main-container .event-template .en__additional {
  justify-content: flex-end;
}
#main-container .event-template .en__additional .en__additional__label {
  width: auto;
  padding-right: 20px;
}
#main-container .event-template .en__additional__amount,
#main-container .event-template .en__additional__code {
  min-width: 180px;
}
#main-container .event-template .en__additional__amount,
#main-container .event-template .en__additional__promo,
#main-container .event-template .en__ticketSummary__checkout,
#main-container .event-template .en__ticket__field {
  display: flex;
}
#main-container .event-template .en__ticket__field {
  justify-content: flex-end;
  width: 22%;
}
#main-container .event-template .en__ticket__quantity {
  width: 3.8rem;
  line-height: 3.8rem;
  font-size: 2.2rem;
  vertical-align: middle;
  border-radius: 0;
}
#main-container .event-template .en__ticket__price {
  font-size: 2.2rem;
  line-height: 3.6rem;
}
#main-container .event-template .en__ticket__name {
  font-size: 2.2rem;
}
#main-container .event-template .en__ticket__minus,
#main-container .event-template .en__ticket__plus {
  height: 2.6rem;
  width: 2.6rem;
  margin: 0;
}
#main-container .event-template .en__ticket__field.en__ticket__field--info {
  flex-direction: column;
  width: 58%;
  padding-right: 15px;
}
#main-container .event-template .en__additional__amount,
#main-container .event-template .en__additional__label,
#main-container .event-template .en__ticket__field {
  padding: 0;
  border: 0;
}
#main-container .event-template .en__additional {
  border: 0;
  flex-wrap: wrap;
}
#main-container .event-template .en__additional__promo {
  width: 100%;
  position: relative;
}
#main-container .event-template .en__additional__code {
  margin-left: auto;
  width: 24%;
}
#main-container .event-template .en__additional__amount {
  width: 24%;
  margin-bottom: 15px;
}
#main-container .event-template .en__additional__amount input {
  height: 40px;
}
#main-container .event-template .en__additional__label {
  width: 74%;
  text-align: right;
}
#main-container .event-template .en__ticket__field--cost {
  width: 20%;
  justify-content: flex-end;
  padding-right: 20px;
  position: relative;
}
#main-container .event-template .en__ticket__price:before {
  content: "$";
  /*position: absolute;
      left: 0;
      width: 10px;
      height: 36px;*/
}
#main-container .event-template .free-ticket .en__ticket__price:before {
  content: "";
}
#main-container .event-template .en__component.rsvp-question {
  background: var(--accent-pale);
  padding: 1.5rem;
  border-bottom: 1px solid #fff;
}
#main-container .event-template .en__component.rsvp-question .form-group {
  margin: 0;
}
#main-container .event-template .en__field.en__field--select.en__field--NOT_TAGGED_131,
#main-container .event-template .en__field.en__field--select.en__field--NOT_TAGGED_3 {
  width: 100%;
}
#main-container .event-template .en__field.en__field--NOT_TAGGED_129 .en__field__element--checkbox,
#main-container .event-template .en__field.en__field--NOT_TAGGED_168 .en__field__element--checkbox,
#main-container .event-template .en__field.en__field--NOT_TAGGED_171 .en__field__element--checkbox,
#main-container .event-template .en__field.en__field--NOT_TAGGED_128 .en__field__element--checkbox {
  column-count: 2;
  column-gap: 1rem;
}
#main-container .event-template .en__field.en__field--NOT_TAGGED_129 .en__field__element--checkbox .en__field__label,
#main-container .event-template .en__field.en__field--NOT_TAGGED_168 .en__field__element--checkbox .en__field__label,
#main-container .event-template .en__field.en__field--NOT_TAGGED_171 .en__field__element--checkbox .en__field__label,
#main-container .event-template .en__field.en__field--NOT_TAGGED_128 .en__field__element--checkbox .en__field__label {
  white-space: nowrap;
}
@media (max-width: 960px) {
  #main-container .event-template .en__field.en__field--NOT_TAGGED_129 .en__field__element--checkbox,
  #main-container .event-template .en__field.en__field--NOT_TAGGED_168 .en__field__element--checkbox,
  #main-container .event-template .en__field.en__field--NOT_TAGGED_171 .en__field__element--checkbox,
  #main-container .event-template .en__field.en__field--NOT_TAGGED_128 .en__field__element--checkbox {
    column-count: 1;
  }
  #main-container .event-template .en__field.en__field--NOT_TAGGED_129 .en__field__element--checkbox .en__field__item,
  #main-container .event-template .en__field.en__field--NOT_TAGGED_168 .en__field__element--checkbox .en__field__item,
  #main-container .event-template .en__field.en__field--NOT_TAGGED_171 .en__field__element--checkbox .en__field__item,
  #main-container .event-template .en__field.en__field--NOT_TAGGED_128 .en__field__element--checkbox .en__field__item {
    width: 100%;
  }
}
#main-container .event-template .en__component--formblock.reg-block {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
#main-container .event-template .en__component--formblock.reg-block .en__field--event-attendee-listing-opt-out {
  grid-column: 1 / 3;
}
#main-container .event-template .en__errorHeader {
  font-size: 2.2rem;
  color: #c4122f;
  margin: 25px 0 10px;
}
#main-container .event-template .en__registrants__group .en__registrants__registrantDetails {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  grid-template-areas: "first email" "last diet";
}
@media (max-width: 960px) {
  #main-container .event-template .en__registrants__group .en__registrants__registrantDetails {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: "first" "last" "email" "diet";
  }
}
#main-container .event-template .en__registrants__ticket.hide-me {
  display: none;
}
#main-container .event-template .en__field--registrant--mandatory label:after {
  content: " \f314";
  font-family: "Ionicons";
  color: #ed1a3b;
  font-size: 1rem;
  line-height: 2.4rem;
  top: -1px;
  position: relative;
}
#main-container .event-template .no-cc .en__component--formblock.billing-block,
#main-container .event-template .no-cc .en__component--copyblock h2,
#main-container .event-template .no-cc .en__component--copyblock.billing-block,
#main-container .event-template .no-cc #au-payment-info {
  display: none;
}
#main-container .event-template #paypal-instructions {
  margin: 0 !important;
}
#main-container .event-template .billing-block .en__field__item {
  padding: 0;
}
#main-container .event-template .en__field__element.en__field__element--splitselect {
  display: flex !important;
  justify-content: space-between;
}
#main-container .event-template .en__field.en__field--ccexpire .en__field__item {
  width: 48.165%;
}
@media (max-width: 960px) {
  #main-container .event-template {
    padding: 20px 15px 0;
    box-sizing: border;
  }
  #main-container .event-template .en__component--row.en__component--advrow {
    flex-wrap: wrap;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-left {
    flex-basis: 100% !important;
  }
  #main-container .event-template .en__component--column.en__component--advcolumn.event-right {
    flex-basis: 100% !important;
  }
  #main-container .event-template .en__ticket__selector {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "plus" "count" "minus";
    grid-gap: 2px;
    justify-items: center;
    align-items: center;
  }
  #main-container .event-template .en__ticket__selector .en__ticket__quantity {
    grid-area: count;
  }
  #main-container .event-template .en__ticket__selector .en__ticket__minus,
  #main-container .event-template .en__ticket__selector .en__ticket__plus {
    height: 3.8rem;
    width: 3.8rem;
  }
  #main-container .event-template .en__ticket__selector .en__ticket__minus {
    grid-area: minus;
  }
  #main-container .event-template .en__ticket__selector .en__ticket__plus {
    grid-area: plus;
  }
  #main-container .event-template .en__ticket {
    display: grid;
    grid-template-columns: 5fr 2fr 1fr;
    grid-template-areas: "info cost quant";
    grid-gap: 5px;
  }
  #main-container .event-template .en__ticket .en__ticket__field {
    padding: 0.25rem;
    width: auto;
  }
  #main-container .event-template .en__ticket .en__ticket__field--info {
    grid-area: info;
    justify-content: flex-start;
  }
  #main-container .event-template .en__ticket .en__ticket__field--cost {
    grid-area: cost;
    text-align: right;
  }
  #main-container .event-template .en__ticket .en__ticket__field--quantity {
    grid-area: quant;
  }
}
@media (max-width: 1100px) {
  .en__component--column.en__component--advcolumn.event-left {
    flex-basis: 40% !important;
  }
  .en__component--column.en__component--advcolumn.event-right {
    flex-basis: 60% !important;
  }
  .en__field.en__field--NOT_TAGGED_16,
  .en__field.en__field--text.en__field--suffix,
  .en__field.en__field--select.en__field--title,
  .en__field.en__field--NOT_TAGGED_8,
  .en__field--text.en__field--firstName,
  .en__field--text.en__field--lastName,
  .en__field.en__field--phoneNumber,
  .en__field.en__field--emailAddress,
  .en__field.en__field--NOT_TAGGED_166,
  .en__field.en__field--NOT_TAGGED_167 {
    width: 100%;
  }
  .en__field.en__field--NOT_TAGGED_103 .en__field__item.checkbox {
    width: 100%;
    margin-top: 5px;
  }
}
@media (max-width: 790px) {
  .en__field.en__field--NOT_TAGGED_103 .en__field__item.checkbox {
    width: 100%;
    margin-top: 5px;
  }
}
@media (max-width: 680px) {
  .en__field.en__field--NOT_TAGGED_16,
  .en__field.en__field--text.en__field--suffix,
  .en__field.en__field--select.en__field--title,
  .en__field.en__field--NOT_TAGGED_8,
  .en__field--text.en__field--firstName,
  .en__field--text.en__field--lastName,
  .en__field.en__field--phoneNumber,
  .en__field.en__field--emailAddress,
  .en__field.en__field--NOT_TAGGED_166,
  .en__field.en__field--NOT_TAGGED_167 {
    width: 100%;
  }
  .en__ticket__name,
  .en__ticket__price {
    font-size: 2.0rem;
    line-height: 2.6rem;
  }
  .en__ticket__field.en__ticket__field--info {
    width: 60%;
  }
  .en__ticket__field--cost {
    padding-right: 10px;
  }
  .en__ticket__field--cost {
    width: 18%;
  }
  .en__additional .en__additional__label {
    padding-right: 12px;
    font-size: 2.0rem;
    line-height: 4.0rem;
  }
  .en__additional__amount {
    font-size: 2.0rem;
    line-height: 4.0rem;
  }
  .en__additional__amount,
  .en__additional__code {
    min-width: 150px;
  }
}
@media (max-width: 600px) {
  .en__ticket {
    flex-wrap: wrap;
  }
  .en__ticket__field {
    justify-content: flex-end;
    width: 100%;
  }
  .en__ticket__field.en__ticket__field--info {
    width: 80%;
  }
  .en__ticket__field--cost {
    width: 20%;
    padding-right: 0;
  }
}
/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="hidden"] {
    font-size: 16px !important;
  }
}
/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="hidden"] {
    font-size: 16px !important;
  }
}







/* Updates for Engaging Networks Rebrand 2021 ------------------------------------------------------------------------------------------ */

.bg-blue {
    background-color: #4a19cd !important;
}
p.lede.extra, p.lead.extra {
    font-family: "GT Walsheim", Arial, sans-serif;
    font-size: 160%;
    line-height: 140%;
}
form {
  font-family: Arial, sans-serif;
}
a,p,address,q,blockquote,figcaption,figure {
  font-family: Arial, sans-serif;
}
.btn {
    font-family: Arial, sans-serif;
}
.bg-blue.light {
    background-color: #4a19cd !important;
}
.bg-red {
    background-color: #4a19cd !important;
}
.bg-taupe {
    background-color: #4a19cd !important;
}
.bg-slate {
    background-color: #4a19cd !important;
}
.bg-teal {
    background-color: #4a19cd !important;
}
.bg-gray {
    background-color: #4a19cd !important;
}
.bg-green {
    background-color: #4a19cd !important;
}
.blue {
    color: #3C208C !important;
}
p.lede, p.lead {
    font-family: Arial, sans-serif;
}

/* bp */
h2, fieldset.collapsible > legend a[data-toggle] h2 {
  font-family: "GT Walsheim", Arial, sans-serif;
}