/* 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: .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;
}
}