.elementor-4823 .elementor-element.elementor-element-ec7d03b{--display:flex;--min-height:75vh;--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.83;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0rem;--padding-bottom:0rem;--padding-left:10rem;--padding-right:0rem;}.elementor-4823 .elementor-element.elementor-element-ec7d03b:not(.elementor-motion-effects-element-type-background), .elementor-4823 .elementor-element.elementor-element-ec7d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://newwebdev.co.za/wp-content/uploads/2026/06/Best-Time-to-Visit-Pringle-Bay-Villa-Marine.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4823 .elementor-element.elementor-element-ec7d03b::before, .elementor-4823 .elementor-element.elementor-element-ec7d03b > .elementor-background-video-container::before, .elementor-4823 .elementor-element.elementor-element-ec7d03b > .e-con-inner > .elementor-background-video-container::before, .elementor-4823 .elementor-element.elementor-element-ec7d03b > .elementor-background-slideshow::before, .elementor-4823 .elementor-element.elementor-element-ec7d03b > .e-con-inner > .elementor-background-slideshow::before, .elementor-4823 .elementor-element.elementor-element-ec7d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000009C 0%, #FFFFFF00 100%);}.elementor-4823 .elementor-element.elementor-element-64ed821a{--display:flex;--min-height:25vh;--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;--justify-content:center;--padding-top:3rem;--padding-bottom:3rem;--padding-left:4rem;--padding-right:4rem;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-4823 .elementor-element.elementor-element-3ff197a{text-align:center;}.elementor-4823 .elementor-element.elementor-element-3ff197a .elementor-heading-title{font-family:var( --e-global-typography-4c0e420-font-family ), Sans-serif;font-size:var( --e-global-typography-4c0e420-font-size );font-weight:var( --e-global-typography-4c0e420-font-weight );text-transform:var( --e-global-typography-4c0e420-text-transform );letter-spacing:var( --e-global-typography-4c0e420-letter-spacing );color:var( --e-global-color-e6c080a );}.elementor-4823 .elementor-element.elementor-element-350f602{text-align:center;}.elementor-4823 .elementor-element.elementor-element-350f602 .elementor-heading-title{font-family:var( --e-global-typography-17df5f5-font-family ), Sans-serif;font-size:var( --e-global-typography-17df5f5-font-size );font-weight:var( --e-global-typography-17df5f5-font-weight );color:var( --e-global-color-cb9e5b5 );}.elementor-4823 .elementor-element.elementor-element-1409057{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0rem;--padding-bottom:3rem;--padding-left:5rem;--padding-right:5rem;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-4823 .elementor-element.elementor-element-5ad0da8c .elementor-cta .elementor-cta__bg, .elementor-4823 .elementor-element.elementor-element-5ad0da8c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-4823 .elementor-element.elementor-element-5ad0da8c .elementor-cta__content{text-align:center;}.elementor-4823 .elementor-element.elementor-element-5ad0da8c .elementor-cta__description{font-family:"AvenirLTProLight", Sans-serif;font-size:16px;font-weight:100;}.elementor-4823 .elementor-element.elementor-element-5ad0da8c .elementor-cta__button{font-family:"AvenirLTProLight", Sans-serif;font-size:1rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.15rem;color:var( --e-global-color-accent );background-color:var( --e-global-color-e6c080a );border-color:var( --e-global-color-e6c080a );border-width:1px;}.elementor-4823 .elementor-element.elementor-element-5ad0da8c .elementor-cta__button:hover{color:var( --e-global-color-e6c080a );background-color:#FFFFFF00;border-color:var( --e-global-color-e6c080a );}@media(max-width:1024px){.elementor-4823 .elementor-element.elementor-element-ec7d03b{--min-height:45vh;}.elementor-4823 .elementor-element.elementor-element-64ed821a{--padding-top:2rem;--padding-bottom:2rem;--padding-left:3rem;--padding-right:3rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4823 .elementor-element.elementor-element-3ff197a .elementor-heading-title{font-size:var( --e-global-typography-4c0e420-font-size );letter-spacing:var( --e-global-typography-4c0e420-letter-spacing );}.elementor-4823 .elementor-element.elementor-element-350f602 .elementor-heading-title{font-size:var( --e-global-typography-17df5f5-font-size );}.elementor-4823 .elementor-element.elementor-element-1409057{--padding-top:1rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-4823 .elementor-element.elementor-element-ec7d03b{--min-height:40vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4823 .elementor-element.elementor-element-3ff197a .elementor-heading-title{font-size:var( --e-global-typography-4c0e420-font-size );letter-spacing:var( --e-global-typography-4c0e420-letter-spacing );}.elementor-4823 .elementor-element.elementor-element-350f602 .elementor-heading-title{font-size:var( --e-global-typography-17df5f5-font-size );}.elementor-4823 .elementor-element.elementor-element-1409057{--padding-top:0rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-widget-call-to-action .elementor-cta__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-call-to-action .elementor-cta__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-call-to-action .elementor-cta__button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-call-to-action .elementor-ribbon-inner{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-4823 .elementor-element.elementor-element-1409057{--content-width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4823 .elementor-element.elementor-element-1409057{--content-width:80%;}} /* Start custom CSS for html, class: .elementor-element-131d5f63 */h2 { font-family: Baskervville, serif !important; color: #123260 !important; font-size: 45px; font-weight: 300 !important; line-height: 1.2em; margin-bottom: 10px; } h3 { font-family: Baskervville, serif !important; color: #123260 !important; font-size: 35px; font-weight: 300 !important; line-height: 1.2em; margin-bottom: 10px; } p { font-family: 'AvenirLTProLight', sans-serif; font-size: 16px; line-height: 1.7em; color: #6f7785; font-weight: 300; } /* ================================================== PRINGLE BAY ARTICLE — RESPONSIVE PHOTO OPTIMISATION Designed for the original supplied HTML ================================================== */ /* Standard article figures */ .entry-content figure { width: 100%; margin: 0 0 30px !important; overflow: hidden; border-radius: 12px; line-height: 0; } .entry-content figure img { width: 100% !important; max-width: 100% !important; height: clamp(360px, 50vh, 620px) !important; display: block !important; object-fit: cover; object-position: center; border-radius: 12px !important; } /* Animated panoramic image containers */ .entry-content div[style*="overflow:hidden"] { width: 100% !important; overflow: hidden !important; border-radius: 12px !important; line-height: 0 !important; } /* Animated images */ .entry-content div[style*="overflow:hidden"] > img { width: 115% !important; max-width: none !important; display: block !important; object-fit: cover; object-position: center; will-change: transform; animation: pringleBayPan 18s ease-in-out infinite alternate !important; } /* First panoramic ocean image: preserve its original wide proportions */ .entry-content img[alt="Ocean view over Pringle Bay"] { height: auto !important; min-height: 0 !important; } /* Final animated feature image */ .entry-content img[alt="Ocean views in Pringle Bay"] { height: clamp(360px, 50vh, 620px) !important; } /* Smooth horizontal movement */ @keyframes pringleBayPan { from { transform: translateX(0); } to { transform: translateX(-13%); } } /* ========================= TABLET 768px–1024px ========================= */ @media (min-width: 768px) and (max-width: 1024px) { .entry-content figure { margin-bottom: 26px !important; border-radius: 10px; } .entry-content figure img { height: 380px !important; border-radius: 10px !important; } .entry-content div[style*="overflow:hidden"] { border-radius: 10px !important; } .entry-content img[alt="Ocean view over Pringle Bay"] { height: auto !important; } .entry-content img[alt="Ocean views in Pringle Bay"] { height: 380px !important; } } /* ========================= MOBILE Up to 767px ========================= */ @media (max-width: 767px) { .entry-content figure { margin-bottom: 22px !important; border-radius: 8px; } .entry-content figure img { height: 240px !important; border-radius: 8px !important; } .entry-content div[style*="overflow:hidden"] { border-radius: 8px !important; } .entry-content div[style*="overflow:hidden"] > img { width: 120% !important; } .entry-content img[alt="Ocean view over Pringle Bay"] { height: auto !important; } .entry-content img[alt="Ocean views in Pringle Bay"] { height: 240px !important; } @keyframes pringleBayPan { from { transform: translateX(0); } to { transform: translateX(-16.5%); } } } /* Disable animation for visitors who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { .entry-content div[style*="overflow:hidden"] > img { animation: none !important; transform: translateX(-7%) !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'AvenirLTProLight'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://newwebdev.co.za/wp-content/uploads/2026/06/AvenirLTProLight-1.woff') format('woff'); } /* End Custom Fonts CSS */