7/23 CSS:

//TESTIMONIAL HOME//

@media screen and (max-width: 767px) {

#block-2a4b688e211a4d72fe37 h3 {

font-size: 26px;

}

}

/* Site Title Hover Effect */

.header-title-text a:hover {

color: #aaa38f !important; /* Your desired hover color (brownish-gold) */

transition: color 0.3s ease; /* Smooth transition for the color change */

}

//header hover//

header#header a {

transition: all 0.3s ease;

}

.header-nav-item>a:hover {

 color: #aaa38f !important; /* Added !important here */

  background-image: none !important;

transition: all 0.3s ease;

}

// Change Color On Hover Header Button //

.header-actions .btn {

transition: all 0.3s !important;

}

.header-actions .btn:hover {

color: #FFFFFF;

background-color: #aaa38f;

opacity: 1 !important;

}

//all buttons//

@media screen and (min-width: 992px) {

.sqs-block-button-element:hover {

opacity: 1 !important;

color: white;

background: #aaa38f;

transition: all 0.3s !important;

}

}

//newsletter block hover//

.sqs-block-newsletter .newsletter-form-button:hover {

background-color: #aaa38f !important;

color: white !important;

transition: all 0.3s !important;

}

//steps movement on homepage//

/* Replace .your-shape-block-selector with the actual selector for your shape block */

#block-fc39a8920e11e1330145{

/* Add a smooth transition for the movement */

transition: transform 0.5s ease-in-out;

}

/* Apply the transformation on hover */

#block-fc39a8920e11e1330145:hover {

transform: translateX(10px); /* Adjust the value for desired movement */

}

/* Replace .your-shape-block-selector with the actual selector for your shape block */

#block-0a9064ca6f964dd02ad8{

/* Add a smooth transition for the movement */

transition: transform 0.6s ease-in-out;

}

/* Apply the transformation on hover */

#block-65d210d68a48016fe7da:hover {

transform: translateX(10px);

}

/* Replace .your-shape-block-selector with the actual selector for your shape block */

#block-65d210d68a48016fe7da{

/* Add a smooth transition for the movement */

transition: transform 0.6s ease-in-out;

}

/* Apply the transformation on hover */

#block-88927d9a0b776c960bf4:hover {

transform: translateX(10px);

}

#block-88927d9a0b776c960bf4{ transition: transform 0.6s ease-in-out;

}

//arrow to buttons//

///ARROW ADDED TO BUTTON///

.sqs-block-button-element:after {

content: '→';

padding-left: 5px;

font-size: 1.2em;

margin: 0px 0px 0px 5px;

color: #fff !important;

}

// – Accordion Block Styles Services – //

/* make dropdown text full width */

#block-yui_3_17_2_1_1750799267644_11348 .accordion-item__description {

min-width: 95%!important;

}

#block-553ce8b16a32a3e1fc16 .accordion-item__description {

min-width: 95%!important;

}

html {

scroll-behavior: smooth!important

}

//adjust line height blog title//

h1.blog-title a {

line-height: 18px !important;

}

/* arrow to newsletter button */

.newsletter-form .newsletter-form-button::after {

content: '→';

padding-left: 5px;

font-size: 1.2em;

margin: 0px 0px 0px 5px;

color: #fff !important;

}

/* arrow to newsletter button blog */

#block-yui_3_17_2_1_1750968775360_4786 .newsletter-form .newsletter-form-button::after {

content: '→';

padding-left: 5px;

font-size: 1.2em;

margin: 0px 0px 0px 5px;

color: #AB5C64 !important;

}

/* arrow to newsletter button blog hover */

#block-yui_3_17_2_1_1750968775360_4786 .newsletter-form .newsletter-form-button:hover::after {

color: #FFFFFF !important; /* White color */

}

/* arrow to newsletter button blog */

#block-f293baabb010878d5783 .newsletter-form .newsletter-form-button::after {

content: '→';

padding-left: 5px;

font-size: 1.2em;

margin: 0px 0px 0px 5px;

color: #AB5C64 !important;

}

/* arrow to newsletter button blog hover */

#block-f293baabb010878d5783 .newsletter-form .newsletter-form-button:hover::after {

color: #FFFFFF !important; /* White color */

}

/* arrow to email contact form button */

#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button::after {

content: '→';

padding-left: 5px;

font-size: 1.2em;

margin: 0px 0px 0px 5px;

color: #FFFFF !important;

}

/* arrow to email contact form button hover */

#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button:hover::after {

color: #FFFFFF !important;

}

/* Make the button wider and ensure content stays on one line */

#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button {

display: flex !important; /* Use flexbox for internal alignment */

align-items: center !important; /* Vertically center content */

justify-content: center !important; /* Horizontally center content */

/* You can add min-width if flexbox alone doesn't make it wide enough naturally */

min-width: 150px !important; /* Adjust this value as needed to make it wider */

padding-left: 20px !important; /* Add padding to make button wider */

padding-right: 20px !important; /* Add padding to make button wider */

}

/* Ensure the text label within the button is also part of the flex container */

#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button .form-submit-button-label {

white-space: nowrap !important; /* Prevent text from wrapping */

}

/* Change the entire button fill color on hover */

#block-yui_3_17_2_1_1750979866426_17776 .form-submit-button:hover {

background-color: #A6A18B !important; /* Your desired hover color */

}

/*MOVING THE MOBILE MENU BUTTON IN SQUARESPACE 7.1 CLOSER TO THE LINKS*/

.header-menu-nav-folder-content {

flex-grow: 0;

}

.header-menu-nav-folder {

justify-content: center;

}

//shrinkg blog h1 text for mobile//

@media screen and (max-width: 767px) { #block-yui_3_17_2_1_1750968775360_2028 h1 { font-size: 2.5em; } }

@media screen and (max-width: 640px) {

.accordion-item:first-child {

border-top: 1px solid #6C493A;

}

}

/* --- HOMEPAGE SPECIFIC ADAPTIVE HEADER --- */

/* Target your homepage's body tag to apply styles only there */

body#collection-68155b544050a33fcf2ec519 {

/* Site Title Hover Effect (Applies site-wide) */

.header-title-text a:hover {

color: #aaa38f !important; /* This makes site title brownish on hover, anywhere */

transition: color 0.3s ease;

}

/* Header Navigation Link Hover Effect (Applies site-wide) */

.header-nav-item > a:hover {

color: #aaa38f !important; /* This makes nav links brownish on hover, anywhere */

background-image: none !important;

transition: color 0.3s ease;

}

/* Site Title (when not hovered) */

.header-nav-item a,

.header-title-text a {

color: #ffffff !important; /* This sets the default (non-hovered) color to WHITE */

}

/* Make the main header container transparent */

.header {

background-color: transparent !important;

border-bottom: none !important; /* Removes any default border */

position: absolute !important; /* Make it position over the first section */

width: 100%; /* Ensure it spans full width */

top: 0;

left: 0;

z-index: 10; /* Ensure it's above other content */

}

/* Hide the solid background layer Squarespace applies */

.header-background-solid {

opacity: 0 !important;

visibility: hidden !important;

}

/* Ensure content below moves up to fill the space if needed */

.page-section:first-child {

padding-top: 0 !important; /* Reset top padding if Squarespace adds it */

}}

//footer links color hover//

footer.sections a:hover {

color: #AB5C64 !important;

transition: all 0.3s ease;

}

.sqs-svg-icon--list a:hover .sqs-use--icon {

fill: #AB5C64 !important;

}