/* ____________________________________________________________ Common _____ */

/* ______________________________________________________ [Main Reset] _____ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ___________________________________________________________ [Fonts] _____ */

/* ----------------------------------------------------- HelveticaNeue ----- */
@font-face {
	font-family: 'HelveticaNeue-Roman';
	src: url('../fonts/HelveticaNeue-Roman.eot');
	src: url('../fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/HelveticaNeue-Roman.woff') format('woff'),
		 url('../fonts/HelveticaNeue-Roman.ttf') format('truetype'),
		 url('../fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family: 'HelveticaNeue';
	src: url('../fonts/HelveticaNeue-Light.eot');
	src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/HelveticaNeue-Light.woff') format('woff'),
		 url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
		 url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/* ------------------------------------------------- HelveticaNeue-Bold ----- */
@font-face {
	font-family: 'HelveticaNeue-Bold';
	src: url('../fonts/HelveticaNeue-Bold.eot');
	src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
		 url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
		 url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* _________________________________________________________ [Helpers] _____ */

/* ---------------------------------------------- [CSS Reset : Cursor] ----- */
* 
{ cursor: default; }
a, a *, area, area *, button, button *, select, select *
{ cursor: pointer; }
input.text, input.password, textarea
{ cursor: text; }
abbr, abbr *
{ cursor: help; }

/* ___________________________________________ Sticky Footer CSS Rules _____ */
html, body, #aspnetForm { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }
.footer, .pusher { height: 100px; clear: both; }

/* ________________________________________________________ [Elements] _____ */

/* ---------------------------------------------------------- [Common] ----- */

html {
	height: 100%;
	background-color: #FFFFFF;
}

body {
	font-family: Helvetica, HelveticaNeue-Roman, Arial, Sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 130%;

	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

html, body {
	width: 100%;
}

body a {
	text-decoration: none;
}

body a:hover,
body a:hover *,
.more-info .more-info-title > *:hover,
.button:hover {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition:    all 0.4s ease-out;
	-ms-transition:     all 0.4s ease-out;
	-o-transition:      all 0.4s ease-out;
	transition:         all 0.4s ease-out;
}

body strong {
	font-family: 'HelveticaNeue-Bold';
}

/* ____________________________________________________ [Site buttons] _____ */
a.btn-show-all {
	color: #FFFFFF;

	padding-bottom: 2px;
	margin-bottom: 2px;

	display: inline-block;
}

	a.btn-show-all i {
		background-image: url(../images/icon-arrow.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0 0;

		height: 25px;
		width: 25px;

		display: inline-block;

		margin: 0px 0px -6px 10px;
	}

	a.btn-show-more i {
		background-image: url(../images/icon-show.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0 0;

		height: 25px;
		width: 25px;

		display: inline-block;

		margin: 0px 0px -6px 10px;
	}
	
	a.btn-show-more i.icon-less {
		background-image: url(../images/icon-hide.png);
	}

a.btn-show-all:hover,
a.btn-show-more:hover,
article a:hover {
	opacity: 0.70;
}

/* __________________________________________________ [Site RWD class] _____ */
.col-md-220,
.col-md-340,
.col-md-460,
.col-md-700,
.col-md-940 {
	float: left;
}

.col-md-220 {
	width: 220px;
}

.col-md-340 {
	width: 340px;
}

.col-md-460 {
	width: 460px;
}

.col-md-700 {
	width: 700px;
}

.col-md-940 {
	width: 940px;
}

.col-md-offset {
	margin-left: 20px;
}

.row {
	max-width: 940px;
	
	height: auto;

	margin: 0px auto;

	position: relative;
	overflow: hidden;

	clear: both;
}

.row#tool-sort {
	overflow: visible;
}

.pull-right {
	float: right;
}

.col-md-border-none {
	border: 0px solid #FFFFFF !important;

	padding-top: 0px !important;
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
	body {
	width: 960px;
	}
}


/* ----------------------------------------- [Site RWD class - Mobile] ----- */
@media only screen and (max-width: 767px) {
	.row {
	max-width: 100%;
	min-width: 100%;
	
	padding: 0px 15px !important;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	}
	
	[class*='col-'] {
	width: 100%;
	}
	
	.col-md-offset {
	margin-left: 0px;
	}
	.btn-show-more {
		display: none;
	}
	
}

/* ____________________________________________________ [Site buttons] _____ */
.button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 

	height: 44px;
	width: 147px;

	font-size: 18px;
	line-height: 130%;
	color: #fff;

	text-align: center;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width: 0px;
}

.btn-blue {
	background-color: #3171B8;
}

.button:hover {
	opacity: 0.7;
}

/* ________________________________________________ [Site home header] _____ */
body header {
	background-color: #3171b8;

	color: #FFFFFF;

	padding-bottom: 69px;
	
	background-repeat: no-repeat;
	background-position: 50% top; 
	/*background-size: auto 100%;*/
	background-size: cover;
}

body header.transform {
	-webkit-transition: background-position 0.5s linear;
	-moz-transition: background-position 0.5s linear;
	-o-transition: background-position 0.5s linear;
	transition: background-position 0.5s linear;
}

body.home header {
	position: relative;

	background-image: url(../images/home-image.jpg);
	/*background-size: auto 120%;*/
	background-size: cover;

	min-height: 570px;

	padding-bottom: 0px;
}

body[class*='expertise'] header,
body.page-id-17 header,
body.parent-pageid-17 header {
	background-image: url(../images/banners/banner-expertise.jpg);
}

body.page-id-15 header,
body[class*='barristers'] header,
body.parent-pageid-15 header {
	background-image: url(../images/banners/banner-people.jpg);
}

body.blog header,
body.single-format-standard header {
	background-image: url(../images/banners/banner-news.jpg);
}

body.page-id-21 header,
body.post-type-archive-books header,
body.post-type-archive-articles header {
	background-image: url(../images/banners/banner-publications.jpg);
}

body.page-id-23 header,
body.page-id-25 > header {
	background-image: url(../images/banners/banner-public-access.jpg);
}

	header .row div {
		border-top: 1px solid rgba(255, 255, 255, 0.5);

		margin-top: 30px;
		padding-top: 10px;
	}

		header #logo-site h1,
		header #logo-site a {
			margin-top: 3px;

			display: inline-block;
		}
		header #logo-site a .mobile {
			display: none;
		}

			header #logo-site h1 img,
			header #logo-site a img {
				width: 135px;
				/*height: 35px;*/
				height: 56px;
			}

		header a {
			color: #FFFFFF;
		}
	
	header i {
		display: none;
	}

		header a.selected,
		header .current-menu-parent > a,
		header .current-menu-item > a,
		header .current_page_parentss > a  {
			color: #003369;
		}

		@media only screen and (max-width: 767px) {
			header a.selected,
			header .current-menu-parent > a,
			header .current-menu-item > a {
				color: #8099b4;
			}
		}

		.aside-nav .current-menu-parent > a,
		.aside-nav .current-menu-item > a {
			color: #393939;
		}

		header a:hover {
			opacity: 0.7;
		}
	
		header nav ul li ul {
		display: none;
		}
	
	header #mobile-menu {
		display: none;
	}

