.navTrigger {
  position: absolute;
  top: 100px;
  height: 10px;
  width: 10px;
  background: transparent; }

.modal-content {
  width: 100%; }

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2)); }
  @media screen and (min-width: 576px) {
    .modal-dialog-centered .modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2)); } }

div.modal-backdrop {
  background: linear-gradient(45deg, #da51c5, #3dd8ef) !important; }

.tint {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.hide {
  display: none; }

.show {
  display: inline-block !important; }

body {
  line-height: 1.6em;
  color: black; }
  body h1, body h2 {
    font-family: Arial, Phosphate;
    text-transform: uppercase;
    font-weight: bold;
    color: #c7c7c7;
    letter-spacing: 5px; }
  body p, body a {
    font-family: plantagenet cherokee;
    letter-spacing: 2px; }
  body button.btn {
    font-family: Arial, plantagenet cherokee;
    letter-spacing: 2px;
    background: #3dd8ef;
    color: black;
    border-radius: 0px;
    transition: all 100ms ease-in-out; }
    body button.btn:hover {
      background: #11b6ce;
      color: #fff;
      cursor: pointer; }
  body a.btn {
    font-family: plantagenet cherokee;
    letter-spacing: 2px;
    background: #da51c5;
    color: black;
    background-image: linear-gradient(45deg, #da51c5 0%, #33d9de 55%, #3dd8ef 90%);
    background-position: 100% 0;
    background-size: 200% 200%;
    border-radius: 30px;
    transition: all 370ms ease; }
    body a.btn:hover {
      background-position: 1% 2%;
      color: #fff;
      cursor: pointer; }
  body div.input-group {
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4); }
    body div.input-group input:focus {
      border: none;
      outline: none; }
    body div.input-group input.form-control {
      background-clip: inherit;
      border-radius: 0;
      color: #da51c5;
      font-weight: bold;
      text-transform: uppercase; }
  body hr {
    width: 80%; }
  body ul {
    list-style-type: none;
    padding: 0; }
    body ul li a {
      color: white;
      transition: all 150ms ease-in-out; }
      body ul li a:hover {
        color: #e0e0e0; }

.nav-overlay {
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 900000;
  top: 0;
  background-color: rgba(51, 51, 68, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  transition: left 0.3s ease; }
  @media screen and (max-width: 480px) and (orientation: landscape) {
    .nav-overlay {
      justify-content: space-around; } }
  .nav-overlay a.closebtn {
    color: #3dd8ef;
    display: flex;
    justify-content: flex-end;
    font-size: 60px;
    text-decoration: none;
    margin-top: 15px;
    margin-right: 15px; }
  .nav-overlay a.slide-logo {
    display: flex;
    justify-content: center;
    padding: 0; }
    .nav-overlay a.slide-logo img {
      height: 150px;
      width: 150px; }
      @media screen and (max-width: 768px) {
        .nav-overlay a.slide-logo img {
          width: 260px;
          height: auto; } }
      @media screen and (max-width: 320px) and (orientation: portrait) {
        .nav-overlay a.slide-logo img {
          width: 180px;
          height: 65px; } }
      @media screen and (max-width: 480px) and (orientation: landscape) {
        .nav-overlay a.slide-logo img {
          width: 180px;
          height: 65px; } }
  .nav-overlay .nav-overlay-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px; }
    @media screen and (max-width: 825px) and (orientation: landscape) {
      .nav-overlay .nav-overlay-content {
        flex-direction: row; } }
    @media screen and (max-width: 320px) and (orientation: portrait) {
      .nav-overlay .nav-overlay-content {
        margin-top: 0; } }
    @media screen and (max-width: 480px) and (orientation: landscape) {
      .nav-overlay .nav-overlay-content {
        margin-top: 0; } }
    .nav-overlay .nav-overlay-content a {
      padding: 20px;
      font-family: Arial, sans-serif;
      text-decoration: none;
      font-size: 2.5em;
      letter-spacing: 5px;
      text-shadow: 0px 0px black;
      color: #3dd8ef;
      display: block;
      transition: 0.3s; }
      @media screen and (max-width: 768px) {
        .nav-overlay .nav-overlay-content a {
          font-size: 1.5em; } }
      @media screen and (max-width: 320px) and (orientation: portrait) {
        .nav-overlay .nav-overlay-content a {
          padding: 10px;
          font-size: 1rem; } }
      @media screen and (max-width: 480px) and (orientation: landscape) {
        .nav-overlay .nav-overlay-content a {
          padding: 10px;
          font-size: 1rem; } }
    .nav-overlay .nav-overlay-content span {
      font-style: Arial, sans-serif;
      font-size: 1.5em;
      color: #b727a1; }
  .nav-overlay .nav-overlay-social {
    display: flex;
    position: absolute;
    width: 90px;
    height: 100%;
    background: #2e2e3a;
    box-shadow: 1px 1px 20px 2px #3dd8ef; }
    @media screen and (max-width: 825px) {
      .nav-overlay .nav-overlay-social {
        display: none; } }
    .nav-overlay .nav-overlay-social .social-links {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .nav-overlay .nav-overlay-social .social-links a {
        padding: 20px; }
      .nav-overlay .nav-overlay-social .social-links .call {
        display: none;
        align-content: flex-end;
        margin-bottom: 5px; }
      .nav-overlay .nav-overlay-social .social-links a:hover {
        text-decoration: none; }
        .nav-overlay .nav-overlay-social .social-links a:hover img {
          border-radius: 50%;
          box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2);
          transition: all 120ms ease-in-out; }
          .nav-overlay .nav-overlay-social .social-links a:hover img:hover {
            box-shadow: 3px 1px 8px 0px #3dd8ef;
            transform: scale(1.05); }
          .nav-overlay .nav-overlay-social .social-links a:hover img.small-social {
            width: 30px; }
  .nav-overlay .mobile-nav-overlay-social {
    display: none;
    flex-direction: row;
    justify-content: center; }
    @media screen and (max-width: 825px) {
      .nav-overlay .mobile-nav-overlay-social {
        display: flex; } }
    .nav-overlay .mobile-nav-overlay-social .social-links {
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .nav-overlay .mobile-nav-overlay-social .social-links a {
        padding: 10px; }
        @media screen and (max-width: 320px) and (orientation: portrait) {
          .nav-overlay .mobile-nav-overlay-social .social-links a {
            padding: 8px;
            width: 20%; } }
        @media screen and (max-width: 480px) and (orientation: landscape) {
          .nav-overlay .mobile-nav-overlay-social .social-links a {
            padding: 8px;
            width: 20%; } }
      .nav-overlay .mobile-nav-overlay-social .social-links .call {
        display: none;
        align-content: flex-end;
        margin-bottom: 5px; }
      .nav-overlay .mobile-nav-overlay-social .social-links a:hover {
        text-decoration: none; }
        .nav-overlay .mobile-nav-overlay-social .social-links a:hover img {
          border-radius: 50%;
          box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2);
          transition: all 120ms ease-in-out; }
          .nav-overlay .mobile-nav-overlay-social .social-links a:hover img:hover {
            box-shadow: 3px 1px 8px 0px #3dd8ef;
            transform: scale(1.05); }
          .nav-overlay .mobile-nav-overlay-social .social-links a:hover img.small-social {
            width: 30px; }

.nav-overlay a:hover,
.nav-overlay a:focus {
  color: #818181; }

.stop-scrolling {
  overflow: hidden !important; }

body nav {
  background: white;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  width: 100%;
  z-index: 1000;
  transition: all 900ms ease-in-out; }
  body nav.semi-op {
    background: rgba(255, 255, 255, 0.4);
    height: 90px;
    transition: all 900ms ease-in-out; }
  body nav .hamburger {
    display: flex;
    align-self: center;
    align-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 55px;
    height: 50px;
    cursor: pointer; }
    body nav .hamburger.small-bun {
      transition: all 400ms ease-in-out;
      height: 45px; }
    body nav .hamburger div {
      align-self: flex-start;
      height: 7px;
      width: 100%;
      background: linear-gradient(45deg, #da51c5, #3dd8ef); }
      body nav .hamburger div.small-patties {
        height: 5px; }
    body nav .hamburger .meat {
      width: 75%;
      transition: all 150ms ease-in-out; }
    body nav .hamburger .bottom-bun {
      width: 50%;
      transition: all 250ms ease-in-out; }
    body nav .hamburger:hover div {
      width: 100%; }
  body nav .logo {
    display: flex;
    margin: 0.6em auto; }
    @media screen and (max-width: 768px) {
      body nav .logo {
        margin: 0.3em; } }
    body nav .logo img {
      width: 80%;
      transition: all 400ms ease-in-out; }
      body nav .logo img.small-logo {
        transform: translateX(10%);
        width: 60%; }
        @media screen and (max-width: 768px) {
          body nav .logo img.small-logo {
            transform: translate(0%); } }

body header .header-banner {
  padding-left: 0;
  padding-right: 0;
  height: 684px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    body header .header-banner {
      height: 500px; } }
  body header .header-banner video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden; }
  body header .header-banner .jumbo-row {
    left: 0;
    right: 0;
    top: 10rem;
    bottom: 0;
    position: absolute; }
  body header .header-banner .inner-banner-wrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    body header .header-banner .inner-banner-wrap .jumbo-text {
      display: flex;
      justify-content: center;
      margin-top: auto;
      margin-left: 1em;
      margin-right: 1em;
      z-index: 1; }
    body header .header-banner .inner-banner-wrap .news-letter {
      margin-top: auto; }
body header#next-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background: url("/images/los-angeles-skyline-city_-plain-2.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 90vh; }
  body header#next-header .next-wrap {
    margin: 0 auto; }
    body header#next-header .next-wrap h1 {
      display: flex;
      justify-content: center;
      font-size: 9em;
      opacity: 0.9; }
      @media screen and (max-width: 768px) {
        body header#next-header .next-wrap h1 {
          font-size: 4.5em; } }
      body header#next-header .next-wrap h1 span {
        margin: 0;
        padding: 0;
        opacity: 0.8; }
      body header#next-header .next-wrap h1 span.purple {
        color: #da51c5; }
      body header#next-header .next-wrap h1 span.blue {
        color: #3dd8ef; }
      body header#next-header .next-wrap h1 span.la {
        font-style: italic;
        opacity: 0.9; }
    body header#next-header .next-wrap h2 {
      display: flex;
      color: white;
      opacity: 0.8; }
      body header#next-header .next-wrap h2:first-of-type {
        justify-content: flex-start; }
      body header#next-header .next-wrap h2:last-of-type {
        justify-content: flex-end; }
