@import "theme_colors_and_fonts.css";
/* * * * * * * * * * 
/* SCSS VARIABLES  */
/* ~~~~~~~~~~~~~~~~*/
:root {
  --wp--style--block-gap: $padding;
  --extramargin: calc((100vw - 80rem) / 2);
  --orange-transp: #F68B1F33;
}
/* Mixins */
/* ~~~~~~~~~~~~~~~~*/
/* END VARIABLES   *
 * * * * * * * * * */
/* * * * * * * * * * 
 * GLOBAL          */
/* ~~~~~~~~~~~~~~~~*/
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--sans);
  color: var(--black);
  font-size: 0.95rem;
  text-wrap: pretty;
  max-width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  position: relative;
}
body:not(.wp-admin):is(.page, .post, .single)::before {
  content: "";
  display: block;
  pointer-events: none;
  user-select: none;
  height: 12rem;
  width: 12rem;
  background-image: url("assets/images/paws.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
  opacity: 0;
  top: calc(50vh - 6rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 102;
  transition: opacity 1s ease;
  transition-delay: 0.3s;
}
body:not(.wp-admin):is(.page, .post, .single)::after {
  content: "";
  display: block;
  pointer-events: none;
  user-select: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  z-index: 101;
  transition: opacity 1s ease;
  transition-delay: 0.3s;
}
body:not(.wp-admin):is(.page, .post, .single):not(.loaded)::before, body:not(.wp-admin):is(.page, .post, .single):not(.loaded)::after {
  display: block;
  opacity: 1;
  transition-delay: 0s;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  color: transparent;
}
/* Header */
#masthead {
  width: 100%;
  max-width: 100vw;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
#masthead .is-style-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  gap: 1.5rem;
}
#masthead .site-branding {
  min-width: 6rem;
  max-width: 10rem;
}
#masthead .menu-toggle {
  display: none;
}
#masthead .main-navigation {
  margin-left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#masthead .main-navigation .accessibilityTrigger {
  display: block;
  color: transparent;
  font-size: 1px;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(assets/images/userway.svg);
  background-color: var(--lime);
  border: 4px solid var(--lime);
  overflow: hidden;
  border-radius: 2rem;
  user-select: none;
  cursor: pointer;
  margin-left: 2rem;
}
#masthead .main-navigation .menu-item-gtranslate {
  position: absolute !important;
  top: 0;
  right: var(--wp--preset--spacing--narrow);
  text-align: right !important;
  display: flex;
  align-items: center;
  gap: 1rem;
}
#masthead .main-navigation .menu-item-gtranslate::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background-image: url(assets/images/globe.svg);
  background-color: transparent;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#masthead .main-navigation .menu-item-gtranslate .gt_selector {
  background-color: transparent !important;
  color: var(--black) !important;
  border-color: transparent !important;
  text-align: right !important;
  width: max-content;
}
#masthead .main-navigation ul {
  list-style-type: none;
  gap: 1rem;
  width: 100%;
  display: flex;
}
#masthead .main-navigation ul:is(#primary-menu) {
  align-items: center;
  display: grid;
  grid-auto-columns: max-content;
  grid-template-rows: auto;
  gap: 0.5rem;
  width: 100%;
  justify-items: start;
  grid-auto-flow: column;
}
#masthead .main-navigation ul:is(#secondary-menu) {
  gap: 1.5rem;
}
#masthead .main-navigation ul li.tickets > a, #masthead .main-navigation ul li.membership > a {
  text-align: center;
  font-weight: 800;
  border-bottom: 4px solid #000;
}
#masthead .main-navigation ul li.tickets > a {
  border-radius: 0;
  padding: 0.9em 1.8em;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--orange);
}
#masthead .main-navigation ul li.membership > a {
  border-radius: 0;
  padding: 0.9em 1.8em;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--lime);
}
#masthead .main-navigation ul li a {
  display: block;
  padding: 0.4em;
  text-transform: uppercase;
  color: var(--black);
  text-align: left;
  line-height: 1;
  white-space: nowrap;
}
#masthead .main-navigation ul li a:is(#primary-menu > li > a) {
  padding: 1rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
}
#masthead .main-navigation ul li a:is(#primary-menu > li > .sub-menu > li > a) {
  font-weight: 700;
}
#masthead .main-navigation ul li a:is(#primary-menu > li > .sub-menu > li > a):not(#primary-menu > li > .sub-menu > li:first-child > a) {
  margin-top: 0.5em;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-auto-rows: max-content;
  position: relative;
  justify-content: flex-start;
  align-items: center;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) > a {
  grid-column: 1/2;
  grid-row: 1/2;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) > .subMenuToggleBtn {
  grid-column: 2/3;
  grid-row: 1/2;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("assets/images/chevron-down.svg");
  background-color: transparent;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  cursor: pointer;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) > .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 15rem;
  width: auto;
  flex-direction: column;
  z-index: 100;
  background: var(--orange);
  padding: 1rem;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) > .sub-menu:is(ul ul) {
  flex-direction: column;
  gap: 0;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) > .sub-menu :is(ul ul ul) {
  position: relative;
  top: 0;
  grid-row: 2/3;
  padding: 0 1rem 0 1.5rem;
  flex-direction: column;
  gap: 0;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children) > .sub-menu li {
  margin-bottom: 0.25rem;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children).open > .sub-menu, #masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children):hover > .sub-menu {
  display: flex;
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children).open > .subMenuToggleBtn, #masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children):hover > .subMenuToggleBtn {
  transform: rotate(180deg);
}
#masthead .main-navigation ul li:is(#primary-menu > li.menu-item-has-children):is(#primary-menu > li):not(.open):not(:hover) > .sub-menu {
  display: none;
}
.scroll-top {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 0.7rem;
  padding: 0.5rem;
  justify-content: center;
  height: 5rem;
  width: 5rem;
}
.scroll-top::before {
  background-position: center center;
  min-height: 1rem;
}
/* ~~~~~~~~~~~~~~~~*/
/* END GLOBAL      *
 * * * * * * * * * */
