/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.absolute-footer, #comments{ display:none !important;}
.widget-area .wpforms-container .wpforms-field {padding: 8px 0;position: relative;}
.widget-area{padding: 25px 25px 5px;background: #eee;border-radius: 6px;}
.header-nav.header-nav-main{justify-content: center;}
/* .sidebar-menu .toggle{position: absolute;right: 0;top: .5em;}
.sidebar-menu .active .toggle{top: .4em;}
.off-canvas:not(.off-canvas-center) .nav-vertical li > a{padding-left: 0 !important;font-size: 14px;justify-content: center;} */
@media (max-width: 849px) {
	.header-block > *{width: 100%;}
	.about-banner,.about-banner .img-inner{padding-top: 80% !important;}
	.col:has(.about-banner){padding-bottom: 0;}
}

/* SUDICO GLOBAL DESIGN SYSTEM */
:root {
  --sd-color-primary: #3fa34d;
  --sd-color-primary-dark: #287b39;
  --sd-color-deep: #13241b;
  --sd-color-deep-alt: #183f27;
  --sd-color-heading: #132019;
  --sd-color-text: #526159;
  --sd-color-muted: #6c7771;
  --sd-color-border: #d8e2da;
  --sd-color-surface: #ffffff;
  --sd-color-surface-alt: #edf4ed;
  --sd-color-star: #F5A623;
  --sd-radius-small: 6px;
  --sd-radius-medium: 10px;
  --sd-radius-pill: 999px;
  --sd-shadow-medium: 0 18px 44px rgba(19, 32, 25, .10);
  --sd-space-xs: 8px;
  --sd-space-sm: 14px;
  --sd-space-md: 24px;
  --sd-space-lg: 40px;
}
.pt-60{padding-top: 60px !important;}
.pb-60{padding-bottom: 60px !important;}
.pt-80{padding-top: 80px !important;}
.h1, .h2, h1, h2, .h3, h3, .h4, h4 {
    line-height: 1.2;
}
.h1, h1{font-size: 58px;}
.h2, h2 {font-size: 2.4em;}
.main-cta{border-radius: var(--sd-radius-small); padding: 6px 30px; font-size: 13px;}
.main-cta.is-outline{border-color: var(--sd-color-border); color: var(--sd-color-heading);}
.sd-card > .col-inner {
  height: 100%;
  background: var(--sd-color-surface);
  border: 1px solid var(--sd-color-border);
  border-radius: var(--sd-radius-medium);
  padding: var(--sd-space-md);
}

.sd-card--shadow > .col-inner { box-shadow: var(--sd-shadow-medium); }
.sd-section-heading { max-width: 720px; margin-bottom: var(--sd-space-md); }
.sd-section-heading--center { margin-left: auto; margin-right: auto; text-align: center; }
.sd-eyebrow,
.sd-section-heading > p:first-child,
.sd-card-kicker { color: var(--sd-color-primary-dark); letter-spacing: .05em; text-transform: uppercase; font-weight: 600; font-size: 14px; margin-bottom: 10px;}
.sd-button-group { margin-top: var(--sd-space-md); }
.sd-button-group .button { margin-bottom: 0; }
.sd-list-check ul { margin-left: 0; list-style: none; }
.sd-list-check li { padding-left: 24px; position: relative; }
.sd-list-check li::before { content: "\2713"; position: absolute; left: 0; color: var(--sd-color-primary); }
.sd-image-cover img { width: 100%; height: 100%; object-fit: cover; }
.sd-image-landscape .img-inner { aspect-ratio: 4 / 3; border-radius: var(--sd-radius-medium); overflow: hidden; }
.sd-image-band .img-inner { aspect-ratio: 6 / 1; overflow: hidden; }
.sd-image-band img { object-position: center; }
.sd-process-card,
.sd-size-card,
.sd-audience-card,
.sd-review-card,
.sd-guide-card { height: 100%; }
.sd-review-card .ux-text > p:first-child { color: var(--sd-color-star); letter-spacing: 2px; }
.sd-faq .accordion-item { border-bottom: 1px solid var(--sd-color-border); }
.sd-faq .accordion-title { border: 0; color: var(--sd-color-heading); padding-left: 0; font-weight: 600;}
.sd-faq .accordion-title.active{background-color: rgba(0, 0, 0, .0);}
.sd-faq .accordion-item .accordion-inner{padding-left: 0;}
.sd-faq .toggle { left: auto; right: 0; color: var(--sd-color-primary); }
.sd-cta-panel { background: var(--sd-color-deep); color: var(--sd-color-surface-alt); }
.sd-cta-panel h2 { color: var(--sd-color-surface); }
.sd-footer { background: var(--sd-color-deep-alt); color: #b9cabf; }
.sd-footer h3,
.sd-footer strong { color: var(--sd-color-surface); }
.sd-footer a { color: #b9cabf; }
.sd-footer a:hover { color: #60c76d; }
.sd-footer ul li{ list-style: none; margin-left: 0; }
.sd-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding-top: var(--sd-space-md); }

@media (max-width: 767px) {
  .sd-card > .col-inner { padding: 20px; }
  .sd-image-band .img-inner { aspect-ratio: 2 / 1; }
  .sd-section-heading { margin-bottom: var(--sd-space-md); }
}

/* SUDICO HOMEPAGE */
.sd-home-hero { background: linear-gradient(90deg, #f1f7f1 0%, #e8f0e9 100%); }
.sd-home-hero h1 em,
.sd-cta-panel h2 em { color: var(--sd-color-primary-dark); font-style: normal; }
.sd-home-hero .sd-lead { max-width: 580px; }
.sd-home-hero .sd-trust-row { margin-top: 28px; }
.sd-home-hero .sd-trust-row p { margin-bottom: 0; font-size: 14px;}
.sd-home-hero .sd-trust-row small{color: #3d3d3d;}
.sd-home-hero .sd-stars, .sd-stars span{ color: var(--sd-color-star); letter-spacing: 1px; }
/* .header-main .header-inner { max-width: calc(100% - 32px); } */
.sd-quote-card > .col-inner { border-top: 5px solid var(--sd-color-primary); padding: 0; overflow: hidden; }
@media (min-width: 768px) {
  .sd-home-hero .sd-quote-card { flex-basis: 45%; max-width: 45%; margin-left: 5%; }
}
.sd-quote-head { padding: 24px 26px 14px; border-bottom: 1px solid var(--sd-color-border); }
.sd-quote-head h3,
.sd-quote-head p { margin-bottom: 4px; }
.sd-quote-body { padding: 18px 26px 24px; }
.sd-quote-note { text-align: center; color: var(--sd-color-muted); margin-top: 12px; }
.sd-form .wpforms-container { margin: 0; }
.sd-form .wpforms-field { padding: 7px 0; }
.sd-form input,
.sd-form select { border-color: var(--sd-color-border) !important; border-radius: var(--sd-radius-small) !important; box-shadow: none; }
.sd-form .wpforms-submit-container button[type=submit] { width: 100%; background-color: var(--sd-color-primary) !important; border-color: var(--sd-color-primary) !important; border-radius: var(--sd-radius-small); color: #fff !important; padding: 6px 30px; font-size: 13px; text-transform: uppercase; font-weight: bolder; letter-spacing: .03em;}
.sd-form .wpforms-submit-container button[type=submit]:hover { background-color: var(--sd-color-primary-dark) !important; border-color: var(--sd-color-primary-dark) !important;}
/* .sd-home-hero .button { min-width: 135px; white-space: nowrap; } */
.sd-home-hero .sd-button-group { justify-content: flex-start; }
/* .sd-home-hero .is-outline { min-width: 210px; } */
.header-main .header-search { display: none; }
.sd-stat-strip { background: var(--sd-color-deep); color: #b8c9be; padding-block: 18px 0 !important;}
.sd-stat-strip h3 { color: var(--sd-color-surface); margin-bottom: 2px; }
.sd-stat-strip h3 span { color: #62c96e; }
.sd-intro-image .img-inner { aspect-ratio: 1.42 / 1; }
.sd-service-card--featured > .col-inner { background: var(--sd-color-deep-alt); border-color: var(--sd-color-deep-alt); color: #bcd0c1; }
.sd-service-card--featured h3 { color: var(--sd-color-surface); }
.sd-service-card .ux-text { min-height: 205px; }
.sd-service-card .ux-text p:last-child { margin-top: 18px; margin-bottom: 0; }
.sd-service-card .icon{background: #e9f1eac9; padding: 5px; border-radius: 6px;}
.sd-materials ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 15px 0 25px; padding: 0;}
.sd-materials li { background: var(--sd-color-surface); border: 1px solid var(--sd-color-border); border-radius: var(--sd-radius-pill); padding: 8px 15px; color: var(--sd-color-heading); margin: 0 !important;}
.sd-process-card > .col-inner { padding: 0 20px; }
.sd-process-card .icon-inner{ display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid var(--sd-color-border); border-radius: var(--sd-radius-medium); background: var(--sd-color-surface); color: var(--sd-color-primary-dark); margin-bottom: 18px; padding: 8px;}
.sd-process-card .icon-inner{padding-top: 0;}
/* .sd-process-number p { margin-bottom: 0; } */
.sd-size-card > .col-inner { text-align: center; }
.sd-size-card h3 { color: var(--sd-color-primary-dark); margin-bottom: 6px; }
.sd-size-card .ux-text p { margin-bottom: 5px; }
.sd-size-card .ux-text::before { content: "\25B0"; display: block; color: var(--sd-color-primary); transform: rotate(10deg); margin-bottom: 10px; }
.sd-audience-card > .col-inner { padding: 38px 40px; }
.sd-home-areas { background: var(--sd-color-deep-alt); color: #b8c9be; }
.sd-home-areas h2 { color: var(--sd-color-surface); }
.sd-area-grid ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; list-style: none; margin: 0; padding: 0; }
.sd-area-grid ul li{margin: 0;}
.sd-area-grid ul li { display: block; border-radius: var(--sd-radius-medium); background: rgba(255,255,255,.06); color: var(--sd-color-surface); padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .01);}
.sd-area-grid ul li:hover{border-color: #5cc868; color: #5cc868;}
.sd-area-grid ul li::before { content: ""; display: inline-block; width: 11px; height: 11px; margin-right: 12px; border-radius: 50%; background: #5cc868; }
.sd-area-grid li:last-child a { color: #5cc868; }
.sd-feature-item { padding: 0 18px 22px 0; }
.sd-feature-item::before { content: ""; display: block; width: 40px; height: 4px; border-radius: 4px; background: var(--sd-color-primary); margin-bottom: 18px; }
.sd-review-card > .col-inner { padding: 34px; }
.sd-guide-card > .col-inner { min-height: 154px; padding: 28px; }
.sd-guide-card h3 { margin-bottom: 0; }
.sd-tag { position: absolute; top: 20px; right: 20px; background:var(--sd-color-primary); color: var(--sd-color-deep); font-weight: 600; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; padding: 4px 10px; border-radius: 20px;}
@media (max-width: 1023px) {
  .sd-area-grid ul { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.h1, h1{font-size: 32px;}
	.h2, h2 {font-size: 2em;}
	h3 {font-size: 1.4em;}
	.pb-60 {padding-bottom: 20px !important;}
	.pt-80 {padding-top: 50px !important;}
  .sd-home-hero .sd-trust-row { margin-top: 18px; }
  .sd-quote-head,
  .sd-quote-body { padding-left: 20px; padding-right: 20px; }
  .sd-stat-strip .col { margin-bottom: 16px; }
  .sd-service-card .ux-text { min-height: 0; }
  .sd-audience-card > .col-inner { padding: 24px 22px; }
  .sd-area-grid ul { grid-template-columns: 1fr; }
  .sd-area-grid a { padding: 14px 16px; }
	.sd-process-card > .col-inner {padding: 0;}
}

/* SUDICO BIN RENTAL SERVICE PAGE */

.sd-bin-breadcrumb {
  color: var(--sd-color-muted);
  margin-bottom: 18px;
}

.sd-bin-breadcrumb p {
  margin-bottom: 0;
}

.sd-bin-breadcrumb a {
  color: var(--sd-color-primary-dark);
}

.sd-bin-service-hero .main-cta {
  white-space: nowrap;
}

/* .sd-bin-service-hero h1 {
  font-size: 3.6em;
} */

.sd-bin-material-card > .col-inner {
  padding: 34px;
}

.sd-bin-list-cross ul {
  margin-left: 0;
  list-style: none;
}

.sd-bin-list-cross li {
  padding-left: 24px;
  position: relative;
}

.sd-bin-list-cross li::before {
  color: #b9473f;
  content: "\00D7";
  left: 0;
  position: absolute;
}

.sd-bin-material-note {
  border-top: 1px solid var(--sd-color-border);
  margin-top: 20px;
  padding-top: 16px;
}

.sd-bin-service-section .sd-size-card small {
  color: var(--sd-color-primary-dark);
}

@media (max-width: 767px) {

  .sd-bin-material-card > .col-inner {
    padding: 24px 22px;
  }
}

/* Single Post */

article .single-page .section{
	padding: 0 !important;
}
article .single-page .section .col{
	padding-top: 0 !important;
}
.entry-content p a {
    color: #e4ad0c;
}
.custom-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Card */
.custom-blog-grid > div,
.custom-blog-grid .small-post,
.blog-grid-left {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.custom-blog-grid a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

/* Image */
.blog-grid-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* Content */
.blog-grid-content {
    padding: 16px;
}

.blog-grid-content h3 {
    font-size: 18px !important;
    margin-bottom: 10px;
    line-height: 1.3;
    margin-top: 10px;
}

.blog-grid-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

/* Hover */
.custom-blog-grid > div:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Responsive */
@media (max-width: 1024px) {
    .custom-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .custom-blog-grid {
        grid-template-columns: 1fr;
    }
	.fav-icon h2::after{
		right: -90px;
	}
}