/*!
Theme Name: Everest Mera Foundation
Theme URI: http://underscores.me/
Author: Web Creation Nepal
Author URI: https://webcreationnepal.com/
Description: The Everest Mera Foundation (EMF) is a registered charitable NGO in Nepal. Our primary concern is the hundreds of orphan children from the Mahakulung Region of Eastern Nepal who have lost their parents to the Everest tourism industry, mostly working as porters on the treacherous slopes of the world’s tallest peak.  We are providing these children, who are often forgotten and neglected by the rest of the country, with quality educational opportunities to reshape their futures. We are transforming Nepal’s poorest children into tomorrow’s leaders. We believe that an education can turn a child into a responsible and capable citizen. We believe that a responsible and capable citizen has the potential to lift an entire family out of poverty. We believe that an educated generation has the power to change a whole society.  Situated on the lap of Mt. Everest, the Mahakulung region is an  exquisitely beautiful land. Yet, it exists in the shadow of the Everest tourism industry. We at EMF are supporting the helpless children over-shadowed by Mt. Everest to develop the necessary skills, confidence and integrity needed to create change in their communities.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: emerafoundation
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Everest Mera Foundation 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*css*/
.client-card {
  position: relative;
  width: 100%;
  height: 190px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  padding: 20px;
}
.client-card img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.teams__thumb--img img {
  width: 100%;
  transition: all .3s ease-in-out;
  height: 350px;
  object-fit: cover;
}

/* =========================================
   IMPACT SECTION
========================================= */

.impact-section {
    position: relative;
    padding: 90px 0;
    background: #f7faf8;
    overflow: hidden;
}

.impact-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    left: -180px;
    top: -180px;
    border-radius: 50%;
    background: rgba(28, 151, 82, 0.06);
}

.impact-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: -150px;
    border-radius: 50%;
    background: rgba(20, 65, 120, 0.05);
}

.impact-heading {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px;
}

.impact-subtitle {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #f96422;
}

.impact-heading h2 {
    margin: 0 0 15px;
    font-size: 65px;
    line-height: 1.2;
    font-weight: 700;
    color: #001234;
}

.impact-heading p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #666;
}


/* GRID */

.impact-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}


/* CARD */

.impact-card {
    position: relative;
    text-align: center;

    padding: 45px 30px 40px;

    border-radius: 16px;

    background: #fff;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);

    overflow: hidden;

    transition: all 0.3s ease;
}

.impact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}


/* TOP LINE */

.impact-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;
}

.impact-blue::before {
    background: #214f9d;
}

.impact-green::before {
    background: #159447;
}

.impact-orange::before {
    background: #ef8a24;
}


/* ICON */

.impact-icon {
    width: 85px;
    height: 85px;

    margin: 0 auto 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f4faf6;

    font-size: 34px;
}

.impact-blue .impact-icon {
    color: #214f9d;
}

.impact-green .impact-icon {
    color: #159447;
}

.impact-orange .impact-icon {
    color: #ef8a24;
}


/* NUMBER */

.impact-number {
    margin-bottom: 8px;

    font-size: 52px;
    line-height: 1;

    font-weight: 800;
}

.impact-blue .impact-number {
    color: #214f9d;
}

.impact-green .impact-number {
    color: #159447;
}

.impact-orange .impact-number {
    color: #ef8a24;
}


/* TITLE */

.impact-title {
    margin-bottom: 12px;

    font-size: 21px;
    font-weight: 700;

    color: #173b68;
}


/* DESCRIPTION */

.impact-card p {
    margin: 0 auto;

    max-width: 300px;

    font-size: 15px;
    line-height: 1.7;

    color: #777;
}


/* MOBILE */

@media (max-width: 991px) {

    .impact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 767px) {

    .impact-section {
        padding: 65px 0;
    }

    .impact-heading h2 {
        font-size: 32px;
    }

    .impact-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .impact-card {
        padding: 40px 25px;
    }

    .impact-number {
        font-size: 45px;
    }

}