header .nav-submenu .menu > li {
	display: none;
}

header .nav-submenu .menu > li.current-menu-parent,
header .nav-submenu .menu > li.current-menu-parent .sub-menu,
header .nav-submenu .menu > li.current_page_parentss,
header .nav-submenu .menu > li.current_page_parentss .sub-menu,
.aside-nav .menu > li.current-menu-parent,
.aside-nav .menu > li.current-menu-parent .sub-menu {
	display: block;
}

header .nav-submenu .menu > li.current-menu-parent > a,
.aside-nav .menu > li.current_page_parentss > a,
.aside-nav .menu > li.current-menu-parent > a {
	display: none;
}

header #btn-scroll {
	position: absolute;

	display: block;

	left: 50%;
	bottom: 15px;

	width: 35px;

	margin-left: -18.5px;
}

/* ---------------------------------------- [Site home header - Mobile] ----- */
@media only screen and (max-width: 767px) {
	body.home header {
	background-image: none;

	min-height: 100%;
	}
	
	body header {
	padding-bottom: 0px;
	
	background-image: none !important;
	}
	
	header .row div {
		border-top-width: 0px;
		
		padding-top: 0px;
		margin-top: 20px;
	}
	
		header #logo-site {
		width: 50%;
		
		margin-bottom: 15px;
		}
	
		header #logo-site h1,
		header #logo-site a {
		margin-top: 0px;
		}

		header #logo-site a .desktop {
			display: none;
		}
		header #logo-site a .mobile {
			display: inline-block;
		}
	
		header #logo-site h1 img,
		header #logo-site a img {
			width: 78px;
			height: 20px;
		}
		
		header #menu-mobile {
			display: none;
			
			background-color: #003369;
			
			padding: 0px 15px;
			margin-left: -15px;
			margin-top: 0px;
			
			position: relative;
			overflow: visible !important;
		}
		
		header #menu-mobile:before {
			content: '';
			border-color: transparent transparent #003369 transparent;
			border-style: solid;
			border-width: 0px 7px 7px 7px;
		
			height: 0;
			width: 0;
		
			right: 20px;
			top: -6px;
		
			position: absolute;
		}
		
		header #menu-mobile + div {
			display: none;
		}
		
			#menu-mobile nav > ul > li {
				border-top: 1px solid #8099b4;
			}
			
			#menu-mobile ul li:first-child {
				border-top-width: 0px;
			}
			
			#menu-mobile ul li a {
				display: inline-block;
				
				padding: 10px 0px;
				
				font-size: 16px;
			}
			
			#menu-mobile a.selected {
				color: #8099b4;
			}
			
				#menu-mobile ul li ul {
				margin-left: 40px;
				margin-bottom: 10px;
				}
				
				#menu-mobile ul > li > a.selected + ul {
				display: block;
				}
				
				#menu-mobile ul li ul li {
					border-bottom: 0px solid #8099b4 !important;
				}
				
					#menu-mobile ul li ul li a {
					padding: 5px 0px;
					}
					
		#search-box {
			background-color: #003369;
			
			padding: 0px 15px;
			margin-left: -15px;
			margin-top: 0px;
			
			position: relative;
			overflow: visible !important;
		}
		
		#search-box:before {
			content: '';
			border-color: transparent transparent #003369 transparent;
			border-style: solid;
			border-width: 0px 7px 7px 7px;
		
			height: 0;
			width: 0;
		
			right: 75px;
			top: -6px;
		
			position: absolute;
		}
		
			#search-box input {
			background-image: none;
			
			padding: 15px 0px;
			}
		
		header #mobile-menu {
			display: inline-block;
			
			float: right;
			
			/*margin-top: 20px;*/
		}
		
			#mobile-menu div {
			background-position: 0 0;
			background-repeat: no-repeat;
			
			text-indent: -9999px;
			
			float: left;
			
			margin-left: 30px;
			}
		
			#mobile-menu div.menu-mobile-search {
			height: 17px;
			width: 17px;
			
			background-image: url(../images/icon-search-new.svg);
			background-size: 17px 17px;;
			}
		
			#mobile-menu div.menu-mobile-icon {
				height: 17px;
				width: 27px;
				
				background-image: url(../images/icon-menu.png);
				background-size: cover;
			}
		
	header #btn-scroll {
	display: none;
	}
}

/* ------------------------------------------------------ [Search box] ----- */
#input-search:hover,
#input-search-barristers:hover {
	opacity: 0.7;
}

#input-search {
	width: 100%;

	border: 0px solid #FFFFFF;
	background: transparent;
	
	font-family: 'HelveticaNeue-Roman';
	font-size: 18px;
	line-height: 130%;
	color: #FFFFFF;

	cursor: text;
	
	padding: 0px;
	margin-right: 23px;
}

#input-submit {
	border: none;
	background: transparent url(../images/icon-search-new.svg) center center no-repeat scroll;
	background-size: 17px 100%;
	width: 23px;
	height: 23px;
	float: right;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 999;
}
input#input-search::-webkit-input-placeholder { 
	color: #FFFFFF; 

	opacity:1;
}

input#input-search:-moz-placeholder { 
	color: #FFFFFF; 

	opacity:1;
}

input#input-search::-moz-placeholder { 
	color: #FFFFFF; 

	opacity:1;
}

input#input-search:-ms-input-placeholder { 
	color: #FFFFFF; 

	opacity:1;
}
input#input-search:focus,
input#input-search-barristers:focus {
	outline: none;
}
#input-search-barristers {
	width: 100%;

	background-image: url(../images/icon-search-silver.svg);
	background-repeat: no-repeat;
	background-position: right center; 
	background-color: transparent;
	background-size: 17px auto;
	border: 0px solid #FFFFFF;

	font-family: 'HelveticaNeue-Roman';
	font-size: 18px;
	line-height: 130%;
	color: #808080;

	cursor: pointer;
	
	padding: 0px;
}

input#input-search-barristers::-webkit-input-placeholder { 
	color: #808080; 

	opacity:1;
}

input#input-search-barristers:-moz-placeholder { 
	color: #808080; 

	opacity:1;
}

