.mc4wp-checkbox label,
.mc4wp-form label,
.mc4wp-checkbox {
    color: #ffffff !important;
}
/* ===================== Blog Posts Grid ===================== */
#blog_posts .sm-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 16px;
    align-items: stretch;
}
#blog_posts .grid-sm-boxes-in {
    flex: 0 1 calc(33.333% - 16px);
    box-sizing: border-box;
    background-color: var(--c-grey-100);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
#blog_posts .grid-sm-boxes-in:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
/* Card image — fixed height, consistent crop */
#blog_posts .grid-sm-boxes-in img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 0;
    display: block;
}
/* Card text area */
#blog_posts .grid-sm-boxes-in .sm-grid-boxes-caption,
#blog_posts .grid-sm-boxes-in .sm-list-inline {
    padding: 0 16px;
}
/* Post title */
#blog_posts .sm-post-title {
    font-family: 'Raleway', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 12px 16px 0 !important;
}
#blog_posts .sm-post-title a {
    color: var(--c-navy) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
#blog_posts .sm-post-title a:hover {
    color: var(--c-orange) !important;
}
/* Date */
#blog_posts .sm-meta {
    font-size: 0.75rem !important;
    color: var(--c-grey-400) !important;
    margin: 4px 16px 8px !important;
    font-family: 'Lato', sans-serif !important;
}
/* Excerpt */
#blog_posts .sm-grid-boxes-quote {
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    color: var(--c-grey-600) !important;
    margin: 0 16px 16px !important;
}
@media (max-width: 1024px) {
#blog_posts .grid-sm-boxes-in {
        flex: 0 1 calc(50% - 12px);
    }
}

@media (max-width: 600px) {
#blog_posts .grid-sm-boxes-in {
        flex: 0 1 100%;
    }
