/*
Theme Name: Atlas 3.0
Template: twentytwentyfour
*/

/* Import parent theme styles */
@import url('../twentytwentyfour/style.css');

/* Add custom styles below this line */
/*
header {
    display: none;  
}
*/
@media (min-width: 782px) {
    div.border-right {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }

    div.border-left {
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        padding-left: 15px;
    }

    div.border-right-white {
        border-right: 1px solid rgba(255, 255, 255, 1);
    }
}

@media (max-width: 782px) {
    center-on-mobile {
        text-align: center;
    }
}

.wp-block-separator {
    border-color: rgba(255, 255, 255, 0.3);
}

.searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* Adjust the gap as needed */
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* Item styles */
.searchandfilter ul li {
    flex: 1 1 calc(25% - 10px);
    /* 25% width minus the gap */
    box-sizing: border-box;
    /* Ensure padding and border are included in the width */
}

.searchandfilter ul li select {
    width: 100%;
    min-width: 100%;
    border: 0;
    border-radius: 20px;
}

.searchandfilter ul li label br {
    display: none;
}

.searchandfilter select.sf-input-select {
    width: 100%;
    min-width: 0;
    color: black;
    padding: 10px;
}

.searchandfilter select.sf-input-select option:first-child {
    width: 100%;
    min-width: 0;
}

.searchandfilter ul li.sf-field-search {
    display: block;
    width: 100%;
    margin: 0;
}

.searchandfilter ul li.sf-field-search input {
    background-image: url('loupe.svg');
    background-size: 1.2em auto;
    background-repeat: no-repeat;
    background-position: center right;
    border: 10px solid #fff;
    border-radius: 20px;
}

.searchandfilter input[type=submit] {
    background-color: var(--wp--preset--color--guld);
    border: 0;
    outline: 0;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 10px 30px;
    color: white;
}

.searchandfilter input[type=submit]:focus,
.searchandfilter input[type=submit]:hover {
    background-color: black;
    border: 0;
    outline: 0;
    color: white;
}

.searchandfilter label {
    display: block;
}

input.sf-input-text {
    width: 100%;
}

select.sf-input-select {
    text-overflow: ellipsis;
    padding-right: 1.25em;
    margin: 0 !important;
}

li.sf-field-sort_order>ul>li>label {
    display: inline-block !important;
    padding-left: 5px !important;
}
li.sf-field-sort_order>ul>li.sf-option-active>label {
    font-weight: bold;
}

li.sf-field-sort_order>ul>li:first-child {
    padding-right: 10px;

}

li.sf-field-sort_order {
    font-size: 16px;
    text-align: end;
}

li.sf-field-sort_order h4,
li.sf-field-sort_order ul {
    display: inline-block;
}

li.sf-field-sort_order ul li {
    display: inline;
}


.pallplats-listing {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 10px;
    /* Adjust the gap between items */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

body.home .pallplats-listing {
    /* Adjust the gap between items */
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.pallplats-listing li {
    flex: 1 1 calc(14% - 10px);
    /* Adjust the width to ensure consistent columns for 7 columns */
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0;
    /* Vertical margin between rows */
    box-sizing: border-box;
    /* Ensure padding and border are included in the width/height */
}

/*
@media (max-width: 768px) {
    .pallplats-listing {
        flex-direction: column;
    }

    .pallplats-listing li {
        flex: 1 1 100%;
    }
}
*/

table.top-five-list {
    width: 100%;

}

table.top-five-list tr {
    margin: 0;
    padding: 0;
}

table.top-five-list tr td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 10px 0;
}

table.top-five-list tr:last-child td {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important; */
}

table.top-five-list tr td:last-child {
    /* width: 10%; */
    text-align: right;
}


header {
    position: relative;
    margin-bottom: -100px;
    z-index: 100;
}

body.home .tillbaka {
    display: none;
}
body:not(.home) .tagline {
    display: none;
}

figure.invert-image img {
    filter: invert(1);
}