@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Crushed&family=Montserrat:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Nunito");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

*,
body,
html {
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

body {
  line-height: 1;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

a {
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

button {
  cursor: pointer;
}

.show {
  display: block !important;
}

.full-width {
  width: 100%;
}

.kindful-donate-btn {
  text-transform: uppercase !important;
  font-family: "franklin-gothic-compressed", sans-serif !important;
  letter-spacing: 5px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 900px) {
  .embed-container {
    padding-bottom: 26.25%;
  }
}
.h_align_center {
  margin: 0 auto;
  text-align: center;
}

.org.Links header .nwfl-logo a img {
  padding: 0;
}
.org.Links .nav-border-bottom {
  margin-bottom: 0;
}
.org.Links .paint-swatches {
  z-index: 99;
  position: relative;
  display: block;
  max-width: 1200px;
  width: 100%;
  text-align: center;
  background-image: url("../img/org/dashed-line.png");
  background-size: 103%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: -20px;
}
.org.Links .paint-swatches img {
  max-width: 620px;
  width: 92%;
  margin: 0 auto 20px auto;
  padding: 0 10px;
}
.org.Links .content {
  background: #96714d url(../img/org/NWFL_Pattern_fabric-light.png);
}
@media (max-width: 720px) {
  .org.Links .content {
    padding: 20px !important;
  }
}
.org.Links .content .link-list {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
@media (min-width: 721px) {
  .org.Links .content .link-list {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 800px;
  }
}
.org.Links .content .link-list .title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}
.org.Links .content .link-list .title .colorful-arrow {
  width: 50px;
  min-height: 25px;
  display: block;
  background: url("../img/org/colorful-arrow.png");
  background-repeat: no-repeat;
  background-size: 50%;
  margin: 0 20px;
  display: none;
}
.org.Links .content .link-list .title .colorful-arrow:nth-of-type(1) {
  transform: scaleX(-1);
}
.org.Links .content .link-list .link {
  flex: 1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  filter: brightness(100%);
}
@media (min-width: 721px) {
  .org.Links .content .link-list .link {
    flex: 1 1 50%;
  }
}
.org.Links .content .link-list .link:hover {
  filter: brightness(150%);
}
.org.Links .content .link-list .link .button {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  margin: 10px 0;
  padding: 20px;
  font-size: 22px;
  color: #ffffff;
  text-transform: uppercase;
}
.org.Links .content .link-list .link:nth-of-type(1n + 0) .button {
  background-image: url(../img/org/paint/yellow.png);
}
.org.Links .content .link-list .link:nth-of-type(2n + 0) .button {
  background-image: url(../img/org/paint/light-green.png);
}
.org.Links .content .link-list .link:nth-of-type(3n + 0) .button {
  background-image: url(../img/org/paint/blue.png);
}
.org.Links .content .link-list .link:nth-of-type(4n + 0) .button {
  background-image: url(../img/org/paint/teal.png);
}
.org.Links .content .link-list .link:nth-of-type(5n + 0) .button {
  background-image: url(../img/org/paint/light-blue.png);
}
.org.Links .content .link-list .link:nth-of-type(6n + 0) .button {
  background-image: url(../img/org/paint/green.png);
}
.org.Links .content .link-list .link:last-child .button {
  background-image: url(../img/org/paint/red.png);
}

.photo-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.photo-row .photo-row-image {
  max-width: 200px;
}
@media (min-width: 721px) {
  .photo-row {
    flex-direction: row;
  }
  .photo-row .photo-row-image {
    flex: 1;
    padding: 20px 10px;
  }
  .photo-row .photo-row-image img {
    max-width: 250px !important;
    width: 100%;
    height: auto;
  }
}

/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
  --mm-ocd-width:80%;
  --mm-ocd-min-width:200px;
  --mm-ocd-max-width:440px;
}

body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: bottom, background-color;
  -o-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, 0.3s;
  -o-transition-duration: 0s, 0.3s;
  transition-duration: 0s, 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.45s, 0.15s;
  -o-transition-delay: 0.45s, 0.15s;
  transition-delay: 0.45s, 0.15s;
}

.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 80%;
  width: var(--mm-ocd-width);
  min-width: 200px;
  min-width: var(--mm-ocd-min-width);
  max-width: 440px;
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 20%;
  width: calc(100% - var(--mm-ocd-width));
  min-width: calc(100% - 440px);
  min-width: calc(100% - var(--mm-ocd-max-width));
  max-width: calc(100% - 200px);
  max-width: calc(100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0);
}

.mm-ocd--left .mm-ocd__backdrop {
  right: 0;
}

.mm-ocd--right .mm-ocd__backdrop {
  left: 0;
}

.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --mm-spn-item-height:50px;
  --mm-spn-item-indent:20px;
  --mm-spn-line-height:24px;
}

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: 24px;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left 0.3s ease 0s;
  -o-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  cursor: default;
}

.mm-spn ul:after {
  content: "";
  display: block;
  height: 50px;
  height: var(--mm-spn-item-height);
}

.mm-spn > ul {
  left: 0;
}

.mm-spn ul.mm-spn--open {
  left: 0;
}

.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden;
}

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer;
}

.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height) / 2);
  right: 25px;
  right: calc(var(--mm-spn-item-height) / 2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  -ms-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
  opacity: 0.4;
}

.mm-spn li:after {
  content: "";
  display: block;
  margin-left: 20px;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0.15;
}

.mm-spn a, .mm-spn span {
  position: relative;
  z-index: 1;
  padding: 13px 20px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}

.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none;
}

.mm-spn a:not(:last-child) {
  width: calc(100% - 50px);
  width: calc(100% - var(--mm-spn-item-height));
}

.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: 0.15;
}

.mm-spn span {
  background: 0 0;
}

.mm-spn.mm-spn--navbar {
  cursor: pointer;
}

.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height) / 2);
  left: 20px;
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 0.4;
}

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default;
}

.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none;
}

.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  height: var(--mm-spn-item-height);
  padding: 0 40px;
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: 50px;
  line-height: var(--mm-spn-item-height);
  opacity: 0.4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--navbar ul {
  top: 51px;
  top: calc(var(--mm-spn-item-height) + 1px);
}

.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: 0.15;
}

.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3;
}

.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333;
}

.mm-spn.mm-spn--vertical {
  overflow-y: auto;
}

.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static;
}

.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--vertical ul ul:after {
  height: 25px;
  height: calc(var(--mm-spn-item-height) / 2);
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block;
}

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%, 0);
  -ms-transform: rotate(135deg) translate(-50%, 0);
  transform: rotate(135deg) translate(-50%, 0);
}

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none;
}

/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("../fonts/flexslider-icon.eot");
  src: url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/flexslider-icon.woff") format("woff"), url("../fonts/flexslider-icon.ttf") format("truetype"), url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* ====================================================================================================================
 * CUSTOM / OVERRIDES
 * ====================================================================================================================*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Necessary Styles */
.flexslider {
  margin: 0;
  padding: 0;
  zoom: 1;
  position: relative;
}

.flexslider .slides {
  list-style: none;
  zoom: 1;
}

.flexslider .slides:before {
  content: "";
  display: block;
}

.flexslider .slides:after {
  content: "";
  display: table;
  clear: both;
}

.flexslider .slides > img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.flexslider .slides p img {
  width: auto;
  display: inline-block;
}

.flexslider .slides .flex-caption {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  text-align: center;
}

.flexslider .slides .flex-caption h3 {
  color: inherit;
  margin: 0;
  line-height: 1.25em;
  font-size: 15px;
}

.flexslider .slides > li {
  margin-left: 0;
  display: none;
  -webkit-backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  /* Stuff specific to metaslider */
}

.flexslider .slides > li .content img {
  max-width: 100%;
  height: auto !important;
}

.flexslider .flex-direction-nav {
  list-style: none;
}

.flexslider .flex-direction-nav li {
  margin: 0;
  padding: 0;
}

.flexslider .flex-direction-nav li a {
  z-index: 200;
  display: block;
  position: absolute;
  top: 50%;
  text-indent: -99999px;
  width: 32px;
  height: 85px;
  margin-top: -52px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.flexslider .flex-direction-nav li a.flex-prev {
  left: 0;
  background: url(../img/global/gallery-prev.png);
}

.flexslider .flex-direction-nav li a.flex-next {
  right: 0;
  background: url(../img/global/gallery-next.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .flexslider .flex-direction-nav li a {
    background-size: 32px 85px;
  }
  .flexslider .flex-direction-nav li a.flex-prev {
    background-size: cover;
    background-image: url(../img/global/gallery-prevx2.png);
  }
  .flexslider .flex-direction-nav li a.flex-next {
    background-size: cover;
    background-image: url(../img/global/gallery-nextx2.png);
  }
}
.flexslider:hover .flex-direction-nav li a {
  opacity: 0.9;
}

/**
 * Swiper 6.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 30, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.0
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
  animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
  animation: bounceFromLeft 0.4s ease-out;
}

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "×";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font-family: "Montserrat";
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.remodal {
  background: rgba(255, 255, 255, 0.95);
  border: thin solid #444;
  font-family: "roboto";
}
.remodal hr {
  display: none;
}

.remodal-overlay {
  background: rgba(0, 0, 0, 0.5);
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 800px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
  color: #000;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/*!
 * Accordion v3.2.0
 * Simple accordion created in pure Javascript.
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */
.ac {
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  border-radius: 5px;
}
.ac .ac-header {
  margin: 0;
  padding: 0;
}
.ac .ac-trigger {
  color: #111;
  text-align: left;
  width: 100%;
  padding: 10px 30px 10px 10px;
  display: block;
  cursor: pointer;
  background-color: transparent;
  transition: color 0.25s ease;
  position: relative;
  text-decoration: none;
  margin: 0;
  border: 0;
}
.ac .ac-trigger::after {
  content: "+";
  text-align: center;
  width: 15px;
  transform: translate(0, -50%);
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 30px;
}
.ac .ac-trigger:focus {
  color: #453cdc;
}
.ac .ac-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
}
.ac .ac-panel .ac-text {
  color: #111;
  padding: 10px;
  margin: 0;
}
.ac.js-enabled .ac-panel {
  visibility: hidden;
}
.ac.is-active .ac-panel {
  visibility: visible;
}
.ac.is-active > .ac-header .ac-trigger::after {
  content: "–";
}

@font-face {
  font-family: "rubikbold";
  src: url("../fonts/org/rubik-bold-webfont.woff2") format("woff2"), url("../fonts/org/rubik-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "woodford_bournebold";
  src: url("../fonts/org/woodfordbourne-bold-webfont.woff2") format("woff2"), url("../fonts/org/woodfordbourne-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "museo_slab300";
  src: url("../fonts/org/museo_slab_300-webfont.woff2") format("woff2"), url("../fonts/org/museo_slab_300-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "museo_slab500";
  src: url("../fonts/org/museo_slab_500_2-webfont.woff2") format("woff2"), url("../fonts/org/museo_slab_500_2-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "museo_slab900";
  src: url("../fonts/org/museo_slab_900-webfont.woff2") format("woff2"), url("../fonts/org/museo_slab_900-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.org a:link {
  text-decoration: none;
  cursor: pointer;
  color: #ffcb2a;
}
.org a:visited {
  color: #ffcb2a;
}
.org a:hover,
.org a:focus {
  text-decoration: none;
}
.org a.btn {
  color: #fff;
  background: #1e3650;
  border-radius: 5px;
  padding: 5px 10px;
}
.org a.btn:hover {
  color: #000;
}
.org p {
  color: #1a1c1c;
  font-family: "museo_slab300";
  font-size: 15px;
  margin: 10px 0;
  line-height: 20px;
}
.org p strong {
  font-family: "museo_slab500";
}
.org em {
  font-style: italic;
}
.org h1 {
  font-size: 25px;
  margin: 40px 20px;
  font-family: "rubikbold";
}
@media (min-width: 1200px) {
  .org h1 {
    margin: 40px 0;
  }
}
.org h2 {
  font-size: 23px;
  margin: 20px 0;
  font-family: "rubikbold";
}
.org h3 {
  font-size: 20px;
  margin-top: 20px;
  font-family: "museo_slab300";
}
.org h4 {
  font-size: 18px;
  margin-top: 20px;
  font-family: "museo_slab300";
}
.org .page-title {
  background: url(../img/org/blue-tile.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  text-align: center;
}
.org .page-title .banner {
  display: block;
}
@media (min-width: 721px) {
  .org .page-title .banner {
    height: 40px;
  }
}
.org .page-title h1 {
  text-transform: uppercase;
  font-size: 35px;
}
.org .page-title h2 {
  font-size: 20px;
}
.org .page-title .title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  width: auto;
  text-align: center;
  font-family: "rubikbold";
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 721px) {
  .org .page-title .title {
    font-size: 25px;
  }
}
.org .page-title .title span {
  margin: 0 20px;
}
.org .page-title .title .colorful-arrow {
  width: 50px;
  min-height: 25px;
  display: block;
  background: url("../img/org/colorful-arrow.png");
  background-repeat: no-repeat;
  background-size: 66%;
}
.org .page-title .title .colorful-arrow:nth-of-type(1) {
  transform: scaleX(-1);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  height: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

*,
body,
html {
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

body {
  line-height: 1;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

a {
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

button {
  cursor: pointer;
}

.show {
  display: block !important;
}

.kindful-donate-btn {
  text-transform: uppercase !important;
  font-family: "franklin-gothic-compressed", sans-serif !important;
  letter-spacing: 5px;
}

button {
  color: #fff;
  background: #ffcb2a;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #ffcb2a;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
}
button:hover {
  color: #000;
}
button.align_left {
  float: left;
}
button.align_right {
  float: right;
}
button.align_center {
  margin: 0 auto;
  transform: translateX(0%);
}
button a {
  color: #313636;
}
button a:visited {
  color: #1e3650;
}

.org .remodal {
  max-width: 800px;
}
.org .remodal img {
  width: 100%;
}
.org .remodal.redirect {
  background-color: #d0ecf0;
}

form {
  width: 100%;
}
form .form-content .form-group {
  margin: 20px 0 0 0;
  text-align: left;
}
form .form-content .form-group label {
  margin: 10px 0;
  font-family: "museo_slab300";
}
form .form-content .form-group.has-error {
  color: #c4493e;
}
form .form-content .form-group .form-control--wrapper {
  margin: 10px 0;
}
form .form-content .form-group .form-control--wrapper input {
  opacity: 1;
  z-index: 1;
  padding: 10px;
  position: relative;
  width: 93%;
}
@media (min-width: 721px) {
  form .form-content .form-group .form-control--wrapper input {
    width: 80%;
  }
}
form .form-content .form-group .form-control--wrapper textarea {
  width: 93%;
}
@media (min-width: 721px) {
  form .form-content .form-group .form-control--wrapper textarea {
    width: 80%;
  }
}
form button[type=submit] {
  color: #fff;
  background: #ffcb2a;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #ffcb2a;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  margin: 20px 0 0 0;
  float: left;
}
form button[type=submit]:hover {
  color: #000;
}

.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-check-input {
    transition: none;
  }
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control::-webkit-input-placeholder {
  color: transparent;
}

.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 1.75rem;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}

.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754;
  padding-right: calc(0.75em + 2.3125rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 1.75rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754;
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 1.75rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545;
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

body.org {
  font-size: 15px;
  font-family: "museo_slab300";
  background: url(../img/org/NWFL_wavetexture_tile_100x100.jpg);
}

.org .social-links {
  position: relative;
  display: flex;
  margin: 20px 0 0 20px;
}
.org .social-links li {
  margin: 0 3px;
}
.org .social-links li img {
  width: 30px;
  height: 30px;
  filter: opacity(0.7);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.org .social-links li img:hover {
  filter: opacity(1);
}
@media (min-width: 1000px) {
  .org .social-links {
    position: absolute;
    right: 20px;
    top: 20px;
    margin: 0;
  }
}
.org .mobile-donate {
  display: block;
}
.org .mobile-donate a {
  color: #fff;
  padding: 0 5px;
  font-family: "rubikbold";
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 721px) {
  .org .mobile-donate {
    display: none;
  }
}
.org header .nwfl-logo {
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.org header .nwfl-logo a {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}
@media (min-width: 721px) {
  .org header .nwfl-logo a {
    margin-bottom: 30px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.org header .nwfl-logo a img {
  max-width: 680px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  padding: 20px 0;
}
@media (min-width: 721px) {
  .org header .nwfl-logo a img {
    padding: 20px;
  }
}

.org .menu-toggle a {
  display: block;
  width: 28px;
  height: 18px;
  margin: 5px;
  position: relative;
  z-index: 9999;
  border-radius: 3px;
  padding: 12px 8px;
}
@media (min-width: 721px) {
  .org .menu-toggle a {
    display: none;
  }
}
.org .menu-toggle a:before,
.org .menu-toggle a:after {
  content: "";
  display: block;
  background: #313636;
  height: 2px;
}
.org .menu-toggle a span {
  background: #313636;
  display: block;
  height: 2px;
  margin: 6px 0;
}
.org .mm-spn.mm-spn--dark {
  color: #000;
  background: #fff;
}
.org .mm-spn.mm-spn--dark li a {
  color: #000;
  font-family: "museo_slab300";
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
}
.org .mm-spn.mm-spn--navbar:after {
  color: #000;
  font-family: "rubikbold";
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  opacity: 1;
}
.org .mm-spn li:before {
  opacity: 1;
}

.org .nav-border-top {
  background-image: url("../img/org/nav-border-top.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  height: 10px;
  width: 100%;
  display: none;
}
@media (min-width: 721px) {
  .org .nav-border-top {
    display: block;
  }
}
.org .nav-border-bottom {
  background-image: url("../img/org/nav-border-bottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  height: 10px;
  width: 100%;
  margin-bottom: 60px;
  display: none;
}
@media (min-width: 721px) {
  .org .nav-border-bottom {
    display: block;
  }
}
.org #dropMenu {
  display: none;
}
@media (min-width: 721px) {
  .org #dropMenu {
    display: block;
  }
}
@media (min-width: 721px) {
  .org #menu,
  .org #dropMenu {
    background: transparent;
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 9999;
  }
  .org #menu ul,
  .org #dropMenu ul {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .org #menu ul li,
  .org #dropMenu ul li {
    position: relative;
    list-style: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: inline-block;
  }
  .org #menu ul li a,
  .org #dropMenu ul li a {
    display: block;
    text-decoration: none;
    padding: 10px;
    color: #1e3650;
    font-family: "rubikbold";
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
  }
  .org #menu ul li a:hover,
  .org #dropMenu ul li a:hover {
    color: #eb9736;
  }
  .org #menu ul li a.red,
  .org #dropMenu ul li a.red {
    color: #c4493e;
  }
  .org #menu ul li:hover > ul,
  .org #dropMenu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  .org #menu ul li ul,
  .org #dropMenu ul li ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .org #menu ul li ul li a,
  .org #dropMenu ul li ul li a {
    width: 150px;
    line-height: 15px;
    padding: 5px 10px;
  }
  .org #menu ul li ul li > ul,
  .org #dropMenu ul li ul li > ul {
    position: absolute;
    left: 100%;
    top: 5px;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
  }
}
@media (min-width: 721px) {
  .org #menu > ul > li:last-child a {
    background: #eb9736;
    border-radius: 5px;
    color: #fff !important;
  }
  .org #menu > ul > li:last-child a:hover {
    color: #c4493e !important;
    background: #eb9736 !important;
    border-radius: 5px !important;
  }
}
.org #drop-nav {
  display: flex;
  background: rgba(255, 255, 255, 0.95);
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
  top: -110px;
  position: fixed;
  width: 100%;
  z-index: 201;
}
.org #drop-nav .menu-toggle {
  position: absolute;
  right: 40px;
}
.org #drop-nav #dropMenu ul {
  margin: 0 40px;
  float: right;
}
.org #drop-nav img {
  max-width: 250px;
}

.org.ORG-Landing .content .post-section, .org.ORG-Support .content .post-section, .org.ORG-About .content .post-section {
  padding: 20px;
}
@media (min-width: 721px) {
  .org.ORG-Landing .content .post-section, .org.ORG-Support .content .post-section, .org.ORG-About .content .post-section {
    padding: 40px;
  }
}
.org.ORG-Landing .content .post-section .container, .org.ORG-Support .content .post-section .container, .org.ORG-About .content .post-section .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 721px) {
  .org.ORG-Landing .content .post-section .container, .org.ORG-Support .content .post-section .container, .org.ORG-About .content .post-section .container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.org.ORG-Landing .content .post-section .container .post h3, .org.ORG-Support .content .post-section .container .post h3, .org.ORG-About .content .post-section .container .post h3 {
  margin: 10px 0 20px 0;
  color: #000;
}
.org.ORG-tradable-bits .content {
  padding: 0;
}
.org .content {
  background: url("../img/org/greyzz.png");
  padding: 20px 40px;
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .org .content {
    padding: 0 10px;
  }
}
.org .content img {
  max-width: 100%;
  height: auto;
}
.org .content img.featured-img {
  width: 100%;
  height: auto;
}
.org .content .heading {
  font-size: 25px;
  margin: 40px auto 20px auto;
}
@media (min-width: 721px) {
  .org .content .heading {
    margin: 0 auto 20px auto;
  }
}
.org .content button {
  font-family: "rubikbold";
}
.org .content button a {
  color: #313636;
}
.org .content .row {
  margin: 40px auto;
  overflow: hidden;
}
.org .content .row strong {
  font-weight: bold;
}
.org .content .row:first-of-type {
  margin: 20px auto 40px auto;
}
.org .content .row.flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}
@media (min-width: 721px) {
  .org .content .row.flex {
    flex-direction: row;
  }
}
.org .content .row.flex .column {
  margin: 0 20px;
}
.org .content .row.flex .column .captioned-image.align_left {
  float: left;
  margin: 0;
}
.org .content .row.flex .column figure {
  max-width: 350px !important;
  float: right;
  margin: 10px 0 10px 10px;
}
.org .content .row.flex .column figure img {
  width: 100%;
  height: auto;
}
.org .content .row .red-styled {
  background: #c4493e url(../img/org/NWFL_Pattern_fabric-diamond-alpha.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
  font-size: 30px;
}
.org .content .row .blue-styled {
  background: #c4493e url(../img/org/blue-tile.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
  font-size: 30px;
}
.org .content .row .cards-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .org .content .row .cards-wrap {
    justify-content: flex-start;
  }
}
.org .content .row .cards-wrap .rollover-card {
  border: 2px solid #1e3650;
  height: 280px;
  background-size: cover;
  background-position: center;
  flex: 1 1 280px;
  margin: 5px;
  overflow: hidden;
  max-width: 319px;
}
.org .content .row .cards-wrap .rollover-card .info {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 238px;
  height: 280px;
  padding: 5px 10px 10px 10px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  overflow: scroll;
}
.org .content .row .cards-wrap .rollover-card .info h3 {
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  padding: 0;
  margin: 5px 0;
  text-transform: uppercase;
}
.org .content .row .cards-wrap .rollover-card .info p {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
}
.org .content .row .cards-wrap .rollover-card .info p:first-of-type {
  margin-top: 15px;
}
.org .content .row .cards-wrap .rollover-card .info a {
  font-size: 13px;
  line-height: 15px;
}
.org .content .row .cards-wrap .rollover-card .info h4 a {
  font-size: 20px;
}
.org .content .row .cards-wrap .rollover-card .info:hover {
  margin-top: 0;
}
.org .content .row .column img {
  height: auto;
}
.org .content .row .one-third {
  flex: 1;
}
.org .content .row .one-third img {
  margin-bottom: 20px;
}
@media (min-width: 721px) {
  .org .content .row .one-third img {
    margin-bootom: 0;
  }
}
.org .content .row .two-thirds {
  flex: 2;
}
.org .content .row .two-thirds h3 {
  margin-top: 0;
}
@media (min-width: 721px) {
  .org .content .row .two-thirds {
    padding: 0 0 0 20px;
  }
}
.org .content .row .fourth,
.org .content .row .third {
  text-align: center;
  flex: 1;
}
.org .content .row .half {
  flex: 1;
}
.org .content .row .half .heading {
  text-align: left;
}
@media (min-width: 721px) {
  .org .content .row .right {
    padding: 0 0 0 20px;
  }
}
.org .content hr {
  margin: 20px 0;
}
.org .content figure {
  margin: 20px 0;
}
.org .content table td {
  padding: 10px;
}
.org .content h1.align_left,
.org .content h2.align_left,
.org .content h3.align_left,
.org .content h4.align_left,
.org .content h5.align_left,
.org .content h6.align_left {
  width: 100%;
  text-align: left;
}
.org .content .video-embed {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.org .content .video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.org .content .captioned-image {
  background: #fff;
  padding: 20px;
  width: auto;
  display: inline-block;
}
.org .content .captioned-image.align_left {
  float: left;
  margin-right: 20px;
}
.org .content .captioned-image.align_right {
  float: right;
  margin-left: spacer;
}
.org .content .captioned-image.align_center {
  margin-left: 50%;
  transform: translateX(-50%);
}
.org .content .captioned-image img {
  max-width: 100%;
  height: auto;
}
.org .content .captioned-image .caption,
.org .content .captioned-image figcaption {
  text-align: center;
  margin: 0;
  font-size: 10px;
}
.org .content figcaption {
  text-align: center;
  margin: 5px 0;
  font-size: 10px;
  color: #c6c6c6;
}
.org .content .gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.org .content .gallery .gallery-image {
  flex: 1;
  min-width: 260px;
  margin: 20px;
}
.org .content .gallery .gallery-image img {
  width: 100%;
  height: auto;
}
.org .content .align_left {
  float: left;
}
.org .content .align_right {
  float: right;
  margin: 20px 0;
}
.org .content .align_center {
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  margin-bottom: 20px;
}
.org .content blockquote {
  font-size: 25px;
  text-align: center;
  font-style: italic;
  margin: 40px auto 0 auto;
  padding: 20px 0;
  line-height: 1.45;
  position: relative;
  color: #1a1c1c;
  quotes: "“" "”" "‘" "’";
  display: block;
  width: 100%;
  clear: both;
}
.org .content blockquote:before {
  color: #56b1b1;
  content: open-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-right: 0;
  vertical-align: -15px;
}
.org .content blockquote:after {
  color: #56b1b1;
  content: close-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-left: -10px;
  vertical-align: -15px;
}
.org .content cite {
  color: #56b1b1;
  font-family: "rubikbold";
  font-size: 25px;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.org .content ul {
  padding-left: 20px;
}
.org .content ul li {
  list-style: square;
  margin: 10px 0;
}
.org .content .calendar-listing {
  margin: 20px 0;
}
.org .content .calendar-listing:after {
  content: "";
  display: table;
  clear: both;
}
.org .content .calendar-listing img {
  float: left;
}
@media (min-width: 721px) {
  .org .content .calendar-listing img {
    margin-right: 20px;
    max-width: 418px;
  }
}
.org .content .flexslider {
  background: transparent;
  border: none;
}
.org .content .flexslider ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.org .content .flexslider ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.post-loop-banner-wrap {
  background: #fff;
}

.post-loop-banner {
  background: #96714d url(../img/org/NWFL_Pattern_fabric-light.png);
}
.post-loop-banner .thick-banner {
  background: url(../img/org/thick-border.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 40px;
  display: block;
}
.post-loop-banner h1 {
  display: block;
  padding: 20px 0;
  width: auto;
  text-align: center;
  font-size: 20px;
  font-family: "rubikbold";
  color: #fff;
  margin: 0;
}
@media (min-width: 721px) {
  .post-loop-banner h1 {
    font-size: 25px;
  }
}

.blogPostCarousel {
  margin: 20px 0;
}
.blogPostCarousel .blog-post {
  padding: 10px;
  text-align: center;
}
.blogPostCarousel .blog-post img {
  width: 100%;
  border-radius: 3px;
}
.blogPostCarousel .blog-post a h3 {
  color: #000;
  font-size: 20px;
  margin-top: 10px;
}
.blogPostCarousel .swiper-button-prev:after,
.blogPostCarousel .swiper-button-next:after {
  font-family: none;
}
.blogPostCarousel .swiper-button-prev,
.blogPostCarousel .swiper-container-rtl .swiper-button-next {
  left: 0;
}
.blogPostCarousel .swiper-button-next,
.blogPostCarousel .swiper-container-rtl .swiper-button-prev {
  right: 0;
}
.blogPostCarousel .swiper-button-next:after,
.blogPostCarousel .swiper-container-rtl .swiper-button-prev:after {
  content: "";
}
.blogPostCarousel .swiper-button-prev:after,
.blogPostCarousel .swiper-container-rtl .swiper-button-next:after {
  content: "";
}
.blogPostCarousel .swiper-button-next {
  background: url(../img/global/arrow-right.png), rgba(24, 24, 24, 0.8);
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0.6;
}
.blogPostCarousel .swiper-button-next:hover {
  opacity: 1;
}
.blogPostCarousel .swiper-button-prev {
  background: url(../img/global/arrow-left.png), rgba(24, 24, 24, 0.8);
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0.6;
}
.blogPostCarousel .swiper-button-prev:hover {
  opacity: 1;
}

.org .container {
  max-width: 1200px;
  margin: 0 auto;
}
.org .wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  max-width: 1080px;
  height: auto;
}
.org .wrap:after {
  content: "";
  display: table;
  clear: both;
}
.org .wrap .page-divider {
  width: 100%;
  height: 20px;
  background: url(../img/org/page-divider.png) no-repeat top center;
  background-size: 100%;
  margin: 40px 0;
  padding: 10px 0;
}
.org .wrap .overlap {
  margin: 110px 0 -25px 0;
  position: relative;
}
.org .wrap .white-bg {
  background: #fff;
}

.org footer {
  background: #fff;
  overflow: hidden;
}
.org footer p {
  text-align: center;
  margin-top: 20px;
}
.org footer .partners {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 5px;
}
@media (min-width: 721px) {
  .org footer .partners {
    padding: 0 20px;
  }
}
.org footer .partners .partner {
  flex: 1;
  padding: 10px;
}
.org footer .partners .partner img {
  width: 100%;
}
@media (min-width: 1200px) {
  .org footer .partners .partner:last-child img, .org footer .partners .partner:nth-child(6) img, .org footer .partners .partner:nth-child(8) img {
    min-width: 150px;
  }
}
.org footer .social-links {
  position: relative;
  margin: -20px auto 20px auto;
  right: 0;
  padding: 10px;
  text-align: center;
  justify-content: center;
}
.org footer #mc_embed_signup label {
  font-family: "museo_slab300";
}
.org footer #mc_embed_signup input {
  opacity: 1;
  z-index: 0;
  position: relative;
}

