/*
Theme Name: Astra Child
Theme URI: https://grandgulftours.com/
Description: Child theme for Astra - Grand Gulf Tours
Author: Grand Gulf Tours
Author URI: https://grandgulftours.com/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/


/* =========================================================
   GRAND GULF TOURS
   GLOBAL DESIGN VARIABLES
========================================================= */

:root {

    --ggt-navy: #0B1F33;
    --ggt-navy-dark: #061725;

    --ggt-teal: #087F8C;
    --ggt-teal-hover: #0A909E;

    --ggt-gold: #C89B3C;
    --ggt-sand: #E7D6B7;

    --ggt-ivory: #F8F5EF;

    --ggt-charcoal: #202832;
    --ggt-grey: #6B7280;

    --ggt-white: #FFFFFF;

}


/* =========================================================
   ATTRACTION PAGE
========================================================= */

.ggt-attraction-page {

    margin: 0;
    padding: 0;

    background: var(--ggt-ivory);

}


/* =========================================================
   HERO
========================================================= */

.ggt-attraction-hero {

    --ggt-hero-image: none;
    --ggt-mobile-hero-image: var(--ggt-hero-image);

    position: relative;

    min-height: 670px;

    overflow: hidden;

    background-color: var(--ggt-navy);

    background-image:
        var(--ggt-hero-image);

    background-position:
        center center;

    background-size:
        cover;

    background-repeat:
        no-repeat;

    color: var(--ggt-white);

}


/* =========================================================
   HERO OVERLAY
========================================================= */

.ggt-attraction-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:

        linear-gradient(
            90deg,
            rgba(5, 21, 36, 0.96) 0%,
            rgba(5, 21, 36, 0.88) 30%,
            rgba(5, 21, 36, 0.56) 58%,
            rgba(5, 21, 36, 0.20) 100%
        ),

        linear-gradient(
            180deg,
            rgba(5, 21, 36, 0.42) 0%,
            rgba(5, 21, 36, 0.06) 40%,
            rgba(5, 21, 36, 0.42) 100%
        );

}


/* =========================================================
   HERO INNER
========================================================= */

.ggt-attraction-hero__inner {

    position: relative;

    z-index: 2;

    width:
        min(
            1240px,
            calc(100% - 48px)
        );

    min-height: 670px;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

}


/* =========================================================
   BREADCRUMB
========================================================= */

.ggt-attraction-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;

    padding-top: 30px;

    font-size: 13px;

    line-height: 1.5;

    color:
        rgba(
            255,
            255,
            255,
            0.76
        );

}


.ggt-attraction-breadcrumb a {

    color:
        rgba(
            255,
            255,
            255,
            0.86
        );

    text-decoration: none;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;

}


.ggt-attraction-breadcrumb a:hover {

    color: var(--ggt-white);

}


.ggt-attraction-breadcrumb
>
span:not(
    .ggt-attraction-breadcrumb__current
) {

    color:
        rgba(
            255,
            255,
            255,
            0.42
        );

}


.ggt-attraction-breadcrumb__current {

    color: var(--ggt-white);

    font-weight: 600;

}


/* =========================================================
   HERO CONTENT
========================================================= */

.ggt-attraction-hero__content {

    width:
        min(
            820px,
            100%
        );

    margin-top: auto;

    margin-bottom: 58px;

}


/* =========================================================
   CATEGORY LABEL
========================================================= */

.ggt-attraction-hero__category {

    display: inline-flex;

    align-items: center;

    margin-bottom: 18px;

    padding:
        7px 12px;

    border-radius: 4px;

    background:
        rgba(
            200,
            155,
            60,
            0.98
        );

    color: var(--ggt-navy);

    font-size: 11px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 0.12em;

    text-transform: uppercase;

}


/* =========================================================
   HERO TITLE
========================================================= */

.ggt-attraction-hero h1 {

    max-width: 880px;

    margin: 0;

    color: var(--ggt-white);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            50px,
            5.7vw,
            78px
        );

    font-weight: 500;

    line-height: 0.98;

    letter-spacing: -0.035em;

}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.ggt-attraction-hero__description {

    max-width: 690px;

    margin:
        22px
        0
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.90
        );

    font-size: 18px;

    line-height: 1.6;

}


/* =========================================================
   QUICK FACTS
========================================================= */

.ggt-attraction-hero__facts {

    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    margin-top: 32px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.18
        );

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            0.18
        );

}


.ggt-attraction-hero__fact {

    position: relative;

    display: flex;

    align-items: center;

    gap: 12px;

    min-width: 0;

    padding:
        19px
        18px
        19px
        0;

}


.ggt-attraction-hero__fact:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 18px;

    right: 12px;

    bottom: 18px;

    width: 1px;

    background:
        rgba(
            255,
            255,
            255,
            0.16
        );

}


/* =========================================================
   QUICK FACT ICON
========================================================= */

.ggt-attraction-hero__fact-icon {

    flex:
        0
        0
        24px;

    width: 24px;

    height: 24px;

    color: var(--ggt-gold);

}


.ggt-attraction-hero__fact-icon svg {

    display: block;

    width: 100%;

    height: 100%;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* =========================================================
   QUICK FACT TEXT
========================================================= */

.ggt-attraction-hero__fact
span:last-child {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 3px;

}


.ggt-attraction-hero__fact small {

    color:
        rgba(
            255,
            255,
            255,
            0.62
        );

    font-size: 10px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.08em;

    text-transform: uppercase;

}


.ggt-attraction-hero__fact strong {

    color: var(--ggt-white);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;

}


/* =========================================================
   HERO ACTIONS
========================================================= */

.ggt-attraction-hero__actions {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 28px;

}


/* =========================================================
   BUTTONS
========================================================= */

.ggt-attraction-btn {

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    padding:
        13px
        22px;

    border-radius: 5px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;

}


.ggt-attraction-btn svg {

    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.ggt-attraction-btn:hover {

    transform:
        translateY(-1px);

}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.ggt-attraction-btn--primary {

    border:
        1px solid
        var(--ggt-teal);

    background:
        var(--ggt-teal);

    color:
        var(--ggt-white);

}


.ggt-attraction-btn--primary:hover {

    border-color:
        var(--ggt-teal-hover);

    background:
        var(--ggt-teal-hover);

    color:
        var(--ggt-white);

}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.ggt-attraction-btn--secondary {

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.62
        );

    background:
        rgba(
            255,
            255,
            255,
            0.06
        );

    color:
        var(--ggt-white);

    backdrop-filter:
        blur(4px);

    -webkit-backdrop-filter:
        blur(4px);

}


.ggt-attraction-btn--secondary:hover {

    border-color:
        var(--ggt-white);

    background:
        rgba(
            255,
            255,
            255,
            0.13
        );

    color:
        var(--ggt-white);

}


/* =========================================================
   NEXT SECTION ANCHOR
========================================================= */

.ggt-attraction-next-placeholder {

    height: 1px;

    scroll-margin-top: 90px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .ggt-attraction-hero {

        min-height: 680px;

    }


    .ggt-attraction-hero__inner {

        min-height: 680px;

    }


    .ggt-attraction-hero__content {

        width:
            min(
                760px,
                100%
            );

        margin-bottom: 44px;

    }


    .ggt-attraction-hero h1 {

        font-size:
            clamp(
                48px,
                7vw,
                70px
            );

    }


    .ggt-attraction-hero__facts {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .ggt-attraction-hero__fact {

        padding:
            17px
            14px;

    }


    .ggt-attraction-hero__fact::after {

        display: none;

    }


    .ggt-attraction-hero__fact:nth-child(odd) {

        border-right:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

    }


    .ggt-attraction-hero__fact:nth-child(-n+2) {

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* HERO */

    .ggt-attraction-hero {

        min-height: auto;

        background-image:
            var(
                --ggt-mobile-hero-image,
                var(--ggt-hero-image)
            );

        background-position:
            60% center;

    }


    /* MOBILE OVERLAY */

    .ggt-attraction-hero__overlay {

        background:

            linear-gradient(
                180deg,
                rgba(
                    5,
                    21,
                    36,
                    0.52
                )
                0%,

                rgba(
                    5,
                    21,
                    36,
                    0.38
                )
                24%,

                rgba(
                    5,
                    21,
                    36,
                    0.82
                )
                54%,

                rgba(
                    5,
                    21,
                    36,
                    0.98
                )
                100%
            );

    }


    /* INNER */

    .ggt-attraction-hero__inner {

        width:
            calc(
                100%
                -
                32px
            );

        min-height: 650px;

    }


    /* BREADCRUMB */

    .ggt-attraction-breadcrumb {

        flex-wrap: nowrap;

        gap: 6px;

        padding-top: 20px;

        overflow: hidden;

        white-space: nowrap;

        font-size: 11px;

    }


    .ggt-attraction-breadcrumb a,
    .ggt-attraction-breadcrumb span {

        flex-shrink: 0;

    }


    .ggt-attraction-breadcrumb__current {

        display: none;

    }


    /* CONTENT */

    .ggt-attraction-hero__content {

        width: 100%;

        margin-top: 78px;

        margin-bottom: 28px;

    }


    /* CATEGORY */

    .ggt-attraction-hero__category {

        margin-bottom: 16px;

        padding:
            7px
            11px;

        font-size: 10px;

        letter-spacing: 0.12em;

    }


    /* TITLE */

    .ggt-attraction-hero h1 {

        max-width: 100%;

        font-size:
            clamp(
                43px,
                12vw,
                58px
            );

        line-height: 0.98;

        letter-spacing: -0.03em;

    }


    /* DESCRIPTION */

    .ggt-attraction-hero__description {

        max-width: 100%;

        margin-top: 18px;

        font-size: 15px;

        line-height: 1.55;

    }


    /* QUICK FACTS */

    .ggt-attraction-hero__facts {

        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        margin-top: 24px;

        border-top:
            1px solid
            rgba(
                255,
                255,
                255,
                0.18
            );

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.18
            );

    }


    .ggt-attraction-hero__fact {

        min-height: 76px;

        gap: 10px;

        padding:
            13px
            10px;

    }


    .ggt-attraction-hero__fact::after {

        display: none;

    }


    .ggt-attraction-hero__fact:nth-child(odd) {

        border-right:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

    }


    .ggt-attraction-hero__fact:nth-child(-n+2) {

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

    }


    /* FACT ICON */

    .ggt-attraction-hero__fact-icon {

        flex:
            0
            0
            21px;

        width: 21px;

        height: 21px;

    }


    /* FACT LABEL */

    .ggt-attraction-hero__fact small {

        font-size: 8px;

        line-height: 1.2;

        letter-spacing: 0.08em;

    }


    /* FACT VALUE */

    .ggt-attraction-hero__fact strong {

        font-size: 11px;

        line-height: 1.35;

    }


    /* ACTIONS */

    .ggt-attraction-hero__actions {

        display: grid;

        grid-template-columns: 1fr;

        gap: 10px;

        margin-top: 21px;

    }


    .ggt-attraction-btn {

        width: 100%;

        min-height: 50px;

        padding:
            13px
            18px;

        font-size: 13px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ggt-attraction-hero__inner {

        width:
            calc(
                100%
                -
                26px
            );

    }


    /*
     Keep the quick facts in a 2 x 2 layout.
    */

    .ggt-attraction-hero__facts {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .ggt-attraction-hero__fact {

        min-height: 74px;

        padding:
            12px
            8px;

    }


    .ggt-attraction-hero__fact:nth-child(odd) {

        border-right:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

    }


    .ggt-attraction-hero__fact:nth-child(-n+2) {

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.15
            );

    }


    .ggt-attraction-hero__fact strong {

        font-size: 10.5px;

    }


    .ggt-attraction-hero h1 {

        font-size:
            clamp(
                42px,
                12.5vw,
                54px
            );

    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .ggt-attraction-hero__inner {

        width:
            calc(
                100%
                -
                22px
            );

    }


    .ggt-attraction-breadcrumb {

        font-size: 10px;

    }


    .ggt-attraction-hero h1 {

        font-size: 42px;

    }


    .ggt-attraction-hero__description {

        font-size: 14px;

    }


    .ggt-attraction-hero__fact {

        gap: 7px;

        padding:
            11px
            6px;

    }


    .ggt-attraction-hero__fact-icon {

        flex-basis: 18px;

        width: 18px;

        height: 18px;

    }


    .ggt-attraction-hero__fact strong {

        font-size: 10px;

    }

}
/* =========================================================
   FINAL DESKTOP HERO POLISH
========================================================= */

@media (min-width: 1001px) {

    .ggt-attraction-hero__content {
        margin-bottom: 44px;
    }

    .ggt-attraction-hero__overlay {
        background:

            linear-gradient(
                90deg,
                rgba(5, 21, 36, 0.93) 0%,
                rgba(5, 21, 36, 0.84) 30%,
                rgba(5, 21, 36, 0.52) 58%,
                rgba(5, 21, 36, 0.18) 100%
            ),

            linear-gradient(
                180deg,
                rgba(5, 21, 36, 0.38) 0%,
                rgba(5, 21, 36, 0.04) 40%,
                rgba(5, 21, 36, 0.40) 100%
            );
    }

}
/* =========================================================
   VISITOR INFORMATION
========================================================= */

.ggt-visitor-info {

    position: relative;

    z-index: 4;

    margin-top: -32px;

    padding:
        0
        24px
        78px;

    background:
        var(--ggt-ivory);

}


.ggt-visitor-info__inner {

    width:
        min(
            1240px,
            100%
        );

    margin:
        0 auto;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.ggt-visitor-info__heading {

    margin-bottom: 22px;

    padding-top: 58px;

}


.ggt-section-eyebrow {

    display: block;

    margin-bottom: 7px;

    color:
        var(--ggt-gold);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.12em;

    text-transform: uppercase;

}


.ggt-visitor-info__heading h2 {

    margin: 0;

    color:
        var(--ggt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            32px,
            4vw,
            44px
        );

    font-weight: 500;

    line-height: 1.1;

}


/* =========================================================
   INFORMATION CARD
========================================================= */

.ggt-visitor-info__card {

    display: grid;

    grid-template-columns:
        repeat(
            6,
            minmax(
                0,
                1fr
            )
        );

    background:
        #ffffff;

    border:
        1px solid
        rgba(
            11,
            31,
            51,
            0.08
        );

    border-radius: 14px;

    box-shadow:
        0
        16px
        38px
        rgba(
            11,
            31,
            51,
            0.08
        );

    overflow: hidden;

}


/* =========================================================
   ITEM
========================================================= */

.ggt-visitor-info__item {

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 12px;

    min-width: 0;

    padding:
        25px
        20px;

}


.ggt-visitor-info__item:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 22px;

    right: 0;

    bottom: 22px;

    width: 1px;

    background:
        rgba(
            11,
            31,
            51,
            0.10
        );

}


/* =========================================================
   ICON
========================================================= */

.ggt-visitor-info__icon {

    flex:
        0
        0
        23px;

    width: 23px;

    height: 23px;

    color:
        var(--ggt-gold);

}


.ggt-visitor-info__icon svg {

    display: block;

    width: 100%;

    height: 100%;

    fill: none;

    stroke:
        currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

}


/* =========================================================
   TEXT
========================================================= */

.ggt-visitor-info__item div:last-child {

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 5px;

}


.ggt-visitor-info__item span {

    color:
        var(--ggt-grey);

    font-size: 10px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.08em;

    text-transform: uppercase;

}


.ggt-visitor-info__item strong {

    color:
        var(--ggt-charcoal);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.45;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .ggt-visitor-info__card {

        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .ggt-visitor-info__item:nth-child(3n)::after {

        display: none;

    }


    .ggt-visitor-info__item:nth-child(-n+3) {

        border-bottom:
            1px solid
            rgba(
                11,
                31,
                51,
                0.08
            );

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ggt-visitor-info {

        margin-top: -18px;

        padding:
            0
            16px
            54px;

    }


    .ggt-visitor-info__heading {

        padding-top: 42px;

        margin-bottom: 18px;

    }


    .ggt-visitor-info__heading h2 {

        font-size: 31px;

    }


    .ggt-visitor-info__card {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        border-radius: 12px;

    }


    .ggt-visitor-info__item {

        min-height: 112px;

        padding:
            18px
            14px;

    }


    .ggt-visitor-info__item::after {

        display: none;

    }


    .ggt-visitor-info__item:nth-child(odd) {

        border-right:
            1px solid
            rgba(
                11,
                31,
                51,
                0.08
            );

    }


    .ggt-visitor-info__item:nth-child(-n+4) {

        border-bottom:
            1px solid
            rgba(
                11,
                31,
                51,
                0.08
            );

    }


    .ggt-visitor-info__icon {

        flex-basis: 21px;

        width: 21px;

        height: 21px;

    }


    .ggt-visitor-info__item strong {

        font-size: 12px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ggt-visitor-info__item {

        gap: 9px;

        padding:
            16px
            11px;

    }


    .ggt-visitor-info__item span {

        font-size: 8px;

    }


    .ggt-visitor-info__item strong {

        font-size: 11px;

    }

}
/* =========================================================
   ABOUT ATTRACTION
========================================================= */

.ggt-about-attraction {
    margin: 0;
    padding: 22px 24px 70px;
    background: var(--ggt-ivory);
}

.ggt-about-attraction__inner {
    width: min(1240px, 100%);
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: clamp(42px, 5vw, 76px);

    align-items: center;
}


/* =========================================================
   ABOUT CONTENT
========================================================= */

.ggt-about-attraction__content {
    max-width: 620px;
}


/* EYEBROW */

.ggt-about-attraction .ggt-section-eyebrow {
    display: block;

    margin: 0 0 10px;

    color: var(--ggt-gold);

    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


/* TITLE */

.ggt-about-attraction__content h2 {
    margin: 0;

    color: var(--ggt-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(38px, 3.8vw, 52px);

    font-weight: 500;
    line-height: 1.06;

    letter-spacing: -0.025em;
}


/* =========================================================
   ABOUT TEXT
========================================================= */

.ggt-about-attraction__text {
    margin-top: 22px;

    color: var(--ggt-charcoal);

    font-size: 16px;
    line-height: 1.75;
}

.ggt-about-attraction__text p {
    margin: 0 0 16px;
}

.ggt-about-attraction__text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   DISCOVER LINK
========================================================= */

.ggt-about-attraction__link {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: 24px;

    color: var(--ggt-teal);

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: color 0.2s ease;
}

.ggt-about-attraction__link svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;
    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform 0.2s ease;
}

.ggt-about-attraction__link:hover {
    color: var(--ggt-teal-hover);
}

.ggt-about-attraction__link:hover svg {
    transform: translateX(3px);
}


/* =========================================================
   ABOUT IMAGE
========================================================= */

.ggt-about-attraction__media {
    position: relative;

    margin: 0;

    height: 440px;

    overflow: hidden;

    border-radius: 16px;

    background: var(--ggt-navy);

    box-shadow:
        0 18px 42px
        rgba(11, 31, 51, 0.11);
}

.ggt-about-attraction__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================================
   IMAGE CAPTION
========================================================= */

.ggt-about-attraction__caption {
    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 18px;

    padding: 16px 18px;

    border:
        1px solid
        rgba(255, 255, 255, 0.18);

    border-radius: 10px;

    background:
        rgba(6, 23, 37, 0.84);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    color: #ffffff;
}

.ggt-about-attraction__caption span {
    display: block;

    margin-bottom: 6px;

    color: var(--ggt-gold);

    font-size: 9px;
    font-weight: 800;

    line-height: 1.3;

    letter-spacing: 0.10em;

    text-transform: uppercase;
}

.ggt-about-attraction__caption p {
    margin: 0;

    color: #ffffff;

    font-size: 13px;

    line-height: 1.5;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .ggt-about-attraction {
        padding:
            18px
            22px
            62px;
    }

    .ggt-about-attraction__inner {
        grid-template-columns: 1fr;

        gap: 34px;
    }

    .ggt-about-attraction__content {
        max-width: 760px;
    }

    .ggt-about-attraction__media {
        height: 420px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ggt-about-attraction {
        padding:
            14px
            16px
            50px;
    }

    .ggt-about-attraction__inner {
        gap: 28px;
    }

    .ggt-about-attraction .ggt-section-eyebrow {
        margin-bottom: 8px;

        font-size: 10px;
    }

    .ggt-about-attraction__content h2 {
        font-size: 34px;

        line-height: 1.08;
    }

    .ggt-about-attraction__text {
        margin-top: 17px;

        font-size: 15px;

        line-height: 1.7;
    }

    .ggt-about-attraction__link {
        margin-top: 20px;
    }

    .ggt-about-attraction__media {
        height: 340px;

        border-radius: 12px;
    }

    .ggt-about-attraction__caption {
        left: 12px;
        right: 12px;
        bottom: 12px;

        padding: 13px 14px;
    }

    .ggt-about-attraction__caption p {
        font-size: 12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ggt-about-attraction {
        padding:
            12px
            14px
            44px;
    }

    .ggt-about-attraction__content h2 {
        font-size: 32px;
    }

    .ggt-about-attraction__text {
        font-size: 14.5px;
    }

    .ggt-about-attraction__media {
        height: 310px;
    }

}