@charset "UTF-8";

/*
Theme Name: Updeed Theme
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

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

Twenty Nineteen 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/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

input.search-field {}

.search-form .search-field {
    padding: 10px;
    border: 1px solid;
}

.search-form .search-submit {
    padding: 10px 20px;
    border: 1px solid #000;
    background: #28a745;
    color: #fff;
}

textarea.form-control {
    height: 100px;
}

.custom_class_img_footer img {
    height: 200px;
    width: auto;
    margin: 0 auto;
    display: table;
    object-fit: cover;
    width: 100%;
}

.custom_class_img_footer p a {
    font-size: var(--small-font);
    font-weight: 600;
    margin-top: 10px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--black);
}

.custom_class_img_footer video {
    height: 200px;
}

.download-app li a:hover span {
    filter: brightness(0) invert(1);
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.amazing-slider .swiper-wrapper {
    justify-content: center;
}

.mobile-parent-nav-menu-item {
    display: none;
}


/*  */

.mobile-parent-nav-menu-item {
    display: none;
}

.testimonial-card>img {
    height: 200px;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .hero-content h2 {
        font-size: 4vw;
    }
}

.our-parnter-new h2 {
    font-size: var(--xmedium-font);
    color: var(--green);
    text-align: center;
    font-weight: 700;
}

.our-partner-org {
    background: #f1f1f1;
    padding: 50px 0;
}

.partner-slide {
    margin-top: 30px;
    padding-bottom: 10px;
}

.partner-listing img {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
}

.partner-listing {
    text-align: center;
    background: #fff;
    padding: 15px;
}

.partner-listing h4 {
    font-size: var(--medium-font);
    font-weight: 700;
    color: var(--blue);
}

.partner-listing p {
    margin-bottom: 0;
}

.partner-store {
    margin-bottom: 20px;
}

section.about-hero {
    height: 100dvh;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
}

.about-main-title {
    font-size: clamp(25px, 5vw, 35px) !important;
}

.text-black {
    color: #000 !important;
}

.primary-color {
    color: #05C253 !important;
}

.font-base {
    font-size: 16px !important;
}

.fw-semibold {
    font-weight: 600;
}

.fw-bold {
    font-weight: 700;
}

.font-bold {
    font-weight: 700;
}

.about-hero-text {
    padding-inline: 70px;
}

.quote-text {
    font-family: "Mogra", cursive;
    color: #666e7a;
    font-size: clamp(18px, 4vw, 35px) !important;
}

.about-max-w {
    max-width: 1300px;
}

.about-updeed .about-max-w {
    gap: 30px;
}

.about-stats>.about-max-w {
    background-color: #002860;
    border-radius: 20px;
    box-shadow: 2px 2px 10px 0 #05C253;
}

h4.stat-title {
    font-size: clamp(35px, 6vw, 50px) !important;
}

section.for-org {
    background-color: #EFFAF7;
    ;
}

section.our-story {
    padding: 80px 15px;
}

h3.philosophy {
    background-color: #D2FFF3;
    padding: 10px 25px;
    max-width: fit-content;
}

div.team-member {
    width: 30%;
    box-shadow: 0 3px 5px 0 #0000004a;
    border-radius: 30px;
    transition-duration: 300ms;
}
div.team-member:hover{
    transform: translateY(-10px);
}
div.team-members-grid {
    gap: 40px;
}

p.member-title {
    font-weight: 400 !important;
    font-size: 20px;
}

.member-short-description {
    font-style: italic;
    font-weight: 500 !important;
}

.team-member-socials {
    gap: 10px;
}

.team-member-img {
    cursor: pointer;
}

div.popup-content {
    padding: 20px 40px;
    border-radius: 14px;
    width: 100%;
    max-width: 1100px;
}

@media(max-width:768px) {
    div.popup-content {
        overflow-y: scroll;
    }

    div.popup-content div.col-md-7 {
        max-height: 100px;
    }

    span.close-btn {
        right: 0 !important;
        top: 0 !important;
    }
}

@media(max-width:576px) {
    div.team-member {
        width: 90% !important;
    }

    div.popup-content {
        padding: 15px !important;
    }
}

@media (max-width: 991px) {
    section.about-hero {
        background-image: none !important;
        padding-block: 50px;
        height: auto;
    }

    div.popup-content {
        margin-inline: 20px;
    }

    div.team-member {
        width: 45%;
    }

    .about-hero-text {
        padding-inline: 25px;
    }

    section.our-story {
        padding: 50px 15px;
    }

    .stat-box {
        border: 0 !important;
        padding-bottom: 15px;
    }
}