/* Change Font and Background for Poetry Blocks */
.wp-block-verse, 
.wp-block-poetry,
.entry-content pre {
    font-family: "Georgia", "Times New Roman", serif !important;
    font-size: 18px;
    line-height: 1.6;
    background-color: #ffffff !important;
    padding: 20px;
    border-radius: 4px;
    border-left: 4px solid #CCC5B9; /* Optional: Adds a stylish left border line */
}

/* Optional: Centers the bottom site info link (e.g., "Proudly powered by WordPress") */
#colophon .site-info {
    text-align: center;
    width: 100%;
}
/* Change color of the selected/active menu option */
.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a {
    color: #EB5E28 !important; /* Replace with your preferred hex color code */
}

/* Highlights the parent menu item and link when a sub-page is active */
.navigation-top .current-menu-ancestor > a,
.navigation-top .current-page-ancestor > a {
    color: #EB5E28; /* Replace with your highlight color */
}


/* Change the font in WPforms */
.wpforms-form .wpforms-field-label {
    font-family: Ariel, sans-serif !important;
    font-size: 16px !important;
}

/* Style the default state of the WPForms button */
.wpforms-form button[type=submit] {
    background-color: #403D39 !important; /* Button background color - medium grey*/
    color: #ffffff !important;            /* Text color */
	 font-family: Ariel, sans-serif !important;
    font-size: 16px !important;           /* Text size */
    font-weight: bold !important;         /* Bold text */
    padding: 12px 30px !important;        /* Top/Bottom and Left/Right spacing */
    border-radius: 5px !important;        /* Rounded corners (use 0px for sharp corners) */
    border: none !important;              /* Removes default borders */
    width: auto !important;               /* Change to 100% for a full-width button */
    transition: all 0.3s ease !important; /* Smooth hover transition */
}

/* Style what happens when you hover over the button */
.wpforms-form button[type=submit]:hover {
    background-color: #EB5E28
 !important; /* Background color on hover */
    color: #ffffff !important;            /* Text color on hover */
    cursor: pointer;
}
/* WPForms confirmation message format */
div.wpforms-confirmation-container-full {
    background: #D3D3D3 !important;
    color: #ffffff !important;
    border: #363636 !important;
}

/* Mobile view*/
.panel-image {
	/*background-position: center center;*/
	/*background-repeat: no-repeat;*/
	/*-webkit-background-size: cover;*/
	/*background-size: cover;*/
	/*position: relative;*/
	height: 25vh;
}

/*Full screen laptop/computer screen view*/
@media screen and (min-width: 48em) {
	.panel-image {
		/*height: 100vh;*/
		height: 25vh;
		/*max-height: 1200px;*/
	}
}
/* 1. Collapse the huge empty gap right above the footer */
.site-content {
    padding-bottom: 30 !important;
}
#content {
    margin-bottom: 0 !important;
    padding-bottom: 5 !important;
}

/* 2. Shrink spacing on the last article block on the page */
article {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Strip all internal padding and borders from the footer */
.site-footer, 
.site-footer .wrap,
.site-footer .footer-widget-area, 
.site-footer .site-info {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 5 !important;
    border-top: none !important;
}


/* 4. Completely eliminate bottom paragraph spacing inside the footer */
.site-footer p, 
.site-footer .widget-area {
    margin-bottom: 0 !important;
}

/* Reduce space above the comments section title */
.comments-area {
    padding-top: 0 !important;
    margin-top: 0 !important; /* Default theme spacing is 3em or 4em */
}

/* Reduce space below the comments heading */
.comments-title {
    margin-bottom: 1.0em; /* Default is around 2.5em to 3em */
}

/* Add space above the default Leave a Reply title - which we changed to Leave a Comment */
#respond.comment-respond {
    margin-top: 40px; 
}

/* Add space above each individual comment */
.comment-list .comment {
    margin-top: 20px;
    padding-top: 5px;
    border-top: 1px solid #eee; /* Optional: adds a subtle line divider */
}

/* Prevents extra space from pushing down the very first comment */
.comment-list > .comment:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
/* Add space before the Cancel Reply link */
#reply-title small a::before {
    content: "|";
    margin-right: 10px;
    margin-left: 10px;
    color: #bbb;
}

/* Force comment replies to indent */
.comment-list .children {
    padding-left: 20px; 
    margin-left: 10px;
    border-left: 2px solid #eee; /* Adds a subtle line to help track the thread */
}