body header#contact-header h1.questions {
  text-shadow: 2px 0px 10px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 768px) {
    body header#contact-header h1.questions {
      font-size: 2em;
      letter-spacing: 0.5rem; } }

body main #cards {
  padding: 2em;
  background: #212121; }
  body main #cards .card {
    border: none;
    margin: 3em auto;
    background: #212121;
    color: #f1f1f1; }
    body main #cards .card figure {
      height: 200px;
      background-size: cover; }
    body main #cards .card .charity-thumb {
      background: url("/images/three-kids-steps.jpeg");
      background-repeat: no-repeat;
      background-position: center; }
    body main #cards .card .events-thumb {
      background: url("/images/group-event-celebration.jpeg");
      background-repeat: no-repeat;
      background-position: bottom center; }
    body main #cards .card .next-thumb {
      background: url("/images/LA-small.jpg");
      background-repeat: no-repeat;
      background-position: bottom center; }
    body main #cards .card h2 {
      margin-top: 10px; }
      @media screen and (min-width: 768px) and (max-width: 990px) {
        body main #cards .card h2 {
          letter-spacing: 2px; } }
    body main #cards .card a {
      display: flex;
      justify-content: center;
      align-self: flex-end;
      width: 6.25rem; }
body main #mission {
  position: relative;
  background: url("/images/group-selfie-volunteers.jpeg");
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  padding: 7em 5em; }
  body main #mission h1 {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    color: #fff; }
  body main #mission p {
    color: #fff; }
  body main #mission a.btn {
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.3);
    width: 14rem; }
  @media screen and (max-width: 576px) {
    body main #mission {
      padding: 2em 1em; } }
  @media screen and (min-width: 577px) and (max-width: 768px) {
    body main #mission {
      padding: 5em; } }
  @media screen and (max-width: 990px) {
    body main #mission .volunteer {
      display: none; } }
  body main #mission .volunteer img {
    width: 100%; }
