html, body {
  width: 100%;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #000000;
  color: #cccccc;
  font-size: 12pt !important;
}

body {
  padding-top: 50px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  color: #ffffff;
  margin: 0;
}

a,
a:link,
a:active,
a:visited,
a:focus {
  color: #FFDD99;
}

.welcome-header {
  line-height: 200%
}

.heading-large {
  font-size: 28pt;
}

.heading-medium {
  font-size: 20pt;
}

.heading-small {
  font-size: 14pt;
}

.heading-caption {
  font-size: 13pt;
}

.capitalized {
  font-variant:small-caps;
}

iframe {
  border: none;
}

iframe.noscroll {
  overflow: hidden;
}

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6 {
  color: #000000;
}

.modal-dialog {
  color: #333333;
}


.topic-container {
  position: relative;
}

.next-topic-area {
  width: 100%;
  position: absolute;
  bottom: 1em;
  text-align: center;
}

.next-topic-link,
.next-topic-link:link,
.next-topic-link:active,
.next-topic-link:visited,
.next-topic-link:focus {
  display: inline-block;
  width:10em;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
  background-color: rgba(255,255,255,0.4);
  color: #000;
}

.next-topic-link:hover {
  color: #fff;
  background-color: rgba(0,0,0,0.8);
}



header#title-cover-section {
  width: 100%;
  min-height: 100%;
  text-align: center;
}

    .title-logo {
      margin: 4em auto;
      margin-top: 5em;
      width: 180px;
    }

  .title-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }

  .title-text    { font-size: 120% }

footer#tagline-section {
  text-align: center;
  opacity: 0.25;
  font-size: 400%;
  padding: 2em 0 2em 0;
}

  #title-cover-section {
    background-image: url('../images/cover.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }


section#base-info-panel {
  margin-top: 3em;
  margin-bottom: 1  em;
}





section#journey {
}

