.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-594 .elementor-element.elementor-element-ce21b50{--display:flex;--min-height:50vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-594 .elementor-element.elementor-element-ce21b50:not(.elementor-motion-effects-element-type-background), .elementor-594 .elementor-element.elementor-element-ce21b50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staugsurflessons.com/wp-content/uploads/2025/01/subpg-hero-bg.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-594 .elementor-element.elementor-element-2d572f2{--display:flex;--position:absolute;--min-height:50vh;--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:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-594 .elementor-element.elementor-element-2d572f2{left:0px;}body.rtl .elementor-594 .elementor-element.elementor-element-2d572f2{right:0px;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-594 .elementor-element.elementor-element-a8bdaa1 .elementor-heading-title{font-family:"revla-slab", Sans-serif;font-size:75px;font-weight:600;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-594 .elementor-element.elementor-element-9cd2855{text-align:center;}.elementor-594 .elementor-element.elementor-element-9cd2855 .elementor-heading-title{font-family:"montserrat", Sans-serif;font-size:22px;font-weight:600;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#00026A;stroke:#00026A;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-594 .elementor-element.elementor-element-c33a4cf{--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:center;--align-items:center;}.elementor-594 .elementor-element.elementor-element-c33a4cf:not(.elementor-motion-effects-element-type-background), .elementor-594 .elementor-element.elementor-element-c33a4cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BED504;}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-594 .elementor-element.elementor-element-791ce85 .elementor-heading-title{font-family:"montserrat", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-ce21b50 */.wave-container {
  position: relative; /* Position for surfers to animate inside */
}

.surfer {
  position: absolute;
  width: 100px; 
  height: auto;
  animation: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f580c93 *//* General Container Styling */
.surfwatch-weather {
    font-family: 'Raleway', sans-serif;
    border: 3px solid #0077B6; /* Ocean Blue */
    border-radius: 15px;
    padding: 20px;
    margin: 20px auto;
    background: linear-gradient(to bottom, #FBEEC1, #FFF9E9); /* Sand-like gradient */
    max-width: 600px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    color: #004B6B; /* Darker ocean blue for text */
}

/* Header Styling */
.surfwatch-weather h3 {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    color: #0077B6; /* Ocean Blue */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Icon and Data List */
.surfwatch-weather ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.surfwatch-weather li {
    margin-bottom: 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px dashed #0077B6;
    padding-bottom: 5px;
}

.surfwatch-weather li:last-child {
    border-bottom: none;
}

/* FontAwesome Icon Styling */
.surfwatch-weather i {
    font-size: 22px;
    color: #FFD60A; /* Sunny Yellow */
}

/* Specific Styling for Wind Direction Arrow */
.surfwatch-weather .fas.fa-arrow-up {
    color: #00B4D8; /* Lighter ocean blue */
    font-size: 22px;
    transition: transform 0.3s ease; /* Smooth rotation for wind direction */
}

/* Highlight Important Data */
.surfwatch-weather strong {
    color: #023E8A; /* Deep Blue */
    font-weight: 600;
}

/* Hover Effects */
.surfwatch-weather li:hover {
    background: rgba(255, 215, 0, 0.1); /* Light yellow hover effect */
    border-radius: 8px;
}

/* Footer Note */
.surfwatch-weather-footer {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    text-align: center;
    font-style: italic;
}/* End custom CSS */