input#input-search-barristers::-moz-placeholder { 
	color: #808080; 

	opacity:1;
}

input#input-search-barristers:-ms-input-placeholder { 
	color: #808080; 

	opacity:1;
}

.search-prompt {    
	position: absolute;
	
	overflow: hidden;

	z-index: 5;

	background-color: #f6f6f6;

	width: 240px;

	margin: 10px 0px 0px -10px;
}

.search-prompt ul {
	border-right: 1px solid #ebe9e9;
}

	.search-prompt ul li {
	margin-bottom: 0px !important;
	
	width: 100%;
	
	
	}

	.search-prompt a {
		color: #494949;
		margin: 0px;
		padding: 5px;
		cursor: pointer;
		display: inline-block;
		width: 100%;
		border-left: 1px solid #ebe9e9;
	}
	.search-prompt i {
		font-style: italic;
		color: #888;
		margin: 0px;
		padding: 5px;
		cursor: pointer;
		display: inline-block;
		width: 100%;
		border-left: 1px solid #ebe9e9;
	}
	
	.search-prompt ul li:first-child a {
	border-top: 1px solid #ebe9e9;
	}
	
	.search-prompt ul li:last-child a {
	border-bottom: 1px solid #ebe9e9;
	}
	
	.search-prompt .selected a {
	background-color: #3171b8;
	
	color: #fff;
	}

/* ----------------------------------------------- [One news - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#search-box {
	display: none;   
	}
	
	input#input-search:hover {
	opacity: 1;
	}
	
	input#input-search::-webkit-input-placeholder { 
	color: rgba(255, 255, 255, 0.5);
	
	opacity:1;
	}
	
	input#input-search:-moz-placeholder { 
	color: rgba(255, 255, 255, 0.5);
	
	opacity:1;
	}
	
	input#input-search::-moz-placeholder { 
	color: rgba(255, 255, 255, 0.5);
	
	opacity:1;
	}
	
	input#input-search:-ms-input-placeholder { 
	color: rgba(255, 255, 255, 0.5);
	
	opacity:1;
	}
	
	.search-prompt {
	width: 100%;
	
	margin: 10px 0px 0px -15px;
	}
	
	.search-prompt a {
		padding-left: 15px;
	}
}

/* --------------------------------------------- [Home block articles] ----- */
/*#home-information .col-md-700 ul {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;

}*/

		#home-information ul li {
			margin-bottom: 30px;

			font-size: 26px;
			line-height: 130%;
		}

	#home-information .btn-show-more {
		margin-bottom: 30px;

		display: inline-block;
	}

/* ------------------------------------ [Home block articles - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#home-information .col-md-220 {
	display: none;
	}
	
	#home-information ul li {
		font-size: 21px;
	}
	
	#home-information .btn-show-more {
	margin-bottom: 1px;
	}
}

/* ____________________________________________________ [Site content] _____ */
article {
	padding: 60px 0px 60px 0px;

	/*min-height: 47%;*/
}

article .row > div {
	border-top: 1px solid #C9C9C9;

	padding-top: 10px;
	padding-bottom: 40px;
}

	article h1,
	article .h1-title-mobile {
		font-size: 26px;
		line-height: 130%;

		color: #3171B8
	}

	article h2 {
		font-size: 26px;
		line-height: 130%;

		margin-bottom: 24px;
	}

	article h3 {
		color: #393939;
	}

	article .col-md-700 h3 {
		margin-bottom: 23px;
	}

	article p {
		color: #808080;

		margin: 0px 10px 20px 0px;
	}

	article p.reported {
		margin-top: 20px;

		font-size: 12px;
		line-height: 16px;
	}

	article ol {
		list-style: decimal;

		color: #808080;

		margin: 23px 0px 0px 25px;
	}

		article ol li {
			margin-bottom: 23px;
		}

	article ul.links {
		margin-left: 0px !important;
		margin-bottom: 20px !important;
	}

		article ul.links li {
			list-style: none !important;
		}
	
	.more-info .more-info-content ul,
	article .row .col-md-700 > ul {
	margin-left: 15px;
	margin-bottom: 30px;
	margin-top: 20px;
	}
	
	.more-info .more-info-content ul li,
	article .row .col-md-700 > ul > li {
		list-style: disc;
		
		color: #808080;
		
		margin-bottom: 5px;
	}

	article em {
		font-style: italic;
	}

	article blockquote {
		font-size: 26px;
		line-height: 130%;

		float: left;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 

		width: 50%;

		padding: 0px 20px 49px 0px;

		color: #3171B8;
	}
	
	article blockquote p {
		padding:  0px;
		
		margin: 0px !important;

		color: #3171B8;
	}

		article blockquote pre {
			font-size: 18px;

			margin-top: 20px;

			display: inline-block;
		}

	article a {
		color: #3171B8;
	}

	article a * {
		text-decoration: none;
	}

article #contact-info ul {
	margin-bottom: -10px;
}

article #contact-info ul li {
	margin: 0px 0px 10px 0px;
}

article #contact-info ul li.border-top {
	border-top: 1px solid #C9C9C9;

	padding-top: 10px;
}

article #contact-info ul li a {
	
}

	article #contact-info ul li a img {
		position: relative;
		margin-right: 10px;
		margin-left: 5px;

		width: 21px;
		height: auto;

		vertical-align: middle;

		display: inline-block;
	}

	article #contact-info ul li a img[src*='phone'] {
		width: 20px;
		height: 19px;

		margin-top: -2px;
	}

	article #contact-info ul li a img[src*='letter'] {
		width: 20px;
		height: 15px;

		margin-top: -3px;
	}

	article #contact-info ul li a img[src*='download'] {
		width: 21px;
		height: 17px;

		margin-top: -5px;
		margin-left: 4px;
	} 

	article #contact-info ul li.icon-small img {
		width: auto;
		height: 7px;
	}
	
	article #contact-info ul li:last-child img {
	margin-left: 6px;
	}

/* ---------------------------------------------------------- [Site content - Mobile] ----- */
@media only screen and (max-width: 767px) {
	article {
		padding: 30px 0px 0px 0px;
	}

	/*article .row > div {
		padding-bottom: 30px;
	}*/
	
	article > .row > div.col-md-700 {
		border-top-width: 0px;
		
		padding: 0px 0px 30px 0px;
	}

	article > .row > div.col-md-700 > p:last-child {
		margin-bottom: 0px;
	}
	
	.single-expertise article > .row:nth-of-type(2) > div:first-child {
		padding-bottom: 30px;
		margin-bottom: 15px;
		
		border-bottom: 1px solid #C9C9C9;
	}
	
	article #contact-info {
		display: none;
	}

	.post-type-archive-barristers article #contact-info,
	.post-type-archive-clerks article #contact-info,
	.post-type-archive-staff article #contact-info,
	.single-staff article #contact-info,
	.single-clerks article #contact-info {
		display: inline-block;
	}

	.page-id-83 article #contact-info {
		display: block;
	}
	
	.single-barristers article #contact-info {
	display: inline-block;
	
	padding-bottom: 30px;
	}
	
	article blockquote {
	width: 100%;
	
	padding: 0px;
	margin-bottom: 30px;
	margin-top: 10px;
	}
	
	article blockquote p {
		padding: 0px;
	}
}

