.elementor-9 .elementor-element.elementor-element-e1f43b6{--display:flex;--min-height:100vh;--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;--overflow:hidden;--overlay-opacity:1;--border-radius:0px 0px 35px 35px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-e1f43b6:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e1f43b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://georgianaquatics.com/wp-content/uploads/2026/02/inner-hero-about-us.jpg");background-position:bottom left;background-size:cover;}.elementor-9 .elementor-element.elementor-element-e1f43b6::before, .elementor-9 .elementor-element.elementor-element-e1f43b6 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-e1f43b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-e1f43b6 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-e1f43b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-e1f43b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-accent ) 17%, #F2295B00 100%);}.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-9 .elementor-element.elementor-element-c6d3091{margin:-141px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;}.elementor-9 .elementor-element.elementor-element-c6d3091 .elementor-heading-title{font-family:"Loos", Sans-serif;font-size:20px;font-weight:600;color:#00AEEF;}.elementor-9 .elementor-element.elementor-element-1265784{padding:0% 33% 0% 0%;}.elementor-9 .elementor-element.elementor-element-1265784 .elementor-heading-title{font-family:"Loos", Sans-serif;font-size:39px;font-weight:600;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1064613{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -284px) 0px;}.elementor-9 .elementor-element.elementor-element-1064613.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-29d2593{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;bottom:0px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-29d2593{right:25px;}body.rtl .elementor-9 .elementor-element.elementor-element-29d2593{left:25px;}.elementor-9 .elementor-element.elementor-element-63c64ee{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-b290776{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-9 .elementor-element.elementor-element-b290776.elementor-element{--align-self:flex-start;}.elementor-9 .elementor-element.elementor-element-b290776 .elementor-heading-title{font-family:"Loos", Sans-serif;font-size:13px;font-weight:600;color:#00AEEF;}.elementor-9 .elementor-element.elementor-element-7e7fd0d{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-7e7fd0d .elementor-heading-title{font-family:"Loos", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-ae6f2e8{--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;--overlay-opacity:0.07;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ae6f2e8::before, .elementor-9 .elementor-element.elementor-element-ae6f2e8 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-ae6f2e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-ae6f2e8 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-ae6f2e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-ae6f2e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-e1f43b6{--min-height:86vh;}.elementor-9 .elementor-element.elementor-element-c6d3091 .elementor-heading-title{font-size:13px;}.elementor-9 .elementor-element.elementor-element-1265784{padding:0% 0% 0% 0%;}.elementor-9 .elementor-element.elementor-element-1265784 .elementor-heading-title{font-size:16px;}.elementor-9 .elementor-element.elementor-element-63c64ee{--padding-top:26px;--padding-bottom:38px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for heading, class: .elementor-element-b290776 *//* Keep the text exactly where it is */
.elementor-9 .elementor-element.elementor-element-b290776 .elementor-heading-title {
    position: relative;
    display: inline-block; /* Ensures the line knows where the text starts */
}

/* Create the line on the left */
.elementor-9 .elementor-element.elementor-element-b290776 .elementor-heading-title::before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #d3d3d3; /* Light grey */
    top: 50%;
    transform: translateY(-50%);

    /* This sets the right end of the line 20px to the left of your text */
    right: calc(100% + 20px);

    /* This sets the left start of the line 20px from the screen edge */
    /* Formula: - (half viewport - half container) + screen margin */
    left: calc(-50vw + 50% + 20px);
}/* End custom CSS */
/* Start custom CSS *//* --- Wrapper Layout --- */
.aquatic-item-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px; /* Slightly more breathing room */
}

/* --- Card Base (UPDATED: 300px Height) --- */
.aquatic-card {
    position: relative;
    width: 100%;
    height: 300px; /* FIXED: Changed from 400px to 300px */
    border-radius: 24px; /* Slightly smaller radius for 300px height */
    overflow: hidden; 
    cursor: pointer;
    isolation: isolate;
    background: #f0f0f0; 
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    will-change: transform;
    transition: transform 0.4s ease;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1); /* Subtle depth */
}

.aquatic-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- Overlay --- */
.aquatic-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* --- Link --- */
.stretched-link::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 10;
}

