/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2025 | 21:58:28 */
@media screen and (max-width: 779px) {
  .mobile-div {
    border-top: 1px solid var(--wp--preset--color--accent-2);
    padding-top: 40px;
  }
}

.logos img {
    max-height: 90px;
    width: auto;
}

.invert img {
    filter: invert(1) !important;
}
.shift-hue img{
	filter: hue-rotate(95deg) brightness(.95);
}

.sticky-section {
    top: 150px;
    position: sticky;
}

body{
	overflow-x: hidden;
}

.invert-img img{
	    filter: brightness(0) invert(1);
}

.wp-block-group.is-layout-grid.wp-container-core-group-is-layout-07cf5820.wp-block-group-is-layout-grid figure {
    align-self: center;
}
html {
  scroll-behavior: smooth;
}

.logos figure {
    align-content: center;
    place-self: center;
    max-width: 150px;
}

.arrow-right a,
.arrow-right .wp-block-button__link {
  position: relative;
  transition: padding-right 0.3s ease;
  text-decoration: none!important;
}

.arrow-right a::after,
.arrow-right .wp-block-button__link::after {
    content: "→";
    position: absolute;
    right: 0px;
    padding-right: 1.5em;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateX(-10px);
}

ul.wp-block-navigation__submenu-container.has-text-color.has-contrast-color.has-background.has-base-background-color.wp-block-navigation-submenu {
    background-color: white !important;
    border-radius: 15px;
    overflow: hidden;
    border-style: none !important;
}

button.lightbox-trigger {
    display: none !important;
}

.arrow-right a:hover,
.arrow-right .wp-block-button__link:hover {
  padding-right: 3em; /* Increase padding on hover to make space for arrow */
}

.arrow-right a:hover::after,
.arrow-right .wp-block-button__link:hover::after {
  opacity: 1;
  transform: translateX(0);
}

img.attachment-large.size-large.has-image-lightbox {
    align-self: center;
    border-radius: 30px;
    position: sticky;
}

:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) {
    text-decoration: none!important;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none!important;
    box-shadow: none!important;
}

.s-reed-img {
    z-index: -1;
    scale: 1.5;
    top: 6vh;
    position: relative;
}

/* mobile devices */
@media screen and (max-width: 781px) {
  .desktop-only {
    display: none !important;
  }
	
	body {
    background-size: auto;
	}
	
	.left-on-mobile * {
    text-align: left !important;
}
	.left-on-mobile * .wp-block-buttons {
    justify-content: left;
}
	
.left-on-mobile .wp-block-button {
    margin-right: auto;
}

    .s-reed-img {
        position: absolute;
        right: -35vw;
		top: 0px;
        scale: 1.2;
    }
	
}

/* desktop devices */
@media screen and (min-width: 782px) {
  .mobile-only {
    display: none !important;
  }

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none!important;
}

/**
 * Animated underline effect for navigation items
 * Uses the theme's accent-2 color variable
 */
.wp-block-navigation-item .wp-block-navigation-item__content {
  position: relative;
  text-decoration: none;
}

.wp-block-navigation-item .wp-block-navigation-item__content::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: var(--wp--preset--color--accent-2);
  transition: width 0.3s ease-in-out;
}

.wp-block-navigation-item .wp-block-navigation-item__content:hover::after,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after {
  width: 100%;
}

a, button, input[type="submit"], input[type="button"] {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
	
	.bubble{
		transition: 0.1s ease;
	}
	
	.bubble:hover {
    transform: scale(1.1);
}
}