/* 
 Theme Name: Moonshot Theme
 Theme URI: https://moonshot.media
 Description: Moonshot Theme is a fast, lightweight GeneratePress Child Theme 
 Author: Matthias
 Author URI: https://moonshot.media
 Template: generatepress
 Version: 1.1
 Text Domain: ms-theme
 Domain Path: /languages
*/

html {
    font-size: 100%;
}

/* Custom Properties * https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/ */
:root {
    /* Font sizes * These values are set as defaults in the customizer * They're also available as classes in Global Styles * This means you can make a H2 look like an H4 */
    --ms-text-xs: 0.75rem;
    /* 12px */
    --ms-text-sm: 0.875rem;
    /* 14px */
    --ms-text-base: 1rem;
    /* 16px */
    --ms-text-lg: 1.125rem;
    /* 18px */
    --ms-text-xl: 1.25rem;
    /* 20px */
    --ms-text-2xl: 1.5rem;
    /* 24px */
    --ms-text-3xl: 1.875rem;
    /* 30px */
    --ms-text-4xl: 2.25rem;
    /* 36px */
    /* Border-radius * Used as values for "btn" and "rounded" Global Styles */
    --ms-rounded-sm: 0.25rem;
    /* 4px */
    --ms-rounded: 0.5rem;
    /* 8px */
    --ms-rounded-lg: 0.75rem;
    /* 12px */
    --ms-rounded-full: 9999px;
    /* Shadows */
    --ms-shadow-sm: 0px 1px 3px 0px var(--ms-color-neutral-lighter), 0px 1px 2px -1px var(--ms-color-neutral-lighter);
    --ms-shadow: 0px 4px 6px -1px var(--ms-color-neutral-lighter), 0px 2px 4px -2px var(--ms-color-neutral-lighter);
    --ms-shadow-lg: 0px 10px 15px -3px var(--ms-color-neutral-lighter), 0px 4px 6px -4px var(--ms-color-neutral-lighter);
    /* GB default button padding can't be replaced by Global Styles so we need to set it here until that's fixed. * Make sure the values are the same as the padding settings from the Button Global Style. */
    --ms-button-padding: 0.5rem 2rem;
    /* The bottom margin for block elements like paragraphs, lists etc. * Referenced in the customizer and in Global Styles (.ms-mb-block, .ms-mb-block-condensed ) */
    --ms-mb-block: 1.25rem;
    --ms-mb-block-condensed: 0.5rem;
    /* The global content padding. Copy these values from the ones set in the customizer. * Referenced in this stylesheet and in Global Styles. */
    --ms-gp-site-content: 40px;
}

@media (max-width: 767px) {
    :root {
        --ms-gp-site-content: 20px;
    }
}

@media (min-width: 769px) {
    :root {
        --ms-text-xs: 0.875rem;
        /* 14px */
        --ms-text-sm: 1rem;
        /* 16px */
        --ms-text-base: 1.125rem;
        /* 18px */
        --ms-text-lg: 1.25rem;
        /* 20px */
        --ms-text-xl: 1.5rem;
        /* 24px */
        --ms-text-2xl: 1.875rem;
        /* 30px */
        --ms-text-3xl: 2.25rem;
        /* 36px */
        --ms-text-4xl: 2.625rem;
        /* 42px */
    }

    body.right-sidebar #primary {
        width: calc(100% - 354px);
    }

    body.right-sidebar #right-sidebar {
        width: 354px;
    }
}

/* WP Overrides */
.wp-block-separator {
    border: 0 !important;
}

/* * Basic styling */
::selection {
    background: var(--ms-color-contrast-lightest);
}

.page h2.wp-block-heading::after,
.single h2.wp-block-heading::after {
    content: "";
    display: block;
    width: 150px;
    padding-top: 5px;
    margin-top: 5px;
    background: var(--ms-color-primary-lighter);
    z-index: -1;
}

a,
button,
input {
    transition: none;
}

b,
strong,
th,
dt {
    font-weight: 600;
}

code,
kbd,
tt,
var {
    font-size: inherit;
}

ul,
ol {
    margin: 0 0 var(--ms-mb-block) 2ch;
}