section#love-is-cover-container {
  width: 100%;
  padding: 2em 0;
  background-color: #000000;
  /* background-image: url('../images/who_we_are_cover.jpg'); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

  #love-is-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }








section#ministry-header {
  width: 100%;
  padding: 5em;
  background-color: #000000;
}

section#ministry-panel {
  width: 100%;
  padding: 0;
}

  .ministry-panel-title {
    width: 100%;
    padding: 5em 0;
  }

  .ministry-panel-cover {
    width: 100%;
    padding: 5em;

    text-align: center;
  }

  .ministry-panel-outer {
    background-color: #000000;
    background-color: rgba(0,0,0,0.8);
    transition: all 0.7s ease-in;
  }

    .ministry-panel-outer a,
    .ministry-panel-outer a h2,
    .ministry-panel-outer a:link,
    .ministry-panel-outer a:link h2,
    .ministry-panel-outer a:active,
    .ministry-panel-outer a:active h2,
    .ministry-panel-outer a:visited,
    .ministry-panel-outer a:visited h2,
    .ministry-panel-outer a:focus,
    .ministry-panel-outer a:focus h2 {
      text-decoration: none;
      color: #cccccc;
      transition: all 0.7s ease-in;
    }

  .ministry-panel-outer:hover {
    background-color: rgba(255,255,255,0.5);
    transition: all 0.0s ease-in;
  }

    .ministry-panel-outer a:hover,
    .ministry-panel-outer a:hover h2 {
      color: #000;
      transition: all 0.0s ease-in;
    }

  .ministry-panel-inner {
    text-align: center;
    padding: 4em 2em;
    cursor: pointer;
  }

  .pic-ministry-thumb {
    float: left;
    margin: 15px 15px 0;
    border-radius:15px;
    position: relative;
    box-shadow: inset 0 0 0 4px rgba(0,0,0,0.4);
  }

  .pic-ministry-text {
    overflow: hidden;
  }

  .ministry-panel-cover {
    background-image: url('../images/ministry_cover.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }


section#legal-info-panel {
  margin-top: 3em;
  margin-bottom: 3em;
}

section#our-leaders {
  margin-top: 3em;
  margin-bottom: 3em;
}

  .image-cell {}

  .image-cell h4 { text-align: center; }


  .pic {
    width: 250px;
    height: 250px;
  }

  .pic1 { background: url('../images/manfred_martina.jpg'); }

  .pic2 { background: url('../images/andy_maga.jpg') no-repeat center center; }

  .pic-easing {
    border-radius:50%;
    margin: auto;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 0 0 15px rgba(0,0,0,0.4);
    transition: all 0.9s ease-in-out;
  }

  .pic-no-easing {
    border-radius:15px;
    margin: auto;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 0 0 4px rgba(0,0,0,0.4);
    background-position: top center;
  }

  .pic-easing:hover {
    border-radius:50%;
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.9);
  }



section#calendar-panel {
  color: #222;
  padding: 3em 0em;
  background-color: #FFF;
  border-top:    solid 15px #888;
  border-bottom: solid 15px #888;
}

  #calendar-panel h1,
  #calendar-panel h2,
  #calendar-panel h3,
  #calendar-panel h4,
  #calendar-panel h5,
  #calendar-panel h6 {
    color: #222;
  }

  section#calendar-panel a {
    filter: brightness(50%);
  }

  section#calendar-panel iframe {
    overflow-y: auto;
    overflow-x: hidden;
  }

  section#calendar-panel iframe.calendar-agenda {
    width: 100%;
    height: 400px;
  }

  section#calendar-panel iframe.calendar-classic {
    width: 100%;
    height: 800px;
  }



section#values-cover-container {
  width: 100%;
  padding: 10em 0;
}

  #values-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }

  #values-cover-container {
    background-image: url('../images/vision_cover.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

section#who-we-are-cover-container {
  width: 100%;
  min-height: 100%;
  padding: 5em 0;
  background-color: #000000;
  /* background-image: url('../images/who_we_are_cover.jpg'); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

  #who-we-are-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }


section#what-we-believe-cover-container {
  width: 100%;
  min-height: 100%;
  padding: 5em 0;
  background-color: #222222;
  /* background-image: url('../images/who_we_are_cover.jpg'); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

  #what-we-believe-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }


section#our-profile-cover-container {
  width: 100%;
  min-height: 100%;
  padding: 5em 0 2em 0;
  background-color: #000000;
  /* background-image: url('../images/who_we_are_cover.jpg'); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

  #our-profile-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }

  #our-profile-video {
    margin-top: 1em;
    width: 100%;
    text-align: center;
  }

  #our-profile-video iframe {
    width: 640px;
    height: 360px;
    margin: auto;
  }



section#church-manual-cover-container {
  width: 100%;
  min-height: 100%;
  padding: 5em 0;
  background-color: #222222;
  /* background-image: url('../images/who_we_are_cover.jpg'); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

  #church-manual-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }


  #pdf-download-widget {
    text-align: center;
    float: right;
    padding: 1em;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.4);
    color: #000000;
  }

  #pdf-download-widget a,
  #pdf-download-widget a:link,
  #pdf-download-widget a:hover,
  #pdf-download-widget a:active,
  #pdf-download-widget a:visited,
  #pdf-download-widget a:focus {
    text-decoration: none;
    color: #000000;
    transition: all 0.7s ease-in;
  }



section#volunteer-cover-container {
  width: 100%;
  min-height: 100%;
  padding: 5em 0;
  background-color: #000000;
}

  #volunteer-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }

  #volunteer-flyer-thumb-image {
    width: 200px;
  }


    #volunteer-content-row a,
    #volunteer-content-row a:link,
    #volunteer-content-row a:active,
    #volunteer-content-row a:visited,
    #volunteer-content-row a:focus {
      padding: 10px;
      border-radius: 5px;
      text-decoration: none;
      background-color: #000000;
      background-color: rgba(0, 0, 0, 0.4);
      color: #cccccc;
      transition: all 0.7s ease-in;
    }

    #volunteer-content-row a[id=anchor-volunteer] {
      display: none;
    }

    #volunteer-content-row a:hover {
      background-color: rgba(255, 255, 255, 0.5);
      color: #000000;
      transition: all 0.7s ease-in;
    }

  #volunteer-cover-container {
    background-image: url('../images/volunteer.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }


section#intern-cover-container {
  width: 100%;
  padding: 10em 0;
}

  #intern-content-row {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }

  #intern-cover-container {
    background-image: url('../images/chat.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  #intern-content-row a.btn,
  #intern-content-row a.btn:link,
  #intern-content-row a.btn:active,
  #intern-content-row a.btn:visited,
  #intern-content-row a.btn:focus {
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.4);
    color: #cccccc;
    transition: all 0.7s ease-in;
  }

  #intern-content-row a.btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #000000;
    transition: all 0.7s ease-in;
  }

.voffset-top-lg   { margin-top: 30px; }
.voffset-top      { margin-top: 15px; }
.voffset-top-sm   { margin-top:  8px; }
.voffset-top-xs   { margin-top:  3px; }
.voffset-top-none { margin-top:  0px; }

.voffset-lg   { margin-bottom: 30px; }
.voffset      { margin-bottom: 15px; }
.voffset-sm   { margin-bottom:  8px; }
.voffset-xs   { margin-bottom:  3px; }
.voffset-none { margin-bottom:  0px; }

.voffsets-lg   { margin-bottom: 30px; margin-top: 30px; }
.voffsets      { margin-bottom: 15px; margin-top: 15px; }
.voffsets-sm   { margin-bottom:  8px; margin-top:  8px; }
.voffsets-xs   { margin-bottom:  3px; margin-top:  3px; }
.voffsets-none { margin-bottom:  0px; margin-top:  0px; }

.hoffset-left-lg   { margin-left: 30px; }
.hoffset-left      { margin-left: 15px; }
.hoffset-left-sm   { margin-left:  8px; }
.hoffset-left-xs   { margin-left:  3px; }
.hoffset-left-none { margin-left:  0px; }

.hoffset-lg   { margin-right: 30px; }
.hoffset      { margin-right: 15px; }
.hoffset-sm   { margin-right:  8px; }
.hoffset-xs   { margin-right:  3px; }
.hoffset-none { margin-right:  0px; }

.hoffsets-lg   { margin-right: 30px; margin-left: 30px; }
.hoffsets      { margin-right: 15px; margin-left: 15px; }
.hoffsets-sm   { margin-right:  8px; margin-left:  8px; }
.hoffsets-xs   { margin-right:  3px; margin-left:  3px; }
.hoffsets-none { margin-right:  3px; margin-left:  0px; }




#google-maps-canvas {
  clear: both;
  width: 100%;
  height: 50%;
  min-height: 300px;
  background-color: #aaa;
}


a.btn {
  color: #FFFFFF;
}