/* Generated from page: brands */
.themify_builder_content-13855 .tb_he7z410{background-color:#fff;padding-top:20px;padding-left:20px}
.themify_builder_content-13855 .tb_he7z410 div h2{font-style:normal;font-size:32px;font-family:"Montserrat";font-weight:700}
.themify_builder_content-13855 .tb_xzss410{padding-right:15px;padding-left:15px}
.themify_builder_content-13855 .tb_sg1n779 div h1{font-family:"Montserrat";font-weight:400}
.themify_builder_content-13855 .tb_sg1n779{background-color:#fff;padding-right:20px;padding-left:20px}
.themify_builder_content-13855 .tb_sg1n779 div h3{font-style:normal;font-size:28px;font-family:"Montserrat";font-weight:500}
.themify_builder_content-13855 .tb_fdf7779{align-content:start;padding-right:20px;border-bottom-left-radius:10px;border-top-left-radius:10px}
.themify_builder_content-13855 .tb_5obb779.module-plain-text{padding:10px 0}
.themify_builder_content-13855 .tb_y315217{margin-top:30px;padding-right:20px;padding-left:20px;margin-bottom:30px}
.themify_builder_content-13855 .tb_y315217 div h2{font-style:normal;font-size:24px;font-family:"Montserrat";font-weight:600}
.themify_builder_content-13855 .tb_3tqw217{padding-bottom:10px;padding-top:10px;border-radius:10px;border:1px solid #dedede;border-top-color:#dedede;box-shadow:5px 5px 10px 0 #e8e8e8;background-color:#fff}
.themify_builder_content-13855 .tb_c0pc217.module-text{padding-left:30px;padding-top:10px}
.themify_builder_content-13855 .tb_c0pc217.module-text.module .tb_text_wrap h2{font-family:"Montserrat";font-weight:600;font-style:normal}
.themify_builder_content-13855 .tb_c0pc217.module-text.module h2,.themify_builder_content-13855 .tb_h59a217.module-text.module h2{font-size:24px}
.themify_builder_content-13855 .tb_ahyt217.module-plain-text{padding-right:30px;padding-left:30px}
.themify_builder_content-13855 .tb_h59a217.module-text{padding-right:20px;padding-left:20px;margin-bottom:30px;padding-top:50px}
.themify_builder_content-13855 .tb_h59a217.module-text.module .tb_text_wrap h2{font-style:normal;font-family:"Montserrat";font-weight:600}
.themify_builder_content-13855 .tb_h59a217.module-text.module .tb_text_wrap h3{font-style:normal;font-family:"Montserrat";font-weight:500}
.themify_builder_content-13855 .tb_h59a217.module-text.module h3{font-size:20px}
.themify_builder_content-13855 .tb_m8bw217.module-plain-text{padding-top:30px;padding-right:20px;padding-left:20px;margin-bottom:30px;margin-top:0}
.themify_builder_content-13855 .tb_zu5t217.module-plain-text{padding-right:20px;padding-left:20px}
.themify_builder_content-13855 .tb_ox2z217.module-plain-text{padding-right:20px;padding-left:20px;padding-bottom:20px}

@media(max-width:1024px){
.themify_builder_content-13855 .tb_fdf7779{border-left:1px solid #f7f7f7;border-left-color:#f7f7f7}
}
@media(max-width:768px){
.themify_builder_content-13855 .tb_sg1n779,.themify_builder_content-13855 .tb_y315217{padding-right:0;padding-left:0}
.themify_builder_content-13855 .tb_sg1n779 div h3{font-size:18px}
.themify_builder_content-13855 .tb_fdf7779{border-right:1px solid #f7f7f7;border-right-color:#f7f7f7;border-bottom-left-radius:0;border-top-right-radius:10px}
.themify_builder_content-13855 .tb_5obb779.module-plain-text{padding-right:10px;padding-left:10px}
.themify_builder_content-13855 .tb_c0pc217.module-text{padding-left:20px}
.themify_builder_content-13855 .tb_ahyt217.module-plain-text{padding-right:20px;padding-left:20px}
}
@media(max-width:600px){
.themify_builder_content-13855 .tb_he7z410{padding-top:30px}
.themify_builder_content-13855 .tb_xzss410,.themify_builder_content-13855 .tb_5obb779.module-plain-text{padding-right:0;padding-left:0}
.themify_builder_content-13855 .tb_fdf7779{border-left:0 solid #f7f7f7;border-right:0 solid #f7f7f7;padding-right:0;margin-right:0;margin-left:0;padding-left:0}
.themify_builder_content-13855 .tb_y315217{padding-bottom:30px}
.themify_builder_content-13855 .tb_h59a217.module-text{padding-right:15px;padding-left:15px}
}/*Builder Custom CSS START*/
/* SUP Funk reusable responsive hero */
.sf-hero{
position:relative!important;
width:100%;
overflow:hidden;
}

.sf-hero>.row_inner,
.sf-hero .row_inner{
position:relative!important;
width:100%!important;
max-width:none!important;
}

.sf-hero__image{
width:100%!important;
margin:0!important;
padding:0!important;
}

.sf-hero__image img{
display:block!important;
width:100%!important;
height:auto!important;
margin:0!important;
object-fit:contain;
}

.sf-hero__panel{
position:absolute!important;
z-index:5;
top:40%;
width:min(560px,38vw);
margin:0!important;
padding:30px 34px;
background:rgba(15,15,15,.50);
-webkit-backdrop-filter:blur(4px);
backdrop-filter:blur(4px);
border-radius:14px;
box-shadow:0 10px 28px rgba(0,0,0,.15);
color:#fff;
transform:translateY(-50%);
}

.sf-hero__panel--right{
right:5%!important;
left:auto!important;
}

.sf-hero__panel--left{
left:5%!important;
right:auto!important;
}

.sf-hero__panel h1{
margin:0 0 12px;
color:#fff;
font-size:clamp(34px,2.8vw,50px);
font-weight:650;
line-height:1.08;
letter-spacing:-.025em;
}

.sf-hero__panel>p:not(.sf-hero__eyebrow){
margin:0;
color:rgba(255,255,255,.92);
font-size:clamp(16px,1.15vw,18px);
line-height:1.55;
}

.sf-hero__eyebrow{
margin:0 0 10px!important;
color:#e4a91b!important;
font-size:12px!important;
font-weight:800!important;
line-height:1.3!important;
letter-spacing:.11em!important;
text-transform:uppercase;
}

@media(max-width:1100px){
.sf-hero__panel{
top:52%;
width:min(500px,45vw);
padding:25px 28px;
}

.sf-hero__panel--right{
right:3%!important;
}

.sf-hero__panel--left{
left:3%!important;
}

.sf-hero__panel h1{
font-size:clamp(30px,4vw,42px);
}
}

@media(max-width:800px){
.sf-hero{
overflow:visible;
}

.sf-hero>.row_inner,
.sf-hero .row_inner{
display:block!important;
}

.sf-hero__panel,
.sf-hero__panel--right,
.sf-hero__panel--left{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:24px;
border-radius:0;
background:#171717;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:none;
transform:none!important;
}

.sf-hero__panel h1{
font-size:clamp(30px,7vw,40px);
}
}

@media(max-width:600px){
.sf-hero__panel{
padding:22px 20px 24px;
}

.sf-hero__panel h1{
font-size:clamp(28px,9vw,38px);
}

.sf-hero__panel>p:not(.sf-hero__eyebrow){
font-size:15px;
line-height:1.55;
}

.sf-hero__eyebrow{
font-size:11px!important;
}
}


/* SUP Funk Brands Grid */
.sf-brands{
--sf-ink:#242424;
--sf-muted:#626262;
--sf-gold:#e7a817;
--sf-gold-text:#956600;
--sf-border:#dedede;
width:100%;
max-width:none;
margin-inline:auto;
font-family:inherit;
color:var(--sf-ink);
}

.sf-brands,
.sf-brands *{
box-sizing:border-box;
}

.sf-brands .sf-brands__intro{
max-width:none;
margin:0 0 32px;
color:var(--sf-muted);
font-size:16px;
line-height:1.75;
text-align:left;
}

.sf-brands .sf-brands__grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
margin:0;
padding:0;
list-style:none;
}

.sf-brands .sf-brands__item{
display:flex;
min-width:0;
margin:0;
padding:0;
}

.sf-brands .sf-brands__item::before{
content:none;
}

.sf-brands a.sf-brand{
position:relative;
display:flex;
flex-direction:column;
width:100%;
min-width:0;
overflow:hidden;
border:1px solid var(--sf-border);
border-radius:16px;
background:#fff;
color:var(--sf-ink);
text-decoration:none;
box-shadow:0 5px 20px rgb(0 0 0 / 4%);
transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}

.sf-brands .sf-brand::before{
content:"";
position:absolute;
inset:0 0 auto;
height:3px;
background:var(--sf-gold);
z-index:1;
}

/* Shared logo area */
.sf-brands .sf-brand__media{
display:flex;
align-items:center;
justify-content:center;
height:150px;
padding:20px 24px;
overflow:hidden;
background:#fff;
border-bottom:1px solid #eeeeeb;
}

.sf-brands .sf-brand__media img{
display:block;
width:auto;
height:auto;
max-width:205px;
max-height:95px;
margin:auto;
object-fit:contain;
object-position:center;
border:0;
border-radius:0;
box-shadow:none;
}

/* Individual optical logo sizing */
.sf-brands .sf-brand--eisbach .sf-brand__media img{
max-width:150px;
max-height:88px;
}

.sf-brands .sf-brand--jobe .sf-brand__media img{
max-width:235px;
max-height:92px;
}

.sf-brands .sf-brand--moai .sf-brand__media img{
max-width:190px;
max-height:95px;
}

.sf-brands .sf-brand--nrs .sf-brand__media img{
max-width:235px;
max-height:92px;
}

.sf-brands .sf-brand--outdoor-master .sf-brand__media img{
max-width:205px;
max-height:95px;
}

.sf-brands .sf-brand--speaqua .sf-brand__media img{
max-width:205px;
max-height:95px;
}

.sf-brands .sf-brand--spinlock .sf-brand__media img{
max-width:205px;
max-height:95px;
}

.sf-brands .sf-brand--supfunk .sf-brand__media img{
max-width:205px;
max-height:95px;
}

.sf-brands .sf-brand__body{
display:flex;
flex:1;
flex-direction:column;
padding:25px;
}

.sf-brands .sf-brand__eyebrow{
margin:0 0 9px;
color:var(--sf-gold-text);
font-size:11px;
font-weight:700;
line-height:1.5;
letter-spacing:.09em;
text-transform:uppercase;
}

.sf-brands .sf-brand__title{
margin:0 0 10px;
color:var(--sf-ink);
font-family:inherit;
font-size:25px;
font-weight:700;
line-height:1.2;
letter-spacing:-.025em;
text-transform:none;
overflow-wrap:anywhere;
}

.sf-brands .sf-brand__description{
margin:0 0 24px;
color:var(--sf-muted);
font-size:15px;
line-height:1.7;
}

.sf-brands .sf-brand__cta{
display:flex;
align-items:center;
gap:10px;
margin-top:auto;
color:var(--sf-ink);
font-size:14px;
font-weight:700;
line-height:1.5;
}

.sf-brands .sf-brand__arrow{
color:var(--sf-gold-text);
font-size:23px;
line-height:1;
}

.sf-brands .sf-brand:focus-visible{
outline:3px solid var(--sf-ink);
outline-offset:4px;
}

.sf-brands .sf-brand:focus-visible .sf-brand__cta{
text-decoration:underline;
text-underline-offset:4px;
}

@media(hover:hover) and (pointer:fine){
.sf-brands a.sf-brand:hover{
transform:translateY(-3px);
border-color:var(--sf-gold);
box-shadow:0 10px 28px rgb(0 0 0 / 8%);
}

.sf-brands .sf-brand:hover .sf-brand__cta{
text-decoration:underline;
text-underline-offset:4px;
}
}

@media(max-width:1279px){
.sf-brands .sf-brands__grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}

@media(max-width:1023px){
.sf-brands .sf-brands__grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
}

@media(max-width:639px){
.sf-brands .sf-brands__grid{
grid-template-columns:minmax(0,1fr);
gap:18px;
}

.sf-brands .sf-brand__media{
height:130px;
padding:18px 20px;
}

.sf-brands .sf-brand__media img{
max-width:185px;
max-height:88px;
}

.sf-brands .sf-brand--eisbach .sf-brand__media img{
max-width:140px;
}

.sf-brands .sf-brand--jobe .sf-brand__media img,
.sf-brands .sf-brand--nrs .sf-brand__media img{
max-width:215px;
}

.sf-brands .sf-brand__body{
padding:22px;
}
}

@media(prefers-reduced-motion:reduce){
.sf-brands a.sf-brand{
transition:none;
}

.sf-brands a.sf-brand:hover{
transform:none;
}
}
/*Builder Custom CSS END*/