.editor-styles-wrapper ol,
.editor-styles-wrapper ul {
    padding: 0;
}

dd {
    margin: 0 0 var(--ms-mb-block);
}

li::marker {
    color: var(--ms-color-primary);
    font-weight: 500;
}

hr {
    background-color: var(--ms-color-neutral-lighter);
    height: 1px;
    margin-bottom: var(--ms-mb-block);
    margin-top: var(--ms-mb-block);
}

select {
    outline: 0;
    border: none;
    padding: 0.5em 0.75em;
    border-radius: var(--ms-rounded);
    -webkit-appearance: none;
    appearance: none;
    font-size: var(--ms-text-sm);
    color: var(--ms-color-neutral-darkest);
}

select#lang-switcher {
    padding: 0.5em 0.75em 0.5em 2.2em;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 256 256"  xmlns="http://www.w3.org/2000/svg"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H175.8c-1.41-28.46-10.27-55.47-25.12-77A88.2,88.2,0,0,1,215.63,120ZM128,215.89c-18.73-20.27-30.09-49-31.77-79.89h63.54C158.09,166.87,146.73,195.62,128,215.89ZM96.23,120c1.68-30.87,13-59.62,31.77-79.89,18.73,20.27,30.09,49,31.77,79.89Zm9.09-77C90.47,64.53,81.61,91.54,80.2,120H40.37A88.2,88.2,0,0,1,105.32,43ZM40.37,136H80.2c1.41,28.46,10.27,55.47,25.12,77A88.2,88.2,0,0,1,40.37,136Zm110.31,77c14.85-21.56,23.71-48.57,25.12-77h39.83A88.2,88.2,0,0,1,150.68,213Z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: 0.4em center;
}

table {
    border-width: 1px 1px 0;
    border-radius: var(--ms-rounded);
}

table tr:last-child>td:first-child,
.wp-block-table tr:last-child>td:first-child {
    border-bottom-left-radius: var(--ms-rounded);
}

table tr:last-child>td:last-child,
.wp-block-table tr:last-child>td:last-child {
    border-bottom-right-radius: var(--ms-rounded);
}

table td,
.wp-block-table td,
table th,
.wp-block-table th {
    border-color: var(--ms-color-neutral-lighter) !important;
    border-width: 0 0 1px 0 !important;
    color: var(--ms-color-neutral-darker);
    padding: 0.5em !important;
    font-size: var(--ms-text-sm);
    text-align: left;
}

tbody.row-hover>tr:hover,
tbody>tr:hover {
    background: var(--ms-color-neutral-lightest);
}

.wp-block-table thead {
    background-color: var(--ms-color-neutral-lightest) !important;
    border-bottom: 1px solid var(--ms-color-neutral-lighter) !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n + 1) {
    background-color: var(--ms-color-neutral-lightest);
}

.wp-block-table tfoot {
    border-top: 3px solid var(--ms-color-neutral-lighter);
    font-weight: 500;
}

.editor-styles-wrapper .block-editor-block-list__layout th,
.editor-styles-wrapper .block-editor-block-list__layout td {
    padding: 0.5em;
}

.site-header {
    border-bottom: 1px solid var(--ms-color-neutral-lighter);
}

.main-navigation .main-nav ul li.ms-nav-button a {
    background-color: var(--ms-color-primary);
    color: var(--ms-color-white);
    border-radius: var(--ms-rounded-full);
    text-align: center;
}

.main-navigation .main-nav ul li.ms-nav-button:hover a {
    background-color: var(--ms-color-primary-darker);
    color: var(--ms-color-white);
}

.main-navigation ul ul {
    box-shadow: var(--ms-shadow-lg);
    border-radius: var(--ms-rounded);
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
    background-color: transparent;
}

.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
    margin-top: 1.5em;
}

.site-footer a {
    text-decoration: none;
}

/* Don't collapse secondary menu on mobile: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/ */
.secondary-navigation .menu-toggle {
    display: none !important;
}

@media (max-width: 768px) {
    .secondary-navigation {
        text-align: center !important;
    }

    .secondary-navigation ul {
        display: block !important;
    }

    .secondary-navigation .sf-menu>li {
        float: none;
        display: inline-block !important;
    }
}

