Open filters
Entfernung
Select radius
10 km
25 km
50 km
100 km
250 km
Search
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.active .open-dropdown,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.selected .open-dropdown{
border-color: rgb(255,118,67);
background-color: rgb(255,118,67)
}
#wrapper-active-filters .wrapper-terms li{
border-color: rgb(255,118,67);
color: rgb(255,118,67)
}
#yith-sl-main-filters-container .wrapper-options li:hover label,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown:hover{
color: rgb(255,118,67)
}
#yith-store-locator select:hover, #yith-sl-main-filters-container .wrapper-options li:hover .checkboxbutton:before,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown:hover,
#yith-sl-show-all-stores:hover{
border-color: rgb(255,118,67);
}
.yith-sl-pin-modal .store-name span:first-child,
#yith-sl-reset-all-filters
{
color: rgb(255,118,67);
}
#yith-sl-results .wrap-no-image,
#yith-sl-main-filters-container .wrapper-options li .checkboxbutton.checked:before
{
background-color: rgb(255,118,67)
}
#yith-sl-wrap-loader{
background-color: #ffffff;
}
#yith-sl-loader{
margin-top: -100px!important;
margin-left: -100px!important;
}
#yith-sl-section-map{
width: 70%;
order: 1;
}
#yith-sl-section-results{
width: 30%;
order: 2;
}
.wrapper-main-sections{
height: 700px
}
#yith-sl-wrap-search-bar{
background-color: #ffffff;
}
#yith-sl-wrap-search-bar input::-webkit-input-placeholder {
color: #9D9D9D;
}
#yith-sl-wrap-search-bar input::-moz-placeholder { /* Firefox 19+ */
color: #9D9D9D;
}
#yith-sl-wrap-search-bar input:-ms-input-placeholder { /* IE 10+ */
color: #9D9D9D;
}
#yith-sl-wrap-search-bar input:-moz-placeholder { /* Firefox 18- */
color: #9D9D9D;
}
#yith-sl-search-button{
background-color: #18BCA9;
color: #ffffff;
}
#yith-sl-search-button:hover{
background-color: #008A81;
color: #ffffff;
}
button#yith-sl-geolocation{
background-color: #3A3A3A;
color: #ffffff;
}
button#yith-sl-geolocation:hover{
background-color: #0D0D0D;
color: #ffffff;
}
button#yith-sl-geolocation {
background-image: url('https://sunelements.de/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/store-locator/geolocation.svg');
}
button#yith-sl-show-all-stores{
background-color: #ffffff;
color: #3A3A3A;
background-image: url('https://sunelements.de/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/store-locator/all-stores.svg');
}
button#yith-sl-show-all-stores:hover{
background-color: #ffffff;
color: #3A3A3A;
}
#yith-sl-view-all{
color: rgb(255,142,102);
}
#yith-sl-view-all:hover{
color: rgb(255,118,67);
}
#yith-sl-section-results::-webkit-scrollbar,
.wrapper-options ul::-webkit-scrollbar{
width: 5px;
background-color: #d0d0d0;
direction: rtl;
}
#yith-sl-section-results::-webkit-scrollbar-thumb,
.wrapper-options ul::-webkit-scrollbar-thumb {
background-color: rgb(255,118,67);
}
#yith-sl-results .featured-store,
.yith-sl-pin-modal .featured-store{
color: #ffffff;
background-color: rgb(255,118,67);
}
#yith-sl-results .wrap-store-details.featured,
.yith-sl-pin-modal .featured{
background-color: #F4F4F4;
}
#yith-sl-results .get-direction.link,
.yith-sl-pin-modal .get-direction.link{
color: #18BCA9;
}
#yith-sl-results .get-direction.link:hover,
.yith-sl-pin-modal .get-direction.link:hover{
color: #008a81;
}
#yith-sl-results .get-direction.button,
.yith-sl-pin-modal .get-direction.button{
background-color: rgb(255,118,67);
color: #ffffff;
}
#yith-sl-results .get-direction.button:hover,
..yith-sl-pin-modal .get-direction.button:hover{
background-color: rgb(255,118,67);
color: #ffffff;
}
#yith-sl-results .contact-store.link,
.yith-sl-pin-modal .contact-store.link{
color: rgb(255,118,67);
}
#yith-sl-results .contact-store.link:hover,
.yith-sl-pin-modal .contact-store.link:hover{
color: rgb(255,118,67);
}
#yith-sl-results .contact-store.button,
.yith-sl-pin-modal .contact-store.button{
background-color: #18BCA9;
color: #ffffff;
}
#yith-sl-results .contact-store.button:hover,
.yith-sl-pin-modal .contact-store.button:hover{
background-color: #008a81;
color: #ffffff;
}
#yith-sl-results .view-website.button,
.yith-sl-pin-modal .view-website.button{
background-color: #18BCA9;
color: #ffffff;
}
#yith-sl-results .view-website.button:hover,
.yith-sl-pin-modal .view-website.button:hover{
background-color: #008a81;
color: #ffffff;
}
#yith-sl-results .view-website.link,
.yith-sl-pin-modal .view-website.link{
color: #18BCA9;
}
#yith-sl-results .view-website.link:hover,
.yith-sl-pin-modal .view-website.link:hover{
color: #008a81;
}
#yith-sl-gmap .gm-style .gm-style-iw{
width: 400px;
background-color: #ffffff;
color: #000000;
border-radius: 0px;
padding: 16px;
}
#yith-sl-gmap button.gm-ui-hover-effect{
right: 0px!important;
top: 5px!important;
}
#yith-sl-results .wrap-store-details:hover {
background-color: rgb(255,157,122);
}
function applyStylesBasedOnWidth() {
const element = document.querySelector('.wrapper-main-sections');
if (window.innerWidth <= 768) {
element.style.setProperty('display', 'flex', 'important');
element.style.setProperty('flex-direction', 'column', 'important');
} else {
// Optional: Falls du die Stile zurücksetzen möchtest, wenn die Breite über 768px ist
element.style.removeProperty('display');
element.style.removeProperty('flex-direction');
}
}
// Stile bei Seitenaufruf anwenden
document.addEventListener("DOMContentLoaded", function() {
applyStylesBasedOnWidth();
});
// Stile bei Änderung der Fenstergröße anwenden
window.addEventListener('resize', applyStylesBasedOnWidth);
document.addEventListener('DOMContentLoaded', function() {
var label = document.querySelector('.term-label');
var img = document.createElement('img');
img.src = 'https://sunelements.de/wp-content/uploads/2024/04/MapsIconSunElements.png';
img.alt = 'Icon';
img.style.width = '24px';
img.style.height = '24px';
img.style.marginRight = '8px';
label.insertBefore(img, label.firstChild);
});
