/* Jason Taylor Moving & Storage — child overrides */

/* Quote form card: #ebebeb card (the parent default uses the action color,
   which is the hero red on this brand). Fields stay default. */
.quote-form-card{background:#ebebeb;box-shadow:0 14px 40px rgba(0,0,0,.18)}
.widget.gform_widget{background:#ebebeb}

/* No author box on blog posts for this brand. */
.author-box{display:none}

/* Service PARENT pages sit on light gray (per the XD service template);
   .sm-sub-services only renders on parents, so it doubles as the marker.
   Its own band goes transparent so the gray runs banner to footer. */
body.single-service:has(.sm-sub-services){background-color:#f0f0f0}
.sm-sub-services{background-color:transparent}

/* Header is white on this brand (parent default is the cream color). */
.site-header{background-color:#fff}

/* JT logo is tall (truck over wordmark), so rein in the parent's logo width. */
.site-header .title-area a>div{max-width:120px}
@media (min-width:1024px){.site-header .title-area a>div{max-width:150px}}

/* Section kickers are brand red; titles are black (parent renders both
   with text-primary/grays, which reads differently on this palette). */
.pre-title.text-gray-700,.pre-title.text-gray-900{color:var(--color-primary)}
h2.text-primary,.prose h2{color:#000}

/* FAQ bars are dark charcoal per the design (parent uses bg-primary). */
.sm-faqs .faq-item{background-color:#2E2A27}

/* Dark callout band (add "callout-dark" in Additional CSS classes):
   flips the callout text light for a dark co_bg_color. */
.callout-dark h2,.callout-dark .font-serif,.callout-dark .prose{color:#fff}

/* Reviews section sits on light gray with the brand texture, not the
   action color; gold stars. Painted via the sm_texture_light span system
   (same as .sm-faqs) so the newsletter band's surround continues it —
   leave sm_reviews_bg_image EMPTY or its inline style breaks the span. */
.reviews-masonry{background-color:#f4f4f4;background-image:var(--sm-texture-light,none);background-position:left top;background-repeat:no-repeat;background-size:100% var(--sm-tex-h,100%)}
.reviews-masonry__card .text-action{color:#FBBC04}

/* Blog slider band is light gray on this brand (cards stay brand red). */
.sm-blog-slider{background-color:#f4f4f4}

/* Service card titles are black in the JT design (parent uses text-primary). */
.sm-services-slider .text-primary.font-serif{color:#000}

/* Locations/map section: the parent's built-in band is white over cream;
   on this brand the lower band is #2E2A27. */
.sm-locations-map{background:linear-gradient(to bottom,#fff 0,#fff var(--sm-loc-band,55%),#2E2A27 var(--sm-loc-band,55%),#2E2A27 100%)}

/* About checkmark chips: white label text on the red chip; hover panel is
   #2E2A27; brand checkmark art instead of the parent's CSS circle+check. */
.sm-about-video .bg-action .text-gray-1000{color:#fff}
.sm-about-video .grid .bg-primary{background-color:#2E2A27}
.sm-check{background:url('img/sm-check.png') center/contain no-repeat;border-radius:0;height:2.125rem;width:2.125rem}
.sm-check::after{display:none}

/* FAQs + newsletter overlap: the PARENT system handles both (gray-200 +
   the sm_texture_light setting, JS-spanned across FAQs and the band, with
   the band's negative margin overlapping the footer) — the swoosh comes
   from Theme Settings (sm_texture_light = the jt-faq-background image),
   NOT from CSS here. Do not paint .sm-faqs or .newsletter-band directly:
   that covers the ::before strip and kills the footer overlap. */

/* Newsletter band: red card with white text and dark submit everywhere.
   The parent's --on-reviews variant paints the surround orange + cream
   card; on this brand the surround continues the gray reviews band and
   the card stays red. */
.newsletter-band__card{background-color:var(--color-action)}
.newsletter-band--on-reviews::before{background-color:#f4f4f4;background-image:var(--sm-texture-light,none);background-position:left var(--sm-tex-y,0);background-repeat:no-repeat;background-size:100% var(--sm-tex-h,100%)}
.newsletter-band--on-reviews .newsletter-band__card{background:var(--color-action)}
.newsletter-band__card .pre-title,.newsletter-band__card h2{color:#fff}
.newsletter-band__card input[type=submit],.newsletter-band__card button[type=submit],.newsletter-band__card .gform_button,.newsletter-band__card .btn{background-color:#2E2A27;border-color:#2E2A27;color:#fff}

/* Rubik renders fi/fl ligatures cramped at display sizes ("Simplifies") —
   turn ligatures off across the brand font. */
body{font-variant-ligatures:none}

/* Sidebar quote widget is narrow: every field goes one per line. GF's
   theme puts half-width fields in grid columns, and the parent's
   quote-card CSS (which loads after this file, so .sidebar carries the
   specificity) lays the three date selects out as a flex row. */
.sidebar .widget.gform_widget .gfield,.sidebar .widget.gform_widget .gfield.gfield--width-half{grid-column:1/-1}
.sidebar .widget.gform_widget .ginput_complex.gform-grid-row,
.sidebar .widget.gform_widget .gfield--input-type-datedropdown .gform-grid-row{display:block}
.sidebar .widget.gform_widget .ginput_complex .gform-grid-col{display:block;width:100%;max-width:100%;padding:0;margin:.5rem 0 0}
.sidebar .widget.gform_widget .ginput_complex .gform-grid-col:first-child{margin-top:0}