/* ------------------------------------------------- [More info block] ----- */
article .more-info {
	border-top: 1px solid #C9C9C9;

	padding-top: 10px;
}

.single-expertise article .more-info:nth-of-type(1) {
	margin-top: 30px;
}

	.more-info .more-info-title {
		position: relative;
		overflow: hidden;
	}

	.more-info .more-info-title > *:hover {
		opacity: 0.7;
	}

	.more-info .more-info-title h4 {
		margin-bottom: 10px;

		width: 90%;

		float: left;

		cursor: pointer;
	}

	.more-info .more-info-title img {
		float: right;

		cursor: pointer;

		width: 23px;
		height: 23px;
	}

	.more-info.show .more-info-title img {
		display: none;
	}

	.more-info.show .more-info-title img.hide {
		display: block;
	}

	.more-info .more-info-title img.hide {
		display: none;
	}

	.more-info .more-info-content {
		display: none;
	}

	.more-info.show .more-info-content {
		display: block;
	}

		.more-info .more-info-content p {
			margin: 0px 0px 30px 0px;
		}

		.more-info .more-info-content p:nth-of-type(1) {
			margin-top: 20px;
		}
	
	

/* ---------------------------------------- [More info block - Mobile] ----- */
@media only screen and (max-width: 767px) {
	.more-info .more-info-content ul {
	margin-left: 16px;
	}
}

/* ----------------------------------------------------- [People Sort] ----- */
#tool-sort input[type=radio] {
	display: none;
}

#tool-sort label {
	display: inline-block;

	cursor: pointer;

	position: relative;

	padding-left: 35px;
	margin-right: 15px;

	font-size: 18px;
	line-height: 130%;
	color: #808080;
}

	#tool-sort label span {
		cursor: pointer;

		display: inline-block;
	}

/* --- Styling safari --- */
.hack-mac #tool-sort label span {
	margin-top: 2px;
}

_::-webkit-full-page-media, _:future, :root #tool-sort label span {
	margin-top: 2px;
}

_::-moz-svg-foreign-content, _:scope, :root #tool-sort label span {
	margin-top: 2px;
}

_::-moz-svg-foreign-content, :root #tool-sort label span {
	margin-top: 2px;
}

@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { @media {
	#tool-sort label span { margin-top: 2px;}
}}

/* --- /end Styling safari --- */

#tool-sort label:hover span {
	opacity: 0.5;
}

#tool-sort label:before {
	content: "";

	display: inline-block;
 
	width: 23px;
	height: 23px;
 
	margin-right: 10px;

	position: relative;

	left: 0;
	top: -1px;
	
	border: 1px solid #8d8d8d;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#tool-sort input[type=radio]:checked + label:before {
	/*content: "\2022" !important;*/

	color: #fff;
	border: 10px solid #3171b8;
	background-color: white;

	font-size: 21px;
	line-height: 110%;

	vertical-align: top;

	text-align: center;

	width: 5px;
	height: 5px;
}

/* --- Styling safari --- */
.hack-mac #tool-sort input[type=radio]:checked + label:before {
	line-height: 130%;
}

_::-webkit-full-page-media, _:future, :root #tool-sort input[type=radio]:checked + label:before {
	line-height: 130%;
}

_::-moz-svg-foreign-content, _:scope, :root #tool-sort input[type=radio]:checked + label:before {
	line-height: 130%;
}

_::-moz-svg-foreign-content, :root #tool-sort input[type=radio]:checked + label:before {
	line-height: 130%;
}

@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { @media {
	#tool-sort input[type=radio]:checked + label:before { line-height: 130%;}
}}

/* --- /end Styling safari --- */

#tool-sort input[type=radio]:checked + label {
	color: #3171B8;
}

/* -------------------------------------------- [People Sort - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#tool-sort > div:nth-of-type(1) {
		padding-bottom: 10px;

		width: 50%
	}
	
	#tool-sort > div:nth-of-type(2) {		
		padding-bottom: 10px;

		width: 50%
	}
	
	#tool-sort > div:nth-of-type(3) {
	
		padding-bottom: 30px;
	}

	#tool-sort label[for="sort-year"] span,
	#tool-sort label[for="sort-name"] span {
		visibility: hidden;
	}

	#tool-sort label[for="sort-year"] span:before {
		content: 'Year of call';

		visibility: visible;
	}

	#tool-sort label[for="sort-name"] span:before {
		content: 'Name';

		visibility: visible;
	}
}
	

/* ----------------------------------------------------- [People list] ----- */
.people-list {
	margin: 0px !important;
	overflow: hidden;
	position: relative;
	display: block;
}

.people-list li {
	float: left;
	width: 220px;
	margin-bottom: 60px !important;
	margin-left: 20px;
	list-style: none !important;
}
.people-list li.animated {
	-moz-transition: left 0.5s ease-in-out, top 0.5s ease-in-out;
	  -o-transition: left 0.5s ease-in-out, top 0.5s ease-in-out;
	     transition: left 0.5s ease-in-out, top 0.5s ease-in-out;
}

.col-md-700 .people-list li {
	margin-bottom: 30px !important;
}

.people-list li:nth-child(4n+1) {
	margin-left: 0px !important;
}

.col-md-700 .people-list li:nth-child(4n+1) {
	margin-left: 20px !important;
}

.col-md-700 .people-list li:nth-child(3n+1) {
	margin-left: 0px !important;
}

	.people-list li a {
		display: inline-block;

		width: 100%;

		text-align: center;
	}
	.people-list li a:first-of-type {
		width: 175px;
		height: 175px;
		margin: 0 auto;
		display: block;
		margin-bottom: 30px;
	}

		.people-list li a:hover * {
			opacity: 0.7;
		}

		.people-list li a img {
			width: 100%;
			height: 100%;

			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}

		.people-list li a h3 {
			border-top: 1px solid #C9C9C9;

			padding-top: 10px;
			margin-bottom: 0;
			color: #3171B8;

			text-align: left;
		}

		.people-list li a p {
			color: #808080;

			text-align: left; 

			margin: 0px;
		}

