:root {
    --storesListWidth: 470px;
    --storeMapMargin: 10px;
    --storeListMargin: 10px;
}

    .filterPanelWrapper
{
    height: 400px;
    overflow: auto;
    margin: 0 0 0 0px;
    padding: 0px 0 0 0;
}

.groupedCheckboxPanel
{
    min-height: 420px;
    width: 90%;
}

#cafeSearch h3
{
    padding: 0px 10px;
}

#cafeResults
{
    padding-right: 10px;
}

.orangeLinkMed:hover, .orangeLinkSm:hover, .orangeLinkLrg:hover
{
    color: #eeeeee;
}

.storeBox
{
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #999999;
}

.storeBox .storeInfo
{
    font-size: 12px;
    padding-bottom: 5px;
}

.storeBox .storeStreetAddress
{
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

.storeBox .orangeLinkLrg
{
    padding: 5px 10px !important;
    font-size: 13px;
}

.storeBox .storeMiles
{
    font-size: 11px;
}

.storeBox .orangeLinkSm
{
    margin: 0;
}

#zipSearchDiv {
    margin-top: 8px;
}

input.findAStoreSearchText {
    width: calc(var(--storesListWidth) - 34px - 16px);
    min-width: initial;
}
.storeList {
    overflow-y: auto;
    width: var(--storesListWidth);
    display: inline-block;
    margin-left: var(--storeListMargin);
}

.storeLocationMap {
    position: relative;
    width: calc(100% - var(--storesListWidth) - (var(--storeMapMargin) * 2) - var(--storeListMargin) - 4px);
    height: calc(100vh - 170px);
    z-index: 50;
    max-width: none;
    display: inline-block;
    vertical-align: top;
    margin: var(--storeMapMargin);
}

.cafeSearchPanel .storeLocationMap {
    height: 262px;
}

.cafeSearchPanel #storeListPartial {
    height: 225px;
    overflow-y: auto;
    padding-right: 5px;
}

.storeDetailsContainer {
    width: 100%;
}

#LocationButton {
    background-image: url(https://images.specialtys.com/MobileApp-Web/webicons/pinpoint-01-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 28px;
    width: 28px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    padding: 9px 0px;
}

#LocationButton:hover {
    background-color: var(--lightBackgroundHover);
}

.StoreNameAndAddress {
    width: calc(50% - 24px);
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px 10px 10px;
}

.StoreOpenTimes {
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}
.holidayTime {
    color: var(--orangeColor)
}

summary.holidayTime {
    cursor: pointer;
}

.cafeSearchPage {
    margin-top: 45px;
    padding-bottom: 20px;
}

.storeButton {
    width: 100%;
    border: none;
    margin: 5px 0px;
    background: var(--lightBackground);
    width: 100%;
}

.storeSelector:hover {
    color: var(--darkFont);
    text-decoration: underline;
    cursor: pointer;
}

h4 {
    font-weight: normal;
    margin-top:2px;
    margin-bottom:2px;
}

.clarendon-700 {
    font-weight: 600;
    font-size: 13pt;
}

.leftText {
    text-align: left;
}