/*
Theme Name: Home Experts Child
Theme URI: https://glthemes.com/wordpress-theme/home-experts/
Template: home-experts
Author: Good Looking Themes
Author URI: https://glthemes.com/
Description: Home experts is a free, versatile WordPress theme designed specifically for service-based businesses, local providers, and small enterprises. Whether you run a cleaning, plumbing, electrical, landscaping, or handyman business, this theme makes it simple to create a professional website that showcases your experts and connects with clients. Fully compatible with WooCommerce, Home experts allows you to offer service packages, online bookings, and promotions directly on your site. The theme is lightweight, fast-loading, SEO-friendly, and fully responsive, ensuring your website looks great and performs well on desktops, tablets, and smartphones. Home experts comes with an intuitive homepage, ready-made templates, and flexible customization options to highlight your experts, team, customer reviews, and special offers. Its clean layout, modern typography, and balanced color palette create a professional look that inspires trust and encourages bookings. With reliable support, regular updates, and detailed documentation, you can focus on growing your business while the theme handles the technical aspects. Start building your online presence today with Home experts and turn visitors into loyal customers. No need to worry about the technicalities when you have an excellent support team, timely updates, and well-crafted documentation in place. Instead, you can focus on building your brand, business and recognition. Don’t take our words for it; try out the theme here: https://glthemes.com/live-demo/?theme=home-experts. If you stumble upon any issues or have queries about the theme, refer to the official theme documentation: https://glthemes.com/documentation/home-experts/ or leave an inquiry at https://glthemes.com/support/
Tags: blog,portfolio,education,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,full-width-template,rtl-language-support
Version: 1.0.1.1768539739
Updated: 2026-01-16 05:02:19

*/

