backup Customizing Additional CSS

.site-header {
  margin: 0;
}
.site-header .branding {
  padding: 10px 0;
  min-height: 0;
}
.site-header-right {
  display:none;
}
.main-navigation.translucent {
  position: unset;
}
.panoramic-slider-container {
  width: 1024px;
  margin: auto;
}
@media (max-width: 1024px) {
  .panoramic-slider-container {
    width: 100%
  }
}
.site-container {
  max-width: 1024px;
}
.main-navigation.translucent {
  background-color: #5a9ec3;
}
.main-navigation a[target="_blank"]::after {
  content: "open_in_new";
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL', 'wght', 'GRAD', 'opsz';
  font-size: 1.em;
  vertical-align: -0.18em;
  margin-left: 0.5em;
}
@media (min-width: 1024px) {
  .main-navigation .menu > li:first-child {
    border-left: 1px solid white;
  }
  .main-navigation .menu > li {
    border-right: 1px solid white;
  }
  .main-navigation ul ul {
    border-top: 0;
  }
}
.main-navigation a {
  padding: 10px 15px;
  font-size: 17px;
  text-transform: unset;
}
.main-navigation a:hover, .main-navigation li.current-menu-item>a, .main-navigation li.current_page_item>a, .main-navigation li.current-menu-parent>a, .main-navigation li.current_page_parent>a, .main-navigation li.current-menu-ancestor>a, .main-navigation li.current_page_ancestor>a, .main-navigation button {
  background-color: rgba(0, 0, 0, 0.3);
}
.main-navigation ul ul {
  background-color: #8c8c8c;
}
.main-navigation ul ul a {
  padding: 10px;
  font-size: 15px;
}
@media (max-width: 1024px) {
  .main-navigation ul ul a {
    font-size: 14px;
  }
}
.site-content .entry-title {
  font-size: 1.5em;
  border-bottom: 1px #e1e1e1 dotted;
}
.site-footer-widgets {
  padding: 0;
}
.site-footer-widgets .site-container>ul {
  display: flex;
  flex-wrap: wrap;
}
.site-footer-widgets .site-container>ul>li {
  width: unset !important;
  padding: 10px 0 !important;
  margin: 0;
  display: flex;
}
.site-footer-widgets .site-container>ul>li .textwidget p {
  color:white;
  margin: 0;
}
p, li {
  font-weight: normal;
}
.site-footer-bottom-bar {
  display: none;
}
#youtube-video {
  width: 835px;
  height: 470px;
}
@media (max-width: 1024px) {
  .site-footer-widgets .site-container>ul>li .textwidget p {
    font-size: 12px;
  }
}
@media (max-width: 780px) {
  .site-container:has(div.branding) {
    padding: 0 5px;
  }
}
@media (max-width: 960px) {
  .main-navigation, .main-navigation.translucent {
    width: fit-content;
    position: absolute !important;
    right: 0;
    top: 0;
    border: unset !important;
    background-color: unset !important;
    touch-action: pan-y;
  }
  .header-menu-button .otb-fa.otb-fa-bars, .header-menu-button .fa-solid.fa-bars {
    color: #5a9ec3;
  }
  .main-menu-close {
    background-color: unset;
    left: unset;
    right: 15px;
  }
  .main-navigation #main-menu {
    width: 350px;
    right: -350px;
  }
}
@media (max-width: 840px) {
  .branding {
    text-align: left;
  }
  .panoramic-header-layout-standard .branding img {
    margin: unset;
  }
  .custom-logo {
    width: 90%;
  }
  #youtube-video {
    width: 100%;
    height: 230px;
  }
}
@media (max-width: 500px) {
  .custom-logo {
    content: url("/wp-content/uploads/2026/10/logo2.png");
    height: 44px;
    width: auto;
  }
  .main-navigation #main-menu {
    width: 280px;
  }
  .home .site-content {
    margin-top: 25px;
  }
  .site-content {
    margin-top: 0;
  }
  .site-content .entry-title {
    font-size: 1.2em;
  }
}

#mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9998;
  display: none;
  pointer-events: auto;
}
@media (max-width: 960px) {
  #mobile-menu-overlay.is-active {
    display: block !important;
  }
  body.menu-is-open {
    overflow: hidden !important;
    height: 100vh;
    height: 100dvh;
    position: fixed;
    touch-action: none;
  }
}