/* Base header styles */
header {
  background-color: #ffffff;
}

/* Flex container for logo and contact/buttons */
/* Header Content Layout */
.header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 0;
}

.header-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* spacing between items */
    text-align: center;
    padding: 10px 0;
		flex-direction:row;
}

/* Logo Styling */
.logo-container {
    margin-bottom: 10px; /* Space between logo and contact info */
}

/* Contact Info Styling */
.header-contact-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px; /* Space between contact info and button */
}

.contact-info {
    font-family: Georgia, serif;
    font-size: 16px;
}

/* Contact Button Styling */
.header-buttons a.client-portal {
    display: inline-block;
    padding: 5px 15px;
    /* border: 2px solid #315470; */
        border: 2px solid #6B8F9C;
    /* color: #315470; */
        color: #6B8F9C;
    text-decoration: none;
    font-family: Georgia, serif;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
    text-align: center;
    margin-top: 10px; /* Space between button and contact info */
}

/* Button Hover Effect */
.header-buttons a.client-portal:hover {
    /* background-color: #315470; */
        background-color:#9C6377;
    color: #ffffff;
}
/*
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  
}
*/
/* Logo container */
.logo-container {
  flex: 1;
}

.logo {
 max-height: 180px;
  
}

/* Contact info and buttons on the right side */
.header-contact-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.header-buttons a {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}


.contact-info {
  font-family: Georgia, serif;
  font-size: 16px;
  margin-bottom: 10px;
}

.contact-info a {
  color: #6B8F9C;
  text-decoration: none;
  margin-left: 10px;
}

.contact-info a:hover {
  text-decoration: underline;
}

/* Button styles */
.header-buttons a {
  border: 2px solid #6B8F9C;
  padding: 5px 15px;
  color: #6B8F9C;
  text-decoration: none;
  font-family: Georgia, serif;
  font-weight: bold;
  margin-left: 10px;
  transition: background-color 0.3s, color 0.3s;
}

.header-buttons a:hover {
  background-color: #9C6377;
  color: #ffffff;
}

/* Center the navigation menu */
nav.main-menu {
  text-align: center;
  margin: 20px 0;
  /* Combined top and bottom margin for simplicity */
}

nav.main-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav.main-menu ul li {
  display: inline-block;
  margin: 0 15px;
  position: relative;
  /* Required for proper positioning of the sub-menu */
}

nav.main-menu ul li .sub-menu-item {
    margin-left: 0px;
}


nav.main-menu ul li a {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #6B8F9C;
  text-decoration: none;
  transition: color 0.3s;
}

nav.main-menu ul li a:hover {
    /* background-color: #315470; */
    background-color: #9C6377;
  color: #ffffff;
    padding:15px;
}

/* Main menu borders and padding */
.main-menu {
  border-top: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  padding: 10px 0;
  /* Space between the borders and menu items */
}

/* Sub-menu styles */
.sub-menu {
  display: none;
  position: absolute;
  left: 0;
  /* Align the submenu with its parent */
  background-color: #ffffff;
  padding: 0;
  list-style: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  min-width: 150px;
    width:100%;
  z-index: 1000;
  /* Ensure the submenu appears above other elements */
}

/* Display the sub-menu on hover */
nav.main-menu > ul > li:hover > .sub-menu {
  display: block;
}



.sub-menu li {
    display: block; /* Make sure list items are block elements */
    width: 100%; /* Ensure each list item takes up the full width */
        
}



.sub-menu li a {
    display: block; /* Make anchor tags fill their parent */
    width: 100%; /* Ensure the link fills the whole `` */
    padding: 10px 15px; /* Keep padding but ensure it doesn’t break width */
    box-sizing: border-box; /* Prevent padding from increasing width */
}

/* Sub-menu hover fix */
.sub-menu li:hover {
    background-color: #9C6377 !important; /* Ensure full green background */
}


/* Footer styles */
.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 500px; /* Single centered column */
  margin: 0 auto; /* Center the entire footer content */
}

.footer-info {
  width: 100%;
}

.single-post .entry-content img {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.single-post .entry-title {
    text-align: center;
    font-size: 2em; /* Adjust the size as needed */
    margin-top: 20px;
}

.sow-testimonial-user {
        
    display: flex;
    justify-content: center; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    
}


@media (max-width: 768px) {
        .header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 0;
}
		
		.header-top {
    display: flex;
    justify-content: center;
    align-items: center;
    
    text-align: center;
    padding: 10px 0;
		flex-direction:column;
}

    .logo-container {
        margin-bottom: 10px; /* Adds space between logo and contact info */
        
    }

    .header-contact-buttons {
        margin-top: 10px;
    }

    .header-buttons {
        margin-top: 10px; /* Adds space between contact info and button */
    }
   
            
    .mobmenu {
        display: block !important; /* Forces the mobile menu icon to show */
    }

    .main-menu {
        display: none !important; /* Ensures the regular menu stays hidden */
    }
}

a.sowb-button.ow-icon-placement-left.ow-button-hover {
/* background-image: url('/wp-content/uploads/2025/03/woodgrain-noborder.png'); Replace with your image URL */
    background-color: #9C6377;
        background-size: cover; /* Adjust as needed */
    background-position: center;
    background-repeat: no-repeat;
    /*border: 6px solid #315470; /* Optional: remove border */
        border: 6px solid #6B8F9C;
    color: white; /* Adjust text color if needed */
    padding: 12px 24px; /* Adjust padding */
}

div.so-widget-sow-editor.so-widget-sow-editor-base{
font-size:18px;
color:#000000;
}

div.sow-testimonial-user {
  background-image: url("/wp-content/uploads/2025/03/GreenPatternBackground.jpg");
}