/*
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: #00572d !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: #003f1a !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: #4c7999;
}

/* Plan Room button (hidden by default) */
.plan-room-button {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
background-color: #004d83;
color: #ffffff;
padding: 14px 20px;
font-size: 19px;
font-weight: 600;
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: #99b9cf;
}

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


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