/* ==========================================================================
   The contact form things
   ========================================================================== */
.section--contact {
  position: relative;
}

.wrapped {
  display: none;
}

.section--members.emeriti .region-cat-grid {
  display: none;
}

.contact-popup {
  background-color: #FFF;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  position: fixed;
  top: 2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 94.5%;
  pointer-events: none;
  -webkit-transition: all 1s cubic-bezier(.25,1,.25,1);
  -moz-transition: all 1s cubic-bezier(.25,1,.25,1);
  -o-transition: all 1s cubic-bezier(.25,1,.25,1);
  transition: all 1s cubic-bezier(.25,1,.25,1);
  padding: 1.5rem 1.5rem 1.5rem 0;
  z-index: 999999;
  overflow: auto;
}

.contact-popup.is-open {
  visibility: visible;
  opacity: 1;
  max-height: 91vh;
  pointer-events: all;
  border: solid 1px #000;
}

div[data-department] {
  visibility: visible;
  opacity: 1;
  max-height: none;
  -webkit-transition: all 1s cubic-bezier(.25,1,.25,1);
  -moz-transition: all 1s cubic-bezier(.25,1,.25,1);
  -o-transition: all 1s cubic-bezier(.25,1,.25,1);
  transition: all 1s cubic-bezier(.25,1,.25,1);
}

div[data-department].is-hidden {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  margin: 0;
}

/* ==========================================================================
   End The contact form things
   ========================================================================== */
/* ==========================================================================
   The letter things
   ========================================================================== */
.section--diocese_regions .btn {
  background-color: #FFF;
  color: #AE8E34;
}

.section--diocese_regions .btn:hover,
.section--diocese_regions .btn:active,
.section--diocese_regions .btn.is-active {
    background-color: #AE8E34;
    color: #FFF;
}

.letter-content {
  visibility: visible;
  opacity: 1;
  max-height: none;
  -webkit-transition: opacity 1s cubic-bezier(.25,1,.25,1);
  -moz-transition: opacity 1s cubic-bezier(.25,1,.25,1);
  -o-transition: opacity 1s cubic-bezier(.25,1,.25,1);
  transition: opacity 1s cubic-bezier(.25,1,.25,1);
}

.letter-content.is-hidden {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  margin: 0;
  width: 0;
}

.add-padding-top {
  padding-top: 3rem;
}
 /* ==========================================================================
 End The letter things
 ========================================================================== */