.elementor-2979 .elementor-element.elementor-element-bfb1c9a{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--padding-top:200px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2979 .elementor-element.elementor-element-bfb1c9a:not(.elementor-motion-effects-element-type-background), .elementor-2979 .elementor-element.elementor-element-bfb1c9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bryggasportsbar.com/wp-content/uploads/2025/12/Brygga-sportsbar9.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2979 .elementor-element.elementor-element-bfb1c9a::before, .elementor-2979 .elementor-element.elementor-element-bfb1c9a > .elementor-background-video-container::before, .elementor-2979 .elementor-element.elementor-element-bfb1c9a > .e-con-inner > .elementor-background-video-container::before, .elementor-2979 .elementor-element.elementor-element-bfb1c9a > .elementor-background-slideshow::before, .elementor-2979 .elementor-element.elementor-element-bfb1c9a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2979 .elementor-element.elementor-element-bfb1c9a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-2979 .elementor-element.elementor-element-d5f2005{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2979 .elementor-element.elementor-element-84777f9{--display:flex;--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;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-2979 .elementor-element.elementor-element-2c799a8 .ewpe-main-wrapper{--ewpe-lm-btn-text-align:center;--ewpe-lm-btn-mt:25px;--ewpe-lm-btn-pd:8px 20px 8px 20px;}.elementor-2979 .elementor-element.elementor-element-2c799a8{--event-column:3;--ewpe-gap:15px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2979 .elementor-element.elementor-element-2c799a8{--event-column:2;}}@media(max-width:767px){.elementor-2979 .elementor-element.elementor-element-bfb1c9a{--padding-top:144px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-2979 .elementor-element.elementor-element-2c799a8{--event-column:1;}}/* Start custom CSS for the-event-main, class: .elementor-element-2c799a8 *//* --- PERFEKT 30/70 FILTER-DESIGN (BUG FIX) --- */

/* 1. Hovedhuset og rommene: Fjerner ALL bakgrunn slik at det svarte fra nettsiden viser i mellomrommet */
.elementor-widget-container .ewpe-filter-bar,
.ewpe-filterbar-filters,
.ewpe-filterbar-main {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 1 !important;
    margin: 0 !important;
}

/* 2. Flex-oppsettet: Tvinger dem på én linje med 20px mellomrom */
.elementor-widget-container .ewpe-filter-bar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
}

/* 3. Størrelsesfordelingen (30/70) */
.ewpe-filterbar-filters {
    order: 1 !important;
    flex: 0 0 30% !important;
    width: 30% !important;
}
.ewpe-filterbar-main {
    order: 2 !important;
    flex: 1 !important; 
}

/* 4. DESIGNET: Gjør BEGGE "knappene" helt hvite med perfekt form */
.ewpe-filterbar-main .ewpe-filter-group,
.ewpe-filterbar-filters .ewpe-filter-group {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    height: 55px !important; /* Perfekt høyde */
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    width: 100% !important;
    border: none !important;
}

/* 5. Fjerner alt av nettleserens rot på skrivefeltet og menyen (Dette fikser bugen!) */
.ewpe-filter-group select,
.ewpe-filter-group input {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px !important; /* Litt luft mellom ikonet og teksten */
    margin: 0 !important;
    color: #111111 !important;
    font-size: 16px !important;
    line-height: normal !important; /* Fikser skjevhet i høyden */
}

/* 6. Sikrer at ikonene inni boksene er pene og uten vertikale streker */
.ewpe-filter-group i {
    color: #222222 !important;
    background: transparent !important;
    border-right: none !important;
    font-size: 18px !important;
    margin-right: 5px !important;
}

/* 7. MOBIL: Legger dem pent under hverandre igjen på små skjermer */
@media (max-width: 768px) {
    .elementor-widget-container .ewpe-filter-bar {
        flex-direction: column !important;
    }
    .ewpe-filterbar-filters,
    .ewpe-filterbar-main {
        width: 100% !important;
        flex: 1 1 100% !important;
        order: initial !important; 
    }
}/* End custom CSS */