#blog_posts .grid-sm-boxes-in img {
        height: 180px;
    }
}
/***********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-color: var(--c-navy);
}
textarea {
    font-family: "ralewaymedium";
}
.post_content_area strong {
    font-weight: bold;
}
.header .current-menu-parent.menu-item-has-children ul {
    display: block;
}
p {
    font-weight: 400;
    margin-bottom: 15px;
}
.time ul li {
    font-family: inherit;
    font-size: 15px;
    margin-bottom: 12px;
    margin-left: 15px;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong {
    color: inherit;
}
body {
    color: var(--c-grey-900);
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
}
a {
    text-decoration: none;
}
.header {
   background: rgba(0, 0, 0, 0) url("images/Header_2026.webp") no-repeat scroll 0 0 / 100% 100%;
height: 636px;
overflow: hidden;
position: relative;
width: 100%;
}
.container {
    margin: 0 auto;
    width: 1093px;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.menu_wrapper ul li {
    display: inline-block;
font-family: ralewaymedium; position:relative; padding:16px 0;
}
.menu_wrapper ul ul li a {
    padding: 0px 10px;
    display: block;
    width: 100%;
}
.menu_wrapper ul li.current-menu-item  , .menu_wrapper ul li a:hover {background: #fff none repeat scroll 0 0;
color: #000;}
.menu_wrapper ul li.current-menu-item  a {color:#000;}
.menu_wrapper ul ul  , .icon-angle-down {display:none}
.menu_wrapper ul ul {position: absolute;
background: none;
left: auto;
top: 100%;
width: 100%;}
.menu_wrapper ul  li:hover > ul {display: block;}
.menu_wrapper ul ul li {
    float: none; display: block; border: #fff solid thin;
margin-bottom: 10px;
}
.menu_wrapper ul ul li:hover { background:#fff;}
.menu_wrapper ul ul li:hover a {color: #000;}
.menu_wrapper {
    display: table;
    margin-top: 80px;
    width: 100%;
}
.menu_wrapper ul li a {
   color: #fff;
font-size: 16.26px;
padding: 12px 20px;
}
.logo_wrapper {
    display: block;
    text-align: center;
}
.custom-logo-link {
   border: 6px solid #fff;
display: inline-block;
margin-top: 40px;
padding: 29px;
text-align: center;
width: auto;
}
.top-text {text-align:center; color:var(--c-orange); margin: 40px auto 0; }
.top-text p {font-size:20px; font-weight:600;}
.footer .custom-logo-link {width: 82%;}
.custom-logo-link img {
  height: auto;
  max-width: 100%;
}
.footer {
    background: var(--c-navy) none repeat scroll 0 0;
    color: #fff;
    overflow: hidden;
    padding: 60px 0;
    width: 100%;
}
*::-moz-placeholder {
    opacity: 1;
}
:-moz-placeholder {
    opacity: 1;
}
.footer .widget_text {
    float: left;
    padding: 0;
    width: 33%;
}
.footer .widget_text .custom-logo-link {
    margin-top: 0;
}
td {
    padding: 10px;
    vertical-align: middle;
}
.widget-title {
    display: none;
}
.copyright {
    margin-top: 20px;
    text-align: center;
}
.footer .widget_text:last-child .widget-title {
    display: block;
    font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
.footer .widget_text:last-child .widget-title::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100px;
}
.footer .wpcf7-form input[type="text"], .footer .wpcf7-form input[type="email"], .footer .wpcf7-form textarea {
    border: medium none;
    color: black;
    font-size: 22px;
    padding: 10px;
    width: 100%;
}
.footer .wpcf7-form textarea {
    height: 105px; color:black !important;
}
.col-12 {
    margin-bottom: 10px;
}
.wpcf7-form-control.wpcf7-submit {
    background: var(--c-orange) none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 25px;
	font-weight: normal;
	line-height: 18px;
	padding: 10px;
	text-transform: uppercase;
	float: right;
}
h4 {
    font-family: "latoregular";
    font-size: 30px;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid var(--c-orange) !important;
}
.footer .logo_wrapper {
  opacity: 0.5;
}
.pricing_table .widget-title , .pricing_common_class .widget-title {display:block; font-size:34.01px; font-family:latobold}
.pricing_table .widget_text , .pricing_common_class .widget_text {
  background: var(--c-blue-light) none repeat scroll 0 0;
  padding: 0px;
}
.pricing_table .widget_text h3 , .pricing_common_class .widget_text h3 {padding:18px}
.pricing_table .widget_text h3, .pricing_common_class .widget_text h3 {
  padding: 18px;

  overflow: hidden;
}
.pricing_table .pricing_table_row .panel-grid-cell:last-child h4 {
  margin-bottom: 0;
}
.pricing_table .pricing_table_row .panel-grid-cell:last-child img {
  margin-bottom: 11px;
margin-top: 13px;
}
.pricing_table .pricing_table_row .panel-grid-cell:last-child h4 {
line-height: 62px;
margin-top: 35px;
}
.contact_page_form .row {width:100%; overflow:hidden; padding: 10px 0;}
.contact_page_form  .col-md-12 {width:100%;}
.contact_page_form  .row input , .contact_page_form  .row textarea , .contact_page_form  .row select {background: #fff none repeat scroll 0 0;
border: medium none;
font-family: latoregular;
font-size: 28px;
padding: 12px 15px;
width: 100%;}
.contact_page_form  .col-md-6 {width:50%; float:left}
.contact_page_form  .col-md-6:first-child {padding-right: 20px;}
.contact_page_form  .wpcf7-form input::-moz-placeholder , .wpcf7-form textarea::-moz-placeholder {
  opacity:1; color: #000 !important;
}
.contact_page_form  .reset {
  background: var(--c-grey-900) none repeat scroll 0 0 !important;
border: medium none!important;
color: #fff!important;
cursor: pointer!important;
float: left!important;
font-family: latoregular!important;
font-size: 18px!important;
margin-left: 10px!important;
padding: 14px 58px!important;
text-transform: uppercase!important;
width: auto!important;
}
.contact_page_form  .wpcf7-submit {
 background: var(--c-navy) none repeat scroll 0 0!important;
border: medium none!important;
color: #fff!important;
cursor: pointer!important;
float: left!important;
font-family: latoregular!important;
font-size: 18px!important;
margin-left: 10px!important;
padding: 16px 58px!important;
text-transform: uppercase!important;
width: auto!important;
}
.contact_page_column h5 {
  font-family: latoregular;
  font-size: 34px;
  margin-bottom: 10px;
}
.contact_page_column p {
  line-height: 21px;
}
.contact_page_address {
  margin-top: -87px;
}
.contact_page_form {margin-bottom: 6px;
margin-top: -67px;
position: relative;
text-align: center;}
.contact_page_form:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 51%; background: var(--c-blue-light); -webkit-transform: skew(0deg, 5deg); -moz-transform: skew(0deg, 5deg); -ms-transform: skew(0deg, 5deg); -o-transform: skew(0deg, 5deg); transform: skew(0deg, 5deg); background-image:url(images/cloud.png); background-repeat:no-repeat; display:block }
.contact_page_form:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50%; background: var(--c-blue-light); -webkit-transform: skew(0deg, -5deg); -moz-transform: skew(0deg, -5deg); -ms-transform: skew(0deg, -5deg); -o-transform: skew(0deg, -6deg); transform: skew(0deg, -5deg);  display:block}
.contact_page_form .panel-grid-cell {
  position: relative;
  z-index: 9;
}
.contact_page_form_column {

  background-repeat: no-repeat;
  margin-top: 117px;
}
.contact_page_form_column::before {
  background-image: url("images/rocket.png");
  content: "";
  display: block;
  height: 282px;
  position: absolute;
  right: 0;
  top: -101px;
  width: 382px;
}
.contact_page_form_column h5 {color: #fff;
font-family: latoregular;
font-size: 36px;
text-align: left;
margin-bottom: 18px;}
.quoterequest p {
  line-height: 25px;
  margin-bottom: 32px;
}
.wpcf7-response-output {
  clear: both;
  color: #fff;
  display: block;
  float: left;
  margin-left: 0;
  overflow: hidden;
}
/**********************Woocommerce************************/
/* WooCommerce Table Header */
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr th span {
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid var(--c-blue-light);
    text-align: center;
}
/* WooCommerce Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}
nav.woocommerce-MyAccount-navigation ul li {
    display: inline-block;
    padding: 10px 40px !important;
}
nav.woocommerce-MyAccount-navigation ul li a {
    color: #ffffff !important;
    font-weight: bold;
}
/* WooCommerce Account Content */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100%;
    margin-bottom: 70px;
}
/* WooCommerce Orders Table */
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    width: 100%;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tbody td {
    text-align: center;
    color: #ffffff;
}
/* -------------------- NEW: GLOBAL STYLING -------------------- */

