/*
Theme Name: United Hands of Hope
Theme URI:  https://www.acesolutionafrica.com/
Author:     Bethulow
Author URI: https://www.acesolutionafrica.com/
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

body{
   overflow-x:hidden !important;	
   line-height:1.8 !important;
   font-family: "Merriweather Sans", sans-serif !important;
}

.premium-blog-entry-title a,h1,h2,h3,h4,h5,h6{
	font-family: "Merriweather", serif !important;
}

@media screen and (min-width: 991px) {
    .gm-logo a {
        position: absolute;
        bottom: 5px;
        left: 0px !important;
    }
}
.gm-toolbar .gm-container {
    position: relative;
}
.gm-toolbar .gm-container:after
 {
    position: absolute;
    content: '';
    width: 100vw;
    height: 100%;
    background: #009fdb;
    top: 0px !important;
    right: -60vw;
    z-index: -1;
}
@media screen and (min-width: 991px) {
.gm-toolbar-left
 {
    background-color: #009fdb !important;
    width: 50vw !important;
    justify-content: end;
}
.gm-toolbar-right {
	background-color: #009fdb !important;
	width: 11vw !important;
	padding-left: 3vw !important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%) !important;
}
}

@media screen and (max-width: 768px) {
.gm-toolbar-left
{
    background-color: #009fdb !important;
    width: 50vw !important;
    justify-content: end;
}	
	
.gm-toolbar-right {
	background-color: #009fdb !important;
	width: 20vw !important;
	padding-left: 3vw !important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%) !important;
}
}

.gm-toolbar .gm-container
 {
    justify-content: end !important;
    max-width: 90vw !important;
    flex-direction: row-reverse !important;
}

.donate .gm-menu-item__txt-wrapper
{
	background: #009fdb !important;
	padding: 5px 20px;
	color: #ffffff !important;
	border-radius: 5px !important;
}

@media (min-width: 1024px) {
    .gm-navbar.gm-top-links-align-center .gm-logo {
        position: relative !important;
    }
}

.n2-ss-static-slide
{
	background:linear-gradient(to left, rgba(255,255,255,0.95) 42%, rgba(255,255,255,0) 83%) !important;
	visibility:visible !important;
	z-index:17 !important;
}
.gm-wrapper
{
	background:linear-gradient(to bottom, white 33%, transparent 100%) !important;
}
.elementor-icon{
    position: absolute;
    top: -70px;
    right: 0px;
    z-index: 99999;
}

.elementor-cta--valign-top .elementor-cta__content
 {
    align-content: flex-start;
	 overflow:visible !important;
    align-items: flex-start;
    position: unset !important;
}
.elementor-cta--layout-image-above .elementor-cta
{
    align-items: flex-end !important;
}
.elementor-cta--skin-classic .elementor-cta__content {
    width: 93% !important;
    margin-top: -45px !important;
}
.elementor-cta__description,.elementor-cta__title,.elementor-cta__button-wrapper{
	padding-left:20px !important;
}
.premium-cf7-container input.wpcf7-submit
{
    background-color: #1AA9DF;
    border-style: none;
    border-radius: 50px;
}
.n2-ss-slider .n2-ss-section-main-content{
	width:1200px !important;
}
.gm-toolbar-nav-container{
	margin:0px !important;
}
/* 
.n2-ss-static-slide {
    background-image: url('http://localhost/unitedhandsofhope/wp-content/uploads/2025/09/overlay.png') !important;
    background-size: contain !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
	width:100% !important;
	height:100% !important;
} */

#heading
 {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: left !important;
}

/* #heading .wrapper
 {
    display: flex !important;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
} */


/* Equal height grid (Bootstrap 3 fix) */
.mission-grid {
    display: flex;
    flex-wrap: wrap;
}

.mission-grid > [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
}

/* Card */
.mission-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    transition: 0.3s;
}

/* Image */
.mission-image img {
    width: 100%;
    height: auto;
}

/* Content */
.mission-content {
    padding: 15px;
    flex-grow: 1;
}

.mission-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.mission-excerpt {
    font-size: 14px;
    color: #666;
}

/* Button aligned bottom */
.mission-btn {
    margin: 15px;
    margin-top: auto;
}

/* Hover effect (optional but clean) */
.mission-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}


 /* Mission Archive Pagination with custom color */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.pagination li {
    display: inline;
}

.pagination li a,
.pagination li span {
    color: #fff;
    background-color: #009fdb; /* Your brand color */
    border: 1px solid #009fdb;
    padding: 6px 12px;
    margin: 0 2px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s, border-color 0.3s;
}

.pagination li a:hover {
    background-color: #007ab8; /* Slightly darker on hover */
    border-color: #007ab8;
}

.pagination li .current {
    background-color: #007ab8; /* Current page highlighted */
    border-color: #007ab8;
    color: #fff;
}