/* --- Badge & Date --- */
.aquatic-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    background: rgba(15, 23, 42, 0.75); /* Slightly darker for readability */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 14px;
    border-radius: 100px;
    z-index: 10;
}

.aquatic-card-date {
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    font-family: sans-serif; /* Ensure clean font */
}

.aquatic-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    background-color: #31abd1;
}

/* --- Corner Button (FIXED ALIGNMENT) --- */
.aquatic-action-area {
    position: absolute;
    bottom: -1px;
    right: -1px;  
    width: 65px;  
    height: 65px; 
    background-color: #ffffff; 
    z-index: 11; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 24px; /* Matching card radius */
    border-bottom-right-radius: 0; 
    
    /* OPTICAL CORRECTION: Moves icon slightly down-right away from the curve */
    padding-left: 4px;
    padding-top: 4px;
}

/* Negative Radius Curves */
.aquatic-action-area::before,
.aquatic-action-area::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: radial-gradient(circle at 0 0, transparent 20px, #ffffff 20.5px);
    pointer-events: none;
}
.aquatic-action-area::before { top: -20px; right: 0px; width: 20px; height: 20px; }
.aquatic-action-area::after { bottom: 0px; left: -20px; width: 20px; height: 20px; }

.aquatic-btn-icon {
    width: 36px; 
    height: 36px; 
    border-radius: 50%;
    display: flex; 
    align-items: center; 
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    background-color: #31abd1; 
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.aquatic-btn-icon svg {
    width: 16px; 
    height: 16px; 
    stroke-width: 2.5;
    /* Fix: Ensure SVG is perfectly centered in the circle */
    display: block; 
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* --- Title (BEAUTIFIED) --- */
.aquatic-content-below { 
    padding: 0 5px; 
}

.aquatic-external-title {
    color: #0f172a; /* Darker, richer black */
    font-size: 13px; /* Good news headline size */
    font-weight: 700;
    line-height: 1.4; /* Better readability */
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Loos', sans-serif; /* Your specific font */
    letter-spacing: -0.02em; /* Tighter, modern spacing */
}

.aquatic-external-title:hover { 
    color: #31abd1; /* Hover color */
}

/* --- Hover Effects --- */
.aquatic-card:hover img { transform: scale(1.08); }
.aquatic-card:hover .aquatic-btn-icon svg { transform: rotate(-45deg); }
.aquatic-card:hover .aquatic-btn-icon { transform: scale(1.1); }

/* --- Loop Colors (Automatic Rotation) --- */
.e-loop-item:nth-child(4n+1) .aquatic-dot, 
.e-loop-item:nth-child(4n+1) .aquatic-btn-icon { background-color: #31abd1; }
.e-loop-item:nth-child(4n+1) .aquatic-external-title:hover { color: #31abd1; }

.e-loop-item:nth-child(4n+2) .aquatic-dot, 
.e-loop-item:nth-child(4n+2) .aquatic-btn-icon { background-color: #3561ad; }
.e-loop-item:nth-child(4n+2) .aquatic-external-title:hover { color: #3561ad; }

.e-loop-item:nth-child(4n+3) .aquatic-dot, 
.e-loop-item:nth-child(4n+3) .aquatic-btn-icon { background-color: #9174b4; }
.e-loop-item:nth-child(4n+3) .aquatic-external-title:hover { color: #9174b4; }

.e-loop-item:nth-child(4n+4) .aquatic-dot, 
.e-loop-item:nth-child(4n+4) .aquatic-btn-icon { background-color: #056F7C; }
.e-loop-item:nth-child(4n+4) .aquatic-external-title:hover { color: #056F7C; }

/* Pulse Animation */
.aquatic-dot::after {
    content: ''; position: absolute; inset: 0; border-radius: 50%;
    background: inherit; opacity: 0.6;
    animation: glow-pulse 2s infinite;
}
@keyframes glow-pulse {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(2.5); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Loos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://georgianaquatics.com/wp-content/uploads/2026/02/LoosNormal-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Loos';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://georgianaquatics.com/wp-content/uploads/2026/02/LoosNormal-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */