.site-title {
	font-size: 10px;
	line-height: 10%;
}

.site-description {
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 3.5px;
	line-height: 150%;
}

.site-info {
	display: none;
}

.page-title {
	display: none;
}

.entry-thumbnail, .post-thumbnail {
	background: none;
}

.jetpack-testimonial .entry-content, .jetpack-testimonial-shortcode .testimonial-entry-content {
	font-style: normal;
}

/* Target the default plugin container */
.display-posts-listing .listing-item {
	border-top: 1px dotted #dddddd !important;
	padding-top: 20px !important;
	margin-top: 20px !important;
	display: block !important;
	clear: both !important;
	overflow: hidden !important;
}

/* Style the Search link in the menu to look like a button */
.main-navigation li a[href*="?s="] {
	background-color: #f1f1f1;
/* Light gray background */
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 5px 15px !important;
	margin-left: 10px;
	font-weight: bold;
	color: #333 !important;
	transition: all .3s ease;
}

/* Hover effect */
.main-navigation li a[href*="?s="]:hover {
	background-color: #333333;
	color: #ffffff !important;
	border-color: #333333;
}

/* Hide the very first line so there isn't a line above the whole list */
.display-posts-listing .listing-item:first-child {
	border-top: none !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Float image left and add space between thumbnail and text */
.display-posts-listing .listing-item img {
    float: left !important;
    margin: 0 15px 10px 0 !important;
}

.display-posts-listing .listing-item .title {
	margin-top: 0 !important;
	padding-top: 0 !important;
	display: inline !important;
/* Ensures the title stays on its own line */
}

/* 1. HIDE SIDEBAR & COMMENTS (Page 9547) */
.page-id-9547 #secondary, 
.page-id-9547 .widget-area, 
.page-id-9547 #comments, 
.page-id-9547 .comments-area,
.page-id-9547 .social-links-navigation {
	display: none !important;
}

/* 2. FORCE FULL WIDTH LAYOUT */
.page-id-9547 #primary {
	width: 100% !important;
	float: none !important;
	margin: 0 auto !important;
	border: none !important;
}

.page-id-9547 .content-area {
	width: 100% !important;
}

/* 3. STYLE THE QUICK LINK BUTTONS */
/* This targets the actual link inside the block button */
.page-id-9547 .wp-block-button__link {
	background-color: #ffffff !important;
	color: #333333 !important;
	border: 1px solid #dddddd !important;
	border-radius: 4px !important;
	padding: 12px 24px !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	text-decoration: none !important;
	display: inline-block !important;
}

/* Hover state for buttons */
.page-id-9547 .wp-block-button__link:hover {
	background-color: #333333 !important;
	color: #ffffff !important;
	border-color: #333333 !important;
}

/* 1. Target the Sela Social Menu Wrapper by Class */
.page-id-9547 .social-links,
.page-id-9547 .social-links-navigation,
.page-id-9547 .social-menu-static,
.page-id-9547 #social-links-menu {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* 2. Target the specific Sela Footer Social Area */
.page-id-9547 .site-footer .social-links {
	display: none !important;
}

/* 3. If they are Jetpack-powered icons, this stops them */
.page-id-9547 .jetpack-social-navigation,
.page-id-9547 .sharedaddy {
	display: none !important;
}

/* 4. Ensure the buttons we made stay clean and centered */
.page-id-9547 .wp-block-buttons {
	display: flex !important;
	justify-content: center !important;
	gap: 15px !important;
	margin-top: 40px !important;
}

/* 1. THICKER BORDER FOR THE SEARCH INPUT */
.page-id-9547 .search-field, 
.page-id-9547 input[type="search"] {
	border: 3px solid #dddddd !important;
/* Changed from 1px to 3px */
	padding: 12px !important;
	border-radius: 4px !important;
	width: 100% !important;
	outline: none !important;
}

/* 2. OPTIONAL: CHANGE COLOR WHEN CLICKED (FOCUS) */
.page-id-9547 .search-field:focus, 
.page-id-9547 input[type="search"]:focus {
	border-color: #333333 !important;
/* Darkens the thick border when typing */
	box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
}

