/* supplement.css — Wayback Fixer restore fixes for soulfoodforestfarms.org */

/* ---------------------------------------------------------------------------
   Font Awesome 5 webfonts (self-hosted via js_composer).
   Home CSS already embeds these @font-face rules; article/blog Autoptimize
   bundles do not — without them, remapped icons render as empty boxes.
--------------------------------------------------------------------------- */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-brands-400.woff2) format('woff2'),
       url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-brands-400.woff) format('woff'),
       url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-brands-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-regular-400.woff2) format('woff2'),
       url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-regular-400.woff) format('woff'),
       url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-regular-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-solid-900.woff2) format('woff2'),
       url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-solid-900.woff) format('woff'),
       url(/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/webfonts/fa-solid-900.ttf) format('truetype');
}

/* The theme's custom "infinitum" icon font was never archived (no Wayback snapshot).
   Its private-use glyphs (\e9xx) would render as empty boxes. Remap visible UI
   icons to the self-hosted Font Awesome 5 files above. */

/* --- Social / search (header) --- */
.inf-icon-facebook:before,
.inf-icon-instagram:before,
.inf-icon-linkedin:before,
.inf-icon-youtube:before,
.inf-icon-twitter:before {
  font-family: 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
}
.inf-icon-magnifier9:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}
.inf-icon-facebook:before  { content: "\f39e" !important; } /* facebook-f */
.inf-icon-instagram:before { content: "\f16d" !important; } /* instagram */
.inf-icon-linkedin:before  { content: "\f0e1" !important; } /* linkedin-in */
.inf-icon-youtube:before   { content: "\f167" !important; } /* youtube */
.inf-icon-twitter:before   { content: "\f099" !important; } /* twitter */
.inf-icon-magnifier9:before{ content: "\f002" !important; } /* search */

/* --- Top-bar welcome / meta icons (were infinitum \e9xx with no font) --- */
#top-bar .top-bar-content .content.welcome:before,
#top-bar .top-bar-content .content.time:before,
#top-bar .top-bar-content .content.phone:before,
#top-bar .top-bar-content .content.address:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  speak: none;
  display: inline-block;
  margin-right: 0.35em;
}
#top-bar .top-bar-content .content.welcome:before { content: "\f0a1" !important; } /* bullhorn */
#top-bar .top-bar-content .content.time:before    { content: "\f017" !important; } /* clock */
#top-bar .top-bar-content .content.phone:before   { content: "\f095" !important; } /* phone */
#top-bar .top-bar-content .content.address:before { content: "\f3c5" !important; } /* map-marker-alt */

/* --- Scroll-to-top --- */
#scroll-top:after {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  content: "\f106" !important; /* angle-up */
}

/* --- Search submit buttons (sidebar / footer / mobile) --- */
#main-nav-mobi .search-form .search-submit:before,
#sidebar .widget.widget_search .search-form .search-submit:before,
#footer-widgets .widget.widget_search .search-form .search-submit:before,
.widget.widget_product_search .woocommerce-product-search .search-submit:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  content: "\f002" !important; /* search */
}

/* --- Breadcrumbs --- */
#featured-title #breadcrumbs .breadcrumb-trail:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  content: "\f015" !important; /* home */
}

/* --- Widget list bullets --- */
.widget.widget_categories ul li a:before,
.widget.widget_meta ul li a:before,
.widget.widget_pages ul li a:before,
.widget.widget_archive ul li a:before,
.widget.widget_nav_menu ul li a:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  content: "\f054" !important; /* chevron-right */
  font-size: 8px !important;
  line-height: 13px !important;
}

/* --- Sticky post pin --- */
.sticky .post-title:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  content: "\f08d" !important; /* thumbtack */
}

/* --- Post meta (author / date / comments / categories) --- */
.hentry .post-meta.style-2 .item.post-by-author .inner:before,
.hentry .post-meta.style-2 .item.post-date .inner:before,
.hentry .post-meta.style-2 .item.post-comment .inner:before,
.hentry .post-meta.style-2 .item.post-meta-categories .inner:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}
.hentry .post-meta.style-2 .item.post-by-author .inner:before       { content: "\f007" !important; } /* user */
.hentry .post-meta.style-2 .item.post-date .inner:before            { content: "\f017" !important; } /* clock */
.hentry .post-meta.style-2 .item.post-comment .inner:before         { content: "\f075" !important; } /* comment */
.hentry .post-meta.style-2 .item.post-meta-categories .inner:before { content: "\f02b" !important; } /* tag */

/* --- Carousel / related-post arrows --- */
.post-media .slick-prev:before,
.post-media .slick-next:before,
.hentry .post-related .slick-prev:before,
.hentry .post-related .slick-next:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}
.post-media .slick-prev:before,
.hentry .post-related .slick-prev:before { content: "\f053" !important; } /* chevron-left */
.post-media .slick-next:before,
.hentry .post-related .slick-next:before { content: "\f054" !important; } /* chevron-right */

/* --- Mobile submenu arrows --- */
#main-nav-mobi .menu-item-has-children .arrow:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  content: "\f107" !important; /* angle-down */
}
#main-nav-mobi .menu-item-has-children .arrow.active:before {
  content: "\f105" !important; /* angle-right */
}

/* --- Desktop dropdown carets --- */
#main-nav>ul>li.menu-item-has-children>a:after,
#main-nav .sub-menu li.menu-item-has-children>a:after,
#top-bar .languages-switcher>.active:after {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}
#main-nav>ul>li.menu-item-has-children>a:after,
#top-bar .languages-switcher>.active:after {
  content: "\f107" !important; /* angle-down */
}
#main-nav .sub-menu li.menu-item-has-children>a:after {
  content: "\f105" !important; /* angle-right */
}

/* --- Revolution Slider arrows (revicons font missing) --- */
.tparrows:before,
.custom.tparrows:before,
.hesperiden.tparrows:before {
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
}
.tp-leftarrow:before { content: "\f053" !important; } /* chevron-left */
.tp-rightarrow:before { content: "\f054" !important; } /* chevron-right */

/* Article typography: theme sets html{font-size:62.5%} (10px root), which shrinks
   the r-template_article scoped rem-typography (.vff62vx) down to ~body size and
   flattens the heading hierarchy. Restore the intended 16px-root scale by
   recomputing the rem values against the actual 10px root (×1.6). */
.vff62vx h1 { font-size: 2.891rem; }
.vff62vx h2 { font-size: 2.419rem; }
.vff62vx h3 { font-size: 1.874rem; }
.vff62vx h4 { font-size: 1.690rem; }