body main #featured {
  height: 40em;
  width: 100vw; }
  @media screen and (max-width: 768px) {
    body main #featured {
      height: 60em; } }
  body main #featured div.feat-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 20em; }
    @media screen and (max-width: 768px) {
      body main #featured div.feat-group {
        flex-direction: column;
        height: 30em; } }
    body main #featured div.feat-group div.feat-flex-par-1,
    body main #featured div.feat-group div.feat-flex-par-2 {
      display: flex;
      justify-content: center;
      width: 100%; }
      body main #featured div.feat-group div.feat-flex-par-1:nth-child(1),
      body main #featured div.feat-group div.feat-flex-par-2:nth-child(1) {
        border-top: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-bottom: none;
        border-left: none; }
      body main #featured div.feat-group div.feat-flex-par-1:nth-child(2),
      body main #featured div.feat-group div.feat-flex-par-2:nth-child(2) {
        border-top: 1px solid #e8e8e8;
        border-right: none;
        border-bottom: none;
        border-left: none; }
      @media screen and (max-width: 768px) {
        body main #featured div.feat-group div.feat-flex-par-1,
        body main #featured div.feat-group div.feat-flex-par-2 {
          height: 15em;
          border-top: 1px solid #e8e8e8;
          border-bottom: none;
          border-left: none;
          border-right: none; } }
      body main #featured div.feat-group div.feat-flex-par-1 div.feat-char,
      body main #featured div.feat-group div.feat-flex-par-2 div.feat-char {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: relative;
        transition: background-size 500ms ease; }
        body main #featured div.feat-group div.feat-flex-par-1 div.feat-char:hover,
        body main #featured div.feat-group div.feat-flex-par-2 div.feat-char:hover {
          background-size: 110%; }
        body main #featured div.feat-group div.feat-flex-par-1 div.feat-char h3,
        body main #featured div.feat-group div.feat-flex-par-2 div.feat-char h3 {
          letter-spacing: 0.3rem;
          color: #fff;
          z-index: 1; }
        body main #featured div.feat-group div.feat-flex-par-1 div.feat-char a,
        body main #featured div.feat-group div.feat-flex-par-2 div.feat-char a {
          z-index: 1;
          width: 15em;
          text-transform: uppercase;
          padding-top: 0.8em; }
      body main #featured div.feat-group div.feat-flex-par-1 .feat-char.feat-char-1,
      body main #featured div.feat-group div.feat-flex-par-2 .feat-char.feat-char-1 {
        background: url("/images/826-robot-supply.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top center; }
      body main #featured div.feat-group div.feat-flex-par-1 .feat-char.feat-char-2,
      body main #featured div.feat-group div.feat-flex-par-2 .feat-char.feat-char-2 {
        background: url("/images/Covenant_House_Detroit.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center; }
      body main #featured div.feat-group div.feat-flex-par-1 .feat-char.feat-char-3,
      body main #featured div.feat-group div.feat-flex-par-2 .feat-char.feat-char-3 {
        background: url("/images/rmcdh-volunteer.jpeg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center; }
      body main #featured div.feat-group div.feat-flex-par-1 .feat-char.feat-char-4,
      body main #featured div.feat-group div.feat-flex-par-2 .feat-char.feat-char-4 {
        background: url("/images/alt4girls-outside.jpeg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center; }
body main section#spotlight {
  background: url("/images/Detroit-skyline.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding-top: 20px;
  padding-bottom: 20px; }
  body main section#spotlight .spot-text-wrap {
    display: flex;
    padding: 2em; }
    body main section#spotlight .spot-text-wrap .spot-text {
      padding-top: 2em;
      padding-bottom: 2em;
      height: 30em;
      max-height: 30em;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: nowrap; }
      body main section#spotlight .spot-text-wrap .spot-text h1 {
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
        @media screen and (max-width: 768px) {
          body main section#spotlight .spot-text-wrap .spot-text h1 {
            font-size: 2.5rem; } }
      body main section#spotlight .spot-text-wrap .spot-text h1 span {
        color: #3dd8ef;
        font-weight: 600; }
        body main section#spotlight .spot-text-wrap .spot-text h1 span:first-of-type {
          font-weight: 100; }
      body main section#spotlight .spot-text-wrap .spot-text p {
        color: #fff; }
