header nav {float: right;}
  header nav ul {margin: 0; padding: 0; overflow: hidden}
    header nav ul li {float: left; margin: 0; padding: 0; list-style: none;}
    header nav ul li.login-button {margin-left: 14px}
    header nav ul li.darkmode-wrapper {margin-left: 14px}
      header nav ul li a {display: block; text-decoration: none; padding: 4px 10px}
      header nav ul li.active a {border-bottom: 2px solid var(--trim)}

li.darkmode-wrapper {height: 35px}
span.darkmode {display: block; width: 30px; height: 30px; background: var(--white) url(../images/night-mode.png) 50% 50% / 20px 20px no-repeat; border-radius: 15px; cursor: pointer;}



.banner {margin-bottom: 50px; border-radius: 10px; overflow: hidden;}
.banner img {display: block}
  .banner h4 {position: absolute; bottom: 24px; left: 24px; font-size: 60px; line-height: 1; color: var(--website-footer-white); margin: 0}
  .banner h4 .modifier {font-family: 'Times New Roman'; color: var(--trim); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)}

h1 {font-size: 35px; line-height: 1}
body.has-banner h1 {padding: 0 30px}
.intro-text {color: var(--dark-grey-text); margin-bottom: 50px;}
body.has-banner .intro-text {padding: 0 30px;}


body.has-ctas .main-inner {margin-bottom: 50px}


.ctas {margin-bottom: 40px}
  .ctas .cta {border-radius: 20px; background-color: var(--white); width: 32%; margin-right: 2%; margin-bottom: 20px; padding: 0; position: relative; padding: 30px; background-color: var(--white); transition: 200ms all}
  .ctas .cta:hover {transform: scale(1.1)}
  .ctas .cta::after {content: ''; top: 30px; right: 30px; width: 60px; height: 60px; background-color: var(--trim); position: absolute; border-radius: 20px}
  .ctas .cta:nth-child(3n) {margin-right: 0}
  .ctas .cta:nth-child(3n+1) {clear: both}
    .ctas .cta a {text-decoration: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10}
      .ctas .cta h2 {color: var(--black); font-size: 28px; line-height: 1}
      .ctas .cta span {color: var(--trim)}




.main-inner .calendar table td {height: 80px; vertical-align: top}

.calendar {margin-top: 35px}

ul.list_style{list-style: none !important;font-size: 13px;}
.dark-text{font-weight: 700;font-size: 13px;}
.underline_text strong , .underline_text {text-decoration: underline;}
.black-text{ color: black;}
span.trim-text{ margin-right: 10px;}
a.gray-text{margin-left:28px; color: var(--dark-grey-text);}
.gray-anchor-text{color: var(--dark-grey-text);}
.rules_table th , .rules_table td{
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 8px 40px;
  text-align: center;
}

.select-field .selected {}
.select-field .selected span {height: 32px; display: block; line-height: 32px}
texarea {resize: vertical;}







body.dark-mode .cal-event p {color: var(--white)}
body.dark-mode .calendar td.today span {color: var(--black)}














.border-bottom {margin: 34px 0}



footer {padding: 80px 30px 80px 70px;}
footer * {color: var(--website-footer-white)}
  footer .footer-inner {}
    footer .footer-top {overflow: hidden; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid var(--website-footer-white)}
    footer .footer-bottom {overflow: hidden; }
      footer .footer-info {float: left; width: 40%; max-width: 585px}
      footer .footer-info:nth-child(2n) {float: right;}
      footer .footer-info:nth-child(2n+1) {clear: both}


  footer .logo {background: transparent url(../images/QDU-logo-white.png) 50% 50% / 120px 57px; width: 120px; height: 57px; margin-bottom: 30px}
  
  footer .contact-info {overflow: hidden}
    footer .contact-info .contact {float: left; width: 32%; margin-right: 2%}
    footer .contact-info .contact:last-child {margin-right: 0}
      footer .contact-info .contact h4 {margin-bottom: 0}

  footer .nav {}
    footer .nav ul {margin: 0; padding: 0; text-align: right}
      footer .nav ul li {list-style: none; display: inline-block; margin: 0; padding: 0}
        footer .nav ul li a {display: block; padding: 4px 8px; text-decoration: none; color: var(--website-footer-white)}

  footer .social {text-align: right}
    footer .social ul {width: auto; padding: 16px 26px; border-radius: 100px; background-color: var(--footer-social); margin: 0; display: inline-block; vertical-align: middle; line-height: 1}
      footer .social ul li {display: inline-block; margin: 0; padding: 0; list-style: none; vertical-align: middle; line-height: 1}
        footer .social ul li a {display: block; background-position: 50% 50%; background-color: transparent; overflow: hidden; text-indent: 100%; line-height: 100%; color: transparent; background-repeat: none}
        footer .social ul li.icon-facebook a {background-image: url(../images/facebook.png); background-size: 24px 24px; width: 24px; height: 24px; margin-right: 15px}
        footer .social ul li.icon-x a {background-image: url(../images/x.png); background-size: 22px 24px; width: 22px; height: 24px; margin-right: 15px}
        footer .social ul li.icon-youtube a {background-image: url(../images/youtube.png); background-size: 35px 25px; width: 35px; height: 25px;}

  footer .copyright {padding-top: 14px}

  footer a {text-decoration: none; color: var(--website-footer-white)}