@charset "utf-8";
/* CSS Document */

#surveillance-and-response {
	background-image: url("/img/pg_hdr/surveillance.jpg");
	background-size:cover;
}
#surveillance-and-response h1 {
	color:#FFF;
}

.topic-box {
	background-color: #E2E3E4;
	height:275px;
}
.topic-box div h3 {
	background-color: #E2E3E4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.topic-box div:first-child {
	width:400px;
	max-width: 50vw;
	height:275px;
	float:left;
	background-position: center;
}
.topic-box div:nth-child(2) {
	min-height:245px;
	float:left;
	padding:15px;
}
.topic-box a {
	text-decoration: none;
}
.topic-box div h3 {
	margin:0px;
	padding:10px;
	color:#fff;
	font-size:20pt;
}
.topic-box div a {
	display: block;
	text-transform: uppercase;
	font-size: 13.5pt;
	text-decoration: none;
	margin-bottom:10px;
	max-width:245px;
}
.topic-box div a:hover {
	color:#9B4E26;
}
.topic-box:nth-child(2), .topic-box:nth-child(3), .topic-box:nth-child(6),.topic-box:nth-child(7),.topic-box:nth-child(10), .topic-box:nth-child(11), .topic-box:nth-child(14), .topic-box:nth-child(15) {
	background-color: #333;
}
.topic-box:nth-child(2) a, .topic-box:nth-child(3) a, .topic-box:nth-child(6) a, .topic-box:nth-child(7) a, .topic-box:nth-child(10) a, .topic-box:nth-child(11) a, .topic-box:nth-child(14) a, .topic-box:nth-child(15) a {
	color:#EFE6C7;
}
.topic-box:nth-child(2) a:hover, .topic-box:nth-child(3) a:hover, .topic-box:nth-child(6) a:hover, .topic-box:nth-child(7) a:hover, .topic-box:nth-child(10) a:hover, .topic-box:nth-child(11) a:hover, .topic-box:nth-child(14) a:hover, .topic-box:nth-child(15) a:hover {
	color:#2B919D;
}

#hm-sal-chyt {
	background-image: url("/img/hm/chytridiomycosis.jpg");
	background-position: top 15px left 0px;
}
#hm-sal-chyt h3 {
	background-color:#609540;
}
#hm-mycoplasmosis {
	background-image: url("/img/hm/mycoplasmosis.jpg");
	background-position: top 30px left 0px;
}
#hm-mycoplasmosis h3 {
	background-color:#9B4E26;
}
#hm-snake-fungal-disease {
	background-image: url("/img/hm/snake_fungal_disease.jpg");
	background-position: top 30px left 0px;
}
#hm-snake-fungal-disease h3 {
	background-color:#4D4D4F;
}
#hm-avian-botulism {
	background-image: url("/img/hm/avian_botulism.jpg");
	background-position: top 30px left 0px;
}
#hm-avian-botulism h3 {
	background-color:#F47925;
}
#hm-bovine-tuberculosis {
	background-image: url("/img/hm/bovine_tuberculosis.jpg");
	background-position: top 20px left 0px;
}
#hm-bovine-tuberculosis h3 {
	background-color:#2B919D;
}
#hm-canine-distemper {
	background-image: url("/img/hm/canine_distemper.jpg");
}
#hm-canine-distemper h3 {
	background-color:#EFE6C7;
	color:#9B4E26 !important;
}
#hm-avian-cholera {
	background-image: url("/img/hm/avian_cholera.jpg?v=20201130");
	background-position: top 30px left 0px;
}
#hm-avian-cholera h3 {
	background-color:#747577;
}


/* Mobile stuff */

@media only screen and (max-width: 768px) {

	.topic-box {
		display:block;
		float:none;
		width:100%;
		min-height:75px;
	}
	.topic-box div {
		float:none;
		display:block;
		max-width:none !important;
		width:100% !important;
	}

	.topic-box:nth-child(odd) {
		background-color: #E2E3E4
	}
	.topic-box:nth-child(even) {
		background-color: #333;
	}
	.topic-box:nth-child(odd) a {
		color:#609540;
	}
	.topic-box:nth-child(odd) a:hover {
		color:#9B4E26;
	}
	.topic-box:nth-child(even) a {
		color:#EFE6C7;
	}
	.topic-box:nth-child(even) a:hover {
		color:#2B919D;
	}
	.topic-box div:first-child {
		height:50px;
	}
	.topic-box div:nth-child(2) {
		min-height:auto;
		height:auto;
	}

	
}