body main header#event-head {
  margin: 2em auto;
  margin-top: 4em; }
  body main header#event-head h1 {
    letter-spacing: 20px;
    margin: 0;
    text-shadow: 2px 0px 10px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 768px) {
      body main header#event-head h1 {
        font-size: 4em;
        letter-spacing: 1rem; } }
body main section#events {
  margin: 2em; }
  body main section#events div.event div {
    width: 200px;
    margin-left: 0; }
    body main section#events div.event div hr {
      margin-left: 0; }
  body main section#events div.event h6 {
    text-transform: uppercase;
    color: #c7c7c7; }
    body main section#events div.event h6 small {
      color: #da51c5; }
  body main section#events div.event button {
    margin-bottom: 3em; }
    body main section#events div.event button:focus {
      outline: none !important;
      box-shadow: none !important; }
body main header#about-head {
  background: url("/images/workplace-1245776_1920.jpg");
  background-attachment: fixed;
  background-position: left center;
  background-size: cover;
  height: 30em; }
body main section#about-title div.about-title {
  padding: 3em; }
  body main section#about-title div.about-title h1 {
    letter-spacing: 20px;
    text-shadow: 2px 0px 10px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 768px) {
      body main section#about-title div.about-title h1 {
        font-size: 4em;
        letter-spacing: 1rem; } }
