/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.site-info {
	display: none;
}

#actionbar {
	display: none;
}

/* Floating Contractor Portal Button */
.contractor-portal-button {
  position: fixed;         /* Makes it hover */
  bottom: 20px;            /* Distance from bottom */
  right: 20px;             /* Distance from right */
  background-color: #00572d;  /* Button background color */
  color: #ffffff;          /* Text color */
  padding: 15px 20px;      /* Size of button */
  font-size: 16px;         /* Text size */
  font-family: Arial, sans-serif; /* Font family */
  text-decoration: none;   /* Remove underline */
  border-radius: 4px;      /* Rounded corners */
  z-index: 9999;           /* Stay on top */
  box-shadow: 0 2px 6px rgba(0,0,0,0.3); /* Optional subtle shadow */
  transition: background-color 0.3s; /* Smooth hover effect */
}

/* Hover effect */
.contractor-portal-button:hover {
  background-color: #00572d; /* Darker color on hover */
  color: #ffffff;
}

/* Floating Contractor Portal Button – Force Correct Color */
.contractor-portal-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #007f8a !important;   /* your green color */
  color: #ffffff !important;              /* text color */
  padding: 15px 25px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  border-radius: 4px;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: background-color 0.3s;
}

/* Hover effect */
.contractor-portal-button:hover {
  background-color: #005b79 !important;   /* darker green on hover */
  color: #ffffff !important;
}

/* ==========================
   2. Hide default Social Menu chain/link icon
   ========================== */
.jetpack-social-navigation-svg a[href*="contractors-2"] svg {
    display: none !important; /* hides the chain icon for Contractor Portal link */
}

/* ==========================
   3. Add a hammer/tool symbol as text
   ========================== */
.jetpack-social-navigation-svg a[href*="contractors-2"]::after {
    content: "🔨"; /* hammer emoji for contractors */
    font-size: 16px;
    margin-left: 4px;
    vertical-align: middle;
}

/* ==========================
   4. Optional: Hover effect for the Social Menu link
   ========================== */
.jetpack-social-navigation-svg a[href*="contractors-2"]:hover::after {
    color: #0073e6; /* changes hammer color on hover */
}



/* Contractor Portal button */
.contractor-portal-button {
position: fixed;
bottom: 30px;
right: 30px;
background-color: #00572d;
color: #ffffff;
padding: 14px 20px;
font-size: 16px;
font-weight: 600;
border-radius: 6px;
text-decoration: none;
z-index: 9999;
}

.contractor-portal-button:hover {
background-color: #005b79;
}

/* Plan Room button (hidden by default) */
.plan-room-button {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
background-color: #006cff;
color: #ffffff;
padding: 14px 20px;
font-size: 17px;
font-weight: 500;
border-radius: 6px;
text-decoration: none;
z-index: 9999;
}

/* When viewing the Contractors Portal page */
.page-id-317 .contractor-portal-button {
display: none;
}

.page-id-317 .plan-room-button {
display: block;
}

.plan-room-button:hover {
background-color: #324866;
}

.plan-room-button {
display:none;
}


.container,
.wrapper,
.content {
max-width: 1400px;
width: 95%;
}

/* Limit readable text width */
.entry-content,
.post-content,
.page-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
}

.page .page-header,
.page .entry-header {
display:none;
}



/* Fix mobile overflow */
img, 
.wp-block-image img,
.wp-block-gallery img {
max-width: 100%;
height: auto;
}

/* Prevent content from exceeding screen width */
body, html {
overflow-x: hidden;
}

/* Ensure full-width blocks scale correctly */
.wp-block-group,
.wp-block-cover,
.wp-block-gallery {
width: 100%;
max-width: 100%;
}




/* Better spacing on mobile */
@media (max-width: 768px) {

.entry-content,
.page-content {
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
}

}


/* Allow Cover banners to remain full width */
.wp-block-cover.alignfull {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: none;
}

/* Limit banner height */
.wp-block-cover {
max-height: 500px;
overflow: hidden;
}

/* Restore full width behavior for galleries */
.wp-block-gallery.alignfull {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}


/* Make gallery images responsive */
.wp-block-gallery img {
width: 100%;
height: auto;
}


/* Smaller text on mobile */
@media (max-width: 768px) {

  body {
    font-size: 16px;
  }

  p {
    font-size: 16px;
    line-height: 1.6;
  }

  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }

}

@media (max-width: 768px) {
  body { font-size: 15px; }
  p { font-size: 15px; }
}


@media (max-width: 768px) {
  .entry-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}