/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */

/* Basic styles for header and logo */
selector .sticky-header {
  transition: height 0.5s ease;
}
 
selector .sticky-header .logo {
  transition: transform 0.5s ease;
  transform-origin: left center; /* Set the scaling point to the left */
}

html {
  scroll-padding-top: 165px; /* match your sticky header's actual height */
}

@media (max-width: 1024px) {
  html {
    scroll-padding-top: 180px; /* tablet header height */
  }
}

@media (max-width: 767px) {
  html {
    scroll-padding-top: 160px; /* mobile header height */
  }
}
 
/* Starting heights for different devices */
@media (min-width: 1025px) {
  selector .sticky-header {
    height: 125px;
  }
}
 
@media (min-width: 768px) and (max-width: 1024px) {
  selector .sticky-header {
    height: 120px;
  }
}
 
@media (max-width: 767px) {
  selector .sticky-header {
    height: 90px;
  }
}
 
/* Reduced heights when scrolling */
@media (min-width: 1025px) {
  selector .sticky-header.shrink {
    height: 95px; /* 75% of 125px */
  }
}
 
@media (min-width: 768px) and (max-width: 1024px) {
  .sticky-header.shrink {
    height: 85px; /* 75% of 120px */
  }
}
 
@media (max-width: 767px) {
  selector .sticky-header.shrink {
    height: 65px; /* 75% of 90px */
  }
}
 
/* Reduced logo size when scrolling */
selector .sticky-header.shrink .logo {
  transform: scale(0.7);
}

.elementor-shortcode select,
.elementor-shortcode select option {
  font-family: 'Outfit', sans-serif !important;
  font-size: 14px;
}

/* Gallery */

.jtg-social-expandable {
    display: none !important;
}

/* Membership Table */

.cagis-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var( --e-global-color-secondary );
  color: var( --e-global-color-primary ) !important;
  text-decoration: none;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 8px;
}
.cagis-row:hover { background: #F0C96AC4; }
.cagis-name { font-weight: 500; font-size: 16px; }
.cagis-price { font-size: 16px; font-weight: 500; white-space: nowrap; }

/* neutralize TablePress's default cell borders/padding so our row supplies its own look */
.tablepress td { border: none !important; padding: 0 !important; background: transparent !important; }
.tablepress tr:hover td { background: transparent !important; }

/* Sidebar Mobile Nav */

.sidebar-mobile-menu .elementor-menu-toggle::before {
  content: var(--menu-name, 'Menu');
  margin-right: 10px;
  font-size: 18px;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
 
.sidebar-mobile-menu .elementor-menu-toggle {
    width: 100%;
}

/* MemberPress Styles */

.mepr-submit, .mepr-share-button, .simpay-btn {
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-secondary);
    border: none;
	white-space: normal;
	line-height: 1em;
}

.mepr-submit:hover, .mepr-share-button:hover, .simpay-btn:hover {
    background-color: #F0C96AC4;
}

/* Paypal Donation Button */

.cagis-donate-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 360px;
    padding: 12px 24px;
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.cagis-donate-btn:hover {
    background-color: #e6c266;
}

.cagis-donate-btn:active {
    transform: scale(0.98);
}

.cagis-donate-icon {
    font-size: 1.1rem;
    line-height: 1;
}

/* To remove white gap between consecutive blocks that have a background color applied */
.cagis-no-gap, 
.cagis-no-gap p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    display: block;
}
/* For elements that you want to be directly adjacent to block below, but still have gap above */
/* For elements that should be adjacent to block below, but still have gap above */
.cagis-no-gap-below {
    	margin-top: 10 !important;
    padding-top: 10px !important;
    margin-bottom: 0 !important;
    padding-bottom: 2px !important;
    display: block;
}

.post-single .entry .cagis-no-gap-below p {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2	 !important;
}