/*
Theme Name: Blessed Lite
Theme URI: https://risingthemes.net/shop/blessed-lite/
Author: Risingthemes
Author URI: https://risingthemes.net
Description: Blessed Lite is a beautifully designed Full Site Editing (FSE) WordPress theme created specifically for churches, ministries, religious organizations, prayer groups, and faith-based communities. Built with the latest WordPress block editor technology, Blessed Lite empowers churches to create inspiring and professional websites without requiring any coding knowledge. The theme features a clean, spiritual, and welcoming design that helps churches share their mission, sermons, events, ministries, worship schedules, and community outreach programs effectively. With Full Site Editing support, users can easily customize every part of their website, including headers, footers, templates, and global styles using the WordPress Site Editor. Blessed Lite comes with thoughtfully crafted block patterns for church services, sermon highlights, pastor messages, upcoming events, donation sections, prayer requests, testimonials, Bible study groups, and volunteer activities. These ready-made layouts help churches launch their online presence quickly and professionally.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
Version: 1.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: blessed-lite
Tags: education, e-commerce, blog, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, custom-background, wide-blocks

Blessed Lite is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).
Blessed Lite WordPress Theme has been created by Risingthemes(risingthemes.net), 2026.
Blessed Lite WordPress Theme is released under the terms of GNU GPL
*/

html,
body{
    overflow-x: hidden;
}

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.wp-block-navigation ul li a:focus,
.wp-block-navigation .wp-block-navigation__submenu-icon:focus{
	outline: 1px solid var(--wp--preset--color--primary);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--secondary);
    padding: 5px 10px;
}

.wp-block-navigation__responsive-container .wp-block-navigation-link a{
    color: var(--wp--preset--color--white);
}

a:focus,
button:focus{
	outline: 2px solid blue !important;
}

h3.wp-block-post-title a{
	text-decoration: none !important;
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

.shadow{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}

.site-logo{
    position: relative;
}

.header-right{
    position: relative;
    background-color: var(--wp--preset--color--primary);
}

.header-right:after {
    content: '';
    position: absolute;
    right: -99999px;
    width: 99999px;
    top: 0;
    bottom: 0;
    background-color: var(--wp--preset--color--primary);
    z-index: -1;
}

.top-header-col{
    position: relative;
}

.top-header-col::before{
    content: '';
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -45px;
    bottom: 0;
    background-color: var(--wp--preset--color--primary);
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    z-index: 0;
}

.top-header-col:nth-child(2)::before{
    background-color: var(--wp--preset--color--secondary);
}

.top-header-col:not(:first-child)::before{
    left: -24px;
}

/* Header social icons
------------------------------------------------ */
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  font-size: 1.3rem !important;
}
.header-social-icons .wp-social-link{
    border: 2px solid var(--wp--preset--color--secondary, #243642);
    background-color: transparent !important;
    transition: all 0.2s ease-in-out;
}
.wp-social-link{
    border-radius: 0;
}

.header-social-icons .wp-social-link a{
    background-color: transparent;
}
.header-social-icons .wp-social-link svg{
    fill: var(--wp--preset--color--secondary, #243642) !important;
}
.header-social-icons .wp-social-link:hover{
    border-radius: 50%;
    border: 2px solid var(--wp--preset--color--primary, #387478);
    transform: scale(1);
}
.header-social-icons .wp-social-link:hover svg{
    fill: var(--wp--preset--color--primary, #387478) !important;
}

.site-logo::before{
    content: '';
    position: absolute;
    right: 100%;
    top: 0px;
    height: 100%;
    width: 2000%;
    background-color: var(--wp--preset--color--primary);
}

/* About number
------------------------------------------------ */
.abt-number{
    width: 100%;
    height: 88px;
}
.abt-number h6{
    width: 52px;
    height: 52px;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    margin: 0 auto !important;
    border-radius: 30px;
    line-height: 52px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Counter Box
------------------------------------------------ */
.counter-icon{
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffffff;
    text-align: center;
}
.counter-icon:before,
.counter-icon:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--wp--preset--color--primary);
    -webkit-transition: .3s;
    transition: .3s;
}
.counter-icon:before{
    top: -2px;
    right: 17px;
}
.counter-icon:after {
    bottom: -2px;
    left: 17px;
}
.counter-box:hover .counter-icon{
    border-color: var(--wp--preset--color--primary);
}
.counter-box:hover .counter-icon:before {
    top: -3px;
    right: 47px;
}
.counter-box:hover .counter-icon:after {
    bottom: -3px;
    left: 47px;
}
.counter-title{
    position: relative;
}
.counter-title::before{
    position: absolute;
    content: '';
    top: -5px;
    left: 0;
    height: 3px;
    width: 100%;
    z-index: 1;
    background-color: var(--wp--preset--color--primary);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}
.counter-box:hover .counter-title:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

/* Testimonial Content
------------------------------------------------ */
.testimonial-content{
    height: 100%;
    margin-left: -36px;
}

.footer-post-excerpt p{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.footer-newsletter input[type="submit"]{
    position: absolute;
    right: 0;
    height: 41px;
}

@media (max-width: 600px) {
	.wp-block-media-text__content {
		padding: 0 !important;
        margin-top: 30px !important;
	}
}
@media (min-width: 600px) {
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 5% 0 0;
	}
	.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
		padding: 0 0 0 5%;
	}
}

@media (max-width: 999px) {
    .site-logo{
        width: 100%;
    }
    .site-logo::before{
        content: none;
    }
    .site-logo .wp-block-group-is-layout-flex{
        justify-content: center;
    }
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--primary);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--body-text);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 700;
}

.form-group {
    margin-bottom: 20px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}

.clear{
    clear: both;
}


/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */

@media screen and (max-width: 469px) {
    .header-social-icons{
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .header-right:after{
        content: none;
    }
    .top-header-col:nth-child(2){
        width: 100% !important;
    }
    .top-header-col::before{
        content: none;
    }
    .testi-thumb{
        display: none;
    }
    .testimonial-content{
        margin-left: 0;
    }
}

@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path,
    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--primary);
    }

    .wp-block-navigation__responsive-container-close{
        top: 20px;
        right: 20px;
    }

    .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; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--secondary) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        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: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
    }

    /*
    * Submenu Css
    */

    .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;
        z-index: 9;
    }
    .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: var(--wp--preset--color--white);
        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;
    }
}