/* * * * * * * * * * 
 * TYPOGRAPHY      */
/* ~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0.8em;
  margin-block-end: 0.8em;
}
h2:has(+ p) {
  margin-block-end: 0;
}
h2 + p, h3 + p {
  margin-top: 1rem !important;
}
h4 + p {
  margin-top: 0.5rem !important;
}
p + .wp-block-buttons, ul + p, .wp-block-buttons + p, p + h5, ul + h5, .wp-block-buttons + h5, p + h4, ul + h4, .wp-block-buttons + h4, p + h3, ul + h3, .wp-block-buttons + h3 {
  margin-top: 2rem;
}
h1, h2, h3 {
  font-family: var(--sans);
  font-weight: 300;
  text-wrap: balance;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b {
  font-weight: 800;
}
h1, h2 {
  font-size: clamp(2rem, 2.5vw, 3.5rem);
  text-transform: uppercase;
}
a {
  color: var(--black);
  font-weight: 600;
}
p {
  line-height: 1.35;
  margin-block-start: 1em;
  margin-block-end: 1em;
  font-size: 1.05rem;
}
/* ~~~~~~~~~~~~~~~~~~*/
/* END TYPOGRAPHY    *
 * * * * * * * * * * */
/* * * * * * * * * * *
 * BLOCK STYLES      */
