/*Makes map full width inside container*/
#wpsl-gmap {
    width: 100% !important;
}

.wpsl-dropdown {
    border-top:0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
    
}

/*Get Tested: WP Store Locator*/

/*Hides form above map*/
.hide-form{
	display:none !important;
}

/*Hides form on top of map*/
#wpsl-search-wrap {
    float: left;
    display: none;
    width: 100%;
}

/*Full width of the dropdowns flexed*/
#wpsl-search-wrap .wpsl-select-wrap {
    position: relative;
    z-index: 2;
    margin-right: 0;
    display: flex;
    width: 100%;
}

/*Results Dropdown*/
div#wpsl-radius, div#wpsl-results {
    width: 50%;
}

.wpsl-dropdown {
    width: 100%;
	margin-top:20px;
}

#wpsl-results .wpsl-dropdown {
    width: 100%;
	margin-right: 0 !important;
}

div#wpsl-results {
	margin-right: 0 !important;
}

/*Adjust the sizing of the blue container list*/
ul.store-slider {
    width: 54%;
}

/*Background of top bar where search bar is at*/
.wpsl-search.wpsl-clearfix {
	background:none;
}
/*Styling for Location input*/
input#wpsl-search-input, input#wpsl-radius, input#wpsl-results {
    background: white;
    border-bottom: 2px solid var(--accent);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: var(--contrast);
	border-radius:0;
	font-family: var(--gp-font--bebas-kai);
	font-size:25px;
	line-height:27px;
	letter-spacing:0%;
}

/*Styling for Dropdown input*/
/* .global-hero-map-section #wpsl-radius .wpsl-dropdown .wpsl-selected-item, #wpsl-radius .wpsl-dropdown li, #wpsl-results .wpsl-dropdown .wpsl-selected-item, #wpsl-results .wpsl-dropdown li {
    background: white !important;
    border-bottom: 2px solid var(--accent) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0;
    color: var(--accent) !important;
    border-radius: 0;
    font-family: var(--gp-font--bebas-kai) !important;
    font-size: 1.563rem;
    line-height: 27px;
    letter-spacing: 0%;
} */

#wpsl-radius .wpsl-dropdown .wpsl-selected-item,
#wpsl-radius .wpsl-dropdown li,
#wpsl-results .wpsl-dropdown .wpsl-selected-item,
#wpsl-results .wpsl-dropdown li {
    background: white !important;
    border-bottom: 2px solid var(--accent) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    color: var(--accent) !important;
    border-radius: 0 !important;
    font-family: var(--gp-font--bebas-kai) !important;
    font-size: 1.563rem !important;
    line-height: 27px !important;
    letter-spacing: 0 !important;
}

/*INPUT PLACEHOLDER STYLING*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    var(--accent);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    var(--accent);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    var(--accent);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    var(--accent);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    var(--accent);
}

::placeholder { /* Most modern browsers support this now. */
   color:    var(--accent);
}

/*Search Button*/
input#wpsl-search-btn {
   color: var(--orange-fdoh);
	font-family: "Roboto Condensed", sans-serif;
	font-weight:700;
	border: 3px solid var(--orange-fdoh);
	border-radius:62px;
	line-height:0;
	padding:19px 25px; 
	font-size:1rem;
	letter-spacing:0;
	background:white;
	margin-top:20px;
}

input#wpsl-search-btn:hover{
	color: var(--base-2);
	font-family: "Roboto Condensed", sans-serif;
	border: 3px solid var(--fdoh-green);
	font-weight:700;
	background-color: var(--fdoh-green);
	border-radius:62px;
	line-height:0;
	padding:19px 25px; 
	font-size:1rem;
	letter-spacing:0;
	transition: 0.4s;
	margin-top:20px;
}

/*MAKES RADIUS INPUT 100% WIDTH*/
input#wpsl-radius, input#wpsl-results {
	width:100%;
	margin-top:10px;
}
.wpsl-search-btn-wrap {
    justify-self: flex-end;
}

.wpsl-search.wpsl-clearfix {
    padding: 12px 0;
}

/*Expands WPSL input to 100%*/
.wpsl-input, input#wpsl-search-input {
    width: 100%;
	margin-bottom:0;
}



/*List of Stores/Testing*/
#wpsl-result-list {
	right: 0;
    z-index: 0;
    position: absolute;
    width: 100%;
    justify-content: right;
	justify-self:baseline;
	display:flex;
}

#wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 1000px !important;
    justify-self: flex-end;
    display: flex;
    /* align-items: anchor-center; */
    justify-content: flex-end;
}
#wpsl-stores{
	width: 54% !important;

}


/*Store List in Blue*/
.wpsl-store-location{
	background:var(--accent);
	border-radius:16px;
	padding:30px;
	color:white;
	margin-bottom: 22px;
}

/*Styles store title*/
.wpsl-code-container strong{
	font-family: var(--gp-font--bebas-kai);
	font-size: clamp(1.3rem, 5vw, 1.563rem);
	font-weight:400;
	line-height:27px;
	color:white;
	letter-spacing: 1px;
}

/*styles country and address*/
.page-id-19 span.wpsl-street, span.wpsl-country, .wpsl-opening-hours{
	font-family: var(--gp-font--roboto-condensed);
	font-weight:400;
	line-height:27px;
	color:white;
}



/*Makes grid height auto*/
@media (max-width: 767px) {
    .gb-element-cce26026 {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        height: auto;
    }
	
	
	/*List of Stores/Testing*/
#wpsl-result-list {
/* 	right: 0; */
    z-index: 0;
    position: relative;
    width: 100%;
    justify-content: right;
		display:flex;
}
	/*Makes the map and stores 100%*/
ul.store-slider {
    width: 100%;
}

}


/*Changes color fo direction number*/
.wpsl-directions, .wpsl-directions:hover {
  font-family: var(--gp-font--roboto-condensed);
	font-weight:400;
	line-height:27px;
	text-decoration:none;
	color:white;
}

/*gives padding to country of store locator*/
span.wpsl-country{
	padding: 10px 0 !important;
	display:none;
}

/*Button*/
#wpsl-search-wrap #wpsl-search-btn {
        float: left;
        margin: 20px 5px 20px 0 !important;
    }




@media (max-width: 767px) {
	

#wpsl-stores {
    width: 100% !important;
}
}

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

@media (max-width: 768px) {
    #wpsl-radius .wpsl-dropdown .wpsl-selected-item,
    #wpsl-radius .wpsl-dropdown li,
    #wpsl-results .wpsl-dropdown .wpsl-selected-item,
    #wpsl-results .wpsl-dropdown li {
        background: white !important;
        border-bottom: 2px solid var(--accent) !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        color: var(--accent) !important;
        border-radius: 0 !important;
        font-family: var(--gp-font--bebas-kai) !important;
        font-size: 1.563rem !important;
        line-height: 27px !important;
        letter-spacing: 0 !important;
    }
}