body {
  margin-top: 0;
  margin-bottom: 0;
}
.hero-image-1 {
  background-color: #6005D0;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .hero-image-1 {
    background-image: url("../img/CFAM-web-2550x810.jpg");
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.img-gradient {
  max-width: 1170px;
  margin: auto;
}
@media only screen and (min-width: 1171px) {
  .img-gradient {
    position: relative;
  }
  .img-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  .img-gradient img {
    display: block;
  }
}
.btn-xlg {
  width: 100%;
  margin: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 18px;
  min-width: 100%;
  font-weight: bold;
  background-color: #F6DB49;
  border-color: #F6DB49;
  color: #fff;
  border-radius: 0;
}
.btn-xlg:hover,
.btn-xlg:active,
.btn-xlg:active:focus,
.btn-xlg:active:hover,
.btn-xlg:focus,
.btn-xlg.focus {
  background-color: #810000;
  border: 1px solid #810000;
}
.btn-category {
  width: 100%;
  margin: 0;
  min-width: 100%;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #bf1030;
  border-color: #bf1030;
  color: #bf1030;
}
.btn-category:hover,
.btn-category:active,
.btn-category:active:focus,
.btn-category:active:hover,
.btn-category:focus,
.btn-category.focus {
  width: 100%;
  margin: 0;
  min-width: 100%;
  border-radius: 0;
  background-color: #810000;
  border: 1px solid #810000;
  border-color: #810000;
  color: #fff;
}
.red-text {
  color: #c20f2f;
}
.thead-red {
  background: #c20f2f;
  color: #fff;
}
.thead-gray {
  background: #666;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .col-sm-10.boxed-background-gray,
  .col-sm-10.boxed-background-blue {
    width: calc(83.33333333% - 2rem);
  }
}
@media only screen and (min-width: 992px) {
  .col-md-8.boxed-background-gray,
  .col-md-8.boxed-background-blue {
    width: calc(66.66666667% - 2rem);
  }
}
.boxed-background-gray {
  background-color: #f5f5f7;
  /* box-shadow: 0 10px 10px rgb(18 130 233 / 10%); */
  /* border-radius: .75rem; */
  border: 3px solid #ddd;
  margin: 1rem;
}
.boxed-background-blue {
  /* background-color: #cee6f7; */
  background-color: rgb(18 130 233 / 10%);
  /* box-shadow: 0 10px 10px rgb(18 130 233 / 10%); */
  /* border-radius: .75rem; */
  border: 3px solid rgb(18 130 233 / 20%);
  margin: 1rem;
}
input[type="radio"], input[type="checkbox"] {
  margin-top: 6px;
}
.sticky-signup-button {
  position: fixed;
  margin: 0 auto;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 20px -10px #ccc;
}

#churchAdministration,
#churchCreativeProduction,
#churchPastoralMissions,
#churchChildrenYouth,
#churchChurchWithoutWalls,
#churchWorship,
#marketplace,
#relationshipMarriageFamily,
#mentalHealth,
#spiritualLife,
#personalDevelopment,
#lifestyle {
  scroll-margin-top: 65px;
}

#myHeader {
  z-index: 5;
}

#myHeader .col-sm-10 {
  background-color: #fff;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#myHeader.sticky .col-sm-10 {
  background-color: #c20f2f;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#myHeader .btn-default:focus,
#myHeader .btn-default.focus {
  background: #fff;
}

#myHeader .dropdown:hover {
  background-color: #fff;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  color: #333;
}

#myHeader.sticky .dropdown:hover {
  background-color: #c20f2f;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.sticky {
  position: fixed;
  top: -1px;
  width: 100%;
}

.sticky+.content {
  padding-top: 100px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn-default,
.btn-default:hover,
.btn-default:active {
  border: 1px solid #c20f2f;
}

.jump-button {
  background-color: #fff;
  color: #333;
  width: 100%;
  margin: 0;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 0.35rem;
  font-size: 1rem;
  font-size: 0.9rem;
  box-shadow: 0 10px 10px rgb(0 0 0 / 4%);
}

.jump-button:hover,
.jump-button:active {
  background-color: #fff;
  color: #333;
  width: 100%;
  margin: 0;
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding: 0.35rem;
  font-size: 1rem;
  font-size: 0.9rem;
  box-shadow: 0 10px 10px rgb(0 0 0 / 4%);
}

.dropdown:hover .jump-menu {
  /* display: block; */
}

.jump-menu>li>a {
  background-color: #fff;
  color: #333;
}

.jump-menu>li>a:hover,
.jump-menu>li>a:focus {
  background-color: #c20f2f;
  color: #fff;
}

.small {
  font-size: 0.9rem;
}

.interpretation-date {
  font-weight: bold;
}

hr {
  border-top: 1px solid #726f6f;
}


.main-footer {
  border-top: none;
  background-color: #2c2c2c !important;
  color: #fff !important;
}

.main-footer {
  background-color: #FFF !important;
  border-top: 1px solid #EEE;
}

.site-footer {
  background-color: #2c2c2c !important;
}

.site-footer {
  transition: -webkit-transform .4s cubic-bezier(.445, .05, .55, .95);
  transition: transform .4s cubic-bezier(.445, .05, .55, .95);
  transition: transform .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .4s cubic-bezier(.445, .05, .55, .95);
}

.site-footer {
  background: 0 0;
  position: relative;
  z-index: 10;
  background-color: #eee;
}

.main-footer {
  border-top: none;
  background-color: #2c2c2c !important;
  color: #fff !important;
}

.site-footer.footer-bottom-horizontal .footer-bottom-content {
  display: table;
  table-layout: auto;
  width: 100%;
  direction: rtl;
}

.main-footer .footer-bottom-content {
  padding: 15px 0;
}

.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  text-align: right;
}

.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}

.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}

.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}

.container,
.content-area {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width:580px) {
  footer img {

    width: 100px;
  }
}


.table {
  margin-bottom: 0px;
}


footer {
  height: auto;
  padding: 0;
}

.site-footer .social-networks.rounded li a {
  background-color: rgba(44, 44, 44, 0);
}

.social-networks.rounded li a {
  position: relative;
  display: inline-block;
  background-color: #eee;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  transition: all .2s ease-in-out;
}
.social-networks>li, .social-networks>li a, .social-networks.rounded li a {
  margin-bottom: 0;
  line-height: 0;
  margin-top: .5rem;
}
.social-networks>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}