/**
Theme Name: Charity Zen
Theme URI: https://ascendoor.com/themes/charity-zen/
Author: Ascendoor
Author URI: https://ascendoor.com/
Version: 1.0.2
Requires PHP: 5.6
Tested up to: 6.6
Requires at least: 5.0
Template: travellable
Text Domain: charity-zen
Description: Charity Zen is a child theme of Travellable theme - this is a multi-functional, fully responsive, and highly customizable WordPress theme for creating websites for non-profit organizations like charity, INGO, NGO, trust, foundation, and so on. This theme features a clean, modern style that is both visually pleasing and operationally efficient. The Charity Zen theme provides the flexibility to set services, blogs, and other sections to create a website. This theme is compatible with a wide range of WordPress plugins, including Contact Form 7, One Click Demo Import, JetPack, and others. With its easy-to-use interface, you can create sophisticated, professional-quality websites without code knowledge. You can also customize the appearance by choosing from a wide selection of fonts and colors. Check the demo at: https://demos.ascendoor.com/charity-zen/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, footer-widgets, full-width-template, left-sidebar, right-sidebar, blog, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Travellable is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Associate Section
--------------------------------------------- */

.associate_section {
    padding: 3.5rem 0;
}

.associate_section-slider-wrap {
    position: relative;
    padding: 75px 50px;
    overflow: hidden;
}

.associate_section-slider-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 375px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px #00000008;
    box-shadow: 0 10px 30px #00000008;
}

.associate_section>div {
    position: relative;
}

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

.associate-item img {
    margin: 0 auto;
    filter: grayscale(1) opacity(0.7);
    transition: all 0.3s ease;
}

.associate-item img:hover {
    filter: grayscale(0) opacity(1);
}


/* About Section
--------------------------------------------- */

.explore-callout {
    position: relative;
}

.explore-callout::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(3px);
    transition: all 0.4s ease;
}

.explore-callout>div {
    position: relative;
}

.explore-callout .btn-link {
    color: #404040;
}

@media (min-width: 700px) {
    .explore-callout::before {
        -webkit-clip-path: polygon(0 0, 66% 0, 49% 100%, 0% 100%);
        clip-path: polygon(0 0, 66% 0, 49% 100%, 0% 100%);
    }
}

@media (max-width: 700px) {
    .explore-callout::before {
        top: 50%;
        left: 50%;
        width: calc(100% - 15px);
        height: calc(100% - 15px);
        transform: translate(-50%, -50%);
    }
    .explore-callout .mb-3 {
        padding: 20px;
    }
}


/* Banner Section
--------------------------------------------- */

.main-slider .main-slider-item {
    height: 480px;
    min-height: unset;
}

@media (min-width: 1200px) {
    .main-slider .main-slider-item {
        height: 750px;
        min-height: unset;
    }
}

.main-slider .main-slider-item::after {
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

@media (min-width: 700px) {
    .main-slider .main-slider-item::after {
        -webkit-clip-path: polygon(0 0, 66% 0, 49% 100%, 0% 100%);
        clip-path: polygon(0 0, 66% 0, 49% 100%, 0% 100%);
    }
}

.main-slider .main-slider-item-caption {
    max-width: 700px;
}

.main-slider .main-slider-item-caption .heading {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
    margin-bottom: 15px;
    padding-bottom: 0;
}

.main-slider .main-slider-item-caption .heading h5 {
    text-transform: unset !important;
}


/* dots and arrow*/

.main-slider .slick-arrow {
    border-radius: 50%;
}

.main-slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 30px;
}

.main-slider .slick-dots li {
    width: auto;
    height: auto;
}

.main-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 10px;
    padding: 0;
}

.main-slider .slick-dots li.slick-active button {
    width: 50px;
}


/* Service Section
--------------------------------------------- */

.thumbnail-list.gallery-section.style-2 {
    padding-top: 90px;
    padding-bottom: calc(90px - 1rem);
    background: #f7f7f7;
}

