#yith-sl-wrap-loader{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
#yith-sl-loader{
z-index: 1500   ;
position: fixed;
top: 50%;
left: 50%;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.wrapper-filter *::selection {
background: transparent;
}
.wrapper-filter *::-moz-selection {
background: transparent;
} .gm-style-pbc{
display: none!important;
} #yith-store-locator{
max-width: none;
}
#yith-store-locator  textarea:focus,#yith-store-locator   input:focus{
outline: none;
}
#yith-sl-wrap-search-stores, #yith-sl-main-filters-container{
width: 100%;
}
#yith-store-locator .wrapper-main-sections{
display: flex;
position: relative;
overflow-y: auto;
}
#yith-store-locator .wrapper-main-sections > div{
padding: 0 10px;
}
#yith-sl-wrap-search-bar {
margin-bottom: 20px;
max-width: 100%;
position: relative;
width: 500px;
display: inline-block;
float: left;
padding: 0;
border-bottom: none;
}
#address-tooltip{
position: absolute;
top: -65px;
margin: 0;
width: 160px;
font-size: 12px;
left: calc( 50% - 100px );
background-color: #3B3B3B;
color: #fff;
text-align: center;
line-height: 15px;
padding: 10px;
display: none;
}
#address-tooltip:after {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #3B3B3B;
position: absolute;
bottom: -10px;
left: 50%;
}
#yith-sl-wrap-search-stores .title-search-bar{
font-weight: 700;
text-transform: capitalize;
font-size: 35px;
letter-spacing: 1px;
}
#yith-sl-wrap-search-bar input{
max-width: 100%;
background: transparent;
display: inline-block;
width: 100%;
border: 1px solid #707070;
padding-right: 35px;
padding-left: 15px;
height: 40px;
}
.filters-beside-map #yith-sl-wrap-search-bar {
float: none;
}
#yith-sl-wrap-search-stores:after {
content: '';
display: block;
clear: both;
}
#yith-sl-search-icon{
width: 22px;
right: 10px;
top: calc(50% - 11px);
cursor: pointer;
position: absolute;
display: inline-block;
}
#yith-sl-search-stores .wrap-buttons{
margin-bottom: 10px;
}
#yith-sl-geolocation,
#yith-sl-show-all-stores{
font-size: 12px;
}
button#yith-sl-geolocation,
button#yith-sl-show-all-stores{
text-transform: none;
background-position-y: 50%;
background-position-x: 10px;
background-repeat: no-repeat;
border: 1px solid #707070;
padding: 13px 10px 13px 40px;
}
#yith-sl-geolocation{
background-size: 22px;
}
#yith-sl-show-all-stores{
background-size: 24px;
}
#yith-sl-search-button{
width: 100%;
margin-right: 0;
}
#yith-sl-search-button.hidden{
display: none;
}
#yith-store-locator select {
width: 100%;
border: none;
border-bottom: 1px solid #707070;
padding-bottom: 10px;
}
#yith-store-locator select:focus{
outline: none;
}
#yith-store-locator  .section-title,
#yith-store-locator  .wrap-search-categories,
#yith-store-locator  .wrap-search-filter{
margin-bottom: 20px;
} #yith-search-store-locators {
margin-bottom: 50px;
}
#yith-sl-results{
list-style: none;
padding: 0;
margin-top: 20px;
}
#yith-sl-section-results{
overflow-y: auto;
overflow-x: hidden;
}
.fixed-to-top {
position: fixed;
top: 100px;
left: 50%;
}
#yith-sl-results .stores-list > ul{
padding-left: 0;
}
#yith-sl-results .stores-list > ul.additional-stores{
display: none;
margin-top: -24px;
}
.yith-sl-image-top #yith-sl-results{
display: block;
}
.yith-sl-image-top #yith-sl-results ul{
padding-left: 0;
}
#yith-sl-results .title {
display: none;
font-weight: 700;
text-transform: capitalize;
font-size: 20px;
}
#yith-sl-results .wrap-store-details{
margin-bottom: 20px;
list-style: none;
margin-left: 0;
}
.yith-sl-with-image #yith-sl-results .wrap-store-details{
display: flex;
padding: 15px;
}
.yith-sl-image-top #yith-sl-results .wrap-store-details{
display: block;
padding: 24px 17px;
}
.yith-sl-image-top #yith-sl-results .store-image{
margin-bottom: 15px;
}
#yith-sl-results .wrap-store-details:after {
content: '';
display: block;
clear: both;
}
.yith-sl-with-image #yith-sl-results .store-image{
width: 48%;
}
.yith-sl-image-top #yith-sl-results .store-image,
.yith-sl-image-top #yith-sl-results .store-info{
display: block;
width: 100%;
}
.yith-sl-image-left #yith-sl-results .store-image,
.yith-sl-image-right #yith-sl-results .store-info{
order: 1;
}
.yith-sl-image-left #yith-sl-results .store-image,
.yith-sl-image-right #yith-sl-results .store-image{
width: 40%;
}
.yith-sl-image-left #yith-sl-results .store-info,
.yith-sl-image-right #yith-sl-results .store-info{
width: 60%;
}
.yith-sl-image-left #yith-sl-results .store-info,
.yith-sl-image-right #yith-sl-results .store-image{
order: 2;
}
#yith-sl-results .store-info {
padding: 0 10px 0 20px;
font-size: 14px;
line-height: 21px;
font-style: inherit;
}
#yith-sl-results .wrap-no-image {
height: 150px;
width: 100%;
position: relative;
}
#yith-sl-results .wrap-no-image .store-name {
color: #fff;
position: absolute;
margin-bottom: 0;
width: 100%;
text-transform: uppercase;
text-align: center;
}
.yith-sl-wrap-no-image #yith-sl-results .store-info{
width: 100%;
padding: 20px;
}
#yith-sl-results .store-info .store-name,
.yith-sl-pin-modal .store-name{
font-size: 16px;
color: #000000;
font-weight: 600;
margin-bottom: 5px;
line-height: 24px;
margin-top: 0;
}
#yith-sl-results .store-info .store-name a,
.yith-sl-pin-modal .store-name a{
color: inherit;
box-shadow: none;
margin-right: 5px;
text-decoration: none;
}
#yith-sl-results .store-info .store-name span:first-child,
.yith-sl-pin-modal .store-name span:first-child{
margin-right: 10px;
}
#yith-sl-results .featured-store,
.yith-sl-pin-modal .featured-store{
font-size: 10px;
padding: 4px 6px;
border-radius: 15px;
text-transform: uppercase;
top: -2px;
position: relative;
display: inline-block;
line-height: 15px;
}
#yith-sl-results .featured-store img,
.yith-sl-pin-modal .featured-store img{
position: relative;
width: 10px;
}
.yith-sl-pin-modal .featured-store img{
top: 1px;
}
.yith-sl-image-top #yith-sl-results .wrap-store-details.featured .store-name a{
color: #009177;
}
.yith-sl-image-top #yith-sl-results .wrap-no-image .store-name {
margin-top: -25px;
top: 50%;
height: 50px;
}
#yith-sl-results .store-address,
.yith-sl-pin-modal .store-address,
#yith-sl-results .store-description{
color: #000000;
font-size: 12px;
line-height: 21px;
}
.yith-sl-pin-modal .store-address{
margin-bottom: 18px;
}
#yith-sl-results ul.store-contact li{
color: #000000;
font-weight: 400;
font-size: 12px;
line-height: 21px;
margin-bottom: 0;
margin-left: 0;
}
.yith-sl-pin-modal{
padding: 10px;
font-style: normal;
}
.yith-sl-pin-modal .store-name span:first-child {
font-size: 20px;
}
#yith-sl-results .store-contact,
.yith-sl-pin-modal .store-contact{
list-style: none;
padding: 0;
margin-bottom: 13px;
margin-left: 0;
}
#yith-sl-results .store-contact a,
.yith-sl-pin-modal .store-contact a{
color: inherit;
text-decoration: none;
}
#yith-sl-results .store-contact a:hover,
.yith-sl-pin-modal .store-contact a:hover{
text-decoration: underline;
}
#yith-sl-results .custom-link:hover,
.yith-sl-pin-modal .custom-link:hover{
text-decoration: underline;
}
#yith-sl-results .custom-link,
.yith-sl-pin-modal .custom-link{
font-size: 12px;
line-height: 18px;
font-weight: 700;
display: block;
box-shadow: none;
margin-bottom: 2px;
text-decoration: none;
}
.yith-sl-pin-modal .custom-link{
margin-bottom: 4px;
}
#yith-sl-results .custom-link.button,
.yith-sl-pin-modal .custom-link.button{
width: 150px;
padding: 5px;
text-align: center;
border-radius: 10px;
}
#yith-sl-results .additional-stores{
display: none;
}
#yith-sl-view-all{
text-transform: none;
display: block;
text-align: center;
box-shadow: none;
}
#no-results-text{
font-size: 14px;
line-height: 21px;
} #yith-sl-gmap .gm-style .gm-style-iw,
#yith-sl-gmap .gm-style .gm-style-iw p,
#yith-sl-gmap .gm-style .gm-style-iw li{
font-size: 14px!important;
line-height: 20px;
}
#yith-sl-gmap .gm-style .gm-style-iw{
max-height: none!important;
padding-bottom: 10px!important;
box-shadow: 0 5px 6px 1px rgba(0,0,0,0.13)!important;
}
#yith-sl-gmap .gm-style .gm-style-iw-d{ overflow: auto;
} #yith-sl-main-filters-container .wrapper-options.checkbox li {
margin-bottom: 10px;;
}
#yith-sl-main-filters-container .wrapper-options li{
position: relative;
}
#yith-sl-main-filters-container .wrapper-filter.type-dropdown ul li label{
font-size: 14px;
}
#yith-sl-main-filters-container ul{
list-style: none;
padding-left: 0;
}
#yith-sl-open-filters{
display: none;
box-shadow: none;
text-transform: none;
font-size: 12px;
color: #00B292;
margin-bottom: 20px;
}
.wrapper-filter.type-dropdown ul li input[type="radio"],
.wrapper-filter.type-dropdown ul li .radiobutton {
display: none;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.active .open-dropdown,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.selected .open-dropdown{
color: #ffffff!important;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.active .open-dropdown .dropdown-arrow{
transform: rotate(270deg);
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.active .open-dropdown .dropdown-arrow polygon,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.selected .open-dropdown .dropdown-arrow polygon{
fill: #ffffff!important;
} #yith-sl-main-filters-container.layout-opened .wrapper-filter .filter-label {
font-size: 16px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
display: inline-block;
}
#yith-sl-main-filters-container.layout-opened .wrapper-filter{
margin-bottom: 23px;
}
#yith-sl-main-filters-container.layout-opened .wrapper-filter.type-dropdown .wrapper-options{
width: 100%;
left: 0;
padding-top: 0;
z-index: 100;
}
#yith-sl-main-filters-container.layout-opened .wrapper-filter.type-dropdown .wrapper-options ul{
padding-left: 10px;
}
#yith-sl-main-filters-container.layout-opened .wrapper-filter.type-dropdown label{
display: block;
}
#yith-sl-main-filters-container.layout-opened .filter-label{
margin-bottom: 0;
padding: 5px 5px 5px 0;
}
#yith-sl-main-filters-container.layout-opened .wrapper-filter .open-dropdown{
border: 1px solid #707070;
padding-left: 10px;
font-size: 14px;
}
#yith-sl-main-filters-container input[type="checkbox"]{
z-index: 1000;
opacity: 0;
position: absolute;
top: 0;
}
#yith-sl-main-filters-container label.term-label {
position: relative;
padding-left: 28px;
font-size: 14px;
line-height: 17px;
align-self: center;
cursor: pointer;
}
#yith-sl-main-filters-container input[type="checkbox"] + label:before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 2px;
background-color: #fff ;
border: 1px solid #707070;
}
#yith-sl-main-filters-container input[type="checkbox"]:checked + label:before{
background-color: #18BCA9 ;
}
#yith-sl-main-filters-container input[type="checkbox"]:checked + label:after,
#yith-sl-main-filters-container input[type="checkbox"]:hover + label:after{
content: '';
display: inline-block;
transform: rotate(45deg);
height: 10px;
width: 7px;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
position: absolute;
left: 4px;
top: 3px;
}
#yith-sl-main-filters-container .wrapper-filter .open-dropdown{
cursor: pointer;
}
#yith-sl-main-filters-container .wrapper-filter.type-dropdown ul li label{
cursor: pointer;
} .wrapper-filter.type-dropdown .wrapper-options,
#yith-sl-main-filters-container.layout-dropdown .wrapper-options{
display: none;
}
.wrapper-filter.type-dropdown .wrapper-options,
#yith-sl-main-filters-container.layout-dropdown .wrapper-options{
position: absolute;
bottom: auto;
padding-top: 15px;
z-index: 100;
text-align: left;
min-width: calc( 100% + 20px);
width: max-content;
max-width: 400px;
}
.map-left .wrapper-filter.type-dropdown .wrapper-options,
.map-left #yith-sl-main-filters-container.layout-dropdown .wrapper-options{
right: 0;
}
.wrapper-filter.type-dropdown ul,
#yith-sl-main-filters-container.layout-dropdown ul{
border: 1px solid #707070;
list-style: none;
background-color: #fff;
}
#yith-sl-main-filters-container.layout-dropdown .open-dropdown{
border: 1px solid #707070;
}
.wrapper-filter.type-dropdown,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter{
margin-bottom: 10px;
position: relative;
}
.wrapper-filter.type-dropdown ul input{
display: none;
}
.wrapper-filter.type-dropdown ul li:hover {
cursor: pointer;
}
.wrapper-filter.type-dropdown ul li:hover,
.wrapper-filter.type-dropdown ul li.active{
background-color: #ffffff;
color: #00B292;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-dropdown ul li label,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-dropdown ul li.select-all span{
width: 100%;
display: block;
font-size: 13px;
line-height: 18px;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .filter-label{
font-size: 14px;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter{
display: inline-block;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown{
margin-bottom: 0;
border: 1px solid #707070;
border-radius: 5px;
padding: 6px 40px 6px 30px;
margin-right: 10px;
line-height: 18px;
}
#yith-sl-main-filters-container .wrapper-filter .filter-icon{
margin-right: 5px;
vertical-align: middle;
width: 15px;
}
#yith-sl-main-filters-container .wrapper-filter .open-dropdown{
position: relative;
margin-bottom: 0;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown .dropdown-arrow,
#yith-sl-main-filters-container .wrapper-filter.type-dropdown .open-dropdown .dropdown-arrow{
transform: rotate(90deg);
position: absolute;
right: 10px;
top: calc( 50% - 5px );
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown.active:after,
#yith-sl-main-filters-container .wrapper-filter.type-dropdown .open-dropdown.active:after{
border-top: none;
border-bottom: 5px solid #000000;
}
#yith-sl-main-filters-container.layout-dropdown ul {
border: none;
-webkit-box-shadow: 6px 5px 35px 19px #D6D6D6;
box-shadow: 6px 5px 35px 5px #D6D6D6;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-checkbox ul,
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-dropdown ul{
padding: 25px 40px 20px 15px;
max-height: 190px;
overflow: auto;
}
#yith-sl-main-filters-container.layout-dropdown ul li{
display: flex;
margin-bottom: 15px;
}
#yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-dropdown li{
margin-bottom: 16px;
margin-left: 0;
}
#yith-sl-main-filters-container.layout-dropdown ul li:last-child {
margin-bottom: 0;
}
#yith-sl-main-filters-container.layout-dropdown input[type="checkbox"] + label:before {
width: 14px;
height: 14px;
}
#yith-sl-main-filters-container.layout-dropdown input[type="checkbox"]:checked + label:after,
#yith-sl-main-filters-container.layout-dropdown input[type="checkbox"]:hover + label:after {
width: 6px;
height: 8px;
left: 4px;
top: 4px;
}
#yith-store-locator #yith-sl-main-filters-container.layout-dropdown label.term-label{
padding-left: 25px;
} #yith-sl-active-filters{
display: none;
margin-top: 10px;
}
#yith-sl-active-filters .section-label {
font-size: 14px;
font-weight: 700;
display: inline-block;
position: relative;
top: -2px;
}
#wrapper-active-filters {
display: inline-block;
margin-bottom: 0;
padding-left: 0;
}
#wrapper-active-filters .wrapper-terms {
display: inline-block;
margin-left: 0;
padding-left: 0;
}
#wrapper-active-filters .wrapper-filter .filter-name {
display: inline-block;
font-size: 12px;
margin-right: 6px;
top: -2px;
position: relative;
}
#wrapper-active-filters .wrapper-filter {
display: inline-block;
}
#wrapper-active-filters .wrapper-terms li {
display: inline-block;
border: 1px solid;
padding: 0 18px 0 6px;
margin-right: 8px;
position: relative;
text-align: center;
line-height: 20px;
}
#wrapper-active-filters .wrapper-terms li .term-name {
font-size: 12px;
position: relative;
line-height: 23px;
}
#wrapper-active-filters .wrapper-terms .remove-term {
font-size: 12px;
margin-left: 5px;
cursor: pointer;
top: 50%;
position: absolute;
line-height: 0;
}
#yith-sl-reset-all-filters {
font-size: 10px;
cursor: pointer;
}
#yith-sl-active-filters + #yith-sl-search-button {
margin-top: 20px;
}
.filters-above-map #yith-sl-active-filters {
margin-top: 20px;
} .filters-above-map #yith-sl-wrapper-before-main-sections{
margin-bottom: 30px;
padding: 0 10px;
}
.filters-above-map #yith-sl-wrap-search-bar{
margin-right: 13px;
}
.filters-above-map #yith-sl-search-stores .wrap-buttons {
display: inline-block;
position: relative;
float: left;
}
.filters-above-map #yith-sl-search-stores {
text-align: left;
}
.filters-above-map #yith-sl-main-filters-container:before{
content: '';
display: block;
clear: both;
}
.filters-above-map #yith-sl-main-filters-container {
text-align: left;
}
.filters-above-map #yith-sl-search-button {
width: auto;
font-size: 14px;
border-radius: 5px;
padding: 8px 30px;
margin-bottom: 0;
}
.filters-above-map #yith-sl-main-filters-container.layout-opened .wrapper-filter {
flex-basis: 25%;
padding: 0 15px;
}
.filters-above-map .wrap-filters-list {
flex-wrap: wrap;
display: flex;
flex-direction: row;
}
.filters-above-map #yith-sl-main-filters-container.layout-opened .wrap-filters-list{
margin: 0 -15px;
}
.filters-above-map #yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown {
margin-top: 0;
}
.filters-above-map #yith-sl-main-filters-container.layout-opened .wrapper-filter.type-dropdown .wrapper-options {
padding: 0 15px;
}
.filters-above-map #yith-sl-main-filters-container.layout-opened .wrapper-filter .filter-label {
margin-top: 0;
}
.filters-above-map #yith-store-locator .wrapper-main-sections{
margin: 0 -10px;
} a.find-in-stores {
cursor: pointer;
}
button.find-in-stores{
background-repeat: no-repeat;
background-position: 5px center;
margin: 15px 0;
}
.find-in-stores img,
.find-in-stores svg {
position: absolute;
width: 25px;
height: 25px;
left: 10px;
}
.find-in-stores {
padding-left: 40px;
display: block;
text-decoration: none;
position: relative;
margin-bottom: 20px;
box-shadow: none;
}
.yith-sl-modal{
width: 1200px;
max-height: 80%;
background-color: #ffffff;	
display: none;
padding: 30px;
border-radius: 20px;
} 
.yith-sl-modal #yith-sl-gmap{
max-height: 100%;
}
.yith-sl-overlay{
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: rgba(138,159,170,0.8);
background-image: url(//sramcolombia.com.co/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/woocommerce/loader.svg);
background-position: center;
background-repeat: no-repeat;
}
.yith-sl-modal #yith-store-locator .wrapper-main-sections.loading-stores:after{
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba( 0,0,0,0.1 );
background-image: url(//sramcolombia.com.co/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/woocommerce/loader.svg);
background-position: center;
background-repeat: no-repeat;
z-index: 1001;
position: absolute;
left: 0;
top: 0;
}
.yith-sl-modal.stock-no .stock-qty{
display: none;
}
.wrap-store-details .stock-qty{
color: #5a9c03;
font-size: 13px;
font-weight: 700;	
}
.wrap-store-details .stock-qty.outofstock{
color: #de1010;
}
.yith-sl-modal #yith-sl-section-results{
width: 40%!important;
}
.yith-sl-modal #yith-sl-section-map{
width: 60%!important;
}
.yith-sl-wrap-no-image .store-image {
display: none;
}
.yith-sl-modal #yith-sl-results .title {
display: none!important;
} @media ( max-width: 768px ) {
.full-width#yith-store-locator{
padding: 0 10px!important;
}
#yith-store-locator .wrapper-main-sections{
height: auto!important;
display: block!important;
}
#yith-store-locator .wrapper-main-sections > div{
width: 100%!important;
}
#yith-sl-main-filters-container.layout-dropdown ul {
margin-left: 0;
}
.filters-above-map .wrap-filters-list {
display: block;
}
.filters-above-map #yith-sl-search-button {
width: 300px;
margin-left: 15px;
}
#yith-sl-results .stores-list > ul{
margin-left: 0;
}
}
@media ( max-width: 480px ){
#yith-sl-wrap-search-stores .title-search-bar{
margin-bottom: 20px;
}
button#yith-sl-geolocation, button#yith-sl-show-all-stores {
background-image: none!important;
padding: 10px;
}
#yith-sl-search-stores .wrap-buttons{
margin-bottom: 20px;
}
.yith-sl-with-image #yith-sl-results .store-image {
display: none;
}
#yith-sl-results .stores-list > ul{
margin-left: 0;
}
#yith-sl-results .store-info{
padding-left: 0;
width: 100%!important;
}
.filters-above-map #yith-sl-search-button {
width: 250px;
margin-left: 15px;
}
.yith-sl-modal {
max-width: 90%;
overflow: auto;
}
} input#yith-sl-search-bar-address {
border-radius: var(--proteo-buttons_border_radius);
}