.secondary-navigation {
    padding: 0.875em 0 !important;
}

.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container {
    padding: 0 var(--ms-gp-site-content) 0 !important;
}

.secondary-navigation .main-nav>ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.5em;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.secondary-navigation .main-nav>ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.secondary-navigation .main-nav>ul::-webkit-scrollbar {
    display: none;
}

.secondary-navigation .sf-menu>li {
    flex-shrink: 0;
    scroll-snap-align: center;
}

.secondary-navigation .main-nav ul li a,
.secondary-navigation .menu-toggle,
.secondary-menu-bar-items .menu-bar-item>a {
    border-radius: var(--ms-rounded);
    padding: 3px 8px !important;
}

.secondary-navigation .main-nav ul li:first-child a {
    background-color: transparent !important;
    color: var(--ms-color-neutral) !important;
}

.secondary-navigation .main-nav ul li:first-child a:hover {
    background-color: transparent !important;
}

/* Sidebar */
@media (min-width: 1025px) {
    .sidebar-sticky>.inside-right-sidebar {
        position: sticky;
        top: 1rem;
    }
}

@media (max-width: 768px) {
    .sidebar-first #right-sidebar {
        order: 1;
    }

    .sidebar-first .content-area {
        order: 2;
    }
}

/* Breadcrumbs */
.breadcrumb-item:first-child a span {
    display: inline-block;
    vertical-align: middle;
}

.ms-breadcrumbs-icon {
    height: 1em;
    width: 1em;
}

/*** GLOBAL STYLES ***/
/* Remove bottom margin from last items in alert container */
.gb-container-alert-neutral :last-child,
.gb-container-alert-primary :last-child,
.gb-container-alert-contrast :last-child {
    margin-bottom: 0;
}

.editor-styles-wrapper .gb-container-alert-neutral :last-child,
.editor-styles-wrapper .gb-container-alert-primary :last-child,
.editor-styles-wrapper .gb-container-alert-contrast :last-child {
    margin-bottom: 0;
}

.gb-container-alert-neutral li::marker {
    color: var(--ms-color-neutral);
}

.gb-container-alert-primary li::marker {
    color: var(--ms-color-primary);
}

.gb-container-alert-contrast li::marker {
    color: var(--ms-color-contrast);
}

.editor-styles-wrapper .ms-icon-list {
    padding-left: 0;
}

/* Theme Classes */
.listicle {
    counter-reset: item;
}

.listicle h2::before {
    counter-increment: item;
    content: counter(item) ". ";
}

.content-credits dl:last-child dd {
    margin: 0;
}

/* Block Styles * https://wptips.dev/gutenberg-custom-styles/ */
p.is-style-unstyled,
.editor-styles-wrapper p.is-style-unstyled {
    margin-bottom: 0;
}

ul.is-style-unstyled {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.is-style-condensed table td,
.wp-block-table.is-style-condensed td,
.is-style-condensed table th,
.is-style-condensed.wp-block-table th {
    padding: 0.25em 0.5em;
}

.editor-styles-wrapper .block-editor-block-list__layout .is-style-condensed th,
.editor-styles-wrapper .block-editor-block-list__layout .is-style-condensed td {
    padding: 0.25em 0.5em;
}

.ms-list--inline {
    list-style: none;
}

address {
    font-style: normal;
}

.main-nav {
    width: 100%;
}

#menu-highlights-menu {
    overflow-x: scroll;
    white-space: nowrap;
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
    display: flex;
    gap: 8px;
}

