/*
Theme Name: SFM
Author: M.R. Smilde
Description: Child theme for Euphony Pro, handling Events in a better way due to an actual EventDate
Version: 1.0
Template: euphony-pro

This is the child theme for Euphony Pro theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.events-content-wrapper .date-week-year {
	font-weight: 300;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.section-title {
	font-size: 56px;
	font-size: 3.5rem;
}

.section-subtitle {
	font-size: 32px;
	font-size: 2rem;
}

#mute {
  cursor:pointer;
  padding: 10px 20px;
  background:#000;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
}

.soldout-badge {
  position: absolute;
  top: 1rem;          /* relative spacing instead of fixed px */
  left: 18vw;         /* ~300px on large desktop, scales with viewport width */
}

.soldout-badge img {
  width: 11vw;        /* scales with viewport width (~175px on desktop) */
  max-width: 175px;   /* cap size so it doesn’t grow too large */
  height: auto;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .soldout-badge {
    left: 15vw;        /* keep visible on small screens */
    top: 0.5rem;
  }
  .soldout-badge img {
    width: 40vw;      /* scale relative to small viewport */
    max-width: 175px;
  }
}

@media screen and (min-width: 64em) {
    .page .site-main .hentry {
        margin: 5px;
    }
}