﻿/* areas-of-practise.main-concept-one */

.areas-of-practise.main-concept-one{
}

.areas-of-practise.main-concept-one .areas-of-practise-item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 30px 0px;
	padding:20px 20px 0px 20px;
	background:#fff;
	border:1px #e3e3e3 solid;
	border-radius:3px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder{
	width:100%;
	height:auto;
	float:left;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder > .row{
	margin-right:-10px;
	margin-left:-10px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder > .row > [class*='col-']{
	padding-right:10px;
	padding-left:10px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .pic{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .pic img{
	border:1px #f5f5f5 solid;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:left;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data > *:last-child{
	margin-bottom:0 !important;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data blockquote{
	margin:0px 0px 10px 0px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data h4{
	margin:0px 0px 15px 0px;
	font-size:22px;
	color:#1a202d;
	line-height:30px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data h4 a{
	color:#1a202d;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data p{
	margin:0px 0px 20px 0px;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data .btn{
	margin:0px 0px 15px 0px;
	padding:4px 12px 7px 15px;
	background:#1a202d;
	border-radius:3px;
	font-size:15px;
	color:#fff;
	font-weight:600; 
	line-height:25px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data .btn:hover{
	background:#B79963;
	color:#1a202d;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data .btn i{
	margin-left:5px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .data .btn:hover i{
	margin-left:10px;
}

/* areas-of-practise.main-concept-two */

.areas-of-practise.main-concept-two{
}

.areas-of-practise.main-concept-two .areas-of-practise-item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 30px 0px;
	padding:20px 20px 0px 20px;
	background:#fff;
	border:1px #e3e3e3 solid;
	border-radius:3px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder{
	width:100%;
	height:auto;
	float:left;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder > .row{
	margin-right:-10px;
	margin-left:-10px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder > .row > [class*='col-']{
	padding-right:10px;
	padding-left:10px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .pic{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .pic img{
	border:1px #f5f5f5 solid;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:left;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data > *:last-child{
	margin-bottom:0 !important;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data blockquote{
	margin:0px 0px 10px 0px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data h4{
	margin:0px 0px 15px 0px;
	font-size:22px;
	color:#1a202d;
	line-height:30px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data h4 a{
	color:#1a202d;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data p{
	margin:0px 0px 20px 0px;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data .btn{
	margin:0px 0px 15px 0px;
	padding:4px 12px 7px 15px;
	background:#1a202d;
	border-radius:3px;
	font-size:15px;
	color:#fff;
	font-weight:600; 
	line-height:25px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data .btn:hover{
	background:#B79963;
	color:#1a202d;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data .btn i{
	margin-left:5px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .data .btn:hover i{
	margin-left:10px;
}

/* areas-of-practise.main-concept-three */

.areas-of-practise.main-concept-three{
}

.areas-of-practise.main-concept-three .areas-of-practise-item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 30px 0px;
	padding:20px 20px 0px 20px;
	background:#fff;
	border:1px #e3e3e3 solid;
	border-radius:3px;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder{
	width:100%;
	height:auto;
	float:left;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder > .row{
	margin-right:-10px;
	margin-left:-10px;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder > .row > [class*='col-']{
	padding-right:10px;
	padding-left:10px;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .pic{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:center;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .pic img{
	width:100%;
	border:1px #f5f5f5 solid;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	text-align:left;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data > *:last-child{
	margin-bottom:0 !important;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data blockquote{
	margin:0px 0px 10px 0px;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data h4{
	margin:0px 0px 15px 0px;
	font-size:22px;
	color:#715e46;
	line-height:30px;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data h4 a{
	color:#1a202d;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data p{
	margin:0px 0px 20px 0px;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data .btn{
	margin:0px 0px 15px 0px;
	padding:4px 12px 7px 15px;
	background:#1a202d;
	border-radius:3px;
	font-size:15px;
	color:#fff;
	font-weight:600; 
	line-height:25px;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data .btn:hover{
	background:#B79963;
	color: #1a202d;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data .btn i{
	margin-left:5px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data .btn:hover i{
	margin-left:10px;
}
/* xh: practice-area card icons (consistent with homepage icon style) */
.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .icon,
.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .icon,
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .icon{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 20px 0px;
	text-align:center;
}
.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .icon i,
.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .icon i,
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .icon i{
	display:inline-block;
	font-size:50px;
	color:#B79963;
	line-height:1;
	transition:transform 0.25s ease;
	-webkit-transition:transform 0.25s ease;
}
.areas-of-practise.main-concept-one .areas-of-practise-item:hover > .holder .icon i,
.areas-of-practise.main-concept-two .areas-of-practise-item:hover > .holder .icon i,
.areas-of-practise.main-concept-three .areas-of-practise-item:hover > .holder .icon i{
	transform:scale(1.12);
	-webkit-transform:scale(1.12);
}
.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .pic .icon,
.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .pic .icon,
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .pic .icon{
	margin-bottom:0;
	padding:6px 0 2px 0;
}
@media (prefers-reduced-motion:reduce){
	.areas-of-practise.main-concept-one .areas-of-practise-item > .holder .icon i,
	.areas-of-practise.main-concept-two .areas-of-practise-item > .holder .icon i,
	.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .icon i{
		transition:none;
		-webkit-transition:none;
	}
}
/* xh: align practice-area cards - 2-line clamp + centered bottom button */
.areas-of-practise.main-concept-three .areas-of-practise-item{
	display:flex;
	flex-direction:column;
}
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
}
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	margin-bottom:0;
	padding-bottom:20px;
}
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data h4{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	min-height:60px;
	margin-bottom:10px;
}
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	flex:1 1 auto;
	margin-bottom:14px;
}
.areas-of-practise.main-concept-three .areas-of-practise-item > .holder .data .btn{
	align-self:center;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
}
