/* Styles */

:root {
	--primary: #EFA326;
	--accent: #D18811;
	--primary-dark: #5F4213;
	--primary-mid-dark: #926214;
	--primary-light: #FFDFA9;
	--if4-dark: #092029;
	--if4-blue: #3FB8EA;
	
	--text: #202020;
	--warm-bg: #ECE6DC;
	
	--heading-font:  "azo-sans-web", Sans-serif;
	--body-font: early-sans-variable, sans-serif;
}

/* ====================
* Accessibility
==================== */

:focus-visible {
    outline: 3px solid #005fcc;  
    outline-offset: 2px;
}

/* core interactive elements */

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}

/* elementor / theme-specific classes  */

.elementor-button:focus-visible,
.btn:focus-visible,
.button:focus-visible,
.pagination a:focus-visible,
.pagination button:focus-visible,
.menu a:focus-visible,
.nav a:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}

/* Container doesn't need to be hidden — only the links */

.skip-links {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* Skip link accessible but visually hidden */

.skip-link {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
}

/* When focused: show visibly */

.skip-link:focus,
.skip-link:focus-visible  {
  position: static;
  width: auto;
  height: auto;
  padding: .75rem 1rem;
  background: var(--focus-color);
  color: #fff;
  outline: 3px solid #fff;
  outline-offset: 0;
  z-index: 10000;
}

.sr-only-newtab {
  /* Visually hides the element but keeps it accessible to screen readers */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ====================
* General
==================== */

* {
  transition: all .3s ease-in-out;
}

/* ====================
* Typography
==================== */

a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
}
a:hover {
  text-decoration: none;
}

p:last-child {
  margin-bottom: 0;
}

.card .ff-feed-card__title {
    font-family: var(--heading-font);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.325em;
}
.card.ff-feed-card--large .ff-feed-card__title {
	 font-family: var(--heading-font);
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.325em;
}
/* ====================
* Elementor
==================== */
.elementor-location-header.scrolled {
	box-shadow: 0 6px 15px 0 rgba(0,0,0,0.1);
}
.elementor-location-header .main-nav--container .main-nav--logo img,
.elementor-location-header .main-nav--container {
	transition: all 0.4s;
}

.elementor-location-header.scrolled .main-nav--container > div  {
	padding: 0!important;
}
.elementor-location-header.scrolled .main-nav--container .main-nav--logo img {
	height: 50px!important;
	width: auto!important;
}
/* Parent container */

.e-parent {
  --padding-top: 10px;
  --padding-bottom: 10px;
  --padding-left: 20px;
  --padding-right: 20px;
}

.elementor-button .elementor-button-icon {
	transition: all 0.5s;
}
.elementor-button:hover .elementor-button-icon {
	transform: translateX(5px);
}
.elementor-widget-button.inline-arrow .elementor-button-text .elementor-button-icon {
	display:inline-block;
}
.elementor-widget-button.inline-arrow .elementor-button-text svg {
    height: 0.9em;
    width: auto;
    margin-left: 0.65em;
    transform: translateY(0.2em);
}

/* ====================
* FEEDS
==================== */
.ff-feed-card {
	position: relative;
	display: block;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	background: #111;
}

.ff-feed-card__image-wrap,
.ff-feed-card__image {
	inset: 0;
	width: 100%;
	height: 100%;
}

.ff-feed-card__image-wrap {
	min-height: 100%;
}
.ff-feed-card__image {
	object-fit: cover;
	aspect-ratio: 3.5 / 2;
}
.ff-feed-card__badge {
	position: absolute;
	left:10px;
	top: 10px;
	display:inline-flex;
}
.ff-feed-card__badge .badge-icon {
	border-radius: 5px 0 0 5px;
	background: var(--primary-dark);
	padding: 5px 5px  0 5px;
}
.ff-feed-card__badge .badge-label {
	font-size: 0.875rem;
	color: var(--text);
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 0 5px 5px 0;
	white-space: nowrap;
	background:var(--primary);
	display:flex;
	align-items:center;
}
.ff-feed-card__badge .badge-icon svg {
	height: 22px;
	width: 22px;	
	fill: var(--primary);
}
.ff-feed-card__content {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 1.25rem;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
	color: #fff;
}

.ff-feed-card__title {
	margin: 0 0 0.4rem;
	color: inherit;
}

.ff-feed-card__meta {
	font-size: 0.875rem;
	color: var(--primary-light);
}

.video_if4 .ff-feed-card__meta  {
	color: var(--if4-blue);
}

.ff-feed-card__meta-separator {
	margin: 0 0.35em;
}