/* 
Theme Name: Hamilton Livestock Commission
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hamilton Livestock Commission is a custom theme for Hamilton Livestock Commission
Author: North Texas Creative
Author URI: https://northtexascreative.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hamilton-livestock-commission
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* Add your custom styles here */

/*
 * Hello Elementor reset.css sets body to the system UI stack (Segoe UI on Windows).
 * Force the site default to Source Sans 3 so anything inheriting from html/body matches.
 */
html,
body {
	font-family: var(--font-body, "Source Sans 3"), sans-serif;
}

/*
 * Loop Carousel FOUC fix: Elementor Pro targets .swiper--slide (typo) before init,
 * so the first slide renders full-width until Swiper JS loads.
 */
.elementor-widget-loop-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--swiper-slides-gap, 10px);
	overflow: hidden;
}

.elementor-widget-loop-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
	--number-of-gaps: max(calc(var(--swiper-slides-to-display, 3) - 1), 0);
	--gaps-width-total: calc(var(--number-of-gaps) * var(--swiper-slides-gap, 10px));
	flex: 0 0 calc((100% - var(--gaps-width-total)) / var(--swiper-slides-to-display, 1));
	max-width: calc((100% - var(--gaps-width-total)) / var(--swiper-slides-to-display, 1));
	min-width: 0;
}

/* Equal-height cards in the homepage MEC events carousel */
.elementor-element-e5f95e7 .mec-owl-carousel .owl-stage {
	display: flex;
	align-items: stretch;
}

.elementor-element-e5f95e7 .mec-owl-carousel .owl-item {
	display: flex;
	float: none;
	height: auto;
}

.elementor-element-e5f95e7 .mec-owl-carousel .mec-event-article,
.elementor-element-e5f95e7 .mec-owl-carousel .event-carousel-type1-head {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.elementor-element-e5f95e7 .mec-owl-carousel .event-carousel-type1-head {
	background-color: #FAF7EF;
	overflow: hidden;
	border-radius: var(--mec-primary-border-radius, 12px);
}

.elementor-element-e5f95e7 .mec-owl-carousel .mec-event-carousel-content {
	flex: 1 1 auto;
	background-color: #FAF7EF;
}

.elementor-element-e5f95e7 .mec-owl-carousel .mec-event-image {
	aspect-ratio: 4 / 3;
	height: auto;
	min-height: 0;
	overflow: hidden;
}

.elementor-element-e5f95e7 .mec-owl-carousel .mec-event-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* MEC view switcher: the selected tab is crimson, and a11y.css forces the label to black. */
.elementor-element-8662047 .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,
.elementor-element-8662047 .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:hover,
.elementor-element-8662047 .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:focus,
.elementor-element-8662047 .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected:focus-visible {
	color: #fff;
}