/* Default styling (tablet and mobile remain unchanged) */
.site-branding-wrapper {
	width: 100%;
	max-width: 1200px;
/* Current default width */
	margin: 0 auto;
	padding: 0 20px;
/* Padding for smaller screens */
}

/* Wider section for desktop screens only */
@media (min-width: 1024px) {
	.site-branding-wrapper {
		max-width: 1400px;
	/* Wider for desktop */
	}
}

/* Match Blog Archive Width to About Page */
body.blog #content,
body.archive #content,
body.single-post #content {
	width: 100%;
	max-width: 1200px;
/* Match the max width of the About page */
	margin: 0 auto;
/* Center align */
	padding: 0 20px;
/* Add consistent padding for spacing */
}

/* Match Primary Content Area */
body.blog #primary,
body.archive #primary,
body.single-post #primary {
	width: 100%;
	max-width: 1200px;
/* Match About page */
	margin: 0 auto;
}

/* Responsive Adjustments for Mobile */
@media (max-width: 768px) {
	body.blog #content,
																																    body.archive #content,
																																    body.single-post #content {
		padding: 10px;
	/* Add padding for smaller screens */
	}
}

/* Add spacing for blog archive */
body.blog #content,
body.archive #content {
	margin-top: 30px;
/* Adjust as needed */
}

/* Add spacing for single posts */
body.single-post #content {
	margin-top: 30px;
/* Adjust as needed */
}

/* Ensure responsive spacing for mobile */
@media (max-width: 768px) {
	body.blog #content,
																														    body.archive #content,
																														    body.single-post #content {
		margin-top: 20px;
	/* Adjust for smaller screens */
	}
}

/* General styling for the Contact Us section */
.wp-block-group__inner-container {
	max-width: 1200px;
/* Ensure this doesn't go beyond a typical width */
	margin: 0 auto;
/* Center the section */
	padding: 20px;
/* Add some padding */
	box-sizing: border-box;
/* Include padding in width calculation */
}

/* Fix the width of the form container */
.wp-block-jetpack-contact-form-container {
	max-width: 100%;
/* Prevent overflow */
	padding: 15px;
/* Add internal padding */
	box-sizing: border-box;
	margin: 0 auto;
/* Center the form in its container */
}

/* Ensure the inputs are responsive and fit properly */
.wp-block-jetpack-contact-form-container input[type="text"],
.wp-block-jetpack-contact-form-container input[type="email"],
.wp-block-jetpack-contact-form-container textarea {
	width: 100%;
/* Full width */
	max-width: 100%;
/* Prevent overflowing */
	margin-bottom: 15px;
/* Add spacing between fields */
	padding: 10px;
/* Internal padding */
	box-sizing: border-box;
/* Ensure borders and padding are included */
	border: 1px solid #ddd;
/* Define a light border */
	border-radius: 4px;
/* Add rounded corners */
}

/* Fix the submit button */
.wp-block-jetpack-contact-form-container .wp-block-button__link {
	display: inline-block;
	background-color: #222;
/* Dark background */
	color: #e6e6e6;
/* Light text */
	padding: 10px 20px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
}

/* Column adjustments for desktop */
.wp-block-columns.alignwide {
	display: flex;
	justify-content: space-between;
/* Space between columns */
	gap: 20px;
/* Add space between columns */
	align-items: flex-start;
/* Align items at the top */
}

/* Ensure the columns behave properly */
.wp-block-columns.alignwide .wp-block-column {
	flex: 1;
/* Make columns flexible */
	min-width: 300px;
/* Header Text Section Styling */
	text-align: center;
	background-color: #f5f5f5;
}

/* General styles for the header section */
.wp-block-group.header-text-section {
	padding: 40px 20px;
/* Padding around the text section */
	text-align: center;
/* Center-aligns all text and child elements */
	background-color: transparent;
/* Removes any background color */
}

/* Specific styles for the button within the header section */
.wp-block-group.header-text-section .wp-block-button {
	margin: 0 auto;
/* Centers the button horizontally */
	margin-top: 20px;
/* Adds spacing above the button */
	display: inline-block;
/* Ensures the button aligns centrally */
}

/* General Styling for Services Section */
.services-section {
	padding: 40px 20px;
	background-color: #ffffff;
/* White background */
	text-align: center;
}

/* Heading Styling */
.services-section h2 {
	font-size: 2.5rem;
	color: #222222;
	margin-bottom: 20px;
}

/* Description Paragraph */
.services-section p {
	font-size: 1.2rem;
	color: #555555;
	margin-bottom: 40px;
}

