.elementor-10286 .elementor-element.elementor-element-5ead652f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10286 .elementor-element.elementor-element-41bd566{--display:flex;--min-height:110px;}.elementor-10286 .elementor-element.elementor-element-41bd566:not(.elementor-motion-effects-element-type-background), .elementor-10286 .elementor-element.elementor-element-41bd566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A2A2A2;}.elementor-10286 .elementor-element.elementor-element-8eb2786{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-10286 .elementor-element.elementor-element-98f4e85{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-10286 .elementor-element.elementor-element-98f4e85.elementor-element{--align-self:center;}.elementor-10286 .elementor-element.elementor-element-98f4e85 img{width:100%;height:384px;border-radius:20px 20px 20px 20px;}.elementor-10286 .elementor-element.elementor-element-1821dd0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:20px;--padding-bottom:5px;--padding-left:40px;--padding-right:5px;}.elementor-10286 .elementor-element.elementor-element-374a4e5{--display:flex;}.elementor-10286 .elementor-element.elementor-element-47263de{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10286 .elementor-element.elementor-element-9862836{--display:flex;}.elementor-10286 .elementor-element.elementor-element-76006ce{--display:flex;}.elementor-10286 .elementor-element.elementor-element-2dc4b6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;}.elementor-10286 .elementor-element.elementor-element-9a5a168{--grid-columns:3;}.elementor-10286 .elementor-element.elementor-element-9a5a168 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10286 .elementor-element.elementor-element-9a5a168 .e-loop-item > .elementor-section, .elementor-10286 .elementor-element.elementor-element-9a5a168 .e-loop-item > .elementor-section > .elementor-container, .elementor-10286 .elementor-element.elementor-element-9a5a168 .e-loop-item > .e-con, .elementor-10286 .elementor-element.elementor-element-9a5a168 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-10286 .elementor-element.elementor-element-a1fed4e{--display:flex;}.elementor-10286 .elementor-element.elementor-element-f28de5f{--display:flex;}.elementor-10286 .elementor-element.elementor-element-85b7fb0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;}.elementor-10286 .elementor-element.elementor-element-e21b7f9{--grid-columns:3;}.elementor-10286 .elementor-element.elementor-element-4e7bbdf{--display:flex;}.elementor-10286 .elementor-element.elementor-element-3aae3b4{--display:flex;}.elementor-10286 .elementor-element.elementor-element-5a9be76{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;}.elementor-10286 .elementor-element.elementor-element-25488b9{--grid-columns:3;}.elementor-10286 .elementor-element.elementor-element-2727bd2{--display:flex;}.elementor-10286 .elementor-element.elementor-element-fddebc4{--display:flex;}.elementor-10286 .elementor-element.elementor-element-167c6e1{--display:flex;}.elementor-10286 .elementor-element.elementor-element-c194f94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-2c29cad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-ecee547{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-2d3295b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-97b6a6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-3b6dc8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-9032e5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10286 .elementor-element.elementor-element-8547921{--display:flex;}.elementor-10286 .elementor-element.elementor-element-0bfa8e8{--display:flex;}.elementor-10286 .elementor-element.elementor-element-7d24a1d{--display:flex;}.elementor-10286 .elementor-element.elementor-element-785fbf7 .elementor-icon-wrapper{text-align:center;}.elementor-10286 .elementor-element.elementor-element-e955bb9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-10286 .elementor-element.elementor-element-9a5a168{--grid-columns:2;}.elementor-10286 .elementor-element.elementor-element-e21b7f9{--grid-columns:2;}.elementor-10286 .elementor-element.elementor-element-25488b9{--grid-columns:2;}}@media(max-width:767px){.elementor-10286 .elementor-element.elementor-element-98f4e85{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-98f4e85 img{width:100%;height:100%;object-fit:cover;border-radius:0px 0px 0px 0px;}.elementor-10286 .elementor-element.elementor-element-9a5a168{--grid-columns:1;}.elementor-10286 .elementor-element.elementor-element-e21b7f9{--grid-columns:1;}.elementor-10286 .elementor-element.elementor-element-25488b9{--grid-columns:1;}}@media(min-width:768px){.elementor-10286 .elementor-element.elementor-element-1821dd0{--content-width:980px;}.elementor-10286 .elementor-element.elementor-element-47263de{--content-width:880px;}}/* Start custom CSS for container, class: .elementor-element-2727bd2 *//* =========================================================
   STEVE'S PENINSULA TOURS
   POST TEMPLATE — PRIVATE TOURS SECTION
   ========================================================= */

/* ---------------------------------------------------------
   1. MAIN SECTION
   Warm stone background to distinguish from article content
   --------------------------------------------------------- */

.sptv2-post-tours {
  background: #f3eee4;
  border-top: 1px solid rgba(190, 160, 40, 0.28);
  border-bottom: 1px solid rgba(51, 69, 29, 0.10);

  padding: clamp(52px, 6vw, 78px) clamp(22px, 4vw, 48px);
  margin-top: clamp(48px, 6vw, 80px);

  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(38, 52, 22, 0.06);
}


/* ---------------------------------------------------------
   2. EYEBROW
   --------------------------------------------------------- */

.sptv2-post-tours .sptv2-tour-eyebrow {
  color: #9b7d14;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  margin-bottom: 12px;
}


/* ---------------------------------------------------------
   3. MAIN HEADING
   --------------------------------------------------------- */

.sptv2-post-tours h2 {
  color: #263416;
  font-size: clamp(30px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.025em;

  margin: 0 0 18px;
}


/* ---------------------------------------------------------
   4. INTRO PARAGRAPH
   --------------------------------------------------------- */

.sptv2-post-tours .sptv2-tour-intro {
  max-width: 780px;

  color: #4c5148;
  font-size: 17px;
  line-height: 1.75;

  margin: 0 0 34px;
}


/* ---------------------------------------------------------
   5. TOUR GRID
   --------------------------------------------------------- */

.sptv2-post-tours .sptv2-tour-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 34px;

  border-top: 1px solid rgba(51, 69, 29, 0.13);
}


/* ---------------------------------------------------------
   6. INDIVIDUAL TOUR ITEM
   --------------------------------------------------------- */

.sptv2-post-tour-item {
  position: relative;

  padding: 22px 4px 22px 0;

  border-bottom: 1px solid rgba(51, 69, 29, 0.13);

  transition:
    transform 0.22s ease,
    border-color 0.22s ease;
}

.sptv2-post-tour-item:hover {
  transform: translateX(4px);
  border-color: rgba(190, 160, 40, 0.55);
}


/* ---------------------------------------------------------
   7. TOUR TITLE LINK
   --------------------------------------------------------- */

.sptv2-post-tour-item .sptv2-tour-link {
  display: inline-block;

  color: #33451d;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;

  margin-bottom: 7px;

  transition: color 0.2s ease;
}

.sptv2-post-tour-item .sptv2-tour-link:hover {
  color: #9b7d14;
}


/* ---------------------------------------------------------
   8. ARROW AFTER LINK
   --------------------------------------------------------- */

.sptv2-post-tour-item .sptv2-tour-link::after {
  content: "→";

  display: inline-block;
  margin-left: 8px;

  color: #bea028;
  font-weight: 600;

  transition: transform 0.2s ease;
}

.sptv2-post-tour-item .sptv2-tour-link:hover::after {
  transform: translateX(4px);
}


/* ---------------------------------------------------------
   9. TOUR DESCRIPTION
   --------------------------------------------------------- */

.sptv2-post-tour-item .sptv2-tour-description {
  color: #62675d;
  font-size: 15.5px;
  line-height: 1.65;

  margin: 0;
}


/* ---------------------------------------------------------
   10. FINAL CTA
   --------------------------------------------------------- */

.sptv2-post-tours .sptv2-tour-cta {
  margin-top: 34px;
}

.sptv2-post-tours .sptv2-tour-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;
  padding: 12px 24px;

  background: #33451d;
  color: #ffffff;

  border: 1px solid #33451d;
  border-radius: 8px;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;

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

.sptv2-post-tours .sptv2-tour-cta a:hover {
  background: #bea028;
  border-color: #bea028;
  color: #263416;

  transform: translateY(-1px);
}


/* ---------------------------------------------------------
   11. TABLET / MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .sptv2-post-tours {
    padding: 42px 20px;
    border-radius: 14px;
  }

  .sptv2-post-tours .sptv2-tour-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .sptv2-post-tour-item {
    padding: 19px 0;
  }

  .sptv2-post-tour-item .sptv2-tour-link {
    font-size: 18px;
  }

  .sptv2-post-tour-item .sptv2-tour-description {
    font-size: 15px;
  }

  .sptv2-post-tours .sptv2-tour-cta a {
    width: 100%;
  }
}.sptv2-post-tour-item .elementor-heading-title a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 11px;

    color: #33451d;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;

    transition: color 0.2s ease;
}

.sptv2-post-tour-item .elementor-heading-title a::before {
    content: "↗";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    border: 1px solid rgba(190, 160, 40, 0.7);
    border-radius: 50%;

    color: #33451d;
    font-size: 15px;
    font-weight: 700;

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

.sptv2-post-tour-item:hover .elementor-heading-title a {
    color: #9b7d14;
}

.sptv2-post-tour-item:hover .elementor-heading-title a::before {
    background: #bea028;
    border-color: #bea028;
    transform: translate(2px, -2px);
}/* =========================================================
   ALL TOURS — FINAL GRID CTA
   ========================================================= */

.sptv2-post-tour-item.sptv2-all-tours {
    margin-top: 10px;
    padding: 22px 24px;

    background: rgba(51, 69, 29, 0.06);
    border: 1px solid rgba(51, 69, 29, 0.14);
    border-radius: 12px;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease;
}

.sptv2-post-tour-item.sptv2-all-tours:hover {
    background: rgba(190, 160, 40, 0.10);
    border-color: rgba(190, 160, 40, 0.45);
    transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0bfa8e8 *//* ==================================================
   SPTv2 — FLOATING AUDIO TOUR PROMO
================================================== */


/* ==================================================
   01. MAIN TAB
================================================== */

.sptv2-audio-tab {
    position: fixed !important;
    top: 46% !important;
    right: 0 !important;
    z-index: 900 !important;

    width: 54px !important;
    height: 150px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #31451d 0%,
            #263416 100%
        ) !important;

    border: 1px solid rgba(190, 160, 40, 0.58) !important;
    border-right: 0 !important;
    border-radius: 16px 0 0 16px !important;

    box-shadow:
        0 14px 32px rgba(21, 30, 13, 0.24),
        0 3px 10px rgba(21, 30, 13, 0.12) !important;

    text-decoration: none !important;

    transition:
        width 0.32s ease,
        height 0.32s ease,
        transform 0.32s ease,
        box-shadow 0.32s ease !important;
}


/* ==================================================
   02. EXPANDED TAB
================================================== */

.sptv2-audio-tab:hover {
    width: 310px !important;
    height: 150px !important;

    transform: translateY(-2px);

    box-shadow:
        0 20px 44px rgba(21, 30, 13, 0.30),
        0 5px 14px rgba(21, 30, 13, 0.16) !important;
}


/* ==================================================
   03. ELEMENTOR WRAPPER
================================================== */

.sptv2-audio-tab > .e-con-inner {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   04. VERTICAL NEW
================================================== */

.sptv2-audio-new {
    position: absolute !important;

    top: 50% !important;
    left: 8px !important;
    z-index: 30 !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform:
        translateY(-55%)
        rotate(-90deg) !important;

    transform-origin: center !important;

    pointer-events: none !important;
}

.sptv2-audio-new .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.sptv2-audio-new .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;

    white-space: nowrap !important;
}


/* ==================================================
   05. DIVIDER
================================================== */

.sptv2-audio-tab::after {
    content: "";

    position: absolute;

    top: 18px;
    bottom: 18px;
    left: 39px;

    width: 1px;

    background: rgba(212, 186, 76, 0);

    transition:
        background-color 0.25s ease;
}

.sptv2-audio-tab:hover::after {
    background: rgba(212, 186, 76, 0.72);
}


/* ==================================================
   06. CONTENT CONTAINER
================================================== */

/*
   IMPORTANT:
   Keep this container visible at all times.
   We hide the text widgets individually instead.
   This allows the headphones to remain visible
   while the tab is closed.
*/

.sptv2-audio-tab-content {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}

.sptv2-audio-tab-content > .e-con-inner {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   07. HEADPHONES
================================================== */

/* Closed position */

.sptv2-audio-tab .elementor-widget-icon {
    position: absolute !important;

    left: 14px !important;
    bottom: 21px !important;
    top: auto !important;

    z-index: 25 !important;

    width: 26px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        left 0.3s ease,
        top 0.3s ease,
        bottom 0.3s ease;
}


/* Remove circle / frame */

.sptv2-audio-tab .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 26px !important;
    height: 26px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d4ba4c !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 24px !important;
    line-height: 1 !important;
}

.sptv2-audio-tab .elementor-icon svg {
    display: block;

    width: 24px !important;
    height: 24px !important;

    color: #d4ba4c !important;
}


/* Expanded headphone position */

.sptv2-audio-tab:hover .elementor-widget-icon {
    left: 57px !important;
    top: 28px !important;
    bottom: auto !important;
}


/* ==================================================
   08. EYEBROW
================================================== */

.sptv2-audio-tab-content::before {
    content: "SELF-GUIDED EXPERIENCE";

    position: absolute;

    top: 28px;
    left: 91px;

    color: #d4ba4c;

    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.2s ease;
}

.sptv2-audio-tab:hover
.sptv2-audio-tab-content::before {
    opacity: 1;
    visibility: visible;
}


/* ==================================================
   09. TITLE
================================================== */

.sptv2-audio-tab
.elementor-widget-heading:not(.sptv2-audio-new) {
    position: absolute !important;

    top: 54px !important;
    left: 57px !important;

    width: 225px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(10px);

    transition:
        opacity 0.22s ease 0.06s,
        transform 0.3s ease;
}

.sptv2-audio-tab:hover
.elementor-widget-heading:not(.sptv2-audio-new) {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0);
}

