/*
Theme Name: FSE Spiritual
Theme URI: https://flythemes.net/wordpress-themes/fse-spiritual-wordpress-theme/
Author: Flythemes
Author URI: https://flythemes.net
Description: Spiritual is full site editing and fully functional WordPress theme with all the necessary features a church WordPress theme must possess. With our themes, we are intentional about the location of contents and the heading tags to ensure you stand a great chance of being listed in search engines. This theme is search engine optimized and comes with an easily managed section for staff profiles. Every page is search engine optimized, and this is good for business. It is highly responsive, quickly downloading our spiritual WordPress theme on any device. The theme is undoubtedly compatible with all devices, from mobile phones to laptops and tablets. Our headers come with style, and you can stylishly introduce your church or organization to people in a captivating way. This makes you catch their attention and make them stay glued to your site. A great feature is the event management icon, where you can outline upcoming events and add the full details. Also, you can include sermon notes, activities, and services you want to showcase and highlight on your website. This theme is comes with many block patterns that you can use to create the desired layout for your website.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0.5
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: fse-spiritual
Tags: education, blog, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

FSE Spiritual is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
FSE Spiritual WordPress Theme has been created by Flythemes(flythemes.net), 2025.
FSE Spiritual WordPress Theme is released under the terms of GNU GPL
*/

/* --- > Default Css
-------------------------------------------------------- */
body{
    font-family: var(--wp--preset--font-family--poppins);
    font-size: var(--wp--preset--font-size--tiny);
}
a{
    transition: all .3s ease-in-out;
}
img{
    display: block;
}
.site-header{
    box-shadow: 0 -1px 8px -5px rgb(0, 0, 0.2);
}
ul.inline-list{
    margin: 0;
    padding: 0;
}
ul.inline-list li{
    display: inline-block;
}
ul.inline-list li:not(:last-child){
    margin-right: 10px;
}
ul.inline-list li a{
    padding: 2px 8px;
    border-radius: 16px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
}
.text-right{
    text-align: right;
}
.sitenav-main ul li{
    margin: 0 5px;
}
.sitenav-main ul > li > a{
    padding: 12px 0 !important;
}
.sitenav-main ul li a span{
    display: block;
    position: relative;
    padding: 0 10px;
}
.sitenav-main ul li a .wp-block-navigation-item__content{
    color: none;
}
.wp-block-navigation ul li  a:hover {
    color: var(--wp--preset--color--secondary);
}
.wp-block-navigation ul li  a:focus, 
.wp-block-navigation ul li  a:active {
    color: var(--wp--preset--color--secondary);
}
.wp-block-navigation ul li li a:hover, 
.wp-block-navigation ul li li a:focus, 
.wp-block-navigation ul li li a:active,
.wp-block-navigation ul li.current-menu-item > a  {
    color: var(--wp--preset--color--secondary);
}
.page-numbers {
    padding: 6px 18px;
    display: inline-block;
}
.footer-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu li{
    margin: 14px 0;
    font-weight: 500;
}
.footer-menu > ul{
    display: none;
}
.text-whilte, .text-whilte a{
    color: #ffffff;
}
.wp-block-categories,
.wp-block-archives{
    margin: 0;
    padding: 0;
    list-style: none;
}
.wp-block-categories li,
.wp-block-archives li{
    line-height: 2.2;
}

.taxonomy-category a{
    padding: 5px 16px;
    font-size: 15px;
    display: inline-block;
    background-color: var(--wp--preset--color--secondary);
    font-weight: 500;
    color: var(--wp--preset--color--white);
}
.taxonomy-category a:not(:last-child){
    margin-right: 15px;
}
.taxonomy-category a:hover{
    color: var(--wp--preset--color--primary);
}
.taxonomy-category .wp-block-post-terms__separator{
    display: none;
}

.wp-block-post-featured-image{
    position: relative;
    overflow: hidden;
}
.wp-block-post-featured-image img{
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

.wp-block-query .wp-block-post:hover .wp-block-post-featured-image img,
.wp-block-post-featured-image:hover img{
    opacity: 0.8;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.wp-block-post-author{
    align-items: center;
}
.wp-block-post-author .wp-block-post-author__avatar{
    border-radius: 50%;
    overflow: hidden;
}

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea{
    background-color: transparent;
    color: var(--wp--preset--color--primary);
}

body.single-post .wp-block-separator:not(.is-style-wide):not(.is-style-dots){
    width: 20px !important;
}

body.single-post .wp-block-post-featured-image{
    width: 100%;
    height: 650px;
}
body.single-post .wp-block-post-featured-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.wp-block-latest-posts__list li:not(:last-child),
.wp-block-categories-list li:not(:last-child),
.wp-block-archives-list li:not(:last-child){
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.wp-block-categories-list li:not(:last-child),
.wp-block-archives-list li:not(:last-child){
    margin-bottom: 8px;
    padding-bottom: 8px;
}

/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:781px) {
    .mobile-aligncenter{
        text-align: center !important;
    }
    .mobile-aligncenter .wp-block-social-links{
        justify-content: center;
    }
    body.single-post .wp-block-post-featured-image{
        height: 300px;
    }
}

@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block; 
    }
    
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }
}

@media screen and (max-width: 600px) {
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border: 1px solid #9292923b;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: 100%;
        border-bottom: 1px solid #9292923b;
        padding: 7px 50px 7px 20px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
        display: block !important;
        margin-left: 15px;
        padding: 3px 10px;
        float: right;
        font-size: 19px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
        height: 42px;
        width: 42px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
        stroke: currentColor;
        display: block;
        width: 30px;
        height: 13px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        display: none;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
        padding-left: 35px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
        display: block;
        margin: 0;
        padding: 0;
    }
    .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
        transition-timing-function: ease-in;
        transition: 0s;
        transform: translateX(130%);
        display: block;
    }
    .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
        visibility: visible;
        transition-timing-function: ease-out;
        transition: .7s;
        transform: translateX(0);
        top: 0;
    }
    .wp-block-media-text__content{
        padding-top: 50px !important;
    }
}


.has-lite-shadow{ box-shadow: 0px 10px 50px 0px rgb(26 46 85 / 10%); }

.service-title a{ color: #ffffff; }

.counter-icon{ 
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    margin: 0 auto 20px !important;
    border-radius: 50%;
    padding: 10px !important;
}

.infocard-icon {
    position: relative;
    margin-top: -41px !important;
    text-align: center;
    margin-bottom: 10px !important;
}

.infocard-icon:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    border-radius: 50%;
    border: solid #ffffff 6px;
    border-top-left-radius: 0;
    transform: rotate(45deg);
    background-color: #e8772e;
    z-index: 0;
    -webkit-transition: all 350ms ease 0s;
    transition: all 350ms ease 0s;
}

.infocard-icon figure{
    font-size: 30px;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all ease 0.35s;
    transition: all ease 0.35s;
    position: relative;
    z-index: 1;
}

.infocard-icon figure img{
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.team-member{ 
    position: relative; 
}
.member-social-icons{ 
    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.4s ease-in-out;
}
.team-member:hover .member-social-icons{
    opacity: 1;
    transform: scale(1);
}

.latest-posts .wp-block-post{ 
    background-color: #ffffff; 
    box-shadow: 0px 10px 50px 0px rgb(26 46 85 / 10%); 
}

.footer-widget-title{ 
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
    z-index: 1;
}
.footer-widget-title:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 5px;
    background-color: var(--wp--preset--color--primary);
    bottom: 0;
    left: 0;
    transition: all .3s ease-in-out;
}