@media (max-width: 1285px) and (min-width: 768px) {
    nav#main-nav > div {
        padding: var(--space-025x);
    }
}

@media (max-width: 1185px) and (min-width: 768px) {
    nav#main-nav > div:not(.menu-top) {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    nav#main-nav > div:not(.menu-top) > div {
        margin: auto;
    }

    #main-menu * {
        font-size: var(--text);
    }
    
    #main-menu ul {
        justify-content: center;
    }
}

nav ul.wp-block-social-links {
    margin: 0;
}

nav ul.wp-block-social-links, 
nav ul.wp-block-social-links.has-normal-icon-size {
    font-size: 1.25rem;
    gap: var(--space-025x);
}

@media (max-width: 767px) {
    nav ul.wp-block-social-links, 
    nav ul.wp-block-social-links.has-normal-icon-size {
        font-size: 1.25rem;
        gap: var(--space-05x);
    }
}

.newsletter-signup-link .gb-shape svg {
    height: 1.25rem;
    width: 1.15rem;
}

.newsletter-signup-link .gb-shape svg path {
    stroke-width: 10px;
    stroke: white;
}

.newsletter-signup-link .gb-shape {
    transform: scale(1);
    transition: transform .1s ease;
}

.newsletter-signup-link:hover .gb-shape {
    transform: scale(1.1);
}


/* Search and Search Dropdown */
.event-search__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  cursor: pointer;
  background-color: currentColor;   /* follows the field's text colour by default */
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 6 6 18M6 6l12 12' stroke='black' stroke-width='2.5' stroke-linecap='round' fill='none'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 6 6 18M6 6l12 12' stroke='black' stroke-width='2.5' stroke-linecap='round' fill='none'/></svg>") center / contain no-repeat;
}

/* Clear button while the field is focused */
.event-search__input:focus::-webkit-search-cancel-button {
  background-color: var(--accent);
}

.event-search__toggle:hover, .event-search__close:hover,
.event-search__toggle:focus, .event-search__close:focus,
.event-search__toggle:active, .event-search__close:active {
    background: transparent;
    color: inherit;
    transform: scale(1.1);
}

.event-search__panel {
    z-index: 99999;
    background: var(--black);
}

.event-search__close { 
    color: #fff;
}
.event-search__close:hover,
.event-search__close:focus-visible { 
    color: var(--accent);
}

/* Input */
.event-search__input {
    border: 1px solid var(--white) !important;
    color: var(--black) !important;
    background: var(--white) !important;
}

/* Menu */
.event-search__panel .event-search__menu {
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--white);
}

.event-search__menu {
    background: var(--black);
    overflow-x: hidden;
    color: var(--white);
    border: 1px solid var(--white);
}

.event-search__menu .event-search__item:hover,
.event-search__menu .event-search__item.is-active {
    background: var(--accent);
}


/* Scrollbars in the search dropdown (inline) and the mobile panel */
.event-search__menu,
.event-search__panel {
  --barker-scrollbar-track: transparent;
  --barker-scrollbar-thumb: rgba(180, 180, 180, 0.95);
  --barker-scrollbar-thumb-hover: rgba(127, 127, 127, 0.75);

  /* Standard properties: Firefox, and Chrome/Edge 121+ */
  scrollbar-width: thin;
  scrollbar-color: var(--barker-scrollbar-thumb) var(--barker-scrollbar-track);
}

/* WebKit pseudo-elements: Safari, and Chrome/Edge before 121 */
.event-search__menu::-webkit-scrollbar,
.event-search__panel::-webkit-scrollbar {
  width: 8px;
}

.event-search__menu::-webkit-scrollbar-track,
.event-search__panel::-webkit-scrollbar-track {
  background: var(--barker-scrollbar-track);
}

.event-search__menu::-webkit-scrollbar-thumb,
.event-search__panel::-webkit-scrollbar-thumb {
  background: var(--barker-scrollbar-thumb);
  border-radius: 999px;
  border: 2px solid transparent;      /* inset the thumb from the edge */
  background-clip: padding-box;
}

.event-search__menu::-webkit-scrollbar-thumb:hover,
.event-search__panel::-webkit-scrollbar-thumb:hover {
  background: var(--barker-scrollbar-thumb-hover);
}

.event-search__icon svg {
    stroke: black;
}

@media (max-width: 767px) {
    .wp-block-social-links.has-large-icon-size {
        justify-content: center;
    }
}