/* -------------------------------------------- [People list - Mobile] ----- */
@media only screen and (max-width: 767px) {    
	.people-list li,
	.col-md-700 .people-list li {
		width: 100%;
		
		margin: 0px 0px 0px 0px !important;
		padding-bottom: 30px;
		
		border-top: 1px solid #C9C9C9;

		text-align: center;
	}

	.col-md-700 .people-list li:nth-child(4n+1) {
		margin-left: 0px !important;
	}
	
	.people-list li a:first-child {
		margin-top: 30px;
	}
	
	.people-list li a h3 {	    
		border-top-width: 0px;
		
		padding-top: 0px;
		margin-bottom: 0px;
	}
}

/* --------------------------------------------------- [Public access] ----- */
#public-access .people-list li:nth-child(4n) {
	margin-left: 0px;
	margin-right: 20px;
}

#public-access .people-list {
	margin: 50px 0px 0px 0px;
}

/* -------------------------------------------------- [People profile] ----- */
#profile #profile-images {
	text-align: center;
}

	#profile #profile-images img {
		margin-bottom: -30px;
		width: 100%;
		width: 175px;
		height: auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

#profile .recognition-box img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	margin: 15px 15px 0px 15px;

	display: inline-block;

	width: 150px;
	height: 150px;
}

/* ---------------------------------------------------------- [People profile - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#profile #profile-images {
	border-top-width: 0px;
	
	padding: 0px 0px 60px 0px;
	}
	
	#profile .row > *:nth-of-type(2) {
		padding-bottom: 30px;
	}
	
	.single-barristers #profile .row > .col-md-220 {
		padding-bottom: 30px;
	}

	#profile #profile-images img {
		width: 175px;
	}
	
	#profile .recognition-box img {
		display: block;
		
		margin: 15px auto;
	}
}

/* ------------------------------------------------------------ [News] ----- */
.news:not(.row):not(:first-of-type) {
	border-top: 1px solid #C9C9C9;
    padding-top: 10px;
    padding-bottom: 40px;
}

.news:first-of-type {
    padding-bottom: 40px;
}

.news a:hover h2 {
	opacity: 0.7;
}

.news h2 {
	margin-bottom: 0;
}

.post-type-archive-podcasts .news h2,
.post-type-archive-articles .news h2 {
	margin-bottom: 24px;
}

.news p {
	margin-bottom: 0px;
}

.news .col-md-940 {
	text-align: center;
}

/* --------------------------------------------------- [News - Mobile] ----- */
@media only screen and (max-width: 767px) {
	.news .col-md-220 {
	padding-bottom: 5px;
	}
	
	.news .col-md-940 {
	padding-bottom: 30px;
	}

	.news .col-md-700 {
		border-top-width: 0px;

		padding-top: 0px; 
	}
	
	.news h3 {
		font-size: 14px;
	}
	
	.news h2 {
		font-size: 21px;
	}
}

/* -------------------------------------------------------- [One news] ----- */
.title-news-mobile {
	display: none;
}
.date-news-mobile {
	font-size: 14px;
}
.box-share {
	border-top: 1px solid #C9C9C9;

	padding-top: 10px;
	margin-top: 30px;
}

	.box-share ul li {
		float: left;

		margin-right: 10px;
	}

	.box-share ul li a img {
		width: 28px;
		height: 28px;
	}

#one-news h1 {
	margin-bottom: 24px;
}

.related-links {
	margin: 5px 0px 0px 0px !important;

	display: block;
}

	.related-links li {
		display: inline-block;

		margin-right: 5px;
	}

		.related-links a {
			font-size: 14px;
		line-height: normal;

			border: 1px solid #3171B8;

			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;

			padding: 5px 10px 7px 10px;
		}
	
	.hack-mac .related-links a {
		padding: 8px 10px 6px 10px;
	}

/* ----------------------------------------------- [One news - Mobile] ----- */
@media only screen and (max-width: 767px) {
	.title-news-desktop {
		/* display: none; */
	}

	.title-news-mobile {
		display: block;
		margin-top: 10px;
		padding-bottom: 0px !important;
	}

		.title-news-mobile h1,
		.title-news-mobile .h1-title-mobile {
			font-size: 21px;

			margin-bottom: 0px !important;
		}

	#one-news .row:nth-of-type(1) > .col-md-220 {
	padding-bottom: 0px;
	padding-top: 0px;
	
	border-top-width: 0px;
	}
	
	#one-news .box-share {
		margin-bottom: 10px;
		padding-bottom: 30px;
		
		border-bottom: 1px solid #C9C9C9;
	}
	
	#one-news .related-links {
		margin-top: -30px;
	}
}

/* ----------------------------------------------------------- [Books] ----- */
#books li {
	float: left;

	width: 460px;

	margin: 0px 0px 40px 20px;

	text-align: center;
}

#books li:nth-child(2n+1) {
	margin-left: 0px;

	clear: both;
}

	#books li h3 {
		border-top: 1px solid #C9C9C9;

		padding-top: 10px;
		margin: 25px 0px 23px 0px;

		text-align: left;
	}

	#books li p {
		text-align: left;
	}
	
/* ----------------------------------------------- [Books - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#books li {
	width: 100%;
	
	margin: 0px;
	
	border-top: 1px solid #C9C9C9;
	}
	
	#books li img {
		margin-top: 30px;
		
		height: 300px !important;
		width: auto !important;
	}
	
	#books li h3 {
		border-top-width: 0px;
		
		margin-top: 30px;
		padding-top: 0px;
	}
	
	#books li p {
		margin-bottom: 30px;
	}
}

/* --------------------------------------------------------- [Contact] ----- */
#contact .map-contact {
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: 500px;
	border: 1px solid #C9C9C9;
}

	#contact .map-contact iframe {
		width: 100%;
		height: 528px;
		
		margin-bottom: -5px;
	}

#contact address {
	color: #9B9B9B;
}

#contact fieldset {
	margin-bottom: 60px;
}

