/* staff volunteer template*/
.left-align-content {
  text-align: left !important;
}
.left-align-content ul,
ol {
  margin-bottom: 25px;
  max-width: 100%;
}
.left-align-content li {
  margin-bottom: 5px;
}
.section--blue {
  background-color: #2998ef;
}

/* ALIVE page temp */

#alive-yellow {
  background-color: #f6ab3b;
}

/* OUR STORY page */

ul.our-story-timeline-4 {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;
  display: block;
}
ul.our-story-timeline-4 li {
  width: 22%;
  display: inline-block;
  margin: 0 1% 3em;
  vertical-align: top;
}
ul.our-story-timeline-4 li h5 {
  margin: 0 auto 15px;
  font-weight: 400;
  line-height: 1.3em;
  font-size: 0.6em;
}
ul.our-story-timeline-4 li p {
  padding-top: 5px;
  margin-top: 5px;
  font-size: 0.7em;
  line-height: 1.1em;
  /*border-top:1px dotted rgba(0,0,0,0.5);*/
}
/* PRIORITIES pages */
.priorities-green {
  background-color: #20b98c;
  padding: 2em;
  color: #f5f5f5;
  height: 100%;
}
.priorities-blue {
  background-color: #5178cc;
  padding: 2em;
  color: #f5f5f5;
  height: 100%;
}
.priorities-magenta {
  background-color: #d83385;
  padding: 2em;
  color: #f5f5f5;
  height: 100%;
}
.priorities-navy {
  background-color: #253e7f;
  padding: 2em;
  color: #f5f5f5;
  height: 100%;
}

/* PRACTICES pages */
.practices-text-light {
  color: #fdf0d5;
}
.practices-text-dark {
  color: #60483e;
}
a.practices-text-light {
  color: #fdf0d5;
  border-color: #fdf0d5;
}
a.practices-text-dark {
  color: #60483e;
  border-color: #60483e;
}
a:hover.practices-text-light {
  color: #fdf0d5;
  background-color: #455951 !important;
  border-color: #455951 !important;
}
a:hover.practices-text-dark {
  color: #fdf0d5;
  background-color: #838cae !important;
  border-color: #838cae !important;
}
.practices-text-yellow {
  color: #fdf0d5 !important;
  border-color: #fdf0d5 !important;
}
a:hover.practices-text-yellow {
  color: #455951 !important;
  background-color: #fdf0d5 !important;
  border-color: #fdf0d5 !important;
}
.practices-titles h2 {
  font-family: "the-seasons", serif;
  text-transform: none !important;
  font-weight: 400;
  font-size: 3em;
}

/* WELCOME TO PBO pages */
.dave-karen-profile img {
  border-radius: 50%;
}

/* Bullet lists in-page */

section ul li {
  margin-bottom: 15px;
}

/* Lists as inline block */
.horizontal-block-2x {
  list-style: none;
  text-align: center !important;
}
.horizontal-block-2x li {
  display: inline-block;
  padding: 25px 35px;
  margin: 10px;
  background-color: #f5f5f5;
}

/* PRAYER AND FASTING */

span.scripture-ref {
  color: #426ac9;
  font-style: italic;
}
.scripture-ref em {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #403f3f;
  font-style: normal;
}

.button-list a {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* section padding */
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}