/* All WooCommerce page text */
.woocommerce, .woocommerce-page {
    color: #ffffff;
    background-color: var(--c-navy);
}
/* Headings on WooCommerce pages */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3,
.woocommerce-page h4 {
    color: var(--c-blue-light);
}
/* Links */
.woocommerce a, .woocommerce-page a {
    color: var(--c-orange);
    text-align: left;
}
/* Form Labels and Placeholders */
.woocommerce label,
.woocommerce-page label {
    color: #ffffff;
}
.woocommerce input::placeholder,
.woocommerce-page input::placeholder {
    color: var(--c-grey-300);
}
/* Table Headers */
.woocommerce table th {
    color: var(--c-blue-light);
}
/* Table Body Text */
.woocommerce table td {
    color: #ffffff;
}
/* Buttons (Log in, Register, etc.) */
.woocommerce button.button,
.woocommerce a.button {
    color: #ffffff !important;
    background-color: var(--c-blue-light) !important;
}
#pg-1323-4 {
	height:0;
}
/**********************************************/

.single-post .content_area {
  padding: 25px 0;
}
@media only screen and (min-width: 1500px){
.quote_reuest_row::before , .contact_page_form::before , .sohowdoesitshows::before {transform: skew(0deg, 3deg);}
.quote_reuest_row::after , .contact_page_form::after , .sohowdoesitshows::after {transform: skew(0deg, -3deg);}
}