/* 3. THICKER BORDER FOR THE SEARCH BUTTON (SUBMIT) */
.page-id-9547 .search-submit {
	border: 2px solid #dddddd !important;
	font-weight: bold !important;
}

/* 1. DARKEN THE TYPED TEXT IN SEARCH FIELD */
.page-id-9547 .search-field, 
.page-id-9547 input[type="search"] {
	color: #000000 !important;
/* Pure black text */
	font-size: 18px !important;
/* Slightly larger for better legibility */
}

/* 2. DARKEN THE PLACEHOLDER TEXT (The "Search..." hint) */
/* We have to target several browser types for this to stick */
.page-id-9547 .search-field::placeholder {
	color: #444444 !important;
	opacity: 1 !important;
}

.page-id-9547 .search-field::-webkit-input-placeholder {
	color: #444444 !important;
}

.page-id-9547 .search-field::-moz-placeholder {
	color: #444444 !important;
}

/* 1. Style all buttons pink and square EXCEPT in the nav and footer */
:not(header):not(nav):not(.site-footer) > button,
:not(header):not(nav):not(.site-footer) > .button,
.entry-content .wp-block-button__link,
.entry-content input[type="submit"] {
	background-color: #f25f70 !important;
	border: none !important;
	border-radius: 0 !important;
/* Sharp corners */
	color: #ffffff !important;
/* Typography */
	font-weight: bold !important;
	text-transform: uppercase !important;
/* Spacing */
	padding: 8px 16px !important;
	display: inline-block !important;
	text-decoration: none !important;
}

/* 2. Style for "Popular Topics" tags (Search Page) to keep them subtle */
.taxonomy-description .button, 
.search-results .tagcloud a {
	background-color: #f1f1f1 !important;
/* Light grey instead of pink */
	color: #333 !important;
	text-transform: none !important;
	font-weight: normal !important;
}