/* Red status box */
.site-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.site-footer {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
}
.red-box {
    margin: 40px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.red-box table {
    background: #c94234 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.red-box table tbody,
.red-box table tr {
    display: block !important;
    width: 100% !important;
}

.red-box table td {
    color: #ffffff !important;
    text-align: center !important;
    padding: 24px 20px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    background: #c94234 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.red-box table td br {
    display: block;
    content: "";
    margin-bottom: 8px;
}

.red-box table td strong {
    display: block !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #ffffff !important;
}

.entry-content .red-box table,
.content-wrap .red-box table,
.wp-block-table.red-box table {
    background-color: #c94234 !important;
}

.entry-content .red-box table td,
.content-wrap .red-box table td,
.wp-block-table.red-box table td {
    color: #ffffff !important;
    background-color: #c94234 !important;
}

.entry-content .red-box table td strong,
.content-wrap .red-box table td strong,
.wp-block-table.red-box table td strong {
    color: #ffffff !important;
}

/* Yellow information block */
.note-point {
    background: #fef6e4;
    border-left: 5px solid #f4a261;
    padding: 24px 28px 24px 68px;
    margin: 40px 0;
    border-radius: 0;
    position: relative;
    clear: both;
}

.note-point::before {
    content: "i";
    position: absolute;
    left: 18px;
    top: 24px;
    width: 36px;
    height: 36px;
    background: #f4a261;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-family: Georgia, serif;
}

.note-point strong {
    display: block;
    color: #d97838;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.note-point br {
    display: block;
    content: "";
    margin-bottom: 8px;
}

/* Blue timeline block */
.note-point-1 {
    background: #e8f4f8;
    border-left: 5px solid #2196F3;
    padding: 24px 28px 24px 68px;
    margin: 40px 0;
    border-radius: 0;
    position: relative;
    clear: both;
}

.note-point-1::before {
    content: "📅";
    position: absolute;
    left: 18px;
    top: 24px;
    width: 36px;
    height: 36px;
    background: #2196F3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.note-point-1 strong {
    display: block;
    color: #1976D2;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
}

.note-point-1 br {
    display: block;
    content: "";
    margin-bottom: 8px;
}

/* Styled quotes */
.styled-quote {
    border: 3px dotted #c94234;
    padding: 32px 36px;
    margin: 40px 0;
    background: #fafafa;
    position: relative;
    font-style: italic;
    color: #2a2a2a;
    line-height: 1.9;
    clear: both;
    border-radius: 8px;
}

.styled-quote::before {
    content: """;
    position: absolute;
    left: 12px;
    top: 8px;
    font-size: 72px;
    color: #c94234;
    font-family: Georgia, serif;
    line-height: 1;
    font-weight: 700;
    pointer-events: none;
}

.styled-quote::after {
    content: """;
    position: absolute;
    right: 12px;
    bottom: -8px;
    font-size: 72px;
    color: #c94234;
    font-family: Georgia, serif;
    line-height: 1;
    font-weight: 700;
    pointer-events: none;
}

.styled-quote em {
    font-style: italic;
    color: #2a2a2a;
    font-size: 21px;
    font-weight: 500;
}

/* Dark notification block */
.notify-block {
    margin: 50px 0 !important;
    clear: both;
    width: 100% !important;
    max-width: 100% !important;
}

.notify-block table {
    background: #3d5467 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    display: block !important;
}

.notify-block table tbody,
.notify-block table tr {
    display: block !important;
    width: 100% !important;
}

.notify-block table td {
    color: #ffffff !important;
    text-align: center !important;
    padding: 42px 32px !important;
    font-size: 19px !important;
    line-height: 1.75 !important;
    background: #3d5467 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.notify-block table td strong {
    display: block !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
}

.notify-block table td br {
    display: block;
    content: "";
    margin-bottom: 8px;
}

.entry-content .notify-block table,
.content-wrap .notify-block table,
.wp-block-table.notify-block table {
    background-color: #3d5467 !important;
}

.entry-content .notify-block table td,
.content-wrap .notify-block table td,
.wp-block-table.notify-block table td {
    color: #ffffff !important;
    background-color: #3d5467 !important;
}

.entry-content .notify-block table td strong,
.content-wrap .notify-block table td strong,
.wp-block-table.notify-block table td strong {
    color: #ffffff !important;
}

/* Restaurant blocks */
.styled-overview {
    background: #f8f9fa;
    border: 2px solid #c94234;
    border-radius: 12px;
    padding: 0;
    margin: 40px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    clear: both;
    overflow: hidden;
}

.styled-overview .wp-block-group__inner-container {
    padding: 28px 36px 36px 36px;
}

.styled-overview h3 {
    color: #c94234;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 20px 0 !important;
    padding-bottom: 16px;
    border-bottom: 3px dotted #c94234;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child {
    background: white;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 2px dotted #e0e0e0;
}

.styled-overview p strong {
    display: inline-block;
    color: #c94234;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 32px;
    margin-right: 6px;
}

.styled-overview p strong::after {
    content: " ";
    display: inline;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child strong:first-of-type::before {
    content: "📍";
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 0;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child br + strong::before {
    content: "💰";
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 0;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child br + strong + br + strong::before,
.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child strong:last-of-type::before {
    content: "🕐";
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 0;
}

.styled-overview .wp-block-columns:first-of-type p {
    line-height: 2.2;
    margin-bottom: 12px;
}

.styled-overview .wp-block-columns:first-of-type p:last-child {
    margin-bottom: 0;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:not(:first-child) {
    background: transparent;
    padding: 0;
    border: none;
    margin-top: 20px;
    color: #2a2a2a;
    line-height: 1.7;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:not(:first-child) strong {
    padding-left: 0;
    margin-right: 0;
}

.styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:not(:first-child) strong::before {
    content: none;
}

.styled-overview .wp-block-columns {
    margin-top: 0;
    gap: 32px;
    align-items: center;
}

.styled-overview img {
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
    width: 100%;
    height: auto;
}

.styled-overview img:hover {
    transform: scale(1.03);
}

/* H2 headings */
.entry-content h2 {
    color: #2a2a2a;
    font-size: 32px;
    font-weight: 700;
    margin: 30px 0 26px !important;
    padding: 0;
    border: none;
    clear: both;
    line-height: 1.3;
    letter-spacing: -0.5px;
    position: relative;
}

.entry-content h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #c94234;
    margin-top: 12px;
}

.entry-content h2::first-letter {
    color: #c94234;
    font-size: 1.2em;
}

/* Paragraphs */
.entry-content p {
    color: #2a2a2a;
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.entry-content p strong:not(.styled-overview p strong) {
    color: #c94234;
    font-weight: 600;
}

.wp-block-table {
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
}

.wp-block-table table {
    margin: 0;
    border-collapse: collapse;
}

.entry-content > .wp-block-image:first-of-type {
    margin-bottom: 48px;
}

/* Burger menu alignment fix */
.mobile-header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-header #sideMenuOpener {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 12px;
}

.mobile-header #sideMenuOpener .ham-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Responsive design */
@media (max-width: 1024px) {
    .styled-overview .wp-block-columns {
        flex-direction: column;
    }
    
    .styled-overview .wp-block-column {
        flex-basis: 100% !important;
    }
}

@media (max-width: 768px) {
  .page-grid {
  margin-top: 12px !important;
  margin-bottom: 30px !important;
}
    .entry-content > .wp-block-image:first-of-type {
        margin-bottom: 40px;
    }
    
    .styled-overview .wp-block-group__inner-container {
        padding: 24px 20px 28px 20px;
    }
    
    .styled-overview h3 {
        font-size: 22px;
        margin-bottom: 16px !important;
        padding-bottom: 12px;
    }
    
    .styled-overview p strong {
        font-size: 12px;
        padding-left: 26px;
        letter-spacing: 0.3px;
    }
    
    .styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child {
        padding: 16px;
    }
    
    .note-point,
    .note-point-1 {
        padding: 20px 16px 20px 60px;
        margin: 32px 0;
    }
    
    .note-point::before,
    .note-point-1::before {
        left: 12px;
        top: 20px;
        width: 32px;
        height: 32px;
    }
    
    .note-point strong {
        font-size: 12px;
    }
    
    .styled-quote {
        padding: 28px 24px;
        margin: 36px 0;
        border-width: 2px;
    }
    
    .styled-quote::before {
        font-size: 56px;
        left: 8px;
        top: 6px;
    }
    
    .styled-quote::after {
        font-size: 56px;
        right: 8px;
        bottom: -6px;
    }
    
    .styled-quote em {
        font-size: 17px;
    }
    
    .red-box table td {
        padding: 20px 16px !important;
        font-size: 11px !important;
    }
    
    .red-box table td strong {
        font-size: 22px !important;
    }
    
    .notify-block table td {
        padding: 32px 20px !important;
        font-size: 15px !important;
    }
    
    .notify-block table td strong {
        font-size: 22px !important;
        margin-bottom: 12px !important;
    }
    
    .entry-content:not(.elementor-page) h1 {
        font-size: 34px !important;
        margin: 18px 0 26px 0 !important;
    }
    
    .entry-content h2 {
        font-size: 32px !important;
        margin: 36px 0 18px !important;
    }
    
    .entry-content h2::first-letter {
        font-size: 1.15em;
    }
    
    .entry-content p {
        font-size: 17px;
        line-height: 1.75;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .entry-content > .wp-block-image:first-of-type {
        margin-bottom: 36px;
    }
    
    .styled-overview {
        border-radius: 8px;
        margin: 32px 0;
    }
    
    .styled-overview .wp-block-group__inner-container {
        padding: 20px 16px 24px 16px;
    }
    
    .styled-overview h3 {
        font-size: 20px;
    }
    
    .styled-overview p strong {
        font-size: 11px;
        padding-left: 24px;
    }
    
    .styled-overview .wp-block-columns:first-of-type .wp-block-column:first-child p:first-child {
        padding: 14px;
    }
    
    .styled-overview .wp-block-columns:first-of-type p {
        line-height: 2;
    }
    
    .note-point,
    .note-point-1 {
        padding: 16px 14px 16px 54px;
        margin: 28px 0;
    }
    
    .note-point::before,
    .note-point-1::before {
        width: 30px;
        height: 30px;
        font-size: 14px;
        left: 10px;
        top: 16px;
    }
    
    .note-point strong {
        font-size: 11px;
        margin-bottom: 10px;
    }
    
    .styled-quote {
        padding: 24px 20px;
        margin: 32px 0;
        border-width: 2px;
    }
    
    .styled-quote::before {
        font-size: 48px;
        left: 6px;
        top: 4px;
    }
    
    .styled-quote::after {
        font-size: 48px;
        right: 6px;
        bottom: -4px;
    }
    
    .styled-quote em {
        font-size: 16px;
        line-height: 1.75;
    }
    
    .red-box {
        margin: 32px 0 !important;
    }
    
    .red-box table td {
        padding: 18px 14px !important;
        font-size: 10px !important;
    }
    
    .red-box table td strong {
        font-size: 20px !important;
        margin-top: 8px !important;
    }
    
    .notify-block {
        margin: 40px 0 !important;
    }
    
    .notify-block table td {
        padding: 28px 16px !important;
        font-size: 14px !important;
    }
    
    .notify-block table td strong {
        font-size: 20px !important;
    }
    
    .entry-content:not(.elementor-page) h1 {
        font-size: 28px !important;
        margin: 16px 0 22px 0 !important;
        line-height: 110%;
    }
    
    .entry-content h2 {
        font-size: 25px !important;
        margin: 32px 0 16px !important;
        letter-spacing: -0.3px;
    }
    
    .entry-content h2::first-letter {
        font-size: 1.1em;
    }
    
    .entry-content p {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 18px;
    }
}

/* Fix spacing issues */
.entry-content > * + * {
    margin-top: 0;
}

.entry-content > p + .note-point,
.entry-content > p + .note-point-1,
.entry-content > p + .styled-quote,
.entry-content > p + .notify-block,
.entry-content > p + .styled-overview,
.entry-content > p + .red-box {
    margin-top: 40px;
}

.entry-content > .note-point + p,
.entry-content > .note-point-1 + p,
.entry-content > .styled-quote + p,
.entry-content > .notify-block + p,
.entry-content > .styled-overview + p,
.entry-content > .red-box + p {
    margin-top: 32px;
}

.entry-content > h2 + .styled-overview {
    margin-top: 32px;
}

.entry-content > h2 + p,
.entry-content > h2 + .note-point,
.entry-content > h2 + .red-box {
    margin-top: 26px;
}

@media screen and (min-width: 1199px) {
  .page-grid {
    margin-top: 20px !important;
  }
}

.entry-content:not(.elementor-page) h1 {
  margin: 20px 0 30px 0;
  font-size: 42px ;
  line-height: 100%;
}

.entry-content:not(.elementor-page) h2 {
  font-size: 38px;
}

@media screen and (min-width: 669px) {
  .site-footer .footer-bottom .footer-bottom__wrapper {
    padding: 30px 0 !important;
  }
}

.site-footer .footer-bottom {
  font-size: 18px !important;
}

.page-grid .site-main .page .content-wrap .entry-content .wp-block-table table {
  min-width: 320px !important;
}