/**Post Author & Date Remove**/
.single-post .hestia-title + .author {
     display: none; 
}

/**About Image Opacity**/
.section-image.hestia-about:after { background-color: rgba(0, 0, 0, ) !important; }

@media (max-width: 800px){
/**Navbar transparent**/
.navbar.navbar-transparent{
background-color: rgba(255, 255, 255,) !important;
}
/**Navbar when scrolled and not transparent**/
.navbar{
background-color: rgba(255,255,255,) !important;
}

/**Menu items background before scroll and transparent**/
.navbar.navbar-fixed-top.navbar-transparent .navbar-collapse {
background-color: rgba(165, 99, 129,) !important;
}
/**Menu items background after scroll and not transparent**/
.navbar .navbar-collapse{
background-color: rgba(165, 99, 129,) !important;
}
}

/**Shorter Navigation Bar**/
.navbar .navbar-header .navbar-brand img {
    max-height: 18px !important;
}

/**Site Title**/
.title-logo-wrapper a:after {
    padding-left: 3px;
    content: "GREENERGY CITY SERVICES (00287767-T)";
    font-size: 12px;
    color: SILVER BLACK; /* Set the text color */
    font-weight: 400;  /* Valid bold weight (100 to 900) */
    display: block;
}
.navbar-brand {
  display: flex;
  align-items: center;
}


/* mobile image size change // 26790658-HC SK */
@media only screen and (max-width: 800px) {
    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
    .woocommerce .products.columns-1 li.product-category>a>img, 
    .woocommerce .products.columns-2 li.product-category>a>img, 
    .woocommerce .products.columns-3 li.product-category>a>img, 
    .woocommerce .products.columns-4 li.product-category>a>img, 
    .woocommerce .products.columns-5 li.product-category>a>img, 
    .woocommerce .products.columns-6 li.product-category>a>img {
        max-width: 100%;
    }
}

/* padding for menu for mobile  || HC-29254849 | MM */
@media only screen and (max-width: 600px) {
  .navbar > .container {
    padding-bottom: 0 !important;
  }
}

/* Make category label bigger and bolder */
.cat-links a {
    font-size: 14px;       /* Increase as you like */
    font-weight: bold;
    color: #CD1C18 ;        /* Optional: change link color */
}

/* Make WordPress Social Links perfectly circular */
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor {
    width: 42.5px !important;
    height: 42.5px !important;
    min-width: 42.5px !important;
    min-height: 42.5px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Keep the actual icon centered */
.wp-block-social-links .wp-block-social-link svg {
    width: 26px !important;
    height: 26px !important;
}

/* Space between circles */
.wp-block-social-links {
    gap: 15px !important;
}

/* Hestia footer - move the entire content to the left */
footer.footer .copyright {
    float: left !important;
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Force footer widget contents to left alignment */
footer.footer .container,
footer.footer .row,
footer.footer .content,
footer.footer .widget,
footer.footer .textwidget {
    text-align: left !important;
}

/* Remove left indentation from lists */
footer.footer ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Social icon containers */
footer.footer a {
    text-align: left;
}

/* Make YouTube video smaller in footer */
.footer iframe[src*="youtube.com"],
.footer iframe[src*="youtu.be"] {
    width: 93% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    display: block;
    margin: 0 auto;
}

/* Increase Cover block height only on desktop screens */
@media (min-width: 1024px) {
    .wp-block-cover {
        min-height: 950px !important; /* Change 500px to your preferred height */
    }
}

/* If the text is absolutely positioned, push its coordinate down */
p, .content-container {
    top: auto !important;
    position: relative !important; /* Force it back into normal document flow */
    margin-top: -16px !important;
}

/* Decreased Line Height / Gap Between Lines */
.footer-3d-text {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  letter-spacing: 0.3px;
  line-height: 1.55 !important; /* Reduced from 1.8 to 1.3 to pull lines closer */
  text-shadow: 
    1px 1px 0px #94a3b8,
    2px 2px 2px rgba(0, 0, 0, 0.9) !important;
}


/* Direct pull-up for social icons */
.footer-3d-text {
  margin-bottom: -18px !important;
  padding-bottom: 0 !important;
}

/* Forces Hestia widget area margins to shrink */
.footer-widget-area .widget,
div[id*="hestia_social_icons"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: translateY(-15px) !important; /* Physically shifts icons upward */
}


/* Make all text inside the footer bright white */
.footer, 
.footer p, 
.footer span, 
.footer div, 
.footer li, 
.footer .widget {
    color: #ffffff !important;
}

/* Optional: Make links in the footer bright white or light grey */
.footer a {
    color: #ffffff !important;
}

/* Optional: Add hover brightness to links */
.footer a:hover {
    color: #e0e0e0 !important;
}


/* Make footer text bright white without overriding icon colors */
.footer, 
.footer p, 
.footer span, 
.footer li, 
.footer .widget,
.footer .widget-title,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    color: #ffffff !important;
}

/* Ensure links in text areas stay bright white */
.footer p a,
.footer .widget a {
    color: #ffffff !important;
}

/* Fix social icon colors inside white circles */
.footer .social-icons a,
.footer .social-icons i,
.footer .fa,
.footer .fab,
.footer .fas,
.footer svg {
    color: #333333 !important; /* Dark color so icons stand out on white backgrounds */
}