.Archive .archive-nav {
  margin: 10px;
}
.Archive .archive-nav .nav-border-bottom {
  background-image: url("../img/org/nav-border-bottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  height: 10px;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}
.Archive .archive-nav ul {
  text-align: center;
}
@media (min-width: 721px) {
  .Archive .archive-nav ul {
    text-align: right;
  }
}
.Archive .archive-nav ul li {
  display: inline-block;
  margin: 0 5px;
}
.Archive .archive-nav ul li a {
  color: #fff;
  background: #ffcb2a;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #ffcb2a;
  display: block;
  font-family: "rubikbold";
  text-transform: uppercase;
}
.Archive .archive-nav ul li a:hover {
  color: #000;
}
.Archive .archive-nav ul li.active a {
  border-color: #c4493e;
  background-color: #c4493e;
}
.Archive .content {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.Archive .content .filters {
  flex: 1 1 20%;
  min-width: 150px;
  max-width: 160px;
  background: rgba(111, 67, 25, 0.6);
  padding-bottom: 20px;
  border-right: 1px solid rgba(24, 24, 24, 0.7);
}
@media (min-width: 721px) {
  .Archive .content .filters {
    flex: 1 1 25%;
    min-width: 200px;
    max-width: 200px;
  }
}
.Archive .content .filters .tag-title {
  background: #96714d url(../img/org/NWFL_Pattern_fabric-light.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.Archive .content .filters .tag-title .banner {
  background: url(../img/org/thick-border.png);
  height: 10px;
  width: 100%;
  background-size: cover;
}
.Archive .content .filters .tag-title .title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  width: auto;
  text-align: center;
  font-family: "rubikbold";
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  font-size: 17px;
}
.Archive .content .filters .tag-title .title span {
  margin: 0 20px;
}
.Archive .content .filters .tag-title .title .colorful-arrow {
  min-height: 15px;
  min-width: 30px;
  display: block;
  background: url("../img/org/colorful-arrow.png");
  background-repeat: no-repeat;
  background-size: 66%;
  display: none;
}
@media (min-width: 721px) {
  .Archive .content .filters .tag-title .title .colorful-arrow {
    display: block;
  }
}
.Archive .content .filters .tag-title .title .colorful-arrow:nth-of-type(1) {
  transform: scaleX(-1);
}
.Archive .content .filters fieldset ul {
  padding: 10px 0;
}
.Archive .content .filters fieldset ul li input {
  display: none;
}
.Archive .content .filters fieldset ul li:has(input[type=radio]:checked) {
  background-color: rgba(111, 67, 25, 0.81);
  color: #fff;
}
.Archive .content .filters .genres {
  overflow-y: auto;
  max-height: 300px;
  padding: 10px 0;
}
.Archive .content .filters ul {
  padding: 0;
}
.Archive .content .filters ul li {
  list-style: none;
  margin: 0;
  padding: 5px 20px;
  border: 1px solid transparent;
}
.Archive .content .filters ul li label {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.Archive .content .filters ul li input[type=checkbox] {
  display: none;
}
.Archive .content .filters ul li:has(input[type=checkbox]) .x {
  display: none;
  margin-left: 10px;
}
.Archive .content .filters ul li:has(input[type=checkbox]:checked) {
  background-color: rgba(111, 67, 25, 0.81);
  color: #fff;
}
.Archive .content .filters ul li:has(input[type=checkbox]:checked) .x {
  display: inline-block;
}
.Archive .content .filters select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.Archive .content .filters .select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  padding: 10px 20px;
  margin-bottom: 20px;
  cursor: pointer;
  line-height: 1.1;
}
.Archive .content .filters .select select, .Archive .content .filters .select::after {
  grid-area: select;
}
.Archive .content .filters .select:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: #000;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.Archive .content .filters .clear button {
  padding: 5px;
}
@media (min-width: 721px) {
  .Archive .content .filters .clear button {
    padding: 5px 10px;
  }
}
.Archive .content ul#filtered-items {
  flex: 1 1 75%;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
.Archive .content ul#filtered-items li {
  list-style: none;
  margin: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex: 1 1 100%;
  min-height: 220px;
}
@media (min-width: 721px) {
  .Archive .content ul#filtered-items li {
    flex: 1 1 42%;
    min-height: 220px;
    min-width: 230px;
    max-width: 46%;
  }
}
@media (min-width: 1000px) {
  .Archive .content ul#filtered-items li {
    flex: 1 1 28%;
    min-height: 220px;
    max-height: 220px;
    min-width: 220px;
    max-width: calc(33% - 20px);
  }
}
.Archive .content ul#filtered-items li a {
  min-height: 218px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  border: 2px solid #1e3650;
}
.Archive .content ul#filtered-items li a .title {
  width: 100%;
  text-align: center;
  background: rgba(24, 24, 24, 0.8);
  padding: 10px;
}
.Archive ul#data-pool {
  display: none;
}

.Archive-Video-Item .content .back-btn,
.Archive-Audio-Item .content .back-btn,
.Archive-Image-Gallery .content .back-btn {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.Archive-Video-Item .content .back-btn svg,
.Archive-Audio-Item .content .back-btn svg,
.Archive-Image-Gallery .content .back-btn svg {
  width: 20px;
  margin-right: 5px;
}
.Archive-Video-Item .content .tags ul,
.Archive-Audio-Item .content .tags ul,
.Archive-Image-Gallery .content .tags ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.Archive-Video-Item .content .tags ul li,
.Archive-Audio-Item .content .tags ul li,
.Archive-Image-Gallery .content .tags ul li {
  list-style: none;
  margin: 5px 10px;
  height: 30px;
  position: relative;
  border-right: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #ffcb2a;
  z-index: 10;
}
.Archive-Video-Item .content .tags ul li:first-child,
.Archive-Audio-Item .content .tags ul li:first-child,
.Archive-Image-Gallery .content .tags ul li:first-child {
  margin-left: 0;
}
.Archive-Video-Item .content .tags ul li:after,
.Archive-Audio-Item .content .tags ul li:after,
.Archive-Image-Gallery .content .tags ul li:after {
  z-index: 9;
  content: "";
  align-self: flex-end;
  height: 0px;
  width: 0px;
  position: relative;
  border-top: solid 15px transparent;
  border-left: solid 10px #ffcb2a;
  border-bottom: solid 15px transparent;
  right: -10px;
}
.Archive-Video-Item .content .tags ul li a,
.Archive-Audio-Item .content .tags ul li a,
.Archive-Image-Gallery .content .tags ul li a {
  padding-left: 10px;
  color: #fff;
}

.ORG-Home #animation-wrapper {
  background: #fff url(../img/org/NWFL_Pattern_fabric-diamond-light.png);
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  opacity: 1;
  visibility: 1;
  transition: all 1.5s ease-out;
}
.ORG-Home #animation-wrapper.going {
  opacity: 0;
  pointer-events: none;
}
.ORG-Home #animation-wrapper.gone {
  display: none;
  visibility: 0;
  opacity: 0;
  opacity: 0;
}
.ORG-Home #logo-animation {
  width: 100vw;
  height: 30vw;
  max-width: 790px;
  max-height: 297px;
  background-size: cover;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
