/* Variables  ________________________________________________________ */


:root {
	--dark-blue: #002c58;
	--primary-color: #58789D;
	--secondary-color: #849fbb;
	--light-grey: #f2f4f7;
	--third-color: #507198;
}




/* Globals  ________________________________________________________ */

body { background: white; }


.title-lg, .hero-text .title p, .hero-text .title cite, .hero-text blockquote.title-quote p, blockquote.title-quote .hero-text p, .hero-text .cta-content p, .cta-content .hero-text p {
	font-size: 1.6rem;
	line-height: 1.2;
}

.block-header { padding: 1.5rem 0; }

blockquote, blockquote.title-quote p { font-style: italic; font-weight: 300;  }
.p-hero blockquote q {  }
blockquote cite, .hero-text .title cite { font-size: 1.2rem; font-style: normal;  font-weight: bold;  }
.single-barrister blockquote p.h4 { font-size: 1rem; 
color: var(--third-color);

}
blockquote cite, .slick-dots { margin-top: 0.5rem; }

.title-quote {
	padding: 1.5rem;
}

p { margin: 0 0 1em; }

.entry a { text-decoration: underline; }

.single .p-sec.main, .single .page-content > .p-sec:last-child { padding-bottom: 0; }

.footnotes { font-size: 0.8rem;  margin: 0 0 1.5rem; padding-top: 1rem;  border-top: dotted 1px var(--dark-blue); }

.callout {
	background: var(--light-grey);
	padding: 1em;
	margin: 0 0 1.5em;
}
.callout h2 { font-weight: bold; }



/* Restore or enhance focus outline */
button.sqe-pdf__btn:focus, 
button.sqe-pdf__btn:focus-visible {
    outline: 3px solid #58789D;  /* Change the color and width as needed */
    outline-offset: 2px;         /* Adds space between the outline and element */
    border: 2px solid transparent; /* Ensure the border does not obscure the outline */
}



/*
.entry-wrap ul {
margin-left: 1rem;
margin-bottom: 1rem;
}

.entry-wrap ul li {
list-style: disc;
}
*/

.image-wrap.half-width { float: right; width: 50%;  margin: 0 0 1rem 1rem; }

/* .image-cover-wrap {
    padding: 0 0 100%;
} */


/* Main menu  ________________________________________________________ */


.primary-menu-two .menu-item-has-children:hover > .dropdown-menu {
	display: block;
}

.primary-menu-contacts {
	margin-bottom: 1.5rem;
	color: #849fbb !important
}

.primary-menu-contacts a:hover {
	color: white;
}

.primary-menu-contacts a i {
	font-size: 1.6rem;
}

.primary-menu-two-wrap .dropdown-right .dropdown-menu {
	right: 0 !important;
}

/*
* MOBILE MENU
*/
#mobile-nav .inner-wrap {
	padding-top: 200px;
}

/*
* DROPDOWN MENU
*/
.dropdown-toggle::after {
	display: none;
}

.dropdown-menu {
	background-color: var(--light-grey);
	padding: 0;
}

.dropdown-menu > li {
	margin: 0 !important;
}