#contact fieldset.margin-none {
	margin-bottom: 0px;
}

	#contact fieldset ul {
		margin-top: 10px;
	}

		#contact fieldset ul li {
			float: left;

			margin: 20px 20px 0px 0px;

			width: 460px;
		}

		#contact fieldset ul li:nth-of-type(2n) {
			margin-right: 0px;
		}

			#contact fieldset ul li input {
				height: 44px;

				line-height: 130%;
				font-size: 18px;
				color: #9B9B9B; 

				cursor: text;

				padding: 0px 10px;

				width: 100%;

				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box; 
				box-sizing: border-box; 

				background-color: #f6f6f6;
				border: 1px solid #ebe9e9;
			}

			#contact fieldset ul li input:hover {
				border: 1px solid #C9C9C9;
				background-color: #F6F6F6;
			}

			#contact fieldset input:focus {
				outline: none;
			}
			#contact fieldset textarea:focus {
				outline: none;
			}
			#contact fieldset button:focus {
				outline: none;
			}

			#contact fieldset ul li input::-webkit-input-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset ul li input:-moz-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset ul li input::-moz-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset ul li input:-ms-input-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset ul li p {
				margin: 0px;

				line-height: 44px;
			}


	#contact fieldset legend {
		color: #9B9B9B; 

		margin-bottom: 30px;
	}

		#contact fieldset textarea {
				height: 223px;

				line-height: 130%;
				font-size: 18px;
				color: #9B9B9B; 

				cursor: text;

				padding: 10px;

				width: 100%;

				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box; 
				box-sizing: border-box; 

				background-color: #f6f6f6;
				border: 1px solid #ebe9e9;
			}

			#contact fieldset textarea:hover,
			#contact fieldset textarea:focus {
				border: 1px solid #C9C9C9;
				background-color: #F6F6F6;
			}

			#contact fieldset textarea::-webkit-input-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset textarea:-moz-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset textarea::-moz-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

			#contact fieldset textarea:-ms-input-placeholder { 
				color: #9B9B9B; 

				opacity:1;
			}

#contact .button.btn-blue {
	margin-top: 30px;
}

.wpcf7 > .screen-reader-response {
	display: none;
}
.wpcf7-form .wpcf7-form-control-wrap {
	position: relative;
	display: block;
}
.wpcf7-form .wpcf7-not-valid-tip {
	position: absolute;
	font-size: 70%;
	left: 11px;
	bottom: 0;
	margin-bottom: -18px;
	display: block;
	color: #a88;
}
.wpcf7-form .wpcf7-validation-errors {
	color: #a88;
}
.wpcf7-form .ajax-loader {
	width: 16px;
	height:	16px;
	display: inline-block;
	position: absolute;
	/*background: transparent url(../images/ajax-loader.gif) 0 0 no-repeat scroll;*/
	margin: 3px 0 0 8px;
	visibility: hidden;
}

.link-google-maps {
	/*display: none;*/
}

/* ------------------------------------------------ [Contact - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#contact .row:first-child .col-md-460 {
	border-top-width: 0px;
	
	padding-top: 0px;
	padding-bottom: 30px;
	}
	
	#contact .row:first-child .col-md-220 {
	display: block;
	
	padding-bottom: 30px;
	}
	
	#contact #contact-info {
		padding-top: 10px;
	}
	
	#contact #contact-info ul li {
		width: 100%;
	}
	
	#contact fieldset {
		margin-bottom: 30px;
	}

	.margin-none p {
		margin-right: 0px;
	}
	
	#contact fieldset ul li {
		width: 100%;
	}
	
		#contact ul li p {
		font-size: 14px;
		}
	
	#contact .map-contact {
		margin-bottom: 30px;

		border: 0px;
	}

	.link-google-maps {
		display: block;
	}

	#contact .row:nth-of-type(2) {
		padding: 0px !important;
	}
	
	#contact .map-contact iframe {
		height: 200px;
	}
	
	#contact .row:nth-of-type(3) .col-md-960 {
	border-top-width: 0px;
	
	padding-top: 0px;
	}
}

@media only screen and (max-width: 375px) {
	#contact .map-contact {
		height: 290px;
	}
}

/* --------------------------------------------------------- [Subpage] ----- */
.subpage h2 {
	color: #3171B8;
}

article nav ul li a {
	color: #9B9B9B; 

	line-height: 130%;
}

	article nav ul li a.selected {
		color: #3171B8;
	}

/* ----------------------------------------------------- [Search page] ----- */
#tool-sort .more-info {
	border-top-width: 0px;

	padding-top: 0px;
}

#tool-sort h3 {
	float: left;

	margin-bottom: 30px;
}

#tool-sort ul {
	margin-left: 0px;
}

	#tool-sort ul li {
		margin-bottom: 15px;
	
	list-style: none;
	}

		#tool-sort input[type=checkbox] {
			display: none;
		}

		#tool-sort label {
			display: inline-block;

			cursor: pointer;

			position: relative;

			padding-left: 35px;
			margin-right: 15px;

			font-size: 18px;
			line-height: 130%;
			color: #808080;
		}

			#tool-sort label span {
				cursor: pointer;
			}

		#tool-sort label:hover span {
			opacity: 0.5;
		}

		#tool-sort label:before {
			content: "";

			display: inline-block;
		 
			width: 23px;
			height: 23px;
		 
			margin-right: 10px;

			position: absolute;

			left: 0;
			top: -1px;
			
			border: 1px solid #8d8d8d;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}

		#tool-sort input[type=checkbox]:checked + label:before {
			content: "";

			color: #fff;
			border: 1px solid #3171b8;
			background-color: #3171b8;

			font-size: 21px;
			line-height: 23px;

			text-align: center;

			background-image: url(../images/icon-check.svg);
		}

		#tool-sort input[type=checkbox]:checked + label {
			color: #3171B8;
		}

#tool-sort button {
	margin-top: 20px;
}

#search .result-site {
	border-top: 1px solid #C9C9C9;

	margin-top: 60px;
}

#search .result-site:nth-of-type(1) {
	border-top-width: 0px;

	margin-top: 0px;
}

		#search .result-site a h2 {
			padding-top: 10px;
		}

		#search .result-site a:hover h2 {
			opacity: 0.7;
		}

	#search .result-site p strong {
		color: #393939;
	}

/* -------------------------------------------- [Page search - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#search .row:first-child .col-md-220 {
		border-top-width: 0px;

		padding-top: 0px;
	}

	#search #tool-sort {
		padding-bottom: 0px;
	}

	#search #tool-sort > div:nth-of-type(1) {
		width: 100%;

		padding-bottom: 0px;
	}

	#search .result-site a h2 {
		font-size: 21px;
	}

	#search .result-site {
		margin-top: 30px;
	}

	.result-site p {
		margin-bottom: 0px;
	}
}

/* _____________________________________________________ [Site Blocks] _____ */
body section {
	width: 100%;

	padding: 60px 0px;
}

	body section > .row > div {
		border-top-width: 1px;
		border-top-style: solid;

		padding-top: 10px; 

		height: 100%;
	}
	
		body section > .row a.btn-show-all {
			position: absolute;

			bottom: 16px;
		}

			body section > .row a:hover h4,
			body section > .row a:hover img {
				opacity: 0.70;
			}

			body section > .row h4 {
				margin: 10px 0px 20px 0px;
			}

		body section > .row p {
			margin-right: 15px;
		}