/* ~~~~~~~~~~~~~~~~~~*/
/* Accordion */
.wp-block-getwid-accordion .wp-block-getwid-accordion__content > .wp-block-group, .wp-block-getwid-accordion .wp-block-getwid-accordion__content > .wp-block-columns, .wp-block-getwid-accordion .wp-block-getwid-accordion__content > .wp-block-media-text {
  margin-top: var(--wp--preset--spacing--narrow) !important;
  margin-bottom: var(--wp--preset--spacing--narrow) !important;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__content .wp-block-media-text__content {
  padding: 0 !important;
}
/* Buttons */
.wp-block-button__link {
  border-radius: 0;
  padding: 0.9em 1.8em;
  text-transform: uppercase;
  font-weight: 700;
  background-color: var(--black);
  color: #fff;
}
/* Columns */
.is-style-container {
  max-width: 80rem;
  margin: 0 auto;
  padding: var(--wp--preset--spacing--normal);
}
.is-style-no-gap {
  gap: 0;
}
.wp-block-columns {
  margin-bottom: 0;
}
/* Headings */
.is-style-medium-heading {
  font-size: 2rem;
}
/* Photo/Link Custom Block */
.photo-link-row-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-template-rows: repeat(auto-fit, auto);
  grid-auto-flow: dense;
  gap: var(--wp--preset--spacing--normal);
  align-items: stretch;
}
.photo-link-row-wrapper .photo-link-block-wrapper {
  width: calc(33.33% - (var--wp--preset--spacing--normal));
  max-width: 100%;
  background: var(--black);
}
.photo-link-row-wrapper .photo-link-block-wrapper > .photo-link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  background: var(--black);
}
.photo-link-row-wrapper .photo-link-block-wrapper img {
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: auto;
}
.photo-link-row-wrapper .photo-link-block-wrapper .photo-link-text {
  background: var(--black);
  color: #fff;
  padding: clamp(1.5rem, 2vw, 2.5rem);
  text-align: center;
}
.photo-link-row-wrapper .photo-link-block-wrapper .photo-link-text p {
  text-transform: uppercase;
  font-size: clamp(1.5rem, 2vw, 2.5rem);
  font-weight: 300;
  margin: 0 !important;
}
.photo-link-row-wrapper .photo-link-block-wrapper .photo-link-text strong, .photo-link-row-wrapper .photo-link-block-wrapper .photo-link-text b {
  font-weight: 800;
}
.wp-block-media-text.alignfull.has-media-on-the-right > .wp-block-media-text__content {
  margin-left: var(--extramargin);
  margin-right: calc(clamp(1.5rem, 2vw, 2.5rem) * 2);
  padding: clamp(1.5rem, 2vw, 2.5rem) 0;
}
.wp-block-media-text.alignfull.has-media-on-the-left > .wp-block-media-text__content {
  margin-right: var(--extramargin);
  margin-left: calc(clamp(1.5rem, 2vw, 2.5rem) * 2);
  padding: clamp(1.5rem, 2vw, 2.5rem) 0;
}
.wp-block-media-text:not(.alignfull) {
  gap: var(--wp--preset--spacing--wide);
}
.wp-block-media-text > .wp-block-media-text__content {
  padding: 0;
}
.home-events-block-wrapper {
  display: grid;
  grid-template-columns: minmax(12rem, 20%) 80%;
  grid-auto-flow: dense;
  gap: var(--wp--preset--spacing--narrow);
  margin-top: var(--wp--preset--spacing--narrow);
  margin-bottom: var(--wp--preset--spacing--narrow);
}
.home-events-block-wrapper > h2 {
  grid-column: 1/-1;
}
.home-events-block-wrapper .home-events-info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--wp--preset--spacing--narrow);
}
.home-events-block-wrapper .home-events-todays-hours {
  background: var(--lime);
  padding: var(--wp--preset--spacing--narrow);
}
.home-events-block-wrapper .home-events-todays-hours h3 {
  text-transform: uppercase;
  font-size: 1.3em;
}
.home-events-block-wrapper .home-events-todays-hours h3 > span {
  display: block;
  font-size: 1.4em;
  font-weight: 800;
}
.home-events-block-wrapper:has(.home-events-alert) .home-events-alert {
  background: var(--orange);
  padding: var(--wp--preset--spacing--narrow);
}
.home-events-block-wrapper:has(.home-events-alert) .home-events-alert > img {
  width: 2.5rem;
  height: auto;
}
.home-events-block-wrapper:has(.home-events-alert) .home-events-alert p {
  margin-bottom: 0;
  font-size: 0.9em;
}
.home-events-block-wrapper + .home-events-map-link {
  color: var(--black);
  text-transform: uppercase;
  font-weight: 800;
}
.home-events-block-wrapper .home-chats-wrapper {
  display: flex;
}
.home-events-block-wrapper .home-chat-photo {
  width: 20%;
  object-fit: cover;
  object-position: left center;
}
.home-events-block-wrapper .home-chats {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(auto-fit, minmax(1.5rem, auto));
  grid-auto-flow: column;
  background: var(--light-orange);
  gap: 0.5rem 1.5rem;
  padding: var(--wp--preset--spacing--narrow);
}
.home-events-block-wrapper .home-chats h3 {
  text-transform: uppercase;
  font-weight: 800;
  grid-column: span 2;
}
.home-events-block-wrapper .home-chats .home-chat {
  display: flex;
  gap: 1rem;
  justify-content: start;
  align-items: start;
  text-transform: uppercase;
  padding: 0;
  flex-wrap: nowrap;
  width: 100%;
}
.home-events-block-wrapper .home-chats .home-chat .home-chat-title {
  margin: 0;
  width: max-content;
  flex-grow: 1;
}
.home-events-block-wrapper .home-chats .home-chat .home-chat-time {
  margin: 0;
  font-weight: 800;
}
.home-events-block-wrapper .home-events {
  grid-column: span 2;
  border-top: 2px solid var(--orange);
}
.home-events-block-wrapper .home-events .home-event {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, calc(50% - var(--wp--preset--spacing--normal))));
  grid-template-rows: repeat(auto-fit, minmax(1rem, auto));
  column-gap: var(--wp--preset--spacing--normal);
  row-gap: var(--wp--preset--spacing--narrow);
  align-items: space-between;
}
.home-events-block-wrapper .home-events .home-event h3 {
  grid-column: span 2;
  font-size: clamp(2rem, 2.5vw, 3.5rem);
  text-transform: uppercase;
}
.home-events-block-wrapper .home-events .home-event img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  object-position: center center;
  grid-column: span 1;
}
.home-events-block-wrapper .home-events .home-event .home-event-info {
  grid-column: 2/3;
}
.home-events-block-wrapper .home-events .home-event .home-event-title {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  margin-top: 0;
}
.home-events-block-wrapper .home-events .home-event .home-event-time {
  text-transform: uppercase;
  margin-top: 0.3rem;
  font-weight: 800;
}
.wp-block-gallery {
  gap: var(--wp--preset--spacing--normal);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.is-style-green-2-col .wp-block-getwid-accordion__header-wrapper {
  border: none !important;
  background-color: var(--lime);
}
.is-style-orange-2-col .wp-block-getwid-accordion__header-wrapper {
  border: none !important;
  background-color: var(--orange);
}
.is-style-green-2-col, .is-style-orange-2-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(50% - var(--wp--preset--spacing--normal)));
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-auto-flow: dense;
  column-gap: var(--wp--preset--spacing--normal);
}
.is-style-green-2-col > :nth-child(odd), .is-style-orange-2-col > :nth-child(odd) {
  grid-row: auto;
  grid-column: span 1;
}
.is-style-green-2-col > :nth-child(even), .is-style-orange-2-col > :nth-child(even) {
  grid-row: span 0;
  grid-column: span 2;
}
.is-style-green-2-col > :nth-child(4n), .is-style-orange-2-col > :nth-child(4n) {
  padding-left: 50%;
}
.wp-block-getwid-content-slider-slide__wrapper {
  position: relative;
  height: 100%;
}
.wp-block-getwid-content-slider-slide__wrapper .wp-block-media-text {
  position: relative;
  height: 100%;
  min-height: 70vh;
}
/* ~~~~~~~~~~~~~~~~~~*/
/* END BLOCK STYLES  *
 * * * * * * * * * * */