.dropdown-menu > li > a {
	position: relative;
	border-bottom: 1px solid #38807d;
	padding: 0.3rem 1rem 0.3rem 1.5rem;
	font-size: 15px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li.current-menu-item > a {
	background-color: white;
}

.dropdown-menu > li:last-of-type > a {
	border-bottom-width: 0;
}

.dropdown-menu > li > a::before {
	content: "";
	border-right: 1px solid #38807d;
	border-bottom: 1px solid #38807d;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 6px;
	top: 50%;
	overflow: hidden;
	font-size: 150%;
	line-height: 1rem;
}

/*
 * SEARCH DROPDOWN
 */
.search-form-wrap .header {
	position: static;
}

/*
* SEARCH FORM
*/

.global-search-wrap { padding-left: 0.5rem; }
.global-search-nav { padding-right: 0;   }

.primary-menu-one-wrap a.nav-link.global-search-nav  { color: white !important; }



.search-form {
	background-color: white;
	padding: 1rem;
	border: 2px solid #58789D;
}

.search-form::after,
.search-from::before {
	content: '';
	display: table;
	clear: both;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #58789D;
}

.search-form-wrap .button-close {
	top: 1rem;
	right: 1rem;
	transform: none;
	-webkit-transform: none;
}


/*
* SELECT2
*/
.select2-container--default .select2-selection--single {
	height: 40px;
	font-size: 18px;
	line-height: 24px;
	padding: 7.5px 15px;
	border-radius: 0;
	border-left: 0;
	border-top: 0;
	border-right: 0;
	padding-left: 0;
	border-bottom: 1px solid var(--primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	padding-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
	top: 50%;
	transform: translateY(-50%);
}

.select2-container--open .select2-dropdown--below,
.select2-search--dropdown .select2-search__field {
	border-width: 0 !important;
}

.select2-container--open .select2-dropdown--below .select2-results {
	box-shadow: 2px 2px 12px -2px rgb(0 0 0 / 40%);
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 0;
}

.select2-container--open .select2-dropdown {
	top: -6px;
}

/*
* PROFILE
*/
.profile-header {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.profile-quotes {
	flex: 1;
}

.sqe-pdf__btn {
	border: 0;
	background-color: transparent;
	color: var(--third-color);
	padding: 0;
	margin: 0;
	font-size: 0.9rem;
}

.sqe-pdf__btn:hover {
	color: var(--dark-blue);
}



/* Sidebar  ________________________________________________________ */

.sidebar ul.depth-menu { margin-bottom: 1.5rem; }

.sidebar section:last-of-type,
.sidebar .boxed-item:last-of-type {
	margin-bottom: 1rem;
}

.sidebar .boxed-item li a {
	text-decoration: none;
}

.sidebar .search-form .button {
	min-width: 40px !important;
}

.sidebar .boxed-item .entry a,
.sidebar .boxed-item .entry a:not(.button):not(input[type=submit]),
.sidebar .entry h2,
.sidebar blockquote cite,
.sidebar .entry strong,
ul.contacts i, 
ul.contacts svg {
	color: var(--third-color);
}

.slick-dots li.slick-active button:before,
.entry ul li:before {
	background-color: var(--third-color);
}

.boxed-item blockquote cite {
	color: var(--third-color);
}


/* Footer  ________________________________________________________ */


.awards-sec {
	padding-top: 2rem !important;
	padding-bottom: 1.5rem !important;
}

.award-banners img { width: 100%; height: auto; }

.awards-sec .container { max-width: 1200px; }

ul.footer-logos { list-style: none; margin: 0;  padding: 0;  text-align: center;  }
ul.footer-logos li { display: inline-block; margin: 0 0.5rem 1.5rem; }
ul.footer-logos li img {  height: 130px;  width: auto; }

p.tla2022 { text-align: center; }
p.tla2022 img { width: auto;  max-width: 80%; height: auto; }
.site-footer p.credit a { border-bottom: solid 1px #CCC !important; }

/*
* POSTS SHORTCODE
*/
.posts__load-more {
	margin-top: 1rem;
	cursor: pointer;
	width: 100%;
    border: 2px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    padding: 0.5rem;
	transition: background-color .4s, color .4s;
}

.posts__load-more:hover {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	color: white;
}

.posts--bg-gray .post-item {
	background-color: var(--light-grey);
	padding: 1rem;
}


/*
* HOME
*/
.home-search {
	background-color: var(--primary-color);
	padding: 1rem 0;
}

.home-search .search-form {
	background-color: var(--primary-color);
	padding: 0;
	border-color: transparent;
}

.home-search .search-input {
	background-color: white;
	color: var(--primary-color);
}

.home-search .select2-container--default .select2-selection--single {
	background-color: var(--primary-color);
	border-color: white;
}

.home-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.home .select2-container--default .select2-selection--single .select2-selection__rendered,
.home .select2-container--default .select2-selection--single .select2-selection__clear {
	color: white;
}

.home .select2-container--open .select2-dropdown--below {
	background-color: var(--primary-color);
}

.home .select2-container--open .select2-dropdown--below .select2-search__field {
	background-color: var(--primary-color);
	color: white !important;
	font-size: 18px;
}

.home .select2-results {
	background-color: white;
}

/*
* BANNER QUOTES
*/
.banner-quotes {
	color: white;
	padding-top: 2rem;
	max-width: 600px;
}

.banner-quotes__item__content {
	font-style: italic;
	font-weight: bold;
}

.banner-quotes__item__content p {
	margin-bottom: 0;
	font-size: 1.1rem;
}

.banner-quotes__item__source {
	padding-top: 0.5rem;
	font-size: 0.9rem;
}

.banner-quotes .slick-dots {
	text-align: left;
}

.banner-quotes .slick-dots button {
	background: transparent;
	cursor: pointer;
}

.banner-quotes .slick-dots button::before {
	background: transparent;
	border-color: white;
}

.banner-quotes .slick-dots .slick-active button::before {
	background: white;
}

/*
* LOOP ITEMS
*/

.list-item__excerpt {
	color: var(--primary-color) !important;
}

/* HORIZONTAL */
@media (min-width: 768px) {
	.list-item--horizontal .list-item__content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}


	.list-item--horizontal .post-item {
		flex-direction: row;
	}

	.list-item--horizontal .post-item .image-wrap {
		width: 180px;
		min-width: 180px;
		max-width: 180px;
		height: 180px;
		margin-right: 2rem;
		padding: 0;
		margin-bottom: 0;
	}
}

/*
* PAGINATION
*/

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination .page-numbers {
	border: 1px solid #002C58;
	color: #002C58;
	padding: 5px 8px;
	display: inline-flex;
	margin-right: 6px;
	margin-bottom: 6px;
}

.pagination .page-numbers.current {
	background-color: #002C58;
	color: white;
}

/*
* ACCORDIONS
*/

.accordion-button {
	background-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 1rem 0 !important;
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	cursor: pointer;
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
	width: 2rem;
	height: 2rem;
	background-size: 2rem;
}

.accordion-body {
	padding: 2rem 0 3rem;
}

.accord-item h3 {
	color: #58789D;
}

.accordion-body__section {
	margin-bottom: 2rem;
}

.accordion-body .accordion-body__section:last-of-type {
	margin-bottom: 0;
}

.accordion-body__section__title {
	font-size: 1.5rem;
	color: var(--primary-color) !important
}

.accord-item .content-wrap .entry {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/*
* PAGE BANNERS
*/
.p-hero .item-content {
	padding-top: 50px; 
	padding-bottom: 50px;
	min-height: 45vh;
	display: flex;
	align-items: center;
}

.p-hero__img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.p-hero__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*
* MENU LINKS
*/
.menu-link,
.menu-styled a,
.menu-styled span {
	display: block;
	padding: 0.5rem 0.25rem;
	border-bottom: 1px solid #38807d;
	color: #002c58;
}

.menu-link,
.menu-styled a {
	background-color: white;
}

.menu-styled span, .menu-link.active, .menu-styled a.active, .menu-styled .current_page_item>a {
	background-color: var(--light-grey);
}

.arr-link,
.menu-link,
.menu-styled a,
.menu-styled span {
	position: relative;
	padding-left: 20px !important;
}

.menu-link:before,
.menu-styled a::before,
.menu-styled span::before {
	overflow: hidden;
	font-size: 150%;
	line-height: 1rem;
}

.arr-link:before,
.menu-link:before,
.menu-styled a:before,
.menu-styled span:before {
	position: absolute;
	left: 2px;
	top: 50%;
}

.arr-link:before,
.menu-link:before,
.menu-styled a:before,
.menu-styled span:before {
	content: "";
	border-right: 1px solid #38807d;
	border-bottom: 1px solid #38807d;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Homepage  ________________________________________________________ */

.home .p-hero .item-content {
	padding-top: 50px; 
	padding-bottom: 50px;
	min-height: 45vh;
	display: flex;
	align-items: center;
}

.hero-text .entry { max-width: 550px; }
.cta-content-wrap {
	align-items: flex-end;
}

.latest-news-sec h2 a { color: var(--dark-blue); }


/* Areas  ________________________________________________________ */

.single-area .p-sec.related-people { padding: 0; }


/* Categories  ________________________________________________________ */

.category .p-sec { padding-top: 1rem;  padding-bottom: 1.5rem; }
.category .page-header {padding-top: 1rem; }

/* Lists  ________________________________________________________ */

ul.simple, .entry ul.simple { list-style: none; padding: 0; margin: 0 0 1.5rem; }
ul.simple li, .entry ul.simple li { list-style: none;  padding: 0;  position: inherit;  border: none;  margin: 0;  }
.entry ul.simple li:before { content: none; }


/*

.entry ul { margin: 0 0 1.5em; padding: 0 0 0 1.5em; }
.entry ul li { list-style-type: disc; padding: 0 0 0.75em;  margin: 0 0 0.75em;  border-bottom: dotted 1px var(--secondary-color); }
.entry ul li:before { content: none; }

*/

.entry ul { margin: 0 0 1.5em; padding: 0 0 0 1.5em; }
.sidebar .entry ul, .contact-box .entry ul { padding: 0; }
.entry ul li { padding: 0 0 0.75em 0.75em;  margin: 0 0 0.75em;  border-bottom: dotted 1px var(--secondary-color); }


.entry ul li::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 0;
}



.entry ul ul, .entry ul ol, .entry ol ul, .entry ol ol { margin: 1em 0 0.25em; }
.entry ul li:last-child { border: none;  padding-bottom: 0;  margin-bottom: 0; }

ul.fa-ul {  padding: 0; margin-bottom: 1.5rem; }
ul.fa-ul li { font-size: 1.2em;  margin-bottom: 1.25rem;  padding-left: 0.5rem;   }
ul.fa-ul svg { color: var(--primary-color); font-size: 1.3em;    }


/* Pages & posts  ________________________________________________________ */


.page-intro { margin-bottom: 1rem; color: var(--primary-color); }

.hover-b .hover-title { padding: 0.25em 30px; }



/* Barristers list &  profiles  ________________________________________________________ */


.hover-b .hover-content { bottom: 0;  top: auto; }


.profile-photo-wrapper img { border-bottom: 1px solid #002c58; }

.profile-header .sub-titles {margin-bottom: 1rem; }

.contacts-wrapper, .profile-contacts { margin-bottom: 1rem; }

ul.contacts { margin-bottom: 0; }
ul.contacts li { margin-bottom: 5px; }
ul.contacts i, ul.contacts svg { margin-right: 0.25rem;  }
ul.contacts a  {  vertical-align: middle; line-height: 20px; font-size: 0.9em; color: var(--third-color);   }
ul.contacts .material-icons {   font-size: 20px; line-height: 20px; 
	margin-right: 2px;
	vertical-align: middle;
}

.related-posts-sec .container { max-width: 960px; }

.single-barrister blockquote { text-align: center; }
.single-barrister blockquote cite { font-size: 0.9rem; }


.profile-quotes blockquote {
    text-align: center;
}

.profile-quotes .slick-quote-slider {
    top: 50%;
    transform: translateY(-50%);
}

/* Pupillage Reflections  ________________________________________________________ */

.list-item--horizontal a { text-decoration: none; }
.list-item--horizontal h4 { color: var(--dark-blue); }

.podcast-player { margin-bottom: 10px; }
.podcast-player iframe { width:100%; }


/**
* PEOPLE LIST
*/

.people-list {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.people-list-item {
	display: flex;
	align-items: flex-start;
	padding: 0 !important;
	margin-bottom: 1rem !important;
	padding-bottom: 1rem !important;
	border-bottom: dotted 1px var(--secondary-color);
	position: relative;
}

.people-list .people-list-item:last-of-type {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.people-list-item::before {
	display: none !important;
}

.people-list-item__link {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	border-width: 0 !important;
}

.people-list-item__img {
	text-decoration: none;
	display: flex;
	min-width: 25%;
	width: 25%;
	margin-right: 1.5rem;
	border-width: 0 !important
}

.people-list-item__img__wrap {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 100%;
}

.people-list-item__img__wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-bottom: 0 !important;
	transform: scale(1);
	transition: transform .6s ease-in-out;
}

.people-list-item__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.people-list-item__title h4 {
	margin-bottom: 0;
	transition: color .3s ease-in-out;
}

.people-list-item__subtitle {
	margin-bottom: 0.5rem !important;
}

.people-list-item__actions {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	z-index: 2;
}

.people-list-item__actions li {
	margin: 0 0 0.2rem !important;
	padding: 0 !important;
	border-bottom: none !important;
}

.people-list-item__actions li::before {
	display: none !important;
}

.people-list-item__actions li a {
	display: inline-flex;
	align-items: center;
}

.people-list-item__actions li i {
	margin-right: 0.2rem;
	position: relative;
	top: 2px;
}

.people-list-item:hover .people-list-item__img img {
	transform: scale(1.05);
}

.people-list-item:hover .people-list-item__title h4 {
	color: var(--dark-blue);
}


/* Videos  ________________________________________________________ */

.video-wrapper {
	margin-bottom: 3rem; 
}


.post_date {
	margin-top: 1rem;
	font-size: 0.8rem;
	color: #58789D;
}