/* * mb-arrows */ .movingbox{--arrow-size:40px;--arrow-block-size:40px;--arrow-color:hsla(0,0%,0%,0.85);--arrow-bg-color:hsla(0,0%,70%,0.5);--arrow-x-custom:50px;--arrow-y-custom:50px;--arrow-disabled:0.5}.single-slide .mb-arrow{display:none}.mb-arrow{display:block;line-height:1;cursor:pointer;background-color:transparent;padding:0;margin:0;border:none;opacity:0;transition:opacity 500ms ease 0s;appearance:none}.mb-arrow:hover{background-color:transparent}.slick-initialized .mb-arrow:not(.arrow-hover){opacity:1}.mb-arrow.slick-disabled{cursor:default;opacity:var(--arrow-disabled) !important}.mb-arrow:not(.custom-arrow){position:absolute;z-index:53;width:var(--arrow-size);height:var(--arrow-size);font-size:var(--arrow-size);color:var(--arrow-color)}.mb-arrow:not(.custom-arrow) > *{transition:color 200ms linear}.mb-arrow:not(.custom-arrow) > svg{max-width:var(--arrow-size);max-height:var(--arrow-size)}.mb-arrow:not(.custom-arrow) > svg [fill]{transition:fill 200ms linear}.arrow-hide{display:none}.arrow-block{background-color:var(--arrow-bg-color);transform:none !important}.arrow-block:hover{background-color:var(--arrow-bg-color)}.movingbox:not(.slide-vert) .arrow-block{height:100%;min-width:var(--arrow-size);width:var(--arrow-block-size);top:0 !important}.movingbox:not(.slide-vert) .arrow-block.mb-next{right:0}.movingbox.slide-vert .arrow-block{width:100%;height:var(--arrow-block-size);min-height:var(--arrow-size)}.movingbox.slide-vert .arrow-block.mb-prev{top:0 !important}.movingbox.slide-vert .arrow-block.mb-next{bottom:0 !important}.mb-arrow.arrow-hover{opacity:0;transition:opacity 500ms ease}.movingbox:hover .mb-arrow.arrow-hover{opacity:1}.arrow-y-custom.mb-prev{top:var(--arrow-y-custom)}.arrow-y-custom.mb-next{bottom:var(--arrow-y-custom)}.arrow-y-custom.arrow-flush-top{top:var(--arrow-y-custom);bottom:auto}.arrow-y-custom.arrow-flush-bottom{bottom:var(--arrow-y-custom);top:auto}.arrow-x-custom.mb-prev{left:var(--arrow-x-custom)}.arrow-x-custom.mb-next{right:var(--arrow-x-custom)}.arrow-x-custom.arrow-flush-left{right:auto;left:var(--arrow-x-custom)}.arrow-x-custom.arrow-flush-right{left:auto;right:var(--arrow-x-custom)}.arrow-y-outside.mb-prev{top:0;transform:translateY(-100%)}.arrow-y-outside.mb-next{bottom:0;transform:translateY(100%)}.arrow-y-inside.mb-prev{top:0}.arrow-y-inside.mb-next{bottom:0}.arrow-y-center{top:50%;transform:translateY(-50%)}.arrow-x-outside.mb-prev{left:0;transform:translateX(-100%)}.arrow-x-outside.mb-next{right:0;transform:translateX(100%)}.arrow-x-outside.arrow-y-center.mb-prev{transform:translateX(-100%) translateY(-50%)}.arrow-x-outside.arrow-y-center.mb-next{transform:translateX(100%) translateY(-50%)}.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(100%) translateY(100%)}.arrow-x-inside.mb-prev{left:0}.arrow-x-inside.mb-next{right:0}.arrow-x-center{right:50%;transform:translateX(50%)}.arrow-x-center.arrow-block{right:0}.arrow-x-center.arrow-y-outside.mb-prev{transform:translateY(-100%) translateX(50%)}.arrow-x-center.arrow-y-outside.mb-next{transform:translateY(100%) translateX(50%)}.arrow-flush-left{right:auto !important;left:0 !important}.arrow-flush-left.arrow-x-outside{transform:translateX(-100%)}.arrow-flush-left.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-flush-left.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(-100%) translateY(100%)}.arrow-flush-right{right:0 !important;left:auto !important}.arrow-flush-right.arrow-x-outside{transform:translateX(100%)}.arrow-flush-right.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(100%) translateY(-100%)}.arrow-flush-right.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(100%) translateY(100%)}.arrow-flush-top{top:0 !important;bottom:auto !important}.arrow-flush-top.arrow-y-outside{transform:translateY(-100%)}.arrow-flush-top.arrow-y-outside.arrow-x-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-flush-top.arrow-y-outside.arrow-x-outside.mb-next{transform:translateX(100%) translateY(-100%)}.arrow-flush-bottom{top:auto !important;bottom:0 !important}.arrow-flush-bottom.arrow-y-outside{transform:translateY(100%)}.arrow-flush-bottom.arrow-y-outside.arrow-x-outside.mb-prev{transform:translateX(-100%) translateY(100%)}.arrow-flush-bottom.arrow-y-outside.arrow-x-outside.mb-next{transform:translateX(100%) translateY(100%)}.movingbox.smart-margins:has(.arrow-y-outside){padding-top:var(--arrow-size);padding-bottom:var(--arrow-size)}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-block){padding-top:var(--arrow-block-size);padding-bottom:var(--arrow-block-size)}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-flush-top){padding-bottom:0}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-flush-bottom){padding-top:0}.movingbox.smart-margins:has(.arrow-x-outside){margin-left:var(--arrow-size);margin-right:var(--arrow-size)}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-block){margin-left:var(--arrow-block-size);margin-right:var(--arrow-block-size)}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-flush-left){margin-right:0}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-flush-right){margin-left:0} .mb-cloned .stacks_left{float:left;width:49%}.mb-cloned .stacks_right{float:right;width:49%}.movingbox{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--caption-bg-color:rgba(0,0,0,0.5);--caption-color:#fff;--caption-size:1rem}.movingbox .caption{position:relative;margin:0;padding:0}.movingbox .caption .slide-caption{position:absolute;z-index:10;background-color:var(--caption-bg-color);color:var(--caption-color);font-size:var(--caption-size);padding:1rem;margin:0;transition:opacity 500ms ease 0s}.movingbox .caption.caption-static .slide-caption{position:relative}.movingbox .caption.caption-bottom .slide-caption{bottom:0;left:0;right:0}.movingbox .caption.caption-full .slide-caption{top:50%;left:0;right:0;text-align:center;translate:0 -50%;background:none}.movingbox .caption.caption-full::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--caption-bg-color)}.movingbox .caption.caption-centered .slide-caption{top:50%;left:50%;text-align:center;translate:-50% -50%}.movingbox .caption.caption-hover .slide-caption{opacity:0}.mb-slide:not(.mb-active) .slide-caption{opacity:0}.mb-slide.mb-active:hover .caption.caption-hover .slide-caption{opacity:1}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand;cursor:grabbing}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.mb-center{z-index:11;position:relative}.mb-slide{float:left;min-height:1px;display:none}.mb-slide .slick-loading img,.mb-slide .slick-loading video{display:none}.mb-slide .dragging img{pointer-events:none;-webkit-user-select:none;user-select:none}.mb-slide > div{overflow:hidden}.mb-slide:not(.mb-active) a{pointer-events:none}.centermode .mb-slide:not(.mb-current) a{pointer-events:none}.slick-initialized .mb-slide{display:block}.slick-loading .mb-slide{visibility:hidden}.slick-vertical .mb-slide{display:block;height:auto}.movingbox{position:relative}.movingbox.stretch-media .mb-slide img,.movingbox.stretch-media .mb-slide video{height:auto;width:100%;max-width:100%;display:block}.movingbox > .mb-slide{opacity:0}.movingbox > .mb-slide:first-child{opacity:1}.movingbox .image-slide img,.movingbox .video-slide video{display:block}.movingbox[dir=rtl]{text-align:end}.movingbox .mb-tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.movingbox .mb-tap-target.next{right:0}.movingbox .mb-tap-target.hide{display:none}.movingbox.slide-vert .mb-tap-target{height:50%;width:100%}.movingbox.slide-vert .mb-tap-target.next{bottom:0;right:auto;top:auto}.mb-animate.hide-on-load{opacity:0} :root{--light-gray:rgba(237, 237, 237, 1.00);--medium-gray:rgba(109, 109, 109, 1.00);--dark-gray:rgba(30, 30, 30, 1.00);--black:rgba(0, 0, 0, 1.00);--black-color:var(--black);--white:rgba(255, 255, 255, 1.00);--white-color:var(--white);--primary:rgba(20, 78, 156, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(0, 0, 0, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(252, 185, 12, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(0, 0, 0, 1.00);--primary-dark:rgba(0, 48, 126, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(0, 0, 0, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(222, 155, 0, 1.00);--header-color:rgba(21, 99, 172, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(171, 90, 21, 1.00);--link-color-hover:rgba(21, 99, 172, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(21, 99, 172, 1.00);--link-decoration:underline;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(34rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(22rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(16rem/16)}h6,.h6{font-size:calc(14rem/16)}small{font-size:32%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(13rem/16)}.button.large{font-size:calc(18rem/16)}@media only screen and (min-width:40em){body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(40rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(22rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(16rem/16)}h6,.h6{font-size:calc(14rem/16)}small{font-size:24%}}@media only screen and (min-width:64em){body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(42rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(22rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(16rem/16)}h6,.h6{font-size:calc(14rem/16)}small{font-size:24%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} @font-face{font-style:normal;font-family:'Oswald';font-display:swap;font-stretch:normal;font-weight:400;src:local('Oswald'),url('https://oneeleven.surf/fonts/Oswald-400.woff') format('woff')}@font-face{font-style:italic;font-family:'Oswald';font-display:swap;font-stretch:normal;font-weight:400;src:local('Oswald Italic'),url('https://oneeleven.surf/fonts/Oswald-400-italic.woff') format('woff')}@font-face{font-style:normal;font-family:'Oswald';font-display:swap;font-stretch:normal;font-weight:700;src:local('Oswald Bold'),url('https://oneeleven.surf/fonts/Oswald-700.woff') format('woff')}@font-face{font-style:italic;font-family:'Oswald';font-display:swap;font-stretch:normal;font-weight:700;src:local('Oswald Bold Italic'),url('https://oneeleven.surf/fonts/Oswald-700-italic.woff') format('woff')} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, .button,.oswald{font-family:"Oswald",sans-serif } @font-face{font-style:normal;font-family:'Poppins';font-display:swap;font-stretch:normal;font-weight:400;src:local('Poppins'),url('https://oneeleven.surf/fonts/Poppins-400.woff') format('woff')}@font-face{font-style:italic;font-family:'Poppins';font-display:swap;font-stretch:normal;font-weight:400;src:local('Poppins Italic'),url('https://oneeleven.surf/fonts/Poppins-400-italic.woff') format('woff')}@font-face{font-style:normal;font-family:'Poppins';font-display:swap;font-stretch:normal;font-weight:700;src:local('Poppins Bold'),url('https://oneeleven.surf/fonts/Poppins-700.woff') format('woff')}@font-face{font-style:italic;font-family:'Poppins';font-display:swap;font-stretch:normal;font-weight:700;src:local('Poppins Bold Italic'),url('https://oneeleven.surf/fonts/Poppins-700-italic.woff') format('woff')} p,.p, blockquote, .menu li, li, form, .poppins{font-family:"Poppins",sans-serif } .button, .noline{text-decoration:unset } .social_link:hover .social_icon{background-color:var(--primary) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.social_link .social_icon{background-attachment:scroll!important}} .banner_bg{background-image:url('https://hayward.org/assets/img/banners/home.jpeg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.banner_bg{background-attachment:scroll!important}} .banner_bg{position:relative;z-index:0}.banner_bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.35 ;background-color:rgba(0, 0, 0, 1.00) ;} .nav_shadow{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.40);} .header_underline{border-color:var(--medium-gray) ;border-bottom-width:5px ;border-bottom-style:solid ;} .header_underline_alt{border-color:var(--white) ;border-bottom-width:5px ;border-bottom-style:solid ;} .submenu{border-width:0px ;border-style:none ;} @media screen and (min-width: 64em){.submenu{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.60);}} .social_icon{border-color:var(--white) ;border-width:1px ;border-style:solid ;} .black_border{border-color:var(--black) ;border-width:1px ;border-style:solid ;} .social_icon{border-radius:50% ;} .legal_divider{border-color:var(--white) ;border-right-width:1px ;border-right-style:solid ;} .topnav>.dropdown a, .dropdown.topnav a{--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(20, 78, 156, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(0, 0, 0, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .topnav>.dropdown .menu-text, .dropdown.topnav .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .topnav>.dropdown .submenu a:hover, .dropdown.topnav .submenu a:hover{--menu-bg-color:rgba(21, 99, 172, 1.00)} .topnav>.dropdown>li>a, .dropdown.topnav>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .topnav>.dropdown .submenu>li>a, .dropdown.topnav .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .topnav>.dropdown li.active>a, .topnav>.dropdown li.is-active>a, .topnav>.dropdown a.is-active, .dropdown.topnav li.active>a, .dropdown.topnav li.is-active>a, .dropdown.topnav a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(21, 99, 172, 1.00);--menu-caret-color:rgba(21, 99, 172, 1.00);--menu-link-color-hover:rgba(21, 99, 172, 1.00)} .topnav>.dropdown .submenu li.active>a, .topnav>.dropdown .submenu li.is-active>a, .topnav>.dropdown .submenu a.is-active, .dropdown.topnav .submenu li.active>a, .dropdown.topnav .submenu li.is-active>a, .dropdown.topnav .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .topnav>.dropdown .submenu a, .dropdown.topnav .submenu a{--menu-caret-color:rgba(0, 0, 0, 1.00)} .topnav>.dropdown .submenu, .dropdown.topnav .submenu{--submenu-bg-color:rgba(255, 255, 255, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .topnav>.dropdown .submenu a, .dropdown.topnav .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .topnav>.dropdown .submenu .menu-text, .dropdown.topnav .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .topnav>.dropdown .submenu li.active>a, .topnav>.dropdown .submenu li.is-active>a, .topnav>.dropdown .submenu a.is-active, .dropdown.topnav .submenu li.active>a, .dropdown.topnav .submenu li.is-active>a, .dropdown.topnav .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(21, 99, 172, 1.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .topnav>.accordion-menu a, .accordion-menu.topnav a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(250, 172, 15, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .topnav>.accordion-menu .menu-text, .accordion-menu.topnav .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .topnav>.accordion-menu>li>a, .accordion-menu.topnav>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .topnav>.accordion-menu .submenu>li>a, .accordion-menu.topnav .submenu>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .topnav>.accordion-menu li.active>a, .topnav>.accordion-menu li.is-active>a, .topnav>.accordion-menu a.is-active, .accordion-menu.topnav li.active>a, .accordion-menu.topnav li.is-active>a, .accordion-menu.topnav a.is-active{--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-link-color:rgba(252, 185, 12, 1.00);--menu-caret-color:rgba(252, 185, 12, 1.00);--menu-link-color-hover:rgba(252, 185, 12, 1.00)} .topnav>.accordion-menu .submenu li.active>a, .topnav>.accordion-menu .submenu li.is-active>a, .topnav>.accordion-menu .submenu a.is-active, .accordion-menu.topnav .submenu li.active>a, .accordion-menu.topnav .submenu li.is-active>a, .accordion-menu.topnav .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .topnav>.accordion-menu .submenu a, .accordion-menu.topnav .submenu a{--menu-caret-color:rgba(255, 255, 255, 1.00)} .topnav>.accordion-menu .submenu, .accordion-menu.topnav .submenu{--submenu-bg-color:rgba(255, 255, 255, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .topnav>.accordion-menu .submenu a, .accordion-menu.topnav .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .topnav>.accordion-menu .submenu .menu-text, .accordion-menu.topnav .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .topnav>.accordion-menu .submenu li.active>a, .topnav>.accordion-menu .submenu li.is-active>a, .topnav>.accordion-menu .submenu a.is-active, .accordion-menu.topnav .submenu li.active>a, .accordion-menu.topnav .submenu li.is-active>a, .accordion-menu.topnav .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(252, 185, 12, 1.00);--menu-link-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(0, 0, 0, 1.00)} .legal>.menu a, .menu.legal a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(21, 99, 172, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .legal>.menu .menu-text, .menu.legal .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .legal>.menu>li>a, .menu.legal>li>a{padding-top:0;padding-bottom:0} .legal>.menu .submenu>li>a, .menu.legal .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .legal>.menu li.active>a, .legal>.menu li.is-active>a, .legal>.menu a.is-active, .menu.legal li.active>a, .menu.legal li.is-active>a, .menu.legal a.is-active{--menu-bg-color:rgba(97, 103, 173, 0.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .legal>.menu .submenu li.active>a, .legal>.menu .submenu li.is-active>a, .legal>.menu .submenu a.is-active, .menu.legal .submenu li.active>a, .menu.legal .submenu li.is-active>a, .menu.legal .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .legal>.menu .submenu a, .menu.legal .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .legal>.menu .submenu, .menu.legal .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .legal>.menu .submenu a, .menu.legal .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .legal>.menu .submenu .menu-text, .menu.legal .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .legal>.menu .submenu li.active>a, .legal>.menu .submenu li.is-active>a, .legal>.menu .submenu a.is-active, .menu.legal .submenu li.active>a, .menu.legal .submenu li.is-active>a, .menu.legal .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .legal>.menu a::after, .menu.legal a::after{display:none!important} .footernav>.menu a, .menu.footernav a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(21, 99, 172, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .footernav>.menu .menu-text, .menu.footernav .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .footernav>.menu>li>a, .menu.footernav>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .footernav>.menu .submenu>li>a, .menu.footernav .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .footernav>.menu li.active>a, .footernav>.menu li.is-active>a, .footernav>.menu a.is-active, .menu.footernav li.active>a, .menu.footernav li.is-active>a, .menu.footernav a.is-active{--menu-bg-color:rgba(97, 103, 173, 0.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-caret-color:rgba(21, 99, 172, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .footernav>.menu .submenu li.active>a, .footernav>.menu .submenu li.is-active>a, .footernav>.menu .submenu a.is-active, .menu.footernav .submenu li.active>a, .menu.footernav .submenu li.is-active>a, .menu.footernav .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .footernav>.menu .submenu a, .menu.footernav .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .footernav>.menu .submenu, .menu.footernav .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .footernav>.menu .submenu a, .menu.footernav .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .footernav>.menu .submenu .menu-text, .menu.footernav .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .footernav>.menu .submenu li.active>a, .footernav>.menu .submenu li.is-active>a, .footernav>.menu .submenu a.is-active, .menu.footernav .submenu li.active>a, .menu.footernav .submenu li.is-active>a, .menu.footernav .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .footernav>.menu a::after, .menu.footernav a::after{display:none!important} h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, .header_height{line-height:1.00 ;} .text_shadow{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .text_small{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .text_small{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .text_small{font-size:calc(14rem/16) ;line-height:1.50 }} .header_underline, .header_underline_alt{width:6rem ;} @media screen and (min-width: 64em){.submenu{width:50.00px ;}}@media only screen and (min-width:40em){.submenu{width:250.00px }}@media only screen and (min-width:64em){.submenu{width:225.00px }} .social_icon{height:2.5rem ;} .social_icon{width:2.5rem ;} .footernav>li>a{width:fit-content ;} .padding_standard{padding-top:5rem ;padding-bottom:5rem ;} .submenu{padding:0.25rem ;} .footernav>li>a{padding-right:0 ;padding-left:0 ;} #stacks_in_1256_71 { text-transform: uppercase; } #stacks_in_1256_91 { text-transform: uppercase; } #stacks_in_1256_482 { text-transform: uppercase; } #stacks_in_1256_76 { text-transform: uppercase; } #stacks_in_1256_81 { text-transform: uppercase; } #stacks_in_1256_484 { text-transform: uppercase; } #stacks_in_1256_86 { text-transform: uppercase; } #stacks_in_1256_486 { text-transform: uppercase; } #stacks_in_1256_557 { text-transform: uppercase; } #stacks_in_1256_552 { text-transform: uppercase; } #stacks_in_1256_156 { text-transform: uppercase; } #lightboxmenu.reveal{position:fixed ;z-index:1 ;top:0px ;bottom:unset ;left:unset ;right:0px ;} #lightboxmenu.reveal{width:325.00px ;}@media only screen and (min-width:40em){#lightboxmenu.reveal{width:325.00px }}@media only screen and (min-width:64em){#lightboxmenu.reveal{width:50.00px }} #lightboxmenu.reveal{height:100.00% ;}@media only screen and (min-width:40em){#lightboxmenu.reveal{height:100.00% }}@media only screen and (min-width:64em){#lightboxmenu.reveal{height:100.00% }} #lightboxmenu.reveal{border-width:0px ;border-style:none ;} #stacks_in_1256_501 { text-transform: uppercase; } #stacks_in_1256_547 { text-transform: uppercase; } #stacks_in_1256_503 { text-transform: uppercase; } #stacks_in_1256_505 { text-transform: uppercase; } #stacks_in_1256_507 { text-transform: uppercase; } #stacks_in_1256_509 { text-transform: uppercase; } #stacks_in_1256_511 { text-transform: uppercase; } #stacks_in_1256_516 { text-transform: uppercase; } #stacks_in_1256_562 { text-transform: uppercase; } #stacks_in_1256_564 { text-transform: uppercase; } #stacks_in_1256_382 { text-transform: uppercase; } .banner_height{height:115.00vw ;}@media only screen and (min-width:40em){.banner_height{height:75.00vw }}@media only screen and (min-width:64em){.banner_height{height:50.00vw }} .title_text{font-size:calc(84rem/16) ;line-height:1.00 ;}@media only screen and (min-width:40em) { .title_text{font-size:calc(128rem/16) ;line-height:1.00 }}@media only screen and (min-width:64em) { .title_text{font-size:calc(128rem/16) ;line-height:1.00 }} .links_icon{height:6rem ;} .links_icon{width:6rem ;} .links_icon{border-radius:50% ;} .links_icon{border-color:var(--white) ;border-width:3px ;border-style:solid ;} .links_icon{background-color:var(--alert) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.links_icon{background-attachment:scroll!important}} .quicklinks:hover .links_icon{background-color:var(--white) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.quicklinks:hover .links_icon{background-attachment:scroll!important}} #stacks_in_1152 { text-transform: uppercase; } #stacks_in_134 { text-transform: uppercase; } .what_picture, .overlay_bg{border-radius:25px ;} .overlay{position: absolute ;z-index:1 ;top:unset ;bottom:0px ;left:0px ;right:0px ;} .overlay_bg{position: absolute ;z-index:1 ;top:0px ;bottom:0px ;left:0px ;right:0px ;} .overlay_bg{background-color:var(--black) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.overlay_bg{background-attachment:scroll!important}} .overlay_bg{opacity:0.30 } @media screen and (min-width: 64em){.what_button{opacity:0.00 }} @media screen and (min-width: 64em){.what_group:hover .what_button{opacity:1.00 }} @media screen and (min-width: 64em){.what_text{margin-bottom:-1.5rem ;}} @media screen and (min-width: 64em){.what_group:hover .what_text{margin-bottom:0.5rem ;}} @media screen and (min-width: 64em){.what_text, .what_button{transition:all 500ms ease-in-out 0ms }} #stacks_in_184 { text-transform: uppercase; } #stacks_in_290 { text-transform: uppercase; } #stacks_in_318 { text-transform: uppercase; } #stacks_in_1039 { text-transform: uppercase; } #stacks_in_1027 { text-transform: uppercase; } .mb-slide-content{box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.60);} @media screen and (max-width: 39.9375em){.mb-arrow{display:none !important}} @media screen and (max-width: 39.9375em){.movingbox.smart-margins:has(.arrow-x-outside){margin:0 ;}} #stacks_in_192 { text-transform: uppercase; } @charset "UTF-8";.movingbox.stacks_in_329{--wait-time:4000ms;--animation-speed:1.00s} .stacks_in_329 .mb-slide-content{padding:16px;margin:10px;border-style:solid;border-color:rgba(203, 203, 203, 1.00);border-width:1px;border-radius:25px;} .movingbox.stacks_in_329{--arrow-size:calc(40rem / 16);--arrow-block-size:calc(40rem / 16);--arrow-color:rgba(0, 0, 0, 0.80);--arrow-bg-color:rgba(127, 127, 127, 0.10);--arrow-x-custom:50px;--arrow-y-custom:50px;--arrow-disabled:1.00} .impact_bg{background-image:url('https://hayward.org/assets/img/impact.jpeg') ;background-repeat:no-repeat ;background-position:50% 30% ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.impact_bg{background-attachment:scroll!important}} .impact_bg{position:relative;z-index:0}.impact_bg:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.90 ;background-color:var(--primary) ;} #stacks_in_511 { text-transform: uppercase; } #stacks_in_544 { text-transform: uppercase; } .stacks_in_1086 img{width:100%;max-width:175px} .stacks_in_559 img{width:100%;max-width:125px} .stacks_in_571 img{width:100%;max-width:150px} .stacks_in_1414 img{width:100%;max-width:150px} .stacks_in_1100 img{width:100%;max-width:150px} .stacks_in_1092 img{width:100%;max-width:175px} .stacks_in_1120 img{width:100%;max-width:100px} .stacks_in_1375 img{width:100%;max-width:100px} #stacks_in_1257_38 { text-transform: uppercase; } #stacks_in_1257_66 { text-transform: uppercase; } #stacks_in_1257_78 { text-transform: uppercase; } #stacks_in_1257_90 { font-size: 75%; } #stacks_in_1257_95 { font-size: 75%; } #stacks_in_1257_100 { font-size: 75%; } #stacks_in_1257_105 { font-size: 75%; } #stacks_in_1257_110 { font-size: 75%; }