body.post-type-archive-realworks_wonen #et-main-area h2,
body.single-realworks_wonen #et-main-area h2 {
    font-weight: 700;
    font-size: 48px;
    color: #fbf3e2;
    font-family: 'TeodorTRIAL', serif;
    padding: 40px 0 40px 60px;
    line-height: 1em;
    border-left: 1px solid #C6BB81;
}
#et-main-area h2 span {
    color: #c6bb81;
}


.post-type-archive button, 
.post-type-archive input, 
.post-type-archive optgroup, 
.post-type-archive select, 
.post-type-archive textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit;
    font-family: 'TeodorTRIAL', serif;
}


#entity-search {
    padding: 0 60px;
    display: flex;
    width: 100%;
}
#entity-search > div {
    flex: 1; 
    border: 1px solid #C6BB81; 
    border-top: 0;
    border-right: 0;
    padding: 10px;
}
#entity-search > div:last-child {
    border-right: 1px solid #C6BB81; 
}
#entity-search > div:first-child {
    flex: 0.5;
}
#entity-search > div:first-child .search-items {
    width: 119px;
}

#entity-search-form select {
    cursor: pointer;
    width: 100%;
    height: 65px;
    border-radius: 0;
    font-size: 16px;
    border: 0;
    color: #FBF3E2;
    background-color: transparent;
    padding: 5px 30px 5px;
    background-image: url(../img/select-arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px auto;

    padding: 5px 27px 5px 5px;
    background-position: right 10px center;
}
#entity-search-form input[type=text] {
    width: 230px;
    height: 65px;
    border-radius: 0;
    font-size: 16px;
    border: 0;
    color: #FBF3E2;
    background-color: transparent;
    padding: 5px 30px 5px 10px;
    background-image: url(../img/search-icon-flipped.webp);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px;
    
    background-position: right 10px center;
}
#entity-search-form input[type="text"]:-webkit-autofill {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #FBF3E2 !important;
    background-image: url(../img/search-icon-flipped.webp) !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    transition: background-color 9999s ease-out, color 9999s ease-out;
}
#entity-search-form input[type="text"]::placeholder {
    color: #FBF3E2; 
    opacity: 1;
  }



#entity-results {
    padding: 0 60px;
    margin-top: 70px;
}
.search-settings {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.search-settings ul {
    display: flex;
    align-items: center;
}
.search-settings ul li {
    border: 1px solid #C6BB81; 
    border-right: 0;
    padding: 10px;
    height: 87px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-settings ul li:last-child {
    border-right: 1px solid #C6BB81; 
}
.search-settings ul li svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: #C6BB81; 
}
#entity-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-bottom: 100px;
}


.archive_pagination {
    margin: 0 auto 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.archive_pagination .pagination,
.archive_pagination .pagination ul {
    display: flex;   
}
.archive_pagination .pagination a,
.archive_pagination .pagination span{
    height: 87px;
    width: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #C6BB81; 
    border-bottom: 1px solid #C6BB81;
    border-right: 1px solid #C6BB81;  
}
.archive_pagination .pagination > a:first-child,
.archive_pagination .pagination > span:first-child{
    border-left: 1px solid #C6BB81; 
}
.archive_pagination .pagination li span {
    color: #C6BB81;
}
.archive_pagination .pagination li span.current{
    position: relative;
    z-index: 1;
    color: #fff;
}
.archive_pagination .pagination li span.current:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #C6BB81;
    border-radius: 50%;
    z-index: -1;
}
.archive_pagination .pagination > a:hover svg g {
    fill: #C6BB81;
}

#entity-results.grid .object_grid,
#entity-results.map .object_map {
    display: block
}
#entity-results.grid .object_map,
#entity-results.map .object_grid {
    display: none
}
#entity-results.map #google-map {
    background-color: #C6BB81;
    height: 720px;
    width: 100%
}


@media screen and (max-width: 1250px) {
    #entity-search,
    #entity-results {
        padding: 0;
    }
}
@media screen and (max-width: 987px) {
    #__header .section-container figure {
        display: none;
    }
    #et-main-area h2 {
        border: 0;
        padding: 40px 0;
    }

    #entity-search > div {
        border-right: 1px solid #C6BB81;
    }
    #entity-search > div:nth-child(even) {
        border-left: 0;
    }
    #entity-search > div {
        display: none;
    }
    #entity-search > div:nth-child(1),
    #entity-search > div:nth-child(2) {
        display: block;
    }
    #entity-search > div:first-child {
        flex: 0.1;
    }
    #entity-search-form input[type=text] {
        width: 100%;
    }

    #entity-items {
        grid-template-columns: repeat(1, 1fr);
    }

   
}
@media screen and (max-width: 600px) {
    .archive_pagination .pagination a, 
    .archive_pagination .pagination span {
        height: 50px;
        width: 50px;
    }
}
@media screen and (max-width: 480px) {
    #entity-search > div:first-child .search-items {
        width: 80px;
    }
}