.elementor-12413 .elementor-element.elementor-element-5802eac4{--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-12413 .elementor-element.elementor-element-15343e17{--display:flex;--min-height:720px;--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-end;--align-items:stretch;--overlay-opacity:0.47;--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-12413 .elementor-element.elementor-element-15343e17:not(.elementor-motion-effects-element-type-background), .elementor-12413 .elementor-element.elementor-element-15343e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stevespeninsulatours.com/wp-content/uploads/2026/08/Screenshot-2026-08-10-071733.png");background-size:cover;}.elementor-12413 .elementor-element.elementor-element-15343e17::before, .elementor-12413 .elementor-element.elementor-element-15343e17 > .elementor-background-video-container::before, .elementor-12413 .elementor-element.elementor-element-15343e17 > .e-con-inner > .elementor-background-video-container::before, .elementor-12413 .elementor-element.elementor-element-15343e17 > .elementor-background-slideshow::before, .elementor-12413 .elementor-element.elementor-element-15343e17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12413 .elementor-element.elementor-element-15343e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#263416;--background-overlay:'';}.elementor-12413 .elementor-element.elementor-element-57cc9b23{--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-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-12413 .elementor-element.elementor-element-5d67937b{padding:0px 0px 10px 0px;}.elementor-12413 .elementor-element.elementor-element-61859e45{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 10px 0px;}.elementor-12413 .elementor-element.elementor-element-537c00c4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12413 .elementor-element.elementor-element-53ecad14{--display:flex;--flex-wrap:wrap;}.elementor-12413 .elementor-element.elementor-element-c1c3ab3 .elementor-icon-wrapper{text-align:center;}.elementor-12413 .elementor-element.elementor-element-7cd6dc7{--display:flex;--flex-wrap:wrap;}.elementor-12413 .elementor-element.elementor-element-44ab415c .elementor-icon-wrapper{text-align:center;}.elementor-12413 .elementor-element.elementor-element-246d57fb{--display:flex;--flex-wrap:wrap;}.elementor-12413 .elementor-element.elementor-element-29638f55 .elementor-icon-wrapper{text-align:center;}.elementor-12413 .elementor-element.elementor-element-6dbc051{--display:flex;--flex-wrap:wrap;}.elementor-12413 .elementor-element.elementor-element-6a1b9375 .elementor-icon-wrapper{text-align:center;}.elementor-12413 .elementor-element.elementor-element-3f5e149c{--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-12413 .elementor-element.elementor-element-cc97434{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12413 .elementor-element.elementor-element-530f5ff2{width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;}.elementor-12413 .elementor-element.elementor-element-51fd350b{--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-12413 .elementor-element.elementor-element-2b9d41c7{--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-12413 .elementor-element.elementor-element-55a4be0a{--display:flex;}.elementor-12413 .elementor-element.elementor-element-2bc91d81{padding:10px 0px 10px 0px;}.elementor-12413 .elementor-element.elementor-element-527b5d57{--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;--flex-wrap:nowrap;--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-12413 .elementor-element.elementor-element-637bd511{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12413 .elementor-element.elementor-element-291547e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12413 .elementor-element.elementor-element-5b19bfa7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12413 .elementor-element.elementor-element-52bc609b{--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-12413 .elementor-element.elementor-element-55523568{--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-12413 .elementor-element.elementor-element-3ef318e8{--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;--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-12413 .elementor-element.elementor-element-13aef81{--display:flex;}.elementor-12413 .elementor-element.elementor-element-3b024d68{--display:flex;}.elementor-12413 .elementor-element.elementor-element-6c9b4966{padding:10px 0px 10px 0px;}.elementor-12413 .elementor-element.elementor-element-985e2c4{--display:flex;}.elementor-12413 .elementor-element.elementor-element-4c6ceb87{--display:flex;}.elementor-12413 .elementor-element.elementor-element-6f081b42{--display:flex;}.elementor-12413 .elementor-element.elementor-element-30b437c4{--display:flex;}.elementor-12413 .elementor-element.elementor-element-5dbef2fc{--display:flex;}.elementor-12413 .elementor-element.elementor-element-ac28a5b{--display:flex;}.elementor-12413 .elementor-element.elementor-element-1636630d{--display:flex;}.elementor-12413 .elementor-element.elementor-element-5aaa0bbd{--display:flex;}.elementor-12413 .elementor-element.elementor-element-26fb66bc{--display:flex;}.elementor-12413 .elementor-element.elementor-element-e8f90e6{--display:flex;}.elementor-12413 .elementor-element.elementor-element-7c2ad0e7{--display:flex;}.elementor-12413 .elementor-element.elementor-element-2fe1aedb{--display:flex;}.elementor-12413 .elementor-element.elementor-element-316a6e0c{--display:flex;}.elementor-12413 .elementor-element.elementor-element-410d6772{--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:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-12413 .elementor-element.elementor-element-31ea22c7{--display:flex;}.elementor-12413 .elementor-element.elementor-element-33f0607e{--display:flex;}.elementor-12413 .elementor-element.elementor-element-2b29ec33{--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;--flex-wrap:nowrap;}.elementor-12413 .elementor-element.elementor-element-7331cd56{--display:flex;}.elementor-12413 .elementor-element.elementor-element-2e32ad04{--display:flex;}.elementor-12413 .elementor-element.elementor-element-224561d1{--display:flex;}.elementor-12413 .elementor-element.elementor-element-70759f26{--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: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-12413 .elementor-element.elementor-element-51a7e9db{--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:stretch;}.elementor-12413 .elementor-element.elementor-element-586729e2{--display:flex;}.elementor-12413 .elementor-element.elementor-element-7fae11fd{padding:10px 0px 10px 0px;}.elementor-12413 .elementor-element.elementor-element-17c82716{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-12413 .elementor-element.elementor-element-3ec2c4c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12413 .elementor-element.elementor-element-15515fd9{--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;}.elementor-12413 .elementor-element.elementor-element-1bdb92ec{--display:flex;}.elementor-12413 .elementor-element.elementor-element-342f8e5c{--display:flex;}.elementor-12413 .elementor-element.elementor-element-2c8b02ba{--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-12413 .elementor-element.elementor-element-7908bdaa{--display:flex;}.elementor-12413 .elementor-element.elementor-element-2a4efa3c{--display:flex;}.elementor-12413 .elementor-element.elementor-element-135964b{--display:flex;}.elementor-12413 .elementor-element.elementor-element-22307b26{--display:flex;}.elementor-12413 .elementor-element.elementor-element-28765d6{--display:flex;}.elementor-12413 .elementor-element.elementor-element-adeb2ec{--display:flex;}.elementor-12413 .elementor-element.elementor-element-6e9fda3f{--display:flex;}.elementor-12413 .elementor-element.elementor-element-5452190a{--display:flex;}.elementor-12413 .elementor-element.elementor-element-523f3856{--display:flex;}.elementor-12413 .elementor-element.elementor-element-59f669c9{--display:flex;}.elementor-12413 .elementor-element.elementor-element-5519d7df{--display:flex;}.elementor-12413 .elementor-element.elementor-element-1259d0a5{--display:flex;}.elementor-12413 .elementor-element.elementor-element-1ef0b0b0{--display:flex;}.elementor-12413 .elementor-element.elementor-element-14e4f941{--display:flex;}.elementor-12413 .elementor-element.elementor-element-500d0148{--display:flex;}.elementor-12413 .elementor-element.elementor-element-af4254{--display:flex;}.elementor-12413 .elementor-element.elementor-element-6b827085{--display:flex;}.elementor-12413 .elementor-element.elementor-element-31535bdc{--display:flex;}.elementor-12413 .elementor-element.elementor-element-4bc4eed8{--display:flex;}.elementor-12413 .elementor-element.elementor-element-7d65e435{--display:flex;}.elementor-12413 .elementor-element.elementor-element-4c273558{--display:flex;}.elementor-12413 .elementor-element.elementor-element-79816935{--display:flex;}.elementor-12413 .elementor-element.elementor-element-7d3f6a8c{--display:flex;}.elementor-12413 .elementor-element.elementor-element-738caf26{--display:flex;}.elementor-12413 .elementor-element.elementor-element-30d34cc0{--display:flex;}.elementor-12413 .elementor-element.elementor-element-6df450db{--display:flex;}.elementor-12413 .elementor-element.elementor-element-636d193e{--display:flex;}.elementor-12413 .elementor-element.elementor-element-41e6e6ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12413 .elementor-element.elementor-element-521b24c0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12413 .elementor-element.elementor-element-5d742d1f{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-12413 .elementor-element.elementor-element-353a557d{--grid-columns:3;}.elementor-12413 .elementor-element.elementor-element-56a52a8{--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: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-12413 .elementor-element.elementor-element-5d650a93{--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:stretch;}.elementor-12413 .elementor-element.elementor-element-614d81f5{--display:flex;}.elementor-12413 .elementor-element.elementor-element-53e1b13d{padding:10px 0px 10px 0px;}.elementor-12413 .elementor-element.elementor-element-2c7a2e74{--display:flex;}.elementor-12413 .elementor-element.elementor-element-4f50b5e4{--display:flex;}.elementor-12413 .elementor-element.elementor-element-577028be{--display:flex;}.elementor-12413 .elementor-element.elementor-element-e3c441e{--display:flex;}.elementor-12413 .elementor-element.elementor-element-3ad90cfd{--display:flex;}.elementor-12413 .elementor-element.elementor-element-5fce97c7{--display:flex;}.elementor-12413 .elementor-element.elementor-element-5f0038a9{--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-12413 .elementor-element.elementor-element-107620ef{--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-12413 .elementor-element.elementor-element-24d26c65{--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-12413 .elementor-element.elementor-element-10378677{--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-12413 .elementor-element.elementor-element-557a3ad5{--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-12413 .elementor-element.elementor-element-17e3c73a{--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-12413 .elementor-element.elementor-element-6b1271dc{--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-12413 .elementor-element.elementor-element-2b132c1c{--display:flex;}@media(min-width:768px){.elementor-12413 .elementor-element.elementor-element-57cc9b23{--width:1150px;}.elementor-12413 .elementor-element.elementor-element-31ea22c7{--width:50%;}.elementor-12413 .elementor-element.elementor-element-33f0607e{--width:50%;}}@media(max-width:1024px){.elementor-12413 .elementor-element.elementor-element-353a557d{--grid-columns:2;}}@media(max-width:767px){.elementor-12413 .elementor-element.elementor-element-353a557d{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-3f5e149c *//* ========================================================= SPTv2 — PLACES TO SEE SECTION 02: DISCOVER INTRODUCTION ========================================================= */ /* --------------------------------------------------------- OUTER SECTION --------------------------------------------------------- */ .sptv2-place-intro { background: #ffffff; padding: 90px 30px 95px; } /* --------------------------------------------------------- INNER CONTENT WIDTH --------------------------------------------------------- */ .sptv2-place-intro-inner { width: 100%; max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- EYEBROW --------------------------------------------------------- */ .sptv2-place-intro-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-intro-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* --------------------------------------------------------- MAIN SECTION TITLE --------------------------------------------------------- */ .sptv2-place-intro-title { margin-top: 14px; } .sptv2-place-intro-title .elementor-heading-title { max-width: 950px; margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* --------------------------------------------------------- INTRODUCTION BODY TEXT --------------------------------------------------------- */ .sptv2-place-intro-text { max-width: 820px; margin-top: 28px; } .sptv2-place-intro-text, .sptv2-place-intro-text p { color: #3f463b; font-size: 18px; line-height: 1.78; } .sptv2-place-intro-text p { margin: 0 0 1.35em; } .sptv2-place-intro-text p:last-child { margin-bottom: 0; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-intro { padding: 72px 32px 78px; } .sptv2-place-intro-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-intro { padding: 58px 22px 62px; } .sptv2-place-intro-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-intro-eyebrow .elementor-heading-title::before { width: 27px; } .sptv2-place-intro-title { margin-top: 12px; } .sptv2-place-intro-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } .sptv2-place-intro-text { margin-top: 22px; } .sptv2-place-intro-text, .sptv2-place-intro-text p { font-size: 17px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51fd350b *//* ========================================================= SPTv2 — PLACES TO SEE SECTION 03: SITE PHOTOGRAPHY ========================================================= */ /* --------------------------------------------------------- OUTER SECTION --------------------------------------------------------- */ .sptv2-place-gallery { background: #f1f4ed; padding: 5px 30px 0px; } /* --------------------------------------------------------- HEADER --------------------------------------------------------- */ .sptv2-place-gallery-header { width: 100%; max-width: 1150px; margin: 0 auto 42px; } /* Eyebrow */ .sptv2-place-gallery-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-gallery-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* Main heading */ .sptv2-place-gallery-title { margin-top: 14px; } .sptv2-place-gallery-title .elementor-heading-title { max-width: 900px; margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* Introduction */ .sptv2-place-gallery-intro { max-width: 900px; margin-top: 22px; } .sptv2-place-gallery-intro, .sptv2-place-gallery-intro p { color: #3f463b; font-size: 18px; line-height: 1.72; } .sptv2-place-gallery-intro p { margin: 0; } /* --------------------------------------------------------- THREE-CARD GRID --------------------------------------------------------- */ .sptv2-place-gallery-grid { width: 100%; max-width: 1150px; margin: 0 auto; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; } /* --------------------------------------------------------- INDIVIDUAL CARD --------------------------------------------------------- */ .sptv2-place-gallery-card { min-width: 0; overflow: hidden; background: #ffffff; border-radius: 11px; box-shadow: 0 8px 22px rgba(38, 52, 22, 0.07); } /* --------------------------------------------------------- IMAGE --------------------------------------------------------- */ .sptv2-place-gallery-image { width: 100%; } .sptv2-place-gallery-image img { display: block; width: 100%; height: 250px; object-fit: cover; border-radius: 11px 11px 0 0; } /* Remove Elementor widget spacing */ .sptv2-place-gallery-image { margin-bottom: 0 !important; } /* --------------------------------------------------------- CAPTION --------------------------------------------------------- */ .sptv2-place-gallery-caption { padding: 13px 15px 15px; } .sptv2-place-gallery-caption, .sptv2-place-gallery-caption p { color: #263416; font-size: 14px; font-weight: 500; line-height: 1.45; } .sptv2-place-gallery-caption p { margin: 0; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-gallery { padding: 72px 32px 76px; } .sptv2-place-gallery-grid { gap: 18px; } .sptv2-place-gallery-image img { height: 220px; } .sptv2-place-gallery-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-gallery { padding: 8px 22px 2px; } .sptv2-place-gallery-header { margin-bottom: 30px; } .sptv2-place-gallery-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-gallery-eyebrow .elementor-heading-title::before { width: 27px; } .sptv2-place-gallery-title { margin-top: 12px; } .sptv2-place-gallery-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } .sptv2-place-gallery-intro { margin-top: 20px; } .sptv2-place-gallery-intro, .sptv2-place-gallery-intro p { font-size: 17px; line-height: 1.7; } .sptv2-place-gallery-grid { grid-template-columns: 1fr; gap: 22px; } .sptv2-place-gallery-image img { height: auto; aspect-ratio: 4 / 3; } .sptv2-place-gallery-caption { padding: 14px 16px 16px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52bc609b *//* ========================================================= SPTv2 — PLACES TO SEE ESSENTIAL INFORMATION — LEFT FACTS AREA ========================================================= */ /* --------------------------------------------------------- LEFT COLUMN WRAPPER --------------------------------------------------------- */ .sptv2-place-facts-content { width: 100%; min-width: 0; } /* --------------------------------------------------------- FACTS PANEL --------------------------------------------------------- */ .sptv2-place-facts-panel { width: 100%; margin-top: 8px; } /* --------------------------------------------------------- TWO-COLUMN FACT GRID --------------------------------------------------------- */ .sptv2-place-facts-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 0; margin-top: -80px; width: 100%; } /* --------------------------------------------------------- INDIVIDUAL FACT ROW --------------------------------------------------------- */ .sptv2-place-fact { display: grid !important; grid-template-columns: 118px minmax(0, 1fr); gap: 18px; align-items: start; min-width: 0; min-height: 72px; padding: 18px 0; border-bottom: 1px solid rgba(38, 52, 22, 0.14); } /* --------------------------------------------------------- LABEL --------------------------------------------------------- */ .sptv2-place-fact-label { min-width: 0; } .sptv2-place-fact-label, .sptv2-place-fact-label p { margin: 0 !important; color: #65705d; font-size: 12px; font-weight: 600; line-height: 1.35; letter-spacing: 0.11em; text-transform: uppercase; } /* --------------------------------------------------------- VALUE --------------------------------------------------------- */ .sptv2-place-fact-value { min-width: 0; } .sptv2-place-fact-value, .sptv2-place-fact-value p { margin: 0 !important; color: #263416; font-size: 15px; font-weight: 600; line-height: 1.45; } /* Allow long values to wrap naturally */ .sptv2-place-fact-value, .sptv2-place-fact-value p { overflow-wrap: anywhere; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-facts-grid { grid-template-columns: 1fr; } .sptv2-place-fact { grid-template-columns: 130px minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-facts-grid { grid-template-columns: 1fr; } .sptv2-place-fact { grid-template-columns: 105px minmax(0, 1fr); gap: 16px; min-height: 0; padding: 16px 0; } .sptv2-place-fact-label, .sptv2-place-fact-label p { font-size: 11px; line-height: 1.35; } .sptv2-place-fact-value, .sptv2-place-fact-value p { font-size: 15px; line-height: 1.45; } }/* ========================================================= SPTv2 — PLACES TO SEE SECTION 04: ESSENTIAL INFORMATION KEY FACTS & LOCATION ========================================================= */ /* --------------------------------------------------------- 1. OUTER SECTION --------------------------------------------------------- */ .sptv2-place-facts { background: #ffffff; padding: 30px 30px 15px; } .sptv2-place-facts-inner { width: 100%; max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- 2. MAIN TWO-COLUMN LAYOUT --------------------------------------------------------- */ .sptv2-place-facts-layout { display: grid !important; grid-template-columns: minmax(0, 2.15fr) minmax(285px, 0.9fr); gap: 46px; align-items: start; width: 100%; } /* --------------------------------------------------------- 3. LEFT CONTENT COLUMN --------------------------------------------------------- */ .sptv2-place-facts-content { min-width: 0; width: 100%; } /* --------------------------------------------------------- 4. HEADER --------------------------------------------------------- */ .sptv2-place-facts-header { width: 100%; margin-bottom: 54px; } /* Eyebrow */ .sptv2-place-facts-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-facts-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* --------------------------------------------------------- 5. ESSENTIAL INFORMATION TITLE --------------------------------------------------------- */ .sptv2-place-facts-title { margin-top: 14px; } .sptv2-place-facts-title .elementor-heading-title { margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* --------------------------------------------------------- 6. INTRODUCTION --------------------------------------------------------- */ .sptv2-place-facts-intro { max-width: 760px; margin-top: 22px; } .sptv2-place-facts-intro, .sptv2-place-facts-intro p { color: #3f463b; font-size: 18px; line-height: 1.72; } .sptv2-place-facts-intro p { margin: 0; } /* ========================================================= KEY FACTS ========================================================= */ /* --------------------------------------------------------- 7. FACTS PANEL --------------------------------------------------------- */ .sptv2-place-facts-panel { width: 100%; } /* --------------------------------------------------------- 8. FACTS GRID --------------------------------------------------------- */ .sptv2-place-facts-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 0; width: 100%; } /* --------------------------------------------------------- 9. INDIVIDUAL FACT --------------------------------------------------------- */ .sptv2-place-fact { display: grid !important; grid-template-columns: 115px minmax(0, 1fr); gap: 20px; align-items: start; min-width: 0; min-height: 72px; padding: 18px 0; border-bottom: 1px solid rgba(38, 52, 22, 0.14); } /* --------------------------------------------------------- 10. FACT LABEL --------------------------------------------------------- */ .sptv2-place-fact-label, .sptv2-place-fact-label p { margin: 0; color: #65705d; font-size: 12px; font-weight: 600; line-height: 1.35; letter-spacing: 0.11em; text-transform: uppercase; } /* --------------------------------------------------------- 11. FACT VALUE --------------------------------------------------------- */ .sptv2-place-fact-value, .sptv2-place-fact-value p { margin: 0; color: #263416; font-size: 15px; font-weight: 600; line-height: 1.45; } /* ========================================================= LOCATION CARD ========================================================= */ /* --------------------------------------------------------- 12. LOCATION CARD --------------------------------------------------------- */ .sptv2-place-location-card { width: 100%; padding: 16px; background: #f1f4ed; border: 1px solid rgba(38, 52, 22, 0.10); border-radius: 14px; box-shadow: 0 8px 24px rgba(38, 52, 22, 0.05); overflow: hidden; } /* --------------------------------------------------------- 13. MAP IMAGE --------------------------------------------------------- */ .sptv2-place-location-map { width: 100%; margin: 0 0 18px !important; } .sptv2-place-location-map img { display: block; width: 100%; height: 215px; object-fit: cover; border-radius: 10px; } /* --------------------------------------------------------- 14. GOOGLE MAPS LINK --------------------------------------------------------- */ .sptv2-place-map-link { margin: 0 0 40px; } .sptv2-place-map-link, .sptv2-place-map-link p, .sptv2-place-map-link a { color: #33451d; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; } .sptv2-place-map-link a { display: inline-block; padding-bottom: 6px; border-bottom: 1px solid #bea028; } .sptv2-place-map-link a:hover { color: #9c7f12; } /* --------------------------------------------------------- 15. LOCATION DETAILS TITLE --------------------------------------------------------- */ .sptv2-place-location-title { margin: 0 0 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(38, 52, 22, 0.12); } .sptv2-place-location-title .elementor-heading-title { margin: 0; color: #9c7f12; font-size: 13px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; } /* --------------------------------------------------------- 16. LOCATION BODY --------------------------------------------------------- */ .sptv2-place-location-body { width: 100%; } /* --------------------------------------------------------- 17. LATITUDE / LONGITUDE --------------------------------------------------------- */ /* ========================================================= GPS COORDINATES ========================================================= */ /* The two coordinate rows */ .sptv2-place-location-body { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; } /* Each Latitude / Longitude block */ .sptv2-place-location-body > .sptv2-place-location-coordinate { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 4px !important; min-width: 0; padding: 14px 10px 17px; border-bottom: 1px solid rgba(38, 52, 22, 0.10); } /* Label */ .sptv2-place-location-coordinate .sptv2-place-location-label, .sptv2-place-location-coordinate .sptv2-place-location-label p { margin: 0 !important; color: #65705d; font-size: 11px; font-weight: 600; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } /* Value */ .sptv2-place-location-coordinate .sptv2-place-location-value, .sptv2-place-location-coordinate .sptv2-place-location-value p { margin: 0 !important; color: #263416; font-size: 14px; font-weight: 600; line-height: 1.45; } /* GPS list below coordinates spans full card width */ .sptv2-place-location-list { grid-column: 1 / -1; width: 100%; } /* --------------------------------------------------------- 18. GPS / LOCATION LIST --------------------------------------------------------- */ .sptv2-place-location-list { width: 100%; } /* --------------------------------------------------------- 19. LOCATION ROW --------------------------------------------------------- */ .sptv2-place-location-row { width: 100%; padding: 17px 0; border-bottom: 1px solid rgba(38, 52, 22, 0.10); } /* --------------------------------------------------------- 20. LOCATION LABELS --------------------------------------------------------- */ .sptv2-place-location-label, .sptv2-place-location-label p { margin: 0 0 5px; color: #65705d; font-size: 11px; font-weight: 600; line-height: 1.35; letter-spacing: 0.06em; text-transform: uppercase; } /* --------------------------------------------------------- 21. LOCATION VALUES --------------------------------------------------------- */ .sptv2-place-location-value, .sptv2-place-location-value p { margin: 0; color: #263416; font-size: 14px; font-weight: 600; line-height: 1.45; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-facts { padding: 72px 32px 78px; } .sptv2-place-facts-layout { grid-template-columns: minmax(0, 1.7fr) minmax(270px, 0.8fr); gap: 32px; } .sptv2-place-facts-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } .sptv2-place-facts-grid { grid-template-columns: 1fr; } .sptv2-place-fact { grid-template-columns: 125px minmax(0, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-facts { padding: 28px 22px 2px; } .sptv2-place-facts-layout { display: flex !important; flex-direction: column; gap: 42px; } .sptv2-place-facts-header { margin-bottom: 38px; } /* Eyebrow */ .sptv2-place-facts-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-facts-eyebrow .elementor-heading-title::before { width: 27px; } /* H2 */ .sptv2-place-facts-title { margin-top: 12px; } .sptv2-place-facts-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } /* Intro */ .sptv2-place-facts-intro { margin-top: 20px; } .sptv2-place-facts-intro, .sptv2-place-facts-intro p { font-size: 17px; line-height: 1.7; } /* Facts */ .sptv2-place-facts-grid { grid-template-columns: 1fr; } .sptv2-place-fact { grid-template-columns: 105px minmax(0, 1fr); gap: 16px; min-height: 0; padding: 16px 0; } .sptv2-place-fact-label, .sptv2-place-fact-label p { font-size: 11px; } .sptv2-place-fact-value, .sptv2-place-fact-value p { font-size: 15px; } /* Location card */ .sptv2-place-location-card { padding: 15px; border-radius: 12px; } .sptv2-place-location-map img { height: auto; aspect-ratio: 4 / 3; } .sptv2-place-map-link { margin-bottom: 34px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-70759f26 *//* ========================================================= SPTv2 — PLACES TO SEE PLACE OVERVIEW / VISITOR EXPERIENCE ========================================================= */ /* --------------------------------------------------------- 1. OUTER SECTION --------------------------------------------------------- */ .sptv2-place-overview { background: #ffffff; padding: 30px 30px 25px; } .sptv2-place-overview-inner { width: 100%; max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- 2. HEADER --------------------------------------------------------- */ .sptv2-place-overview-header { width: 100%; max-width: 930px; margin-bottom: 48px; } /* Eyebrow */ .sptv2-place-overview-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-overview-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* --------------------------------------------------------- 3. MAIN H2 --------------------------------------------------------- */ .sptv2-place-overview-title { margin-top: 14px; } .sptv2-place-overview-title .elementor-heading-title { max-width: 900px; margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* --------------------------------------------------------- 4. HEADER INTRODUCTION --------------------------------------------------------- */ .sptv2-place-overview-intro { max-width: 850px; margin-top: 22px; } .sptv2-place-overview-intro, .sptv2-place-overview-intro p { color: #3f463b; font-size: 18px; line-height: 1.72; } .sptv2-place-overview-intro p { margin: 0; } /* ========================================================= MAIN IMAGE + CONTENT ========================================================= */ /* --------------------------------------------------------- 5. TWO-COLUMN GRID --------------------------------------------------------- */ .sptv2-place-overview-grid { display: grid !important; grid-template-columns: minmax(250px, 0.75fr) minmax(0, 1.65fr); gap: 46px; width: 100%; align-items: start; } /* --------------------------------------------------------- 6. IMAGE PANEL --------------------------------------------------------- */ .sptv2-place-overview-image-panel { width: 100%; overflow: hidden; background: #ffffff; border-radius: 11px; box-shadow: 0 8px 24px rgba(38, 52, 22, 0.07); } /* --------------------------------------------------------- 7. IMAGE --------------------------------------------------------- */ .sptv2-place-overview-image { width: 100%; margin: 0 !important; } .sptv2-place-overview-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 11px 11px 0 0; } /* --------------------------------------------------------- 8. IMAGE CAPTION --------------------------------------------------------- */ .sptv2-place-overview-caption { padding: 12px 14px 14px; } .sptv2-place-overview-caption, .sptv2-place-overview-caption p { margin: 0 !important; color: #65705d; font-size: 12px; font-weight: 500; line-height: 1.45; } /* ========================================================= BODY CONTENT ========================================================= */ /* --------------------------------------------------------- 9. CONTENT COLUMN --------------------------------------------------------- */ .sptv2-place-overview-content { min-width: 0; width: 100%; } /* --------------------------------------------------------- 10. BODY WRAPPER --------------------------------------------------------- */ .sptv2-place-overview-body { width: 100%; } /* --------------------------------------------------------- 11. LEAD TEXT --------------------------------------------------------- */ .sptv2-place-overview-lead { margin-bottom: 24px; } .sptv2-place-overview-lead, .sptv2-place-overview-lead p { color: #263416; font-size: 19px; font-weight: 400; line-height: 1.72; } .sptv2-place-overview-lead p { margin: 0 0 1.25em; } .sptv2-place-overview-lead p:last-child { margin-bottom: 0; } /* --------------------------------------------------------- 12. MAIN BODY TEXT --------------------------------------------------------- */ .sptv2-place-overview-text { margin-bottom: 32px; } .sptv2-place-overview-text, .sptv2-place-overview-text p { color: #3f463b; font-size: 16px; line-height: 1.78; } .sptv2-place-overview-text p { margin: 0 0 1.4em; } .sptv2-place-overview-text p:last-child { margin-bottom: 0; } /* ========================================================= INSIGHT BOX ========================================================= */ /* --------------------------------------------------------- 13. INSIGHT CONTAINER --------------------------------------------------------- */ .sptv2-place-overview-insight { position: relative; width: 100%; margin-top: 34px; padding: 20px 22px 20px 26px; background: #f1f4ed; border-radius: 0 10px 10px 0; overflow: hidden; } /* Gold accent */ .sptv2-place-overview-insight::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: #bea028; } /* --------------------------------------------------------- 14. INSIGHT TITLE --------------------------------------------------------- */ .sptv2-place-overview-insight-title { margin-bottom: 7px; } .sptv2-place-overview-insight-title .elementor-heading-title { margin: 0; color: #263416; font-size: 14px; font-weight: 700; line-height: 1.35; } /* --------------------------------------------------------- 15. INSIGHT TEXT --------------------------------------------------------- */ .sptv2-place-overview-insight-text, .sptv2-place-overview-insight-text p { margin: 0 !important; color: #53604b; font-size: 14px; line-height: 1.6; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-overview { padding: 72px 32px 78px; } .sptv2-place-overview-header { margin-bottom: 40px; } .sptv2-place-overview-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } .sptv2-place-overview-grid { grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.4fr); gap: 34px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-overview { padding: 28px 22px 2px; } /* Header */ .sptv2-place-overview-header { margin-bottom: 32px; } .sptv2-place-overview-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-overview-eyebrow .elementor-heading-title::before { width: 27px; } /* H2 */ .sptv2-place-overview-title { margin-top: 12px; } .sptv2-place-overview-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } /* Header intro */ .sptv2-place-overview-intro { margin-top: 20px; } .sptv2-place-overview-intro, .sptv2-place-overview-intro p { font-size: 17px; line-height: 1.7; } /* Stack image and body */ .sptv2-place-overview-grid { display: flex !important; flex-direction: column; gap: 32px; } /* Image */ .sptv2-place-overview-image-panel { width: 100%; max-width: 520px; } .sptv2-place-overview-image img { aspect-ratio: 4 / 3; } /* Body */ .sptv2-place-overview-lead, .sptv2-place-overview-lead p { font-size: 18px; line-height: 1.7; } .sptv2-place-overview-text, .sptv2-place-overview-text p { font-size: 16px; line-height: 1.75; } /* Insight */ .sptv2-place-overview-insight { margin-top: 28px; padding: 18px 18px 18px 22px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c8b02ba *//* ========================================================= SPTv2 — PLACES TO SEE PLANNING YOUR VISIT ========================================================= */ /* --------------------------------------------------------- OUTER SECTION --------------------------------------------------------- */ .sptv2-place-planning { background: #f1f4ed; padding: 30px 30px 15px; } /* --------------------------------------------------------- INNER --------------------------------------------------------- */ .sptv2-place-planning-inner { width: 100%; max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- HEADER --------------------------------------------------------- */ .sptv2-place-planning-header { width: 100%; max-width: 900px; margin-bottom: 45px; } /* Eyebrow */ .sptv2-place-planning-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-planning-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* --------------------------------------------------------- H2 --------------------------------------------------------- */ .sptv2-place-planning-title { margin-top: 14px; } .sptv2-place-planning-title .elementor-heading-title { margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* --------------------------------------------------------- INTRODUCTION --------------------------------------------------------- */ .sptv2-place-planning-intro { max-width: 820px; margin-top: 22px; } .sptv2-place-planning-intro, .sptv2-place-planning-intro p { color: #3f463b; font-size: 18px; line-height: 1.72; } .sptv2-place-planning-intro p { margin: 0; } /* ========================================================= PLANNING GRID ========================================================= */ .sptv2-place-planning-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; } /* ========================================================= INDIVIDUAL CARD ========================================================= */ .sptv2-place-planning-card { position: relative; width: 100%; min-width: 0; padding: 26px 28px 28px; background: #ffffff; border: 1px solid rgba(38, 52, 22, 0.08); border-radius: 10px; box-shadow: 0 6px 20px rgba(38, 52, 22, 0.04); } /* Small gold detail */ .sptv2-place-planning-card::before { content: ""; display: block; width: 32px; height: 2px; margin-bottom: 18px; background: #bea028; } /* --------------------------------------------------------- CARD TITLE --------------------------------------------------------- */ .sptv2-place-planning-card-title { margin-bottom: 11px; } .sptv2-place-planning-card-title .elementor-heading-title { margin: 0; color: #263416; font-size: 16px; font-weight: 700; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; } /* --------------------------------------------------------- CARD TEXT --------------------------------------------------------- */ .sptv2-place-planning-card-text, .sptv2-place-planning-card-text p { margin: 0 !important; color: #53604b; font-size: 15px; line-height: 1.65; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-planning { padding: 72px 32px 78px; } .sptv2-place-planning-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } .sptv2-place-planning-grid { gap: 16px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-planning { padding: 28px 22px 2px; } .sptv2-place-planning-header { margin-bottom: 32px; } /* Eyebrow */ .sptv2-place-planning-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-planning-eyebrow .elementor-heading-title::before { width: 27px; } /* H2 */ .sptv2-place-planning-title { margin-top: 12px; } .sptv2-place-planning-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } /* Intro */ .sptv2-place-planning-intro { margin-top: 20px; } .sptv2-place-planning-intro, .sptv2-place-planning-intro p { font-size: 17px; line-height: 1.7; } /* Cards */ .sptv2-place-planning-grid { grid-template-columns: 1fr; gap: 14px; } .sptv2-place-planning-card { padding: 23px 22px 25px; } .sptv2-place-planning-card-title .elementor-heading-title { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-59f669c9 *//* ========================================================= SPTv2 — PLACES TO SEE PLACE HIGHLIGHTS / WHAT TO LOOK FOR ========================================================= */ /* --------------------------------------------------------- OUTER SECTION --------------------------------------------------------- */ .sptv2-place-highlights { background: #ffffff; padding: 30px 30px 5px; } /* --------------------------------------------------------- INNER --------------------------------------------------------- */ .sptv2-place-highlights-inner { width: 100%; max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- HEADER --------------------------------------------------------- */ .sptv2-place-highlights-header { width: 100%; max-width: 900px; margin-bottom: 10px; } /* Eyebrow */ .sptv2-place-highlights-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-highlights-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* --------------------------------------------------------- MAIN H2 --------------------------------------------------------- */ .sptv2-place-highlights-title { margin-top: 14px; } .sptv2-place-highlights-title .elementor-heading-title { margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* --------------------------------------------------------- INTRO --------------------------------------------------------- */ .sptv2-place-highlights-intro { max-width: 820px; margin-top: 22px; } .sptv2-place-highlights-intro, .sptv2-place-highlights-intro p { color: #3f463b; font-size: 18px; line-height: 1.72; } .sptv2-place-highlights-intro p { margin: 0; } /* ========================================================= HIGHLIGHTS GRID ========================================================= */ .sptv2-place-highlights-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 55px; row-gap: 0; width: 100%; counter-reset: spt-highlight; } /* --------------------------------------------------------- INDIVIDUAL HIGHLIGHT --------------------------------------------------------- */ .sptv2-place-highlight { position: relative; display: grid !important; grid-template-columns: 54px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 20px; min-width: 0; padding: 27px 0 30px; border-top: 1px solid rgba(38, 52, 22, 0.14); counter-increment: spt-highlight; } /* Number */ .sptv2-place-highlight::before { content: counter(spt-highlight, decimal-leading-zero); grid-column: 1; grid-row: 1 / span 2; color: #bea028; font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; padding-top: 3px; } /* --------------------------------------------------------- HIGHLIGHT TITLE --------------------------------------------------------- */ .sptv2-place-highlight-title { grid-column: 2; grid-row: 1; margin-bottom: 9px; } .sptv2-place-highlight-title .elementor-heading-title { margin: 0; color: #263416; font-size: 21px; font-weight: 700; line-height: 1.3; letter-spacing: -0.015em; } /* --------------------------------------------------------- HIGHLIGHT TEXT --------------------------------------------------------- */ .sptv2-place-highlight-text { grid-column: 2; grid-row: 2; } .sptv2-place-highlight-text, .sptv2-place-highlight-text p { margin: 0 !important; color: #53604b; font-size: 15px; line-height: 1.68; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-highlights { padding: 72px 32px 78px; } .sptv2-place-highlights-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } .sptv2-place-highlights-grid { column-gap: 38px; } .sptv2-place-highlight { grid-template-columns: 45px minmax(0, 1fr); column-gap: 15px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-highlights { padding: 28px 22px 2px; } .sptv2-place-highlights-header { margin-bottom: 32px; } .sptv2-place-highlights-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-highlights-eyebrow .elementor-heading-title::before { width: 27px; } .sptv2-place-highlights-title { margin-top: 12px; } .sptv2-place-highlights-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } .sptv2-place-highlights-intro { margin-top: 20px; } .sptv2-place-highlights-intro, .sptv2-place-highlights-intro p { font-size: 17px; line-height: 1.7; } .sptv2-place-highlights-grid { grid-template-columns: 1fr; } .sptv2-place-highlight { grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; padding: 24px 0 27px; } .sptv2-place-highlight-title .elementor-heading-title { font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31535bdc *//* ========================================================= SPTv2 — PLACES TO SEE SPECIALIST INFORMATION ========================================================= */ /* --------------------------------------------------------- OUTER SECTION --------------------------------------------------------- */ .sptv2-place-specialist { background: #f7f8f4; padding: 30px 30px 15px; } /* --------------------------------------------------------- INNER --------------------------------------------------------- */ .sptv2-place-specialist-inner { width: 100%; max-width: 1150px; margin: 0 auto; } /* --------------------------------------------------------- HEADER --------------------------------------------------------- */ .sptv2-place-specialist-header { width: 100%; max-width: 900px; margin-bottom: 42px; } /* Eyebrow */ .sptv2-place-specialist-eyebrow .elementor-heading-title { position: relative; margin: 0; padding-left: 52px; color: #9c7f12; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; } .sptv2-place-specialist-eyebrow .elementor-heading-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #bea028; transform: translateY(-50%); } /* --------------------------------------------------------- TITLE --------------------------------------------------------- */ .sptv2-place-specialist-title { margin-top: 14px; } .sptv2-place-specialist-title .elementor-heading-title { margin: 0; color: #263416; font-size: clamp(38px, 4.5vw, 58px); font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; } /* --------------------------------------------------------- INTRO --------------------------------------------------------- */ .sptv2-place-specialist-intro { max-width: 820px; margin-top: 22px; } .sptv2-place-specialist-intro, .sptv2-place-specialist-intro p { color: #3f463b; font-size: 18px; line-height: 1.72; } .sptv2-place-specialist-intro p { margin: 0; } /* ========================================================= MAIN BODY TEXT ========================================================= */ .sptv2-place-specialist-body { width: 100%; max-width: 920px; margin-bottom: 42px; } .sptv2-place-specialist-text, .sptv2-place-specialist-text p { color: #3f463b; font-size: 16px; line-height: 1.8; } .sptv2-place-specialist-text p { margin: 0 0 1.45em; } .sptv2-place-specialist-text p:last-child { margin-bottom: 0; } /* ========================================================= SPECIALIST DETAIL GRID ========================================================= */ .sptv2-place-specialist-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; width: 100%; } /* --------------------------------------------------------- DETAIL CARD --------------------------------------------------------- */ .sptv2-place-specialist-card { position: relative; min-width: 0; padding: 24px 24px 26px; background: #ffffff; border-top: 3px solid #bea028; border-radius: 8px; box-shadow: 0 6px 20px rgba(38, 52, 22, 0.04); } /* --------------------------------------------------------- CARD TITLE --------------------------------------------------------- */ .sptv2-place-specialist-card-title { margin-bottom: 10px; } .sptv2-place-specialist-card-title .elementor-heading-title { margin: 0; color: #263416; font-size: 18px; font-weight: 700; line-height: 1.3; } /* --------------------------------------------------------- CARD TEXT --------------------------------------------------------- */ .sptv2-place-specialist-card-text, .sptv2-place-specialist-card-text p { margin: 0 !important; color: #53604b; font-size: 15px; line-height: 1.65; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sptv2-place-specialist { padding: 72px 32px 78px; } .sptv2-place-specialist-title .elementor-heading-title { font-size: clamp(36px, 5vw, 50px); } .sptv2-place-specialist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sptv2-place-specialist { padding: 28px 22px 2px; } .sptv2-place-specialist-header { margin-bottom: 32px; } .sptv2-place-specialist-eyebrow .elementor-heading-title { padding-left: 42px; font-size: 11px; letter-spacing: 0.14em; } .sptv2-place-specialist-eyebrow .elementor-heading-title::before { width: 27px; } .sptv2-place-specialist-title { margin-top: 12px; } .sptv2-place-specialist-title .elementor-heading-title { font-size: clamp(34px, 10vw, 43px); line-height: 1.08; } .sptv2-place-specialist-intro { margin-top: 20px; } .sptv2-place-specialist-intro, .sptv2-place-specialist-intro p { font-size: 17px; line-height: 1.7; } .sptv2-place-specialist-body { margin-bottom: 32px; } .sptv2-place-specialist-text, .sptv2-place-specialist-text p { font-size: 16px; line-height: 1.75; } .sptv2-place-specialist-grid { grid-template-columns: 1fr; gap: 14px; } .sptv2-place-specialist-card { padding: 22px 20px 24px; } .sptv2-place-specialist-card-title .elementor-heading-title { font-size: 17px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56a52a8 *//* ================================================== HISTORY CTA — CENTRED FINAL VERSION ================================================== */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta { width: 100%; padding: 4px 24px; background: linear-gradient( 180deg, #f8f8f6 0%, #f1f3ef 100% ); border-top: 1px solid rgba(51, 69, 29, 0.08); } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100%; max-width: 760px; margin: 0 auto; text-align: center; } /* Eyebrow */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-eyebrow { margin: 0 0 12px !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-eyebrow .elementor-heading-title { margin: 0; color: #bea028; font-size: 0.78rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.16em; text-transform: uppercase; } /* Title */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-title { width: 100%; max-width: 720px; margin: 0 0 20px !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-title .elementor-heading-title { margin: 0; color: #33451d; font-size: clamp(2.3rem, 5vw, 3.6rem); font-weight: 600; line-height: 1.08; letter-spacing: -0.035em; text-align: center; } /* Introduction */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-intro { width: 100%; max-width: 700px; margin: 0 auto !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-intro p { margin: 0; color: #50594c; font-size: 1.06rem; line-height: 1.72; text-align: center; } /* Button area */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-buttons { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100%; margin-top: 4px; gap: 16px !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-primary-wrap, .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary-wrap { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; } /* Primary button */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button { width: auto !important; margin: 0 !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button .elementor-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 15px 30px; border: 1px solid #33451d; border-radius: 999px; background-color: #33451d; color: #ffffff; font-size: 0.96rem; font-weight: 600; line-height: 1.2; text-decoration: none; box-shadow: 0 10px 24px rgba(29, 41, 15, 0.14); transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button .elementor-button:hover, .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button .elementor-button:focus { background-color: #bea028; border-color: #bea028; color: #263416; transform: translateY(-2px); box-shadow: 0 14px 28px rgba(29, 41, 15, 0.18); } /* Secondary action as a text link */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary { width: auto !important; margin: 0 !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary .elementor-button { min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #33451d; font-size: 0.94rem; font-weight: 600; line-height: 1.4; text-decoration: underline; text-decoration-color: #bea028; text-decoration-thickness: 1px; text-underline-offset: 4px; box-shadow: none; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary .elementor-button:hover, .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary .elementor-button:focus { background: transparent; color: #9f851f; transform: none; box-shadow: none; } /* Ensure button text inherits correctly */ .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button .elementor-button-text, .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary .elementor-button-text { color: inherit; } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px) { .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta { padding: 72px 28px; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-inner { max-width: 720px; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-title { max-width: 680px; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-intro { max-width: 660px; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta { padding: 28px 20px; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-inner { max-width: 100%; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-eyebrow { margin-bottom: 10px !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-eyebrow .elementor-heading-title { font-size: 0.72rem; letter-spacing: 0.13em; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-title { max-width: 100%; margin-bottom: 16px !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-title .elementor-heading-title { font-size: clamp(2rem, 10vw, 2.65rem); line-height: 1.08; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-intro { max-width: 100%; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-intro p { font-size: 1rem; line-height: 1.62; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-buttons { margin-top: 28px; gap: 14px !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-primary-wrap { width: 100% !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button, .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button .elementor-button { width: 100% !important; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-button .elementor-button { min-height: 50px; padding: 14px 20px; } .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary-wrap, .elementor-12413 .elementor-element.elementor-element-56a52a8 .sptv2-history-cta-secondary { width: auto !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e3c441e *//* ========================================================= 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-5802eac4 *//* ================================================== STEVE'S PENINSULA TOURS — SPTv2 HISTORY PAGE MASTER CSS -------------------------------------------------- Version: 4.0.1 Location: History Page Master Wrapper > Custom CSS Scope: - Global design tokens and wrappers - Complete History Hero - Shared section headers - Documentary Gallery - Key Facts and GPS Location - Historical Overview - Visiting Today IMPORTANT: Delete the Custom CSS from all individual containers covered by this stylesheet before using this file. ================================================== */ /* ================================================== 01. GLOBAL TOKENS AND MASTER WRAPPER ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 { --history-green: #33451d; --history-green-dark: #263416; --history-green-deep: #1d290f; --history-green-light: #465d2a; --history-gold: #bea028; --history-gold-dark: #9f851f; --history-gold-light: #d4ba4c; --history-white: #ffffff; --history-off-white: #f8f8f6; --history-light-neutral: #f0f4ec; --history-text: #252a22; --history-text-soft: #4d5749; --history-text-muted: #687064; --history-border: rgba(51, 69, 29, 0.13); --history-border-soft: rgba(51, 69, 29, 0.09); --history-border-gold: rgba(190, 160, 40, 0.42); --history-content-width: 1150px; --history-radius-sm: 8px; --history-radius-md: 12px; --history-radius-lg: 18px; --history-radius-xl: 20px; --history-shadow-sm: 0 5px 16px rgba(29, 41, 15, 0.07); --history-shadow-md: 0 14px 36px rgba(29, 41, 15, 0.11); width: 100%; min-width: 0; margin: 0; padding: 0; overflow-x: clip; background: var(--history-white); color: var(--history-text); } .elementor-12413 .elementor-element.elementor-element-5802eac4, .elementor-12413 .elementor-element.elementor-element-5802eac4 *, .elementor-12413 .elementor-element.elementor-element-5802eac4 *::before, .elementor-12413 .elementor-element.elementor-element-5802eac4 *::after { box-sizing: border-box; } .elementor-12413 .elementor-element.elementor-element-5802eac4 > .e-con-inner { width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .elementor-widget, .elementor-12413 .elementor-element.elementor-element-5802eac4 .elementor-widget-container, .elementor-12413 .elementor-element.elementor-element-5802eac4 .e-con, .elementor-12413 .elementor-element.elementor-element-5802eac4 .e-con-inner { min-width: 0; } /* ================================================== 02. GLOBAL CONTENT WRAPPER ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-inner { width: calc(100% - 48px) !important; max-width: var(--history-content-width) !important; min-width: 0; margin-right: auto !important; margin-left: auto !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-inner > .e-con-inner { width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; } /* ================================================== 03. COMPLETE HISTORY HERO ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; min-width: 0; min-height: clamp(680px, 74vh, 760px); margin: 0; padding: 0; overflow: hidden; background-color: var(--history-green-dark); background-position: center center; background-repeat: no-repeat; background-size: cover; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero > .e-con-inner { position: relative; z-index: 2; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: flex-end; width: 100%; max-width: none; min-width: 0; min-height: inherit; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero > .elementor-background-overlay { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 1 !important; pointer-events: none; background: linear-gradient( 90deg, rgba(12, 20, 7, 0.74) 0%, rgba(12, 20, 7, 0.58) 30%, rgba(12, 20, 7, 0.34) 53%, rgba(12, 20, 7, 0.12) 77%, rgba(12, 20, 7, 0.03) 100% ), linear-gradient( to top, rgba(10, 17, 5, 0.78) 0%, rgba(10, 17, 5, 0.38) 34%, rgba(10, 17, 5, 0.10) 62%, rgba(10, 17, 5, 0) 82% ) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner { position: relative !important; z-index: 3 !important; display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: calc(100% - 48px) !important; max-width: var(--history-content-width) !important; min-width: 0; margin-right: auto !important; margin-left: auto !important; padding: 170px 0 30px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner > .e-con-inner { position: relative; z-index: 3; display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner .elementor-widget { margin: 0; margin-block-end: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-eyebrow { width: auto; margin: 0 0 14px; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-eyebrow, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-eyebrow p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-eyebrow .elementor-heading-title, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-eyebrow .elementor-widget-container { margin: 0; color: var(--history-gold-light) !important; font-size: 0.78rem !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.15em !important; text-transform: uppercase; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-title { width: 100%; max-width: 780px; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-title .elementor-heading-title { width: 100%; margin: 0; color: var(--history-white) !important; font-size: clamp(3.5rem, 5.5vw, 5.15rem) !important; font-weight: 600 !important; line-height: 1.01 !important; letter-spacing: -0.045em !important; text-wrap: balance; text-shadow: 0 3px 24px rgba(0, 0, 0, 0.38); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-intro { width: 100%; max-width: 720px; margin: 20px 0 34px; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-intro, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-intro p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-intro .elementor-widget-container { color: rgba(255, 255, 255, 0.97) !important; font-size: clamp(1.05rem, 1.3vw, 1.2rem) !important; font-weight: 400; line-height: 1.62 !important; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.38); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-intro p { margin: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-facts { position: relative; z-index: 4; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; width: 100%; min-width: 0; margin: 0; padding: 0; gap: 0; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.24); border-bottom: 1px solid rgba(255, 255, 255, 0.08); background-color: rgba(21, 32, 13, 0.54); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } /* * Elementor may include or omit an immediate .e-con-inner wrapper, * depending on its DOM optimisation settings. Making an optional * wrapper transparent preserves the same grid in both outputs. */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-facts > .e-con-inner { display: contents !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact { position: relative; display: grid !important; grid-template-columns: 34px minmax(0, 1fr); grid-template-areas: "icon label" "icon value"; grid-template-rows: auto auto; align-content: center; align-items: center; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 92px; margin: 0 !important; padding: 18px 22px !important; column-gap: 12px; row-gap: 4px; } /* Support both optimised and non-optimised Elementor markup. */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact > .e-con-inner { display: contents !important; } /* Neutralise Elementor flex sizing on the three fact widgets. */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value { flex: none !important; order: initial !important; min-width: 0 !important; max-width: none !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:not(:last-child)::after { position: absolute; top: 18px; right: 0; bottom: 18px; display: block; width: 1px; background-color: rgba(255, 255, 255, 0.20); content: ""; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon { grid-area: icon; align-self: center; justify-self: center; width: 34px !important; min-width: 34px !important; margin: 0 !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon .elementor-widget-container, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon .elementor-icon { color: var(--history-gold) !important; font-size: 1.35rem !important; line-height: 1 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon i, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg { color: var(--history-gold) !important; fill: currentColor !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg { width: 1em !important; height: 1em !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg path, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg circle, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg rect, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg line, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg polyline, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-icon svg polygon { fill: currentColor !important; stroke: currentColor !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label { grid-area: label; align-self: end; justify-self: stretch; width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label .elementor-heading-title, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label .elementor-widget-container { margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.78) !important; font-size: 0.72rem !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; white-space: nowrap; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value { grid-area: value; align-self: start; justify-self: stretch; width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value .elementor-heading-title, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value .elementor-widget-container { margin: 0 !important; padding: 0 !important; color: var(--history-white) !important; font-size: 0.95rem !important; font-weight: 500 !important; line-height: 1.35 !important; } /* ================================================== 04. SHARED HISTORY SECTION HEADER ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-header { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; max-width: 900px; min-width: 0; margin: 0 0 48px; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-header > .e-con-inner { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-header .elementor-widget { margin: 0 !important; margin-block-end: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow { position: relative; display: inline-flex; align-items: center; width: auto; margin: 0 0 20px !important; padding: 0 0 0 52px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow::before { position: absolute; top: 50%; left: 0; width: 36px; height: 2px; border-radius: 999px; background: var(--history-gold); transform: translateY(-50%); content: ""; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow .elementor-heading-title, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow .elementor-widget-container { color: var(--history-gold-dark) !important; font-size: 0.76rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.16em !important; text-transform: uppercase; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow .elementor-heading-title { margin: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-title { width: 100%; max-width: 900px; margin: 0 !important; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-title .elementor-heading-title { width: 100%; max-width: 900px; margin: 0 !important; color: var(--history-green-dark) !important; font-size: clamp(2.55rem, 4vw, 3.55rem) !important; font-weight: 600 !important; line-height: 1.07 !important; letter-spacing: -0.038em !important; text-wrap: balance; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro { width: 100%; max-width: 800px; margin: 20px 0 0 !important; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro .elementor-widget-container { color: var(--history-text-soft) !important; font-size: clamp(1.05rem, 1.25vw, 1.16rem) !important; font-weight: 400; line-height: 1.7 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro p { margin: 0 0 14px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro p:last-child { margin-bottom: 0 !important; } /* ================================================== 05. DOCUMENTARY IMAGE GALLERY ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery { width: 100%; min-width: 0; margin: 0; padding: 64px 24px 72px; background: var(--history-light-neutral); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery > .e-con-inner { width: 100%; max-width: none; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; width: 100%; min-width: 0; margin: 0; padding: 0; gap: 18px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-grid > .e-con-inner { display: contents !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-item { display: flex !important; flex-direction: column; width: 100%; min-width: 0; height: 100%; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--history-border-soft); border-radius: var(--history-radius-md); background: var(--history-white); box-shadow: var(--history-shadow-sm); transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-item > .e-con-inner { display: flex; flex-direction: column; width: 100%; height: 100%; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-item:hover { border-color: rgba(190, 160, 40, 0.32); box-shadow: 0 10px 24px rgba(29, 41, 15, 0.09); transform: translateY(-3px); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-image, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-image .elementor-widget-container { width: 100%; margin: 0; overflow: hidden; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; transition: transform 0.4s ease; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-item:hover .sptv2-history-gallery-image img { transform: scale(1.025); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-caption { display: flex; flex: 1 0 auto; align-items: center; width: 100%; min-height: 44px; margin: 0; padding: 10px 14px 11px; border-top: 1px solid var(--history-border-soft); background: var(--history-off-white); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-caption, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-caption p { margin: 0; color: var(--history-green) !important; font-size: 0.84rem; font-weight: 600; line-height: 1.4; text-align: left; } /* ================================================== 06. KEY FACTS AND GPS LOCATION ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location { width: 100%; min-width: 0; margin: 0; padding: 48px 24px 24px; background: var(--history-white); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location-grid, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location-grid > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 46px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-content, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-content > .e-con-inner { display: flex !important; flex: 1 1 0 !important; flex-direction: column !important; align-items: stretch !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-key-facts { width: 100%; min-width: 0; margin: 0; padding: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; min-width: 0; margin: 0; padding: 0; gap: 0 30px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-grid > .e-con-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-row > .e-con-inner { display: contents !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-row { display: grid !important; grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr); align-items: start; width: 100%; min-width: 0; margin: 0; padding: 18px 0; gap: 20px; border-bottom: 1px solid var(--history-border); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-name, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-name p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-name .elementor-heading-title { margin: 0; color: var(--history-text-muted) !important; font-size: 0.77rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-detail, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-detail p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-detail .elementor-heading-title { margin: 0; color: var(--history-green-dark) !important; font-size: 0.98rem; font-weight: 600; line-height: 1.5; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-location-panel { display: flex !important; flex: 0 0 320px !important; flex-direction: column !important; align-self: flex-start !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; margin: 0 !important; padding: 16px !important; overflow: hidden; border: 1px solid var(--history-border-soft); border-radius: var(--history-radius-md); background: var(--history-light-neutral); box-shadow: var(--history-shadow-sm); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-location-panel > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } /* ================================================== MAP IMAGE ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image .elementor-widget-container { width: 100%; margin: 0; overflow: hidden; border-radius: 9px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image a { display: block; width: 100%; text-decoration: none; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; border-radius: inherit; transition: transform 0.3s ease, filter 0.3s ease; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image a:hover img, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image a:focus-visible img { transform: scale(1.018); filter: brightness(0.95); } /* ================================================== GOOGLE MAPS LINK ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link { width: 100%; margin: 16px 0 26px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link .elementor-widget-container, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link .elementor-heading-title { margin: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a { position: relative; display: inline-flex; align-items: center; padding: 0 28px 6px 0; color: var(--history-green) !important; font-size: 0.9rem; font-weight: 700; line-height: 1.35; text-decoration: none !important; transition: color 0.2s ease, transform 0.2s ease; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a::before { position: absolute; right: 28px; bottom: 0; left: 0; height: 1px; background: var(--history-gold); transform: scaleX(1); transform-origin: left center; transition: background-color 0.2s ease, transform 0.2s ease; content: ""; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a::after { position: absolute; top: 50%; right: 0; color: var(--history-gold-dark); font-size: 1rem; line-height: 1; transform: translateY(-56%); transition: color 0.2s ease, transform 0.2s ease; content: "→"; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:hover, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:focus-visible { color: var(--history-gold-dark) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:hover::before, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:focus-visible::before { background: var(--history-gold-dark); transform: scaleX(0.86); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:hover::after, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:focus-visible::after { color: var(--history-green); transform: translate(4px, -56%); } /* ================================================== LOCATION DETAILS HEADING ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-heading { width: 100% !important; margin: 10px 0 16px !important; padding: 0 0 11px !important; border-bottom: 1px solid rgba(51, 69, 29, 0.10); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-heading .elementor-heading-title { margin: 0 !important; color: var(--history-gold-dark) !important; font-size: 0.72rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } /* ================================================== LOCATION DETAILS GRID ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; column-gap: 16px !important; row-gap: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-list > .e-con-inner { display: contents !important; } /* ================================================== INDIVIDUAL LOCATION ROW ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 18px 0 !important; gap: 4px !important; border-top: 0; border-bottom: 1px solid rgba(51, 69, 29, 0.08); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(1), .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(2) { min-height: 72px; padding-top: 10px !important; padding-bottom: 18px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(1) { padding-right: 8px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(1)::after { display: none !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(2) { padding-left: 8px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(n + 3) { grid-column: 1 / -1 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:last-child { padding-bottom: 4px !important; border-bottom: 0; } /* ================================================== LOCATION LABELS ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-label, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-label p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-label .elementor-heading-title { width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--history-text-muted) !important; font-size: 0.66rem !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0.075em !important; text-transform: uppercase !important; } /* ================================================== LOCATION VALUES ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-value, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-value p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-value .elementor-heading-title { width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--history-green-dark) !important; font-size: 0.88rem !important; font-weight: 700 !important; line-height: 1.42 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(-n + 2) .sptv2-history-gps-value, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(-n + 2) .sptv2-history-gps-value p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(-n + 2) .sptv2-history-gps-value .elementor-heading-title { white-space: nowrap !important; font-size: 0.8rem !important; font-variant-numeric: tabular-nums; } /* ================================================== GPS PANEL RESPONSIVE ================================================== */ @media (max-width: 1024px) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-location-panel { flex-basis: 280px !important; width: 280px !important; min-width: 280px !important; max-width: 280px !important; } } @media (max-width: 767px) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-location-panel { flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 15px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link { margin-bottom: 24px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-heading { margin-top: 8px !important; } } @media (max-width: 420px) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-list { column-gap: 12px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(1) { padding-right: 6px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(2) { padding-left: 6px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-value, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-value p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-value .elementor-heading-title { font-size: 0.84rem !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(-n + 2) .sptv2-history-gps-value, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(-n + 2) .sptv2-history-gps-value p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gps-row:nth-child(-n + 2) .sptv2-history-gps-value .elementor-heading-title { font-size: 0.76rem !important; } } /* ================================================== GPS PANEL ACCESSIBILITY ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image a:focus-visible, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a:focus-visible { outline: 3px solid var(--history-gold-light); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image img, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a::before, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-link a::after { transition: none !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image a:hover img, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image a:focus-visible img { transform: none; } } /* ================================================== 07. HISTORICAL OVERVIEW ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview { width: 100%; min-width: 0; margin: 0; padding: 48px 24px 24px; overflow: hidden; background: var(--history-white); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-grid, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-grid > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 48px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-content, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-content > .e-con-inner { display: flex !important; flex: 1 1 0 !important; flex-direction: column !important; align-items: stretch !important; width: 0 !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-lead { width: 100% !important; max-width: 760px !important; margin: 0 0 22px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-lead, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-lead p { color: var(--history-green-dark) !important; font-size: clamp(1.15rem, 1.5vw, 1.28rem); font-weight: 500; line-height: 1.68; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-lead p { margin: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-text { width: 100% !important; max-width: 780px !important; margin: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-text, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-text p { color: #354032 !important; font-size: 1rem; line-height: 1.78; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-text p { margin: 0 0 20px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-text p:last-child { margin-bottom: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-note { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 30px 0 0 !important; padding: 22px 24px !important; border-left: 3px solid var(--history-gold); border-radius: 0 10px 10px 0; background: var(--history-light-neutral); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-note h3, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-note .elementor-heading-title { margin: 0 0 7px; color: var(--history-green) !important; font-size: 0.92rem; font-weight: 700; line-height: 1.35; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-note, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-note p { color: var(--history-text-muted) !important; font-size: 0.94rem; line-height: 1.65; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-note p { margin: 0; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image-panel { display: flex !important; flex: 0 0 340px !important; flex-direction: column !important; align-self: flex-start !important; width: 340px !important; max-width: 340px !important; min-width: 340px !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--history-border-soft); border-radius: var(--history-radius-md); background: var(--history-white); box-shadow: var(--history-shadow-sm); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image .elementor-widget-container { width: 100% !important; margin: 0 !important; overflow: hidden; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-caption { width: 100% !important; margin: 0 !important; padding: 12px 15px 14px !important; border-top: 1px solid var(--history-border-soft); background: var(--history-off-white); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-caption, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-caption p { margin: 0; color: var(--history-text-muted) !important; font-size: 0.82rem; font-weight: 500; line-height: 1.5; } /* ================================================== 08. VISITING TODAY ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit { width: 100%; margin: 0; padding: 48px 24px; background: var(--history-white); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-inner { display: flex !important; flex-direction: column !important; width: calc(100% - 48px) !important; max-width: var(--history-content-width) !important; margin: 0 auto !important; padding: 0 !important; gap: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 24px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-grid > .e-con-inner { display: contents !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 250px; margin: 0 !important; padding: 28px !important; background: var(--history-white); border: 1px solid var(--history-border); border-radius: var(--history-radius-lg); box-shadow: 0 10px 28px rgba(28, 39, 18, 0.055); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card:hover { transform: translateY(-4px); border-color: rgba(190, 160, 40, 0.32); box-shadow: 0 16px 38px rgba(28, 39, 18, 0.10); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; min-width: 54px !important; margin: 0 0 20px !important; padding: 0 !important; background: var(--history-light-neutral); border: 1px solid var(--history-border-soft); border-radius: 50%; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-icon .elementor-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 0 !important; color: var(--history-gold) !important; background: transparent !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-icon i { color: var(--history-gold) !important; font-size: 22px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-icon svg, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-icon svg path { width: 22px !important; height: 22px !important; fill: var(--history-gold) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card-title { width: 100% !important; margin: 0 0 12px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card-title .elementor-heading-title { margin: 0; color: var(--history-green) !important; font-size: 1.35rem; font-weight: 600; line-height: 1.25; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card-text, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card-text p { width: 100% !important; margin: 0 !important; color: #60635c !important; font-size: 0.98rem; line-height: 1.72; } /* ================================================== 09. TABLET — 768PX TO 1024PX ================================================== */ @media (max-width: 1024px) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-inner { width: calc(100% - 44px) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero { min-height: 760px; background-position: 54% center; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner { padding: 145px 0 28px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact { min-height: 84px; padding: 17px 20px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(2)::after, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(4)::after { display: none; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-header { max-width: 820px; margin-bottom: 40px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow { margin-bottom: 18px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro { margin-top: 18px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-title .elementor-heading-title { font-size: clamp(2.4rem, 5.5vw, 3.2rem) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery { padding: 56px 28px 64px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location { padding: 58px 22px 62px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location-grid, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location-grid > .e-con-inner { gap: 28px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-grid { grid-template-columns: 1fr; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview { padding: 58px 22px 62px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-grid, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-grid > .e-con-inner { gap: 32px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image-panel { flex-basis: 280px !important; width: 280px !important; min-width: 280px !important; max-width: 280px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit { padding: 76px 24px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ================================================== 10. MOBILE — UP TO 767PX ================================================== */ @media (max-width: 767px) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-inner { width: calc(100% - 36px) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero { min-height: 830px; background-position: 61% center; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero > .elementor-background-overlay { background: linear-gradient( to bottom, rgba(12, 20, 7, 0.16) 0%, rgba(12, 20, 7, 0.28) 25%, rgba(12, 20, 7, 0.74) 58%, rgba(10, 17, 5, 0.96) 100% ) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner { min-height: 830px; padding: 115px 0 22px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-title .elementor-heading-title { font-size: clamp(2.7rem, 13vw, 3.65rem) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-intro { max-width: 100%; margin: 16px 0 26px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact { grid-template-columns: 27px minmax(0, 1fr); min-height: 78px; padding: 14px 10px !important; column-gap: 8px; row-gap: 4px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(odd) { padding-left: 0 !important; padding-right: 12px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(even) { padding-left: 14px !important; padding-right: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label .elementor-heading-title, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-label .elementor-widget-container { font-size: 0.64rem !important; letter-spacing: 0.055em !important; white-space: normal; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value p, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value .elementor-heading-title, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact-value .elementor-widget-container { font-size: 0.84rem !important; line-height: 1.38 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-header { max-width: 100%; margin-bottom: 32px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow { margin-bottom: 14px !important; padding-left: 44px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-eyebrow::before { width: 30px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-title .elementor-heading-title { font-size: clamp(2.15rem, 9.5vw, 2.85rem) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-intro { max-width: 100%; margin-top: 16px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery { padding: 48px 18px 54px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-gallery-grid { grid-template-columns: 1fr; gap: 16px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location { padding: 48px 18px 52px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location-grid, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-location-grid > .e-con-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-grid, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-grid > .e-con-inner { flex-direction: column !important; gap: 30px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-facts-content, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-content, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image-panel { flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-fact-row { grid-template-columns: 1fr; padding: 14px 0; gap: 4px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-map-image img { aspect-ratio: 16 / 10; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview { padding: 48px 18px 52px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-overview-image img { aspect-ratio: 16 / 10; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit { padding: 60px 18px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-grid { grid-template-columns: 1fr !important; gap: 16px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-card { min-height: 0; padding: 22px !important; } } /* ================================================== 11. NARROW MOBILE — UP TO 420PX ================================================== */ @media (max-width: 420px) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner, .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-visit-inner { width: calc(100% - 32px) !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero { min-height: 940px; background-position: 63% center; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-inner { min-height: 940px; padding-top: 108px !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-facts { grid-template-columns: 1fr; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact { grid-template-columns: 28px minmax(0, 1fr); min-height: 0; padding: 14px 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(odd), .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:nth-child(even) { padding-right: 0 !important; padding-left: 0 !important; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-fact:not(:last-child)::after { top: auto; right: 0; bottom: 0; left: 0; display: block; width: auto; height: 1px; } .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-section-title .elementor-heading-title { font-size: clamp(2rem, 10.5vw, 2.5rem) !important; } } /* ================================================== 12. ACCESSIBILITY AND FALLBACKS ================================================== */ .elementor-12413 .elementor-element.elementor-element-5802eac4 a:focus-visible, .elementor-12413 .elementor-element.elementor-element-5802eac4 button:focus-visible, .elementor-12413 .elementor-element.elementor-element-5802eac4 .elementor-button:focus-visible { outline: 3px solid var(--history-gold-light); outline-offset: 3px; } @supports not ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))) { .elementor-12413 .elementor-element.elementor-element-5802eac4 .sptv2-history-hero-facts { background-color: rgba(21, 32, 13, 0.76); } } @supports not (overflow-x: clip) { .elementor-12413 .elementor-element.elementor-element-5802eac4 { overflow-x: hidden; } } @media (prefers-reduced-motion: reduce) { .elementor-12413 .elementor-element.elementor-element-5802eac4, .elementor-12413 .elementor-element.elementor-element-5802eac4 *, .elementor-12413 .elementor-element.elementor-element-5802eac4 *::before, .elementor-12413 .elementor-element.elementor-element-5802eac4 *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }/* End custom CSS */