/****** FILE: module_pest_hub/css/pesthub.css *****/
/* Shared styles */
@media (max-width: 450px) {
	.col-xxs-12 {
		width: 100%;
	}
	#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results > div:not(:first-child) .pest-hub--item {
		margin-top: 5px;
	}
}
#pest-hub-items-container:before,
#pest-hub-items-container:after,
.PestHub .pest-taxonomies:before,
.PestHub .pest-taxonomies:after {
	display: block;
	content: '';
	width: 200%;
	position: absolute;
	top: 0;
	height: 100%;
	left: 99%;
	z-index: -1;
	background: inherit;
}
#pest-hub-items-container:after,
.PestHub .pest-taxonomies:after {
	left: auto;
	right: 99%;
}
/* Section */
#pest-hub {
	margin-bottom: -45px;
}
/* Form */
#pest-hub form#pest-hub-form {
	max-width: none;
	padding: 30px 0 20px;
	width: 100%;
}
#pest-hub form#pest-hub-form .form-field {
	margin: 5px 0;
}
#pest-hub form#pest-hub-form .form-field input#pest-search {
	background-color: #fff;
    border: 1px solid #00B189;
    font-size: 16px;
    padding: 10px 15px;
	margin-bottom: 5px;
	width: 100%;
}
#pest-hub form#pest-hub-form .form-field > :first-child:focus, #pest-hub form#pest-hub-form .form-field input#pest-search:focus {
    border-color: #698995;
    outline: none;
}
#pest-hub form#pest-hub-form #form-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#pest-hub form#pest-hub-form #form-actions button {
	border: 1px solid transparent;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin: 10px;
	margin-left: 0;
}
#pest-hub form#pest-hub-form #form-actions button:focus {
	background-color: #00B189;
}
#pest-hub form#pest-hub-form #form-actions button#clear-form-fields {
	background-color: transparent;
	border-color: #aaa;
	color: #aaa;
}
#pest-hub form#pest-hub-form #form-actions button#clear-form-fields:hover,
#pest-hub form#pest-hub-form #form-actions button#clear-form-fields:focus {
	border-color: #19495B;
	color: #19495B;
}
#pest-hub form#pest-hub-form #form-actions #pest-form-loading {
	opacity: 0;
	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	-o-transition: all .15s;
}
#pest-hub form#pest-hub-form #form-actions #pest-form-loading.processing {
	opacity: 1;
}
#pest-hub form#pest-hub-form #form-actions #pest-form-loading i {
    font-size: 21px;
    color: #ddd;
}
.seofooter.no-results {
	margin-top: 0;
}
/* Pest grid */
#pest-hub #pest-hub-items-container {
	background: #EBF7F7;
	padding-top: 40px;
	position: relative;
}
#pest-hub #pest-hub-items-container #pest-hub-items {
	margin-left: -5px;
	margin-right: -5px;
}
#pest-hub #pest-hub-items-container #pest-hub-items .no-pests,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-count {
	padding: 0 5px;
	text-align: center;
}
#pest-hub #pest-hub-items-container #pest-hub-count p {
	margin-bottom: 25px;
}
#pest-hub #pest-hub-items-container #pest-hub-items .no-pests p,
#pest-hub #pest-hub-items-container #pest-hub-count.no-results p {
	margin-bottom: 40px;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a {
	display: flex;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results {
	flex-direction: row;
	align-content: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 100%;
	clear: both;
	align-items: stretch;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 5px;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item {
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: nowrap;
	width: 100%;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a {
	background: #fff;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	text-decoration: none;
	width: 100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:hover,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:focus {
	color: #00B189;
	text-decoration: none;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-image {
	position: relative;
	overflow: hidden;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-image:before,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-image:after {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	transition: .1s;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-ms-transition: .1s;
	-o-transition: .1s;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-image:before {
    color: #00364A;
	content: '\f00e';
	font-family: 'FontAwesome';
	font-size: 3em;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 3;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-image:after {
	background-color: rgba(255,255,255,.75);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:hover .pest-hub--item-image:before,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:hover .pest-hub--item-image:after,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:focus .pest-hub--item-image:before,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:focus .pest-hub--item-image:after {
	opacity: 1;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-summary {
	padding: 25px;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-summary h3 {
	font-size: 1.3em;
    line-height: 1.2em;
	margin-bottom: 0;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:hover .pest-hub--item-summary h3,
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a:focus .pest-hub--item-summary h3 {
	color: inherit;
	text-decoration: underline;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-results .pest-hub-item .pest-hub--item a .pest-hub--item-summary p {
	font-size: 1em;
	margin: 10px 0 0;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-loading {
	padding: 30px 5px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-loading.loading {
	opacity: 1;
	visibility: visible;
}
#pest-hub #pest-hub-items-container #pest-hub-items #pest-hub-loading p {
	margin: 0;
}
/* Pest details */
.PestHub {
	overflow-y: hidden;
}
.PestHub .pest-name-divider {
	color: #00B189;
	font-style: normal;
}
.PestHub #StandardPg .button_default a {
	background-color: #00B189;
	color: #fff;
	margin: 0;
}
.PestHub #StandardPg .button_default a:hover,
.PestHub #StandardPg .button_default a:focus {
	background-color: #fff;
	color: #00364A;
}
.PestHub .pest-detail {
	padding-top: 15px;
}
.PestHub .pest-detail .pest-gallery {
	margin: 0 -5px 20px;
}
.PestHub .pest-detail .pest-gallery a.imglinkopacity img {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	-o-transition: all .15s;
}
.PestHub .pest-detail .pest-rh-col > div:not(:first-child) {
	margin-top: 40px;
}
.PestHub .pest-detail .pest-image figure {
	position: relative;
}
.PestHub .pest-detail .pest-image figure figcaption {
	background: rgba(255, 255, 255, .8);
	bottom: 0;
	color: #666;
	font-size: .9em;
	font-style: italic;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	text-align: right;
}
.PestHub .pest-detail .pest-notify {
	background-color: #f2dede;
	color: #a94442;
}
.PestHub .pest-detail .pest-rh-col h3 {
	margin-bottom: 0;
	padding: 12px 20px;
	color: #fff;
}
.PestHub .pest-detail .pest-notify h3 {
	background-color: #a94442;
}
.PestHub .pest-detail .pest-notify p,
.PestHub .pest-detail .pest-green > div {
	padding: 17px 20px;
}
.PestHub .pest-detail .pest-notify p a {
	color: inherit;
}
.PestHub .pest-detail .pest-notify p a:hover,
.PestHub .pest-detail .pest-notify p a:focus {
	color: #00364A;
}
.PestHub .pest-detail .pest-green {
	background-color: #EBF7F7;
}
.PestHub .pest-detail .pest-green h3 {
	background-color: #00B189;
}
.PestHub .pest-detail .pest-green > div > h5,
.PestHub .pest-detail .pest-green > div > p:last-child {
	margin-bottom: 0;
}
.PestHub .pest-detail p#back-to-pests {
	margin-top: 20px;
	text-align: center;
}
.PestHub .pest-detail p#back-to-pests a {
	margin-left: auto;
	margin-right: auto;
}
/* Taxonomies */
.PestHub .pest-detail .pest-taxonomies {
	background: #00364A;
	color: #fff;
	position: relative;
	z-index: 1;
	padding: 45px 0;
	text-align: center;
	margin-top: 15px;
}
.PestHub .pest-detail .pest-taxonomies h2 {
	color: inherit;
	margin-bottom: 20px;
}
.PestHub .pest-detail .pest-taxonomies .taxonomies-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.PestHub .pest-detail .pest-taxonomies .taxonomies-list p {
	padding: 5px 20px;
	background: #19495B;
	margin: 0 10px 10px 0;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
}
.PestHub .pest-detail .pest-taxonomies .taxonomies-list p strong {
	margin-right: 10px;
	font-weight: 400;
}
.PestHub .pest-detail .pest-taxonomies .taxonomies-list p a {
	display: inline-block;
	padding: 8px 20px;
	text-decoration: none;
	background: #00B189;
	border-radius: 25px;
	color: #fff;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	transition: all .1s;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
}
.PestHub .pest-detail .pest-taxonomies .taxonomies-list p a:hover,
.PestHub .pest-detail .pest-taxonomies .taxonomies-list p a:focus {
	background: #fff;
	color: #00364A;
	text-decoration: none;
}

