/* estausa theme additions: layout that Avada used to do with JavaScript (Swiper, Isotope). */

/* related posts: static row instead of the Swiper carousel.
   Measured from Avada at 390-1440px: card width = min((row - 20px) / 2, 376.667px), 20px gap, left-aligned. */
.estausa-static-carousel .swiper-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	height: auto;
	transform: none;
}
.estausa-static-carousel .swiper-slide {
	flex: 0 0 auto;
	width: min(calc((100% - 20px) / 2), 376.667px);
	max-width: 376.667px;
	margin: 0;
}

/* search results: masonry like Avada/Isotope - columns come from the extracted CSS, positions from assets/js/site.js */
.estausa-grid { position: relative; }

/* Avada's default page padding (Theme Options > Layout): 60px above the content, 0 below.
   Pages that used other values get an override in their own element CSS (_estausa_css). */
:root {
	--main_padding-top: 60px;
	--main_padding-top-or-55px: 60px;
	--main_padding-bottom: 0px;
}

/* Shortcodes Ultimate printed this on every page (list styling used by the converted [su_list] blocks) */
.su-list ul li{
	    padding: 0px 0 1em 2em!important;
    list-style-type: none!important;
    line-height: 1.6 !important;
}

/* Featured images sit in Avada's FlexSlider markup, whose CSS hides slides until the slider script runs.
   There is no slider any more (always one image), so show the slide directly. */
.fusion-flexslider .slides > li,
.flexslider .slides > li {
	display: block !important;
}
