@font-face {
    font-family: 		'Open Sans';
    src: 				url(https://fonts.googleapis.com/css?family=Open+Sans);
    font-weight: 		200;
    font-style: 		normal;
}
.inspectorContainer h1 {
    font-family: 'Roboto Mono';
    font-weight: bold;
    font-size: 32px;
    text-align: justify;
}
.inspectorContainer .subTitle {
  font-family: "Roboto Mono";
  color: black;
  font-weight: bold;
}

.tag {
  align-self: flex-start;
  padding: .25em .95em;
  border-radius: 1em;
  font-size: .75rem;
}

.tag + .tag {
  margin-left: .5em;
}

.tag-green {
    background: #57c570;
    background: -moz-linear-gradient(304deg, rgba(73,165,255,1) 62%, rgba(17,112,205,1) 100%);
    background: -webkit-linear-gradient(304deg, #57C56D 62%, #28a745 100%);
    background: linear-gradient(304deg, #57c570 62%, #28a745 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#49a5ff",endColorstr="#1170cd",GradientType=1);
    color: #ffffff;
}

.tag-blue {
    background: rgb(73,165,255);
    background: -moz-linear-gradient(304deg, rgba(73,165,255,1) 62%, rgba(17,112,205,1) 100%);
    background: -webkit-linear-gradient(304deg, rgba(73,165,255,1) 62%, rgba(17,112,205,1) 100%);
    background: linear-gradient(304deg, rgba(73,165,255,1) 62%, rgba(17,112,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#49a5ff",endColorstr="#1170cd",GradientType=1);
    color: #ffffff;
}

.tag-orange {
    background: rgb(232,124,18);
    background: -moz-linear-gradient(121deg, rgba(232,124,18,1) 15%, rgba(235,172,110,1) 64%);
    background: -webkit-linear-gradient(121deg, rgba(232,124,18,1) 15%, rgba(235,172,110,1) 64%);
    background: linear-gradient(121deg, rgba(232,124,18,1) 15%, rgba(235,172,110,1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e87c12",endColorstr="#ebac6e",GradientType=1);
    color: #ffffff;
}

#search-accordion .card:nth-child(1) .card-header .card-link:before,
#search-accordion .card:nth-child(2) .card-header .card-link:before, #search-accordion .card:nth-child(3) .card-header .card-link:before,
#search-accordion .card:nth-child(4) .card-header .card-link:before {
    font-family:            'Font Awesome 5 Free';
    font-weight:            900;
	font-size:				26px;
	color:					#236ab9;
}

div.rhi-container {
	padding-top: 			2px;
	padding-left:			0;
	padding-right:			0;
}

div.flexContainer {
    display: 			flex;
    justify-content: 	left;
}

div.flexContainer .form-group {
    margin-bottom: 		0.8rem;
    margin-right: 		2.5rem;
}

div.flexContainer label, div.flexContainer select {
    margin-top: 			0.1rem;
    margin-bottom: 			0.2rem;
}

#filterForm {
	font-size:			15px;
    padding: 			0.5em 1em 0.4em 1em;
    background-color: 	#f7f7f7;
	border-radius:		4px;
    border: 			2px solid #dee2e6;
}

#filterForm input.btn {
    margin: 			2px 0 5px 0;
}

#searchOptionsHeading {
	font-size:			24px;
	color:				#236ab9;
    font-weight: 		normal;
	padding-bottom:		8px;
	margin-bottom:		5px;
    border-bottom: 		1px solid #dee2e6;
}

#searchOptionsHeading span {
	float:				right;
    font-size: 			15px;
    font-weight: 		bold;
    color:				#007bff;
}

#searchMatchCount {
	display:			block;
    background-color: 	#236ab9;
	font-size:			18px;
	font-weight:		normal;
    color:				#ffffff;
	text-align:			center;
	padding:			5px 10px 5px 10px;
	border-radius:		4px;
}

#search-accordion .member > .row {
    margin-bottom: 		12px;
}
#search-accordion .member .list-group.social li.list-group-item span.badge {
    margin-right: 		0.8em;    
}
#search-accordion .member .list-group.social li.list-group-item:hover {
    background-color: 	#f5f9d2;
}

#search-accordion .card .card-header {
	/* background-image: 	linear-gradient(to right, #a6cffd, #a6cffd, #8dc0f9, #538fd2); */
	background-image: 	linear-gradient(to right, #f7f7f7, #e9e9e9, #e9e9e9, #ededed);
}

#search-accordion .card .card-header .card-link {
    text-decoration: 	none;
}

#search-accordion .card .card-header .card-link {
    font-size: 			22px;
}

