@charset "utf-8";

#map_canvas_stores_search {
	height:750px;
	margin-bottom:30px;
}

#nearest_stores_loading{
	text-align:center;
	padding:50px 10px
}
#nearest_stores_loading img {
	margin:20px;
}
#store_finder_results {
	display:none;
}
#map_canvas_stores_results{
	height:800px;
	margin-bottom:30px;
}

table.tblDebug {width:100%; border-collapse:collapse;}
table.tblDebug td {border:1px solid #425363; padding:2px}

.stores-v2 h1{
	margin-bottom: 30px;
}

@media(max-width: 767px){
	.stores-v2 h1{
		margin-bottom: 20px;
		font-size: 28px;
		line-height: 32px;
	}
}

.stores-v2 .stores-list{
	margin-top: 10px;
	border-top: 1px solid #D9DDE0;
	padding-top: 40px;
}

.stores-v2 .stores-list h2{
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 30px;
}

.stores-v2 .stores-list-all {
	margin-bottom: 50px;
}

.stores-v2 .results-store-box{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9DDE0;
}
@media(min-width: 768px){
	.stores-v2 .results-store-box{
		padding: max(30px, calc((100vh - 80px - 26px - 176px - 20px - 180px - 4px - 2px) / 8)) 0;
	}
}

.stores-v2 .results-store-box .store-box{
	position: relative;
	padding-left: 40px;
}
.stores-v2 .results-store-box .store-box .storepin-icon{
	position: absolute;
	top: 0;
	left: 0;
}
.stores-v2 .results-store-box .store-box .store_list_name{
	font-size: 18px; 
	font-weight: 700; 
	text-decoration: none; 
	margin-bottom: 10px;
	padding-right: 100px;
}
.stores-v2 .results-store-box .store-box .store_list_address{
	font-size:14px; 
	margin-bottom: 15px;
}
.stores-v2 .results-store-box .store-box .store_list_phone{
	font-size:14px; 
	margin-bottom: 15px;
	margin-top: -15px;
}
.stores-v2 .results-store-box .store-box .store_list_types{
	margin-bottom: 10px;
}
.stores-v2 .results-store-box .store-box .store_list_type{
	display: inline-block; 
	padding-right: 30px; 
	font-size: 12px;
	margin-bottom: 5px;}
.stores-v2 .results-store-box .store-box .store_list_distance{
	position: absolute;
	right: 0;
	top: 5px; 
	font-size:12px;
}
.stores-v2 .results-store-box .store-box .store_list_link {
	font-size:12px;
}

#takeawayOptions{
	margin-left: 114px;
	display: none;
}

#takeawayOptions p{
	margin-bottom: 0px;
	font-size: 12px;
}

@media(max-width: 487px){
	#takeawayOptions{
		margin-left: 0px;
		display: none;
	}
}

/* Store search banner */
.store-slider .slide-img{
    position: relative;
}

.store-slider .slide-img img{
    width: auto;
    object-fit: cover;
}

.slick-image-slider{
	height:120px;
}

.tapi-fluid-slider .slick-slide .slide .slide-img
,.tapi-fluid-slider.tapi-slider-v2 .slick-slide .slide .slide-img
,.tapi-fluid-slider.tapi-slider-v2.mobile-1-col .slick-slide .slide .slide-img
 {
	height: 125px;
	width: 125px;
	overflow:hidden;
	/* display: flex;
	justify-content: center;
	align-items: center; */
}
.tapi-fluid-slider .slick-slide .slide .slide-img img
,.tapi-fluid-slider.tapi-slider-v2 .slick-slide .slide .slide-img img 
,.tapi-fluid-slider.tapi-slider-v2.mobile-1-col .slick-slide .slide .slide-img img
 {
	height: 125px; /* from auto  h/w */
	width: 125px;
	margin: 0 auto;
	object-fit:cover;
}

.tapi-fluid-slider.tapi-slider-v2 .slick-next,
.tapi-fluid-slider.tapi-slider-v2 .slick-prev,
.tapi-fluid-slider.tapi-slider-v2.mobile-1-col .slick-next,
.tapi-fluid-slider.tapi-slider-v2.mobile-1-col .slick-prev  {
	top: 44px;
}
#resultscodereveal .code-reveal{
	margin-bottom: 0px;
}
.slide{display: flex;justify-content: center;}

/*====================================================
		results modal
======================================================*/
.resultsModal{
	padding-right: 0 !important;
	position: fixed;
}
.resultsModalDialog{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	/*min-height: 100%;*/
	display: flex;
}
.resultsModalContent{
	width: 100%;
	/*min-height: 100%;*/
	border-radius: 0;
}
.resultsModalBody{
	padding: 0;
	/*min-height: 100%;*/
}
.resultsModal .results-step{
	/*min-height: 100%;*/
}
.resultsModal .results-step-inner{
	padding: 50px 30px 30px;
}
.resultsModal .modal-close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 1051;
}
.resultsModal .modal-close-button i{
	font-size: 28px;
}

.modal-open{
    height: 100%;
}
@media(min-width: 768px){
	.modal.fade:not(.in).resultsModal .modal-dialog {
		-webkit-transform: translate3d(25%, 0, 0);
		transform: translate3d(25%, 0, 0);
	}
}
@media(max-width: 767.99px){
	.modal.fade:not(.in).resultsModal .modal-dialog {
		-webkit-transform: translate3d(0, 100vh, 0);
		transform: translate3d(0, 100vh, 0);
	}
}

.resultsModal .stores-v2 .results-store-box .store-box .store_list_name{
	padding-right: 0;
}
.resultsModal .stores-v2 .results-store-box .store-box .store_list_distance{
	position: relative;
}
.resultsModal .stores-v2 .results-store-box .button{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	color: #425363 !important;
	font-weight: 700;
}

@media(min-width: 768px){
	.resultsModalDialog{
		width: 650px;
	}
}
@media(max-width: 767.99px){
	.resultsModalDialog{
		margin-left: 0;
	}
	#resultsModal{
		background-color: #fff;
	}
	.resultsModal .results-step-inner{
		padding: 40px 20px 20px;
	}
	.resultsModal .stores-v2 .results-store-box{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
/*====================================================
		End of results modal
======================================================*/

.stores-list .region {
	margin-bottom: 20px;
}

.stores-list .region-title {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	margin-top: 5px;
	border-bottom: 1px solid #F6B333;
}

.stores-list .region-title a{
	text-decoration: none;
}

.stores-list .region-title::after {
	font-family: 'Font Awesome 5 Solid';
	font-weight: 900;
	content: '\f078';
	font-size: 16px;
	color: #F1B434;
	transition: transform 0.3s ease;
}

details[open] .region-title::after {
	transform: rotate(180deg);
}

.stores-list .stores-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 10px 20px;
	margin-top: 18px;
}

.stores-list .store-item {
	text-align: center;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.stores-list .store-item a:hover {
	text-decoration: underline;
}