Last Updated 6.26.25
This is a copy of the Custom CSS code Meagan wrote for this website to function properly. This may be needed in the future so do not delete this page (but do keep it hidden from google search)
Contact me should you need any help with this Custom coding.
//* remove close button on announcement bar */
.sqs-announcement-bar-close {display: none !important}
/* Force horizontal layout on desktop & tablet */
.sqs-announcement-bar-text {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
text-align: center;
}
/* Style for each button */
.sqs-announcement-bar-text a {
background-color: #f79433 !important;
color: #fff !important;
border: 4px solid #f79433 !important;
box-shadow: 5px 5px 5px #555;
font-weight: 600 !important;
line-height: 1.5em;
padding: 12px 24px !important;
text-decoration: none !important;
display: inline-block !important;
border-radius: 4px;
text-align: center;
margin: 4px !important;
}
/* Hover effect */
.sqs-announcement-bar-text a:hover {
background: #223E6D !important;
color: #fff !important;
border: 2px solid #223E6D !important;
}
/* Mobile: stack the buttons */
@media only screen and (max-width: 640px) {
.sqs-announcement-bar-text {
flex-direction: column !important;
align-items: center !important;
}
.sqs-announcement-bar-text a {
width: 100%;
max-width: 250px;
margin: 6px 0 !important;
}
}
/* Custom font for title */
.sqs-announcement-bar-text strong {
font-family: 'text', sans-serif;
color: #fff;
font-size: 1.8rem;
}
.sqs-announcement-bar-text a,
.sqs-announcement-bar-text a * {
text-decoration: none !important;
}
.sqs-announcement-bar-dropzone a {
text-decoration: none !important;
}
/* Also target the wrapper and any text elements */
.sqs-announcement-bar-dropzone p a,
.sqs-announcement-bar-dropzone .sqs-announcement-bar-text a {
text-decoration: none !important;
}
/* Force no underlines on all states */
.sqs-announcement-bar a:link,
.sqs-announcement-bar a:visited,
.sqs-announcement-bar a:hover,
.sqs-announcement-bar a:active {
text-decoration: none !important;
}
/* Remove any border-bottom that might look like underlines */
.sqs-announcement-bar a {
border-bottom: none !important;
text-decoration: none !important;
}
//* home page mission statement blocks left side color*//
#block-84602f9b7c92aa3964c6 {
border-left: 8px solid #9EA64F!important;
padding-left: 20px;
background-color: white;
border-radius: 16px;
}
#block-9b887603240aa8a0c63f, {
border-left: 8px solid #6EA39F!important;
padding-left: 20px;
background-color: white;
border-radius: 16px;
}
#block-638729ec8929951defe5, {
border-left: 8px solid #F79433!important;
padding-left: 20px;
background-color: white;
border-radius: 16px;
}
.sqs-announcement-bar-text a {
margin: 8px 0 !important;
}
/* Custom Font Styling */
.sqs-announcement-bar-text strong {
font-family: 'text', sans-serif;
color: #fff;
font-size: 1.8rem;
}
//* home page upcoming appearances*//
.custom-event-card {
display: flex;
align-items: center;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 30px;
}
.date-circle {
flex-shrink: 0;
width: 80px;
height: 80px;
border-radius: 50%;
color: white;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
font-family: inherit;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.30);
margin-right: 20px;
}
.date-circle .month {
font-size: 0.75rem;
font-weight: bold;
letter-spacing: 1px;
}
.date-circle .day {
font-size: 1.5rem;
font-weight: bold;
}
.event-content h3 {
margin: 0 0 5px 0;
font-size: 1.2rem;
}
.event-content p {
margin: 5px 0;
}
/* General card styles 404 Page */
.clickable-text-box {
display: flex;
flex-direction: column;
justify-content: center;
padding: 2em;
border-radius: 20px;
background-color: #fff;
text-decoration: none;
color: inherit;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-sizing: border-box;
height: 100%;
width: 100%;
margin-bottom: 0;
}
/* Hover effect */
.clickable-text-box:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
/* Typography spacing */
.clickable-text-box h4,
.clickable-text-box p {
margin: 0 0 0.5em 0;
flex-grow: 1;
}
/* Left colored borders */
.clickable-text-box.home1 {
border-left: 8px solid #9EA64F;
}
.clickable-text-box.services {
border-left: 8px solid #6EA39F;
}
.clickable-text-box.home2 {
border-left: 8px solid #F79433;
}
.clickable-text-box.contact {
border-left: 8px solid #3D405B;
}
/* Ensure full stretch inside Fluid Engine Code Block */
.sqs-block-code {
height: 100%;
display: flex;
align-items: stretch;
}
.sqs-block-code > .clickable-text-box {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
/* Variables
==============================*/
@mobile:~"only screen and (max-width: 767px)";
@desktop:~"only screen and (min-width: 768px)";
@4k:~"only screen and (min-width:1700px)";
@tablet: ~"only screen and (max-width: 1024px) and (min-width:768px)";
/*home page mobile view for services section */
/* ===== MOBILE VIEW ONLY ===== */
@media screen and (max-width: 639px) {
/* Limit image block height on mobile */
#block-yui_3_17_2_1_1750475411127_24224 img,
#block-yui_3_17_2_1_1750475411127_69474 img,
#block-yui_3_17_2_1_1750475411127_96833 img,
#block-yui_3_17_2_1_1750475411127_119608 img {
max-height: 300px;
width: 100%;
height: auto;
object-fit: cover;
border-top-left-radius: 300px;
border-top-right-radius: 300px;
}
/* Background color for text boxes on mobile */
#block-yui_3_17_2_1_1750554077640_46299,
#block-yui_3_17_2_1_1750554077640_52321,
#block-yui_3_17_2_1_1750554077640_58350,
#block-yui_3_17_2_1_1750554077640_64377 {
background-color: #9EA64F;
padding: 1em; /* Optional: adds breathing room inside the block */
color: #fff; /* Optional: if text needs to stand out more */
}
}