#wpsl-gmap {float:right;width:66.5%; height:350px;margin-bottom:0;}

.wpsl-store-below #wpsl-gmap {float:none;width:100%; border-radius:10px;}
.wpsl-gmap-canvas {width:100%;height:300px;margin-bottom:20px;}
#wpsl-reset-map:hover {cursor: pointer;}

/*
Fix a problem where the background color used
in street view mode doesn't cover the control area.
*/
#wpsl-gmap * {box-sizing: content-box !important;-webkit-box-sizing: content-box !important;-moz-box-sizing: content-box !important;}
#wpsl-gmap div.gm-iv-marker, .wpsl-gmap-canvas div.gm-iv-marker {backgroud-image: inherit;}
#wpsl-wrap {position: relative;width: 100%;overflow: hidden;clear: both;margin-bottom: 20px;}
#wpsl-search-wrap {float: left;width: 100%; background: #2B2E34; padding:20px;}
#wpsl-search-wrap form {margin: 0;padding: 0;border: none;outline: none;}


a.wpsl-directions{position:relative; font-size: .9em; padding: 10px 25px 10px 35px; line-height:1em; margin-top:20px; display:inline-block;  margin-bottom:30px; margin-right:10px; border:1px solid transparent;-webkit-transition: all 0.5s; transition: all 0.5s; font-weight:600;}
a.wpsl-directions {border-color: #0066B3; color:#fff; background:#0066B3; height:40px; border-radius: 40px; padding:0 25px 0 35px; line-height:40px;}
a.wpsl-directions:before {position:absolute; font-family:"FontAwesome"; content:'\f041'; left:20px; color:#fff; -webkit-transition: all 0.5s; transition: all 0.5s;}

span.telefon{position:relative; margin-left:15px;}
span.telefon:before {font-family:"FontAwesome";content:'\f095';position:absolute;top:0;left:-15px;}

/* 
 * Make sure the CSS from a theme doesn't set a different font family, or font size
 * for the font icons. Otherwise the icons either don't show, or are to large.
 */
#wpsl-map-controls span {font-family: inherit;font-size: inherit;}


/* Make the clickable area bigger for the buttons on mobile devices */
#wpsl-wrap.wpsl-mobile [class^="wpsl-icon-"],#wpsl-wrap.wpsl-mobile [class*=" wpsl-icon-"] {padding: 8px 10px;}
#wpsl-wrap .wpsl-icon-reset {border-radius: 2px 0 0 2px;z-index: 2;padding-left: 9px;padding-right: 4px;}
#wpsl-wrap .wpsl-icon-direction {z-index: 1;}
#wpsl-map-controls.wpsl-reset-exists .wpsl-icon-direction {border-radius: 0 2px 2px 0;}

#wpsl-wrap .wpsl-active-icon, #wpsl-wrap [class^="wpsl-icon-"]:hover, #wpsl-wrap [class*=" wpsl-icon-"]:hover {color: #000;}
#wpsl-wrap [class^="wpsl-icon-"]:active, #wpsl-wrap [class*=" wpsl-icon-"]:focus {outline: 0;}
#wpsl-wrap .wpsl-in-progress:hover, #wpsl-wrap .wpsl-in-progress {color: #c6c6c6;}

/* Map reset button */
#wpsl-gmap #wpsl-reset-map {position: absolute; display: none;right: 37px; top: 37px; padding: 6px 14px; background: #fff !important; background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 2px;z-index: 3;}
#wpsl-reset-map:hover {cursor: pointer;}

/* Possible fix for vertical text issue in IE9? */
.gm-style-cc {word-wrap:normal;}
#wpsl-search-wrap .wpsl-input,#wpsl-search-wrap .wpsl-select-wrap {display:table;}
#wpsl-search-wrap .wpsl-input label, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-btn {display:table-cell;}


/* SEARCH */
.wpsl-store-below .wpsl-search{padding:0px 0!important; }

#wpsl-search-wrap label {margin-bottom:0; margin-top:0; color: #fff;}
#wpsl-search-input {width: 179px;height: auto;padding: 10px;font-size: 100%;margin: 0;}

#wpsl-search-wrap input, #wpsl-search-btn {margin-top:0; float:right; border:0; box-shadow: none;}
#wpsl-search-btn {position:relative; font-size: .9em; padding: 10px 25px 10px 35px; line-height:1em; margin:0px; display:inline-block;  margin-right:10px; border:1px solid transparent;-webkit-transition: all 0.5s; transition: all 0.5s; font-weight:600; background-image:none;}
#wpsl-search-btn {border-color: #F9C63F!important; color:#fff; background:#F9C63F; height:40px; border-radius: 40px!important; padding:0 25px 0 25px; line-height:40px; box-shadow:none!important; background-image:none!important}

.wpsl-search ul li:before{display:none;}

/* SEARCH WIDGET */
.wpsl-search-widget{background:#0066B3; padding:25px; border-radius:10px; color:#fff;}
.wpsl-search-widget h3{color:#fff;}

#wpsl-widget-submit {border: 1px solid #d2d2d2;border-radius: 0px; }
#wpsl-widget-submit {position:relative; font-size: .9em; padding: 10px 25px 10px 35px; line-height:1em; margin-top:20px; display:inline-block; border:1px solid transparent;-webkit-transition: all 0.5s; transition: all 0.5s; font-weight:600; background-image:none;}
#wpsl-widget-submit {border-color: #fff!important; color:#0066B3; background:#fff; height:40px; border-radius: 40px!important; padding:0 25px 0 25px; line-height:40px; box-shadow:none!important; background-image:none!important}

#wpsl-widget-form label{display:inline-block; width:100%; position:relative;}
#wpsl-widget-form input[type="text"]{width:100%; background:rgba(255,255,255,0.1); color:#fff;}
#wpsl-widget-form select{background:rgba(255,255,255,0.1) url(../../../assets/images/select-arrow-white.svg) no-repeat 98% center;  color:#fff;}

#wpsl-widget-form select option{color:#000;}

#wpsl-widget-form input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff;opacity: 1; /* Firefox */}
#wpsl-widget-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
#wpsl-widget-form input[type="text"]::-ms-input-placeholder {color: #fff;}


#wpsl-search-input.wpsl-error {border:1px solid #bd0028 !important;}

.wpsl-search {margin-bottom:0px;padding:0px 0;background:#fff;}
.wpsl-search.wpsl-checkboxes-enabled {padding: 12px;}




/* Result list */
.wpsl-back {display: inline-block;}
#wpsl-result-list {width:33%;margin-right:0.5%;}
.wpsl-store-below #wpsl-result-list {width:100%;margin:12px 0 0 0;}
#wpsl-stores,  #wpsl-direction-details {height:350px;overflow-y:auto; background: #fff;}
.wpsl-hide, #wpsl-direction-details {display:none;}

#wpsl-result-list p {padding-left:10px;}
.wpsl-store-below #wpsl-result-list p {padding-left: 0;}

#wpsl-result-list a {outline:none;}

.wpsl-direction-before {margin: 14px 0 21px 0;padding-left: 10px;}

.wpsl-store-below .wpsl-direction-before {padding-left: 0;}

.wpsl-direction-before div {margin-top: 10px;}

#wpsl-wrap strong {color:#2B2E34;}

#wpsl-wrap #wpsl-result-list li {border-bottom:1px solid #f5f5f5; padding: 20px!important; margin-bottom:8px!important; margin-left: 0; overflow: hidden;list-style: none outside none !important;text-indent: 0;}
#wpsl-wrap #wpsl-result-list li:before{display:none;}
#wpsl-wrap #wpsl-result-list li li {padding: 0;border-bottom: 0;margin-left: 14px;overflow: visible;}
#wpsl-wrap #wpsl-result-list ul li {list-style: none !important;}
#wpsl-wrap #wpsl-result-list ol li {list-style: decimal !important;}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {padding: 10px 10px 10px 0;}
#wpsl-result-list li p {padding-left: 0;margin: 0 0 20px 0;}
#wpsl-result-list li span.category, #wpsl-result-list li span.distance{font-size:0.75em; line-height:1em; margin-bottom:10px; margin-top:-12px; display:inline;}

#wpsl-wrap table{box-shadow:none;}
#wpsl-wrap table tr{background:transparent; border-bottom:0;}
#wpsl-wrap table tr td{padding:0; vertical-align: top;}
#wpsl-wrap table tr td p{margin:0;}

.leerungszeiten, .oeffnungszeiten{margin-top:10px;}

.wpsl-store-details.wpsl-store-listing {position: relative;padding-right: 20px;}
.wpsl-store-details.wpsl-store-listing:before, .wpsl-store-details.wpsl-store-listing.wpsl-active-details:before {position: absolute;content: '';bottom:6px;right:0;border-top: 5px solid #000000;border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0);}
.wpsl-store-details.wpsl-store-listing.wpsl-active-details:before {border-bottom: 5px solid #000000;border-top:none;border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0); }

#wpsl-stores .wpsl-store-thumb {float:right;border-radius:0px;margin:7px 0 0 10px;padding:0;border:none;}

.wpsl-direction-index {float:left; width:8%; margin:0 5% 0 0;}
.wpsl-direction-txt {float:left; width:62%;}
.wpsl-direction-distance {float:left; width:20%; margin:0 0 0 5%;}
.wpsl-direction-txt span {display:block; margin-top:10px;}

.wpsl-street, .wpsl-country {display: inline!important;border-bottom: none !important;}
.wpsl-directions {display: table;border-bottom: none !important;}

/* Preloader */
#wpsl-wrap #wpsl-result-list li.wpsl-preloader {position: relative;border-bottom: none;padding: 10px 10px 10px 35px;}

.wpsl-preloader img {position: absolute;left: 10px; top: 50%;margin-top: -8px;box-shadow:none !important; border:none !important;}
.wpsl-preloader span {float: left;margin: -5px 0 0 11px;}

#wpsl-search-wrap div, #wpsl-search-btn {margin-right: 10px;float: left;}
#wpsl-search-wrap .wpsl-select-wrap {position: relative;z-index: 2;margin-right: 0;}
#wpsl-search-wrap  .wpsl-input-field {position: relative;}
#wpsl-radius, #wpsl-results {float: left;margin-right: 15px;}

#wpsl-category {position: relative;z-index: 1;clear: both;}

#wpsl-search-wrap .wpsl-dropdown div {position: absolute;float: none;margin: -1px 0 0 0;top: 100%;left: -1px;right: -1px;border: 0px!important;background: #fff; border-top: 1px solid #eee;border-radius: 0 0 3px 3px;opacity: 0;overflow: hidden;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
#wpsl-search-wrap .wpsl-dropdown.wpsl-active div {opacity: 1;}
#wpsl-search-wrap .wpsl-input label {margin-right:0;}
#wpsl-radius, #wpsl-results {display:inline;}

#wpsl-radius {margin-right:10px;}
#wpsl-search-btn:hover {cursor: pointer;}
#wpsl-search-wrap select, #wpsl-search select {display:none;}
#wpsl-search-wrap div label {float:left;margin-right:10px;line-height: 43px;}
#wpsl-results label { width: auto;}

#wpsl-result-list ul {list-style: none;margin: 0;padding: 0;}
.wpsl-direction-details {display: none;}

/* Infowindow */
#wpsl-gmap .wpsl-info-window, .wpsl-gmap-canvas .wpsl-info-window {max-width:225px; font-weight:400;}
.wpsl-more-info-listings span, .wpsl-info-window span {display:block;}
.wpsl-info-window .wpsl-no-margin {margin:0;}
#wpsl-gmap .wpsl-info-window .category{margin-bottom:10px;}

.gm-style .gm-style-iw{font-size:16px!important;}

/* More info details in the store listings */
.wpsl-more-info-listings {display:none;}

/* Fix for Google Voice breaking the phone numbers */
.wpsl-info-window span span {display:inline !important;}
#wpsl-wrap .wpsl-info-window p {margin: 0 0 0px 0;}
.wpsl-store-hours {margin-top:10px;}
.wpsl-store-hours strong {display:block;}
#wpsl-gmap .wpsl-info-actions {display:block;margin:10px 0 !important;  }
.wpsl-info-actions a {float:left;margin-right: 7px;}
.wpsl-info-actions .wpsl-zoom-here {margin-right:0;}

/* --- dropdowns --- */
.wpsl-dropdown {position: relative;width: 90px;border: 0!important;cursor: pointer;background: #fff;-webkit-user-select: none;-moz-user-select: none;user-select: none;margin-right: 0 !important;z-index: 2;}
#wpsl-results .wpsl-dropdown {width: 70px;}
.wpsl-dropdown ul {position: absolute;left: 0;width: 100%;height: 100%;padding: 0 !important;margin: 0 !important;list-style: none;overflow: hidden;}
.wpsl-dropdown:hover {box-shadow: 0 0 5px rgba( 0, 0, 0, 0.15 );}
.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li {position: relative;display: block;line-height: normal;color: #000;overflow: hidden;}
#wpsl-radius .wpsl-dropdown .wpsl-selected-item, #wpsl-radius .wpsl-dropdown li, #wpsl-results .wpsl-dropdown .wpsl-selected-item, #wpsl-results .wpsl-dropdown li {white-space: nowrap;}

.wpsl-selected-item:after {position: absolute;content: "";right: 12px;top: 50%;margin-top: -4px;border: 6px solid transparent;border-top: 8px solid #000;}
.wpsl-active .wpsl-selected-item:after {margin-top: -10px;border: 6px solid transparent;border-bottom: 8px solid #000;	}
.wpsl-dropdown li:hover {background: #f8f9f8;position: relative;z-index: 3;color: #000;}

.wpsl-dropdown .wpsl-selected-item,.wpsl-dropdown li,.wpsl-selected-item {list-style: none;padding: 10px 12px !important;margin:0 !important;   }
.wpsl-selected-dropdown {font-weight: bold;	}
.wpsl-clearfix:before,  .wpsl-clearfix:after {      content: " ";      display: table;  }  
.wpsl-clearfix:after { clear: both;  } 

#wpsl-wrap .wpsl-selected-item {position: static;padding-right: 35px !important;}
#wpsl-category, .wpsl-input, .wpsl-select-wrap {position: relative;margin-bottom: 0px;}
.wpsl-select-wrap{margin-left:40px; margin-right:40px!important;}
#wpsl-search-wrap .wpsl-scroll-required div {overflow-y: scroll;}

.wpsl-scroll-required ul {overflow: visible;}
.wpsl-provided-by {float: right;padding: 5px 0;text-align: right;font-size: 12px;width: 100%;}
#wpsl-wrap .wpsl-results-only label {width: auto;}

/* wpsl custom post type pages */
.wpsl-locations-details, .wpsl-location-address, .wpsl-contact-details {margin-bottom: 15px;}

.wpsl-contact-details {clear: both;}
table.wpsl-opening-hours td {vertical-align: top;padding: 0 15px 0 0;text-align: left;}
table.wpsl-opening-hours time {display:block;}
table.wpsl-opening-hours {width:auto !important;font-size:100% !important;}
table.wpsl-opening-hours, table.wpsl-opening-hours td {border:none !important;}




.wpsl-locations-details,
.wpsl-location-address,
.wpsl-contact-details {
    margin-bottom: 15px;
}

.wpsl-contact-details {
    clear: both;
}

table.wpsl-opening-hours td {
    vertical-align: top;
    padding: 0 15px 0 0;
    text-align: left;
}

table.wpsl-opening-hours time {
    display:block;
}

table.wpsl-opening-hours {
    width:auto !important;
    font-size:100% !important;
}

table.wpsl-opening-hours,
table.wpsl-opening-hours td {
    border:none !important;    
}

/* Custom Infobox */
.wpsl-gmap-canvas .wpsl-infobox {
    min-width:250px;
    max-width:450px !important;
    padding:20px;
    border-radius:0;
    font-size:14px; font-weight:500; background:#5E7782 !important;color:#fff;}

.wpsl-gmap-canvas .wpsl-infobox h2, .wpsl-gmap-canvas .wpsl-infobox a, .wpsl-gmap-canvas .wpsl-infobox a:before{color:#fff;}
.wpsl-gmap-canvas .wpsl-infobox h2{font-size:18px; font-weight:600;}

.wpsl-gmap-canvas .wpsl-infobox:after,
.wpsl-gmap-canvas .wpsl-infobox:before {
    position:absolute;
    content:"";	
    left:40px;
    bottom:-11px
}

.wpsl-gmap-canvas .wpsl-infobox:after {
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    border-top:11px solid #5E7782;	
}

.wpsl-gmap-canvas .wpsl-infobox:before {
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-top:13px solid #5E7782;
    bottom:-13px;
    left:38px;
}




/*
Hide the select2 ( https://select2.org/ ) dropdowns to
prevent duplicate dropdowns from showing up in the search bar.
*/
#wpsl-search-wrap .select2 {display: none !important;}



@media (max-width: 825px) {#wpsl-search-input {    width: 348px;}

    .wpsl-results-only #wpsl-search-wrap .wpsl-dropdown {    width: 70px;}
    
    #wpsl-search-wrap .wpsl-input {    width: 100%;    margin-bottom: 10px;}
    
    .wpsl-input label,
    #wpsl-radius label,
    #wpsl-category label,
    .wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,
    .wpsl-no-filters #wpsl-search-wrap .wpsl-input,
    .wpsl-results-only #wpsl-search-wrap .wpsl-input {    width: auto;}
}

@media (max-width: 720px) {#wpsl-search-wrap .wpsl-dropdown {    width: 114px;}
}

@media (max-width: 675px) {
	#wpsl-search-wrap #wpsl-search-btn {    float: left;    margin: 0 5px 0 0;}
    .wpsl-results-only #wpsl-search-wrap .wpsl-input,
    .wpsl-dropdown {    width: 100%;}
  
    .wpsl-search {    padding: 2%;}

    .wpsl-input {    margin-right: 0;}

    #wpsl-result-list,
    #wpsl-gmap {    width:49.75%;}
    
    #wpsl-result-list,
    #wpsl-gmap {    float: none;    width: 100%;}
    
    .wpsl-direction-before {    padding-left: 0;}
    
    #wpsl-gmap {    margin-bottom: 15px;}
    
    .wpsl-cat-results-filter .wpsl-select-wrap,
    .wpsl-filter .wpsl-select-wrap,
    #wpsl-result-list {    margin-bottom: 10px;}

    #wpsl-result-list p,
    #wpsl-wrap #wpsl-result-list li {    padding-left: 0;}
    
    #wpsl-wrap #wpsl-result-list li.wpsl-preloader {    padding-left: 25px;}
    
    .wpsl-preloader img {    left: 0;}

    #wpsl-stores.wpsl-not-loaded {    height: 25px;}

    #wpsl-reset-map {    top: 25px;}

    #wpsl-gmap {    margin-top: 10px;} 

    .wpsl-no-filters #wpsl-search-wrap .wpsl-input,
    #wpsl-category, .wpsl-input, .wpsl-select-wrap,
    .wpsl-input, #wpsl-search-btn {    margin-bottom: 0;}

    #wpsl-stores.wpsl-no-autoload {    height: auto !important;}

    #wpsl-checkbox-filter.wpsl-checkbox-3-columns li,
    #wpsl-checkbox-filter.wpsl-checkbox-4-columns li {    width: 49%;    
    }
}

@media (max-width: 570px) {#wpsl-search-wrap #wpsl-search-btn {    margin-bottom: 5px;}

    .wpsl-search {    padding: 4%;}
    
    #wpsl-search-input {    width: 98% !important;}
    
    .wpsl-cat-results-filter #wpsl-search-wrap .wpsl-input,
    .wpsl-cat-results-filter #wpsl-search-input,
    .wpsl-no-results #wpsl-search-input, 
    .wpsl-results-only #wpsl-search-input {    width: 100% !important;}
    
    .wpsl-search-btn-wrap {    margin-top: 15px;}
    
    .wpsl-checkboxes-enabled .wpsl-search-btn-wrap {    margin-top: 0;}
    
    #wpsl-search-wrap div, 
    #wpsl-search-btn {    margin-right: 0;}

    #wpsl-search-wrap div label {    display: block;    width: 100%;}

    #wpsl-results {    width:auto;}
    
    .wpsl-select-wrap {    width: 100%;}
    
    #wpsl-radius, 
    #wpsl-results {    width: 50%;}
    
    #wpsl-radius {    margin-right: 4%;}
    
    #wpsl-search-wrap .wpsl-dropdown {    width: 96% !important;}

    .wpsl-search-btn-wrap {    clear: both;}

    .wpsl-no-filters #wpsl-search-wrap .wpsl-input,
    .wpsl-no-filters #wpsl-search-input {    width: 100% !important;}
}

@media (max-width: 420px) {#wpsl-checkbox-filter li {    margin: 0;}
    
    #wpsl-checkbox-filter.wpsl-checkbox-1-columns li,
    #wpsl-checkbox-filter.wpsl-checkbox-2-columns li,
    #wpsl-checkbox-filter.wpsl-checkbox-3-columns li,
    #wpsl-checkbox-filter.wpsl-checkbox-4-columns li {    width: 100%;    
    }    
}