.parallax-widget.zero {
	background: url("/sites/default/files/2025-11/front-page-zero.jpg");
}

.parallax-widget.one, .path-frontpage .parallax-widget.one {
	background: url("/sites/default/files/2025-11/front-page-one.jpg");
}

.parallax-widget.two {
	background: url("/sites/default/files/2025-11/front-page-two.jpg");
}

.parallax-widget.three {
	background: url("/sites/default/files/2025-11/front-page-three.jpg");
}

.parallax-widget.four {
	background: url("/sites/default/files/2025-11/front-page-four.jpg");
}

.parallax-widget.five {
	background: url("/sites/default/files/2025-11/front-page-five.jpg");
}

.parallax-widget.six { 
	background: url("/sites/default/files/2025-11/front-page-six.jpg");
	background-size: cover;
}

.parallax-widget.zero .parallax-region {
  padding: 0;
  background: rgba(255, 255, 255, 0.85);
}

.menu-base-theme {
  background: none;
}

.media-oembed-content {
  width: 100%;
  border: none;
  background-color: transparent;
  aspect-ratio: 16/9;
  height: auto;
}

img {
	/* only max-width is defined in global.css so images were distorted. Doing both here for clarity. */
	max-width: 100%;
	height:auto;
}

.slider-caption .more-link {
	display:none;
}

.flippy {
	font-size:larger;
}

ul.flippy li {
	background-color: #ffffff;
  border: 1px solid #ff6260;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: .9em;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 1.5em;
}

ul.flippy li:hover {
	background-color:#f0f0f0;
}