/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.1.1637206553
Updated: 2021-11-18 03:35:53 

*/


.main-accordion > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item {
	border-radius: 2rem;
	border: 1px solid #ccc;
	padding: 2rem;
}

.woocommerce span.onsale {
    top: 0px !important;
	left: 0px !important;
}
.paythen-modal-main {
	margin-left: 1rem;
}
.paythen-modal-main .paythen-modal:hover {
    color: var(--e-global-color-9d3b748) !important;
}
     

/* hide footer translation until its removed */
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { display: none !important; }

/* Buttons with icons .with-icon */
.with-icon .elementor-button-icon { padding: 10px; background: white; border-radius: 999px; color: var(--e-global-color-9d3b748); aspect-ratio: 1 / 1; align-items: center;
    justify-content: center; }
.with-icon .elementor-button { padding: .5rem .50rem 0.5rem 1.5rem !important; }
.with-icon .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.with-icon .elementor-button-icon {
    display: flex;
    align-items: center;
    line-height: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.with-icon .elementor-button-text {
    line-height: 1;
}
.with-icon .elementor-button-icon, .just-icon .elementor-button-icon { overflow: hidden; }
.with-icon .elementor-button-icon i, .just-icon .elementor-button-icon {
    transition: transform 0.4s ease-in-out;
}
.with-icon .elementor-button:hover .elementor-button-icon i,
.just-icon .elementor-button:hover .elementor-button-icon {
    transform: translateX(10px);
}

.just-icon .elementor-button {
	aspect-ratio: 1 / 1;
	align-items: center;
    justify-content: center;
	border-radius: 20px;
}
.just-icon .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
}

.discover-image img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Nav rounding active */
.elementor-item.elementor-item-active:before,
.e--pointer-background .elementor-item:before { background: transparent !important;  }

#navigation {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); /* For Safari support */
}

.background-blur {
	background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); /* For Safari support */
}

.pillar {
    background: rgba(255, 255, 255, 0.2); 
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.pillar.white {
    background: rgba(255, 255, 255, 1); 
}

/* 1. Menu and sub menu blur */
.elementor-element-410aa3f6, 
#navigation,
.elementor-widget-nav-menu .elementor-widget-container {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
}

#navigation::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.8); 
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.swiper-pagination-bullet { 
	width: 10px !important; 
	height: 10px !important; 
}

.elementor-swiper-button-prev,
.elementor-swiper-button-next { transition: all .3s; }
.elementor-swiper-button-prev:hover { margin-left: -10px; }
.elementor-swiper-button-next:hover { margin-right: -10px; }



ul.sub-menu.elementor-nav-menu--dropdown {
    background: transparent !important;
    position: relative;
    padding: 1rem !important;
    overflow: visible !important;
}

ul.sub-menu.elementor-nav-menu--dropdown::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    pointer-events: none;
}

.elementor-nav-menu--dropdown a:hover { background-color: white !important; border-radius: 0.5rem; color: inherit !important; }

.elementor-button:hover {
    transform: scale(1.03);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;
}


/* Hide the donate menu item by default on desktops/larger screens */
.mobile-menu-item {
  display: none !important;
}

/* Show the donate menu item only when the screen is 768px or smaller */
@media (max-width: 768px) {
  .mobile-menu-item {
    display: block !important;
  }
}


/* home quicklinks */
/* 1. The Container */
.quick-link {
  display: inline-block; /* Or block, depending on your layout */
  width: 300px;          /* Set your desired width */
  height: 200px;         /* Set your desired height */
  overflow: hidden;      /* This clips the zooming image */
  border-radius: 8px;    /* Optional: keeps corners rounded during zoom */
}



/* forms */
.gform_required_legend { display: none; }
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { 
	padding: 0.5rem !important;
	border-radius: 0.5rem; 
}

.elementor .gform_wrapper form .gform-theme-button, .elementor .gform_wrapper .gform_button,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    font-family: inherit !important;
    font-weight: 900;
    color: var(--e-global-color-bdc58a9);
    background-color: var(--e-global-color-9d3b748) !important;
    border-radius: 99px !important;
	text-transform: none !important; 
	box-shadow: none !important;
}

.elementor .gform_wrapper form .gform-theme-button, .elementor .gform_wrapper .gform_button:hover {
	transform: translateY(0px) scale(1.03) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;
}

/* top bar hide */
@media (min-width: 1025px) {
    #header-sticky {
        transition: transform 0.3s ease-in-out !important;
    }

    /* Only hides when this class is present AND we are on desktop */
    #header-sticky.header-hide {
        transform: translateY(-100%);
    }
}


/* 1. THE MAIN WRAPPER - Fixes the overlapping/collapse */
.elementor-element-4d22027 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* 2. THE LINK BOX - Shape, Rounded Corners, and Flow */
.quick-link { 
    position: relative !important; /* Fixes overlap */
    display: flex;
    width: 100%;
    aspect-ratio: 3 / 5;
    border-radius: 25px !important; /* Your rounded corners */
    overflow: hidden !important;   /* Crucial for rounded corners + hover zoom */
    z-index: 1;
}

.swiper-pagination { margin-top: 20px !important; }

/* 3. THE IMAGE - Filling the box */
.quick-link .discover-image,
.quick-link .discover-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; /* Smooth zoom */
}

/* 4. THE HOVER - Scale the image */
.quick-link:hover .discover-image img {
    transform: scale(1.15); /* Zooms image but stays inside rounded corners */
}

/* 5. THE TITLE - Centered at the bottom */
.quick-link .discover-title {
    position: absolute !important;
    bottom: 0.5rem !important;
    left:  0.5rem !important;
    right:  0.5rem !important;
    text-align: center;
	width: calc(100% - 1rem) !important;
	border-radius: 1.1rem !important;
    z-index: 2;
    pointer-events: none; /* Let clicks pass to the link */
}