/*
Theme Name: Saint Edward The Martyr Church Theme
Description: Child theme of TwentySeventeen for Saint Edward Church
Author: Chris Parsons
Template: twentyseventeen
Version: 1.0.0
*/
/* Import parent theme styles */
@import url("../twentyseventeen/style.css");
@media screen and (min-width: 48em) {
  .site-header .menu-scroll-down {
    display: none !important;
    padding: 1em;
    position: absolute;
    right: 0;
  }
}
/* Typography */
.site-description {
  font-size: 1.5rem;
}

/* Page */
#content {
  position: relative;
  z-index: 100;
}

#main .page {
  margin-top: 3em;
}

.site-content {
  padding-top: 0 !important;
}

.media-text-mt {
  margin-top: 1em !important;
}

.media-text-mb {
  margin-bottom: 1em !important;
}

#ignatius-press-online a:hover {
  color: #fff;
}

/* Colors */
p a {
  color: #ff6900;
}

.upload-form-bible-study #gform_browse_button_1_4 {
  background-color: #ff6900;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
  color: #ff6900 !important;
}

/* Scroll Down Button Styles - Debug version */
.scroll-arrow .lni {
  font-size: 3rem;
  color: #fff;
  margin-bottom: 1em;
}

.contact-form {
  background-color: #eee;
  padding: 2em;
}

.scroll-down-button {
  position: fixed !important;
  bottom: 70px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(100px) !important;
  padding: 20px 30px !important;
  cursor: pointer !important;
  z-index: 20 !important;
  opacity: 0 !important;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  min-width: 120px !important;
  text-align: center !important;
  display: block !important;
}

.scroll-down-button.visible {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

.scroll-down-button:hover {
  transform: translateX(-50%) translateY(-8px) !important;
}

.scroll-down-button .scroll-text {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 10px !important;
  text-align: center !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important;
}

/* Animated Arrow */
.scroll-arrow {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 20px !important;
}

.scroll-arrow span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  margin: 1px 0 !important;
  border-radius: 2px !important;
  transition: all 0.3s ease !important;
}

.scroll-arrow span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px) !important;
  width: 18px !important;
}

.scroll-arrow span:nth-child(2) {
  opacity: 1 !important;
  width: 24px !important;
}

.scroll-arrow span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px) !important;
  width: 18px !important;
}

/* Hide button when scrolled past hero */
.scroll-down-button.hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(100px) !important;
}

@media screen and (max-width: 768px) {
  .scroll-down-button {
    bottom: 50% !important;
  }
}

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