.ms-slider {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ms-slider .ms-slider__items {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
    flex-wrap: nowrap !important;
    scroll-snap-type: x mandatory;
    transition: transform ease-in-out 200ms;
    column-gap: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 1em;
}

.ms-slider .ms-slider__items>.gb-loop-item {
    flex-grow: 1;
    flex-shrink: 0;
    scroll-snap-align: start;
}

@media (max-width: 768px) {
    .ms-slider .ms-slider__items>.gb-loop-item {
        width: 80%;
    }
}

@media (min-width: 700px) and (max-width: 1024px) {
    .ms-slider .ms-slider__items>.gb-loop-item {
        width: 33%;
    }
}

@media (min-width: 1025px) {
    .ms-slider .ms-slider__items>.gb-loop-item {
        width: 23%;
    }
}

.ms-slider>.prevBtn,
.ms-slider>.nextBtn {
    cursor: pointer;
    background: #fff;
    position: absolute;
    box-shadow: 0 2px 8px 0 rgba(26, 26, 26, 0.16);
    top: 45%;
    z-index: 99;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ms-slider>.prevBtn:hover,
.ms-slider>.nextBtn:hover {
    background: #f1f1f1;
}

.ms-slider>.prevBtn>svg,
.ms-slider>.nextBtn>svg {
    height: 18px;
}

.prevBtn {
    left: -10px;
}

.nextBtn {
    right: -10px;
}

.ms-counter {
    counter-reset: number;
}

.ms-counter>.gb-loop-item {
    position: relative;
    counter-increment: number;
}

.ms-counter>.gb-loop-item:before {
    content: counter(number) " ";
    font-size: 5rem;
    font-weight: 700;
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 99;
    line-height: 0.9;
    color: #fff;
    text-shadow: 2px 2px 10px #000000;
}

.ms-slider__items.ms-counter .ms-card-s-o__title {
    width: 90%;
}

#rank-math-faq .rank-math-list-item {
    position: relative;
}

#rank-math-faq .rank-math-list-item h3 {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1.5rem 1.5rem 0;
    cursor: pointer;
    font-size: var(--ms-text-base) !important;
    font-weight: 500 !important;
    position: relative;
    margin-bottom: 0;
    border-top: 1px solid var(--ms-color-neutral-lighter);
}

#rank-math-faq.ms-rankmath-accordion .rank-math-list-item .rank-math-answer:after {
    display: inline-block;
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="oc se"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6"></path></svg>');
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 1.5rem;
}

#rank-math-faq .rank-math-list-item.visible h3 {
    border-bottom: 0;
}

#rank-math-faq.ms-rankmath-accordion .rank-math-list-item.visible .rank-math-answer:after {
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="oc se"><path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6"></path></svg>') !important;
}

#rank-math-faq .rank-math-answer {
    color: var(--ms-color-neutral);
    font-size: var(--ms-text-base);
}

#rank-math-faq.ms-rankmath-accordion .rank-math-answer {
    padding: 0;
    max-height: 0;
    overflow: hidden;
}

.ms-mobile-sticky-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid var(--ms-color-neutral-lighter);
    z-index: 99;
}

.ms-mobile-sticky-bar>div:not(:last-child) {
    border-right: 1px solid lightgrey;
}

.ms-clickable-parent a:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
}

.ms-credits {
    position: relative;
}

.ms-credits img {
    margin-bottom: 0 !important;
}

.ms-credits>p {
    color: var(--ms-color-neutral);
    font-size: var(--ms-text-sm);
    margin-bottom: var(--ms-mb-block);
    margin-top: .5rem;
}

.ms-credits__info {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    right: 10px;
    bottom: 45px;
    display: flex;
    align-items: center;
    background: var(--ms-color-white);
    padding: .15rem .35rem;
    border-radius: var(--ms-rounded-sm);
    font-size: var(--ms-text-xs);
    transition: opacity 200ms ease-in-out;
}

.ms-credits__info:after {
    content: '\25bc';
    color: #FFF;
    position: absolute;
    right: 5px;
    bottom: -10px;
}

.ms-credits__info>svg {
    margin-right: 3px;
}

.ms-credits__info.open {
    opacity: 1;
    pointer-events: all;
}

.ms-credits__btn {
    cursor: pointer;
    position: absolute;
    right: 8px;
    bottom: 0;
    opacity: .4;
    transition: opacity ease-in-out 200ms;
}

.ms-credits__btn:hover {
    opacity: 1;
}

.ms-credits__btn>.close_icon {
    display: none;
}

.ms-credits__btn.close>.close_icon {
    display: inline;
}

.ms-credits__btn.close>.info_icon {
    display: none;
}

