.elementor-385 .elementor-element.elementor-element-d7276c9{--display:flex;--min-height:700px;--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-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.25;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-385 .elementor-element.elementor-element-d7276c9:not(.elementor-motion-effects-element-type-background), .elementor-385 .elementor-element.elementor-element-d7276c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marinersvolleyballclub.com/wp-content/uploads/2026/02/i-dkPvdrL-L-1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-385 .elementor-element.elementor-element-d7276c9::before, .elementor-385 .elementor-element.elementor-element-d7276c9 > .elementor-background-video-container::before, .elementor-385 .elementor-element.elementor-element-d7276c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-385 .elementor-element.elementor-element-d7276c9 > .elementor-background-slideshow::before, .elementor-385 .elementor-element.elementor-element-d7276c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-385 .elementor-element.elementor-element-d7276c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-72d08b6 );--background-overlay:'';}.elementor-385 .elementor-element.elementor-element-f8ae6a4{--display:flex;--padding-top:40px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-385 .elementor-element.elementor-element-f8ae6a4.e-con{--align-self:flex-end;}.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-385 .elementor-element.elementor-element-163859f{text-align:center;}.elementor-385 .elementor-element.elementor-element-163859f .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:64px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-385 .elementor-element.elementor-element-6af3340{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-385 .elementor-element.elementor-element-d18b400{--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-385 .elementor-element.elementor-element-1206863{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-385 .elementor-element.elementor-element-1529ca7{--display:flex;--justify-content:space-between;--border-radius:12px 12px 12px 12px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-385 .elementor-element.elementor-element-1529ca7:not(.elementor-motion-effects-element-type-background), .elementor-385 .elementor-element.elementor-element-1529ca7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8e80885 );}.elementor-385 .elementor-element.elementor-element-5094e38{width:100%;max-width:100%;text-align:center;}.elementor-385 .elementor-element.elementor-element-5094e38 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:28px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-fbbca7d );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-385 .elementor-element.elementor-element-dbc67ab{width:var( --container-widget-width, 685px );max-width:685px;--container-widget-width:685px;--container-widget-flex-grow:0;text-align:center;font-family:"Host Grotesk", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-dbc67ab.elementor-element{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-385 .elementor-element.elementor-element-bd3cc82 .elementor-button{background-color:var( --e-global-color-67108ac );font-family:"Host Grotesk", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-72d08b6 );color:var( --e-global-color-72d08b6 );border-radius:4px 4px 4px 4px;}.elementor-385 .elementor-element.elementor-element-bd3cc82 .elementor-button:hover, .elementor-385 .elementor-element.elementor-element-bd3cc82 .elementor-button:focus{color:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-bd3cc82 .elementor-button:hover svg, .elementor-385 .elementor-element.elementor-element-bd3cc82 .elementor-button:focus svg{fill:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-5efb7b0{--display:flex;--justify-content:space-between;--border-radius:12px 12px 12px 12px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-385 .elementor-element.elementor-element-5efb7b0:not(.elementor-motion-effects-element-type-background), .elementor-385 .elementor-element.elementor-element-5efb7b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2b0f072 );}.elementor-385 .elementor-element.elementor-element-838a04b{width:100%;max-width:100%;text-align:center;}.elementor-385 .elementor-element.elementor-element-838a04b .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:28px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-fbbca7d );}.elementor-385 .elementor-element.elementor-element-d85a908{width:var( --container-widget-width, 685px );max-width:685px;--container-widget-width:685px;--container-widget-flex-grow:0;text-align:center;font-family:"Host Grotesk", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-d85a908.elementor-element{--align-self:center;}.elementor-385 .elementor-element.elementor-element-ca0dd2d .elementor-button{background-color:var( --e-global-color-67108ac );font-family:"Host Grotesk", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-72d08b6 );color:var( --e-global-color-72d08b6 );border-radius:4px 4px 4px 4px;}.elementor-385 .elementor-element.elementor-element-ca0dd2d .elementor-button:hover, .elementor-385 .elementor-element.elementor-element-ca0dd2d .elementor-button:focus{color:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-ca0dd2d .elementor-button:hover svg, .elementor-385 .elementor-element.elementor-element-ca0dd2d .elementor-button:focus svg{fill:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-6388e81{--display:flex;--justify-content:space-between;--border-radius:12px 12px 12px 12px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-385 .elementor-element.elementor-element-6388e81:not(.elementor-motion-effects-element-type-background), .elementor-385 .elementor-element.elementor-element-6388e81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF6559;}.elementor-385 .elementor-element.elementor-element-ba1b7e4{width:100%;max-width:100%;text-align:center;}.elementor-385 .elementor-element.elementor-element-ba1b7e4 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:28px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-fbbca7d );}.elementor-385 .elementor-element.elementor-element-7b7a23c{width:var( --container-widget-width, 685px );max-width:685px;--container-widget-width:685px;--container-widget-flex-grow:0;text-align:center;font-family:"Host Grotesk", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-7b7a23c.elementor-element{--align-self:center;}.elementor-385 .elementor-element.elementor-element-cb30cbd .elementor-button{background-color:var( --e-global-color-67108ac );font-family:"Host Grotesk", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-72d08b6 );color:var( --e-global-color-72d08b6 );border-radius:4px 4px 4px 4px;}.elementor-385 .elementor-element.elementor-element-cb30cbd .elementor-button:hover, .elementor-385 .elementor-element.elementor-element-cb30cbd .elementor-button:focus{color:var( --e-global-color-72d08b6 );}.elementor-385 .elementor-element.elementor-element-cb30cbd .elementor-button:hover svg, .elementor-385 .elementor-element.elementor-element-cb30cbd .elementor-button:focus svg{fill:var( --e-global-color-72d08b6 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-385 .elementor-element.elementor-element-d7276c9{--width:100%;}.elementor-385 .elementor-element.elementor-element-f8ae6a4{--content-width:1240px;}.elementor-385 .elementor-element.elementor-element-6af3340{--content-width:1240px;}.elementor-385 .elementor-element.elementor-element-d18b400{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-385 .elementor-element.elementor-element-d7276c9{--width:100%;}.elementor-385 .elementor-element.elementor-element-f8ae6a4{--content-width:1400px;}.elementor-385 .elementor-element.elementor-element-d18b400{--width:100%;}}@media(max-width:1024px){.elementor-385 .elementor-element.elementor-element-d7276c9{--min-height:70vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-385 .elementor-element.elementor-element-f8ae6a4{--padding-top:40px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-385 .elementor-element.elementor-element-163859f .elementor-heading-title{font-size:47px;}.elementor-385 .elementor-element.elementor-element-6af3340{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-385 .elementor-element.elementor-element-d18b400{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-385 .elementor-element.elementor-element-1206863{--e-con-grid-template-columns:repeat(3, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}.elementor-385 .elementor-element.elementor-element-1529ca7{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-385 .elementor-element.elementor-element-5094e38 .elementor-heading-title{font-size:18px;}.elementor-385 .elementor-element.elementor-element-dbc67ab{font-size:15px;}.elementor-385 .elementor-element.elementor-element-bd3cc82 .elementor-button{font-size:14px;}.elementor-385 .elementor-element.elementor-element-5efb7b0{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-385 .elementor-element.elementor-element-838a04b .elementor-heading-title{font-size:18px;}.elementor-385 .elementor-element.elementor-element-d85a908{font-size:15px;}.elementor-385 .elementor-element.elementor-element-ca0dd2d .elementor-button{font-size:14px;}.elementor-385 .elementor-element.elementor-element-6388e81{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-385 .elementor-element.elementor-element-ba1b7e4 .elementor-heading-title{font-size:18px;}.elementor-385 .elementor-element.elementor-element-7b7a23c{font-size:15px;}.elementor-385 .elementor-element.elementor-element-cb30cbd .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-385 .elementor-element.elementor-element-d7276c9{--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:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-385 .elementor-element.elementor-element-163859f .elementor-heading-title{font-size:36px;}.elementor-385 .elementor-element.elementor-element-6af3340{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-385 .elementor-element.elementor-element-d18b400{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-385 .elementor-element.elementor-element-1206863{--e-con-grid-template-columns:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-385 .elementor-element.elementor-element-1529ca7{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-385 .elementor-element.elementor-element-5094e38 .elementor-heading-title{font-size:27px;}.elementor-385 .elementor-element.elementor-element-dbc67ab{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:16px;}.elementor-385 .elementor-element.elementor-element-5efb7b0{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-385 .elementor-element.elementor-element-838a04b .elementor-heading-title{font-size:27px;}.elementor-385 .elementor-element.elementor-element-d85a908{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:16px;}.elementor-385 .elementor-element.elementor-element-6388e81{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-385 .elementor-element.elementor-element-ba1b7e4 .elementor-heading-title{font-size:27px;}.elementor-385 .elementor-element.elementor-element-7b7a23c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-f8ae6a4 */.elementor-385 .elementor-element.elementor-element-f8ae6a4 { /* Step 1: Add the standard backdrop-blur effect */ backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); /* Step 2: Ensure the content still displays correctly */ z-index: 1; /* Step 3: The Blend (The Gradient Mask) */ /* This creates a soft transition where the blur fades out */ -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, /* Fully clear at top */ rgba(0,0,0,1) 15%, /* Fully blurry (solid mask) */ rgba(0,0,0,1) 85%, /* Fully blurry (solid mask) */ rgba(0,0,0,0) 100% /* Fully clear at bottom */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-dbc67ab */.elementor-385 .elementor-element.elementor-element-dbc67ab p{margin-bottom:0px;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d85a908 */.elementor-385 .elementor-element.elementor-element-d85a908 p{margin-bottom:0px;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7b7a23c */.elementor-385 .elementor-element.elementor-element-7b7a23c p{margin-bottom:0px;}/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Host Grotesk'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://marinersvolleyballclub.com/wp-content/uploads/2025/08/HostGrotesk-VariableFont_wght.ttf') format('truetype'); } /* End Custom Fonts CSS */