:root {
    --wp--preset--color--primary-50: #69cee750;
     --wp--preset--color--primary-80: #69cee780;
     --wp--preset--color--primary-95: #69cee795;
    
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* Height of fixed header */
}
.wp-block-columns.is-style-row-reverse.is-layout-flex {
    flex-direction: row-reverse;
}
.wp-block-navigation-item__content {
   transform: translateY(4px);
}
:root {
    .wp-element-button .wp-block-button__link:not(.has-system-font-font-family) {
        display: inline-block;
         vertical-align: -3px;      /* custom offset down */
    }
        .wp-element-button:not(.is-style-outline),
        .wp-block-button__link:not(.is-style-outline) {
            transition: all 0.2s ease-in-out 0s;
        }
        .wp-element-button:not(.is-style-outline),
        .wp-block-button:not(.is-style-outline) {
            .wp-block-button__link {
                border: none;
        
            }
        }

        .wp-element-button:not(.is-style-outline):hover,
        .wp-block-button__link:not(.is-style-outline):hover {
            background-color: var(--wp--preset--color--background);
            color: var(--wp--preset--color--foreground);
            border-color: var(--wp--preset--color--primary);
            transform: scale(1.05);
        }
   
        .wp-element-button.is-style-outline,
        .wp-block-button.is-style-outline {
            .wp-block-button__link {
                &:hover {
                    background-color: var(--wp--preset--color--primary);
                    border-color: var(--wp--preset--color--primary);
                }
        
            }
        }
}

a.wp-block-navigation-item__content {
    &:hover {
        .wp-block-navigation-item__label {
            color: var(--wp--preset--color--background);
        }
        
    }
}
.gpb-booking-time-picker .rdp-months {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    justify-content: stretch;
}

.wp-site-blocks header.wp-block-template-part {
    a.wp-block-navigation-item__content:hover {
        .wp-block-navigation-item__label {
            color: var(--wp--preset--color--primary);
        }
    }
    a.wp-block-social-link-anchor:hover {
        svg, path {
            fill: var(--wp--preset--color--primary);
        }
    }
    .site-brand {
        margin-right: 0;
    }
    .coordinates {
        margin-left: 0;
        margin-right: auto;
        justify-self: start;
    }
    @media screen and (max-width: 599px) {
        .site-header {
            display: flex;
            

            .wp-block-site-logo {
              margin-bottom: 0;
            }

            .coordinates {
               
            }

            .nav-wrapper {
                
            }
        }
        
      
    }
    @media screen and (min-width: 600px) and (max-width: 1049px) {
      .site-header {
            display: flex;
            justify-content: center;
      }
      .coordinates {
        margin-left: 0;
        margin-right: auto;
      }
      .site-brand {
        margin-left: auto;
        margin-right: 0;
      }
    }
}

 *:not(.has-system-font-font-family) > span.text-fix {
    display: inline-block;
    transform: translateY(2px);
    transition: all 0.2s ease-in-out 0.1s;
 }

 .btn-primary a.wp-block-navigation-item__content  {

    .wp-block-navigation-item__label {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--foreground);
        padding: 0.5rem 1rem;
        border-radius: 4px;
    }
    

    &:hover {
        .wp-block-navigation-item__label {
            background-color: var(--wp--preset--color--background);
            color: var(--wp--preset--color--foreground) !important;
        }
    }
 }

 .wp-block-group.marinas-links {
    a {
        text-decoration: none;
        color: var(--wp--preset--color--foreground);

        &:hover {
            color: var(--wp--preset--color--primary);
            text-decoration: underline;
        }
    }

    .spectra-icon {
     //   transform: rotate(-15deg) translateY(-3px);
    }
 }

 .wp-block-webfactory-map {
    margin-bottom: -8px;
 }

 .gform_button.button,
 .gform-theme-button {
    font-family: var(--wp--preset--font-family--pt-sans-narrow) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    background-color: var(--wp--preset--color--primary) ;
    color: var(--wp--preset--color--foreground);
    border: none;
    padding: 0.7em 1.5em !important;
    border-radius: 4px;
     font-size: 1.25rem !important;
    cursor: pointer;

    &:hover {
        background-color: var(--wp--preset--color--secondary) !important;
        color: var(--wp--preset--color--foreground);
    }
 }

 .is-style-line-surround {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;

    &::before,
    &::after {
        content: "";
        height: 2px;
        background-color: #fff;
    }
    &::before {
        flex-grow: 1;
        margin-right: 1rem;
    }
    &::after {
        flex-grow: 1;
        margin-left: 1rem; 
    }

    &.has-foreground-color::before,
    &.has-foreground-color::after {
        background-color: var(--wp--preset--color--foreground);
    }

 }

 .rdp-day:not(.rdp-disabled)  {
    button {
        background-color: var(--wp--preset--color--secondary);
        border-radius: 50px;
        color: #fff;
        border: 2px solid var(--wp--preset--color--secondary);

        &:hover {
           border-color: var(--wp--preset--color--primary);
        }
    }
    

    
 }
:root .rdp-months {
    .rdp-day:not(.rdp-disabled)  {
        &[data-selected=true] {
            button {
                background-color: var(--wp--preset--color--primary);
                border-color: var(--wp--preset--color--primary);
                color: #fff;
            }
        }
    }
    &:not(:has(.rdp-range_start.rdp-range_end)) {
        .rdp-range_middle {
            background-color: var(--wp--preset--color--primary-50);
        }
        .rdp-range_start {
            background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--wp--preset--color--primary-50) 50%);
        }
        .rdp-range_end {
            background-image: linear-gradient(90deg, var(--wp--preset--color--primary-50) 50%, rgba(0, 0, 0, 0) 50%);
        }
    }
   
}
 

  .rdp-day.rdp-disabled {
    background-color: #06a6b150;
    border-radius: 50px;
  }
  :root .rdp-dropdowns {
    gap: 3rem;
  }

  #gform_2 {
    @media screen and (min-width: 1300px) {  
        .gf_page_steps {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;

        }
    }
}

.has-system-font-font-family {
    font-weight: 400;
}

.text-balance {
    text-wrap: balance;
}

.no-ligatures {
    font-variant-ligatures: no-common-ligatures;
}


@media screen and (max-width: 599px) {
    .wp-block-navigation__responsive-container {
        background: var(--wp--preset--color--primary-80) !important;
        backdrop-filter: saturate(180%) blur(10px);
        text-align: center;
        justify-content: center;
        align-items: center;
        height: 100vh !important;

        ul.wp-block-navigation__container {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            display: flex;
            align-0items: center;
            justify-content: center;
            flex-direction: column;
            gap: 2rem;

            li.wp-block-navigation-item {
                margin: 0 auto;
                font-size: 1.5rem !important;
                
                &.btn-primary {
                    margin-top: 1.5rem;
                }
            }
        }

        .wp-block-navigation__responsive-close {
            height: 100%;
            top: 0;
        }
    }
}

.gpb-manage {
    .components-button {
        font-family: var(--wp--preset--font-family--pt-sans-narrow) !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        background-color: var(--wp--preset--color--primary) ;
        color: var(--wp--preset--color--foreground);
        border: none !important;
        padding: 1.25em 1.5em !important;
        border-radius: 4px;
         font-size: 1.25rem !important;
        cursor: pointer;
        letter-spacing: 1px;
        box-shadow: none !important;
    
        &:hover {
            background-color: var(--wp--preset--color--secondary) !important;
            color: var(--wp--preset--color--foreground);
        }

        &.is-destructive {
            background-color: red;
            color: #fff;

            &:hover {
                background-color: var(--wp--preset--color--foreground) !important;
                color: var(--wp--preset--color--background);
            }
        }
     
    }
    .gpb-custom-fields {
        margin: 0.5rem 0;
        font-size: 14px;
        color: #757575;
    }
    @media screen and (min-width: 960px) {
        .gpb-manage-booking-header {
            display: grid;
            width: 100%;
            column-gap: 2rem;
            grid-template-columns: 1fr 1fr;

            & > h3 {
                grid-column: span 2;
            }
        }
    }
    
}



:root {
    .gform-theme--foundation .gform_fields {
        row-gap: 1rem;
    }
    .gform-theme--framework .gform-field-label>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform_editor legend.gform-field-label>span>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
        color: var(--wp--preset--color--foreground);
        opacity: 0.5;
    }
}

#field_2_11,
#field_2_13 {
    .gfield_description.instruction {
        display: none;
    } 
}