/* Template Styles */
.sticky-bar {
  z-index: 3;
  top: -1px;
  border-top: 1px solid transparent;
  margin-top: 0;
  margin-bottom: 0;
  position: sticky;
}
.sticky-bar.stuck > .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}
.sticky-bar.stuck > .wp-block-group > .wp-block-columns {
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(0);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.5s ease;
}
.sticky-bar.stuck + .sticky-bar-after {
  display: block;
}
.sticky-bar.stuck + .sticky-bar-after + * {
  margin-top: var(--wp--preset--spacing--normal) !important;
}
.sticky-bar:not(.stuck) + .sticky-bar-after {
  display: none;
}
.sticky-bar:not(.stuck) + .sticky-bar-after + * {
  margin-top: var(--wp--preset--spacing--normal) !important;
}
.sticky-bar:not(.stuck) > .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}
.sticky-bar:not(.stuck) > .wp-block-group > .wp-block-columns {
  margin-top: 0;
  margin-bottom: 0;
  transition: transform 0.5s ease;
  transform: translateY(-50%);
}
.sticky-bar h2 {
  white-space: nowrap;
  word-break: keep-all;
  max-width: max-content;
}
.sticky-bar p {
  min-width: 10rem;
}
.sticky-bar .wp-block-group > .wp-block-group {
  width: max-content;
  flex-grow: 1;
}
.sticky-bar .wp-block-group > .wp-block-buttons {
  flex-grow: 1;
}
.sticky-bar .wp-block-group > .wp-block-buttons .wp-block-button__link {
  white-space: nowrap;
  word-break: keep-all;
}
.page {
  min-height: 100vh;
}
.entry-content > *:not(.alignfull) {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}
.entry-content > .has-background:last-child {
  margin-bottom: 0;
}
main:has(.entry-content > .has-background:last-child) + #colophon {
  margin-top: 0;
}
@supports (object-fit:cover) {
  .page .post-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page .post-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 2.4615384615;
    object-fit: cover;
    object-position: center;
  }
  .rsfv-has-video video.rsfv-video, .rsfv-has-video iframe.rsfv-video {
    aspect-ratio: 2.2641509434 !important;
    object-fit: cover;
    object-position: center center;
    width: 100%;
  }
  .rsfv-shortcode-wrapper {
    background-image: url(assets/images/paws.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
  }
}
#hours {
  min-width: calc(35%);
}
.exhibit {
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--wp--preset--spacing--wide);
}
.exhibit:nth-child(even) {
  background-color: var(--light-orange);
}
.exhibit:nth-child(even) .exhibit-animal-chats {
  background-color: #fff !important;
}
.exhibit > .wp-block-columns {
  gap: var(--wp--preset--spacing--medium);
  max-width: 80rem;
  margin: 0 auto;
}
.exhibit h2 {
  font-size: clamp(1.5rem, 2vw, 2.5rem);
  margin-top: 0;
}
.exhibit h3 {
  margin-top: 0;
  text-transform: uppercase;
}
.exhibit h3 strong {
  font-weight: 700;
}
.exhibit .exhibit-animal-chats > .wp-block-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--normal);
  margin-top: var(--wp--preset--spacing--narrow);
}
.exhibit .exhibit-animal-chat {
  margin: 0;
  border-left: 2px solid var(--lime);
  padding: 0 0.5rem;
  min-width: 8rem;
}
.exhibit .exhibit-animal-chat p {
  margin: 0.25rem 0 0 0;
}
.exhibit .exhibit-animal-chat p:first-child {
  font-weight: 600;
  margin-top: 0;
}
.exhibit .exhibit-animal-chat p:last-child {
  font-weight: 800;
}
.exhibit .exhibit-additional-info {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: var(--wp--preset--spacing--medium);
  margin-bottom: var(--wp--preset--spacing--medium);
}
.exhibit .exhibit-additional-info:last-child {
  margin-bottom: 0;
}
.exhibit .exhibit-additional-info.bts {
  flex-direction: row;
  gap: 0;
  border: 4px solid var(--lime);
}
.exhibit .exhibit-additional-info.bts > .bts-icon {
  background: var(--lime);
  padding: var(--wp--preset--spacing--narrow);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.exhibit .exhibit-additional-info.bts > .bts-icon h3 {
  font-weight: 800;
  font-size: 1.6rem !important;
  word-break: keep-all;
  white-space: break-spaces;
  line-height: 1.3em;
}
.exhibit .exhibit-additional-info.bts > .bts-icon h3 > span {
  font-weight: 400;
}
.exhibit .exhibit-additional-info.bts > .bts-icon img {
  max-height: 6rem;
  width: auto;
  margin-bottom: 0.5rem;
}
.exhibit .exhibit-additional-info.bts > .bts-content {
  padding: var(--wp--preset--spacing--narrow);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.exhibit .exhibit-additional-info.bts > .bts-content .wp-block-buttons > .wp-block-button > .wp-block-button__link {
  background-color: var(--lime) !important;
}
.exhibit .exhibit-additional-info h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.exhibit .exhibit-additional-info .wp-block-buttons {
  margin-top: 1rem;
}
.exhibit .exhibit-additional-info-content {
  margin: 0;
}
.exhibit .exhibit-additional-info-content p {
  margin-top: 0;
}
.exhibit .exhibit-additional-info-content p:last-of-type {
  margin-bottom: 0;
}
.exhibit iframe {
  aspect-ratio: 1.7777777778;
  width: 100%;
  height: auto;
  min-height: 200px;
  margin-top: var(--wp--preset--spacing--narrow);
  margin-bottom: var(--wp--preset--spacing--narrow);
}
.animal-category-list {
  margin-top: var(--wp--preset--spacing--wide) !important;
  margin-bottom: var(--wp--preset--spacing--medium) !important;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: var(--wp--preset--spacing--normal);
  padding-left: 0 !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  margin-right: auto !important;
}
.animal-category-list > li {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
  cursor: pointer;
}
.animal-category-list > li::after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  background: var(--lime);
  transition: transform 0.4s ease;
  transform: scaleX(0);
  transform-origin: center center;
  margin-top: 3px;
}
.animal-category-list > li.active::after, .animal-category-list > li:hover::after, .animal-category-list > li:focus::after {
  transform: scaleX(100%);
}
.animal-grid, .photo-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, calc(33.33% - (var(--wp--preset--spacing--normal) / 1.5))));
  grid-template-rows: repeat(auto-fit, minmax(1em, auto));
  grid-auto-flow: dense;
  gap: var(--wp--preset--spacing--normal);
  justify-content: center;
  position: relative;
}
.animal-grid::after, .photo-grid::after {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  user-select: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--light-orange);
  opacity: 0;
  z-index: 8;
  transition: opacity 0.5s ease;
}
.animal-grid:is(.loading)::before, .animal-grid:is(.loading)::after, .photo-grid:is(.loading)::before, .photo-grid:is(.loading)::after {
  opacity: 0.8;
}
.animal-grid .animal-grid-item, .animal-grid .photo-grid-item, .photo-grid .animal-grid-item, .photo-grid .photo-grid-item {
  aspect-ratio: 1;
  height: auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--wp--preset--spacing--normal);
  text-align: center;
  font-size: clamp(1.3rem, 3vw, 2rem);
  text-transform: uppercase;
  background-blend-mode: multiply;
  transition: background-color 0.3s ease;
  background-color: rgba(34, 4, 7, 0.4);
}
.animal-grid .animal-grid-item h3, .animal-grid .animal-grid-item p, .animal-grid .photo-grid-item h3, .animal-grid .photo-grid-item p, .photo-grid .animal-grid-item h3, .photo-grid .animal-grid-item p, .photo-grid .photo-grid-item h3, .photo-grid .photo-grid-item p {
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.animal-grid .animal-grid-item:not(:hover):not(:focus), .animal-grid .photo-grid-item:not(:hover):not(:focus), .photo-grid .animal-grid-item:not(:hover):not(:focus), .photo-grid .photo-grid-item:not(:hover):not(:focus) {
  background-color: rgba(34, 4, 7, 0);
}
.animal-grid .animal-grid-item:not(:hover):not(:focus) h3, .animal-grid .animal-grid-item:not(:hover):not(:focus) div, .animal-grid .photo-grid-item:not(:hover):not(:focus) h3, .animal-grid .photo-grid-item:not(:hover):not(:focus) div, .photo-grid .animal-grid-item:not(:hover):not(:focus) h3, .photo-grid .animal-grid-item:not(:hover):not(:focus) div, .photo-grid .photo-grid-item:not(:hover):not(:focus) h3, .photo-grid .photo-grid-item:not(:hover):not(:focus) div {
  opacity: 0;
}
.photo-grid {
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
}
.photo-grid .photo-grid-item {
  flex-direction: column;
  justify-content: start;
  font-size: 1rem;
  text-transform: none;
  background-color: rgba(34, 4, 7, 0.5);
  padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--narrow);
  transition: all 0.3s ease;
}
.photo-grid .photo-grid-item .photo-title {
  font-weight: 800;
  font-size: clamp(1.3rem, 3vw, 2rem);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: none;
  transition: all 0.3s ease;
  transform: translateY(0);
  top: 0;
  position: relative;
}
.photo-grid .photo-grid-item > div {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.photo-grid .photo-grid-item:not(:hover):not(:focus) {
  background-color: rgba(34, 4, 7, 0.3);
}
.photo-grid .photo-grid-item:not(:hover):not(:focus) > div {
  opacity: 0;
}
.photo-grid .photo-grid-item:not(:hover):not(:focus) .photo-title {
  transform: translateY(-50%);
  top: 50%;
}
.wp-block-gallery.is-style-captions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, calc(33.33% - var(--wp--preset--spacing--normal))));
  grid-template-rows: repeat(auto-fit, minmax(1em, auto));
  grid-auto-flow: dense;
  gap: var(--wp--preset--spacing--normal) !important;
  justify-content: center;
  position: relative;
}
.wp-block-gallery.is-style-captions:is(.columns-2) {
  grid-template-columns: repeat(auto-fit, minmax(15rem, calc(50% - (var(--wp--preset--spacing--normal)/2))));
}
.wp-block-gallery.is-style-captions figure {
  position: relative;
  width: 100% !important;
  height: auto !important;
}
.wp-block-gallery.is-style-captions figure::before, .wp-block-gallery.is-style-captions figure::after {
  display: none !important;
}
.wp-block-gallery.is-style-captions figure img {
  aspect-ratio: 1;
  height: auto;
  object-fit: cover;
  object-position: center center;
}
.wp-block-gallery.is-style-captions figure figcaption {
  background-image: none !important;
  background-color: transparent;
  background-color: rgba(34, 4, 7, 0.4) !important;
  background: rgba(34, 4, 7, 0.4) !important;
  color: #fff;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.3rem, 3vw, 2rem) !important;
}
.wp-block-gallery.is-style-captions figure figcaption::before, .wp-block-gallery.is-style-captions figure figcaption::after {
  display: none !important;
}
.wp-block-gallery.is-style-captions figure figcaption a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration-color: transparent !important;
  font-weight: 800;
  transition: all 0.3s ease;
  text-shadow: none;
}
.wp-block-gallery.is-style-captions figure figcaption a:hover, .wp-block-gallery.is-style-captions figure figcaption a:focus-visible {
  text-decoration-color: var(--orange) !important;
}
.today-at-the-zoo h3 {
  margin-bottom: 0;
  line-height: 1.2;
  font-size: clamp(1.5rem, 3.5vw, 3rem);
  text-transform: uppercase;
}
.today-at-the-zoo h3 + P {
  margin-top: 0 !important;
  line-height: 1.2;
  font-weight: 800;
  font-size: clamp(1.75rem, 4vw, 3.5rem);
  text-transform: uppercase;
}
.annual-reports-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, calc(33.33% - var(--wp--preset--spacing--normal))));
  grid-template-rows: repeat(auto-fit, minmax(1em, auto));
  grid-auto-flow: dense;
  gap: var(--wp--preset--spacing--normal);
  justify-content: center;
  position: relative;
}
.annual-reports-wrapper .photo-link {
  aspect-ratio: 1;
  height: auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--wp--preset--spacing--normal);
  text-align: center;
  font-size: clamp(1.3rem, 3vw, 2rem);
  text-transform: uppercase;
  background-blend-mode: multiply;
  transition: background-color 0.3s ease;
  background-color: rgba(34, 4, 7, 0);
}
.annual-reports-wrapper .photo-link .photo-link-text {
  color: #fff;
  font-weight: 300;
  text-decoration-color: #fff;
}
.annual-reports-wrapper .photo-link:not(:hover):not(:focus) {
  background-color: rgba(34, 4, 7, 0.4);
}
.annual-reports-wrapper .photo-link:not(:hover):not(:focus) .photo-link-text {
  text-decoration-color: transparent;
}
/*
h2, #hours, .wp-block-getwid-accordion__header-wrapper{
scroll-margin-block-start: 150px;
}
*/
.home .wp-block-getwid-content-slider:has(.slick-current .wp-block-media-text.has-orange-background-color) {
  background: var(--orange);
}
/* * * * * * * * * * *
 * MEDIA QUERIES     */
