/* HIDE SECTION CONTENT */
.hide-content {
    display: none;
}

/* 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;
}

/* INTERPRETATION page */
.service-times {
    text-align: center;
}

.service-times h2 {
    text-transform: lowercase !important;
}

/* EASTER 2026 */
a.btn-easter:hover {
    background-image: linear-gradient(
        to right,
        #2e0544,
        #4b47e9,
        #f25a5a,
        #ff9936,
        #fbead3
    );
    border-color: #2e0544;
}

/* ALIVE pages */

#alive-yellow {
    background-color: #f6ab3b;
}

a:hover.btn-alive {
    background-color: #f6ab3b !important;
    border-color: #f6ab3b !important;
}

.btn-alive {
    border-color: #403f3f;
}

.section--text-light a.btn-alive:visited {
    color: #ffffff;
}

/* 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;
}

.icon-rotate {
    animation: rotation 25s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* 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: #dc4126;
    /*font-style: italic;*/
    font-weight: 700;
}

.scripture-ref em {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #403f3f;
    font-style: normal;
    font-weight: 400;
}

.section--midgrey {
    background-color: #d7d2d1;
}

.button-list a {
    margin-top: 15px;
    margin-bottom: 15px;
}

a:hover.btn-overcomers {
    background-color: #dc4126 !important;
    border-color: #dc4126 !important;
}

.section--overcomers-orange {
    background-color: #dc4126;
}

/* section padding */
.no-padding-bottom .inner--xs-t3 {
    padding-bottom: 0 !important;
}

.no-padding-top .inner--xs-t3 {
    padding-top: 0 !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-craft-image-first img:nth-child(1) {
    box-shadow: 2px 20px 80px #1d1d1d;
    border-radius: 15px;
    border: 10px solid #2595f0;
}

.kids-craft-image-third img:nth-child(3) {
    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;
    }

    .section--padding-top {
        padding-top: 3em;
    }
}

@media (max-width: 1024px) {
    /* .kids-3-columns .grid__col--lg-8 {
    
    }*/
    .kids-carousel-video .video-wrapper {
        margin-bottom: 20px;
    }
}