@media only screen and (max-width: 1280px){
.container {width: 900px;}
.menu_wrapper ul li a {padding: 12px 26px;}
#pg-1323-4 {
		height: 0;
	}
}

@media only screen and (max-width: 979px){
.container {width:750px;}
.menu_wrapper ul li a {
	  font-size: 15px;
	  padding: 7px 18px;
	}
.header {height: 560px;}
.copyright {font-size: 13px;}
.menu_wrapper ul li {
		padding: 10px 0;
	}
.top-text {margin:30px auto 0;}
.top-text p {font-size:14px;}
.menu_wrapper {margin-top: 50px;}
}

@media screen and (min-width:768px)
{
#header_menu , #mobile-menu {display:none}
}

@media only screen and (max-width: 767px){
.woocommerce-form.woocommerce-form-track-order.track_order p.form-row.form-row-first, .woocommerce-form.woocommerce-form-track-order.track_order p.form-row.form-row-last {
		width: 100%;
		float: none;
	}
.top-text {margin: 20px auto 0; }
.top-text p {margin-bottom:10px; font-size:12px;}
#header_menu { display:block}
.menu_wrapper { display:none;}
#nav-cover {   clear: none; float: left; height: auto; margin-top: 19px; overflow: visible; position: relative; width: auto;}
.button-cover {
	background: var(--c-orange);
	border: none;
	color: #ffffff;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	font-size: 15px;
	padding: 8px 20px;
	border-radius: 999px;
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.button-cover label {
	float: left;
	line-height: 24px;
	text-transform: uppercase;
}
.button-cover span {
	float: left;
	margin-top: 2px;
	text-transform: capitalize;
	line-height: 20px;
}
.button-cover button,
.button-cover button:hover {
	background: url("images/nav-icon2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: none;
	cursor: pointer;
	height: 24px !important;
	width: 20px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
/* Push hamburger below WP admin bar when logged in */
body.admin-bar .button-cover {
	top: 61px; /* 46px admin bar + 15px original offset */
}
#side-bar-box .side-bar-box-inner button {
	height: 45px;
}
#mobile-menu {
	background: var(--c-navy);
	height: 100vh;
	margin: 0 auto;
	position: fixed;
	left: -100%;
	top: 0;
	width: 320px;
	z-index: 9999;
	visibility: visible;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	overflow-y: auto; /* Allows scrolling inside menu */
}
#mobile-menu.active_menu {
	left: 0;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
}
/* Mobile nav menu items — targets the WP-rendered nav inside #mobile-menu */
#mobile-menu nav {
	clear: both;
	max-height: calc(100vh - 60px);
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	clear: both;
	width: 100%;
}
#mobile-menu nav ul {
	padding: 0;
	margin: 0;
}
#mobile-menu nav ul li {
	border-top: 1px solid rgba(255,255,255,0.08);
	list-style: none;
	width: 100%;
	float: none;
}
#mobile-menu nav ul li.current-menu-item > a {
	color: var(--c-orange);
}
#mobile-menu nav ul li.current-menu-item ul li a {
	display: block;
}
#mobile-menu nav ul li a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 12px 16px;
	text-decoration: none;
	text-transform: capitalize;
	transition: background 0.3s ease, color 0.3s ease;
}
#mobile-menu nav ul li a:hover {
	background: rgba(255,255,255,0.08);
	color: var(--c-orange);
}
#mobile-menu nav ul li ul {
	width: auto;
	margin-top: 0 !important;
}
#mobile-menu nav ul li ul li a {
	padding-left: 24px;
}
#mobile-menu nav ul li ul li ul li a {
	padding-left: 36px;
}
#mobile-menu nav ul li ul li ul li ul li a {
	padding-left: 48px;
}
.mobile-menu-close {
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	float: right;
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	margin: 15px;
	padding: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	transition: background 0.3s ease;
}
.header #header_menu {float: none;margin: 0 auto 26px;position: relative;width: 100%;}
.header.headersmall #header_menu {  float: right;   margin: 24px auto 0;   position: relative;   width: auto; }
.container {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto; /* optional: center the container */
}
.custom-logo-link {margin-top: 15px; padding: 12px;}
.custom-logo { height: auto; width: 110px; }
.header { height: 360px;}
.footer .widget_text {
	  float: none;
	  padding: 0;
	  text-align: left;
	  width: 100%;
	}
