/**
 * Main.css
 */

 .do-border-left { border-left: 1px solid #C9CCCD; }
.do-border-right { border-right: 1px solid #C9CCCD; }
.do-border-top { border-top: 1px solid #C9CCCD; }
.do-border-bottom { border-bottom: 1px solid #C9CCCD; }

.spectral { font-family: "Spectral"; }
.large-text { font-size: 2rem; }
.medium-text { font-size: 1.5rem; }
.blue { color: #1197d6; }
.white { color: #fff; }
.left-bar { border-left: 3px solid #ECF0F1; padding-left: 20px; }

.home-boxes .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .vc_col-sm-9
{ min-height: 160px; }
.home-boxes p, .home-boxes a {
	font-family: "Spectral" !important;
	font-size: 1.4rem;
	text-decoration: none;
	color: #6E7738 !important;
}

.home-boxes .vc_column_container .vc_column-inner .wpb_wrapper .vc_row {
    cursor: pointer;
}
.home-boxes .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .vc_col-sm-3 {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}


.home-boxes .vc_row .vc_inner .vc_col-sm-3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0); /* Set initial background to fully transparent */
    transition: background-color 200ms ease-out; /* Animate the background color */
    z-index: 100;
}

.home-boxes .vc_row .vc_inner:hover .vc_col-sm-3::before {
    background: rgba(0, 0, 0, 0.4); /* Set background to grey overlay on hover */
	z-index: 100;
}

.home-boxes .vc_row .vc_inner .vc_col-sm-3::after {
    content: '\27A3';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-30px, -50%);
    color: white;
    width: 100%;
    text-align: center;
    font-size: 5vw;
    opacity: 0; /* Set initial opacity to 0 */
    transition: opacity 200ms ease-out, transform 200ms ease-out; /* Animate opacity and transform */
    z-index: 100;
}

.home-boxes .vc_row .vc_inner:hover .vc_col-sm-3::after {
	z-index: 100;
    opacity: 1; /* Set opacity to 1 on hover */
    transform: translate(0, -50%); /* Center the arrow on hover */
}

.home-lawyer-caption figcaption {
	font-family: Spectral, Helvetica, Arial, Verdana, sans-serif;
	font-size: 25px !important;
	color: #3F3E3C;
	max-width: 75%;
	padding: .5em 1.6em;
	position: relative;
	margin-top: -4em !important;
	background: rgba(255,255,255, .8)
}

.right-blue-column {
	padding: 2em;
	background-color: #45B7ED;
	color: white;
}
.right-blue-column h2, .right-blue-column h3 { 
    color: white;
}
.right-blue-column ul {
	font-family: "Spectral";
	font-size: 1.2em;
	list-style-type: none;
	margin-left: 0;
}
.right-blue-column li {
	position: relative;
	padding-left: 32px;
}
.right-blue-column li::before {
	content: "—";
    position: absolute;
    left: 0;
}
.right-blue-column li li {
	font-size: .7em;
}