/* 3. Hover state for the main pink buttons */
.entry-content .wp-block-button__link:hover,
.entry-content input[type="submit"]:hover {
	background-color: #d94e5e !important;
}
/* Reduce spacing between menu items */
.main-navigation ul li a {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Optional: Adjust spacing for the very first and last items to keep them aligned with the page edges */
.main-navigation ul li:first-child a {
    padding-left: 0 !important;
}

.main-navigation ul li:last-child a {
    padding-right: 0 !important;
}
/* Tell the browser to keep the search bar strictly inside its container */
.site-header, .main-navigation { position: relative !important; }

/* General Container */
.custom-header-search {
    position: absolute;
    z-index: 999;
    display: flex;
    align-items: center;
}

/* --- DESKTOP PLACEMENT --- */
@media (min-width: 769px) {
    .custom-header-search {
        top: 25px;
        right: 80px; 
    }
}

/* Search Input Styling */
.custom-header-search .search-form { display: flex; align-items: stretch; margin: 0; }
.custom-header-search .search-field { height: 34px; padding: 0 12px; border: 1px solid #ddd; border-right: none; border-radius: 4px 0 0 4px; font-size: 14px; width: 180px; margin: 0; box-sizing: border-box; }

/* Search Button Styling (Light Gray Desktop) */
.custom-header-search .search-submit {
    position: static; 
    height: 34px !important; 
    width: 44px !important; 
    background-color: #cccccc !important; 
    border: 1px solid #cccccc !important;
    border-radius: 0 4px 4px 0 !important;
    color: white !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important; 
    transition: background-color 0.2s ease;
}

/* Hover effect */
.custom-header-search .search-submit:hover {
    background-color: #aaaaaa !important; 
    border-color: #aaaaaa !important;
}

.custom-header-search .search-icon {
    font-size: 20px; 
    line-height: 1;
    display: block;
    color: white !important;
}

/* --- MOBILE ONLY ADJUSTMENTS --- */
@media (max-width: 768px) {
    /* Anchors to the right side of the pink bar */
    .custom-header-search {
        top: 0;
        bottom: 0; 
        right: 20px;  
    }

    /* Hides the white text box by default */
    .custom-header-search .search-field {
        display: none !important; 
    }

    /* Strips the gray background to leave a floating white icon */
    .custom-header-search .search-submit {
        background-color: transparent !important;
        border: none !important;
        width: auto !important;
        height: auto !important;
        padding: 5px !important;
    }

    .custom-header-search .search-icon {
        font-size: 22px;
    }

    /* === NEW: STYLING FOR WHEN THE BOX IS TAPPED OPEN === */
    .custom-header-search.mobile-search-open .search-field {
        display: block !important;
        position: absolute;
        right: 35px; /* Pushes the text box just to the left of the magnifying glass */
        top: 50%;
        transform: translateY(-50%);
        width: 200px !important; /* Width of the open text box */
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* Adds a tiny shadow to make it pop over the pink nav */
    }
 bold !important;
    margin-bottom: 4px !important;
    display: block !important;
}
/* --- ICS CALENDAR: 4-LINE STACKED LAYOUT (NUKE SPACING VERSION) --- */

/* 1. Hide the Month/Year Header completely */
.ics-calendar .ics-calendar-label,
.ics-calendar h3 {
    display: none !important;
}

/* 2. Strip all plugin fonts so it uses your website's normal body text */
.ics-calendar, 
.ics-calendar * {
    font-family: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* 3. Turn the event container into a Flexbox column */
/* Stripping theme borders/padding and applying our OWN dotted line */
.widget-area .ics-calendar .events .event,
.widget-area .ics-calendar .ics-calendar-event,
.widget-area .ics-calendar dd,
.widget-area .ics-calendar li,
.ics-calendar .events .event,
.ics-calendar .ics-calendar-event,
.ics-calendar dd,
.ics-calendar li {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 0 30px 0 !important; /* 30px gap between events */
    padding: 0 0 5px 0 !important; /* 5px gap between text and dotted line */
    border: none !important; /* Kills the theme's default border */
    border-bottom: 1px dotted #ccc !important; /* We draw our own border so we control it */
    box-shadow: none !important; 
}

/* Remove the border from the very last event so it looks clean */
.ics-calendar li:last-child,
.ics-calendar dd:last-child,
.ics-calendar .ics-calendar-event:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* --- REORDERING THE 4 LINES --- */

/* LINE 1: Title */
.ics-calendar .title,
.ics-calendar .ics-calendar-title {
    order: 1 !important;
    font-weight: bold !important;
    font-size: inherit !important;
    margin: 0 0 4px 0 !important; /* Shorthand forces out hidden margins */
    padding: 0 !important;
}

/* LINE 2: Date and Time */
.ics-calendar .time,
.ics-calendar .ics-calendar-time,
.ics-calendar .date,
.ics-calendar dt { 
    order: 2 !important;
    font-weight: normal !important;
    font-size: inherit !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

/* LINE 3: Location */
.ics-calendar .location,
.ics-calendar .ics-calendar-location {
    order: 3 !important;
    font-weight: normal !important;
    font-size: inherit !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* LINE 4: Description (Strict line-height and 0 padding) */
.ics-calendar .desc,
.ics-calendar .ics-calendar-desc,
.ics-calendar .description {
    order: 4 !important;
    font-weight: normal !important;
    font-size: inherit !important;
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1.4 !important; 
}

/* Force paragraph tags AND any other inner elements to drop their spacing */
.ics-calendar .desc *,
.ics-calendar .ics-calendar-desc *,
.ics-calendar .description * {
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* Kill completely empty paragraphs, trailing line breaks, and hidden elements */
.ics-calendar .desc *:empty,
.ics-calendar .ics-calendar-desc *:empty,
.ics-calendar .desc br:last-child,
.ics-calendar .ics-calendar-desc br:last-child {
    display: none !important;
}

/* --- HYPERLINKS --- */
.ics-calendar a {
    color: #ef5c71 !important; 
    text-decoration: underline !important;
    font-weight: normal !important;
}

.ics-calendar a:hover {
    color: #d14458 !important; 
}

/* Force normal weight globally, save bolding ONLY for title */
.ics-calendar strong,
.ics-calendar b {
    font-weight: normal !important;
}
.ics-calendar .title strong,
.ics-calendar .title b {
    font-weight: bold !important; 
}