.footer .logo_wrapper {
	  display: block;
	  text-align: left;
	  margin: 25px 0 0 0;
	}
.copyright {
	  margin-bottom: 20px;
	  margin-top: 20px;
	  text-align: left;
	}
td {
	  line-height: 22px;
	  padding: 0 9px 12px 0;
	  vertical-align: top;
	}
.contact_page_form .row textarea {
	  height: 118px;
	}
.contact_page_form .row input, .contact_page_form .row textarea, .contact_page_form .row select {font-size: 18px;}
.contact_page_form_column::before {
		  background-image: url("images/rocket.png");
		  content: "";
		  display: block;
		  height: 220px;
		  position: absolute;
		  right: 0;
		  top: -18px;
		  width: 60%;
		  background-size: 100% auto;
		  background-repeat: no-repeat;
		}
.contact_page_form::before {background: var(--c-blue-light) url("images/cloud.png") no-repeat scroll 0 0 / 63% auto;}
.contact_page_form .reset , .contact_page_form .wpcf7-submit {margin-left: 0 !important;width: 100% !important; margin-bottom: 10px;}
}
/* For Firefox */input[type='number'] {    -moz-appearance:textfield;}
/* Webkit browsers like Safari and Chrome */input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {    -webkit-appearance: none;    margin: 0;}
.post b { font-weight:bold;
}
.estimate-li {
    line-height: 5px!important;
}
@media only screen and (max-width: 620px){
.estimate-li {
        line-height: 25px!important;
    }
}
.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #fff;
}
.footer-contact .contact-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.footer-contact .contact-item a {
  text-decoration: underline;
  color: #fff;
}
.footer-contact .social-icons {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 0.5rem;
}
.footer-contact .social-icons li img {
  width: 30px;
  height: 30px;
}
.footer-contact .payment-logo img {
  max-width: 100%;
  height: auto;
  margin-top: 0.5rem;
}
/* Block 2: Logo + legal links */
.footer-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  color: #ffffff;
  text-align: center;
}
/* Bordered container matching 140×157 ratio */
.logo-container {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border: 2px solid #fff;
  overflow: hidden;
  background: transparent;
  line-height: 0;
}
/* Ensure the image scales and stays centered */
.footer-logo-img {
  width: 100px;
  height: auto;
  max-width: 100%;
  display: block;
}
/* Copyright styling */
.footer-copy {
  margin: 0;
  font-size: 0.9rem;
}
/* Legal links in one row */
.footer-legal {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  display: flex;
  gap: 1.5rem;
}
.footer-legal-link {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.85rem;
}
.footer-legal-link:hover {
  text-decoration: underline;
}
/* Block 3: Contact Form 7 in footer, no backgrounds */
.footer-contact-form {
  padding: 1.5rem;
  background: none;      /* removed dark grey */
  border-radius: 8px;    /* optional—remove if you don't want rounded corners */
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}
.footer-contact-form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* inputs and textarea keep default bg, or make transparent too: */
.footer-contact-form .wpcf7-form-control {
  width: 100%;
  padding: 0 1rem 0.75rem;
  border: 1px solid #444;
  border-radius: 4px;
  background: white;
  color: black;
  font-size: 0.95rem;
}
/* focus outline stays visible */
.footer-contact-form .wpcf7-form-control:focus {
  outline: none;
  border-color: var(--c-orange);
}
/* Submit button can keep its orange fill—or switch to outline if you like: */
.footer-contact-form input.wpcf7-submit {
  align-self: flex-end;
  background: var(--c-orange);   /* keep or change to 'none' for transparent */
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s ease;
}
.footer-contact-form input.wpcf7-submit:hover {
  background: var(--c-orange-dark);
}
.site-announcement {
  background-color: var(--c-orange);     /* SSS Orange */
  color: #000;                   /* black text */
  text-align: center;
  font-weight: bold;
  padding: 0.5rem 1rem;          /* adjust vertical/horizontal padding */
  font-family: 'Raleway', sans-serif;
  font-size: 1rem;
  z-index: 9999;                 /* sit on top if you have sticky headers */
}
body.admin-bar .site-announcement {
  top: 32px;                     /* if you're logged in and have the WP admin bar */
  position: relative;
}
.woocommerce-column__title {
    text-align: center;
    background-color: var(--c-navy);
    color: #fff;
    font-size: 16px;
    padding: 10px 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.address {
    margin-top: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    color: var(--c-navy) !important;
}
.my-account-header {
    color: var(--c-orange);
}
/* Blog grid overrides — neutralise Simple Masonry plugin JS */
#blog_posts .sm-grid {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: static !important;
}
#blog_posts .grid-sm-boxes-in {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
}
/* Blog page — header stacking (hero covers blog row) */
header.header {
    z-index: 10;
}
/* Blog page — chevron-aligned skewed entry (navybluecurv pattern, white) */
#pg-562-0 {
    position: relative;
    z-index: 9;
    margin-top: -80px;
}
#pg-562-0::before,
#pg-562-0::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #ffffff;
    display: block;
    z-index: 0;
}
#pg-562-0::before {
    left: 0;
    transform: skew(0deg, 3deg);
    transform-origin: top left;
}
#pg-562-0::after {
    right: 0;
    transform: skew(0deg, -3deg);
    transform-origin: top right;
}
#pg-562-0 > .blog_posts.panel-row-style {
    padding-top: 100px !important;
}
#pg-562-0 > .blog_posts.panel-row-style > .panel-grid-cell {
    position: relative;
    z-index: 1;
}
/* Blog heading-to-cards spacing */
#blog_posts h1 {
    margin-bottom: 0 !important;
}
.panel-widget-style-for-562-0-0-1 {
    padding-top: 0 !important;
}
/* Blog pagination */
#blog_posts .sm-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 24px 16px 8px;
    font-family: "Lato", sans-serif;
}
#blog_posts .sm-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    color: var(--c-navy);
    background-color: var(--c-grey-200);
}
#blog_posts .sm-pagination .page-numbers.current {
    background-color: var(--c-navy);
    color: #ffffff;
}
#blog_posts .sm-pagination a.page-numbers:hover {
    background-color: var(--c-orange);
    color: #ffffff;
}
#blog_posts .sm-pagination .next,
#blog_posts .sm-pagination .prev {
    background-color: transparent;
    color: var(--c-navy);
    font-size: 0.85rem;
}
#blog_posts .sm-pagination .next:hover,
#blog_posts .sm-pagination .prev:hover {
    background-color: var(--c-orange);
    color: #ffffff;
}
/* Full-width wrapper centering */
.site,
.site-content,
#page {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 1200px;
    margin: 0 auto !important;
}


/* Footer logo: square frame + centred logo (supersedes #75 snippet top-align) 2026-06-14 */
.footer-logo .logo-container {
  width: auto !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}
.footer-logo .logo-container a { display: inline-block; line-height: 0; }
.footer-logo .logo-container img { width: 100px !important; height: auto !important; }


/* Footer contact form: grow Comments field so SUBMIT bottom lines up with other columns 2026-06-14 */
.footer .footer-contact-form .wpcf7-form textarea { height: 62px !important; }