@charset "UTF-8";

#containerHeader {
	display: flex;
	/* establish flex container */
	flex-direction: column;
	/* make main axis vertical */
	justify-content: center;
	/* center items vertically, in this case */
	align-items: center;
	/* center items horizontally, in this case */
	width: 100%;
}

#containerCategories {
	display: flex;
	/* establish flex container */
	flex-wrap: wrap;
	flex-direction: row;
	/* make main axis vertical */
	justify-content: center;
	/* center items vertically, in this case */
	align-items: center;
	/* center items horizontally, in this case */
	width: 100%;
}

#containerSpots {
	display: flex;
	/* establish flex container */
	flex-wrap: wrap;
	flex-direction: row;
	/* make main axis vertical */
	justify-content: center;
	/* center items vertically, in this case */
	align-items: center;
	/* center items horizontally, in this case */
	width: 100%;
	margin: auto;
}

.contentBox {
	margin: 2px;
	text-align: center;
}

.spotBox {
	flex-basis: 0;
	flex-grow: 1;
	margin: 2px;
	text-align: left;
	align-self: flex-start;
}

.rwd-span {
	display: block;
	height: 15px;
}

@media only screen and (min-width: 591px) {
	#containerSpots {
		width: 180px;
	}
}

@media only screen and (min-width: 771px) {
	#containerSpots {
		width: 360px;
	}
}

@media only screen and (min-width: 951px) {
	#containerSpots {
		width: 540px;
	}
}

@media only screen and (min-width: 1131px) {
	#containerSpots {
		width: 720px;
	}
}

@media only screen and (min-width: 1311px) {
	#containerSpots {
		width: 900px;
	}

	.rwd-break {
		display: none;
	}

	.rwd-span {
		display: inline;
	}
}



@media only screen and (max-width: 900px) {
	#btnMarketGPS {
		font-size: 1.0em;
		padding: 15px 30px;
	}
}

.spotboxImg
{ 
	width:150px; height:150px; object-fit: cover; 
	/*
	padding:6px;
	box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-webkit-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-moz-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);	
	margin-bottom:10px;
	*/
}

.sm_shadowbox
{
	padding:6px;
	box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-webkit-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-moz-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);	
	margin:6px 6px 12px 6px;
}

.spotBox 
{
	max-width:176px;
	min-width:176px;
	width:176px;
	overflow-x: hidden;
}

.sm_shoppinglist b, .sm_shoppinglist { color:black !important; font-weight:400 !important; }
.sm_desc { color:#666; }
.view-more, .sm_desc, .sm_sharedname, .sm_igaccounts, .sm_sharedfromtext, .sm_shoppinglist { margin-left:8px; display: inline-block; margin-right:8px; }
#btnShareMarket2, #dtEmailForm button, #btnMarketGPS { border-radius: 15px; border:1px solid #888; font-size:14px; padding:4px 8px 4px 8px; }
.sb_buttonarea { padding-top:6px; width:100%; } 
/*.sb_link img { width:100% !important; border-radius:10px; }*/
.sb_link { width:100%; display:block; }
.sb_title_tiny, .sb_title { color:#48484A; font-weight:bold; }
/*
.sb_like { }
.sb_heart { }
.sb_copylink { }
.sb_map { }
.sb_heart2, .sb_heart, .sb_like, .sb_showdesc { cursor:hand; cursor:pointer; }
.sb_date { float:right; font-weight:bold; font-size:4.25vw; padding-top:6px; width:auto;  text-align:right; color:#777; }
.sb_map, .sb_copylink, .sb_like, .sb_heart, .sb_showdesc { width:10.0%; display:inline-block; padding-right:3vw; padding-left:4px; }
.sb_heart2 { width: 100%; }
.sb_heart2 img, .sb_map img, .sb_copylink img, .sb_like img, .sb_heart img, .sb_showdesc img { width:100%; }
.sb_gps_smaller { width:100%; display:block; }
.sb_gps_smaller  a { font-size:3.8vw; font-weight:bold; color:#007700; }
.sb_smalltext { width:100%; display:block; padding-top:2px; font-weight:bold; font-size:3.3vw; color:#444444; }
*/
.sb_description { width:100%; display:block; border:1px solid #999; padding:10px; box-sizing: border-box; color:#777; margin-bottom:6px; margin-top:6px; }
.sb_gps { width:100%; display:block; }
.sb_card, .sb_address { width:100%; display:block; color:#555; }   	
.sb_telephone { width:100%; display:block; color:#555; }
.sb_email { width:100%; display:block; }
.sb_email a { text-decoration: underline; color:#999; }
.sb_card a { color: rgb(0, 119, 0); } 

.sb_title_tiny { font-size:5.8vw; }
.sb_title { font-size:6.4vw; }
.sb_gps a { font-size:5.4vw; font-weight:bold; color:#007700; }
.sb_card, .sb_card a, .sb_address, .sb_telephone, .sb_email, .sb_email a { font-size:3.5vw; font-weight:bold; }
.sb_description { font-size:3.8vw; }
.sb_card, .sb_card a, .sb_address, .sb_telephone, .sb_email, .sb_email a { padding-top:2px; }
.sb_divmapiframe { border:0px;width:100%;aspect-ratio: 4 / 3;height: 100%; } 
.sb_mapiframe { border:0px;width:100%;aspect-ratio: 4 / 3;height: 100%; }

.sb_polaroid { padding:14px 14px 6px 14px; -webkit-box-shadow: 6px 4px 15px -3px rgba(0,0,0,0.40); box-shadow: 6px 4px 15px -3px rgba(0,0,0,0.40); margin-bottom:14px; margin-left:0.8vw; margin-right:0.8vw; }
.sb_pd4 { padding:10px; }
.sb_polaroidimg { width:100% !important; }
.sb_title_tiny, .sb_title { min-height: 13.8vw; display: flex; align-items: center; }
.sb_date { margin-right:0.8vw; }

.sb_learnmore 
{
    position:relative;
	height:1px;
}
.sb_learnmore_time 
{
    position:absolute;
    bottom:2.8vw;
    right:2.2vw;
	font-size:3.8vw;
	background-color:white;
	color:#555;
	padding:1.4vw;
	border-radius:4px;
}

.sb_month_bar { font-size:6.25vw; padding: 4.25vw; background-color:#448844; color:white; text-align:center; font-weight:bold; }
.sb_month_bar_no_data { text-align:center; font-size:4.2vw; font-weight:bold; padding:10px; } 

.spotboxImg
{ 
	width:150px; height:150px; object-fit: cover; 
	/*
	padding:6px;
	box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-webkit-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-moz-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);	
	margin-bottom:10px;
	*/
}

.sm_shadowbox
{
	padding:6px;
	box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-webkit-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);
	-moz-box-shadow: -2px 7px 10px -3px rgba(0,0,0,0.43);	
	margin:6px 6px 12px 6px;
}

.sb_like { cursor: pointer; }
.sb_like img { width: 26px; height:auto; }

.littlelike
{
	/*color:#2f9c21 !important;*/
	color:#999999 !important;
	font-size:9px;
	font-weight:bold;    
}

.sm_sharedfromtext { font-size: 12px; }
.float_left { float: left; }
.float_left_text { display:inline-block;transform:translateY(-4px); }
.sb_text_right { text-align:right; float:right; }
.text_center { text-align: left !important; display:block; }
.block { display: block; }