/* Ensure the swap happens exactly at 1200px */
@media (max-width: 1200px) {
    
    /* 1. Kill the Desktop Header */
    #ast-desktop-header {
        display: none !important;
    }

    /* 2. Force the Mobile Header to show */
    #ast-mobile-header {
        display: block !important;
    }

    /* 3. Make the Hamburger Trigger clickable and visible */
    .ast-mobile-menu-trigger-stack {
        display: flex !important;
    }
}

/* 4. Fix the "Always Open" bug */
@media (max-width: 1200px) {
    .main-header-bar-navigation {
        display: none; /* Keeps it closed until clicked */
    }
    .ast-mobile-menu-trigger-stack.main-header-menu-toggle.toggled + .main-header-bar-navigation {
        display: block !important; /* Opens when toggled */
    }
}


/* Remove the accidental border from mobile menu arrows */
.ast-menu-toggle, 
.ast-header-navigation-arrow, 
.menu-item-has-children .ast-menu-toggle {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important; /* Added this just in case */
    outline: none !important;
}

@media (max-width: 921px) {
    /* 1. Reset all links to standard color for the mobile dropdown */
    .ast-mobile-header-content .menu-item a {
        color: #004E60 !important; /* Your normal text color */
    }

    /* 2. Highlight ONLY the current page or the one being tapped */
    .ast-mobile-header-content .menu-item.current-menu-item > a,
    .ast-mobile-header-content .menu-item.current-menu-ancestor > a,
    .ast-mobile-header-content .menu-item a:active {
        color: #008294 !important; /* Your highlight color */
    }
}


/* This targets ONLY the paragraph inside the info box */
.info-box p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  
  /* Reset height to ensure it can actually show 3 lines */
  height: auto;
  line-height: 1.5; 
}


/* Force Single Post Title to inherit normal casing */
.single .entry-title, 
.single .post-title,
.uagb-single-post__title {
    text-transform: none !important;
}


/* Single Blog Post */
/* Resize the Featured Image on Single Blog Posts */
.single-post .post-thumb img, 
.single-post .featured-full-width-wrapper img {
    max-width: 800px !important; /* Limits the width */
    margin: 0 auto !important;   /* Centers it */
    display: block !important;
    height: auto !important;     /* Keeps it from distorting */
}

/* Container Spacing */
.boutique-back-link {
    margin-top: 0px;
    margin-bottom: 25px;
}

/* The Styled Link */
.boutique-back-link a {
    font-size: 14px; 
    font-weight: 700; 
    text-transform: uppercase;    
    letter-spacing: 1px; 
    color: #008294 !important; 
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.3s ease;
}



/* 1. Hide the entire link text first */
.nav-links a {
    font-size: 0 !important;
}

/* 2. Add the labels back in using "Content" */
.nav-previous a:before {
    content: "« Previous";
	  color: #008294;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: uppercase;
	 letter-spacing: 1px; 
}

.nav-next a:after {
    content: "Next »";
	  color: #008294;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: uppercase;
	 letter-spacing: 1px; 
}


/* 1. This is the code that worked to hide "By /" and the icon */
.single-post .entry-meta {
    visibility: hidden !important;
}

/* 2. This brings the date back */
.single-post .entry-meta .ast-date-meta,
.single-post .entry-meta .posted-on {
    visibility: visible !important;
    display: inline-block !important;
    
    /* 3. THIS removes the empty space on the left */
    position: absolute !important;
    left: 0 !important;
}

/* 4. Keeps the post content from bumping into the floating date */
.single-post .entry-header {
    position: relative !important;
}


/* Hides date, icons, and separators ONLY on search results */
.search-results .entry-meta {
    display: none !important;
}



/* 1. Limit the Title to exactly 2 lines and lock the height */
.uagb-post__title, .uagb-post__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Limits text to 2 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.6em !important; /* Keeps 1-line titles as tall as 2-line titles */
}



/* SureForms White Field Fix */
/* This version works for all standard text and textarea inputs */

.srfm-block input, 
.srfm-block textarea, 
.srfm-block .srfm-input,
.srfm-field-container input {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    opacity: 1 !important;
}


/* GLOBAL STYLES FOR ALL SUREFORMS BUTTONS */
.srfm-block button[type="submit"],
.srfm-submit-button,
.srfm-btn,
.srfm-submit-wrap button {
    border-radius: 30px !important;    /* Rounded pill shape */
    padding: 12px 30px !important;
    transition: background-color 0.3s ease !important; /* Smooth color transition */
    
    /* New Typography Styles */
    font-weight: bold !important;      /* Makes the label bold */
    letter-spacing: 1px !important;  /* Precise spacing between letters */
}


/* 1. KILL THE JUNK */
#infinite-handle, 
.search-results .ast-pagination-default .nav-links .next .ast-icon, 
.search-results .ast-pagination-default .nav-links .prev .ast-icon {
    display: none !important;
}

/* 2. THE GAP FIX: Pull pagination closer to content */
.search-results .site-main {
    padding-bottom: 0 !important; /* Removes Astra's default bottom padding */
}

.search-results .nav-links {
    font-size: 0 !important;
    text-align: center;
    margin-top: -20px !important; /* NEGATIVE MARGIN: Pulls the bar UP */
    margin-bottom: 50px !important;
    display: block !important;
    line-height: 1 !important;
}

/* 3. ALIGN EVERYTHING (Numbers & Buttons) */
.search-results .nav-links .page-numbers,
.search-results .nav-links .prev,
.search-results .nav-links .next {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    font-size: 16px !important;
    color: #008294 !important;
    text-decoration: none;
    padding: 10px 12px;
}

/* 4. ACTIVE NUMBER */
.search-results .nav-links .page-numbers.current {
    color: #3a3a3a !important;
    font-weight: bold;
    background: transparent !important;
}

/* 5. ADD TEXT & ARROWS */
.search-results .nav-links .prev { font-size: 0 !important; }
.search-results .nav-links .prev::before { content: "« Prev"; font-size: 16px !important; }

.search-results .nav-links .next { font-size: 0 !important; }
.search-results .nav-links .next::after { content: "Next »"; font-size: 16px !important; }

/* 6. HIDE EXCERPTS & TIGHTEN ARTICLE SPACING */
.search-results .entry-content, 
.search-results .ast-excerpt-container {
    display: none !important;
}
.search-results article {
    margin-bottom: 25px !important;
}


/* Heading Color Ramp */

h6 {
    color: #9C7A3F !important;
}

/* 404 Page Title */
body.error404 header.entry-header .entry-title {
  display: none !important;
}