/* Columns Styling */
.services-section .wp-block-columns {
	display: flex;
	gap: 20px;
	justify-content: center;
}

/* Individual Column Styling */
.services-section .wp-block-column {
	background-color: #f9f9f9;
	border: 0 solid #dddddd;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	max-width: 300px;
}

/* Service Heading */
.services-section .wp-block-column h3 {
	font-size: 1.6rem;
	margin-bottom: 10px;
	color: #333333;
}

/* Service Description */
.services-section .wp-block-column p {
	color: #555555;
	margin-bottom: 20px;
}

/* General footer layout for desktop */
.footer-widgets-wrapper {
	display: flex;
/* Enable flexbox */
	justify-content: space-between;
/* Space out the widgets */
	gap: 20px;
/* Add spacing between widgets */
	flex-wrap: nowrap;
/* Prevent wrapping on larger screens */
}

/* Default style for all widgets */
.footer-widgets-wrapper .widget-area {
	flex: 1;
/* Equal width for all widgets */
	max-width: 25%;
/* Default width for each widget */
	box-sizing: border-box;
/* Include padding in width calculation */
	padding: 10px;
/* Add internal spacing */
}

/* Make Footer 1 wider on desktop */
.footer-widgets-wrapper .widget-area:first-child {
	flex: 2;
/* Make Footer 1 twice as wide as others */
	max-width: 50%;
/* Cap the maximum width to 50% */
}

/* Responsive adjustments for tablet */
@media (max-width: 768px) {
	.footer-widgets-wrapper {
		flex-direction: column;
	/* Stack widgets vertically */
		align-items: center;
	/* Center the widgets horizontally */
		gap: 20px;
	/* Adjust spacing between stacked widgets */
	}
	
	.footer-widgets-wrapper .widget-area {
		max-width: 100%;
	/* Allow full width for stacked layout */
		flex: 1;
	/* Reset equal flex for all widgets */
		text-align: center;
	/* Center-align the content inside the widget */
		padding: 10px 20px;
	/* Add minimal padding for content breathing room */
	}
}

/* Improved mobile layout for a larger widget */
@media (max-width: 480px) {
	.footer-widgets-wrapper {
		padding: 10px;
	/* Add padding around the entire footer */
		gap: 15px;
	/* Reduce gap for tighter spacing on mobile */
	}
	
	.footer-widgets-wrapper .widget-area {
		padding: 5px 5%;
	/* Reduce padding while allowing horizontal breathing room */
		text-align: center;
	/* Center-align widget content */
	}
	
	/* Target the larger widget (e.g., first widget) for more width */
	.footer-widgets-wrapper .widget-area:first-child {
		padding: 10px 5%;
	/* Add some space to the sides */
		width: 100%;
	/* Allow it to fully stretch across the screen */
		max-width: none;
	/* Remove any width cap */
	}
	
	/* Relax width constraints for other widget content */
	.footer-widgets-wrapper .widget-area * {
		margin: 0 auto;
	/* Center the content */
		max-width: 95%;
	/* Allow most of the screen width */
		line-height: 1.5;
	/* Improve readability */
	}
	
	/* Adjust buttons and input fields */
	.footer-widgets-wrapper .widget-area button,
																					  .footer-widgets-wrapper .widget-area input[type="email"] {
		width: 90%;
	/* Ensure inputs and buttons span almost full width */
		max-width: 320px;
	/* Cap their width for readability */
		margin: 10px auto;
	/* Add space around inputs and buttons */
	}
}

/* Remove only the page title "Home" */
.home.page header.entry-header h1.entry-title {
	display: none;
/* Hides only the "Home" page title */
}

.site-info {
	display: none;
/* Hides the footer credit */
}

/* Prevent horizontal scrolling for the top bar */
.top-bar, .top-bar-wrapper {
	overflow-x: hidden;
/* Disable horizontal scroll */
	width: 100%;
/* Ensure no element overflows horizontally */
}

/* Ensure no child elements in the top bar cause overflow */
.top-bar-wrapper {
	padding-left: 0;
/* Remove any padding that might cause overflow */
	padding-right: 0;
/* Remove any padding that might cause overflow */
}

/* Add padding to the right of the Instagram icon */
#menu-item-3121 a {
	padding-right: 10px;
/* Adjust the padding value as needed */
}

/* Footer button styling */
.site-footer .wp-block-button__link,
.site-footer button,
.footer-widgets-wrapper .wp-block-button__link,
.footer-widgets-wrapper button {
	background: transparent !important;
	border: 2px solid #ffffff !important;
	border-radius: 4px !important;
	padding: 8px 20px;
	display: inline-block;
}