/*
Theme Name: The Landscaper Child (WWII Rangers)
Template: the-landscaper
Description: Child theme for wwiirangers.org: ports the 1.4.8.1 ACF fields and chrome so the site matches the pre-upgrade look. Source lives in the wwiirangers-migration repo (child-theme/).
Version: 1.0.0
Text Domain: the-landscaper-child
*/


/* 3.4.7 templates and scripts emit Font Awesome 5 prefixes; the 1.4.8.1 stylesheet bundles
   Font Awesome 4.7, whose base class is .fa. Icon names used by the theme chrome (caret-*,
   angle-*, bars) are the same in both versions. */
.fas, .far, .fab { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Full-width rows converted from SiteOrigin; js/row-stretch.js sets exact values. */
.wwiir-stretch-full { width: auto !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: calc(50vw - 50%) !important; padding-right: calc(50vw - 50%) !important; }

/* Galleries converted from SiteOrigin media-gallery widgets: undo Elementor's image-gallery layout
   (inline-block, full-width items on mobile) so the 1.4.8.1 theme gallery rules apply as before. */
.widget_media_gallery .elementor-image-gallery .gallery .gallery-item { display: block; float: left; margin: 0; max-width: none; text-align: inherit; vertical-align: baseline; }
.widget_media_gallery .elementor-image-gallery .gallery .gallery-item img { display: inline; width: 100%; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-1 .gallery-item { width: 100%; max-width: none; float: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item { width: 50%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item { width: 33.3333%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item { width: 25%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item { width: 20%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item { width: 16.6667%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item { width: 14.2857%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item { width: 12.5%; max-width: none; }
.widget_media_gallery .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item { width: 11.1111%; max-width: none; }
/* A converted gallery with a title sits in a wrapper container (title + gallery). As a flex column,
   Chrome sizes the floated gallery too short on mobile and the next row overlaps it; block layout
   is what SiteOrigin used and gives the old heights (title margin and gallery margin collapse alike). */
.e-con.widget_media_gallery, .e-con.widget_media_gallery > .e-con { display: block !important; }
/* SiteOrigin layout model for converted pages. SiteOrigin cells were block boxes whose widgets were
   spaced by a 30px bottom margin, with a clearfix around each widget (front-flex.css, which is not
   loaded once a page renders through Elementor). Margins of a widget's first paragraph collapse into
   that spacing, its last paragraph's margin stays inside. A flex column with a gap behaves
   differently, so converted cells render as blocks with SiteOrigin's rules (container gap unused). */
.e-con.panel-grid-cell { display: block !important; box-sizing: border-box; }
/* SiteOrigin rows were justify-content: space-between, so leftover sub-pixel width went into the
   gutters (30.032px on a 3-column row, not 30px). Without it a column can land half a pixel off and
   its text renders 1px to the side. The 30px gap stays as the minimum; wrapping grid runs keep theirs. */
.e-con.panel-grid:not(.wwiir-grid-run) { justify-content: space-between; }
/* ...but empty cells stay hidden below 780px, as SiteOrigin did (Elementor's hidden-mobile class). */
@media (max-width: 780px) { .e-con.panel-grid-cell.elementor-hidden-mobile { display: none !important; } }
.e-con.panel-grid-cell > .so-panel { margin-bottom: 30px !important; }
.e-con.panel-grid-cell > .so-panel:last-child { margin-bottom: 0 !important; }
.panel-grid-cell .so-panel::before, .wwiir-grid-run > .so-panel::before { content: ""; display: block; }
.panel-grid-cell .so-panel::after, .wwiir-grid-run > .so-panel::after { content: ""; display: table; clear: both; }
.panel-grid-cell .panel-last-child { margin-bottom: 0; }
.panel-grid-cell .widget-title, .wwiir-grid-run .widget-title { margin-top: 0; }