/*
Theme Name: Vorenico Independent Water Intelligence
Theme URI: https://vorenico.com/
Author: Vorenico
Description: Independent marine water consultancy, management and academy. Responsive WordPress theme.
Version: 1.24.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vorenico-iwi
*/
:root{--navy:#0b1d2a;--navy2:#122f3c;--mint:#a5e2d4;--aqua:#55bda9;--paper:#f6f8f7;--ink:#122732;--muted:#627881;--line:#dce6e5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.62}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #43b8a3;outline-offset:3px}.wrap{width:min(1170px,calc(100% - 44px));margin:auto}.topline{background:#071721;color:#cce5e0;text-align:center;font-size:12px;padding:8px 12px;letter-spacing:.06em}.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff26}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-block;font-size:24px;letter-spacing:.19em;font-weight:800;line-height:1.1}.logo small{display:block;font-size:8px;font-weight:700;letter-spacing:.24em;color:var(--mint);margin-top:7px}.links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.links a:hover{color:var(--mint)}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--mint);color:#082229!important;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;padding:15px 22px;border:0;cursor:pointer;transition:.2s}.button:hover{background:#c6f0e7;transform:translateY(-1px)}.button.ghost{color:white!important;border:1px solid #ffffff70;background:transparent}.button.ghost:hover{background:#ffffff13}.button.dark{background:var(--navy);color:#fff!important}.mobile-toggle{display:none;background:none;border:1px solid #ffffff50;color:white;font-size:24px;padding:4px 11px;border-radius:4px}.hero{background:linear-gradient(120deg,#081b29 0%,#10303b 56%,#16413f 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 88% 55%,#65c6b729,transparent 38%),repeating-linear-gradient(118deg,transparent 0,transparent 89px,#ffffff09 90px,transparent 91px);pointer-events:none}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:50px;position:relative;padding-top:80px;padding-bottom:80px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#55ad9e}.hero .eyebrow{color:var(--mint)}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;margin:0;font-weight:700}h1{font-size:clamp(44px,5.15vw,74px)}h2{font-size:clamp(30px,3.4vw,47px)}h3{font-size:21px}h1 em{font-style:normal;color:var(--mint)}p{margin:0 0 18px}.hero p{font-size:17px;color:#d0e0e2;max-width:610px;margin-top:27px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;min-height:415px;display:grid;place-items:center}.radar{width:min(410px,100%);aspect-ratio:1;border:1px solid #b9f5e442;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#72decb19 0 30%,transparent 31%);box-shadow:0 0 0 42px #a8e9db0b,0 0 0 82px #a8e9db08}.radar:before,.radar:after{content:"";position:absolute;width:65%;height:65%;border:1px solid #a9e8d742;border-radius:50%}.radar:after{width:41%;height:41%;border-color:#adf7e7aa}.radar-icon{font-size:108px;font-weight:200;color:var(--mint);line-height:1;z-index:1}.art-label{position:absolute;background:#0b2933;border:1px solid #b9e8df4a;padding:12px 17px;color:#d8f9f2;font-size:12px;letter-spacing:.04em;box-shadow:0 12px 32px #03121c58}.art-a{left:0;top:17%}.art-b{right:-2%;bottom:19%}.art-c{left:9%;bottom:5%}.trust{border-bottom:1px solid var(--line);background:#f7fbfa}.trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:19px 0}.trust span{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#496772}.section{padding:96px 0}.section.alt{background:var(--paper)}.section-head{max-width:760px;margin-bottom:43px}.section-head p{font-size:17px;color:var(--muted);margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:7px;padding:31px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0e354014}.alt .card{background:#fff}.symbol{width:51px;height:51px;border:1px solid #add8cf;background:#e7f5f1;color:#1b7268;display:grid;place-items:center;border-radius:5px;font-size:27px;margin-bottom:28px}.card p{font-size:14px;color:var(--muted);margin:13px 0 16px}.arrowlink{font-size:12px;font-weight:800;letter-spacing:.05em;color:#217d70}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.darkpanel{background:var(--navy);color:#fff;padding:52px;border-radius:7px;min-height:400px}.darkpanel p{color:#bed3d4}.metric{border-top:1px solid #ffffff2e;padding:20px 0;display:flex;justify-content:space-between;gap:12px}.metric strong{font-size:19px;color:var(--mint)}.metric span{color:#d1e5e4;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;counter-reset:steps}.step{padding:20px;border-left:1px solid #c9dbd8}.step b{display:block;font-size:32px;color:#4c9c8b;letter-spacing:-.05em;margin-bottom:20px}.step p{font-size:13px;color:var(--muted);margin-top:8px}.cta{background:var(--navy2);color:#fff;padding:67px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.cta h2{font-size:36px;max-width:740px}.cta p{color:#c6dddd;margin-top:13px}.pagehero{background:linear-gradient(120deg,#0b1d2a,#17423e);color:white;padding:96px 0}.pagehero p{color:#d4e7e4;font-size:17px;max-width:770px;margin-top:20px}.narrow{max-width:860px}.prose{font-size:16px;color:#49606b}.prose p{margin-top:20px}.prose h3{margin-top:35px;color:var(--ink)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{border:1px solid var(--line);padding:30px;border-radius:7px;background:#fff}.price.featured{border:2px solid #479d8c}.price h3{margin-bottom:16px}.price strong{font-size:34px;display:block;line-height:1.1}.price small{font-size:12px;color:var(--muted)}.price ul,.checklist{padding-left:20px;color:#455e67;font-size:14px;line-height:1.9}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.formwrap{background:#f5f9f8;border:1px solid var(--line);padding:30px;border-radius:7px}.formwrap label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}.formwrap input,.formwrap textarea,.formwrap select{font-family:inherit;display:block;width:100%;font-size:15px;color:#193741;border:1px solid #bed1ce;background:white;padding:13px;margin-top:7px;border-radius:3px}.formwrap textarea{min-height:135px}.formwrap .check{display:flex;align-items:flex-start;gap:11px;font-weight:400}.formwrap .check input{width:auto;margin-top:5px}.notice{background:#e7f6ec;border-left:3px solid #2b8d61;padding:13px;margin-bottom:18px}.error{background:#fff0eb;border-left-color:#bf5b46}.foot{background:#081a25;color:#c7d8d9;padding:62px 0 28px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.foot h4{color:white;font-size:13px;letter-spacing:.07em}.foot a{display:block;font-size:13px;margin:12px 0;color:#b5ced0}.foot p{font-size:13px;margin-top:18px;max-width:410px}.bottom{border-top:1px solid #ffffff21;margin-top:42px;padding-top:18px;font-size:11px;color:#8ba4ac}.fyi{font-size:12px;color:#617a82}.mini-tag{font-size:11px;font-weight:800;letter-spacing:.14em;color:#5da694;margin-bottom:14px;text-transform:uppercase}.honey{position:absolute;left:-9999px}.anchor{scroll-margin-top:100px}@media(max-width:900px){.links{display:none;position:absolute;left:0;right:0;top:100%;background:#0b1d2a;padding:25px 6%;flex-direction:column;align-items:flex-start}.links.open{display:flex}.mobile-toggle{display:block}.hero-grid{grid-template-columns:1fr;gap:10px;padding:80px 0}.hero-art{min-height:325px}.radar{max-width:280px}.art-b{right:8%}.art-a{left:8%}.cards,.pricing{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 34px)}.hero-grid{min-height:auto}.hero-art{display:none}.section{padding:65px 0}.cards,.pricing,.steps,.foot-grid{grid-template-columns:1fr}.cta .wrap{display:block}.cta .button{margin-top:21px}.darkpanel{padding:30px;min-height:0}.logo{font-size:21px}.nav{min-height:70px}.pagehero{padding:67px 0}.trust .wrap{justify-content:flex-start;gap:12px 20px}.trust span{font-size:9px}}

/* Academy 1.2: main navigation and course directory */
@media (min-width:901px){.site-header .links{gap:17px;font-size:12px}}
.ywi-academy-cards .card{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.ywi-academy-cards .card .button{margin-top:auto;white-space:normal;min-height:44px}
.ywi-academy-cards .card h3{font-size:20px}
.ywi-academy-cards .card .symbol{margin-bottom:12px}

/* 1.7 - first real-world treatment installation visual on the homepage */
.card-photo { padding: 0 0 31px; overflow: hidden; }
.card-photo .service-photo { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: center; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.card-photo h3, .card-photo p, .card-photo .arrowlink { margin-left: 31px; margin-right: 31px; }
.card-photo .arrowlink { display: inline-block; }
@media (max-width: 600px) { .card-photo .service-photo { max-height: 270px; } }

/* 1.8 — Real yacht machinery room photograph in Water Management service card. */

/* 1.9 — Consistent service imagery: real plant photos plus the academy training graphic. */
.card-photo { min-width: 0; }
.card-photo .service-photo { object-position:center; }


/* 1.11 — Photo-led Services page (authentic onboard imagery) */
.ywi-services-hero{background:#0d2530;padding:80px 0 77px;border-bottom:1px solid #183b46}
.ywi-services-hero h1{font-size:clamp(37px,4.4vw,61px);max-width:880px}
.ywi-services-hero p{max-width:810px}
.ywi-services-section{padding-top:76px;padding-bottom:80px}
.ywi-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ywi-service-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:border-color .2s ease}
.ywi-service-card:hover{border-color:#a9c8c3}
.ywi-service-media{aspect-ratio:16/10;overflow:hidden;background:#e3e8e8}
.ywi-service-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ywi-service-copy{padding:28px 31px 30px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.ywi-service-kicker{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#477a77;margin-bottom:14px}
.ywi-service-no{color:#869ca2;padding-right:13px;border-right:1px solid #c9d8d5;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.ywi-service-card h3{font-size:24px;letter-spacing:-.03em}
.ywi-service-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:14px 0 24px;max-width:560px}
.ywi-service-copy .arrowlink{margin-top:auto;font-size:11px;letter-spacing:.09em}
.ywi-services-note{margin-top:26px;max-width:860px;line-height:1.7}
.ywi-service-steps{padding:70px 0;background:var(--paper)}
.ywi-service-process{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.ywi-service-process h2{font-size:clamp(27px,3vw,40px)}
.ywi-service-process p{color:var(--muted);margin-top:18px;max-width:560px}
.ywi-service-process-list>div{border-top:1px solid #cdd9d7;padding:17px 0;display:grid;grid-template-columns:155px 1fr;gap:12px;align-items:start}
.ywi-service-process-list>div:last-child{border-bottom:1px solid #cdd9d7}
.ywi-service-process-list strong{font-size:13px;color:var(--ink)}
.ywi-service-process-list span{font-size:13px;color:var(--muted)}
.ywi-service-cta .mini-tag{color:var(--mint)}
@media(max-width:800px){.ywi-service-process{grid-template-columns:1fr;gap:30px}.ywi-service-grid{gap:16px}.ywi-service-copy{padding:22px}}
@media(max-width:650px){.ywi-service-grid{grid-template-columns:1fr}.ywi-service-media{aspect-ratio:16/10}.ywi-services-hero{padding:58px 0}.ywi-services-section{padding-top:56px}.ywi-service-process-list>div{grid-template-columns:125px 1fr}.ywi-service-copy{padding:25px}.ywi-service-card h3{font-size:22px}}

/* Services 1.13 — authentic editorial photography; restrained yacht-at-sea hero. */
.ywi-services-hero{background:linear-gradient(90deg,rgba(6,24,37,.94) 0%,rgba(6,24,37,.74) 49%,rgba(6,24,37,.40) 100%),url('assets/services-hero-sea.webp') center 51%/cover no-repeat;min-height:390px;display:flex;align-items:center}
.ywi-services-hero .wrap{position:relative;z-index:1}
.ywi-services-hero .eyebrow{color:#b6e5d9}
.ywi-services-hero h1{text-shadow:0 1px 5px rgba(0,0,0,.12)}
.ywi-services-hero p{max-width:760px;color:#ecf4f2}
.ywi-service-media img{transition:transform .4s ease}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.ywi-service-card:hover .ywi-service-media img{transform:scale(1.018)}}
@media(max-width:650px){.ywi-services-hero{min-height:340px;background-position:59% center}.ywi-services-hero p{font-size:15px}}


/* Academy 1.15 — realistic technical illustrations, consistent editorial layout */
.ywi-academy-banner{position:relative;isolation:isolate;color:#fff;background:#0c2735 url('assets/services-hero-sea.webp') center 52%/cover no-repeat;min-height:305px;display:flex;align-items:center}
.ywi-academy-banner:before{position:absolute;inset:0;content:"";z-index:-1;background:linear-gradient(90deg,rgba(6,24,36,.92) 0%,rgba(7,30,43,.70) 55%,rgba(7,27,39,.27) 100%)}
.ywi-academy-banner-inner{padding-top:63px;padding-bottom:65px}
.ywi-academy-banner h1{font-size:clamp(32px,3.8vw,52px);line-height:1.11;margin:13px 0 13px;max-width:770px;letter-spacing:-.045em}
.ywi-academy-banner p{max-width:660px;font-size:16px;color:#e2ecee;line-height:1.65;margin:0}
.ywi-academy-banner .eyebrow{color:#ade7df}
.ywi-academy-section{background:#f6f9f9;padding:56px 0 90px}
.ywi-academy-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}
.ywi-academy-aside{position:sticky;top:112px}
.ywi-academy-login-panel{border:1px solid #d1dfe2;padding:23px;background:#fff}
.ywi-academy-mini{color:#317e7b;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;display:block}
.ywi-academy-login-panel h2{font-size:24px;letter-spacing:-.03em;margin:9px 0 10px}
.ywi-academy-login-panel p,.ywi-academy-info p{font-size:13px;color:#59717b;line-height:1.6;margin-bottom:17px}
.ywi-academy-login-panel label{font-size:12px;font-weight:700;color:#243d49;display:block;margin:13px 0 5px}
.ywi-academy-login-panel input[type=text],.ywi-academy-login-panel input[type=password]{display:block;width:100%;height:40px;border:1px solid #bdcfd4;border-radius:2px;padding:8px 10px;font-size:13px;max-width:100%}
.ywi-academy-login-panel .login-remember label{font-weight:500;display:flex;align-items:center;gap:6px}
.ywi-academy-login-panel .login-submit input,.ywi-academy-submit{display:block;width:100%;padding:12px!important;text-align:center;border:0;border-radius:2px;color:white!important;background:#248779!important;font-size:12px!important;letter-spacing:.07em;font-weight:800!important;text-transform:uppercase;cursor:pointer}
.ywi-academy-request{display:block;text-align:center;border:1px solid #288d7d;color:#287c73;font-size:12px;padding:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ywi-academy-login-divider{font-size:10px;letter-spacing:.08em;text-align:center;color:#7b8f96;margin:20px 0 12px}
.ywi-academy-aside-note{font-size:12px!important;color:#74868c!important;margin:16px 0 0!important}
.ywi-academy-logout{font-size:12px;color:#287c73;text-decoration:underline;display:block;margin-top:15px}
.ywi-academy-info{margin-top:17px;padding:22px;border-left:3px solid #78aa9f;background:#ebf2f1}
.ywi-academy-info strong{font-size:14px}.ywi-academy-info p{margin:8px 0 0}
.ywi-academy-heading{margin:0 0 25px}.ywi-academy-heading h2{font-size:clamp(27px,3vw,36px);margin:8px 0}.ywi-academy-heading p{color:#66808a;max-width:760px;font-size:15px;margin:0}
.ywi-academy-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ywi-academy-item{display:flex;flex-direction:column;border:1px solid #d7e2e4;background:#fff;min-width:0}
.ywi-academy-image-link{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#ddebed}
.ywi-academy-image-link img{width:100%;height:100%;display:block;object-fit:cover}
.ywi-academy-badge{position:absolute;bottom:9px;left:9px;padding:6px 7px;background:#eef4f4;color:#344f5a;font-size:9px;font-weight:800;letter-spacing:.02em;line-height:1.2}
.ywi-academy-badge.is-open{background:#a5e2d4;color:#173d39}
.ywi-academy-item-body{display:flex;flex-direction:column;flex:1;padding:17px 16px}
.ywi-academy-item h3{font-size:17px;line-height:1.26;letter-spacing:-.025em;margin:6px 0 9px}
.ywi-academy-item p{color:#5e7680;font-size:12px;line-height:1.55;margin:0 0 17px}
.ywi-academy-lessons{display:block;font-size:11px;color:#637c85;margin-top:auto;margin-bottom:12px}
.ywi-academy-card-action{display:block;padding:10px 8px;text-align:center;background:#a6e2d5;color:#102b31;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ywi-academy-card-action.is-disabled{background:#e3eaed;color:#48616d}
.ywi-academy-disclaimer{background:#edf2f3;border:1px solid #d3e0e4;color:#526a75;padding:17px 20px;font-size:12px;margin-top:21px}
@media(max-width:1060px){.ywi-academy-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ywi-academy-layout{grid-template-columns:1fr}.ywi-academy-aside{position:static}.ywi-academy-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.ywi-academy-section{padding:34px 0 56px}}
@media(max-width:540px){.ywi-academy-catalog{grid-template-columns:1fr}.ywi-academy-banner{min-height:270px}.ywi-academy-banner-inner{padding:52px 0}}

/* Academy member resources, companion to the Knowledge & Document Library plugin. */
.ywi-academy-resources{padding:60px 0 72px;background:#f2f7f7;border-top:1px solid #dbe8e7}
.ywi-academy-resources h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.025em;color:#173641;margin:10px 0 12px}
.ywi-academy-resources>div>p{max-width:760px;color:#587482;line-height:1.65;margin-bottom:24px}
.ywi-resources-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ywi-resources-row>a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-decoration:none;background:white;border:1px solid #d3e1e2;padding:24px;min-height:198px}
.ywi-resources-row strong{color:#143b48;font-size:19px}
.ywi-resources-row span{color:#58727a;line-height:1.55;flex:1;font-size:14px}
.ywi-resources-row em{font-style:normal;font-size:12px;font-weight:800;color:#117e81}
@media(max-width:760px){.ywi-resources-row{grid-template-columns:1fr}.ywi-resources-row>a{min-height:auto}.ywi-academy-resources{padding:40px 0 50px}}

/* Official Vorenico logo in the main header and footer. */
.ywi-branded-logo{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;letter-spacing:normal;max-width:245px;line-height:1}
.ywi-branded-logo .ywi-header-brand{display:block;width:auto;max-width:225px;height:53px;object-fit:contain;object-position:left center}
.ywi-branded-logo small{font-size:7px;letter-spacing:.23em;line-height:1.2;margin:2px 0 0 3px;color:#a5e2d4}
.ywi-footer-brand .ywi-header-brand{height:57px;max-width:260px}
@media(max-width:600px){.ywi-branded-logo .ywi-header-brand{max-width:184px;height:45px}.ywi-branded-logo small{font-size:6px}}

/* Resources groups the Knowledge Base, downloads and the flag-state registers. */
.ywi-resources-menu{position:relative;display:flex;align-items:center;align-self:stretch}
.ywi-resources-pop{display:none;position:absolute;top:calc(100% - 1px);left:-15px;min-width:196px;background:#102b37;border:1px solid #34535e;padding:9px;z-index:45;box-shadow:0 14px 35px #07172450}
.ywi-resources-pop a{display:block;padding:9px 13px;color:#fff;font-size:12px}
.ywi-resources-pop a:hover,.ywi-resources-pop a:focus{background:#204a50;color:#b7ebde}
.ywi-resources-menu:hover .ywi-resources-pop,.ywi-resources-menu:focus-within .ywi-resources-pop{display:block}
@media(max-width:900px){.ywi-resources-menu{display:block;align-self:auto}.ywi-resources-pop{position:static;display:block!important;box-shadow:none;border:0;background:transparent;padding:0 0 0 15px}.ywi-resources-pop a{padding:7px 9px;color:#afcfcb}}


/* Version 1.21 — Water Management dropdown with Crew Water Monitoring. */
.ywi-water-menu{position:relative;display:flex;align-items:center;align-self:stretch}
.ywi-water-pop{display:none;position:absolute;top:calc(100% - 1px);left:-15px;min-width:225px;background:#102b37;border:1px solid #34535e;padding:9px;z-index:45;box-shadow:0 14px 35px #07172450}
.ywi-water-pop a{display:block;padding:9px 13px;color:#fff;font-size:12px}
.ywi-water-pop a:hover,.ywi-water-pop a:focus-visible{background:#204a50;color:#b7ebde}
.ywi-water-menu:hover .ywi-water-pop,.ywi-water-menu:focus-within .ywi-water-pop{display:block}
@media(max-width:900px){
 .ywi-water-menu{display:block;align-self:auto}
 .ywi-water-pop{position:static;display:block!important;box-shadow:none;border:0;background:transparent;padding:0 0 0 15px}
 .ywi-water-pop a{padding:7px 9px;color:#afcfcb}
}

/* Version 1.22 — Academy Water Chemistry card and direct menu access. */
.ywi-academy-menu{position:relative;display:flex;align-items:center;align-self:stretch}
.ywi-academy-pop{display:none;position:absolute;top:calc(100% - 1px);left:-15px;min-width:225px;background:#102b37;border:1px solid #34535e;padding:9px;z-index:45;box-shadow:0 14px 35px #07172450}
.ywi-academy-pop a{display:block;padding:9px 13px;color:#fff;font-size:12px}
.ywi-academy-pop a:hover,.ywi-academy-pop a:focus-visible{background:#204a50;color:#b7ebde}
.ywi-academy-menu:hover .ywi-academy-pop,.ywi-academy-menu:focus-within .ywi-academy-pop{display:block}
@media(max-width:900px){
 .ywi-academy-menu{display:block;align-self:auto}
 .ywi-academy-pop{position:static;display:block!important;box-shadow:none;border:0;background:transparent;padding:0 0 0 15px}
 .ywi-academy-pop a{padding:7px 9px;color:#afcfcb}
}