.sptv2-audio-tab
.elementor-widget-heading:not(.sptv2-audio-new)
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* ==================================================
   10. DESCRIPTION
================================================== */

.sptv2-audio-tab
.elementor-widget-text-editor {
    position: absolute !important;

    top: 84px !important;
    left: 57px !important;

    width: 225px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateX(10px);

    transition:
        opacity 0.22s ease 0.09s,
        transform 0.3s ease;
}

.sptv2-audio-tab:hover
.elementor-widget-text-editor {
    opacity: 1 !important;
    visibility: visible !important;

    transform: translateX(0);
}

.sptv2-audio-tab
.elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;

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

    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}


/* ==================================================
   11. CTA
================================================== */

.sptv2-audio-tab-content::after {
    content: "Explore Audio Tour →";

    position: absolute;

    top: 158px;
    left: 57px;

    color: #d4ba4c;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.2s ease 0.11s;
}

.sptv2-audio-tab:hover
.sptv2-audio-tab-content::after {
    opacity: 1;
    visibility: visible;
}


/* ==================================================
   12. MOBILE
================================================== */

@media (max-width: 767px) {

    .sptv2-audio-tab {
        top: auto !important;
        right: 12px !important;
        bottom: 18px !important;

        width: auto !important;
        height: 48px !important;

        padding: 0 16px !important;

        border: 1px solid rgba(190, 160, 40, 0.58) !important;
        border-radius: 999px !important;

        transform: none !important;
    }

    .sptv2-audio-tab:hover {
        width: auto !important;
        height: 48px !important;

        transform: none !important;
    }


    /* Hide desktop-only elements */

    .sptv2-audio-new,
    .sptv2-audio-tab::after,
    .sptv2-audio-tab-content::before,
    .sptv2-audio-tab-content::after,
    .sptv2-audio-tab
    .elementor-widget-text-editor {
        display: none !important;
    }


    /* Headphones */

    .sptv2-audio-tab .elementor-widget-icon,
    .sptv2-audio-tab:hover .elementor-widget-icon {
        position: absolute !important;

        left: 14px !important;
        top: 12px !important;
        bottom: auto !important;

        width: 24px !important;

        opacity: 1 !important;
        visibility: visible !important;
    }


    /* Title */

    .sptv2-audio-tab
    .elementor-widget-heading:not(.sptv2-audio-new),
    .sptv2-audio-tab:hover
    .elementor-widget-heading:not(.sptv2-audio-new) {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        display: block !important;

        width: auto !important;

        margin: 0 0 0 30px !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }

    .sptv2-audio-tab
    .elementor-widget-heading:not(.sptv2-audio-new)
    .elementor-heading-title {
        font-size: 14px !important;
        line-height: 48px !important;

        white-space: nowrap !important;
    }
}


/* ==================================================
   13. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    .sptv2-audio-tab,
    .sptv2-audio-tab *,
    .sptv2-audio-tab::after {
        transition: none !important;
    }
}/* FORCE HEADPHONE ICON GOLD */

.sptv2-audio-tab .elementor-widget-icon .elementor-icon {
    color: #d4ba4c !important;
}

.sptv2-audio-tab .elementor-widget-icon .elementor-icon i {
    color: #d4ba4c !important;
}

.sptv2-audio-tab .elementor-widget-icon .elementor-icon svg {
    color: #d4ba4c !important;
    fill: #d4ba4c !important;
}

.sptv2-audio-tab .elementor-widget-icon .elementor-icon svg path {
    fill: #d4ba4c !important;
    stroke: #d4ba4c !important;
}/* ==================================================
   MOBILE — MINI AUDIO TOUR BUTTON
================================================== */

@media (max-width: 767px) {

    .sptv2-audio-tab {
        position: fixed !important;

        top: auto !important;
        right: 14px !important;
        bottom: 18px !important;

        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;
        min-height: 48px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: visible !important;

        background: #263416 !important;

        border: 1px solid rgba(190, 160, 40, 0.60) !important;
        border-radius: 50% !important;

        box-shadow:
            0 8px 22px rgba(21, 30, 13, 0.24) !important;

        transform: none !important;
    }


    .sptv2-audio-tab:hover {
        width: 48px !important;
        height: 48px !important;

        transform: none !important;
    }


    /* Hide all desktop content */

    .sptv2-audio-tab-content::before,
    .sptv2-audio-tab-content::after,
    .sptv2-audio-tab
    .elementor-widget-heading:not(.sptv2-audio-new),
    .sptv2-audio-tab
    .elementor-widget-text-editor,
    .sptv2-audio-tab::after {
        display: none !important;
    }


    /* Hide the original vertical NEW heading */

    .sptv2-audio-new {
        display: none !important;
    }


    /* Keep headphone icon centred */

    .sptv2-audio-tab .elementor-widget-icon,
    .sptv2-audio-tab:hover .elementor-widget-icon {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform:
            translate(-50%, -50%) !important;
    }


    .sptv2-audio-tab .elementor-icon {
        width: 25px !important;
        height: 25px !important;

        padding: 0 !important;

        color: #d4ba4c !important;
        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        font-size: 23px !important;
    }


    .sptv2-audio-tab .elementor-icon svg,
    .sptv2-audio-tab .elementor-icon svg path {
        color: #d4ba4c !important;
        fill: #d4ba4c !important;
        stroke: #d4ba4c !important;
    }


    /* MINI RED NEW BUBBLE */

    .sptv2-audio-tab::before {
        content: "NEW";

        position: absolute;

        top: -7px;
        right: -7px;

        display: flex;
        align-items: center;
        justify-content: center;

        min-width: 28px;
        height: 16px;

        padding: 0 5px;

        background: #e53935;
        color: #ffffff;

        border: 2px solid #ffffff;
        border-radius: 999px;

        font-size: 7px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0.04em;

        box-shadow:
            0 3px 8px rgba(0, 0, 0, 0.18);

        transform: none !important;

        z-index: 30;
        pointer-events: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ead652f *//* =========================================================
   STEVE'S PENINSULA TOURS
   EXPLORE KERRY / TRAVEL GUIDE MASTER SYSTEM
   Version: Refined Editorial
   ========================================================= */


/* =========================================================
   1. GLOBAL ARTICLE VARIABLES
   ========================================================= */

.sptv2-guide-hero,
.sptv2-guide-header,
.sptv2-guide-content,
.sptv2-guide-related,
.sptv2-guide-grid {

    --spt-green: #33451d;
    --spt-dark-green: #263416;
    --spt-gold: #bea028;
    --spt-gold-dark: #927a16;

    --spt-text: #3f463b;
    --spt-muted: #596052;

    --spt-soft: #f5f6f2;
    --spt-soft-warm: #f2f3ee;
    --spt-white: #ffffff;

    --spt-border: rgba(51, 69, 29, 0.13);
}


/* =========================================================
   2. FEATURED IMAGE / HERO
   ========================================================= */

.sptv2-guide-hero {
    width: 100%;
    margin: 0;
    padding: 56px 24px 0;

    background: #f5f6f2;

    border-bottom: 3px solid var(--spt-gold);
}


/* Featured image widget */

.sptv2-guide-hero img {
    display: block;

    width: 100%;
    max-width: 1100px;

    aspect-ratio: 16 / 9;
    object-fit: cover;

    margin: 0 auto;

    border-radius: 14px 14px 0 0;

    box-shadow:
        0 18px 45px rgba(38, 52, 22, 0.10);
}


/* =========================================================
   3. ARTICLE TITLE PANEL
   ========================================================= */

.sptv2-guide-header {
    width: 100%;

    margin: 0;
    padding: 58px 24px 54px;

    background: var(--spt-soft-warm);
}


/*
   Important:
   The widgets inside the header should align
   with the article reading column.
*/

.sptv2-guide-header > .e-con-inner,
.sptv2-guide-header > .elementor-container {
    width: 100%;
    max-width: 960px;

    margin-left: auto;
    margin-right: auto;
}


/* Article H1 */

.sptv2-guide-header h1 {
    max-width: 900px;

    margin: 0 0 18px;

    color: var(--spt-dark-green);

    font-size: clamp(42px, 5vw, 60px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
}


/* Article excerpt / intro */

.sptv2-guide-header p {
    max-width: 900px;

    margin: 0;

    color: #495044;

    font-size: 18px;
    line-height: 1.72;
}


/* Short signature gold rule */

.sptv2-guide-header::after {
    content: "";

    display: block;

    width: 66px;
    height: 2px;

    margin-top: 28px;

    background: var(--spt-gold);
}


/* =========================================================
   4. ARTICLE BODY CONTAINER
   ========================================================= */

.sptv2-guide-content {
    width: 100%;
    max-width: 960px;

    margin: 0 auto;

    padding: 68px 24px 78px;

    color: var(--spt-text);

    font-size: 18px;
    line-height: 1.78;
}


/* Paragraphs */

.sptv2-guide-content p {
    margin: 0 0 1.55em;
}


/* First paragraph after a heading */

.sptv2-guide-content h2 + p,
.sptv2-guide-content h3 + p {
    margin-top: 0;
}


/* =========================================================
   5. H2 — PRIMARY ARTICLE SECTIONS
   Signature gold bar
   ========================================================= */

.sptv2-guide-content h2 {
    position: relative;

    margin: 2.45em 0 0.8em;
    padding-left: 23px;

    color: var(--spt-dark-green);

    font-size: clamp(29px, 3vw, 37px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.025em;
}


.sptv2-guide-content h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0.17em;

    width: 4px;
    height: 1.02em;

    background: var(--spt-gold);

    border-radius: 4px;
}


/* Prevent excessive space on first article heading */

.sptv2-guide-content h2:first-child {
    margin-top: 0;
}


/* =========================================================
   6. H3 — SECONDARY ARTICLE SECTIONS
   Gold diamond
   ========================================================= */

.sptv2-guide-content h3 {
    position: relative;

    margin: 2em 0 0.68em;
    padding-left: 24px;

    color: var(--spt-green);

    font-size: clamp(23px, 2.3vw, 28px);
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.015em;
}


.sptv2-guide-content h3::before {
    content: "";

    position: absolute;

    left: 2px;
    top: 0.58em;

    width: 8px;
    height: 8px;

    background: var(--spt-gold);

    transform: rotate(45deg);
}


/* =========================================================
   7. H4
   ========================================================= */

.sptv2-guide-content h4 {
    margin: 1.8em 0 0.55em;

    color: var(--spt-green);

    font-size: 21px;
    font-weight: 700;
    line-height: 1.35;
}


/* =========================================================
   8. BULLET LISTS
   Gold ticks
   ========================================================= */

.sptv2-guide-content ul {
    list-style: none;

    margin: 1.4em 0 1.9em;
    padding: 0;
}


.sptv2-guide-content ul li {
    position: relative;

    margin: 0 0 12px;
    padding-left: 29px;
}


.sptv2-guide-content ul li::before {
    content: "";

    position: absolute;

    left: 2px;
    top: 0.66em;

    width: 9px;
    height: 5px;

    border-left: 2px solid var(--spt-gold);
    border-bottom: 2px solid var(--spt-gold);

    transform: rotate(-45deg);
}


/* =========================================================
   9. NUMBERED LISTS
   ========================================================= */

.sptv2-guide-content ol {
    margin: 1.4em 0 1.9em;
    padding-left: 30px;
}


.sptv2-guide-content ol li {
    margin-bottom: 12px;
    padding-left: 5px;
}


.sptv2-guide-content ol li::marker {
    color: var(--spt-gold-dark);

    font-weight: 700;
}


/* =========================================================
   10. LINKS
   ========================================================= */

.sptv2-guide-content a {
    color: var(--spt-green);

    font-weight: 600;

    text-decoration-line: underline;
    text-decoration-color: var(--spt-gold);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}


.sptv2-guide-content a:hover {
    color: var(--spt-gold-dark);

    text-decoration-color: var(--spt-gold-dark);
}


/* =========================================================
   11. BOLD / STRONG
   ========================================================= */

.sptv2-guide-content strong {
    color: var(--spt-dark-green);

    font-weight: 700;
}


/* =========================================================
   12. BLOCKQUOTE / GUIDE TIP
   ========================================================= */

.sptv2-guide-content blockquote {
    position: relative;

    margin: 38px 0;
    padding: 28px 30px 28px 34px;

    background: var(--spt-soft);

    border: 1px solid var(--spt-border);
    border-left: 4px solid var(--spt-gold);
    border-radius: 0 14px 14px 0;

    color: #39432f;

    font-size: 18px;
    line-height: 1.72;
}


.sptv2-guide-content blockquote p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   13. OPTIONAL CUSTOM GUIDE NOTE
   ========================================================= */

.sptv2-guide-note {
    position: relative;

    margin: 38px 0;
    padding: 28px 30px;

    background: var(--spt-soft);

    border: 1px solid var(--spt-border);
    border-left: 4px solid var(--spt-gold);
    border-radius: 14px;

    box-shadow:
        0 12px 34px rgba(38, 52, 22, 0.05);
}


.sptv2-guide-note strong {
    display: block;

    margin: 0 0 8px;

    color: var(--spt-gold-dark);

    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.sptv2-guide-note p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   14. HORIZONTAL RULE
   ========================================================= */

.sptv2-guide-content hr {
    width: 70px;
    height: 2px;

    margin: 44px 0;

    border: 0;

    background: var(--spt-gold);
}


/* =========================================================
   15. ARTICLE IMAGES
   ========================================================= */

.sptv2-guide-content img {
    display: block;

    width: 100%;
    height: auto;

    margin: 34px 0;

    border-radius: 14px;

    box-shadow:
        0 10px 30px rgba(38, 52, 22, 0.07);
}


/* =========================================================
   16. TABLES
   ========================================================= */

.sptv2-guide-content table {
    width: 100%;

    margin: 32px 0;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid var(--spt-border);
    border-radius: 12px;
}


.sptv2-guide-content th {
    padding: 14px 16px;

    background: var(--spt-green);
    color: #ffffff;

    text-align: left;

    font-weight: 600;
}


.sptv2-guide-content td {
    padding: 13px 16px;

    border-top: 1px solid rgba(51, 69, 29, 0.10);
}


.sptv2-guide-content tr:nth-child(even) td {
    background: #f7f8f5;
}


/* =========================================================
   17. RELATED / EXPLORE MORE SECTION
   ========================================================= */

.sptv2-guide-related {
    width: 100%;

    padding: 72px 24px 76px;

    background: var(--spt-soft-warm);

    border-top: 1px solid rgba(51, 69, 29, 0.07);
}


/* Inner alignment */

.sptv2-guide-related > .e-con-inner,
.sptv2-guide-related > .elementor-container {
    width: 100%;
    max-width: 1150px;

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   18. RELATED EYEBROW
   ========================================================= */

.sptv2-related-eyebrow {
    margin: 0 0 20px !important;

    color: var(--spt-gold-dark) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.16em !important;

    text-transform: uppercase;
}


/* Remove Elementor widget default margins */

.sptv2-related-eyebrow .elementor-heading-title {
    margin: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    font-weight: inherit !important;

    letter-spacing: inherit !important;

    text-transform: inherit !important;
}


/* =========================================================
   19. RELATED TITLE
   Matches your major website headings
   ========================================================= */

.sptv2-related-title {
    max-width: 800px;

    margin: 0 0 18px !important;

    color: var(--spt-dark-green) !important;

    font-size: clamp(38px, 4.5vw, 54px) !important;
    font-weight: 700 !important;
    line-height: 1.07 !important;

    letter-spacing: -0.035em !important;
}


.sptv2-related-title .elementor-heading-title {
    margin: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    letter-spacing: inherit !important;
}


/* =========================================================
   20. RELATED INTRODUCTION
   ========================================================= */

.sptv2-related-intro {
    max-width: 760px;

    margin: 0 !important;

    color: #4b5148 !important;

    font-size: 17px !important;
    line-height: 1.7 !important;
}


.sptv2-related-intro p {
    margin: 0 !important;
}


/* =========================================================
   21. LOOP GRID
   ========================================================= */

.sptv2-guide-grid {
    width: 100%;
    max-width: 1150px;

    margin: 42px auto 0;
}


/* Individual Elementor loop cards */

.sptv2-guide-grid .e-loop-item {
    overflow: hidden;

    height: 100%;

    background: #ffffff;

    border: 1px solid rgba(51, 69, 29, 0.13);
    border-radius: 16px;

    box-shadow:
        0 10px 28px rgba(38, 52, 22, 0.055);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* Hover only for mouse devices */

@media (hover: hover) {

    .sptv2-guide-grid .e-loop-item:hover {
        transform: translateY(-5px);

        border-color: rgba(190, 160, 40, 0.38);

        box-shadow:
            0 18px 42px rgba(38, 52, 22, 0.10);
    }
}


/* =========================================================
   22. CARD IMAGES
   ========================================================= */

.sptv2-guide-grid img {
    width: 100%;

    aspect-ratio: 16 / 10;

    object-fit: cover;
}


/* =========================================================
   23. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .sptv2-guide-hero {
        padding:
            42px
            28px
            0;
    }


    .sptv2-guide-header {
        padding:
            48px
            28px
            46px;
    }


    .sptv2-guide-content {
        padding:
            58px
            28px
            68px;
    }


    .sptv2-guide-related {
        padding:
            62px
            28px
            68px;
    }

}


/* =========================================================
   24. MOBILE
   ========================================================= */

@media (max-width: 767px) {


    /* ---------------------------------------------
       HERO
       --------------------------------------------- */

    .sptv2-guide-hero {
        padding:
            26px
            18px
            0;

        border-bottom-width: 2px;
    }


    .sptv2-guide-hero img {
        width: 100%;

        aspect-ratio: 16 / 10;

        border-radius: 11px 11px 0 0;

        box-shadow:
            0 10px 25px rgba(38, 52, 22, 0.08);
    }


    /* ---------------------------------------------
       TITLE PANEL
       --------------------------------------------- */

    .sptv2-guide-header {
        padding:
            30px
            20px
            32px;
    }


    .sptv2-guide-header h1 {
        margin-bottom: 13px;

        font-size: clamp(34px, 10vw, 43px);
        line-height: 1.07;
    }


    .sptv2-guide-header p {
        font-size: 16px;
        line-height: 1.62;
    }


    .sptv2-guide-header::after {
        width: 48px;

        margin-top: 20px;
    }


    /* ---------------------------------------------
       ARTICLE BODY
       --------------------------------------------- */

    .sptv2-guide-content {
        width: 100%;
        max-width: none;

        padding:
            42px
            20px
            52px;

        font-size: 17px;
        line-height: 1.7;
    }


    .sptv2-guide-content p {
        margin-bottom: 1.4em;
    }


    /* ---------------------------------------------
       H2
       --------------------------------------------- */

    .sptv2-guide-content h2 {
        margin:
            2.05em
            0
            0.72em;

        padding-left: 17px;

        font-size: clamp(25px, 7vw, 30px);
        line-height: 1.2;
    }


    .sptv2-guide-content h2::before {
        top: 0.16em;

        width: 3px;
        height: 1.05em;
    }


    .sptv2-guide-content h2:first-child {
        margin-top: 0;
    }


    /* ---------------------------------------------
       H3
       --------------------------------------------- */

    .sptv2-guide-content h3 {
        margin-top: 1.8em;

        padding-left: 20px;

        font-size: 22px;
    }


    .sptv2-guide-content h3::before {
        width: 7px;
        height: 7px;
    }


    /* ---------------------------------------------
       LISTS
       --------------------------------------------- */

    .sptv2-guide-content ul li {
        padding-left: 25px;
    }


    /* ---------------------------------------------
       BLOCKQUOTE
       --------------------------------------------- */

    .sptv2-guide-content blockquote {
        margin: 30px 0;

        padding:
            21px
            20px
            21px
            23px;

        font-size: 17px;
    }


    /* ---------------------------------------------
       GUIDE NOTE
       --------------------------------------------- */

    .sptv2-guide-note {
        margin: 30px 0;

        padding:
            22px
            20px;
    }


    /* ---------------------------------------------
       RELATED SECTION
       --------------------------------------------- */

    .sptv2-guide-related {
        padding:
            46px
            20px
            54px;
    }


    .sptv2-related-eyebrow {
        margin-bottom: 14px !important;

        font-size: 11px !important;

        letter-spacing: 0.15em !important;
    }


    .sptv2-related-title {
        max-width: 100%;

        margin-bottom: 14px !important;

        font-size: clamp(31px, 9vw, 39px) !important;
        line-height: 1.08 !important;
    }


    .sptv2-related-intro {
        max-width: 100%;

        font-size: 16px !important;
        line-height: 1.62 !important;
    }


    .sptv2-guide-grid {
        margin-top: 30px;
    }


    /* ---------------------------------------------
       TABLES
       --------------------------------------------- */

    .sptv2-guide-content table {
        display: block;

        overflow-x: auto;

        white-space: nowrap;

        -webkit-overflow-scrolling: touch;
    }

}


/* =========================================================
   25. VERY SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

    .sptv2-guide-hero {
        padding-left: 15px;
        padding-right: 15px;
    }


    .sptv2-guide-header {
        padding-left: 18px;
        padding-right: 18px;
    }


    .sptv2-guide-content {
        padding-left: 18px;
        padding-right: 18px;
    }


    .sptv2-guide-related {
        padding-left: 18px;
        padding-right: 18px;
    }

}/* SPT Blog Breadcrumb — Refined */

.elementor-10286 .elementor-element.elementor-element-5ead652f .rank-math-breadcrumb {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 18px;
}

.elementor-10286 .elementor-element.elementor-element-5ead652f .rank-math-breadcrumb p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.elementor-10286 .elementor-element.elementor-element-5ead652f .rank-math-breadcrumb a {
    color: #bea028;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.elementor-10286 .elementor-element.elementor-element-5ead652f .rank-math-breadcrumb a:hover {
    opacity: 0.7;
}

.elementor-10286 .elementor-element.elementor-element-5ead652f .rank-math-breadcrumb span:last-child {
    color: #33451d;
    font-weight: 600;
}/* End custom CSS */