/*
Theme Name: Capella Child
description: New Hope Lutheran Church - Capella
Template: capella-parent
Version: 1.0.0
Text Domain: capella-child
Author: BCW
*/
h1, h2, h3, p, .testimonial-author {
    color: #000;
}

.logo {
    margin: 20px auto 0 auto;
    max-width:50%;
}

.testimonials-inner .fas.fa-star {
    color: var(--color-3);
}

.feature-item:nth-of-type(2) h2 {
    color: #fff;
    background: var(--color-1);
}

.feature-item:nth-of-type(2) a:hover h2 {
    background: var(--color-3);
    color: var(--color-1);
}

.feature-item a:hover h2 {
    background: var(--color-1);
}

.contact-inner-second h2, .contact-inner-second p, input#gform_submit_button_1:hover, .hours h2 {
    color: #fff;
}

input#gform_submit_button_1 {
    background: var(--color-3);
    color: var(--color-1);
}

.page-id-546 input#gform_submit_button_1 {
    background: var(--color-1);
    color: #fff;
}

    .page-id-546 input#gform_submit_button_1:hover {
        background: var(--color-3);
        color: var(--color-1);
    }

.feature-item img {
    filter: none !important;
}

.teams {
    background-color: #fdfdfd;
    background-image: url(https://www.transparenttextures.com/patterns/diagmonds-light.png);
    text-align: center;
    padding: 30px 0;
}

.teams h2 {
    padding-bottom: 20px;
}

.about-feature-box {
    background: rgba(255, 255, 255, .5);
    border: 1px solid #3d2454;
    box-shadow: 0 0 10px #000;
    padding: 30px;
    margin: 15px;
    flex-basis: 400px;
}

.about-feature-box a {
    color: var(--color-1);
}

.about-feature-box a:hover {
    color: var(--color-3);
}

.about-feature-box .btn {
    color: #fff;
    margin-top: 15px;
}

.about-feature-box .btn:hover {
    background: var(--color-3);
    color: var(--color-1);
}

.aboutimg {
    margin-bottom: 15px;
}

body.page-template-page-service-menu .content-block:nth-child(even) {
    background-color: var(--color-4);
}

body.page-template-page-service-menu .content-block:nth-child(even) p, body.page-template-page-service-menu .content-block:nth-child(even) h2 {
    color: #fff;
}

body.page-template-page-service-menu .content-block:nth-child(odd) a, .contact-info a {
    color: var(--color-1);
}

body.page-template-page-service-menu .content-block:nth-child(even) a {
    color: #fff;
}

body.page-template-page-service-menu .content-block:nth-child(odd) a:hover, body.page-template-page-service-menu .content-block:nth-child(even) a:hover, .contact-info a:hover {
    color: var(--color-3);
}

.page-id-344 .background-img {
    background-size: 50% !important;
}

.page-id-344 .feat {
}

@media screen and (max-height:850px) {
    .logo {
        margin: 50px auto 0 auto;
        max-width: 40%;
    }
    .hours h2 {
        font-size: 22px;
    }

    .hours p {
        font-size: 15px;
    }
}

@media screen and (min-width:1200px) and (max-width:1480px) {
    .page-id-1548 .content-block-inner .content-sec, .page-id-1557 .content-block-inner .content-sec {
        font-size: 14px !important;
        padding: 0 30px !important;
    }
}

@media screen and (max-width:991px) {
	.page-id-1332 iframe {
		height: 2160px !important;
	}
}
@media screen and (max-width:767px) {
	.page-id-1332 iframe {
		height: 7100px !important;
	}
}
@media screen and (max-width:600px) {
	.page-id-1332 iframe {
		height: 6000px !important;
	}
}

.page-id-661 .content-sec p {
    margin: 12px 0 !important;
}

.hours p {
    color: #fff;
    margin-top: 0;
}

body.page-template-page-service-menu .content-block:nth-child(2n) {
    background-color: var(--color-1);
}

.toggle-item {
    border: 2px solid var(--color-1);
    margin-bottom: 5px;
}

.toggle-item .toggle-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 30px;
    cursor: pointer;
}

.toggle-item .icon {
    transition: transform ease-in-out .4s;
}

.toggle-item .toggle-content {
    display: none;
    border-top: 1px solid var(--color-1);
    padding: 5px 15px;
}

.toggle-item.active .toggle-content {
    display: block;
}

.toggle-item .toggle-content p {
    margin: 10px 0;
}

.toggle-item .icon.active {
    transform: rotate(90deg);
}

.faq-section {
    padding: 30px 0;
}

.lowercase {
    text-transform: lowercase;
    font-size: 28px;
}

.about-feature-box .btn {
    color: var(--color-3);
    background: var(--color-1);
}

.about-feature-box .btn:hover {
    color: var(--color-1);
    background: var(--color-3);
}

.content-wrapper a {
    color: var(--color-1);
}

.content-wrapper a:hover,
.content-wrapper a:focus {
    color: var(--color-5);
}

.about-feature-box {
    flex: 0 1 calc(33.33% - 30px);
    padding: 30px 15px;
}

.about-feature-box h3 {
    margin-bottom: 10px;
}

.about-feature-box p {
    margin: 10px 0;
}

.about-feature-box p:last-child {
    margin-bottom: 0;
}

.about-feature-box .btn {
    margin: 0;
}

.about-feature-box .email {
    position: relative;
    padding-left: 28px;
}

.about-feature-box .email:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 400;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 1.4em;
}

footer .sitemap ul {
    flex-wrap: wrap;
    row-gap: 8px;
}

.page-id-1548 .content-block, .page-id-1557 .content-block {
    padding: 0px !important;
}

.page-id-1548 .content-block-inner .content-sec, .page-id-1557 .content-block-inner .content-sec {
    padding: 20px 30px;
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
}

.page-template-page-service-menu #content-block-4 .background-img {
    background-size: cover;
}

@media screen and (min-width:992px) and (max-width:1580px) {
    .page-template-page-service-menu #content-block-4 .background-img {
        background-size: contain;
        background-position: center left;
    }
}

@media screen and (max-width: 1199px) {
    .about-feature-box {
        flex: 1 1 calc(50% - 30px);
        min-width: 250px;
    }

    .about-feature-blocks {
        justify-content: center;
    }

    .page-id-1332 iframe {min-height:100% !important;}
}

@media screen and (max-width:991px) {
    .logo-container.mobile-logo {
        display: none;
    }
    body.home .logo-container.mobile-logo {
        display: block;
    }
    .content-block .flex-col.feat {
        order: 1 !important;
    }

    .content-block .flex-col:not(.feat) {
        order: 2 !important;
    }

    .page-template-page-service-menu #content-block-4 .background-img {
        background-size: contain;
    }
}

@media screen and (max-width:450px) {
    .about-feature-box .email {
        hyphens: auto;
    }
}