.projectlisting { padding: 2.5rem 6.25rem !important; /* * **** * ** * * * * * * */ }
@media screen and (max-width: 1381px) { .projectlisting { padding: 2.5rem !important; } }
@media screen and (max-width: 767px) { .projectlisting { padding: 2.5rem 1rem !important; } }
.projectlisting .searchandfilter ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; position: relative; padding: 0; }
@media screen and (max-width: 767px) { .projectlisting .searchandfilter ul { padding-left: 0; } }
.projectlisting .searchandfilter ul li { flex: 0 0 auto; }
@media screen and (max-width: 991px) { .projectlisting .searchandfilter ul li { flex: 0 0 auto; } }
.projectlisting .searchandfilter ul li.sf-field-search { flex: 1 0 100%; text-align: center; margin-bottom: 2rem; }
@media screen and (max-width: 991px) { .projectlisting .searchandfilter ul li.sf-field-search { margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .projectlisting .searchandfilter ul li.sf-field-search { flex: 1 0 100%; margin-bottom: 15px; } }
.projectlisting .searchandfilter ul li.sf-field-search label { width: 100%; }
.projectlisting .searchandfilter ul li.sf-field-search label input { border-radius: 0; border: 1px solid #E7E7E7; font-size: 1rem; line-height: 1; padding: 20px 24px 21px 24px; max-width: 750px; margin-right: 40px; outline: none !important; display: inline-block; }
@media screen and (max-width: 1381px) { .projectlisting .searchandfilter ul li.sf-field-search label input { width: 65%; } }
@media screen and (max-width: 991px) { .projectlisting .searchandfilter ul li.sf-field-search label input { width: 96%; margin-right: 58px; } }
@media screen and (max-width: 767px) { .projectlisting .searchandfilter ul li.sf-field-search label input { width: 100%; margin-right: 0; } }
.projectlisting .searchandfilter ul li.sf-field-search label .resetValueBtn { color: #FFF; position: relative; margin: 10px auto 0 auto; display: inline-block; width: fit-content; }
.projectlisting .searchandfilter ul li.sf-field-reset-selector { position: relative; padding-left: 15px; display: flex; align-content: center; align-items: center; }
.projectlisting .searchandfilter ul li.sf-field-reset-selector a.resetSelectorBtn { color: #FFF; position: relative; top: auto; right: auto; margin: 0 auto; display: block; width: fit-content; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] { padding-top: 0; padding-bottom: 0; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select { border: 1px solid #FFF; background-color: #FFF; width: 252px; padding: 12px 29px 16px 29px; position: relative; height: 58px; max-height: 58px; margin-right: 30px; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select::after { content: ""; position: absolute; display: block; width: 11px; height: 9px; top: 25px; right: 30px; background-image: url(../images/chevron-down-solid.svg); background-repeat: no-repeat; transform: rotate(180deg); transition: all 200ms ease-in-out; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option { cursor: pointer !important; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option:first-child { margin-top: 10px; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option:last-child { padding-bottom: 15px; position: unset !important; text-align: left !important; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option input { display: none; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option label { padding-left: 0; width: 100%; padding: 8px 29px; cursor: pointer !important; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option.sf-option-active { font-weight: bold; color: #545F76; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="select"] select option:hover { background-color: #545F7633; }
@media screen and (max-width: 991px) { .projectlisting .searchandfilter ul li[data-sf-field-input-type="select"]:last-child select { margin-right: 0; } }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"] { border: 1px solid #FFF; background-color: #FFF; width: 252px; padding: 12px 29px 16px 29px; position: relative; max-height: 58px; margin-right: 30px; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"]::after { content: ""; position: absolute; display: block; width: 11px; height: 9px; top: 25px; right: 30px; background-image: url(../images/chevron-down-solid.svg); background-repeat: no-repeat; transform: rotate(180deg); transition: all 200ms ease-in-out; }
@media screen and (max-width: 991px) { .projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"] { margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"] { width: 100%; margin-right: 0; } }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"] h4 { padding-left: 7px; padding-right: 7px; padding-bottom: 20px; color: #545F76; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"] ul { display: none; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active { border-radius: 0; border-bottom: none; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active::after { transform: rotate(0deg); }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active h4 { border-bottom: 1px solid #545F76; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul { display: block; position: absolute; z-index: 9997; background-color: #fff; border-radius: 0px; overflow: hidden; width: 254px; border: 1px solid #717B90; border-top: none; left: -2px; padding: 0; }
@media screen and (max-width: 767px) { .projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul { width: 100%; } }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li { cursor: pointer !important; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li:first-child { margin-top: 10px; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li:last-child { padding-bottom: 15px; position: unset !important; text-align: left !important; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li input { display: none; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li label { padding-left: 0; width: 100%; padding: 8px 29px; cursor: pointer !important; }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li.sf-option-active { font-weight: bold; color: #333; background-color: rgba(191, 38, 39, 0.75); }
.projectlisting .searchandfilter ul li[data-sf-field-input-type="checkbox"].active ul li:hover { background-color: rgba(191, 38, 39, 0.75); }
.projectlisting .resetValueBtn, .projectlisting .resetSelectorBtn { color: #545F76; font-weight: bold; font-size: 1rem; line-height: 19px; text-decoration: underline; cursor: pointer; }
.projectlisting .resetValueBtn::before, .projectlisting .resetSelectorBtn::before { content: ""; width: 14px; height: 14px; position: absolute; display: block; left: -20px; top: 2px; background-image: url(../images/xmark-solid.svg); background-repeat: no-repeat; }
@media screen and (max-width: 991px) { .projectlisting .resetValueBtn, .projectlisting .resetSelectorBtn { position: relative; top: 0; right: 0; width: fit-content; margin: 40px auto 0 auto; } }
.projectlisting .resetSelectorBtn { top: 159px; right: 20px; }
@media screen and (max-width: 1200px) { .projectlisting .resetSelectorBtn { position: relative; top: 0; right: 0; width: fit-content; margin: 40px auto 0 auto; } }
.projectlisting .search-filter-results { margin-top: 4rem; }
.projectlisting .search-filter-results .project-items { display: flex; flex-direction: row; flex-wrap: wrap; }
.projectlisting .search-filter-results .project-item { flex: 0 0 33.3%; width: 33.3%; }
@media screen and (max-width: 1360px) { .projectlisting .search-filter-results .project-item { flex: 0 0 50%; } }
@media screen and (max-width: 767px) { .projectlisting .search-filter-results .project-item { flex: 0 0 100%; } }
.projectlisting .search-filter-results .project-item .card { border: none; border-radius: none; box-sizing: border-box; padding: 0.25rem; }
.projectlisting .search-filter-results .project-item .card a { text-decoration: none; }
.projectlisting .search-filter-results .project-item .card .card-photo { width: 100%; aspect-ratio: 1 / 1; background-size: cover; background-repeat: no-repeat; position: relative; display: flex; align-items: flex-start; justify-content: center; padding-top: 1.85rem; }
@media screen and (max-width: 500px) { .projectlisting .search-filter-results .project-item .card .card-photo { align-items: start; padding-top: 15px; } }
.projectlisting .search-filter-results .project-item .card .card-photo::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.35); pointer-events: none; transition: all 0.5s; }
.projectlisting .search-filter-results .project-item .card .card-photo:hover::before { background-color: rgba(191, 38, 39, 0.75); }
.projectlisting .search-filter-results .project-item .card .card-photo .card-body { width: 90%; color: #FFF; z-index: 1; }
.projectlisting .search-filter-results .project-item .card .card-photo .card-body h2, .projectlisting .search-filter-results .project-item .card .card-photo .card-body p { max-width: 100%; word-wrap: break-word; }
.projectlisting .search-filter-results .project-item .card .card-photo .card-body h2 { font-family: var(--e-global-typography-secondary-font-family), Sans-serif; font-size: 1.75rem; font-weight: 700; margin: 0 0 1rem; }
@media screen and (max-width: 500px) { .projectlisting .search-filter-results .project-item .card .card-photo .card-body h2 { font-size: 1.25rem; margin: 0 0 0.5rem; } }
.projectlisting .search-filter-results .project-item .card .card-photo .card-body p { font-size: 1rem; margin-bottom: 0px; }
.projectlisting .search-filter-results .project-item .card .card-photo .tax-badges { position: absolute; bottom: 15px; left: 15px; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; }
.projectlisting .search-filter-results .project-item .card .card-photo .tax-badge { display: inline-block; padding: 6px 6px 4px; font-size: 0.75rem; line-height: 1.2; font-weight: 400; border-radius: 6px; color: #fff; border: 1px solid #FFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); opacity: 0.95; transition: background 0.2s; }
.projectlisting .search-filter-results .project-item .card .card-photo .tax-byggeritype { background: rgba(191, 38, 39, 0.6); }
.projectlisting .search-filter-results .project-item .card .card-photo .tax-entrepriseform { background: rgba(84, 95, 118, 0.6); }
.projectlisting .search-filter-results .project-item .card .card-photo .tax-bygherretype { background: rgba(243, 150, 89, 0.6); }
.projectlisting .search-filter-results .search-filter-scroll-loading { margin: 20px auto; }

.single-post .container { width: 100%; top: unset; }
.single-post .container .single-flex-row { display: flex; flex-direction: row; width: 100%; margin-bottom: 0; }
.single-post .container .single-flex-row .single-flex-col { flex: 1 0 100%; max-width: 2200px; margin: 0 auto; height: 650px; }
@media screen and (max-width: 991px) { .single-post .container .single-flex-row .single-flex-col { height: auto; } }
.single-post .container .single-flex-row .single-flex-col h1 { font-family: var(--e-global-typography-secondary-font-family), Sans-serif; font-weight: 700; font-size: 2rem; display: block; width: 90%; max-width: 1680px; word-wrap: break-word; text-align: center; margin: 0 auto; position: absolute; top: 50%; color: #FFF; left: 50%; transform: translate(-50%, -50%); }
.single-post .container .single-flex-row-2 { display: flex; flex-direction: row; width: 100%; max-width: 1580px; margin: 0 auto; margin-bottom: 2rem; }
@media screen and (max-width: 1680px) { .single-post .container .single-flex-row-2 { padding: 0 2rem; } }
@media screen and (max-width: 991px) { .single-post .container .single-flex-row-2 { flex-direction: column; flex-wrap: wrap; } }
@media screen and (max-width: 768px) { .single-post .container .single-flex-row-2 { padding: 0 1.5rem; } }
.single-post .container .single-flex-row-2 .single-flex-col-left { flex: 1 0 60%; max-width: 60%; margin-top: 4rem; padding-right: 3rem; color: #FFF; word-break: break-word; }
@media screen and (max-width: 1150px) { .single-post .container .single-flex-row-2 .single-flex-col-left { flex: 1 0 50%; max-width: 50%; } }
@media screen and (max-width: 991px) { .single-post .container .single-flex-row-2 .single-flex-col-left { flex: 1 0 100%; max-width: 100%; padding-right: 0; } }
@media screen and (max-width: 500px) { .single-post .container .single-flex-row-2 .single-flex-col-left { margin-top: 2rem; } }
.single-post .container .single-flex-row-2 .single-flex-col-left h2 { font-family: var(--e-global-typography-secondary-font-family), Sans-serif; font-weight: 700; font-size: 1.75rem; line-height: 1.2; margin-top: 0; margin-bottom: 1.25rem; }
.single-post .container .single-flex-row-2 .single-flex-col-left h3 { font-family: var(--e-global-typography-secondary-font-family), Sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.2; margin-top: 0; margin-bottom: 1.25rem; }
.single-post .container .single-flex-row-2 .single-flex-col-left p { font-size: 1rem; line-height: 1.4; margin-bottom: 0.5rem; }
.single-post .container .single-flex-row-2 .single-flex-col-right { flex: 1 0 40%; max-width: 40%; }
@media screen and (max-width: 1150px) { .single-post .container .single-flex-row-2 .single-flex-col-right { flex: 1 0 50%; max-width: 50%; } }
@media screen and (max-width: 991px) { .single-post .container .single-flex-row-2 .single-flex-col-right { flex: 1 0 100%; max-width: 100%; margin-top: 2rem; } }
.single-post .container .single-flex-row-2 .single-flex-col-right .white-box { background-color: #FFF; padding: 2rem; border-radius: 0; margin-top: 2rem; color: var(--e-global-color-b840ff4); }
.single-post .container .single-flex-row-2 .single-flex-col-right .white-box p { font-size: 1rem; line-height: 1.4; margin-bottom: 0.5rem; }
.single-post .primary-img { display: inline-flex; width: 100%; max-height: 650px; object-fit: cover; object-position: center; margin: 0 auto; }
.single-post .relative { position: relative; }
.single-post .gallery-slider { margin-top: 0; position: relative; }
.single-post .gallery-slider .slide { outline: none; }
.single-post .gallery-slider .slide img { width: 100%; height: auto; display: block; border-radius: 0; }
.single-post .gallery-slider .slick-prev, .single-post .gallery-slider .slick-next { position: absolute; top: 50%; padding: 0; transform: translateY(-50%); z-index: 10; width: 38px; height: 38px; background: transparent; border: none; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; display: flex !important; align-items: center; justify-content: center; }
.single-post .gallery-slider .slick-prev::before, .single-post .gallery-slider .slick-next::before { font-size: 32px; color: #FFF; }
.single-post .gallery-slider .slick-prev svg, .single-post .gallery-slider .slick-next svg { display: none; }
.single-post .gallery-slider .slick-prev { left: 10px; }
.single-post .gallery-slider .slick-next { right: 10px; }
.single-post .gallery-slider .slick-dots { bottom: 10px; text-align: center; }
.single-post .gallery-slider .slick-dots li { display: inline-block; margin: 0 4px; width: auto; height: auto; }
.single-post .gallery-slider .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; border: none; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s ease; font-size: 0; line-height: 0; text-indent: -9999px; }
.single-post .gallery-slider .slick-dots li button:hover { background: rgba(255, 255, 255, 0.8); }
.single-post .gallery-slider .slick-dots li button:before { display: none; }
.single-post .gallery-slider .slick-dots li.slick-active button { background: #fff; transform: scale(1.2); }
@media screen and (max-width: 768px) { .single-post .gallery-slider .slick-prev, .single-post .gallery-slider .slick-next { width: 40px; height: 40px; }
  .single-post .gallery-slider .slick-prev svg, .single-post .gallery-slider .slick-next svg { width: 16px; height: 16px; }
  .single-post .gallery-slider .slick-prev { left: 10px; }
  .single-post .gallery-slider .slick-next { right: 10px; } }
@media screen and (max-width: 480px) { .single-post .gallery-slider .slick-prev, .single-post .gallery-slider .slick-next { display: none !important; } }

/*# sourceMappingURL=search-filter.css.map */