#search-accordion .card:nth-child(1) .card-header .card-link:before {
    content:           	"\f0a3";
    padding-right:     	5px;
}
#search-accordion .card:nth-child(2) .card-header .card-link:before, #search-accordion .card:nth-child(3) .card-header .card-link:before,
#search-accordion .card:nth-child(4) .card-header .card-link:before {
    content:           	"\f007";
    padding-right:     	5px;
}

.badgeHolder {
    overflow:           display;
}
.error {
    color: red;
}

ul.social li.list-group-item a {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.filterGroupHeading {
    font-weight: 		bold;
    margin-top: 		1rem;
	margin-bottom:		4px;
}

.form-check input {
	margin-right:		3px;
}

ul.list-group a, #back2list a {
	text-decoration:	none;
}

div.card ul.list-group li {
	margin-bottom:		0;
}

#rhis div.card-body {
	padding: 			0.1rem;
}

div.card {
	display:			inline-block;
    font-size: 			15px;
	line-height:		20px;
	border: 			none;
    width:              100%;
}

div.card-body .item {
	margin-bottom:		25px;
}

div.member.border {
	height:				100%;
	border-radius:		4px;
	padding: 			0 0.8em 1em 0.8em;
	margin-top:			10px;
	margin-bottom:		5px;
	border:				1px solid #236ab9!important;
}

div.member.border li.list-group-item {
	padding:			.75rem 0.75rem;
}

.member div[class*="col-"] {
    margin-top: 		0;
    margin-bottom: 		5px;
}

div.member-foot {
	margin:				2px 4px 2px 4px;
}

div.tags {
	margin:				4px 0 10px 0;
}

div.about-member {
	color:				#ffffff;
	text-align:			center;
	background-image: 	linear-gradient(to bottom, #5293dc, #5090d9, #4e8dd5, #4c8bd2, #4a88cf, #4685cc, #4381ca, #3f7ec7, #3979c4, #3274c0, #2b6fbd, #236ab9);
	border-bottom:		10px solid #67a2e4;
	padding-top:		10px;
	padding-bottom:		12px;
}

div.member-name a {
    color: 				white;
	text-decoration:	none;
}

.member-name {
	font-family:		Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;
	font-size:			21px;
	font-weight:		normal;
	line-height:      	28px;
	font-style:			italic;
	margin:				5px 0 2px 0;
}

.business-name {
	font-size:			14px;
	line-height:      	24px;
	font-weight: 		500;
	text-transform:		uppercase;
	margin:				2px 0 2px 0;
}

.member-photo {
	width:				174px;
	float: 				left;
	text-align:			center;
	margin:				4px 15px 2px 0;
}

.member-details {
	overflow: 			auto;
	padding:			8px 8px 8px 8px;
}

.member-photo img {
	border-radius: 		50%;
	box-shadow: 		-1px 5px 10px 2px rgba(204,204,204,1);
	border:				5px solid #ffffff;
}

img.member-pic {
	max-width:			150px;
	height: 			auto;
}

img.award, img.certified {
	max-width:			48px;
	height: 			auto;
}

div.inspectorContainer ul.list-group {
	flex-direction:		row;
	font-size: 			15px;
	margin-top: 		12px;
}

div.inspectorContainer li.list-group-item {
	background-color:	#ffffff;
    padding: 			.5rem .95rem .5rem .95rem;
	margin:				0 7px 0 0;
	border:				1px solid rgba(155, 197, 243, 1)
}

div.inspectorContainer li.list-group-item+.list-group-item {
    border-top-width: 	1px;
}

ul.list-group .fas {
	font-size: 			15px;
}

li.list-group-item:hover {
    background-color: 	#f5f5f5 !important;
}

.member-awards, .view-profile {
	text-align:			center;	
}

.rating {
	margin:				15px 0 15px 0;
}

.rating i.fas {
	font-size:			17px;
	color:				#ecb826;
}

span.badge-globe {
	background-color: 	#e87c12;
}

span.badge-phone {
	background-color: 	#39b54a;
}

#content div.view-profile {
	display:				block;
	font-size: 				0.8em;
	font-weight:    		normal;
	background-color:		#236ab9;
	border:					1px solid #236ab9;
	color:					#ffffff;
	line-height:     		1em;
	padding: 		        8px 12px 8px 12px;
	margin:					15px 5px 15px 5px;
	text-transform:			uppercase;
	text-shadow:			none;
	box-shadow:				none;
}

/* INSPECTOR DETAILS PAGE */
#back2list {
	background:				#f7f7f7;
	padding-top:			12px;
	padding-bottom:			12px;
	margin-bottom:			22px;
}