/* -------------------------------------------------------- Block news ----- */
section#block-news {
	background-color: #3171B8;
	padding-bottom: 30px;
}

	section#block-news article {
		padding-bottom: 0;
		padding-top: 0;
		display: none;
	}

	/* section#block-news article:nth-of-type(3),
	section#block-news article:nth-of-type(4) */

	section#block-news article:nth-of-type(1),
	section#block-news article:nth-of-type(2) {
		display: block;
	}
	section#block-news .row.animated  {
		-webkit-transition: max-height .5s;
		-moz-transition: max-height .5s;
		-ms-transition: max-height .5s;
		-o-transition: max-height .5s;
		transition: max-height .5s;
	}
	section#block-news .row > * {
		border-top-color: rgba(255, 255, 255, 0.5);
	}

		section#block-news h3 {
			color: rgba(255, 255, 255, 0.5);
		}

		section#block-news .news-date {
			font-size: 12px;
			color: rgba(255, 255, 255, 0.5);

			text-transform: uppercase;

			display: block;
		}

		section#block-news h4 {
			color: #FFFFFF;
		}

		section#block-news p {
			color: rgba(255, 255, 255, 0.5);
		}
		section#block-news p:last-of-type {
			/*margin-bottom: 4px;*/
		}
		section#block-news .row > .col-md-700 > article:nth-of-type(2n) {
			margin-left: 20px;
		}
		section#block-news .row > .col-md-700 > article:nth-of-type(2n+1) {
			clear: left;
		}
		section#block-news .btn-show-more-news {
			color: white;
			position: absolute;
			bottom: 19px;
		}
/* --------------------------------------------- [Block news - Mobile] ----- */
@media only screen and (max-width: 767px) {
	section#block-news {
		padding: 30px 0px;
	}

	section#block-news article {
		padding: 10px 0px 0px 0px;
	}
	
	.single section#block-news {
		padding-top: 30px;
	}
	
	section#block-news .row > *:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		
		margin-bottom: 40px;
	}
	
		section#block-news h3 {	
		margin-bottom: 30px;
		}
		
		section#block-news p {
		margin-bottom: 30px;
		
		font-size: 16px;
		}
		section#block-news .row > .col-md-700 > article:nth-of-type(2n) {
			margin-left: 0px;
		}
}

/* -------------------------------------------------------- Block news ----- */
section#block-related-articles {
	background-color: #19a0ce;
	padding-bottom: 30px;
}

	section#block-related-articles article {
		padding-bottom: 0;
		padding-top: 0;
		display: none;
	}
	section#block-related-articles article:nth-of-type(1),
	section#block-related-articles article:nth-of-type(2) {
		display: block;
	}
	section#block-related-articles .row.animated  {
		-webkit-transition: max-height .5s;
		-moz-transition: max-height .5s;
		-ms-transition: max-height .5s;
		-o-transition: max-height .5s;
		transition: max-height .5s;
	}
	section#block-related-articles .row > * {
		border-top-color: rgba(255, 255, 255, 0.5);
	}

		section#block-related-articles h3 {
			color: rgba(255, 255, 255, 0.5);
		}

		section#block-related-articles .news-date {
			font-size: 12px;
			color: rgba(255, 255, 255, 0.5);

			text-transform: uppercase;

			display: block;
		}

		section#block-related-articles h4 {
			color: #FFFFFF;
		}

		section#block-related-articles p {
			color: rgba(255, 255, 255, 0.5);
		}
		section#block-related-articles p:last-of-type {
			/*margin-bottom: 4px;*/
		}
		section#block-related-articles .row > .col-md-700 > article:nth-of-type(2n) {
			margin-left: 20px;
		}
		section#block-related-articles .row > .col-md-700 > article:nth-of-type(2n+1) {
			clear: left;
		}
		section#block-related-articles .btn-show-more-news {
			color: white;
			position: absolute;
			bottom: 19px;
		}
/* --------------------------------------------- [Block news - Mobile] ----- */
@media only screen and (max-width: 767px) {
	section#block-related-articles {
		padding: 30px 0px;
	}

	section#block-related-articles article {
		padding: 10px 0px 0px 0px;
	}
	
	.single section#block-related-articles {
		padding-top: 30px;
	}
	
	section#block-related-articles .row > *:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		
		margin-bottom: 40px;
	}
	
		section#block-related-articles h3 {	
		margin-bottom: 30px;
		}
		
		section#block-related-articles p {
		margin-bottom: 30px;
		
		font-size: 16px;
		}
		section#block-related-articles .row > .col-md-700 > article:nth-of-type(2n) {
			margin-left: 0px;
		}
}


/* -------------------------------------------------- Block barristers ----- */
section#block-barristers {
	background-color: #FFFFFF;
}

	section#block-barristers .row > * {
		border-top-color: #C9C9C9;
	}

		section#block-barristers h3 {
			color: #393939;
		}

		section#block-barristers .col-md-220 a:first-of-type {
			text-align: center;
		}

		section#block-barristers a.btn-show-all i {
			background-image: url(../images/icon-arrow-blue.svg);
		}

		section#block-barristers img {
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;

			display: block;
			width: 100%;
			max-width: 175px;
			height: auto;
			margin: 0px auto;
		}

		section#block-barristers h4 {
			color: #3171B8;
			font-size: 16px;

			border-top: 1px solid #C9C9C9;

			padding: 10px 0px 20px 0px;
			margin: 30px 0px 0px 0px;
		}

		section#block-barristers p {
			color: #808080;
			font-size: 16px;
		}

		section#block-barristers a {
			color: #3171B8;
	}
	
/* ---------------------------------------- [Block barristers - Mobile] ----- */
@media only screen and (max-width: 767px) {
	section#block-barristers {
	padding: 30px 0px;
	}
	
	section#block-barristers .row > *:last-child {
		border-bottom: 1px solid #C9C9C9;
		
		margin-bottom: 40px;
	}
	
		section#block-barristers h3 {
		margin-bottom: 30px;
		}

		section#block-barristers h4 {
			border-top-width: 0px;

			padding-top: 0px;
		}
		
		section#block-barristers p {
		margin-bottom: 30px;
		}

		section#block-barristers img {
			width: 175px;
		}
}