body main section#about-blurb {
  margin-top: 4em; }
body main .teamwrap {
  position: relative;
  background: url("/images/stretching-office-bw.jpeg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover; }
  body main .teamwrap .tint {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
body main section#about-cards {
  flex-wrap: wrap; }
  body main section#about-cards .card {
    border-radius: 0;
    border-width: 10px;
    border-color: #c7c7c7;
    width: 22.5rem;
    max-width: 22.5rem;
    margin: 4px;
    text-align: justify; }
    body main section#about-cards .card:first-of-type {
      border-color: #da51c5; }
    body main section#about-cards .card:last-of-type {
      border-color: #3dd8ef; }
body main section#the-team {
  color: white; }
  body main section#the-team figure.member {
    position: relative;
    height: 12.5em;
    width: 12.5em;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: background-size 500ms ease-in-out;
    -webkit-transition: background-size all 500ms ease-in-out; }
    body main section#the-team figure.member:hover {
      background-size: 108%; }
    body main section#the-team figure.member .tint {
      height: 12.5em;
      width: 12.5em;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 400ms ease-in-out; }
      body main section#the-team figure.member .tint:hover {
        opacity: 1; }
  body main section#the-team .team-member-1 {
    background-image: url("/images/average-man-portrait-1.jpeg"); }
  body main section#the-team .team-member-2 {
    background-image: url("/images/average-man-portrait-2.jpeg"); }
  body main section#the-team .team-member-3 {
    background-image: url("/images/average-woman-portrait-1.jpeg"); }
  body main section#the-team .team-member-4 {
    background-image: url("/images/average-man-portrait-3.jpeg"); }
  body main section#the-team img {
    border-radius: 50%; }
    body main section#the-team img:hover {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transition: background-size 500ms ease;
      -webkit-transition: background-size all 500ms ease; }