.ms-credits__info>a,
.ms-credits__info>a:hover {
    display: contents;
    text-decoration: none;
    color: var(--ms-color-neutral-darkest);
}

.ms-credits:not(:has(+ figcaption)) {
    margin-bottom: 1em;
}

.ms-table {
    max-width: 100%;
    overflow: auto;
}

.gb-block-image img,
.wp-block-image img,
[class^="gb-media-"],
[class^="gb-image"] {
    border-radius: var(--ms-rounded);
    vertical-align: middle;
}

body:not(.archive) .gb-block-image:not(.gb-block-image:has(figcaption)) img:not(.ms-card__image),
body:not(.archive) .wp-block-image:not(.wp-block-image:has(figcaption)) img:not(.ms-card__image) {
    margin-bottom: var(--ms-mb-block);
}

figcaption {
    color: var(--ms-color-neutral);
    margin-bottom: var(--ms-mb-block);
    font-size: var(--ms-text-xs);
    text-align: left;
    padding: .25rem .5rem 0 !important;
}

body.wp-admin figcaption {
    margin-top: 0;
    padding: .25rem .5rem 0;
}

iframe.vidyard_iframe,
.vidyard-player-container,
.vidyard-player-embed,
iframe[src*="youtube"] {
    border-radius: var(--ms-rounded);
    overflow: hidden;
    margin-bottom: var(--ms-mb-block) !important;
}

body.notification-bar-text .ms-alert--contrast .ms-btn {
    color: var(--ms-color-white);
    visibility: hidden;
    width: 0 !important;
}

body.notification-bar-text .ms-alert--contrast .ms-btn:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    visibility: visible;
}

.ms-copyright-site-title {
    display: flex;
    align-items: center;
    padding-right: .75em;
    font-size: var(--ms-text-sm);
}

body.hide-producers .content-credits {
    display: none;
}

body.hide-footer-customer-service .ms-footer-legal {
    padding-top: 40px;
}

.page-hero {
    background-color: var(--ms-color-primary-lightest);
    color: var(--ms-color-neutral-darkest);
    padding-top: 55px;
    padding-right: 40px;
    padding-bottom: 55px;
    padding-left: 40px;
    text-align: center;
}

.page-hero h1,
.page-hero-desc>p {
    margin-bottom: 0;
}

.page-hero>.page-hero-desc {
    margin-top: 1em;
}

.ms-taxonomy-nav__container {
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 1em;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    border-bottom: 1px solid var(--ms-color-neutral-lighter);
}

.ms-taxonomy-nav__list {
    list-style: none;
    display: flex !important;
    gap: .75em;
    padding-bottom: 1em;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-bottom: 0;
    margin-left: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.ms-taxonomy-nav__list li {
    position: relative;
    flex-shrink: 0;
}

.tax-attraction-types .ms-taxonomy-nav__list li:first-child:after,
.tax-tour-types .ms-taxonomy-nav__list li:first-child:after {
    content: '';
    position: absolute;
    right: -7px;
    top: 3px;
    bottom: 0;
    width: 1px;
    height: 20px;
    background-color: var(--ms-color-neutral-lighter);
}

.ms-taxonomy-nav__list li.active {
    padding: 0px 8px !important;
}

.ms-taxonomy-nav__list a {
    border-radius: var(--ms-rounded);
    padding: 3px 8px !important;
}

.ms-taxonomy-nav__list a:hover {
    background-color: var(--ms-color-primary-lightest);
}

@media (max-width: 768px) {
    .ms-slider>.prevBtn,
    .ms-slider>.nextBtn {
        display: none;
    }

    .ms-slider .ms-slider__items {
        overflow-x: auto;
    }

    body.sticky_mobile_bar {
        margin-bottom: 62px;
    }

    .ms-copyright-site-title {
        padding-right: 0;
    }

    .ms-gallery {
        column-count: 2;
    }

    .inside-right-sidebar {
        display: flex;
        justify-content: center;
    }

    .ms-taxonomy-nav__container {
        display: block;
    }

    .ms-taxonomy-nav__list {
        padding-top: 1em;
    }
}