/* ~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 1500px) {
  #masthead #primary-menu .accessibilityTrigger {
    margin-left: 0 !important;
  }
  #masthead .site-branding {
    max-width: 7rem;
  }
  #masthead .main-navigation .gt_selector {
    font-size: 0.9em;
  }
  #masthead .main-navigation ul:is(#secondary-menu) {
    gap: 0.5rem;
    margin-left: 1rem;
  }
  #masthead .main-navigation ul li a {
    font-size: 0.9em;
  }
  #masthead .main-navigation ul li a:not(#secondary-menu > li > a) {
    padding: 0.5rem !important;
  }
}
@media screen and (max-width: 86rem) {
  :root {
    --extramargin: var(--wp--preset--spacing--normal);
  }
  .photo-grid .photo-grid-item {
    aspect-ratio: auto;
  }
  .entry-content > *:not(.alignfull) {
    max-width: 100%;
    padding-left: var(--wp--preset--spacing--normal);
    padding-right: var(--wp--preset--spacing--normal);
  }
  .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content, .wp-block-media-text.has-media-on-the-left > .wp-block-media-text__content {
    margin-left: var(--extramargin) !important;
    margin-right: var(--extramargin) !important;
  }
  .wp-block-getwid-accordion > .wp-block-getwid-accordion__content .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content, .wp-block-getwid-accordion > .wp-block-getwid-accordion__content .wp-block-media-text.has-media-on-the-left > .wp-block-media-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sticky-bar {
    transform: translateY(0);
  }
  .exhibit {
    padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--normal);
  }
}
@media screen and (max-width: 71rem) {
  .home-events-block-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, calc(50% - var(--wp--preset--spacing--normal))));
    grid-template-rows: auto auto;
  }
  .home-events-block-wrapper .home-events-info {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 0;
  }
  .home-events-block-wrapper .home-events-info .home-events-map-link {
    grid-column: 1/-1;
    padding: var(--wp--preset--spacing--narrow);
    background-color: var(--lime);
    background-color: color-mix(in srgb, var(--lime) 30%, #fff 70%);
  }
  .home-events-block-wrapper .home-chats-wrapper {
    grid-column: span 2;
  }
  .home-events-block-wrapper .home-chats-wrapper .home-chat-photo {
    display: none;
  }
  .home-events-block-wrapper .home-chats-wrapper .home-chats {
    display: block;
    width: 100%;
  }
  .home-events-block-wrapper .home-chats-wrapper .home-chats .home-chat {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 1200px) {
  #masthead {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    box-sizing: border-box;
    max-width: 100%;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  }
  #masthead .is-style-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    max-width: 100%;
  }
  #masthead .main-navigation {
    justify-content: end;
  }
  #masthead .main-navigation .menu-item-gtranslate {
    position: relative !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-left: var(--wp--preset--spacing--narrow);
    padding-left: 0.5rem;
    gap: 0.5rem;
    max-width: 99%;
    width: auto !important;
    background-color: var(--orange);
  }
  #masthead .main-navigation .menu-item-gtranslate .gt_selector {
    text-align: left !important;
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
  }
  #masthead .main-navigation ul:is(#secondary-menu) {
    gap: 1.5rem;
  }
  #masthead .main-navigation ul:is(#primary-menu) {
    position: fixed;
    width: 100vw;
    max-width: 100%;
    transform: translateX(100%);
    transition: transform 0.5s ease;
    left: 0;
    right: 0;
    margin-top: calc(clamp(1.5rem, 2vw, 2.5rem) * 2);
    display: flex;
    flex-direction: column;
    align-items: start;
    z-index: 99;
    padding: clamp(1.5rem, 2vw, 2.5rem);
    background: #fff;
    max-height: 90vh;
    overflow-y: auto;
  }
  #masthead .main-navigation ul:is(#primary-menu) li.menu-item-has-children > .sub-menu {
    position: relative !important;
    top: 0 !important;
    left: 0;
    grid-column: 1/4;
    grid-row: 2/3;
    animation: fadeIn 0.3s ease 1 forwards;
    opacity: 0;
  }
  #masthead .main-navigation ul:is(#primary-menu) li.menu-item-has-children:is(#primary-menu > li) > a:hover {
    text-decoration-color: transparent;
  }
  #masthead .main-navigation ul:is(#primary-menu) li {
    width: 100%;
  }
  #masthead .main-navigation ul:is(#primary-menu) li a {
    text-align: left !important;
    width: max-content;
    max-width: 90%;
    white-space: pre-wrap;
  }
  #masthead .main-navigation.toggled #primary-menu {
    transform: translateX(0%);
    border-bottom: 4px solid #000;
  }
  #masthead .menu-toggle {
    background-color: transparent;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 2rem;
    width: 3rem;
    background-color: #fff;
    background-image: url(assets/images/menu.svg);
    margin-right: 0;
    margin-left: auto;
    display: block;
  }
  #masthead .menu-toggle[aria-expanded="true"] {
    background-image: url(assets/images/x.svg);
  }
  .page .post-thumbnail img, .rsfv-has-video video.rsfv-video, .rsfv-has-video iframe.rsfv-video {
    aspect-ratio: 1.3333333333 !important;
  }
  .photo-link-row-wrapper {
    row-gap: var(--wp--preset--spacing--wide);
  }
  .sticky-bar {
    position: relative !important;
  }
  .sticky-bar + .sticky-bar-after {
    display: none !important;
  }
  .sticky-bar .wp-block-group {
    flex-direction: column;
    align-items: start;
  }
  .sticky-bar .wp-block-group > .wp-block-columns {
    transform: translateY(-1.5rem) !important;
  }
  .sticky-bar .wp-block-group p {
    width: 100%;
  }
  .sticky-bar .wp-block-group .wp-block-buttons {
    display: none;
  }
}
@media screen and (max-width: 56rem) {
  .animal-grid, .photo-grid {
    grid-template-columns: repeat(auto-fit, minmax(12rem, calc(50% - (var(--wp--preset--spacing--normal)/2))));
  }
  .today-at-the-zoo > .wp-block-columns {
    flex-direction: column;
  }
  .today-at-the-zoo > .wp-block-columns > .wp-block-column:first-child {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    align-items: stretch;
    gap: var(--wp--preset--spacing--normal);
  }
  .today-at-the-zoo > .wp-block-columns > .wp-block-column:first-child > * {
    width: 50%;
    margin: 0 !important;
    justify-content: center;
  }
}
@media screen and (max-width: 782px) {
  .sticky-bar p {
    font-size: 1.3rem !important;
  }
  .photo-grid .photo-grid-item, .photo-grid .photo-grid-item:not(:hover):not(:focus) {
    background-color: rgba(34, 4, 7, 0.6) !important;
  }
  .photo-grid .photo-grid-item div, .photo-grid .photo-grid-item:not(:hover):not(:focus) div {
    flex-grow: 1 !important;
    flex-basis: auto;
    opacity: 1 !important;
  }
  .photo-grid .photo-grid-item .photo-title, .photo-grid .photo-grid-item:not(:hover):not(:focus) .photo-title {
    transform: translateY(0);
    top: unset;
  }
  .animal-grid-item:not(:hover):not(:focus) {
    background-color: rgba(34, 4, 7, 0.4) !important;
  }
  .animal-grid-item:not(:hover):not(:focus) h3 {
    opacity: 1 !important;
  }
  .wp-block-gallery.columns-1 {
    flex-direction: row;
  }
  .wp-block-gallery.columns-1 .wp-block-image {
    flex-basis: calc(50% - var(--wp--preset--spacing--normal));
    width: calc(50% - var(--wp--preset--spacing--normal));
    min-width: 10rem;
  }
  .wp-block-getwid-accordion .wp-block-media-text__content, .wp-block-media-content:not(.alignfull) .wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content:not(:has(ul, ol, .wp-block-getwid-accordion)) {
    text-align: center;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h2 {
    margin: 0 auto;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content > .wp-block-group {
    justify-content: center;
    align-items: center;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content .wp-block-buttons {
    width: 100%;
    justify-content: center;
  }
  .wp-block-columns {
    gap: var(--wp--preset--spacing--medium) !important;
  }
  .is-style-green-2-col, .is-style-orange-2-col {
    display: block;
  }
  .is-style-green-2-col > *, .is-style-orange-2-col > * {
    width: 100%;
  }
  .is-style-green-2-col > :nth-child(4n), .is-style-orange-2-col > :nth-child(4n) {
    padding-left: 0;
  }
  .home-chats-wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .history_year {
    position: relative;
  }
  .history_year::before {
    content: "";
    display: block;
    height: 2rem;
    width: 6rem;
    background-image: url("assets/images/connector.svg");
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    left: -6.5rem;
    top: 0;
  }
}
@media screen and (max-width: 36rem) {
  :root {
    --wp--preset--spacing--narrow: 1rem;
    --wp--preset--spacing--normal: 1rem;
  }
  #masthead .site-branding {
    max-width: 5rem;
    min-width: 3rem;
    margin: 0;
  }
  #masthead .is-style-container {
    gap: 1rem;
  }
  #masthead .main-navigation ul {
    gap: 0.5rem !important;
  }
  #masthead .main-navigation ul:is(#primary-menu) {
    margin-top: 2rem;
  }
  #masthead .main-navigation ul:is(#primary-menu) li a {
    font-size: 0.9em !important;
  }
  #masthead .main-navigation ul li a {
    padding: 0.5rem !important;
    font-size: 0.7em !important;
  }
  .home-events-block-wrapper {
    display: flex;
    flex-direction: column;
  }
  .home-events-block-wrapper > h2 {
    /*
        gap:0;
        */
    text-align: center;
  }
  .home-events-block-wrapper .home-events-map-link {
    text-align: center;
  }
  .home-events-block-wrapper .home-event {
    padding: var(--wp--preset--spacing--narrow);
  }
  .home-events-block-wrapper .home-event:nth-child(even) {
    background-color: var(--light-orange);
  }
  .home-events-block-wrapper .home-event img {
    display: none;
  }
  .home-events-block-wrapper .home-event .home-event-title {
    margin-top: 0;
  }
  .home-events-block-wrapper .home-event .home-event-desc {
    margin-bottom: 0;
  }
  .animal-grid, .photo-grid, .wp-block-gallery.is-style-captions {
    grid-template-columns: 100% !important;
  }
  .today-at-the-zoo > .wp-block-columns > .wp-block-column:first-child {
    flex-direction: column;
  }
  .today-at-the-zoo > .wp-block-columns > .wp-block-column:first-child > * {
    width: 100%;
  }
}
@media screen and (max-width: 29rem) {
  .home-events-block-wrapper .home-events-info {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--narrow);
  }
}
@media screen and (max-width: 320px) {
  #masthead .is-style-container {
    flex-wrap: wrap;
  }
  #masthead .site-branding {
    order: 1;
  }
  #masthead .menu-toggle {
    order: 2;
  }
  #masthead .main-navigation {
    order: 3;
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
  }
  #masthead .main-navigation ul:is(#secondary-menu) {
    padding: 0;
    margin: 0;
    gap: 0 !important;
    width: 100%;
    position: fixed;
    left: 0;
    flex-wrap: wrap;
    align-items: stretch;
  }
  #masthead .main-navigation ul:is(#secondary-menu) > li {
    width: 50%;
  }
  #masthead .main-navigation ul:is(#secondary-menu) > li > a:hover, #masthead .main-navigation ul:is(#secondary-menu) > li > a:focus {
    box-shadow: none;
    border-color: #000;
    background-color: #fff;
  }
  #masthead .main-navigation ul:is(#primary-menu) {
    margin-top: 30px;
  }
}
/* ~~~~~~~~~~~~~~~~~~*/
/* END MEDIA QUERIES *
 * * * * * * * * * * */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInHalf {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}