/*

Theme Name: Grace-church Child
Template: grace-church
Version: 1.0.0
Text Domain: grace-churchchild

*/

/* Button Styling */
.grecaptcha-badge{
	display:none !important;
}
.btn .sc_button,
.rev-btn {
    background: #D6D58E !important;
    border: 2px solid #D6D58E !important;
    color: #042940 !important;
    font-family: 'Cabin', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 19.44px !important;
    padding: 14px 44px !important;
    transition: .5s;
}

.btn .sc_button:hover,
.rev-btn:hover {
    background: transparent !important;
    border: 2px solid #D6D58E !important;
    color: #D6D58E !important;
    transition: .5s;
}

.subscribe form#style-3 button {
    background: #042940 !important;
    border: 2px solid #042940 !important;
    color: #D6D58E !important;
    font-family: 'Cabin', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 19.44px !important;
    padding: 14px 44px !important;
    transition: .5s;
}

.subscribe form#style-3 button:hover {
    background: transparent !important;
    border: 2px solid #042940 !important;
    color: #042940 !important;
    transition: .5s;
}

/* Header */

header .elementor-column-gap-extended {
    max-width: calc(var(--theme-var-page) + var(--theme-var-elm_gap_extended));
}

/* Footer */

footer .custom_links_list_item_title,
footer .social_item .social_icon span::before {
    color: #FFFFFF !important;
}

footer .social_item:hover .social_icon span::before {
    color: #D6D58E !important;
}

footer .copyright p {
    color: #627988 !important;
}


/* HOME PAGE */

/* Hero */

.home .slider_alias_home-1 #slider-1-slide-1-layer-5 rs-mask-wrap {
    overflow: visible !important;
}

.home .slider_alias_home-1 rs-slides rs-group-wrap {
    display: flex;
    left: 0 !important;
    margin: 0 auto;
    max-width: calc(var(--theme-var-page) + var(--theme-var-elm_gap_extended));
    padding: calc(var(--theme-var-elm_gap_extended) / 2);
    position: relative !important;
}

/* Our Choir */

.our_choir .sc_item_subtitle_above {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 0 1rem;
    opacity: 1;
    text-transform: none !important;
}

.our_choir .oc_image .elementor-widget-container {
    position: relative;
    top: 50px;
}

.our_choir .oc_frame .elementor-widget-container {
    left: 300px;
    position: relative;
    top: -50px;
}

/* News */

.news .sc_item_subtitle_above {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 0 1rem;
    opacity: 1;
    text-transform: none !important;
}

.news .sc_blogger img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.news .sc_blogger_item_content {
    margin: 0.5rem 0 0 !important;
    padding: 0 !important;
}

.news .sc_blogger_item_content .post_meta_categories {
    letter-spacing: 0 !important;
    margin: 0 0 0.5rem !important;
}

.news .sc_blogger .post_categories a,
.news .sc_blogger .post_categories span {
    display: none;
    visibility: hidden;
}

.news .sc_blogger .post_categories a:first-of-type {
    display: block;
    font-size: 16px;
    padding: 0 0 0 0.125rem;
    text-transform: none !important;
    visibility: visible;
}

.news .sc_blogger_item_title a {
    color: #042940 !important;
    font-family: 'Playfair Display', sans-serif;
    opacity: 1;
    transition: .5s;
}

.news .sc_blogger_item_title a:hover {
    opacity: 0.6;
    transition: .5s;
}


/* MEDIA PAGE */

/* Gallery Sections */

.gallery_section:not(:last-of-type) {
    margin: 0 0 2rem !important;
}

@media screen and (max-width: 1024px) {
    .header_position_over .top_panel {
        position: relative !important;
        background: #042940 !important;
    }

}


/* MEDIA QUERIES */

/* Mobile */

@media screen and (max-width: 479px) {

    /* Global */

    .elementor-column-gap-extended {
        max-width: var(--theme-var-page) !important;
    }

    /* Header */

    .home header.top_panel {
        background: transparent !important;
        position: absolute !important;
    }

    header .elementor-element-56d0dc5b {
        padding: 1.5rem 0 !important;
    }

    header .sc_layouts_menu_dir_horizontal,
    header .sc_button {
        display: none;
        visibility: hidden;
    }

    header .elementor-column {
        width: 50% !important;
    }

}

.text-center {
    text-align: center;
}

.team--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.team--image img {
    width: 100%;
}

.team--button a {
    display: inline-block;
    font-weight: bold;
    background-color: #D6D68E;
    color: #091D33;
    padding: 20px 25px 20px 25px;
    line-height: 1;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.team--button a:hover {
    color: #D6D68E;
    background-color: #091D33;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

@media screen and (max-width: 991px) {
    .team--wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .team--wrapper {
        grid-template-columns: 1fr;
    }
}


.floating--icon {
    width: 18px;
    position: fixed;
    right: 6rem;
    padding: 9px 15px;
    z-index: 1;
    background: #234458;
    height: 28px;
    bottom: -50px;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    opacity: 0;
}

.scroll_to_top_style_default {
    background: #234458;
}

.menu_mobile .socials_mobile {
    display: none;
}

.menu_mobile .menu_mobile_nav_area>ul>.menu-item>a {
    margin: 15px 0;
    line-height: 1;
}

.floating--icon.show {
    bottom: 2rem;
    opacity: 1;
    z-index: 99;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.float-icon--inner {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.floating--icon svg {
    width: 100%;
}

.floating--icon svg path,
.scroll_to_top_style_default:before {
    color: #627988;
    fill: #627988;
}

.floating--icon:hover svg path,
.floating--icon:hover,
.scroll_to_top_style_default:hover:before,
.scroll_to_top_style_default:hover {
    color: #D6D68E;
    fill: #D6D68E;
    background-color: #091D33;
}

@media screen and (max-width: 1023px) {

    .floating--icon.show {
        bottom: 1rem;
    }
}

@media screen and (max-width: 767px) {

    .floating--icon.show {
        height: 25px;
        right: 5rem;
    }
}