/* Layout */

.wcsl-map {

    height: 500px;

    width: 400px;

}



/* End Layout */

/* Typography */

@font-face {

    font-family: 'fcicomoon';

    src: url('fonts/icomoon.eot?vfxpw0');

    src: url('fonts/icomoon.eot?vfxpw0#iefix') format('embedded-opentype'),

        url('fonts/icomoon.ttf?vfxpw0') format('truetype'),

        url('fonts/icomoon.woff?vfxpw0') format('woff'),

        url('fonts/icomoon.svg?vfxpw0#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

}



.wcsl-store-locator {

/*     font-size: 12px; */

}



.fc-form-group label {

    font-size: 1em;

}



.fc-form-group select.form-control,

.fc-form-group input.form-control {

    font-size: 1em;

}



.wcsl-store-locator .wcsl-map-container {

    width: 69%;

    float: left;

}



.wcsl-store-locator .wcsl-listing {

    width: 30%;

    height: 490px;

    float: right;

    overflow: auto;

}



/* End */

/* Filters */



.wcsl-filter-form {

    margin-bottom: 10px;

    background: #f4d03f;

    padding: 10px; 

}

@media(min-width: 768px){
    .wcsl-filter-form {  
        display: flex;
        align-items: flex-end;

    }
}

.fc-form-group input.fc-btn-submit {

    padding: 5px 13px;

    border: none;

    font-size: 1em;

    text-transform: uppercase;

    border-radius: 0px;

}



.wcsl-loc-input input.wpgmp_auto_suggest,

select.form-control,

input.form-control,

div.wsl-directions input[name="wsl-start"] {

    border-radius: 0px;

    border: none;

    padding: 5px 10px;

}



.fc-form-group input.btn.btn-primary {

    cursor: pointer;

}



.fc-form-group {

    margin-bottom: 10px;
    flex: 1;
    padding: 0 10px;

}



/* Listing */



.wcsl-results {

    padding: 5px;

    border-bottom: 1px solid #ddd;

    font-size: 1em;

    font-style: italic;

}



.wcsl-items {

    margin: 0;

    padding: 0;

    list-style: none;

}



.wcsl-listing ul.wcsl-items li.wcsl-item {

    list-style: outside none none;

    opacity: 1;

    border-bottom: 1px solid #f9f9f9;

    padding: 10px 15px 10px 15px;

}



.wcsl-listing ul.wcsl-items li.wcsl-item .place_title {

    font-weight: bold;

    font-size: 1.2em;
    text-decoration: none;

}



.wcsl-item .wsl-driving-directions a.wsl-driving-link {

    display: inline-block;

    color: #000;

    font-size: 1em;

    padding: 5px 10px;

    background: #fff;

}

.wcsl-item .wsl-driving-directions a.wsl-driving-link:hover {
    background-color: #e7e5e5;
}





.wcsl-item a.place_title,

.wcsl-item a.wcsl_get_distance,

.wcsl-item .wsl-driving-directions a.wsl-driving-link {

    text-decoration: none;

    box-shadow: none;

}



.wcsl-item .wsl-driving-directions {
    margin-top: 15px;
    margin-bottom: 20px;

}



.place_title:before {

    content: "\e900";

    font: normal normal normal 14px/1 fcicomoon;

    font-size: 1em;

    margin-right: 5px;

}



.wsl_actions {

    float: right;

    margin-right: 5px;

}



.wsl_print:before {

    content: "\e905";

    font: normal normal normal 14px/1 fcicomoon;

    font-size: 1.2em;

    cursor: pointer;

}



.wcsl_distance_details {

    padding: 5px 10px;

    font-size: 1em;

    display: inline-block;

    margin: 10px 0px;

}



.wcsl_get_distance:after {

    content: "\e902";

    font: normal normal normal 14px/1 fcicomoon;

    font-size: 1.2em;

    margin-left: 10px;

}



.wcsl-loc-input {

    position: relative;

}



input.wpgmp_auto_suggest {



    width: 100%;

    font-size: 1em;

    display: inline !important;

}



.wcsl-item input.wpgmp_auto_suggest {

    margin-top: 10px;

    margin-bottom: 10px;

}



.wcsl-current-location {

    position: absolute;

    

    cursor: pointer;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    line-height: initial;

}



.wcsl-current-location:before {

    content: "\e901";

    font: normal normal normal 14px/1 fcicomoon;

    font-size: 1.2em;

}



.wsl-directions .wcsl-current-location {

    margin-left: -25px;

    margin-top: 14px;

}



.wsl-directions input[type="text"] {

    width: 85% !important;

}



div.wsl-directions {

    margin-bottom: 10px;

    position: relative;

    display: none;

}



div.wsl-directions input[name="wsl-go"] {

    padding: 6px 10px;

    border: none;

    font-size: 1em;

    border-radius: 0px;

}



.wcsl-item-pcab {

    background-image: url('../images/star.png');

    background-repeat: no-repeat;

}







/* End */



.wc_load_more {

    width: 32px;

    height: 32px;

    /*background: url(../images/loader1.gif) repeat;*/

    display: inline-block;

    vertical-align: middle;

    float: none !important;

}



/* Colors */



.wcsl-filter-form,

.wcsl-store-locator .wcsl-listing {

    background: #F4D03F;

}



.fc-btn-submit,

.wcsl-results,

.wcsl_distance_details,

div.wsl-directions input[name="wsl-go"] {

    background: #212f3d;

}



select.form-control, 

div.wsl-directions input[name="wsl-start"],
.wcsl-loc-input input[type="text"]{

    background: #fff;

}



.wcsl-listing ul.wcsl-items li.wcsl-item .place_title,

p.wsl_content {

    color: #212f3d;

}



div.wsl-directions input[name="wsl-go"],

.place_title:before,

.wcsl_get_distance:after,

.fc-btn-submit,

.wcsl-results,

.wcsl_distance {

    color: #fff;

}



.wcsl-current-location:before {

    color: #F4D03F;

}



.wsl-dir-panel {

    display: block;

    direction: ltr;

    background: #fff;

    margin: 20px 0px;

}



.wsl-dir-panel .adp-placemark,

.wsl-dir-panel .adp-summary,

.wsl-dir-panel .adp-directions,

.wsl-dir-panel .adp-legal {

    padding: 10px;

}



.wsl-dir-panel .adp-text {

    border: none;

}

.wcsl-map a.place_title{box-shadow:none;}

.wcsl-map .place_title::before{display:none!important;}





@media(max-width:900px) {

    .wcsl-store-locator .wcsl-listing {

        width: 100% !important;

        height: initial !important;

    }



    .wcsl-store-locator .wcsl-map-container {

        width: 100% !important;

        margin-bottom: 10px;

    }

}

@media only screen and (max-width: 760px) {

    .wcsl-filter-form .fc-form-group {
        width: 100%!important;
    }
    .wcsl-filter-form .fc_select2 {width: 100%!important;}
    .wcsl-filter-form input.fc-btn-submit {width: 100%!important;}
}


.wcsl-filter-form input[type='text'], .wcsl-filter-form .fc_select2, .wcsl-filter-form input[type='submit'] {
    line-height: inherit!important;
     width: 100%!important;
}

.wcsl-filter-form select{height:32px!important; width: 100%;}

 
.wcsl-store-locator{width:100%!important;max-width:100%!important; float: left; margin-bottom: 15px!important;}

.wcsl-filter .wcsl-filter-form{text-align:left;}

@media (min-width: 768px) {
    .wcsl-filter-form div.fc-form-group:last-child{
        max-width:120px;
    }
}

.wcsl-loc-input input.wpgmp_auto_suggest, 
.wcsl-filter-form select.form-control, 
.wcsl-filter-form input.form-control, 
.wcsl-filter-form div.wsl-directions input[name="wsl-start"],
.fc-form-group input.fc-btn-submit{
        line-height: 2 !important;
    font-size: 16px !important;
    height: auto !important;
    border-radius: 3px !important;
    padding: 8px 12px;
    box-sizing: border-box;
    height: 50px !important;
}
.wcsl-items {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
 
.gm-style .gm-style-iw-d{
    line-height: 22px;
}

.from-submit-btn{
	margin:0px;
	padding:0px;
	position:relative;
}

@media only screen and (max-width: 760px){
	.wcsl-filter-form input.fc-btn-submit { 
		margin-top: 10px;
	}
}



.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
	position: absolute;
    left: 42%;
    top: 29%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  }
.spinner-border + #wsl_submit {
	font-size:0px !important;
	cursor:default !important;
}
  @keyframes spinner-border {
    to {
      transform: rotate(360deg) /* rtl:ignore */;
    }
  }
  .spinner-border {
    --bs-spinner-width: 1.5rem;
    --bs-spinner-height: 1.5rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
    color: #fff;
  }
  
  .spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
  }