@media (min-width: 721px) {
  .ORG-Home #logo-animation {
    width: 100vw;
    height: 30vw;
  }
}
.ORG-Home #logo-animation .animClass #yearsof,
.ORG-Home #logo-animation .animClass #northwest,
.ORG-Home #logo-animation .animClass #folklife,
.ORG-Home #logo-animation .animClass #fifty,
.ORG-Home #logo-animation .animClass #beads,
.ORG-Home #logo-animation .animClass #flowers,
.ORG-Home #logo-animation .animClass #fiddle,
.ORG-Home #logo-animation .animClass #trombone,
.ORG-Home #logo-animation .animClass #fiddlehat,
.ORG-Home #logo-animation .animClass #staff,
.ORG-Home #logo-animation .animClass #vest,
.ORG-Home #logo-animation .animClass #dancers,
.ORG-Home #logo-animation .animClass #necklace {
  position: absolute;
  width: 100vw;
  height: 30vw;
  max-width: 790px;
  max-height: 297px;
  z-index: 3;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 0;
}
@media (min-width: 721px) {
  .ORG-Home #logo-animation .animClass #yearsof,
  .ORG-Home #logo-animation .animClass #northwest,
  .ORG-Home #logo-animation .animClass #folklife,
  .ORG-Home #logo-animation .animClass #fifty,
  .ORG-Home #logo-animation .animClass #beads,
  .ORG-Home #logo-animation .animClass #flowers,
  .ORG-Home #logo-animation .animClass #fiddle,
  .ORG-Home #logo-animation .animClass #trombone,
  .ORG-Home #logo-animation .animClass #fiddlehat,
  .ORG-Home #logo-animation .animClass #staff,
  .ORG-Home #logo-animation .animClass #vest,
  .ORG-Home #logo-animation .animClass #dancers,
  .ORG-Home #logo-animation .animClass #necklace {
    width: 100vw;
    height: 30vw;
  }
}
.ORG-Home #logo-animation .animClass #yearsof {
  background: url(../img/org/animate-logo/yearsof.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #northwest {
  background: url(../img/org/animate-logo/northwest.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #folklife {
  background: url(../img/org/animate-logo/folklife.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #fifty {
  background: url(../img/org/animate-logo/50.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #beads {
  background: url(../img/org/animate-logo/beads.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #flowers {
  background: url(../img/org/animate-logo/flowers.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #fiddle {
  background: url(../img/org/animate-logo/fiddle.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #trombone {
  background: url(../img/org/animate-logo/trombone.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #fiddlehat {
  background: url(../img/org/animate-logo/fiddle-hat.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #staff {
  background: url(../img/org/animate-logo/staff.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #vest {
  background: url(../img/org/animate-logo/vest.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #dancers {
  background: url(../img/org/animate-logo/dancers.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass #necklace {
  background: url(../img/org/animate-logo/necklace.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ORG-Home #logo-animation .animClass .animClass {
  -webkit-transform: translate3d(0, 0, 0);
}
.ORG-Home #logo-animation .animClass .fade-in {
  opacity: 1 !important;
  transition: all 2s ease-out;
}
.ORG-Home #logo-animation .animClass .end {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
  opacity: 1 !important;
}
.ORG-Home .paint-swatches {
  display: none;
}
@media (min-width: 721px) {
  .ORG-Home .paint-swatches {
    z-index: 99;
    position: relative;
    display: block;
    max-width: 1200px;
    width: 100%;
    text-align: center;
    background-image: url("../img/org/dashed-line.png");
    background-size: 103%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: -43px;
  }
}
@media (min-width: 721px) and (min-width: 1200px) {
  .ORG-Home .paint-swatches {
    margin-bottom: -55px;
  }
}
.ORG-Home .paint-swatches img {
  max-width: 820px;
  margin: 0 auto;
  display: block;
}
@media (min-width: 721px) {
  .ORG-Home .paint-swatches img {
    max-width: 620px;
    margin: 10px auto;
  }
}
@media (min-width: 1200px) {
  .ORG-Home .paint-swatches img {
    max-width: 820px;
  }
}
.ORG-Home .flexslider {
  margin: 0;
  border: none;
}
.ORG-Home .slider-info {
  background: url("../img/org/slider-info-bg.png");
  background-size: auto 98%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 150px;
  position: relative;
  margin-top: -6px;
  margin-bottom: -100px;
  z-index: 2;
}
@media (min-width: 721px) {
  .ORG-Home .slider-info {
    margin-top: -10px;
  }
}
.ORG-Home .slider-info .title h1 {
  display: block;
  padding: 30px 0 28px 0;
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin: 0;
}
@media (min-width: 721px) {
  .ORG-Home .slider-info .title h1 {
    font-size: 25px;
  }
}
.ORG-Home .slider-info .link {
  background: #c4493e;
  color: #fff;
  font-family: "rubikbold";
  border-radius: 5px;
  max-width: 150px;
  width: auto;
  margin: 0 auto;
  padding: 12px 15px;
  text-align: center;
}
.ORG-Home .slider-info .link a {
  font-family: "rubikbold";
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.ORG-Home .slider-info .link a:hover {
  color: #eb9736;
}
.ORG-Home .content {
  padding: 0;
}
.ORG-Home .page-divider {
  margin: 40px 0 0 0;
}
.ORG-Home .page-title {
  background: #96714d url(../img/org/NWFL_Pattern_fabric-light.png);
}
.ORG-Home .post-section {
  padding: 20px;
}
@media (min-width: 721px) {
  .ORG-Home .post-section {
    padding: 40px;
  }
}
.ORG-Home .post-section a.more {
  float: right;
  font-family: "museo_slab300";
  display: inline-block;
}
.ORG-Home .post-section a.more:after {
  content: "›";
  position: absolute;
  margin: -5px 0 0 10px;
  font-size: 25px;
}
.ORG-Home .post-section img {
  width: 100%;
  height: auto;
}
.ORG-Home .post-section .post {
  border-radius: 3px;
}
.ORG-Home .post-section .post img {
  border-radius: 3px;
}
.ORG-Home .post-section .post h3 {
  margin: 10px 0 20px 0;
  color: #000;
}
.ORG-Home .post-section .three-posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 721px) {
  .ORG-Home .post-section .three-posts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.ORG-Home .post-section .four-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media (min-width: 721px) {
  .ORG-Home .post-section .four-posts {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
  }
}
.ORG-Home .post-section .four-posts .post h3 {
  font-size: 18px;
}
.ORG-Home .post-section.one-and-three-posts {
  background: url("../img/org/blue-tile.png");
}
.ORG-Home .post-section.one-and-three-posts h2 {
  color: #fff;
}
.ORG-Home .post-section.one-and-three-posts .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  position: relative;
}
@media (min-width: 721px) {
  .ORG-Home .post-section.one-and-three-posts .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 160px 160px 160px;
  }
}
.ORG-Home .post-section.one-and-three-posts .container .post {
  position: relative;
}
@media (max-width: 720px) {
  .ORG-Home .post-section.one-and-three-posts .container .post {
    min-height: 280px;
    margin: 20px 0;
  }
}
.ORG-Home .post-section.one-and-three-posts .container .post img {
  position: absolute;
  top: 0;
  left: 0;
}
.ORG-Home .post-section.one-and-three-posts .container .post h3 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  margin: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
@media (min-width: 721px) {
  .ORG-Home .post-section.one-and-three-posts .container .post h3 {
    padding: 10px 20px;
    left: 20px;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 721px) {
  .ORG-Home .post-section.one-and-three-posts .container .post:first-of-type {
    grid-column: 1/span 2;
    grid-row: 1/span 3;
  }
}
.ORG-Home .post-section.one-and-three-posts .flex-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 721px) {
  .ORG-Home .post-section.one-and-three-posts .flex-container {
    flex-direction: row;
  }
}
.ORG-Home .post-section.one-and-three-posts .flex-container .post {
  position: relative;
  flex: 1;
  display: block;
  min-height: 280px;
  margin: 40px 0 20px 0;
}
@media (min-width: 721px) {
  .ORG-Home .post-section.one-and-three-posts .flex-container .post:first-child {
    margin: 40px 20px 0 0;
  }
  .ORG-Home .post-section.one-and-three-posts .flex-container .post:last-child {
    margin: 40px 0 0 20px;
  }
}
.ORG-Home .post-section.one-and-three-posts .flex-container .post img {
  position: absolute;
  top: 0;
  left: 0;
}
.ORG-Home .post-section.one-and-three-posts .flex-container .post h3 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  margin: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
@media (min-width: 721px) {
  .ORG-Home .post-section.one-and-three-posts .flex-container .post h3 {
    padding: 10px 20px;
    left: 20px;
    margin: 0 0 20px 0;
  }
}
.ORG-Home .post-section .four-and-four-wrap {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 721px) {
  .ORG-Home .post-section .four-and-four-wrap {
    flex-direction: row;
  }
}
.ORG-Home .post-section .four-and-four-wrap .container {
  flex: 1;
}
.ORG-Home .post-section .four-and-four-wrap .container > .more {
  float: right;
  display: block;
  font-size: 15px;
  margin-right: 20px;
}
@media (min-width: 1000px) {
  .ORG-Home .post-section .four-and-four-wrap .container > .more {
    display: none;
  }
}
.ORG-Home .post-section .four-and-four-wrap .container .top a {
  margin-right: 20px;
}
.ORG-Home .post-section .four-and-four-wrap .container .top h3.title {
  font-size: 20px;
  margin-bottom: 10px;
}
.ORG-Home .post-section .four-and-four-wrap .container .top h3.title a.more {
  display: none;
}
@media (min-width: 1000px) {
  .ORG-Home .post-section .four-and-four-wrap .container .top h3.title a.more {
    font-size: 15px;
    float: right;
    display: block;
  }
}
.ORG-Home .post-section .four-and-four-wrap .container .four-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media (min-width: 721px) {
  .ORG-Home .post-section .four-and-four-wrap .container .four-posts {
    grid-template-rows: 180px 100px;
  }
}
.ORG-Home .post-section .four-and-four-wrap .vertical-divider {
  display: none;
}
@media (min-width: 721px) {
  .ORG-Home .post-section .four-and-four-wrap .vertical-divider {
    display: block;
    margin-top: 30px;
  }
  .ORG-Home .post-section .four-and-four-wrap .vertical-divider img {
    margin: 0 20px;
    height: 100%;
    width: auto;
  }
}
@media (min-width: 721px) and (min-width: 721px) {
  .ORG-Home .post-section .four-and-four-wrap .vertical-divider img {
    max-height: 390px;
  }
}
.ORG-Home .home-grid-wrap {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 40px;
}
.ORG-Home .home-grid-wrap .grid-item-wrap {
  overflow: hidden;
  border-radius: 3px;
}
.ORG-Home .home-grid-wrap .grid-item-wrap .grid-item {
  width: 100%;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.ORG-Home .home-grid-wrap .grid-item-wrap .grid-item:hover {
  transform: scale(1.1);
}
@media (min-width: 1000px) {
  .ORG-Home .home-grid-wrap .grid-item-wrap .grid-item {
    min-height: 300px;
  }
}
.ORG-Home .home-grid-wrap .grid-item-wrap h2 {
  text-align: center;
  font-family: "woodford_bournebold";
  color: #fff;
  max-width: 86%;
  font-family: "museo_slab300";
}
@media (max-width: 720px) {
  .ORG-Home .home-grid-wrap {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .ORG-Home .home-grid-wrap h2 {
    font-size: 15px;
  }
}
@media (min-width: 1000px) {
  .ORG-Home .home-grid-wrap {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .ORG-Home .home-grid-wrap h2 {
    font-size: 25px;
  }
}

.ORG-About .links {
  display: flex;
  flex-wrap: wrap;
}
.ORG-About .links a h3 {
  margin: 20px;
  flex: 1;
}
.ORG-About .who-we-are-wrap {
  max-width: 1200px;
  margin: 0 auto;
  min-height: 500px;
  height: auto;
  display: block;
  overflow: hidden;
  background: url("../img/org/blue-tile.png");
  background-repeat: repeat;
  padding: 40px;
}
.ORG-About .who-we-are-wrap h1 {
  color: #fff;
}
.ORG-About .who-we-are-wrap p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}
.ORG-About .who-we-are-wrap .video-embed {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.ORG-About .who-we-are-wrap .video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
}

@media (min-width: 721px) {
  .blog-post-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media (min-width: 721px) and (min-width: 1200px) {
  .blog-post-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.blog-post-wrapper .blog-post {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  margin: 40px 0;
}
@media (min-width: 721px) {
  .blog-post-wrapper .blog-post {
    margin: 0;
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .blog-post-wrapper .blog-post {
    padding: 40px;
  }
}
.blog-post-wrapper .blog-post .inner {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  text-align: center;
  max-width: 95%;
}
@media (min-width: 721px) {
  .blog-post-wrapper .blog-post .inner {
    max-width: 75%;
  }
}
.blog-post-wrapper .blog-post .inner a {
  color: #c4493e;
  border: 1px solid #c4493e;
  padding: 10px 20px;
  white-space: nowrap;
  margin: 20px;
  display: block;
}
.blog-post-wrapper .pagination {
  grid-column: 1/-1;
}

.Community-Calendar .calendar-nav {
  margin: 10px;
}
.Community-Calendar .calendar-nav .nav-border-bottom {
  background-image: url("../img/org/nav-border-bottom.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  height: 10px;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}
.Community-Calendar .calendar-nav ul {
  text-align: center;
}
@media (min-width: 721px) {
  .Community-Calendar .calendar-nav ul {
    text-align: right;
  }
}
.Community-Calendar .calendar-nav ul li {
  display: inline-block;
  margin: 0 5px;
}
.Community-Calendar .calendar-nav ul li a {
  color: #fff;
  background: #ffcb2a;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #ffcb2a;
  display: block;
  font-family: "rubikbold";
  text-transform: uppercase;
}
.Community-Calendar .calendar-nav ul li a:hover {
  color: #000;
}
.Community-Calendar .calendar-nav ul li.active a {
  border-color: #c4493e;
  background-color: #c4493e;
}
.Community-Calendar .content {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.Community-Calendar .content .filters {
  flex: 1 1 20%;
  min-width: 150px;
  max-width: 160px;
  background: rgba(111, 67, 25, 0.6);
  padding-bottom: 20px;
  border-right: 1px solid rgba(24, 24, 24, 0.7);
}
@media (min-width: 721px) {
  .Community-Calendar .content .filters {
    flex: 1 1 25%;
    min-width: 200px;
    max-width: 200px;
  }
}
.Community-Calendar .content .filters .tag-title {
  background: #96714d url(../img/org/NWFL_Pattern_fabric-light.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.Community-Calendar .content .filters .tag-title .banner {
  background: url(../img/org/thick-border.png);
  height: 10px;
  width: 100%;
  background-size: cover;
}
.Community-Calendar .content .filters .tag-title .title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  width: auto;
  text-align: center;
  font-family: "rubikbold";
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  font-size: 17px;
}
.Community-Calendar .content .filters .tag-title .title span {
  margin: 0 20px;
}
.Community-Calendar .content .filters .tag-title .title .colorful-arrow {
  min-height: 15px;
  min-width: 30px;
  display: block;
  background: url("../img/org/colorful-arrow.png");
  background-repeat: no-repeat;
  background-size: 66%;
  display: none;
}
@media (min-width: 721px) {
  .Community-Calendar .content .filters .tag-title .title .colorful-arrow {
    display: block;
  }
}
.Community-Calendar .content .filters .tag-title .title .colorful-arrow:nth-of-type(1) {
  transform: scaleX(-1);
}
.Community-Calendar .content .filters fieldset ul {
  padding: 10px 0;
}
.Community-Calendar .content .filters fieldset ul li input {
  display: none;
}
.Community-Calendar .content .filters fieldset ul li:has(input[type=radio]:checked) {
  background-color: rgba(111, 67, 25, 0.81);
  color: #fff;
}
.Community-Calendar .content .filters .genres {
  overflow-y: auto;
  max-height: 300px;
  padding: 10px 0;
}
.Community-Calendar .content .filters ul {
  padding: 0;
}
.Community-Calendar .content .filters ul li {
  list-style: none;
  margin: 0;
  padding: 5px 20px;
  border: 1px solid transparent;
}
.Community-Calendar .content .filters ul li label {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.Community-Calendar .content .filters ul li input[type=checkbox] {
  display: none;
}
.Community-Calendar .content .filters ul li:has(input[type=checkbox]) .x {
  display: none;
  margin-left: 10px;
}
.Community-Calendar .content .filters ul li:has(input[type=checkbox]:checked) {
  background-color: rgba(111, 67, 25, 0.81);
  color: #fff;
}
.Community-Calendar .content .filters ul li:has(input[type=checkbox]:checked) .x {
  display: inline-block;
}
.Community-Calendar .content .filters select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.Community-Calendar .content .filters .select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  padding: 10px 20px;
  margin-bottom: 20px;
  cursor: pointer;
  line-height: 1.1;
}
.Community-Calendar .content .filters .select select, .Community-Calendar .content .filters .select::after {
  grid-area: select;
}
.Community-Calendar .content .filters .select:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: #000;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.Community-Calendar .content .filters .clear button {
  padding: 5px;
}
@media (min-width: 721px) {
  .Community-Calendar .content .filters .clear button {
    padding: 5px 10px;
  }
}
.Community-Calendar .content ul#filtered-items {
  flex: 1 1 75%;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
}
.Community-Calendar .content ul#filtered-items li {
  list-style: none;
  margin: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  flex: 1 1 100%;
  min-height: 220px;
  /* Folklife event ribbon */
  /* top left*/
}
@media (min-width: 721px) {
  .Community-Calendar .content ul#filtered-items li {
    flex: 1 1 42%;
    min-height: 220px;
    min-width: 230px;
    max-width: 46%;
  }
}
@media (min-width: 1000px) {
  .Community-Calendar .content ul#filtered-items li {
    flex: 1 1 28%;
    min-height: 220px;
    max-height: 220px;
    min-width: 220px;
    max-width: calc(33% - 20px);
  }
}
.Community-Calendar .content ul#filtered-items li a {
  min-height: 218px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  border: 2px solid #1e3650;
  position: relative;
}
.Community-Calendar .content ul#filtered-items li a .text {
  width: 100%;
  text-align: center;
  background: rgba(24, 24, 24, 0.8);
  padding: 10px 0;
  text-align: center;
}
.Community-Calendar .content ul#filtered-items li a .text .date {
  font-size: 13px;
  padding-top: 5px;
}
.Community-Calendar .content ul#filtered-items li .ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.Community-Calendar .content ul#filtered-items li .ribbon::before,
.Community-Calendar .content ul#filtered-items li .ribbon::after {
  position: absolute;
  z-index: 0;
  content: "";
  display: block;
  border: 3px solid #aa342c;
}
.Community-Calendar .content ul#filtered-items li .ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #c4493e;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
}
.Community-Calendar .content ul#filtered-items li .ribbon-top-left {
  top: -5px;
  left: -5px;
}
.Community-Calendar .content ul#filtered-items li .ribbon-top-left::before {
  top: 0;
  right: 3px;
}
.Community-Calendar .content ul#filtered-items li .ribbon-top-left::after {
  bottom: 3px;
  left: 0;
}
.Community-Calendar .content ul#filtered-items li .ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}
.Community-Calendar ul#data-pool {
  display: none;
}
.Community-Calendar form .form-content .form-group .form-control--wrapper input,
.Community-Calendar form .form-content .form-group .form-control--wrapper textarea,
.Community-Calendar form .form-content .form-group .form-control--wrapper select {
  box-sizing: border-box;
  width: 100%;
}

.Community-Calendar-Event .content .back-btn {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.Community-Calendar-Event .content .back-btn svg {
  width: 20px;
  margin-right: 5px;
}
.Community-Calendar-Event .content .flex-wrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 721px) {
  .Community-Calendar-Event .content .flex-wrap {
    flex-direction: row;
    justify-content: space-between;
  }
}
.Community-Calendar-Event .content .flex-wrap .event-image {
  flex: 1 1 100%;
  max-width: 300px;
}
@media (min-width: 721px) {
  .Community-Calendar-Event .content .flex-wrap .event-image {
    padding-right: 20px;
    flex: 1 1 30%;
  }
}
.Community-Calendar-Event .content .flex-wrap .flex-inner-content {
  flex: 1 1 100%;
}
@media (min-width: 721px) {
  .Community-Calendar-Event .content .flex-wrap .flex-inner-content {
    flex: 1 1 70%;
  }
}
.Community-Calendar-Event .content .flex-wrap .flex-inner-content .row {
  margin: 0;
}
.Community-Calendar-Event .content .tags ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.Community-Calendar-Event .content .tags ul li {
  list-style: none;
  margin: 5px 10px;
  height: 30px;
  position: relative;
  border-right: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #ffcb2a;
  z-index: 10;
}
.Community-Calendar-Event .content .tags ul li:first-child {
  margin-left: 0;
}
.Community-Calendar-Event .content .tags ul li:after {
  z-index: 9;
  content: "";
  align-self: flex-end;
  height: 0px;
  width: 0px;
  position: relative;
  border-top: solid 15px transparent;
  border-left: solid 10px #ffcb2a;
  border-bottom: solid 15px transparent;
  right: -10px;
}
.Community-Calendar-Event .content .tags ul li a {
  padding-left: 10px;
  color: #fff;
}

.ORG-Community-Coordinators .coordinator-wrap .coordinator {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}
@media (min-width: 721px) {
  .ORG-Community-Coordinators .coordinator-wrap .coordinator {
    flex-direction: row;
  }
}
.ORG-Community-Coordinators .coordinator-wrap .coordinator .pic {
  flex: 1 1 25%;
  margin: 0 auto;
}
@media (min-width: 721px) {
  .ORG-Community-Coordinators .coordinator-wrap .coordinator .pic {
    margin-right: 20px;
  }
}
.ORG-Community-Coordinators .coordinator-wrap .coordinator .pic img {
  max-width: 300px;
  height: auto;
}
.ORG-Community-Coordinators .coordinator-wrap .coordinator .info {
  flex: 3 1 75%;
}
.ORG-Community-Coordinators .coordinator-wrap .coordinator .info h3 {
  margin-top: 0;
  text-align: center;
}
@media (min-width: 721px) {
  .ORG-Community-Coordinators .coordinator-wrap .coordinator .info h3 {
    text-align: left;
  }
}
.ORG-Community-Coordinators .pagination li {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.ORG-Community-Coordinators .pagination li:hover {
  background: #ffcb2a;
}
.ORG-Community-Coordinators .pagination li:hover a {
  color: #000;
}
.ORG-Community-Coordinators .pagination li.active {
  background: #ffcb2a;
}
.ORG-Community-Coordinators .pagination li.active a {
  color: #000;
}

.ORG-50th .post-section {
  padding: 0 20px 20px 20px;
}
@media (min-width: 721px) {
  .ORG-50th .post-section {
    padding: 0 40px 40px 40px;
  }
}
.ORG-50th .post-section.one-and-three-posts {
  background: url("../img/org/blue-tile.png");
}
.ORG-50th .post-section.one-and-three-posts h2 {
  color: #fff;
}
.ORG-50th .post-section.one-and-three-posts .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  position: relative;
}
@media (min-width: 721px) {
  .ORG-50th .post-section.one-and-three-posts .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 160px 160px 160px 220px;
  }
}
.ORG-50th .post-section.one-and-three-posts .container .post {
  position: relative;
}
@media (max-width: 720px) {
  .ORG-50th .post-section.one-and-three-posts .container .post {
    min-height: 280px;
    margin: 20px 0;
  }
}
.ORG-50th .post-section.one-and-three-posts .container .post img {
  position: absolute;
  top: 0;
  left: 0;
}
.ORG-50th .post-section.one-and-three-posts .container .post h3 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  margin: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
@media (min-width: 721px) {
  .ORG-50th .post-section.one-and-three-posts .container .post h3 {
    padding: 10px 20px;
    left: 20px;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 721px) {
  .ORG-50th .post-section.one-and-three-posts .container .post:first-of-type {
    grid-column: 1/span 2;
    grid-row: 1/span 3;
  }
}
.ORG-50th .post-section.one-and-three-posts .flex-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 721px) {
  .ORG-50th .post-section.one-and-three-posts .flex-container {
    flex-direction: row;
  }
}
.ORG-50th .post-section.one-and-three-posts .flex-container .post {
  position: relative;
  flex: 1;
  display: block;
  min-height: 280px;
  margin: 40px 0 20px 0;
}
@media (min-width: 721px) {
  .ORG-50th .post-section.one-and-three-posts .flex-container .post:first-child {
    margin: 40px 20px 0 0;
  }
  .ORG-50th .post-section.one-and-three-posts .flex-container .post:last-child {
    margin: 40px 0 0 20px;
  }
}
.ORG-50th .post-section.one-and-three-posts .flex-container .post img {
  position: absolute;
  top: 0;
  left: 0;
}
.ORG-50th .post-section.one-and-three-posts .flex-container .post h3 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  margin: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
@media (min-width: 721px) {
  .ORG-50th .post-section.one-and-three-posts .flex-container .post h3 {
    padding: 10px 20px;
    left: 20px;
    margin: 0 0 20px 0;
  }
}

.ORG-Cultural-Focus :target {
  scroll-margin-top: 100px;
}
.ORG-Cultural-Focus .post-section {
  padding: 0 20px 20px 20px;
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section {
    padding: 0 40px 40px 40px;
  }
}
.ORG-Cultural-Focus .post-section.one-and-three-posts {
  background: url("../img/org/blue-tile.png");
}
.ORG-Cultural-Focus .post-section.one-and-three-posts h2 {
  color: #fff;
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  position: relative;
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 160px 160px 160px;
  }
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .container .post {
  position: relative;
}
@media (max-width: 720px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .container .post {
    min-height: 280px;
    margin: 20px 0;
  }
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .container .post img {
  position: absolute;
  top: 0;
  left: 0;
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .container .post h3 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  margin: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .container .post h3 {
    padding: 10px 20px;
    left: 20px;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .container .post:first-of-type {
    grid-column: 1/span 2;
    grid-row: 1/span 3;
  }
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container {
    flex-direction: row;
  }
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container .post {
  position: relative;
  flex: 1;
  display: block;
  min-height: 280px;
  margin: 40px 0 20px 0;
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container .post:first-child {
    margin: 40px 20px 0 0;
  }
  .ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container .post:last-child {
    margin: 40px 0 0 20px;
  }
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container .post img {
  position: absolute;
  top: 0;
  left: 0;
}
.ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container .post h3 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #000;
  margin: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 1;
}
@media (min-width: 721px) {
  .ORG-Cultural-Focus .post-section.one-and-three-posts .flex-container .post h3 {
    padding: 10px 20px;
    left: 20px;
    margin: 0 0 20px 0;
  }
}
.ORG-Cultural-Focus .content .row .cards-wrap {
  justify-content: center;
}
.ORG-Cultural-Focus .content .row .cards-wrap .rollover-card {
  min-width: 190px;
  height: 200px;
  flex: 1;
}
.ORG-Cultural-Focus .content .row .cards-wrap .rollover-card .info {
  margin-top: 160px;
  height: 200px;
  overflow: scroll;
}

@font-face {
  font-family: "Optima Bold";
  src: url("../fonts/fest/Optima-Bold.woff2") format("woff2"), url("../fonts/fest/Optima-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Optima";
  src: url("../fonts/fest/Optima.woff2") format("woff2"), url("../fonts/fest/Optima.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Trajan Bold";
  src: url("../fonts/fest/TrajanPro-Bold.woff2") format("woff2"), url("../fonts/fest/TrajanPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Trajan";
  src: url("../fonts/fest/TrajanPro-Regular.woff2") format("woff2"), url("../fonts/fest/TrajanPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zapfino";
  src: url("../fonts/fest/ZapfinoExtraLT-One.woff2") format("woff2"), url("../fonts/fest/ZapfinoExtraLT-One.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "hewyline";
  src: url("../fonts/fest/hewyline-webfont.woff2") format("woff2"), url("../fonts/fest/hewyline-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "hewyregular";
  src: url("../fonts/fest/hewyregular-webfont.woff2") format("woff2"), url("../fonts/fest/hewyregular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.fest a {
  cursor: pointer;
}
.fest a:link {
  color: #588669;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.fest a:visited {
  color: #588669;
}
.fest a:hover,
.fest a:focus {
  color: #8fb59d;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.fest a.btn {
  color: #fff;
  background: #ebc854;
  border-radius: 5px;
  padding: 5px 10px;
}
.fest a.btn:hover {
  color: #000;
}
.fest p {
  color: #5c5c5c;
  font-family: "source-sans-pro", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0;
}
.fest em {
  font-style: italic;
}
.fest strong,
.fest b {
  font-weight: 600;
  color: #163753;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
  font-family: "neue-kabel", sans-serif;
}

h3 {
  font-size: 25px;
}

h4 {
  font-size: 20px;
}

p {
  margin: 20px 0;
  font-family: "Montserrat", sans-serif;
}

.tk-masqualero {
  font-family: "masqualero", sans-serif;
}

.tk-masqualero-groove {
  font-family: "masqualero-groove", sans-serif;
}

.tk-masqualero-stencil {
  font-family: "masqualero-stencil", sans-serif;
}

.tk-neue-kabel {
  font-family: "neue-kabel", sans-serif;
}

.fest .menu-toggle a {
  display: block;
  width: 28px;
  height: 18px;
  padding: 11px;
  margin: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  border-radius: 3px;
  padding: 12px 8px;
}
@media (min-width: 721px) {
  .fest .menu-toggle a {
    display: none;
  }
}
.fest .menu-toggle a:before,
.fest .menu-toggle a:after {
  content: "";
  display: block;
  background: #000;
  height: 2px;
}
.fest .menu-toggle a span {
  background: #000;
  display: block;
  height: 2px;
  margin: 6px 0;
}
.fest .mm-spn.mm-spn--dark {
  color: #000;
  background: #fff;
}
.fest .mm-spn.mm-spn--dark li a {
  color: #000;
  font-family: "Architects Daughter", cursive;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
}
.fest .mm-spn.mm-spn--navbar:after {
  color: #000;
  font-family: "Architects Daughter", cursive;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  opacity: 1;
}

body.fest {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-family: "source-sans-pro", sans-serif;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.4;
  color: #5c5c5c;
  background-color: #fff;
  background-image: url("../img/fest/bg/paper.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
}

.fest .wrap {
  z-index: 1;
  display: block;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 5px;
}
@media (min-width: 721px) {
  .fest .wrap {
    padding: 20px;
  }
}
.fest .flex-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
}
@media (min-width: 721px) {
  .fest .flex-container {
    flex-direction: row;
  }
  .fest .flex-container img {
    width: 100%;
    height: auto;
    flex: 1;
  }
}
.fest .flex-container .sidebar {
  max-width: 180px;
  padding: 10px;
  flex: 1;
  margin: 0 20px 0 0;
}
.fest .flex-container .sidebar .key {
  margin: 20px 0;
  padding: 10px;
  background: #f8edc6;
  border-radius: 5px;
}
.fest .flex-container .sidebar .key h3 {
  color: #588669;
  margin: 0 0 20px 0;
}
.fest .flex-container .sidebar h3 {
  margin: 20px 0 5px 0;
}
.fest .flex-container .sidebar a {
  color: #ebc854;
}
.fest .flex-container .sidebar a:hover {
  color: #588669;
}
.fest .flex-container .sidebar .up,
.fest .flex-container .sidebar .down {
  width: 100%;
  text-align: left;
  margin-left: 10px;
}
.fest .flex-container .sidebar .up img,
.fest .flex-container .sidebar .down img {
  max-width: 20px;
}
.fest .flex-container .sidebar .down {
  margin-top: 10px;
}
.fest .flex-container .sidebar .down img {
  transform: rotate(180deg);
}
.fest .photo-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 721px) {
  .fest .photo-row {
    flex-direction: row;
  }
  .fest .photo-row .photo {
    flex: 1;
  }
  .fest .photo-row .photo img {
    width: 100%;
    height: auto;
  }
}

.butterflies div {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: fixed;
  display: block;
  transform-origin: 50% 50%;
  z-index: 0;
}
.butterflies .butterfly-1 {
  background-image: url("../img/fest/bg/butterflies/butterfly1.png");
  animation: butterfly-1 ease-in-out 30s;
  animation-iteration-count: infinite;
  min-width: 500px;
  min-height: 500px;
  top: 0;
  left: 10vw;
  transform: rotate(45deg);
}
.butterflies .butterfly-2 {
  background-image: url("../img/fest/bg/butterflies/butterfly2.png");
  animation: butterfly-2 ease-in-out 25s;
  animation-iteration-count: infinite;
  min-width: 500px;
  min-height: 500px;
  position: fixed;
  top: 0;
  right: 0;
}
.butterflies .butterfly-3 {
  background-image: url("../img/fest/bg/butterflies/butterfly3.png");
  animation: butterfly-3 ease-in-out 23s;
  animation-iteration-count: infinite;
  min-width: 900px;
  min-height: 900px;
  position: fixed;
  top: 25vh;
  right: 0;
}
.butterflies .butterfly-4 {
  background-image: url("../img/fest/bg/butterflies/butterfly4.png");
  animation: butterfly-4 ease-in-out 18s;
  animation-iteration-count: infinite;
  min-width: 600px;
  min-height: 600px;
  position: fixed;
  top: 25vh;
  left: 0;
}
.butterflies .butterfly-5 {
  background-image: url("../img/fest/bg/butterflies/butterfly5.png");
  animation: butterfly-5 ease-in-out 60s;
  animation-iteration-count: infinite;
  min-width: 300px;
  min-height: 300px;
  position: fixed;
  bottom: 5vh;
  left: 10vw;
}

@keyframes butterfly-1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  19% {
    transform: translate(10px, 30px) rotate(-3deg);
  }
  43% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  73% {
    transform: translate(-10px, -30px) rotate(5deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes butterfly-2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  19% {
    transform: translate(-15px, -23px) rotate(5deg);
  }
  43% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  73% {
    transform: translate(10px, 20px) rotate(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes butterfly-3 {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  19% {
    transform: translate(-5px, -43px) rotate(7deg);
  }
  43% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  73% {
    transform: translate(5px, 20px) rotate(-5deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes butterfly-4 {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  25% {
    transform: translate(-30px, -30px) rotate(-3deg);
  }
  50% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  75% {
    transform: translate(15px, 10px) rotate(2deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes butterfly-5 {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    transform: translate(-150px, -200px) rotate(-50deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
.fest .sub-wrap {
  background: rgba(255, 255, 255, 0.95);
}
.fest header {
  padding: 20px;
  margin: 41px 0 0 0;
}
.fest header h1,
.fest header h2,
.fest header h3,
.fest header h4,
.fest header h5 {
  margin: 0;
  font-family: "neue-kabel", sans-serif;
  color: #5c5c5c;
}
.fest header h1 {
  font-family: "hewyline";
  font-size: 12vw;
  color: #551d2b;
}
.fest header h3 {
  font-size: 5vw;
}
@media (min-width: 721px) {
  .fest header h1 {
    font-size: 10vw;
  }
  .fest header h3 {
    font-size: 3vw;
  }
}
@media (min-width: 1200px) {
  .fest header h1 {
    font-size: 120px;
  }
  .fest header h3 {
    font-size: 30px;
  }
}
.fest header .flex-container {
  align-items: center;
}
.fest header .nwfl-logo,
.fest header .sponsor-banner {
  border: none;
}
.fest header .nwfl-logo {
  flex: 1;
  display: block;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  flex: 1;
  width: 140px;
  padding: 20px 10px;
  border-radius: 5px;
}
.fest header .nwfl-logo img {
  max-width: 80px;
  width: 100%;
}
@media (min-width: 721px) {
  .fest header .nwfl-logo img {
    max-width: 300px;
  }
}
.fest header .festival-logo {
  padding: 0;
  margin: 0 20px 30px 20px;
  flex: 6;
  text-align: center;
  padding-top: 10px;
}
.fest header .festival-logo img {
  max-width: 800px;
  width: 100%;
}
.fest header .sponsor-banner {
  display: none;
}
@media (min-width: 721px) {
  .fest header .sponsor-banner {
    display: block;
    text-align: center;
    background: #fff;
    flex: 1;
    width: 140px;
    padding: 0 10px;
    border-radius: 5px;
  }
  .fest header .sponsor-banner .sponsorslider {
    max-height: 165px;
    overflow: hidden;
  }
  .fest header .sponsor-banner p {
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 13px;
  }
  .fest header .sponsor-banner img {
    width: 100%;
  }
}

.fest {
  /* menu icon */
  /* menu btn */
}
.fest .menu-icon {
  cursor: pointer;
  display: block;
  float: left;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}
.fest .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 3px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 30px;
}
.fest .menu-icon .navicon:before,
.fest .menu-icon .navicon:after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.fest .menu-icon .navicon:before {
  top: 10px;
}
.fest .menu-icon .navicon:after {
  top: -10px;
}
.fest .menu-btn {
  display: none;
}
.fest .menu-btn:checked ~ .menu {
  max-height: 240px;
}
.fest .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.fest .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.fest .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.fest .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.fest .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
@media (min-width: 721px) {
  .fest #menu {
    background: #588669;
    width: 100%;
    position: fixed;
    top: 0;
    text-align: center;
    z-index: 100;
    padding: 10px 0;
  }
  .fest #menu ul {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .fest #menu ul li {
    position: relative;
    list-style: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: inline-block;
  }
  .fest #menu ul li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    color: #fff;
    font-family: "Crushed", cursive;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
  }
  .fest #menu ul li a:hover {
    color: #ebc854;
  }
  .fest #menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  .fest #menu ul li ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    background: #588669;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .fest #menu ul li ul li a {
    width: 150px;
    line-height: 22px;
  }
  .fest #menu ul li ul li > ul {
    position: absolute;
    left: 100%;
    top: 5px;
    visibility: hidden;
    opacity: 0;
    background: #588669;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
  }
  .fest #menu ul li ul li > ul > li {
    position: relative;
    list-style: none;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: inline-block;
  }
  .fest #menu ul li ul li > ul > li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    color: #fff;
    font-family: inherit;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 16px;
  }
  .fest #menu ul li ul li > ul > li a:hover {
    color: #5c5c5c;
  }
  .fest #menu > ul > li:last-child a {
    background: #ebc854;
    border-radius: 5px;
    padding: 8px 10px 5px 10px;
  }
  .fest #menu > ul > li:last-child a:hover {
    color: #588669;
  }
}
.fest .artistTagNav ul,
.fest #channelNav ul,
.fest #ondemandNav ul,
.fest #artistTagNav ul,
.fest #artistGenres ul {
  margin-top: 20px;
  padding-left: 0 !important;
}
.fest .artistTagNav ul li,
.fest #channelNav ul li,
.fest #ondemandNav ul li,
.fest #artistTagNav ul li,
.fest #artistGenres ul li {
  list-style: none;
  display: block;
  margin: 6px 5px !important;
}
.fest .artistTagNav ul li.active a,
.fest #channelNav ul li.active a,
.fest #ondemandNav ul li.active a,
.fest #artistTagNav ul li.active a,
.fest #artistGenres ul li.active a {
  color: #588669;
}
.fest .artistTagNav ul li a,
.fest #channelNav ul li a,
.fest #ondemandNav ul li a,
.fest #artistTagNav ul li a,
.fest #artistGenres ul li a {
  font-size: 17px;
  font-family: "freight-text-pro", serif;
  text-decoration: none;
}

.fest .content {
  background: transparent;
  padding: 0 20px 20px 20px;
  overflow: hidden;
}
@media (min-width: 721px) {
  .fest .content {
    padding: 0 40px 40px 40px;
  }
}
.fest .content .main ul li {
  list-style: disc;
  margin-left: 20px;
}
.fest .content p {
  margin: 20px 0;
  font-family: "Montserrat", sans-serif;
}
.fest .content .anchor-nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style-type: none;
  list-style: none;
}
.fest .content .anchor-nav li {
  list-style-type: none;
  list-style: none;
  margin: 0 20px;
}
.fest .content .anchor-nav li a {
  font-family: "Crushed", cursive;
  font-size: 22px;
}
.fest .content .about-section {
  width: 100%;
  clear: both;
  overflow: hidden;
  padding: 20px 0;
}
.fest .content .about-section .image img {
  max-width: 350px;
  margin-right: 20px;
  width: 100%;
  height: auto;
  float: left;
}
.fest .content .about-section a.button {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
.fest .content .about-section a.button button {
  color: #fff;
  background: #588669;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #588669;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 auto;
}
.fest .content .about-section a.button button:hover {
  color: #000;
}
.fest .content .about-section a.button button:after {
  content: "";
  display: table;
  clear: both;
}
.fest .content a.anchor {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}
.fest .content a {
  color: #f7a84a;
}
.fest .content a:hover {
  color: #1f4721;
}
.fest .content .social a img {
  width: 30px;
  height: 30px;
  margin: 10px;
  display: inline-block;
  filter: saturate(70%);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.fest .content .social a img:first-child {
  margin: 10px 10px 10px 0;
}
.fest .content .social a img:hover {
  filter: saturate(100%);
}
.fest .content img {
  max-width: 100%;
  height: auto;
}
.fest .content img.featured-img {
  width: 100%;
  height: auto;
}
.fest .content .heading {
  font-size: 25px;
  margin: 40px auto 20px auto;
}
.fest .content .heading.align_left {
  width: 100%;
}
@media (min-width: 721px) {
  .fest .content .heading {
    margin: 0 auto 20px auto;
  }
}
.fest .content button {
  font-family: "freight-text-pro", serif;
}
.fest .content .row {
  margin: 20px auto;
  overflow: hidden;
}
.fest .content .row .column {
  margin: 0 20px;
}
.fest .content .row.flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}
@media (min-width: 721px) {
  .fest .content .row.flex {
    flex-direction: row;
  }
}
.fest .content .row.flex .column {
  margin: 0 20px;
}
.fest .content .row.flex .column .captioned-image.align_left {
  float: left;
  margin: 0;
}
.fest .content .row .red-styled {
  background: #c4493e url(../img/org/NWFL_Pattern_fabric-diamond-alpha.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
  font-size: 30px;
}
.fest .content .row .blue-styled {
  background: #c4493e url(../img/org/blue-tile.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
  font-size: 30px;
}
.fest .content .row .cards-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .fest .content .row .cards-wrap {
    justify-content: flex-start;
  }
}
.fest .content .row .cards-wrap.small .rollover-card {
  max-width: 256px;
}
.fest .content .row .cards-wrap.scrollable .rollover-card .info {
  overflow: scroll;
}
.fest .content .row .cards-wrap .rollover-card {
  border: 2px solid #ebc854;
  height: 280px;
  background-size: cover;
  background-position: center;
  flex: 1 1 280px;
  margin: 5px;
  overflow: hidden;
  max-width: 350px;
}
.fest .content .row .cards-wrap .rollover-card .info {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 238px;
  height: 280px;
  padding: 5px 10px 10px 10px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.fest .content .row .cards-wrap .rollover-card .info h3 {
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  padding: 0;
  margin: 10px 0;
  text-transform: uppercase;
}
.fest .content .row .cards-wrap .rollover-card .info h3.long-title {
  font-size: 10px;
}
.fest .content .row .cards-wrap .rollover-card .info p {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
}
.fest .content .row .cards-wrap .rollover-card .info a {
  font-size: 13px;
  line-height: 15px;
}
.fest .content .row .cards-wrap .rollover-card .info:hover {
  margin-top: 0;
}
.fest .content .row .column img {
  width: 100%;
  height: auto;
}
.fest .content .row .one-third {
  flex: 1;
}
.fest .content .row .two-thirds {
  flex: 2;
}
.fest .content .row .fourth,
.fest .content .row .third {
  text-align: center;
  flex: 1;
}
@media (min-width: 721px) {
  .fest .content .row.has-border .left {
    border-right: 2px solid #c6c6c6;
    padding-right: 20px;
    margin-right: 0;
  }
}
.fest .content .row .half {
  flex: 1;
}
.fest .content .row .half .heading {
  text-align: left;
}
@media (min-width: 721px) {
  .fest .content .row .right {
    padding: 0 0 0 20px;
  }
}
.fest .content hr {
  margin: 20px 0;
}
.fest .content figure {
  margin: 20px 0;
}
.fest .content table td {
  padding: 10px;
}
.fest .content .video-embed {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.fest .content .video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.fest .content .captioned-image {
  background: #fff;
  padding: 20px;
  width: auto;
  display: inline-block;
}
.fest .content .captioned-image.align_left {
  float: left;
  margin-right: 20px;
}
.fest .content .captioned-image.align_right {
  float: right;
  margin-left: spacer;
}
.fest .content .captioned-image.align_center {
  margin-left: 50%;
  transform: translateX(-50%);
}
.fest .content .captioned-image img {
  max-width: 100%;
  height: auto;
}
.fest .content .captioned-image .caption,
.fest .content .captioned-image figcaption {
  text-align: center;
  margin: 0;
  font-size: 10px;
}
.fest .content figcaption {
  text-align: center;
  margin: 5px 0;
  font-size: 10px;
  color: #c6c6c6;
}
.fest .content .gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.fest .content .gallery .gallery-image {
  flex: 1;
  min-width: 150px;
  margin: 20px;
}
.fest .content .gallery .gallery-image img {
  width: 100%;
  height: auto;
}
.fest .content .align_left {
  float: left;
  margin: 20px 0;
}
.fest .content .align_right {
  float: right;
  margin: 20px 0;
}
.fest .content .align_center {
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  margin-bottom: 20px;
}
.fest .content blockquote {
  font-size: 25px;
  text-align: center;
  font-style: italic;
  margin: 40px auto 0 auto;
  padding: 20px 0;
  line-height: 1.45;
  position: relative;
  color: #1a1c1c;
  quotes: "“" "”" "‘" "’";
  display: block;
  width: 100%;
  clear: both;
}
.fest .content blockquote:before {
  color: #70a182;
  content: open-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-right: 0;
  vertical-align: -15px;
}
.fest .content blockquote:after {
  color: #70a182;
  content: close-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-left: -10px;
  vertical-align: -15px;
}
.fest .content cite {
  color: #70a182;
  font-family: "freight-text-pro", serif;
  font-size: 25px;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.fest .content ul {
  padding-left: 20px;
}
.fest .content ul li {
  list-style: square;
  margin: 10px 0;
}
.fest .content .calendar-listing {
  margin: 20px 0;
}
.fest .content .calendar-listing:after {
  content: "";
  display: table;
  clear: both;
}
.fest .content .calendar-listing img {
  float: left;
}
@media (min-width: 721px) {
  .fest .content .calendar-listing img {
    margin-right: 20px;
  }
}
.fest .content .flexslider {
  background: transparent;
  border: none;
}
.fest .content .flexslider ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fest .content .flexslider ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fest .content .cb-table {
  width: 100%;
}
.fest .content .cb-table tr:nth-of-type(odd) {
  background-color: rgba(255, 143, 1, 0.1);
}
.fest .content .cb-table th,
.fest .content .cb-table td {
  border: 1px solid #000;
  text-align: center;
}
.fest .searchform form {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 3px;
}
.fest .searchform input {
  opacity: 1;
  z-index: 1;
  border: none;
  padding: 10px;
  position: relative;
}
.fest .searchform input#search {
  flex: 3;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.fest .searchform input[type=submit] {
  background: url("../img/fest/search.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 8px center;
  cursor: pointer;
  flex: 2;
  min-width: 32px;
  background-color: #588669;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.fest .fest-photo-row {
  display: flex;
}
.fest .fest-photo-row .photo {
  flex: 1;
}

.fest footer {
  background: transparent;
  overflow: hidden;
  border-top: 2px solid #5c5c5c;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.fest footer p {
  text-align: center;
}
.fest footer .partners {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 5px;
}
@media (min-width: 721px) {
  .fest footer .partners {
    padding: 0 20px;
  }
}
.fest footer .partners .partner {
  flex: 1;
  padding: 10px 30px;
}
.fest footer .partners .partner img {
  max-width: 200px;
  width: 100%;
}

#vendorNav ul li {
  list-style: none;
  display: inline-block;
  margin: 5px;
  cursor: pointer;
  color: #fff;
  background: #588669;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #588669;
}
#vendorNav ul li:hover {
  color: #000;
}
#vendorNav ul li a {
  color: #fff;
}

.vendors-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .vendors-wrap {
    justify-content: flex-start;
  }
}
.vendors-wrap .show {
  display: block;
}
.vendors-wrap .vendor {
  border: 2px solid #ebc854;
  height: 280px;
  background-size: cover;
  background-position: center;
  flex: 1 1 280px;
  margin: 10px;
  overflow: hidden;
  max-width: 333.33px;
}
.vendors-wrap .vendor .info {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 220px;
  height: 280px;
  padding: 5px 10px 10px 10px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.vendors-wrap .vendor .info h3 {
  line-height: 22px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.vendors-wrap .vendor .info p {
  font-size: 15px;
  line-height: 17px;
}
.vendors-wrap .vendor .info:hover {
  margin-top: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
}
.pagination li {
  list-style: none;
  display: inline-block;
  max-width: 15px;
  flex: 1;
  padding: 2px;
  margin: 2px;
  border: thin solid rgba(24, 24, 24, 0.1);
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.pagination li:hover {
  background: #ebc854;
}
.pagination li a {
  color: #000;
}
.pagination li img {
  width: 100%;
  height: auto;
}

.artist-category-btns {
  margin: 20px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.artist-category-btns button {
  padding: 5px 10px;
  margin: 5px;
  background: #ebc854;
  color: #fff;
  border-radius: 5px;
  border: none;
  flex-grow: 1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.artist-category-btns button:hover {
  background: #588669;
  color: #000;
}

.artist-hilights-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.artist-hilights-wrap .artist {
  border-bottom: 2px solid #5c5c5c;
  margin: 0 0 5px 0;
  width: 100%;
}
.artist-hilights-wrap .artist:after {
  content: "";
  display: table;
  clear: both;
}
.artist-hilights-wrap .artist h1 {
  font-size: 25px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.artist-hilights-wrap .artist h1:hover {
  color: #ebc854;
}
.artist-hilights-wrap .artist p {
  font-size: 15px;
  line-height: 17px;
}
.artist-hilights-wrap .artist p.short {
  color: #ebc854;
  margin: 10px 0 0 0;
  font-weight: 800;
}
.artist-hilights-wrap .artist a {
  margin-bottom: 20px;
}

.FEST-Artist-Directory .artists-wrap,
.FEST-Artist-Directory-Single .artists-wrap,
.FEST-Artist-Genres .artists-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .FEST-Artist-Directory .artists-wrap,
  .FEST-Artist-Directory-Single .artists-wrap,
  .FEST-Artist-Genres .artists-wrap {
    justify-content: flex-start;
    width: 100%;
  }
}
.FEST-Artist-Directory .artists-wrap .artist,
.FEST-Artist-Directory-Single .artists-wrap .artist,
.FEST-Artist-Genres .artists-wrap .artist {
  border: 2px solid #ebc854;
  height: 280px;
  background-size: cover;
  background-position: center;
  flex: 1 1 280px;
  margin: 5px;
  overflow: hidden;
  max-width: 276px;
}
.FEST-Artist-Directory .artists-wrap .artist .info,
.FEST-Artist-Directory-Single .artists-wrap .artist .info,
.FEST-Artist-Genres .artists-wrap .artist .info {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 225px;
  height: 280px;
  padding: 5px 10px 10px 10px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-Artist-Directory .artists-wrap .artist .info h3,
.FEST-Artist-Directory-Single .artists-wrap .artist .info h3,
.FEST-Artist-Genres .artists-wrap .artist .info h3 {
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
  font-family: "freight-text-pro", serif;
}
.FEST-Artist-Directory .artists-wrap .artist .info p,
.FEST-Artist-Directory-Single .artists-wrap .artist .info p,
.FEST-Artist-Genres .artists-wrap .artist .info p {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
}
.FEST-Artist-Directory .artists-wrap .artist .info a,
.FEST-Artist-Directory-Single .artists-wrap .artist .info a,
.FEST-Artist-Genres .artists-wrap .artist .info a {
  font-size: 13px;
  line-height: 15px;
}
.FEST-Artist-Directory .artists-wrap .artist .info:hover,
.FEST-Artist-Directory-Single .artists-wrap .artist .info:hover,
.FEST-Artist-Genres .artists-wrap .artist .info:hover {
  margin-top: 0;
}
.FEST-Artist-Directory .pagination,
.FEST-Artist-Directory-Single .pagination,
.FEST-Artist-Genres .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
}
.FEST-Artist-Directory .pagination li,
.FEST-Artist-Directory-Single .pagination li,
.FEST-Artist-Genres .pagination li {
  list-style: none;
  display: inline-block;
  max-width: 15px;
  flex: 1;
  padding: 2px;
  margin: 2px;
  border: thin solid rgba(24, 24, 24, 0.1);
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-Artist-Directory .pagination li:hover,
.FEST-Artist-Directory-Single .pagination li:hover,
.FEST-Artist-Genres .pagination li:hover {
  background: #ebc854;
}
.FEST-Artist-Directory .pagination li.active,
.FEST-Artist-Directory-Single .pagination li.active,
.FEST-Artist-Genres .pagination li.active {
  background: #ebc854;
}
.FEST-Artist-Directory .pagination li a,
.FEST-Artist-Directory-Single .pagination li a,
.FEST-Artist-Genres .pagination li a {
  color: #000;
}
.FEST-Artist-Directory .pagination li img,
.FEST-Artist-Directory-Single .pagination li img,
.FEST-Artist-Genres .pagination li img {
  width: 100%;
  height: auto;
}
.FEST-Artist-Directory #artistTagNav,
.FEST-Artist-Directory-Single #artistTagNav,
.FEST-Artist-Genres #artistTagNav {
  max-height: 440px;
  overflow: scroll;
  direction: rtl;
  margin-left: -20px;
  padding-left: 20px;
}
.FEST-Artist-Directory #artistTagNav ul li,
.FEST-Artist-Directory-Single #artistTagNav ul li,
.FEST-Artist-Genres #artistTagNav ul li {
  text-align: left;
}

.FEST-Artist .big-centered {
  font-size: 35px;
  text-align: center;
  margin-bottom: 20px;
}
.FEST-Artist .video {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.FEST-Artist .artist-info {
  overflow: hidden;
  margin-top: 20px;
}
.FEST-Artist .artist-info img {
  max-width: 250px;
  float: left;
  margin-right: 20px;
}
.FEST-Artist .artist-info h3 {
  font-family: "source-sans-pro", sans-serif;
  margin-top: 0;
}
.FEST-Artist .artist-info .btn {
  margin: 10px 0;
  display: inline-block;
}
.FEST-Artist .hide-on-mta {
  display: none;
}

.row .col {
  flex: 1;
}
.row .col:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
}

.tab {
  width: 100%;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tab-label p {
  text-align: left;
  float: left;
  margin: 0 !important;
  padding-left: 18px;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  display: flex;
  justify-content: space-between;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  cursor: pointer;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

.tab-content .image {
  margin-right: 20px;
  flex: 2;
}
.tab-content .text {
  flex: 4;
}
.tab-content .text a h3 {
  margin-top: 0;
}

.live-video {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.Music .tabs:nth-child(1),
.Music .tabs:nth-child(2),
.Music .tabs:nth-child(3) {
  display: none;
}

.FEST-On-Demand .swiper-button-next {
  right: 0;
  top: 0;
  margin-top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.FEST-On-Demand .swiper-button-prev {
  left: 0;
  top: 0;
  margin-top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.FEST-On-Demand .swiper-button-next:after,
.FEST-On-Demand .swiper-button-prev:after {
  font-size: 20px;
}
.FEST-On-Demand .program-channels {
  display: none;
  width: 100%;
  overflow: hidden;
}
.FEST-On-Demand .program-channels .program-channel {
  border: thin solid #5c5c5c;
  margin-bottom: 20px;
}
.FEST-On-Demand .program-channels .program-channel .swiper-wrapper {
  flex: 40;
}
@media (min-width: 721px) {
  .FEST-On-Demand .program-channels .program-channel .swiper-wrapper {
    flex: 50;
  }
}
.FEST-On-Demand .program-channels .program-channel .swiper-wrapper .artist {
  min-height: 250px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
  border-left: 0.5px solid #5c5c5c;
  border-right: 0.5px solid #5c5c5c;
}
.FEST-On-Demand .program-channels .program-channel .swiper-wrapper .artist img {
  max-width: 100px;
  margin: auto;
  opacity: 0.4;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-On-Demand .program-channels .program-channel .swiper-wrapper .artist img:hover {
  opacity: 1;
}
.FEST-On-Demand .program-channels .program-channel .swiper-wrapper .artist h3 {
  bottom: 0;
  padding: 10px 0;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  width: 100%;
  flex: 1 1 100%;
  max-height: 40px;
  position: absolute;
  line-height: 15px;
  font-size: 15px;
}

.on-demand-artists-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .on-demand-artists-wrap {
    justify-content: flex-start;
  }
}
.on-demand-artists-wrap .artist {
  border: 2px solid #ebc854;
  background-size: cover;
  background-position: center;
  margin: 10px;
  overflow: hidden;
  position: relative;
  min-width: 250px;
  min-height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.on-demand-artists-wrap .artist img {
  max-width: 100px;
  margin: auto;
  opacity: 0.4;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.on-demand-artists-wrap .artist img:hover {
  opacity: 1;
}
.on-demand-artists-wrap .artist h3 {
  bottom: -20px;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  width: 100%;
  flex: 1 1 100%;
  min-height: 20px;
  position: absolute;
  line-height: 15px;
  font-size: 15px;
}

.FEST-Gathering-Room h2 {
  margin: 40px 0 20px 0;
}
.FEST-Gathering-Room .gathering-room-item {
  display: flex;
}
.FEST-Gathering-Room .gathering-room-item .photo {
  flex: 1 1 30%;
  margin-right: 20px;
}
.FEST-Gathering-Room .gathering-room-item .photo img {
  width: 100%;
}
.FEST-Gathering-Room .gathering-room-item .info {
  flex: 1 1 60%;
}
.FEST-Gathering-Room .gathering-room-item .info a h3 {
  font-size: 25px;
  font-family: "freight-text-pro", serif;
  margin: 0;
}
.FEST-Gathering-Room .gathering-room-item .info h4 {
  font-size: 20px;
  font-family: "freight-text-pro", serif;
}

.family-fun-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.family-fun-wrapper a {
  cursor: pointer;
}
.family-fun-wrapper .family-fun {
  border: 2px solid #ebc854;
  height: 280px;
  width: 280px;
  background-size: cover;
  background-position: center;
  flex: 1;
  margin: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.family-fun-wrapper .family-fun h2 {
  font-family: "freight-text-pro", serif;
  text-align: center;
}

.top-logos {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}
.top-logos .partners {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 5px;
}
@media (min-width: 721px) {
  .top-logos .partners {
    padding: 0 20px;
  }
}
.top-logos .partners .partner {
  flex: 1;
  padding: 10px;
}
.top-logos .partners .partner img {
  width: 100%;
  max-width: 400px;
}

.Legacies .toolkit-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.Legacies .toolkit-wrap .toolkit {
  margin: 10px;
  flex: 1;
}
.Legacies .swiper-button-next {
  right: 0;
  top: 0;
  margin-top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.Legacies .swiper-button-prev {
  left: 0;
  top: 0;
  margin-top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.Legacies .swiper-button-next:after,
.Legacies .swiper-button-prev:after {
  font-size: 20px;
}
.Legacies .swiper-wrapper {
  flex: 40;
}
@media (min-width: 721px) {
  .Legacies .swiper-wrapper {
    flex: 50;
  }
}
.Legacies .swiper-wrapper .artist {
  min-height: 250px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
}
.Legacies a.button {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
.Legacies a.button button {
  color: #fff;
  background: #588669;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #588669;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 auto;
}
.Legacies a.button button:hover {
  color: #000;
}

.FEST-Schedule .content h2 {
  text-align: center;
  margin: 80px 0 40px 0;
}
.FEST-Schedule .content .schedule-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 40px 0;
}
@media (min-width: 1200px) {
  .FEST-Schedule .content .schedule-nav {
    padding: 0 8vw;
  }
}
.FEST-Schedule .content .schedule-nav li {
  list-style: none;
}
.FEST-Schedule .content .schedule-nav li a {
  font-family: "freight-text-pro", serif;
  font-size: 20px;
}
.FEST-Schedule .content .schedule-nav li a.btn {
  background: #f2db8f;
}
@media (max-width: 450px) {
  .FEST-Schedule .content .schedule-nav li a {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .FEST-Schedule .content .schedule-nav li a {
    font-size: 30px;
  }
}
.FEST-Schedule .content .schedule-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
@media (min-width: 880px) {
  .FEST-Schedule .content .schedule-wrap {
    flex-direction: row;
  }
}
.FEST-Schedule .content .schedule-wrap .channel {
  flex: 1;
  margin: 0 20px;
}
@media (min-width: 880px) {
  .FEST-Schedule .content .schedule-wrap .channel {
    max-width: 238px;
  }
}
.FEST-Schedule .content .schedule-wrap .channel > h3 {
  border: thin solid rgba(24, 24, 24, 0.2);
}
.FEST-Schedule .content .schedule-wrap .channel.fiftieth > h3 {
  background: #f8edc6;
  margin: 0;
  padding: 20px 0;
}
.FEST-Schedule .content .schedule-wrap .channel.fiftieth .schedule-item:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
.FEST-Schedule .content .schedule-wrap .channel.fiftieth .schedule-item:nth-child(odd) {
  background: rgba(255, 143, 1, 0.1);
}
.FEST-Schedule .content .schedule-wrap .channel.roadhouse > h3 {
  background: #9ebfaa;
  margin: 0;
  padding: 20px 0;
}
.FEST-Schedule .content .schedule-wrap .channel.roadhouse .schedule-item:nth-child(even) {
  background: rgba(182, 15, 34, 0.2);
}
.FEST-Schedule .content .schedule-wrap .channel.roadhouse .schedule-item:nth-child(odd) {
  background: rgba(182, 15, 34, 0.1);
}
.FEST-Schedule .content .schedule-wrap .channel.premieres > h3 {
  background: #aca8ef;
  margin: 0;
  padding: 20px 0;
}
.FEST-Schedule .content .schedule-wrap .channel.premieres .schedule-item:nth-child(even) {
  background: rgba(69, 60, 220, 0.2);
}
.FEST-Schedule .content .schedule-wrap .channel.premieres .schedule-item:nth-child(odd) {
  background: rgba(69, 60, 220, 0.1);
}
.FEST-Schedule .content .schedule-wrap .channel.gathering > h3 {
  background: #46c776;
  margin: 0;
  padding: 20px 0;
}
.FEST-Schedule .content .schedule-wrap .channel.gathering .schedule-item:nth-child(even) {
  background: rgba(33, 109, 61, 0.2);
}
.FEST-Schedule .content .schedule-wrap .channel.gathering .schedule-item:nth-child(odd) {
  background: rgba(33, 109, 61, 0.1);
}
.FEST-Schedule .content .schedule-wrap .channel h3 {
  color: rgba(24, 24, 24, 0.95);
  font-size: 25px;
  font-family: "freight-text-pro", serif;
  text-align: center;
}
.FEST-Schedule .content .schedule-wrap .channel .schedule-item {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 150px;
  border: thin solid rgba(24, 24, 24, 0.2);
}
.FEST-Schedule .content .schedule-wrap .channel .schedule-item h3 {
  font-size: 20px;
  margin: 0;
  text-align: left;
}
.FEST-Schedule .content .schedule-wrap .channel .schedule-item h4 {
  font-size: 18px;
}
.FEST-Schedule .content .schedule-wrap .channel .schedule-item .register {
  color: #453cdc;
  font-family: "freight-text-pro", serif;
}
.FEST-Schedule .content .ondemand-wrap h3 {
  font-size: 25px;
  font-family: "freight-text-pro", serif;
  text-align: center;
}
.FEST-Schedule .content .ondemand-wrap .od-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.FEST-Schedule .content .ondemand-wrap .od-section .schedule-item {
  display: inline-block;
  margin: 0 10px;
}
.FEST-Schedule .content .ondemand-wrap .od-section .schedule-item a h3 {
  color: #000;
  margin: 10px 0;
  font-size: 20px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-Schedule .content .ondemand-wrap .od-section .schedule-item a h3:hover {
  color: #ebc854;
}

.FEST-2022-schedule-embed.fest .content {
  padding: 0;
}
.FEST-2022-schedule-embed.fest .content #embed-schedule {
  min-height: 2260px;
}

.FEST-Live-Schedule .modal__container {
  max-width: 1000px;
  margin-top: 100px;
  width: 100%;
  font-size: 25px;
}
.FEST-Live-Schedule .modal__container .video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.FEST-Live-Schedule .modal__container .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.FEST-Live-Schedule sup {
  vertical-align: super;
  font-size: 1rem;
}
.FEST-Live-Schedule .accordion-container .ac button h2 {
  font-family: "source-sans-pro", sans-serif;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel {
  display: flex;
  flex-direction: column;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel {
  width: 50%;
  padding: 0 20px;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel .modal-trigger {
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel ul {
  padding-left: 0;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel ul .tip {
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin: 0;
  cursor: default;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel ul .tip:hover {
  color: #453cdc;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel ul .tip .time {
  color: #855723;
  font-weight: 600;
}
.FEST-Live-Schedule .accordion-container .ac .ac-panel .sub-panel ul .tip:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
@media (min-width: 721px) {
  .FEST-Live-Schedule .accordion-container .ac .ac-panel {
    flex-direction: row;
  }
}
.FEST-Live-Schedule .tippy-content h3 {
  color: #163753;
}
.FEST-Live-Schedule .tippy-content p {
  margin: 5px 0;
}
.FEST-Live-Schedule .modal .modal__header {
  padding: 0;
  margin: 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.FEST-Live-Schedule .modal .modal__header .modal__title {
  font-family: "source-sans-pro", sans-serif;
}
.FEST-Live-Schedule .modal .modal__header button {
  margin: 0;
}

.scroll-to-top {
  display: block;
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 80px;
  height: 80px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
  transform: scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.scroll-to-top.show {
  transform: scale(1);
  opacity: 1;
}

.tippy-box[data-theme~=light] {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow:before {
  border-top-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow:before {
  border-left-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow:before {
  border-right-color: #fff;
}

.tippy-box[data-theme~=light] > .tippy-backdrop {
  background-color: #fff;
}

.tippy-box[data-theme~=light] > .tippy-svg-arrow {
  fill: #fff;
}

.FEST-Live-Schedule-list .schedule-list h2 {
  font-family: "source-sans-pro", sans-serif;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-list .schedule-list h2 {
    text-align: left;
  }
}
.FEST-Live-Schedule-list .schedule-list .panel {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.8);
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel {
  padding: 0 20px;
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-list .schedule-list .panel .sub-panel {
    width: 50%;
  }
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel h3 {
  margin: 20px 0 10px 0;
  text-align: center;
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-list .schedule-list .panel .sub-panel h3 {
    text-align: left;
  }
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel ul {
  padding-left: 0;
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel ul .tip {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin: 0;
  cursor: default;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-list .schedule-list .panel .sub-panel ul .tip {
    text-align: left;
  }
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel ul .tip:hover {
  color: #453cdc;
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel ul .tip .time {
  color: #855723;
  font-weight: 600;
}
.FEST-Live-Schedule-list .schedule-list .panel .sub-panel ul .tip:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-list .schedule-list .panel {
    flex-direction: row;
  }
}

.FEST-Live-Schedule-alt .modal__container {
  max-width: 1000px;
  margin-top: 100px;
  width: 100%;
  font-size: 25px;
}
.FEST-Live-Schedule-alt .modal__container .video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.FEST-Live-Schedule-alt .modal__container .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.FEST-Live-Schedule-alt sup {
  vertical-align: super;
  font-size: 1rem;
}
.FEST-Live-Schedule-alt .accordion-container .ac button h2 {
  font-family: "source-sans-pro", sans-serif;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel {
  display: flex;
  flex-direction: column;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel {
  width: 50%;
  padding: 0 20px;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel .modal-trigger {
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
  cursor: pointer;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel ul {
  padding-left: 0;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel ul .tip {
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin: 0;
  cursor: default;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel ul .tip:hover {
  color: #453cdc;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel ul .tip .time {
  color: #855723;
  font-weight: 600;
}
.FEST-Live-Schedule-alt .accordion-container .ac .ac-panel .sub-panel ul .tip:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-alt .accordion-container .ac .ac-panel {
    flex-direction: row;
  }
}
.FEST-Live-Schedule-alt .tippy-content h3 {
  color: #163753;
}
.FEST-Live-Schedule-alt .tippy-content p {
  margin: 5px 0;
}
.FEST-Live-Schedule-alt .modal .modal__header {
  padding: 0;
  margin: 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.FEST-Live-Schedule-alt .modal .modal__header .modal__title {
  font-family: "source-sans-pro", sans-serif;
}
.FEST-Live-Schedule-alt .modal .modal__header button {
  margin: 0;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner {
  padding: 20px;
  text-align: center;
  overflow: visible;
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-alt .livestream-wrap-alt .inner {
    padding: 50px;
    padding-top: 0;
  }
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .videos {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-alt .livestream-wrap-alt .inner .videos {
    flex-direction: row;
  }
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .videos .video-wrap {
  margin: 0 10px;
  flex: 1;
  width: 100%;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .videos .video-wrap h2 {
  font-size: 23px;
  color: #163753;
  padding-bottom: 20px;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .videos .video-wrap .video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .videos .video-wrap .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac button h2 {
  font-family: "source-sans-pro", sans-serif;
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
  cursor: pointer;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel {
  display: flex;
  flex-direction: column;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel {
  width: 50%;
  padding: 0 20px;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel .modal-trigger {
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
  cursor: pointer;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul {
  padding-left: 0;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip {
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin: 0;
  cursor: default;
  text-align: left;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip:hover {
  color: #453cdc;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip .time {
  color: #855723;
  font-weight: 600;
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
@media (min-width: 721px) {
  .FEST-Live-Schedule-alt .livestream-wrap-alt .inner .schedule .accordion-container-2 .ac .ac-panel {
    flex-direction: row;
  }
}
.FEST-Live-Schedule-alt .livestream-wrap-alt .inner .tippy-content p {
  margin: 5px 0;
}

.FEST-Sponsors h1, .FEST-Sponsors h2 {
  text-align: center;
  font-size: 30px;
  color: #588669;
}
.FEST-Sponsors .big-sponsors-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
@media (min-width: 721px) {
  .FEST-Sponsors .big-sponsors-wrap {
    flex-direction: row;
  }
}
.FEST-Sponsors .big-sponsors-wrap .sponsor {
  padding: 0;
  flex: 1;
  text-align: center;
}
.FEST-Sponsors .big-sponsors-wrap .sponsor img {
  width: 100%;
  max-width: 350px;
}
.FEST-Sponsors .sponsors-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media (min-width: 721px) {
  .FEST-Sponsors .sponsors-wrap {
    flex-direction: row;
  }
}
.FEST-Sponsors .sponsors-wrap .sponsor {
  flex: 1 1 20%;
  padding: 10px;
}
.FEST-Sponsors .sponsors-wrap .sponsor img {
  width: 100%;
  max-width: 240px;
}

.fest .presented-by {
  margin: 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px 20px 0 20px;
}
.fest .presented-by a img {
  max-width: 600px;
  width: 100%;
}
.fest .cultural-focus-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #588669;
  padding: 0 10px;
}
.fest .cultural-focus-nav ul li {
  list-style: none !important;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}
.fest .cultural-focus-nav ul li a {
  color: #f0d782;
}
.fest .cultural-focus-nav ul li a.active {
  color: #f7a84a;
  text-decoration: underline;
}

.FEST-Home .festival-logo {
  flex: 5 !important;
}
.FEST-Home .festival-logo img {
  max-width: 900px !important;
  width: 100%;
}
.FEST-Home .featured-video {
  width: 100%;
  float: right;
  padding: 0 0 20px 0;
}
@media (min-width: 1000px) {
  .FEST-Home .featured-video {
    max-width: 535px;
    padding: 0 20px 20px 20px;
  }
}
.FEST-Home .content .row .cards-wrap .rollover-card {
  max-width: 500px;
}
.FEST-Home .bottom-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.FEST-Home .bottom-links a {
  background-color: #e6b926;
  text-align: center;
  color: #fff;
  padding: 4px 10px;
  font-size: 20px;
  width: 100%;
  margin: 0 20px;
}
.FEST-Home .bottom-links a:first-of-type {
  margin: 0 20px 0 0;
  background-color: #551d2b;
}
.FEST-Home .bottom-links a:last-of-type {
  margin: 0 0 0 20px;
  background-color: #163753;
}
.FEST-Home .bottom-links a:nth-child(3) {
  background-color: #574834;
}
@media (min-width: 1200px) {
  .FEST-Home .bottom-links a {
    padding: 10px 40px;
    font-size: 25px;
  }
}

.element-animation {
  animation: animationFrames ease-in-out 12s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 12s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 12s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 12s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  19% {
    transform: translate(-1px, -9px) rotate(-5deg);
  }
  43% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  73% {
    transform: translate(1px, 7px) rotate(5deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
.livestream-icon {
  width: 80px;
  height: 80px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 99999;
  cursor: pointer;
  text-align: center;
  background-image: url("../img/fest/butterfly.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media (min-width: 721px) {
  .livestream-icon {
    top: 50px;
  }
}
@media (min-width: 1400px) {
  .livestream-icon {
    top: 10px;
  }
}
.livestream-icon:hover {
  width: 100px;
  height: 100px;
  margin: -10px -10px 0 0;
}

.livestream-icon-close {
  background-image: url("../img/fest/butterfly-close.png");
}

.livestream-wrap {
  background: rgba(255, 255, 255, 0.95);
  right: -150%;
  z-index: 10;
  transition: all 0.5s ease-out;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 1200px) {
  .livestream-wrap {
    padding-top: 40px;
  }
}
.livestream-wrap .inner {
  padding: 20px;
  text-align: center;
  overflow: visible;
}
@media (min-width: 721px) {
  .livestream-wrap .inner {
    padding: 50px;
  }
}
.livestream-wrap .inner .videos {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 721px) {
  .livestream-wrap .inner .videos {
    flex-direction: row;
  }
}
.livestream-wrap .inner .videos .video-wrap {
  margin: 0 10px;
  flex: 1;
  width: 100%;
}
.livestream-wrap .inner .videos .video-wrap h2 {
  font-size: 23px;
  color: #163753;
  padding-bottom: 20px;
}
.livestream-wrap .inner .videos .video-wrap .video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.livestream-wrap .inner .videos .video-wrap .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac button h2 {
  font-family: "source-sans-pro", sans-serif;
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
  cursor: pointer;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel {
  display: flex;
  flex-direction: column;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel {
  width: 50%;
  padding: 0 20px;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel .modal-trigger {
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
  cursor: pointer;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul {
  padding-left: 0;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip {
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin: 0;
  cursor: default;
  text-align: left;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip:hover {
  color: #453cdc;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip .time {
  color: #855723;
  font-weight: 600;
}
.livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel .sub-panel ul .tip:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
@media (min-width: 721px) {
  .livestream-wrap .inner .schedule .accordion-container-2 .ac .ac-panel {
    flex-direction: row;
  }
}
.livestream-wrap .inner .tippy-content p {
  margin: 5px 0;
}

.open-livestream {
  right: 0;
}
@media (max-width: 720px) {
  .open-livestream {
    top: 0;
  }
}

@font-face {
  font-family: "Heavitas";
  src: url("../fonts/obn/heavitas-webfont.woff2") format("woff2"), url("../fonts/obn/heavitas-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima-nova-soft";
  font-weight: normal;
  font-style: normal;
}
.obn p {
  color: #5c5c5c;
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 23px;
  margin: 20px 0;
}
.obn h1,
.obn h2,
.obn h3,
.obn h4,
.obn h5 {
  font-family: "Heavitas", sans-serif;
  color: #5c5c5c;
}
.obn h1 {
  font-size: 30px;
  color: #e74529;
}
.obn h1.blue-box {
  color: #fff;
  background-color: #f3dd41;
  text-align: center;
  padding: 20px;
  font-size: 25px;
  margin-bottom: 20px;
}
.obn h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.obn h3 {
  font-size: 20px;
  color: #5388C6;
}
.obn h4 {
  font-size: 20px;
  color: #5388C6;
  text-transform: initial;
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.obn em {
  font-style: italic;
}
.obn strong,
.obn b {
  font-weight: 600;
  color: #76A441;
}
.obn a {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  color: #e74529;
  text-decoration: none;
}
.obn a:hover {
  color: #ec6d57;
}

.menu-toggle a {
  display: block;
  width: 28px;
  height: 18px;
  padding: 11px;
  margin: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.menu-toggle a:before,
.menu-toggle a:after {
  content: "";
  display: block;
  background: #fff;
  height: 2px;
}

.menu-toggle a span {
  background: #fff;
  display: block;
  height: 2px;
  margin: 6px 0;
}

.mm-spn.mm-spn--dark {
  color: #000;
  background: #95C4C0;
}
.mm-spn.mm-spn--dark li a {
  color: #000;
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
}

.mm-spn.mm-spn--navbar:after {
  color: #000;
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  opacity: 1;
}

body.obn {
  font-size: 18px;
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.4;
  color: #5c5c5c;
  background: #faf8de url(../img/obn/bg/obn-bg.png) center 0px no-repeat fixed;
  background-size: cover;
  background-position: center -60px;
}
.obn .wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
}
@media (min-width: 721px) {
  .obn .wrap {
    padding: 40px;
  }
}
.obn .flex-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
}
@media (min-width: 721px) {
  .obn .flex-container {
    flex-direction: row;
  }
  .obn .flex-container img {
    width: 100%;
    height: auto;
    flex: 1;
  }
}
.obn .flex-container .sidebar {
  max-width: 180px;
  padding: 10px;
  flex: 1;
  margin: 42px 20px 0 0;
}
.obn .flex-container .sidebar a {
  color: #e74529;
}
.obn .flex-container .sidebar a:hover {
  color: #f3dd41;
}
.obn .photo-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 721px) {
  .obn .photo-row {
    flex-direction: row;
  }
  .obn .photo-row .photo {
    flex: 1;
  }
  .obn .photo-row .photo img {
    width: 100%;
    height: auto;
  }
}

.obn header {
  padding: 0;
  text-align: center;
}
@media (min-width: 721px) {
  .obn header {
    padding: 40px 0.5;
  }
}
.obn header .obn-home-logo {
  padding: 0;
  margin: 40px auto 40px auto;
  text-align: center;
}
.obn header .obn-home-logo .obn-logo {
  max-width: 600px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.obn header .obn-logo img {
  max-width: 600px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.obn header h2.obn-page-title {
  font-family: "Heavitas", sans-serif;
  font-size: 35px;
  padding-bottom: 12px;
  margin-bottom: 25px;
  border-bottom: 2px solid #282828;
  display: inline-block;
  color: #282828;
}
@media (min-width: 721px) {
  .obn header h2.obn-page-title {
    font-size: 55px;
  }
}
.obn header .obn-subtitle {
  margin: 45px auto 40px auto;
  font-size: 20px;
  line-height: 22px;
  max-width: 600px;
  width: 100%;
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  color: #282828;
}

.obn {
  /* menu icon */
  /* menu btn */
}
.obn .menu-icon {
  cursor: pointer;
  display: block;
  float: left;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}
.obn .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 3px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 30px;
}
.obn .menu-icon .navicon:before,
.obn .menu-icon .navicon:after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.obn .menu-icon .navicon:before {
  top: 10px;
}
.obn .menu-icon .navicon:after {
  top: -10px;
}
.obn .menu-btn {
  display: none;
}
.obn .menu-btn:checked ~ .menu {
  max-height: 240px;
}
.obn .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.obn .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.obn .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.obn .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.obn .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
.obn .menu-toggle a {
  display: block;
  background: #f3dd41;
  border-radius: 3px;
  padding: 12px 8px;
}
@media (min-width: 721px) {
  .obn .menu-toggle a {
    display: none;
  }
}
@media (min-width: 721px) {
  .obn #menu {
    background: #f3dd41;
    width: 100%;
    position: fixed;
    top: 0;
    text-align: center;
    z-index: 9999;
    padding: 20px 0;
  }
  .obn #menu ul {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .obn #menu ul li {
    position: relative;
    list-style: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: inline-block;
  }
  .obn #menu ul li a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000;
    font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
  }
  .obn #menu ul li a:hover {
    color: #fff;
  }
  .obn #menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  .obn #menu ul li ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    background: #f3dd41;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .obn #menu ul li ul li a {
    width: 150px;
    line-height: 22px;
  }
  .obn #menu ul li ul li > ul {
    position: absolute;
    left: 100%;
    top: 5px;
    visibility: hidden;
    opacity: 0;
    background: #95c4c0;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
  }
  .obn #menu ul li ul li > ul > li {
    position: relative;
    list-style: none;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: inline-block;
  }
  .obn #menu ul li ul li > ul > li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    color: #000;
    font-family: "franklin-gothic-compressed", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
  }
  .obn #menu ul li ul li > ul > li a:hover {
    color: #fff;
  }
  .obn #menu > ul > li:last-child a {
    color: #fff;
    background: #e74529;
    border-radius: 5px;
    padding: 0 5px;
  }
  .obn #menu > ul > li:last-child a:hover {
    color: #000;
  }
}
.obn #vendorNav ul li {
  list-style: none;
  display: inline-block;
  margin: 5px;
}
.obn #vendorNav ul li a {
  color: #fff;
  background: #f3dd41;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #f3dd41;
}
.obn #vendorNav ul li a:hover {
  color: #000;
}
.obn #channelNav ul,
.obn #ondemandNav ul,
.obn #artistTagNav ul,
.obn #artistGenres ul,
.obn #neighborhoodNav ul {
  margin-top: 15px;
  padding-left: 0;
}
.obn #channelNav ul li,
.obn #ondemandNav ul li,
.obn #artistTagNav ul li,
.obn #artistGenres ul li,
.obn #neighborhoodNav ul li {
  list-style: none;
  display: block;
  margin: 6px 5px;
}
.obn .content {
  background: rgba(255, 255, 255, 0.95);
  padding: 20px;
}
@media (min-width: 721px) {
  .obn .content {
    padding: 40px;
  }
}
.obn .content .main ul li {
  list-style: disc;
  margin-left: 40px;
}
.obn .content .about-section {
  width: 100%;
  clear: both;
  overflow: hidden;
  padding: 40px 0;
}
.obn .content .about-section .image img {
  max-width: 500px;
  margin: 0 0 40px 0;
  width: 100%;
  height: auto;
  float: left;
}
@media (min-width: 721px) {
  .obn .content .about-section .image img {
    max-width: 350px;
    margin: 0 40px 0 0;
  }
}
.obn .content .about-section a.button {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: block;
}
.obn .content .about-section a.button button {
  color: #fff;
  background: #f3dd41;
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #f3dd41;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 auto;
  border: none;
}
.obn .content .about-section a.button button:hover {
  color: #000;
}
.obn .content .social a img {
  width: 30px;
  height: 30px;
  margin: 10px;
  display: inline-block;
  filter: saturate(70%);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.obn .content .social a img:first-child {
  margin: 10px 10px 10px 0;
}
.obn .content .social a img:hover {
  filter: saturate(100%);
}
.obn .content img {
  max-width: 100%;
  height: auto;
}
.obn .content img.featured-img {
  width: 100%;
  height: auto;
}
.obn .content .heading {
  font-size: 25px;
  margin: 80px auto 40px auto;
}
@media (min-width: 721px) {
  .obn .content .heading {
    margin: 0 auto 40px auto;
  }
}
.obn .content button {
  font-family: "Heavitas", sans-serif;
}
.obn .content .row {
  margin: 80px auto;
  overflow: hidden;
}
.obn .content .row:first-of-type {
  margin: 40px auto 80px auto;
}
.obn .content .row.flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}
@media (min-width: 721px) {
  .obn .content .row.flex {
    flex-direction: row;
  }
}
.obn .content .row.flex .column {
  margin: 0 40px;
}
.obn .content .row.flex .column .captioned-image.align_left {
  float: left;
  margin: 0;
}
.obn .content .row .red-styled {
  background: #c4493e url(../img/org/NWFL_Pattern_fabric-diamond-alpha.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  padding: 40px;
  text-align: center;
  margin: 40px 0;
  text-transform: uppercase;
  font-size: 30px;
}
.obn .content .row .blue-styled {
  background: #c4493e url(../img/org/blue-tile.png);
  background-position: center;
  background-repeat: repeat;
  color: #fff;
  padding: 40px;
  text-align: center;
  margin: 40px 0;
  text-transform: uppercase;
  font-size: 30px;
}
.obn .content .row .cards-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .obn .content .row .cards-wrap {
    justify-content: flex-start;
  }
}
.obn .content .row .cards-wrap .rollover-card {
  border: 2px solid #e74529;
  height: 280px;
  background-size: cover;
  background-position: center;
  flex: 1 1 280px;
  margin: 10px;
  overflow: hidden;
  max-width: 319px;
}
.obn .content .row .cards-wrap .rollover-card .info {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 238px;
  height: 280px;
  padding: 10px 20px 20px 20px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.obn .content .row .cards-wrap .rollover-card .info h3 {
  line-height: 15px;
  font-size: 15px;
  text-align: center;
  padding: 0;
  margin: 10px 0;
  text-transform: uppercase;
}
.obn .content .row .cards-wrap .rollover-card .info p {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
}
.obn .content .row .cards-wrap .rollover-card .info a {
  font-size: 13px;
  line-height: 15px;
}
.obn .content .row .cards-wrap .rollover-card .info:hover {
  margin-top: 0;
}
.obn .content .row .one-third {
  flex: 1;
}
.obn .content .row .two-thirds {
  flex: 2;
}
@media (min-width: 721px) {
  .obn .content .row .two-thirds {
    padding: 0 0 0 40px;
  }
}
.obn .content .row .fourth,
.obn .content .row .third {
  text-align: center;
  flex: 1;
}
.obn .content .row .half {
  flex: 1;
}
.obn .content .row .half .heading {
  text-align: left;
}
@media (min-width: 721px) {
  .obn .content .row .right {
    padding: 0 0 0 40px;
  }
}
.obn .content hr {
  margin: 40px 0;
  background-color: #aadac6;
  height: 5px;
  border: none;
}
.obn .content figure {
  margin: 40px 0;
}
.obn .content table td {
  padding: 10px;
}
.obn .content .video-embed {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.obn .content .video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.obn .content .captioned-image {
  background: #fff;
  padding: 40px;
  width: auto;
  display: inline-block;
}
.obn .content .captioned-image.align_left {
  float: left;
  margin-right: 40px;
}
.obn .content .captioned-image.align_right {
  float: right;
  margin-left: spacer;
}
.obn .content .captioned-image.align_center {
  margin-left: 50%;
  transform: translateX(-50%);
}
.obn .content .captioned-image img {
  max-width: 100%;
  height: auto;
}
.obn .content .captioned-image .caption,
.obn .content .captioned-image figcaption {
  text-align: center;
  margin: 0;
  font-size: 10px;
}
.obn .content figcaption {
  text-align: center;
  margin: 5px 0;
  font-size: 10px;
  color: #c6c6c6;
}
.obn .content .gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.obn .content .gallery .gallery-image {
  flex: 1;
  min-width: 260px;
  margin: 20px;
}
.obn .content .gallery .gallery-image img {
  width: 100%;
  height: auto;
}
.obn .content .align_left {
  float: left;
}
.obn .content .align_right {
  float: right;
}
.obn .content .align_center {
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  margin-bottom: 20px;
}
.obn .content blockquote {
  font-size: 25px;
  text-align: center;
  font-style: italic;
  margin: 80px auto 0 auto;
  padding: 40px 0;
  line-height: 1.45;
  position: relative;
  color: #1a1c1c;
  quotes: "“" "”" "‘" "’";
  display: block;
  width: 100%;
  clear: both;
}
.obn .content blockquote:before {
  color: #56b1b1;
  content: open-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-right: 0;
  vertical-align: -15px;
}
.obn .content blockquote:after {
  color: #56b1b1;
  content: close-quote;
  font-size: 2.5em;
  line-height: 0.1em;
  margin-left: -10px;
  vertical-align: -15px;
}
.obn .content cite {
  color: #56b1b1;
  font-family: "Heavitas", sans-serif;
  font-size: 25px;
  display: block;
  text-align: center;
  margin-bottom: 80px;
}
.obn .content ul {
  padding-left: 40px;
}
.obn .content ul li {
  list-style: square;
  margin: 20px 0;
}
.obn .content .calendar-listing {
  margin: 40px 0;
}
.obn .content .calendar-listing:after {
  content: "";
  display: table;
  clear: both;
}
.obn .content .calendar-listing img {
  float: left;
}
@media (min-width: 721px) {
  .obn .content .calendar-listing img {
    margin-right: 40px;
  }
}
.obn .content .flexslider {
  background: transparent;
  border: none;
}
.obn .content .flexslider ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.obn .content .flexslider ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.obn .searchform form {
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
}
.obn .searchform input {
  opacity: 1;
  z-index: 1;
  border: none;
  padding: 10px;
  position: relative;
}
.obn .searchform input#search {
  flex: 3;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #ebf2f9;
}
.obn .searchform input[type=submit] {
  background: url("../img/obn/search.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 8px center;
  cursor: pointer;
  flex: 2;
  min-width: 32px;
  background-color: #f3dd41;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.obn .Schedule .content {
  text-align: center;
}
.obn .obn-photo-row {
  display: flex;
}
.obn .obn-photo-row .photo {
  flex: 1;
}
.obn .obn-photo-row .photo:first-of-type {
  flex: 2;
}

.obn footer {
  background: #fff;
  overflow: hidden;
  border-top: 15px solid #aadac6;
}
.obn footer p {
  text-align: center;
}
.obn footer .partners {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 10px;
}
@media (min-width: 721px) {
  .obn footer .partners {
    padding: 0 40px;
    max-width: 1400px;
    margin: 0 auto;
  }
}
.obn footer .partners .partner {
  padding: 0 20px;
  margin: 0 auto;
}
@media (min-width: 721px) {
  .obn footer .partners .partner {
    padding: 0 40px;
  }
}
@media (min-width: 1200px) {
  .obn footer .partners .partner {
    padding: 0 40px;
  }
}
.obn footer .partners .partner img {
  max-width: 240px;
  width: 100%;
}
.obn footer .partners2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
@media (min-width: 721px) {
  .obn footer .partners2 {
    padding: 0 40px;
    max-width: 1400px;
    margin: 0 auto;
  }
}
.obn footer .partners2 .partner2 {
  flex: 1;
  padding: 0 20px;
}
@media (min-width: 721px) {
  .obn footer .partners2 .partner2 {
    padding: 0 40px;
  }
}
@media (min-width: 1200px) {
  .obn footer .partners2 .partner2 {
    padding: 0 40px;
  }
}
.obn footer .partners2 .partner2 img {
  width: 100%;
}
.obn footer .social-links {
  position: relative;
  display: flex;
  margin: 20px;
  width: 100%;
  justify-content: center;
}
.obn footer .social-links li {
  margin: 0 3px;
}
.obn footer .social-links li img {
  width: 30px;
  height: 30px;
  filter: opacity(0.7);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.obn footer .social-links li img:hover {
  filter: opacity(1);
}

.element-animation {
  animation: animationFrames ease-in-out 12s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 12s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 12s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 12s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  19% {
    transform: translate(-1px, -9px) rotate(-5deg);
  }
  43% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  73% {
    transform: translate(1px, 7px) rotate(5deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes swirl-in-bck {
  0% {
    -webkit-transform: rotate(360deg) scale(5);
    transform: rotate(360deg) scale(5);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
.passport-icon-dyk {
  width: 80px;
  height: 80px;
  position: relative;
  float: right;
  z-index: 9;
  cursor: pointer;
  text-align: center;
  background-image: url("../img/obn/passport/passport-icon.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

.passport-icon {
  width: 80px;
  height: 80px;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  cursor: pointer;
  text-align: center;
  background-image: url("../img/obn/passport/passport-icon.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media (min-width: 721px) {
  .passport-icon {
    top: 100px;
  }
}
@media (min-width: 1400px) {
  .passport-icon {
    top: 20px;
  }
}
.passport-icon:hover {
  width: 100px;
  height: 100px;
  margin: -10px -10px 0 0;
}

.passport-icon-close {
  background-image: url("../img/obn/passport/passport-icon-close.png");
}

.passport-wrap {
  background: #faf8de;
  right: -150%;
  z-index: 10;
  transition: all 1s ease-out;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 1200px) {
  .passport-wrap {
    padding-top: 80px;
  }
}
.passport-wrap .inner {
  padding: 20px 50px;
  text-align: center;
  overflow: visible;
}
@media (min-width: 1200px) {
  .passport-wrap .inner {
    padding: 150px 50px 50px 50px;
  }
}
.passport-wrap .inner h2 {
  z-index: 1;
}
.passport-wrap .close-passport {
  color: #e74529;
  cursor: pointer;
}
.passport-wrap .passport-banner {
  background-image: url("../img/obn/passport/passport-banner-bg.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 20px 40px 20px 20px;
  width: 400px;
  position: absolute;
  top: 130px;
  left: -500px;
  opacity: 0;
  z-index: 99;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.passport-wrap .passport-banner.show {
  left: 0;
  opacity: 1;
}
.passport-wrap .passport-banner h1 {
  color: #fff;
  padding-top: 5px;
}
.passport-wrap .intro {
  max-width: 1000px;
  margin: 250px auto 0 auto;
  position: relative;
  padding: 0 40px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media (min-width: 1200px) {
  .passport-wrap .intro {
    margin: 150px auto 0 auto;
  }
}
.passport-wrap .intro.show {
  opacity: 1;
}
.passport-wrap .passport-shapes {
  position: relative;
}
.passport-wrap .passport-shapes .shape {
  transition: all 1.5s ease-out;
  display: block;
  position: absolute;
  opacity: 0;
  transform: rotate(180deg);
}
.passport-wrap .passport-shapes .shape.triangele {
  background: url("../img/obn/shapes/triangle.png");
  background-size: contain;
  background-repeat: no-repeat;
  right: -3%;
  top: 5%;
  width: 350px;
  height: 600px;
}
@media (max-width: 720px) {
  .passport-wrap .passport-shapes .shape.triangele {
    top: 180vh;
  }
}
.passport-wrap .passport-shapes .shape.rectangle1 {
  background: url("../img/obn/shapes/rectangle1.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: -3%;
  top: 350px;
  width: 350px;
  height: 400px;
}
@media (max-width: 720px) {
  .passport-wrap .passport-shapes .shape.rectangle1 {
    top: 280vh;
  }
}
.passport-wrap .passport-shapes .shape.rectangle2 {
  background: url("../img/obn/shapes/rectangle2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 250px;
  right: 5%;
  top: 800px;
}
@media (max-width: 720px) {
  .passport-wrap .passport-shapes .shape.rectangle2 {
    top: 250vh;
  }
}
.passport-wrap .passport-shapes .shape.circle {
  background: url("../img/obn/shapes/circle.png");
  background-size: contain;
  background-repeat: no-repeat;
  right: 60%;
  top: -100px;
  width: 350px;
  height: 350px;
}
.passport-wrap .passport-shapes .shape.star {
  background: url("../img/obn/shapes/star.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 3%;
  top: 790px;
  width: 450px;
  height: 450px;
}
@media (max-width: 720px) {
  .passport-wrap .passport-shapes .shape.star {
    top: 120vh;
  }
}
.passport-wrap .passport-shapes .shape.horseshoe {
  background: url("../img/obn/shapes/horseshoe.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 40%;
  top: 300px;
  width: 500px;
  height: 500px;
}
@media (max-width: 720px) {
  .passport-wrap .passport-shapes .shape.horseshoe {
    top: 50vh;
  }
}
.passport-wrap .passport-shapes .shape.shape-in {
  transform: rotate(0deg);
  opacity: 0.5;
}
.passport-wrap button.reset {
  padding: 10px 20px;
  color: #faf9de;
  background: #5387c6;
  border-radius: 10px;
  border: none;
  text-transform: uppercase;
  margin: 0 auto;
  z-index: 999;
}

.open-passport {
  right: 0;
}
@media (max-width: 720px) {
  .open-passport {
    top: 0;
  }
}

.boxes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.boxes .box {
  display: flex !important;
  flex-direction: column;
  position: relative;
  width: 235px;
  height: 235px;
  display: inline-block;
  color: #000;
  font-weight: 900;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all ease-in-out 0.3s;
  opacity: 0;
}
@media (min-width: 721px) {
  .boxes .box {
    width: 270px;
    height: 270px;
  }
}
.boxes .box:hover {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.boxes .box p {
  font-size: 30px;
  text-transform: uppercase;
  z-index: 10;
  line-height: 40px;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.boxes .box img {
  opacity: 0;
  width: 20%;
  height: auto;
  transition: all ease-in-out 0.3s;
  position: absolute;
  z-index: 0;
}
.boxes .box.checked img {
  opacity: 1;
  width: 80%;
  -webkit-animation: swirl-in-bck 0.5s ease-out both;
  animation: swirl-in-bck 0.5s ease-out both;
}
.boxes .box > div {
  z-index: 10;
}

.fade-in {
  opacity: 1 !important;
}

.form {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  font-size: 40px;
  width: 100%;
  margin: 0 auto;
  z-index: 999;
  position: fixed;
  top: 60px;
}
@media (min-width: 721px) {
  .form {
    top: 115px;
    left: 0;
  }
}
@media (min-width: 1000px) {
  .form {
    top: 78px;
  }
}
.form iframe {
  width: 100vw;
  height: 100vh;
}

.show {
  visibility: visible;
  opacity: 1;
}

.box1 {
  background: url("../img/obn/icons/tv.png");
  margin: 20px;
}
@media (min-width: 1200px) {
  .box1 {
    margin: -60px 20px 0 -60px;
  }
}
.box1:hover {
  background: url("../img/scf/passport/tv-over-2.png");
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.box1:hover p {
  opacity: 0;
}

.box2 {
  background: url("../img/obn/icons/drum.png");
  margin: 20px;
}
@media (min-width: 1200px) {
  .box2 {
    margin: 30px 20px 10px 0;
  }
}
.box2:hover {
  background: url("../img/scf/passport/drum-over-2.png");
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.box2:hover p {
  opacity: 0;
}

.box3 {
  background: url("../img/scf/icons/tiger.png");
  margin: 20px;
}
@media (min-width: 1200px) {
  .box3 {
    margin: -100px 30px 0 0;
  }
}
.box3:hover {
  background: url("../img/scf/icons/tiger-img.png");
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.box3:hover p {
  opacity: 0;
}

.box4 {
  background: url("../img/scf/icons/salmon.png");
  margin: 20px;
}
@media (min-width: 1200px) {
  .box4 {
    margin: -50px 100px 20px 60px;
  }
}
.box4:hover {
  background: url("../img/scf/icons/salmon-img.png");
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.box4:hover p {
  opacity: 0;
}

.box5 {
  background: url("../img/scf/icons/flower.png");
  margin: 20px;
}
@media (min-width: 1200px) {
  .box5 {
    margin: 30px 20px 0 0;
  }
}
@media (min-width: 1400px) {
  .box5 {
    margin: 30px 20px 100px -60px;
  }
}
.box5:hover {
  background: url("../img/scf/icons/flower-img.png");
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.box5:hover p {
  opacity: 0;
}

.box6 {
  background: url("../img/scf/icons/barn.png");
  margin: 20px;
}
@media (min-width: 1200px) {
  .box6 {
    margin: -50px 50px 0 20px;
  }
}
.box6:hover {
  background: url("../img/scf/icons/barn-img.png");
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.box6:hover p {
  opacity: 0;
}

.reset {
  position: fixed;
  bottom: 30px;
  z-index: 9999;
  border: none;
  display: block;
  right: 20px;
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
  background: #e74529;
}

.remodal {
  z-index: 9999;
}
.remodal img {
  width: 100%;
  height: auto;
}
.remodal ol {
  text-align: left;
}
.remodal ol li {
  margin: 10px 0;
}

.passport-cta {
  cursor: pointer;
}

.callout {
  z-index: 99;
  position: relative;
  padding: 0 0 40px 0;
}
.callout .btn {
  margin: 20px auto;
  max-width: 120px;
  display: block;
  position: relative;
}

@media (min-width: 721px) {
  .OBN-Home header {
    margin-top: 20px;
  }
}
.OBN-Home .back-to-org {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99999;
}
@media (min-width: 721px) {
  .OBN-Home .back-to-org {
    width: 100px;
    height: 100px;
    left: 40px;
    top: 60px;
    z-index: 1;
  }
}
@media (min-width: 1000px) {
  .OBN-Home .back-to-org {
    top: 20px;
  }
}
.OBN-Home .back-to-org img {
  width: 100%;
  height: auto;
}
.OBN-Home .content .row:first-of-type {
  margin: 0 auto 80px auto;
}
.OBN-Home .obn-photo-row {
  display: flex;
}
.OBN-Home .obn-photo-row .photo {
  flex: 1;
}
.OBN-Home .obn-photo-row .photo:first-of-type {
  flex: 2;
}

.OBN-Artist-Directory .artists-wrap,
.SCF-Artist-Directory .artists-wrap,
.SCF-discovery-artists .artists-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .OBN-Artist-Directory .artists-wrap,
  .SCF-Artist-Directory .artists-wrap,
  .SCF-discovery-artists .artists-wrap {
    justify-content: flex-start;
  }
}
.OBN-Artist-Directory .artists-wrap .artist,
.SCF-Artist-Directory .artists-wrap .artist,
.SCF-discovery-artists .artists-wrap .artist {
  border: 2px solid #e74529;
  height: 280px;
  background-size: cover;
  background-position: center;
  flex: 1 1 100%;
  margin: 10px;
  overflow: hidden;
}
@media (min-width: 721px) {
  .OBN-Artist-Directory .artists-wrap .artist,
  .SCF-Artist-Directory .artists-wrap .artist,
  .SCF-discovery-artists .artists-wrap .artist {
    flex: 1 1 30%;
  }
}
@media (min-width: 1000px) {
  .OBN-Artist-Directory .artists-wrap .artist,
  .SCF-Artist-Directory .artists-wrap .artist,
  .SCF-discovery-artists .artists-wrap .artist {
    max-width: 31.33%;
  }
}
.OBN-Artist-Directory .artists-wrap .artist .info,
.SCF-Artist-Directory .artists-wrap .artist .info,
.SCF-discovery-artists .artists-wrap .artist .info {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 225px;
  height: 280px;
  padding: 10px 20px 20px 20px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.OBN-Artist-Directory .artists-wrap .artist .info h3,
.SCF-Artist-Directory .artists-wrap .artist .info h3,
.SCF-discovery-artists .artists-wrap .artist .info h3 {
  line-height: 20px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
  font-family: "Heavitas", sans-serif;
}
.OBN-Artist-Directory .artists-wrap .artist .info p,
.SCF-Artist-Directory .artists-wrap .artist .info p,
.SCF-discovery-artists .artists-wrap .artist .info p {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
}
.OBN-Artist-Directory .artists-wrap .artist .info a,
.SCF-Artist-Directory .artists-wrap .artist .info a,
.SCF-discovery-artists .artists-wrap .artist .info a {
  font-size: 13px;
  line-height: 15px;
}
.OBN-Artist-Directory .artists-wrap .artist .info:hover,
.SCF-Artist-Directory .artists-wrap .artist .info:hover,
.SCF-discovery-artists .artists-wrap .artist .info:hover {
  margin-top: 0;
}
.OBN-Artist-Directory .pagination,
.SCF-Artist-Directory .pagination,
.SCF-discovery-artists .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
}
.OBN-Artist-Directory .pagination li,
.SCF-Artist-Directory .pagination li,
.SCF-discovery-artists .pagination li {
  list-style: none;
  display: inline-block;
  max-width: 15px;
  flex: 1;
  padding: 2px;
  margin: 2px;
  border: thin solid rgba(24, 24, 24, 0.1);
  border-radius: 3px;
  text-align: center;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.OBN-Artist-Directory .pagination li:hover,
.SCF-Artist-Directory .pagination li:hover,
.SCF-discovery-artists .pagination li:hover {
  background: #e74529;
}
.OBN-Artist-Directory .pagination li a,
.SCF-Artist-Directory .pagination li a,
.SCF-discovery-artists .pagination li a {
  color: #000;
}
.OBN-Artist-Directory .pagination li img,
.SCF-Artist-Directory .pagination li img,
.SCF-discovery-artists .pagination li img {
  width: 100%;
  height: auto;
}

.OBN-Artist h1.big-centered,
.SCF-Artist h1.big-centered {
  text-align: center;
  margin-bottom: 20px;
}
.OBN-Artist .video,
.SCF-Artist .video {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.OBN-Artist .artist-info,
.SCF-Artist .artist-info {
  overflow: hidden;
  margin-top: 40px;
}
.OBN-Artist .artist-info img,
.SCF-Artist .artist-info img {
  max-width: 250px;
  float: left;
  margin-right: 20px;
}

.SCF-Artist-Directory .stay-tuned {
  font-size: 40px;
  text-align: center;
  color: rgba(83, 136, 198, 0.6);
  width: 100%;
  padding-top: 60px;
}
@media (min-width: 721px) {
  .SCF-Artist-Directory .stay-tuned {
    font-size: 100px;
  }
}
.SCF-Artist-Directory .searchform {
  max-width: 200px;
  display: none;
}
.SCF-Artist-Directory .artistsHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 1000px) {
  .SCF-Artist-Directory .artistsHeader {
    justify-content: space-between;
    flex-direction: row;
  }
}
.SCF-Artist-Directory .artistsHeader * {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  flex: 1 1 30%;
}
.SCF-Artist-Directory .artistsHeader .toggle {
  position: relative;
  background: #76A441;
  border: 4px solid #76A441;
  border-radius: 40px;
  min-height: 40px;
  min-width: 100px;
  max-width: 100px;
  margin: 10px auto;
}
.SCF-Artist-Directory .artistsHeader .toggle .switch {
  background: #5189c7;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  position: absolute;
  transform: translateX(0);
  border: none;
}
.SCF-Artist-Directory .artistsHeader .in-person-title {
  opacity: 1;
}
.SCF-Artist-Directory .artistsHeader .virtual-title {
  opacity: 0.3;
  text-align: right;
}
.SCF-Artist-Directory .artistsHeader.right .toggle .switch {
  transform: translateX(60px);
}
.SCF-Artist-Directory .artistsHeader.right .in-person-title {
  opacity: 0.3;
}
.SCF-Artist-Directory .artistsHeader.right .virtual-title {
  opacity: 1;
}
.SCF-Artist-Directory .mta-container {
  position: relative;
}
.SCF-Artist-Directory .mta-container .in-person,
.SCF-Artist-Directory .mta-container .virtual {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: absolute;
  width: 100%;
  opacity: 0;
}
.SCF-Artist-Directory .mta-container .show {
  opacity: 1;
  position: relative;
}

.OBN-Sponsors .big-sponsors-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
@media (min-width: 721px) {
  .OBN-Sponsors .big-sponsors-wrap {
    flex-direction: row;
  }
}
.OBN-Sponsors .big-sponsors-wrap .sponsor {
  padding: 0;
  flex: 1;
  text-align: center;
}
.OBN-Sponsors .big-sponsors-wrap .sponsor img {
  width: 100%;
  max-width: 350px;
}
.OBN-Sponsors .sponsors-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media (min-width: 721px) {
  .OBN-Sponsors .sponsors-wrap {
    flex-direction: row;
  }
}
.OBN-Sponsors .sponsors-wrap .sponsor {
  flex: 1 1 20%;
  padding: 20px;
}
.OBN-Sponsors .sponsors-wrap .sponsor img {
  width: 100%;
  max-width: 240px;
}

.obn .home-grid-wrap-years {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin: 40px 0;
}
.obn .home-grid-wrap-years .grid-item-wrap {
  overflow: hidden;
  border-radius: 3px;
}
.obn .home-grid-wrap-years .grid-item-wrap .grid-item {
  width: 100%;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0.9);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.obn .home-grid-wrap-years .grid-item-wrap .grid-item:hover {
  transform: scale(1);
}
@media (max-width: 720px) {
  .obn .home-grid-wrap-years .grid-item-wrap .grid-item {
    min-height: 350px;
  }
}
@media (min-width: 1000px) {
  .obn .home-grid-wrap-years .grid-item-wrap .grid-item {
    min-height: 300px;
  }
}
.obn .home-grid-wrap-years .grid-item-wrap h2 {
  text-align: center;
  font-family: "Heavitas", sans-serif;
  color: #faf8de;
  text-transform: uppercase;
  max-width: 86%;
  font-size: 37px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
@media (min-width: 721px) {
  .obn .home-grid-wrap-years {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .obn .home-grid-wrap-years h2 {
    font-size: 15px;
  }
}
@media (min-width: 1000px) {
  .obn .home-grid-wrap-years {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .obn .home-grid-wrap-years h2 {
    font-size: 25px;
  }
}
@media (min-width: 721px) {
  .obn .home-grid-wrap-years {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .obn .home-grid-wrap-years h2 {
    font-size: 15px;
  }
}
@media (min-width: 1000px) {
  .obn .home-grid-wrap-years {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

body.scf {
  background: #faf8de url(../img/scf/bg/scf-bg.png) center 0px no-repeat fixed;
  background-size: cover;
  background-position: center 0;
}

a[href=nolink] {
  cursor: default;
}

.scf .festival-logo {
  padding: 0;
  margin: 40px 0.5;
  text-align: center;
}
@media (min-width: 721px) {
  .scf .festival-logo {
    margin: 80px;
  }
}
@media (min-width: 1200px) {
  .scf .festival-logo {
    margin: 40px;
  }
}
.scf .festival-logo img {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}

.scf .back-to-sites {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 120px;
  top: 20px;
  right: 20px;
  width: 50px;
}
@media (min-width: 721px) {
  .scf .back-to-sites {
    left: 40px;
    top: 100px;
    z-index: 1;
    width: 100px;
  }
}
.scf .back-to-sites .back-to-org,
.scf .back-to-sites .back-to-obn {
  width: 50px;
  height: 50px;
  margin-bottom: 40px;
}
@media (min-width: 721px) {
  .scf .back-to-sites .back-to-org,
  .scf .back-to-sites .back-to-obn {
    width: 100px;
    height: 100px;
    z-index: 1;
  }
}
.scf .back-to-sites .back-to-org img,
.scf .back-to-sites .back-to-obn img {
  width: 100%;
  height: auto;
}
.scf .green {
  color: #75a33f;
}

.scf .menu-toggle a {
  background: #aadac6;
}
@media (min-width: 721px) {
  .scf #menu {
    background: #aadac6;
  }
  .scf #menu ul li ul {
    background: #aadac6;
  }
}

.scf .presented-by {
  margin: 0 auto;
  text-align: center;
}
.scf .presented-by a img {
  max-width: 600px;
  width: 100%;
}
.scf .big-centered {
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.scf .home-content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 721px) {
  .scf .home-content {
    flex-direction: row;
  }
}
.scf .home-content .home-content-1 {
  flex: 1;
  padding: 0;
}
@media (min-width: 721px) {
  .scf .home-content .home-content-1 {
    padding: 0 40px 0 0;
  }
}
.scf .home-content .home-content-2 {
  margin: 20px 0;
  flex: 1;
}
.scf .home-intro {
  text-align: center;
  margin: 20px 0;
}
.scf .home-intro p {
  margin: 10px 0;
}
.scf .featured-video {
  width: 100%;
  float: left;
  flex: 4;
  margin: 40px 40px 40px 0;
}
.scf .featured-section {
  width: 100%;
  clear: both;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .scf .featured-section {
    flex-direction: column;
  }
}
.scf .featured-section .links {
  flex: 1;
  text-align: center;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media (min-width: 1000px) {
  .scf .featured-section .links {
    max-height: 430px;
  }
}
@media (min-width: 1200px) {
  .scf .featured-section .links {
    max-height: 450px;
  }
}
.scf .featured-section .links .schedule-link {
  max-width: 300px;
  float: right;
}
.scf .featured-section .links .passport-link {
  max-width: 300px;
  float: right;
}
.scf .featured-section .links .donate-link {
  max-width: 300px;
  float: right;
}
.scf .home-grid-wrap,
.scf .home-grid-wrap-years {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin: 40px 0;
}
.scf .home-grid-wrap .grid-item-wrap,
.scf .home-grid-wrap-years .grid-item-wrap {
  overflow: hidden;
  border-radius: 3px;
}
.scf .home-grid-wrap .grid-item-wrap .grid-item,
.scf .home-grid-wrap-years .grid-item-wrap .grid-item {
  width: 100%;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0.9);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.scf .home-grid-wrap .grid-item-wrap .grid-item:hover,
.scf .home-grid-wrap-years .grid-item-wrap .grid-item:hover {
  transform: scale(1);
}
@media (max-width: 720px) {
  .scf .home-grid-wrap .grid-item-wrap .grid-item,
  .scf .home-grid-wrap-years .grid-item-wrap .grid-item {
    min-height: 350px;
  }
}
@media (min-width: 1000px) {
  .scf .home-grid-wrap .grid-item-wrap .grid-item,
  .scf .home-grid-wrap-years .grid-item-wrap .grid-item {
    min-height: 300px;
  }
}
.scf .home-grid-wrap .grid-item-wrap h2,
.scf .home-grid-wrap-years .grid-item-wrap h2 {
  text-align: center;
  font-family: "Heavitas", sans-serif;
  color: #faf8de;
  text-transform: uppercase;
  max-width: 86%;
  font-size: 37px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
@media (min-width: 721px) {
  .scf .home-grid-wrap,
  .scf .home-grid-wrap-years {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .scf .home-grid-wrap h2,
  .scf .home-grid-wrap-years h2 {
    font-size: 15px;
  }
}
@media (min-width: 1000px) {
  .scf .home-grid-wrap,
  .scf .home-grid-wrap-years {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .scf .home-grid-wrap h2,
  .scf .home-grid-wrap-years h2 {
    font-size: 25px;
  }
}
@media (min-width: 721px) {
  .scf .home-grid-wrap-years {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .scf .home-grid-wrap-years h2 {
    font-size: 15px;
  }
}
@media (min-width: 1000px) {
  .scf .home-grid-wrap-years {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.scf .home-artist-wrap {
  width: 100%;
  padding: 0;
}
.scf .home-artist-wrap .artist {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 80px;
}
@media (min-width: 721px) {
  .scf .home-artist-wrap .artist {
    flex-direction: row;
  }
}
.scf .home-artist-wrap .artist .image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px;
  flex: 1;
  margin: 0;
  max-height: 400px;
}
@media (min-width: 721px) {
  .scf .home-artist-wrap .artist .image {
    margin: 0 20px 0 0;
  }
}
.scf .home-artist-wrap .artist .image a {
  text-align: center;
}
.scf .home-artist-wrap .artist .image a .play {
  margin: auto;
  width: 70%;
  height: auto;
  opacity: 0.4;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.scf .home-artist-wrap .artist .image a .play:hover {
  opacity: 1;
}
.scf .home-artist-wrap .artist .copy {
  flex: 3;
}
.scf #logo-animation {
  width: 50vw;
  height: 25vw;
  max-width: 700px;
  max-height: 347px;
  background-size: cover;
  margin: 40px auto 0 auto;
  overflow: hidden;
  position: relative;
}
.scf #globe,
.scf #sol,
.scf #white,
.scf #blue,
.scf #gear,
.scf #left,
.scf #right {
  position: absolute;
  width: 50vw;
  height: 25vw;
  max-width: 700px;
  max-height: 347px;
  z-index: 3;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 0;
}
.scf #left {
  background: url(../img/obn/logos/animate/left.png) no-repeat;
  background-size: contain;
  margin-left: 50px;
}
@media (min-width: 721px) {
  .scf #left {
    margin-left: 200px;
  }
}
.scf #right {
  background: url(../img/obn/logos/animate/right.png) no-repeat;
  background-size: contain;
  margin-left: -50px;
}
@media (min-width: 721px) {
  .scf #right {
    margin-left: -200px;
  }
}
.scf #sol {
  background: url(../img/obn/logos/animate/sol.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
}
.scf #globe {
  background: url(../img/obn/logos/animate/globe.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.scf #blue {
  background: url(../img/obn/logos/animate/blue.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(-80deg);
  transform: rotate(-80deg);
}
.scf #white {
  background: url(../img/obn/logos/animate/white.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
.scf #gear {
  background: url(../img/obn/logos/animate/gear.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(-80deg);
  transform: rotate(-80deg);
}
.scf #logo {
  background: url(../img/obn/logos/animate/logo.png) no-repeat;
  width: 100%;
  height: auto;
  display: none;
}
.scf #logo img {
  width: 100%;
  height: auto;
}
.scf .animClass {
  -webkit-transform: translate3d(0, 0, 0);
  /* Force Hardware Acceleration */
}
.scf .sol {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .globe {
  -webkit-transition: all 5s ease-out;
  transition: all 5s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .blueRing {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .white {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .gear {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .left {
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  margin-left: 0 !important;
}
.scf .right {
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  margin-left: 0 !important;
}
.scf .logo img {
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.scf .fade-in {
  opacity: 1 !important;
}
.scf .fade-out {
  opacity: 0 !important;
}
.scf .end {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
  opacity: 1 !important;
  margin-left: 0 !important;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .Home .photo-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 721px) {
  .scf .Home .photo-row {
    flex-direction: row;
  }
  .scf .Home .photo-row .one {
    flex: 1 25%;
  }
  .scf .Home .photo-row .one img {
    width: 100%;
    height: auto;
  }
  .scf .Home .photo-row .two {
    flex: 2 50%;
  }
  .scf .Home .photo-row .two img {
    width: 100%;
    height: auto;
  }
  .scf .Home .photo-row .three {
    flex: 1 25%;
  }
  .scf .Home .photo-row .three img {
    width: 100%;
    height: auto;
  }
}
.scf #center,
.scf #yellow,
.scf #circle,
.scf #ring,
.scf #aqua,
.scf #left,
.scf #right {
  position: absolute;
  width: 50vw;
  height: 25vw;
  max-width: 700px;
  max-height: 347px;
  z-index: 3;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 0;
}
.scf #left {
  background: url(../img/obn/logos/animate/2022/left.png) no-repeat;
  background-size: contain;
  margin-left: 50px;
}
@media (min-width: 721px) {
  .scf #left {
    margin-left: 200px;
  }
}
.scf #right {
  background: url(../img/obn/logos/animate/2022/right.png) no-repeat;
  background-size: contain;
  margin-left: -50px;
}
@media (min-width: 721px) {
  .scf #right {
    margin-left: -200px;
  }
}
.scf #yellow {
  background: url(../img/obn/logos/animate/2022/yellow.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
}
.scf #center {
  background: url(../img/obn/logos/animate/2022/center.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.scf #ring {
  background: url(../img/obn/logos/animate/2022/ring.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(-80deg);
  transform: rotate(-80deg) scale(1.2);
}
.scf #circle {
  background: url(../img/obn/logos/animate/2022/circle.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
.scf #aqua {
  background: url(../img/obn/logos/animate/2022/aqua.png) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(-80deg);
  transform: rotate(-80deg);
}
.scf .yellow {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .center {
  -webkit-transition: all 5s ease-out;
  transition: all 5s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .ring {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) scale(1) !important;
}
.scf .circle {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .aqua {
  -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.scf .left {
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  margin-left: 0 !important;
}
.scf .right {
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  margin-left: 0 !important;
}

.scf .neighborhood-artists-wrap .artist {
  margin: 40px 0;
}
.scf .dyk {
  background: #f6e671;
  padding: 20px;
  margin: 10px 0;
  overflow: hidden;
}
.scf .dyk h2 {
  color: #75a33f;
}
.scf .dyk img {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
@media (min-width: 1000px) {
  .scf .dyk img {
    max-width: 450px;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.SCF-Venue .row:first-of-type {
  margin: 40px auto 10px auto !important;
}
.SCF-Venue .row.flex {
  margin: 0;
}

@media (min-width: 721px) {
  .SCF-coming-soon .content img.align_center {
    max-width: 75% !important;
  }
}

.SCF-Base .content .row .column .align_center {
  max-width: 200px;
}

.SCF-on-demand .listing-header,
.SCF-Venue .listing-header,
.SCF-Gathering-Room .listing-header,
.SCF-in-person-schedule .listing-header,
.SCF-virtual-schedule .listing-header,
.SCF-discovery-artists .listing-header,
.SCF-discovery-schedule .listing-header,
.SCF-Home .listing-header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 40px 0 20px 0;
}
.SCF-on-demand .listing-header .icon,
.SCF-Venue .listing-header .icon,
.SCF-Gathering-Room .listing-header .icon,
.SCF-in-person-schedule .listing-header .icon,
.SCF-virtual-schedule .listing-header .icon,
.SCF-discovery-artists .listing-header .icon,
.SCF-discovery-schedule .listing-header .icon,
.SCF-Home .listing-header .icon {
  text-align: center;
}
.SCF-on-demand .listing-header .icon img,
.SCF-Venue .listing-header .icon img,
.SCF-Gathering-Room .listing-header .icon img,
.SCF-in-person-schedule .listing-header .icon img,
.SCF-virtual-schedule .listing-header .icon img,
.SCF-discovery-artists .listing-header .icon img,
.SCF-discovery-schedule .listing-header .icon img,
.SCF-Home .listing-header .icon img {
  margin: 0 auto;
  max-width: 300px;
}
.SCF-on-demand .listing-header h1,
.SCF-Venue .listing-header h1,
.SCF-Gathering-Room .listing-header h1,
.SCF-in-person-schedule .listing-header h1,
.SCF-virtual-schedule .listing-header h1,
.SCF-discovery-artists .listing-header h1,
.SCF-discovery-schedule .listing-header h1,
.SCF-Home .listing-header h1 {
  color: #faf8de;
  font-size: 40px;
}
.SCF-on-demand .content .flex-container .sidebar,
.SCF-Venue .content .flex-container .sidebar,
.SCF-Gathering-Room .content .flex-container .sidebar,
.SCF-in-person-schedule .content .flex-container .sidebar,
.SCF-virtual-schedule .content .flex-container .sidebar,
.SCF-discovery-artists .content .flex-container .sidebar,
.SCF-discovery-schedule .content .flex-container .sidebar,
.SCF-Home .content .flex-container .sidebar {
  padding: 0;
  margin: 0 20px 0 0;
  display: block;
}
@media (min-width: 721px) {
  .SCF-on-demand .content .flex-container .sidebar,
  .SCF-Venue .content .flex-container .sidebar,
  .SCF-Gathering-Room .content .flex-container .sidebar,
  .SCF-in-person-schedule .content .flex-container .sidebar,
  .SCF-virtual-schedule .content .flex-container .sidebar,
  .SCF-discovery-artists .content .flex-container .sidebar,
  .SCF-discovery-schedule .content .flex-container .sidebar,
  .SCF-Home .content .flex-container .sidebar {
    display: none;
  }
}
@media (min-width: 1000px) {
  .SCF-on-demand .content .flex-container .sidebar,
  .SCF-Venue .content .flex-container .sidebar,
  .SCF-Gathering-Room .content .flex-container .sidebar,
  .SCF-in-person-schedule .content .flex-container .sidebar,
  .SCF-virtual-schedule .content .flex-container .sidebar,
  .SCF-discovery-artists .content .flex-container .sidebar,
  .SCF-discovery-schedule .content .flex-container .sidebar,
  .SCF-Home .content .flex-container .sidebar {
    display: block;
  }
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap,
.SCF-Home .content .flex-container .neighborhood-artists-wrap {
  width: 100%;
  padding: 0;
}
@media (min-width: 1000px) {
  .SCF-on-demand .content .flex-container .neighborhood-artists-wrap,
  .SCF-Venue .content .flex-container .neighborhood-artists-wrap,
  .SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap,
  .SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap,
  .SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap,
  .SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap,
  .SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap,
  .SCF-Home .content .flex-container .neighborhood-artists-wrap {
    padding: 0 0 0 40px;
  }
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 721px) {
  .SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist,
  .SCF-Home .content .flex-container .neighborhood-artists-wrap .artist {
    flex-direction: row;
  }
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .image,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px;
  flex: 1;
  margin: 0;
  max-height: 400px;
}
@media (min-width: 721px) {
  .SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .image,
  .SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .image {
    margin: 0 20px 0 0;
  }
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .image a {
  text-align: center;
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a .play,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .image a .play {
  margin: auto;
  width: 70%;
  height: auto;
  opacity: 0.4;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .image a .play:hover {
  opacity: 1;
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .copy,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .copy {
  flex: 3;
}
.SCF-on-demand .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-Venue .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-Gathering-Room .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-in-person-schedule .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-virtual-schedule .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-discovery-artists .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-discovery-schedule .content .flex-container .neighborhood-artists-wrap .artist .copy li,
.SCF-Home .content .flex-container .neighborhood-artists-wrap .artist .copy li {
  margin: 0;
}

.SCF-Schedule h1 {
  text-align: center;
}
.SCF-Schedule .centered {
  text-align: center;
  margin: 0 auto;
}
.SCF-Schedule .centered h3 {
  color: #5c5c5c;
}
.SCF-Schedule .centered .icon img {
  max-width: 70px;
}
@media (min-width: 721px) {
  .SCF-Schedule .centered .icon img {
    max-width: 150px;
  }
}
@media (min-width: 1200px) {
  .SCF-Schedule .centered .icon img {
    max-width: 200px;
  }
}
.SCF-Schedule .icon {
  display: inline-block;
}
.SCF-Schedule .icon img {
  max-width: 200px;
}
.SCF-Schedule .live-schedule {
  text-align: center;
  margin: 40px 0;
}
.SCF-Schedule .live-schedule .category {
  padding: 40px 20px;
}
.SCF-Schedule .live-schedule .category h2 {
  color: #5189c7;
}
@media (min-width: 721px) {
  .SCF-Schedule .live-schedule .category h2 {
    font-size: 12px;
    margin: 10px;
  }
}
@media (min-width: 1000px) {
  .SCF-Schedule .live-schedule .category h2 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .SCF-Schedule .live-schedule .category h2 {
    font-size: 20px;
  }
}
.SCF-Schedule .live-schedule .category h2 a {
  color: #5189c7;
}
.SCF-Schedule .live-schedule .category:nth-of-type(odd) {
  background: #ebf2f9;
}
.SCF-Schedule .live-schedule h3 {
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}
.SCF-Schedule .live-schedule h2 {
  color: #e74529;
  font-family: "Heavitas", sans-serif;
  margin: 20px 0;
  font-size: 17px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.SCF-Schedule .live-schedule h2:hover {
  color: #f3dd41;
}
@media (min-width: 721px) {
  .SCF-Schedule .live-schedule h2 {
    font-size: 18px;
    margin: 10px;
  }
}
@media (min-width: 1200px) {
  .SCF-Schedule .live-schedule h2 {
    font-size: 20px;
  }
}
.SCF-Schedule .live-schedule a {
  display: inline-block;
  margin: 0 10px;
}
.SCF-Schedule .schedule-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.SCF-Schedule .schedule-wrap .category h2 {
  color: #75a33f;
  margin-top: 20px;
}
.SCF-Schedule .schedule-wrap .schedule-item {
  padding: 20px;
  display: flex;
  flex-direction: row;
}
@media (min-width: 721px) {
  .SCF-Schedule .schedule-wrap .schedule-item {
    padding: 13px 5px;
  }
}
@media (min-width: 1000px) {
  .SCF-Schedule .schedule-wrap .schedule-item {
    padding: 27px 15px;
  }
}
@media (min-width: 1200px) {
  .SCF-Schedule .schedule-wrap .schedule-item {
    padding: 34px 20px;
  }
}
.SCF-Schedule .schedule-wrap .schedule-item:nth-of-type(odd) {
  background: #ebf2f9;
}
.SCF-Schedule .schedule-wrap .schedule-item .time {
  margin-right: 40px;
}
@media (min-width: 721px) {
  .SCF-Schedule .schedule-wrap .schedule-item .time {
    min-width: 100px;
    text-align: center;
  }
}
.SCF-Schedule .schedule-wrap .schedule-item h2 {
  color: #5189c7;
  text-align: left;
  font-size: 17px;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .SCF-Schedule .schedule-wrap .schedule-item h2 {
    font-size: 20px;
  }
}
.SCF-Schedule .schedule-wrap .schedule-item .description {
  display: none;
}
@media (min-width: 1000px) {
  .SCF-Schedule .schedule-wrap .schedule-item .description {
    margin: 0;
    display: inline;
    padding-left: 40px;
    color: #5c5c5c;
    font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
    font-size: 1rem;
  }
}

.SCF-in-person-schedule .tabs .tab input[type=radio] {
  display: none;
}

.SCF-virtual-schedule .modal__container {
  max-width: 1000px;
  margin-top: 100px;
  width: 100%;
  font-size: 25px;
}
.SCF-virtual-schedule .modal__container .video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.SCF-virtual-schedule .modal__container .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SCF-virtual-schedule sup {
  vertical-align: super;
  font-size: 1rem;
}
.SCF-virtual-schedule .accordion-container .ac button h2 {
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel {
  display: flex;
  flex-direction: column;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel {
  width: 50%;
  padding: 0 20px;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel .modal-trigger {
  color: #f7a84a;
  width: auto;
  display: inline-block;
  font-size: 25px;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel ul {
  padding-left: 0;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel ul .tip {
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin: 0;
  cursor: default;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel ul .tip:hover {
  color: #5189c7;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel ul .tip .time {
  color: #855723;
  font-weight: 600;
}
.SCF-virtual-schedule .accordion-container .ac .ac-panel .sub-panel ul .tip:nth-child(even) {
  background: rgba(255, 143, 1, 0.2);
}
@media (min-width: 721px) {
  .SCF-virtual-schedule .accordion-container .ac .ac-panel {
    flex-direction: row;
  }
}
.SCF-virtual-schedule .tippy-content h3 {
  color: #163753;
}
.SCF-virtual-schedule .tippy-content p {
  margin: 5px 0;
}
.SCF-virtual-schedule .modal .modal__header {
  padding: 0;
  margin: 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.SCF-virtual-schedule .modal .modal__header .modal__title {
  font-family: "proxima-nova-soft", Helvetica, Arial, sans-serif;
}
.SCF-virtual-schedule .modal .modal__header button {
  margin: 0;
}
.SCF-virtual-schedule .tabs .tab input[type=radio] {
  display: none;
}