.clamwidgetimage {
	background-image: url(/widgets/images/clambg.png); 
	background-color: white; 
	min-height: 120px; 
	background-position: center top; 
	background-repeat: no-repeat; 
	background-size: 120px;
}
.widget_biotoxins {
		margin-bottom: 8px;
		text-align: left;
}
.widget_biotoxins.compact {
	padding-left: 4px;
}
.widget_biotoxins.wide {
	margin-top: 8px;
	background-color: white;
	border: thin solid #006699;
	border-radius: 8px;
	padding: 4px;
}
#biotoxin_beach_widget h1 {
	font-size: 48px;
}	
#biotoxin_beach_widget h1, #biotoxin_beach_widget h2, #biotoxin_beach_widget h3, #biotoxin_beach_widget h4 {
	font-weight: bold;
}
.biotoxin_region {
	margin-bottom: 12px;
	border: thin solid #006699;
	border-radius: 8px;
	overflow: hidden;
}
.biotoxin_region_header {
	color: white;
	background-color: #006699;
	font-size: 1.5em;
	padding: 8px;
}
.beach_row {
	background-color: white;
    border-top-style: dashed;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	border-color: #006699;
	border-width: 1px;

}
.beach_row.even {
	background-color: white;
}
.biotoxin_beach_header {
	color: #02a4f4;
	font-size: 1.2em;
	font-weight: normal;
}
.biotoxin_beach_header .w3-col {
	padding: 8px;
	padding-left: 16px;
}
.status_box {
	padding: 8px;
}
.status_item {
	overflow: hidden;
	width: 100%;
	padding: 8px;
}
.status_text, .species_text {
	float: left;
	max-width: calc(100% - 34px);
}
.species_box {
	padding: 8px;
}
.species_item {
	overflow: hidden;
	width: 100%;
	padding: 8px!important;	

}
.species_item i, .status_item i {
	font-size: 1.5em;
	float: left;
}
h4.widget{
	/*max-width: calc(100% - 48px);*/
	color: #006699;
	font-size: 0.9em;
}
@media all and (max-width: 600px) {
/* For Phones */
	.biotoxin_beach_header {
		display: none;
	}
	.clamwidgetimage{
		background-image: url(/widgets/images/clamdig_wide.png); 
		min-height: 50px;
		height: 50px;		
		background-position: center;
		background-size: cover;
		margin-bottom: 4px;
	}
}
@media all and (min-width: 600px) {
/* For tablets: */
	#biotoxin_beach_widget div.w3-col {
		/*min-height: 50px;*/
	}
	.biotoxin_beach_header .hidetablet {
		display: none;
	}

	.clamwidgetimage{
		background-image: url(/widgets/images/clamdig_wide.png); 
		min-height: 50px;
		height: 50px;		
		background-position: center;
		background-size: cover;
		margin-bottom: 4px;
	}
}
@media only screen and (min-width: 993px) {
/* For desktop: */
	#biotoxin_beach_widget div.w3-col {
		min-height: 50px;
	}
	#biotoxin_beach_widget .biotoxin_beach_header div.w3-col {
		min-height: 25px;
	}	
	.biotoxin_beach_header .hidetablet {
		display: block;
	}	

	.clamwidgetimage {
		background-image: url(/widgets/images/clambg.png); 
		min-height: 130px; 
		min-height: 130px; 
		height: auto;
		background-position: center top; 
		background-size: cover;
		margin-bottom: 0px;
	}
	.clamwidgetimage.wide{
		background-image: url(/widgets/images/clamdig_wide.png); 
		min-height: 50px;
		height: 50px;		
		background-position: center;
		background-size: cover;
	}

}