#back2list a {
	font-size:				14px;
	text-transform:			uppercase;
}

#back2list a.goback:before {
    font-family:            'Font Awesome 5 Free';
    font-weight:            900;
	font-size:				18px;
	color:					#236ab9;
    content:           		"\f03a";
    padding-right:     		6px;
	vertical-align:			middle;
}

fieldset legend {
	font-weight:			600;
}

fieldset input, fieldset select {
    height: 				calc(1.5em + 0.75rem + 2px);
}

fieldset textarea {
    height: 				calc(6.5em + 0.75rem + 2px);
}

fieldset input, fieldset select, fieldset textarea {
    padding: 				.375rem 0.75rem;
    font-size: 				1rem;
    font-weight: 			400;
    line-height: 			1.5;
    color: 					#495057;
    background-color: 		#fff;
    background-clip: 		padding-box;
    border: 				1px solid #ced4da;
    border-radius: 			0.25rem;
    transition:				border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.company-contact img.mx-auto {
	border:					4px solid #ffffff;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
	padding:				4px 3px 4px 3px;
	margin:					5px 0 18px 0;
	width: 					100%;
	max-width: 				310px;
	height: 				auto;
}

div.company-contact {
	text-align:				center;
}

.rhi-name {
	font-size:				15px;
	font-weight:			600;
	line-height:      		22px;
	color: 					#236ab9;
	margin:					4px 0 8px 0;
}

.rhi-company {
	font-size:				15px;
	font-weight:			600;
	line-height:      		24px;
}

.header {
	font-weight:			600;
	margin:					1px 0 5px 0;
}

.company-description {
	margin:					10px 0 15px 0;
}

div.inspectorContainer ul.list-group {
	font-size: 				16px;
	margin-top: 			12px;
	margin-bottom: 			5px;
}

div.inspectorContainer ul.social li.list-group-item a {
	margin-right:			10px;
}

.rhi-since {
	font-family:			'Open Sans', sans-serif;
	font-size:				14px;
	font-weight:			400;
	line-height:      		22px;
	color: 					#cccccc;
	margin:					4px 0 5px 0;
}

div.inspectorContainer .contact-inspector {
	background:				#f7f7f7;
	padding:				25px 25px 15px 25px;
	margin:					14px 0 5px 0;
	border:					1px solid #cccccc;
	border-radius:			5px;
}

div.inspectorContainer .contact-inspector label {
	margin-top:				0.8rem;
	margin-bottom:			0.4rem;
}

input.btn, div.inspectorContainer fieldset input[type=submit] {
	display:				inline-block;
	font-size: 				1em;
	font-weight:    		normal;
	background-color:		#236ab9;
	border:					1px solid #236ab9;
	color:					#ffffff;
	line-height:     		1em;
	padding: 		    	10px 18px 11px 18px;
	margin:					10px 0 15px 0;
	text-transform:			uppercase;
}

input.btn:hover, div.inspectorContainer fieldset input[type=submit]:hover {
	background:				#333333;
	color:					#ffffff;
	border:					1px solid #236ab9;
}


/* BUTTON STYLE */
a.read-more {
	display:				inline-block;
	font-size: 				0.9em;
	font-weight:    		normal;
	background-color:		#ffffff;
	color:					#236ab9;
	line-height:     		1.1em;
	padding: 		        5px 8px 5px 8px;
	margin:					15px 0 5px 0;
	text-transform:			uppercase;
	border:					1px solid #236ab9;
	border-radius:			4px;
	text-shadow:			none;
	box-shadow:				none;
    text-decoration:		none;
}
a.read-more:hover {
	color:					#ffffff;
    background:				#236ab9;
}


a.read-more:after {
	font-size: 				18px;
	font-weight: 			500;
	color:					#236ab9;
	content: 				"\2192";
	margin-left: 			8px;
}

a.read-more:hover:after {
	color:					#ffffff;
	content: 				"\2192";
}


/* Large devices (laptops/desktops, for browsers 992px and LESS) */
@media only screen and (max-width: 992px) {
	.member-details { overflow:  visible; }
	ul.social li.list-group-item a { white-space: normal; }
	div.flexContainer { display: block; }
	span#searchInstructions { display: block; line-height: 16px !important; margin-left: 0 !important; }
	div.inspectorContainer h1 { font-size: 24px; text-align: left; margin: 4px 0 5px 0; }
	ul.list-group { display: block; }
	div[class*="col-"] { margin-bottom: 15px; }
	div.inspectorContainer .contact-inspector {	padding: 15px 15px 15px 15px; }
}