/* ----------------------------------------------------- Block notable ----- */
section#block-notable {
	background-color: #003369;

	padding-bottom: 30px;
}

	section#block-notable .row  {
		height: auto;
	}
	section#block-notable .row.animated  {
		-webkit-transition: max-height .5s;
		-moz-transition: max-height .5s;
		-ms-transition: max-height .5s;
		-o-transition: max-height .5s;
		transition: max-height .5s;
	}
	section#block-notable .row > * {
		border-top-color: rgba(255, 255, 255, 0.5);
	}

	section#block-notable .btn-show-more {
		position: absolute;
		bottom: 0px;
		margin-bottom: 30px;
		color: #fff;
	}

	section#block-notable .row > .col-md-700 {
		border-top-width: 0px;
		padding-top: 0px;
	}   

	section#block-notable .row > .col-md-700 > div {
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		width: 340px;
		float: left;
		display: none;
	}
	
	section#block-notable .row > .col-md-700 > div:nth-of-type(2n) {
		margin-left: 20px;
	}
	section#block-notable .row > .col-md-700 > div:nth-of-type(2n+1) {
		clear: left;
	}
	section#block-notable .row > .col-md-700 > div:nth-of-type(1),
	section#block-notable .row > .col-md-700 > div:nth-of-type(2) {
		display: block;
	}

			section#block-notable h3 {
				color: rgba(255, 255, 255, 0.5);
			}

			section#block-notable h4 {
				color: #FFFFFF;

				margin: 10px 0px 20px 0px;
			}

				section#block-notable h4 a {
					color: #FFFFFF;
				}

				section#block-notable h4 a:hover {
					opacity: 0.70;
				}

			section#block-notable p {
				color: rgba(255, 255, 255, 0.5);

				margin-bottom: 30px;
			}

/* ----------------------------------------- [ Block notable - Mobile] ----- */
@media only screen and (max-width: 767px) {
	section#block-notable {
	padding: 30px 0px 0px 0px;
	}

	section#block-notable .row > .col-md-700 > div {
		width: 100%;
		
		margin-left: 0px !important;
	}
	
	section#block-notable h3 {
		margin-bottom: 30px;
	}
	
	section#block-notable p {
		margin-bottom: 30px;
		
		font-size: 16px;
	}
	body section > .row a.btn-show-all {
		bottom: 0;
	}
	section#block-notable .btn-show-all {
		display: none;
	}
}

/* _____________________________________________________ [Site Footer] _____ */
body footer {
	background-color: #F0F0F0;

	padding: 60px 0px;
}

	footer .row {
		padding: 60px 0px;
	}

		footer > div > div {
			border-top: 1px solid #C9C9C9;

			color: #808080;
			font-size: 14px;
			line-height: 160%;
		}

			footer p {
				margin-top: 10px;
			}

				footer p strong {
					color: #808080;
				}

			footer ul {

			}

				footer ul li {

				}

			footer a {
				color: #808080;
			}

			footer a:hover {
				color: #393939;
			}

/* ---------------------------------------------------------- [Mobile] ----- */
@media only screen and (max-width: 767px) {
	body footer {
		padding: 30px 0px !important;
	}
	
	footer > div > div.col-md-220 {
		width: 48%;
		
		border-top-width: 0px;
	}
	
	footer > div > div.col-md-220:nth-of-type(1),
	footer > div > div.col-md-220:nth-of-type(2) {
		border-top: 1px solid #C9C9C9;
		
		margin-bottom: 25px;
	}
	
	footer > div > div.col-md-220:nth-of-type(2),
	footer > div > div.col-md-220:nth-of-type(4) {
		margin-left: 4%;
	}
}

/* _____________________________________________ [Site widget cookies] _____ */
#widget-cookies {
	background-color: #808080;

	/*padding: 60px 0px;*/

	/*margin-top: 60px;
	margin-bottom: -60px;*/
}

	#widget-cookies p {
		color: #FFFFFF;

		line-height: 117%;
	}

	#widget-cookies a {
		color: #C9C9C9;
	}

	#widget-cookies a:hover {
		color: #393939;
	}

	#widget-cookies a#close-cookies {
		float: right;
	}
		
		#widget-cookies a img {
			width: 23px;
			height: 23px;
		}

		#widget-cookies a:hover img {
			opacity: 0.7;
		}

/* ------------------------------------ [Site widget cookies - Mobile] ----- */
@media only screen and (max-width: 767px) {
	#widget-cookies {
		padding: 15px 0px;

		margin-top: 30px;
		margin-bottom: -30px;
	}
	
	#widget-cookies p {
		font-size: 14px;
		line-height: 130%;
		
		padding-right: 30px;

		margin-top: 0px;
	}
	
	#widget-cookies a#close-cookies {
		float: none;
		
		position: absolute;
		
		top: 0px;
		right: 15px;
	}
}


@media only screen and (min-width: 768px) {
	html, body {
	    height: 100%;
	}
	#container {
	  	min-height: 100%;
	  	/* equal to footer height */
	    margin-bottom: -219px;
	}
	.cookies #container {
		margin-bottom: -376px; 
	}

	#container:after {
	  content: "";
	  display: block;
	}

	footer, #container:after {
	  	/* .push must be the same height as footer */
	    height: 219px; 
	}

	.cookies footer, .cookies #container:after {
	  	/* .push must be the same height as footer */
	    height: 376px; 
	}

	footer {
		position: relative;
		overflow: hidden;

		padding: 0px !important;
	}
}

/**
* Aside nav new styles
 */
.aside-nav > ul > li {
	display: none;
}

.aside-nav > ul > li.selected {
	display: block;
}

.aside-nav > ul > li.selected > a {
    display: none;
}

.aside-nav > ul li a {
	font-size: 18px;
	color: #3171B8;
}

.aside-nav > ul li a.selected {
	color: #393939;
}

.category-6 .aside-nav > ul li.selected > ul li:first-child a.selected,
.category-7 .aside-nav > ul li.selected > ul li:first-child a.selected {
	color: #3171B8;
}

.next-post {
	font-size: 18px;

	border-top: 1px solid #C9C9C9;
	padding-top: 10px;
	margin-top: 30px;
}

#one-news h1 {
	margin-bottom: 0;
}

@media only screen and (min-width: 1025px) {
	.row-new {
		overflow: visible;
		display: flex;
		flex-direction: row;
	}

	.row-new > div {
		float: none;
	}
}

.aside-sticky {
	position: -webkit-sticky;
	position: sticky;
	top:  20px;
}

.next-post--mobile,
.box-share--mobile {
	display: none;
}

.box-share--mobile {
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
	.aside-sticky {
		display: none;
	}

	.hide-mobile-new {
		border-top-width: 0 !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}

	.mobile-remove-gap,
	.page-id-83 article #contact-info {
		padding-bottom: 10px !important;
	}

	.next-post--mobile,
	.box-share--mobile {
		display: block;
	}
}