.section--padding {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

/* HALF PADDED - thin - container */
.half-padding-top .inner--xs-t3 {
  padding-top: 2em !important;
}
.half-padding-bottom .inner--xs-b3 {
  padding-bottom: 2em !important;
}

/* YouTube responsive embed */
.youtube-video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.youtube-video-container::after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Small team slice */

.small-team {
  list-style: none !important;
}
.small-team li {
  text-align: center;
}
.small-team .pic img {
  border-radius: 50%;
  width: 50%;
}
.small-team .name {
  font-weight: bold;
}
.small-team .role {
  font-style: italic;
  font-size: 0.8em;
}
.small-team .contact {
  font-size: 0.8em;
  cursor: pointer;
}

/*Radical Disciples List */

div.radical {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
  text-align: center;
}

.radical div {
  display: inline-block;
  height: 2em;
  margin-bottom: 1em;
}

.radical div.radical-image {
  vertical-align: top;
}

.radical div.radical-image img {
  width: 4em;
  margin: none;
}

.radical div.radical-title {
  width: 50%;
  margin-left: 10px;
  margin-right: auto;
  padding: 1em;
  text-align: center;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: 700;
  color: #ffffff;
  line-height: 2em;
}

.radical div.radical-title span {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}

.radical-1 {
  background: #04ba8b;
}

.radical-2 {
  background: #4591ff;
}

.radical-3 {
  background: #e73087;
}

.radical-4 {
  background: #153c89;
}

@media (max-width: 767px) {
  .radical div {
    margin-bottom: 0.5em;
    margin-left: 0;
  }

  .radical div.radical-title {
    width: calc(100% - 40px);
    padding: 20px;
    margin-left: auto;
  }

  .radical div.radical-image {
    display: none;
  }
}

/* Internship */

.page-departments i {
  color: #35db97;
}

/* Giving pages */

@media (max-width: 1024px) {
  .col-4-bankdetails div:not(:first-child) {
    margin-top: 45px;
  }
}

/* KIDS online page */

.prayer-shield-bg {
  background: url(https://kingsgate.church/media/l02dhala/bg_kids-prayer-shield.jpg)
    no-repeat 50% fixed / cover;
}
.kids-welcome-video .video-wrapper {
  box-shadow: 2px 20px 80px #1d1d1d;
  border-radius: 15px;
  border: 10px solid #fb6733;
}
.kids-carousel-video .video-wrapper {
  box-shadow: none;
  border-radius: 15px;
  border: 10px solid #2595f0;
}

.kids-carousel-image img {
  box-shadow: none;
  border-radius: 15px;
  border: 10px solid #2595f0;
}

.kids-worship-video .video-wrapper {
  box-shadow: 2px 20px 80px #1d1d1d;
  border-radius: 15px;
  border: 10px solid #ffc000;
}

.kids-craft-image img:nth-child(2) {
  box-shadow: 2px 20px 80px #1d1d1d;
  border-radius: 15px;
  border: 10px solid #2595f0;
}

.kids-take-home img {
  box-shadow: 2px 20px 80px #1d1d1d;
  border-radius: 15px;
  border: 10px solid #ffc000;
}

.kids-button-margin-top a {
  margin-top: 65px;
}

.kids-image-small img:nth-child(2) {
  max-width: 70%;
  margin-bottom: 3em;
}

/* FAQ sections */
#faq .collapsible h4 {
  font-size: 1em;
  text-transform: none;
}

/* LEICESTER homepage */

.page-leicester .section--welcome--lei {
  background: url(https://kingsgate.church/media/nripdjtp/profile_josh-crissy-bg.jpg)
    no-repeat top/cover;
}

/* FULL WIDTH IMAGE */
.full-width-image {
  margin-bottom: -7px;
}
.full-width-image img {
  width: 100%;
}

/* RANDOM */
.grey-bg {
  background-color: #eee;
}

.darken-bg {
  background-color: rgb(0, 0, 0);
  opacity: 0.6;
}
.multiple-buttons a {
  margin-bottom: 25px;
}

/* JOIN A TEAM - list view */
ul.join-a-team-list {
  list-style: none !important;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
}
.join-a-team-list li {
  display: inline-block;
  padding: 0;
}
.join-a-team-list li.team-image {
  width: 25%;
  padding-right: 1em;
  vertical-align: top;
}
.join-a-team-list li.team-image img {
  border-radius: 50%;
}

.join-a-team-list li.team-info {
  width: 60%;
  padding-left: 1em;
}
.join-a-team-list li.team-info h3 {
  margin-top: 0;
}

/* RESPONSIVE */

/* ===================
Responsive
======================*/

@media (max-width: 480px) {
  ul.our-story-timeline-4 li {
    width: 100%;
    margin: 0 auto 3em;
  }
}

@media (max-width: 767px) {
  .page-leicester .section--welcome--lei {
    background: url(https://kingsgate.church/media/h0hf4uki/profile_josh-crissy-bg-mobile-v2.jpg)
      no-repeat top/cover !important;
    position: relative;
  }
  .bottom-margin-columns {
    margin-bottom: 100px;
  }
  .join-a-team-list li.team-info {
    width: 100%;
    padding: 0;
  }
  .join-a-team-list li.team-info {
    text-align: center;
  }
  .join-a-team-list li.team-image {
    width: 100%;
    padding-right: 0;
    text-align: center;
    margin: 0 auto 35px;
  }
  .join-a-team-list li.team-image img {
    width: 60%;
  }
  ul.our-story-timeline-4 li {
    width: 45%;
    margin: 0 2.2% 3em;
  }
}
@media (max-width: 1024px) {
  /* .kids-3-columns .grid__col--lg-8 {
    
    }*/
  .kids-carousel-video .video-wrapper {
    margin-bottom: 20px;
  }
}