@media (max-width: 991.98px) {
    .thumbnail-list.gallery-section.style-2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.thumbnail-list.gallery-section.style-2 .media-box {
    color: #404040;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-direction: column;
    margin-left: 0;
    align-items: self-start;
    padding: 0 29px 35px 37px;
}

.thumbnail-list.gallery-section.style-2 .media-img {
    width: 82px;
    height: 82px;
    display: grid;
    place-content: center;
    background: #fff;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    box-shadow: 0px 10px 15px rgb(221 221 221 / 15%);
    border-radius: 50%;
    transition: all 0.4s ease;
    margin-left: -7px;
    margin-top: -41px;
    margin-bottom: 20px;
}

.thumbnail-list.gallery-section.style-2 .media-box img {
    width: 40px;
}

.thumbnail-list.gallery-section.style-2 .media-box h4 {
    font-size: calc(1.3625rem + 0.15vw);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 13px;
}

@media (min-width: 1200px) {
    .thumbnail-list.gallery-section.style-2 .media-box h4 {
        font-size: 1.475rem;
    }
}

.thumbnail-list.gallery-section.style-2 .media-box h4 {
    display: block;
    transition: all 400ms ease;
}

.thumbnail-list.gallery-section.style-2 .media-box p {
    margin-bottom: 0;
}


/* Team Section
--------------------------------------------- */

.team-volunteers {
    padding-top: 90px;
    padding-bottom: calc(90px - 1rem);
}

@media (max-width: 991.98px) {
    .team-volunteers {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.team-volunteers .team-volunteers-wrapper {
    display: grid;
    grid-gap: 30px;
    margin-bottom: 30px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.team-volunteers .team-volunteers-wrapper .team-volunteers-single {
    text-align: center;
}

.team-volunteers .team-volunteers-wrapper .team-volunteers-single a,
.team-volunteers .team-volunteers-wrapper .team-volunteers-single p.text-secondary {
    color: #404040;
}

.team-volunteers .team-volunteers-wrapper .team-volunteers-single .media-img {
    aspect-ratio: 1/1.15;
    margin-bottom: 10px;
}

.team-volunteers .team-volunteers-wrapper .team-volunteers-single .media-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-volunteers .team-volunteers-wrapper .team-volunteers-single h3 a {
    font-size: calc(1.3625rem + 0.15vw);
    font-weight: 500;
}

.team-volunteers .team-volunteers-wrapper .team-volunteers-single .social-links {
    justify-content: center;
}


/* Blog Section
--------------------------------------------- */

.blog-callout-wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
    margin-bottom: 30px;
}

@media (min-width: 700px) {
    .blog-callout-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-callout-wrap .blog-single:first-child {
        grid-column-end: span 2;
    }
    .blog-callout-wrap .blog-single:first-child .blog-img {
        height: 600px;
    }
}

.blog-callout-wrap .blog-single .blog-img {
    height: 300px;
}

.blog-callout-wrap .blog-single .blog-img a {
    width: 100%;
    height: 100%;
}

.blog-callout-wrap .blog-single .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-callout-wrap .blog-single .blog-img img:hover {
    transform: scale(1.1);
}

.blog-callout-wrap .blog-single .blog-details {
    background: #fff;
    padding: 20px;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 10px 15px rgb(221 221 221 / 15%);
}

@media (min-width: 700px) {
    .blog-callout-wrap .blog-single .blog-details {
        padding: 40px;
    }
}

.blog-callout-wrap .blog-single .blog-details .blog-title {
    margin-bottom: 15px;
}

.blog-callout-wrap .blog-single .blog-details .blog-info {
    padding-bottom: 0;
    padding-top: 15px;
    border-top: 1px solid #f1f1f1;
}


/* Counter Section
--------------------------------------------- */

.counter-style-2 {
    background: #f7f7f7;
    padding: 90px 0;
}

.counter-style-2 .counter-background-img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.counter-style-2 .counter-background-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

@media (min-width: 992px) {
    .counter-style-2 .counter-background-img {
        width: 65.2%;
    }
}

@media (max-width: 769px) {
    .counter-style-2 .heading {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .counter-style-2 .why-callout-list {
        margin-inline: 0;
    }
    .counter-style-2 .why-callout-list li:not(last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }
}

.counter-style-2 .counter-background-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.counter-style-2::after {
    display: none;
}

.counter-style-2 .why-callout-list {
    position: relative;
    text-shadow: 6px 2px 14px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
    .counter-style-2 .why-callout-list::before,
    .counter-style-2 .why-callout-list::after {
        background-color: rgba(255, 255, 255, 0.4);
        position: absolute;
        content: "";
    }
}

.counter-style-2 .why-callout-list::before {
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translate(0, -50%);
}

.counter-style-2 .why-callout-list::after {
    width: 2px;
    height: 100%;
    top: 0;
    transform: translate(-50%, 0);
    left: 50%;
}

.counter-style-2 .why-callout-list li {
    display: block;
}

.counter-style-2 .why-callout-list-item {
    max-width: none;
    flex-direction: column;
    padding-block: 65px;
    padding-inline: 10px;
    transition: all 0.3s ease-out;
}

@media (min-width: 1200px) {
    .counter-style-2 .why-callout-list li {
        border-left: none;
    }
}


/* Newsletter Section
--------------------------------------------- */

.newsletter-callout.style-2 {
    overflow: hidden;
    padding: 0;
    min-height: 0;
}

.newsletter-callout.style-2 .image-part {
    position: relative;
    width: 50%;
}

.newsletter-callout.style-2 .newsletter-background-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.newsletter-callout.style-2 .newsletter-background-img {
    margin-inline-start: -500px;
}

.newsletter-callout.style-2 .newsletter-background-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsletter-callout.style-2 .form-part {
    position: relative;
    width: 50%;
    padding: 100px 50px;
}

.newsletter-callout.style-2 .form-part input[type="email"],
.newsletter-callout.style-2 .form-part button[type="submit"] {
    border-radius: 0;
    border: none;
}

@media only screen and (max-width: 999px) {
    .newsletter-callout.style-2 .newsletter-background-img {
        margin-inline-start: -50px;
    }
    .newsletter-callout.style-2 .form-part {
        padding: 75px 25px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-callout.style-2 .newsletter-background-img {
        margin-inline-start: -30px;
    }
    .newsletter-callout.style-2 .form-part,
    .newsletter-callout.style-2 .image-part {
        width: 100%;
    }
    .newsletter-callout.style-2 .image-part {
        padding-top: 56%;
    }
}


/* Footer
--------------------------------------------- */

.site-info,
.site-info a,
.site-footer a,
.site-footer {
    color: #fff;
}