.store-directory, .directory-header, .directory-body, .directory, .directory-list, .directory-footer { display:flex; flex-direction:column; margin:40px 0; width:100%;}
.directory-header, .directory-bod, .directory, .directory-list { margin:0; }
.directory-footer, .directory-footer h3 { text-align:left; }

.directory-panel { background:#ECE9EC; display:flex; flex-direction:column; margin:0; }
.directory-title, .directory-graphic { align-self:flex-start; display:flex; flex-direction:column; padding:30px; width:100%; }
.directory-graphic { display:none; }
.directory-title h1 { margin:0; }

.breadcrumb-nav { display:flex; margin-bottom:20px; }
.breadcrumbs, .breadcrumbs > li { align-items:center; display:flex; justify-content:center; }
.breadcrumbs { width:100%; }
.breadcrumbs > li { margin:10px; position:relative; }
.breadcrumbs > li:not(:last-child)::after { content:"/"; font-size:24px; position:absolute; top:50%; right:-15px; transform:translateY(-50%); }
.breadcrumbs > li > a { color:#000; font-family:'cooper-black-std', serif; font-size:16px; font-weight:400; }
.breadcrumbs > li > a.active { color:#D6001C; }
.breadcrumbs > li > a:hover { text-decoration:underline; }

.directory { }
.directory-list > li, .directory-list > li > a { align-items:center; display:flex; width:100%; }
.directory-list > li { margin:5px 0; }
.directory-list > li > a { background:#FFF; border:1px solid #EDEDED; border-radius:8px; padding:10px; font-size:20px; font-weight:700; color:#000; position:relative; }
.directory-list > li > a:hover { color:#D6001C; }
.directory-list > li > a::after { content:"chevron_right"; color:rgba(0,0,0,0.15); font-family:"Material Icons Outlined"; font-size:24px; margin-left:auto; }
.directory-list > li > a:hover::after { color:rgba(0,0,0,1); }
.prov-abbr-icon { align-items:center; background:#000; border-radius:50%; color:#FFD100; display:flex; height:50px; justify-content:center; letter-spacing:-1px; margin-right:10px; width:50px; }

.directory-list.directory-cities > li > a { padding:15px 10px 15px 15px; }

ul.locations-list { display:flex; flex-flow:row wrap; justify-content:flex-start; padding:0px; width:auto; }
ul.locations-list li { background:#FFF; border:5px solid #EEE; display:flex; flex-flow:column nowrap; float:left; flex-basis:100%; margin:15px 0; padding:20px; position:relative; width:100%; }

ul.locations-list li.location span { display:block; font-size:1em; padding:10px 0; }
ul.locations-list li.location h5 { color:#000; font-family:'cooper-black-std', serif; font-size:1.5em; font-weight:400; margin:5px 0; }
ul.locations-list li.location a.location-phone { color:#ed3237; display:block; font-family:'cooper-black-std', serif; font-size:1.25em; font-weight:400; }
ul.locations-list li.location a.btn { margin-top:auto; }
ul.locations-list li.location span:last-child { margin-top:auto; }

.location-open::before, .location-closed::before, .location-coming::before { background:#000; color:#FFD100; content:"Open"; display:block; font-family:'cooper-black-std', serif; font-size:1.25em; height:auto; padding:2px 5px; position:absolute; top:0; right:0; text-transform: uppercase; width:auto; }
.location-closed::before { background:#ed3237; color:#FFF; content:"Closed"; }
.location-coming::before { background:#ed3237; color:#FFF; content:"Coming Soon"; }


@media (min-width:640px){
	.directory-list { margin:0 -5px; flex-flow:row wrap; width:auto; }
	.directory-list > li { flex-basis:calc(50% - 10px); margin:5px; width:calc(50% - 10px); }
	ul.locations-list { margin:0 -15px; width:auto; }
	ul.locations-list li { float:left; flex-basis:calc(50% - 30px); margin:15px; padding:30px; position:relative; width:calc(50% - 30px); }

}

@media (min-width:798px){
	.directory-list { margin:0 -5px; flex-flow:row wrap; width:auto; }
	.directory-list > li { flex-basis:calc(33.33334% - 10px); margin:5px; width:calc(33.33334% - 10px); }
	.directory-panel { align-items:center; background:#ECE9EC; flex-direction:row; }
	.directory-title { align-self:center; align-items:center; width:60%; height:100%; justify-content: center; padding:30px; }
	.directory-title h1 { text-align:left; }
	.breadcrumbs > li > a { font-size:18px; }
	.directory-graphic { display:flex; justify-content: center; width:40% }
	.directory-graphic img { align-self:center; max-width:240px; }
}

@media (min-width:992px){
	.directory-title { padding:50px; }
	.directory-title { width:60%; }
	ul.locations-list li { flex-basis:calc(33.33334% - 30px); width:calc(33.33334% - 30px); }
}

@media (min-width:1440px){
	ul.locations-list li { flex-basis:calc(25% - 30px); width:calc(25% - 30px); }
	.directory-title, .directory-graphic { width:50%; }
}