@media all {
  *#dm .dmInner nav.u_1446019075 { color:white !important; }

  *#dm .dmInner nav.u_1576346910 { color:white !important; }

  *#dm .dmInner nav.u_1329910409 { color:white !important; }

  *#dm .dmInner div.u_1024363133 img {
    object-fit:contain !important;
    border-radius:300px 300px 0px 0px !important;
  }

  *#dm .dmInner div.u_1345919587 img {
    object-fit:contain !important;
    border-radius:300px 300px 0px 0px !important;
  }

  *#dm .dmInner div.u_1530380741 img {
    object-fit:contain !important;
    border-radius:300px 300px 0px 0px !important;
  }

  *#dm .dmInner nav.u_1427958187 { color:black !important; }

  *#dm .dmInner nav.u_1998592992 { color:white !important; }

  *#dm .dmInner nav.u_3856174845 { color:white !important; }
}
.fcgCjo
{
	inset:0 !important;
	padding-block-start:0 !important;
}
@media (min-width:0px) and (max-width:767px) {}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: rgba(0, 0, 0, 0.61);
    --overlapping-background-image: rgba(255, 255, 255, 1);
}
}



@media all {
    
#\36 3bd85219866cc3622781521::before, #\36 3bd85219866cc3622781521 > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc3622781521 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 100px 0px 100px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 1000px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 140px 0px 0px 40px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: var(--color_1);
    background-image: url("https://lirp.cdn-website.com/8b2e118b/dms3rep/multi/opt/AL2A0805+-+East+Bay+Basketball-1920w.JPG");
    background-position: 50% 100%;
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_o59 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#group_q62 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 64px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 2%;
    height: auto;
    order: 3;
    padding: 0px 0px 10px 0px;
    margin: 20px 0% 0px 0%;
}
    
#widget_14i {
    width: 220px;
    height: auto;
    min-height: 54px;
    max-width: 100%;
}
    
#widget_6bq {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_fhl {
    width: 75.13%;
    height: 512px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: -38px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#ff274cf7 {
    width: 245px;
    height: auto;
    min-height: 57px;
    max-width: 100%;
    order: 3;
    justify-self: auto;
    align-self: auto;
    margin: 2% 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 84d035c {
    background-color: rgba(0, 0, 0, 0);
    background-image: initial;
}
    
#d355f1ed {
    min-height: 1029px;
    column-gap: 10%;
    row-gap: 60px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 2% 2% 4% 2%;
    margin: 0% 0% 0% 0%;
}
    
#\39 f725cca {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 54.59%;
    min-width: 4%;
    justify-content: flex-start;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\31 25dc6c9 {
    justify-content: flex-end;
    align-items: center;
    width: 35.28%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#b0eb7931 {
    width: 933.5px;
    height: auto;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#\34 71707bb {
    width: 100.00%;
    height: 352px;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: stretch;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 5c29fcb {
    width: 921px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
    
#\33 e861614 {
    width: 86.21%;
    height: 260px;
    max-width: 100%;
    order: 0;
    margin-top: -118px;
}
    
#aae3696a {
    width: 100.00%;
    height: 299px;
    max-width: 100%;
    order: 1;
    justify-self: auto;
    align-self: auto;
    margin: -5px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\31 c37a09f {
    width: 100.00%;
    height: 331px;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    margin: -10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    padding: 200px 20px 60px 20px;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_o59 {
    width: 344.3px;
    order: 2;
}
    
#\36 3bd85219866cc3622781521::before, #\36 3bd85219866cc3622781521 > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc3622781521 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#widget_fhl {
    height: 18px;
    order: 1;
}
    
#widget_6bq {
    order: 0;
}
    
#group_q62 {
    order: 3;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#ff274cf7 {
    min-height: 64px;
    width: 172px;
    margin-top: 2%;
}
    
#d355f1ed {
    padding-left: 2%;
    padding-right: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    column-gap: 4%;
    row-gap: 0px;
    padding-bottom: 2%;
}
    
#\39 f725cca {
    width: 100%;
    min-height: 80px;
    row-gap: 16px;
}
    
#\31 25dc6c9 {
    width: 100%;
    min-height: 286px;
    flex-direction: row;
    height: auto;
    align-items: flex-end;
    justify-content: center;
}
    
#b0eb7931 {
    order: 1;
}
    
#\34 71707bb {
    align-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    height: 365px;
    order: 0;
}
    
#\33 5c29fcb {
    order: 2;
}
    
#\33 e861614 {
    height: 304px;
    width: 201.688px;
    margin: 0% 0% 0px 0%;
}
    
#aae3696a {
    width: 29.96%;
    height: 298px;
}
    
#\31 c37a09f {
    width: 31.88023549201009%;
    margin-left: 0.5%;
    height: 298px;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781521::before, #\36 3bd85219866cc3622781521 > .bgExtraLayerOverlay {
    
}
#\36 3bd85219866cc3622781521 {
    min-height: 514px;
    align-items: center;
    width: 100%;
    order: 0;
    row-gap: 0px;
    height: auto;
    padding: 0px 0px 0px 0px;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 150px 4% 50px 4%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#group_q62 {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    row-gap: 9px;
    height: auto;
    min-height: 117px;
    padding: 0px 0px 0px 0px;
    margin: 20px 0% 0px 0%;
}
    
#widget_14i {
    min-width: 32px;
    margin: 0px 0% 0px 0%;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_o59.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_o59 {
    margin: 15px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#ff274cf7 {
    min-height: 64px;
    width: 172px;
    margin-top: 2%;
}
    
#d355f1ed {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 24px;
    padding: 4% 4% 0% 4%;
}
    
#\39 f725cca {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 16px 16px 16px 16px;
}
    
#\31 25dc6c9 {
    width: 100%;
    min-height: 235px;
    align-items: center;
    height: auto;
}
    
#\34 71707bb {
    height: 240px;
}
    
#\33 e861614 {
    height: auto;
    width: 80%;
    margin-top: 5px;
}
    
#aae3696a {
    height: auto;
    width: 80%;
}
    
#\31 c37a09f {
    height: auto;
    width: 80%;
}
}

