/*RH Add your custom css here. This will override any existinc thems css*/

.popover {
	min-width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}


#crumbs {
	text-align: center;
}

	#crumbs ul {
		list-style: none;
		display: inline-table;
		width: 100%;
		padding-inline-start: 0px;
	}
		#crumbs ul li {
			display: inline;
		}

		#crumbs ul li a {
			display: block;
			float: left;
			height: 80px;
			min-width: 23%;
			max-width: 23%;
			width: 23%;
			background: #63798c;
			text-align: center;
			padding: 10px 20px 10px 10px;
			position: relative;
			margin: 0 1% 10px 1%;
			font-size: 20px;
		font-weight: bold;
			text-decoration: none;
			color: rgb(0, 0, 0);
		}
			#crumbs ul li a:after {
				content: "";
				position: absolute;
				border: solid 10px transparent;
				border-top: solid 0px transparent;
				border-width: 15px;
				left: 50%;
				top: 100%;
				margin-left: -15px;
				border-color: #63798c transparent transparent transparent;
			}
			
			#crumbs ul li a:before {
				content: "";  
			}
	
		#crumbs ul li a {
			border-top-left-radius: 10px; border-bottom-left-radius: 10px;
		}

			#crumbs ul li a:before {
				display: none; 
			}
			
		#crumbs ul li a {
			padding-right: 0px;
			padding-left: 0px;
			border-top-right-radius: 10px; border-bottom-right-radius: 10px;
		}

			#crumbs ul li:last-child a {
				padding-right: 0px;
				padding-left: 0px;
				margin-right: 0px;
				border-top-right-radius: 10px; border-bottom-right-radius: 10px;
			}