body main#charities-main header#charities-head {
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center; }
  body main#charities-main header#charities-head h1 {
    letter-spacing: 1rem;
    text-shadow: 2px 0px 10px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 768px) {
      body main#charities-main header#charities-head h1 {
        font-size: 3rem;
        letter-spacing: 0.5rem; } }
  body main#charities-main header#charities-head small.lead {
    color: #ff8fee;
    text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.3); }
  body main#charities-main header#charities-head hr {
    width: 30%; }
body main#charities-main section .char-sec {
  margin-top: 3em;
  margin-left: 10px; }
  body main#charities-main section .char-sec h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #3dd8ef;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }
  body main#charities-main section .char-sec hr {
    width: 100%; }
  body main#charities-main section .char-sec li a {
    color: #c7c7c7;
    transition: color 250ms ease-in-out; }
    body main#charities-main section .char-sec li a:hover {
      color: #3dd8ef;
      text-decoration: overline; }
body main#next-main {
  padding-top: 5em;
  padding-bottom: 5em;
  background: #555; }
  body main#next-main h2 {
    color: white; }
  body main#next-main .card {
    border: 1px solid #0c0c0c;
    color: #eee;
    border-radius: 0; }
    body main#next-main .card .card-header {
      background: #222;
      border-bottom: 1px dotted #4e4e4e;
      padding: 0; }
      body main#next-main .card .card-header button.btn {
        width: 100%;
        background: #222;
        color: #eee;
        text-decoration: none; }
        body main#next-main .card .card-header button.btn:hover {
          text-decoration: none; }
        body main#next-main .card .card-header button.btn:focus {
          outline: none !important;
          box-shadow: none !important; }
    body main#next-main .card .card-body {
      background-color: #383838;
      border-radius: 0;
      background-image: url("/images/next-month-info-bg.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
body div.modal.fade .modal-header {
  background: #313131;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }
  body div.modal.fade .modal-header h2.modal-title {
    color: #da51c5; }
  body div.modal.fade .modal-header button.close {
    margin-top: -50px;
    font-size: 2.5rem;
    color: #eee; }
    body div.modal.fade .modal-header button.close:focus {
      outline: none !important;
      box-shadow: none !important; }
body div.modal.fade img {
  height: 70px;
  width: 70px;
  margin: 10px; }
body div#myRsvpModal .modal-header button.close {
  margin-top: -30px;
  color: #eee; }
  body div#myRsvpModal .modal-header button.close:focus {
    outline: none !important;
    box-shadow: none !important; }
body div#myRsvpModal #rsvpModalTitle {
  text-transform: uppercase;
  color: #da51c5; }
body div#myRsvpModal img {
  padding: 0; }
body form#contact {
  color: #da51c5; }
  body form#contact textarea {
    height: 300px;
    max-height: 300px; }
  body form#contact button:focus {
    outline: none !important;
    box-shadow: none !important; }

body footer {
  background: #334;
  color: #fefefe;
  padding-bottom: 1em; }
  @media screen and (max-width: 768px) {
    body footer .mt-5 {
      align-self: center;
      text-align: center; } }

/*# sourceMappingURL=app.css.map */