body {
    font-family: 'Inter-Regular';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    overflow-x: hidden;
    color: #000000;
}

@font-face {
    font-family: 'Inter-Light';
    src: url('../fonts/Inter-Light.woff') format('woff');
    font-style: normal;
}


@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-Medium.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../fonts/Inter-SemiBold.woff') format('woff');
    font-style: normal;
}

/* Button */

.btn {
    display: inline-block;
    vertical-align: middle;
    margin: 1rem 0 .5rem 0;
    padding: 0.85em 1em;
    border: 1px solid #e21019;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
            transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #e21019;
    color: #ffffff;
}

.btn:hover {
    background-color: #ffffff;
    color: #e21019;
}

.btn.right {
    float: right;
    max-width: 200px;
     padding: 0.85em 2em;
}
/* Text */

strong {
    font-family: 'Inter-SemiBold';
    font-weight: 500!important;
}

a.active {
    color: #e21019!important;
}

a {
    color: #054045;
}
h1 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
    margin-bottom: .5em;
    line-height: 1.3;
}

h2 {
    font-family: 'Inter-Regular';
    font-size: 3.35rem;
    line-height: 1;
}

h3 {
    font-family: 'Inter-Regular';
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 1rem;
}


h4 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.3;
}

h5 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.3;
}

h6 {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.3;
}


p {
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.3;
}

.red-text {
    color: #e2121b;
}

.white-text {
    color: #ffffff;
}

.green-text {
    color: #054045;
}

/* Slider */

.slick-slider {
    margin:0 -20px;
}

.slick-slide {
    padding:20px;
}

.slider-wrapper {
    position: relative;
}

.slider-wrapper .arrow {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    z-index: 9;
}

.slider-wrapper .arrow img {
    height: 40px;
}

.slider-wrapper .arrow-right {
    right: 0px;
}

.slider-wrapper .arrow-left {
    left: 0px;
}

.testimonials .slick-dots {
    text-align: center;
    bottom: -45px;
}

.testimonials .slick-dots li button:before {
    color: #ffffff;
    opacity: .25;
}


 .slick-dots li.slick-active button:before, .slick-dots li button {
    color: #054045;
    opacity: 1;
}

.profile-quotes .slick-dots {
    text-align: left;
    bottom: -15px;
    margin-left: 10px;
}

.profile-quotes .slick-dots li.slick-active button:before {
    color: #e2121b;
    opacity: 1;

}

.profile-quotes .slick-dots li button:before{
    color: #e2121b;
        opacity: .25;
}

/* Background */

.green-background {
    background-color: #054045;
}

.half-grey {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(5, 64, 69, .13);
    width: 50%;
    transform: unset;
}

.half-dark-green {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: rgba(5, 64, 69, 1);
    width: 50%;
    transform: unset;
}

.half-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(5, 64, 69, .8);
    width: 50%;
    transform: unset;
}

.dark-grey-35-tint {
    background-color: rgba(5, 64, 69, .35);
   position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.light-blue-background {
    background-color: #eceef0!important;
}   


/* Navbar */

.dc-topbar {
  background: none;
  padding: 40px 0;
  position: fixed;
  top: 0;
  left: 0; 
  right: 0;
  z-index: 2000;
  transition: all .3s ease;
}

.dc-topbar .menu a,
.dc-list a,
#pages .dc-topbar.affix .menu a,
#dcAcc .menu a { 
    color: #fff; 
    font-family: 'Inter-Regular';
    font-size: 1.2rem;
    line-height: 1.6;
    padding-bottom: 0rem;
}

#dcAcc .menu a { padding: 0; }

#pages .dc-topbar { border-bottom: 1px solid #e21019; }
#pages .dc-topbar .menu a { color: #054045; }

.dc-col-1 .dc-list a { font-size: 1.6rem; }


.dc-list a:hover,
#dcAcc .menu a:hover {
    color: #e21019;
    text-decoration: underline;
    text-underline-offset: 4px;
}

a.top-page, .dc-topbar .menu a:hover {
    text-decoration: underline;
}

.dc-logo img { width: 250px; }

.dc-topbar.affix {
  background: #054045;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

#pages .dc-topbar.affix { border-bottom: none; }

.dc-topbar .menu img { width: 32px; }

/* Trigger (+) icon */
.dc-trigger{
  background:#e21019;          
  border-radius:50%;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .25s ease;
  margin-top: 12px;
  cursor: pointer;
}
.dc-trigger:hover{ background:#e21019; }

.dc-icon{
  position: relative;
  width: 18px;
  height: 14px;
  
}

.dc-icon::before,
.dc-icon::after,
.dc-icon .dc-line{
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  display: block;
}

/* top */
.dc-icon::before{
  top: 0;
}

/* middle */
.dc-icon .dc-line{
  top: 6px;
}

/* bottom */
.dc-icon::after{
  bottom: 0;
}

.dc-trigger[aria-expanded="true"] .dc-icon::before{
  transform: translateY(6px) rotate(45deg);
}

.dc-trigger[aria-expanded="true"] .dc-icon::after{
  transform: translateY(-6px) rotate(-45deg);
}

.dc-trigger[aria-expanded="true"] .dc-icon .dc-line{
  opacity: 0;
}

/* Mega menu */
.dc-mega {
  display: none;
  position: fixed;
  top: 0; 
  left: 0; 
  right: 0;
  background: #054045;
  padding: 160px 0 60px;
  z-index: 1500;
  height: 100vh;
  overflow-y: auto;
}

.dc-list a {
  margin-left: 0;
  padding-left: 0;
}



.dc-col {
  display: block;        
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .32s cubic-bezier(0.25, 0.1, 0.25, 1),  transform .6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.dc-col.dc-show {
  opacity: 1;
  transform: translateY(0);
}

.dc-l2,
.dc-l3 {
  display: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .6s cubic-bezier(0.25, 0.1, 0.25, 1), transform .6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.dc-l2.dc-active,
.dc-l3.dc-active {
  display: block;
}

.dc-l2.dc-anim,
.dc-l3.dc-anim {
  opacity: 1;
  transform: translateY(0);
}



.dc-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1400;
}
.dc-overlay.active { display: block; }

.dc-topbar.menu-open .menu a { color: #fff !important; }

/* Accordion container (mobile/tablet) */
.dc-acc{
  display:none;
  position:fixed;
  top:0; left:0; right:0;
  background:#054045;
  padding:160px 0 60px;
  z-index:1500;
  height:100vh;
  overflow-y:auto;
}

/* Accordion lists */
.dc-acc .dc-sub{ 
    display:none; 
    margin: .5rem 0; 
    padding-left:.5rem; 
}

/* Arrow */
.dc-arrow{
  float:right; 
  margin-left:.5rem;
  border:solid #fff; 
  border-width:0 2px 2px 0;
  padding:3px;
  transform:rotate(45deg);
  transition:transform .25s ease;
}
.dc-arrow.open{ transform:rotate(135deg); }


#dcAcc li,
#dcAcc a {
    display: block;
}

#dcAcc .menu a {
    display: block;
    width: 100%;
}

#dcAcc .dc-sub {
    display: none;
    padding-left: 1rem;
    margin: .5rem 0;
    position: relative;
    opacity: 1 !important;
    transform: none !important;
}

#dcAcc .dc-sub li a {
    display: block;
    padding: .4rem 0;
    font-size: 1rem;
}

#dcAcc .has-sub > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#dcAcc .dc-sub.dc-active {
    display: block !important;
}


/* section */

.relative {
    position: relative;
    height: auto;
}

.grid-container {
    position: relative;
    z-index: 2;
}

.page-section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.page-section.no-margin-top {
    padding-top: 0;
}

.section-title hr {
    border-bottom: 1px solid #054045;
}

/* Padding/Margin bottom */

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-40 {
    margin-top: 40px;
}

/* Search */

.search-box {
    position: relative;
}
.search-box input {
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    color: #054045;
    font-family: 'Inter-Regular';
    font-size: 1.1rem;
    padding: 1rem 0;
    margin-bottom: 0;
    height: auto;
     line-height: 1.2;
}

.barrister-filters.news {
    margin-top: 130px;
}

.barrister-filters.no-quotes {
    margin-top: 60px;
}

.barrister-filters .search-box input {
    background: #e21019;
    color: #fff;
    width: 100%;
    padding: .5rem 1rem;
}

.search-box input[type=text]:focus {
     border: none;
    box-shadow: none;
    background: transparent;
}

.barrister-filters .search-box input[type=text]:focus {
    background: #e21019;
}

.barrister-filters .search-box input[type=text]::placeholder {
    color: #ffffff;
    font-size: 1rem;
}


.barrister-filters {
  position: relative;
  z-index: 20;
  margin-bottom: 40px;
}

.filter-dropdown {
  position: relative;
  z-index: 99999;
}

.label-dropdown {
  background: #e21019;
  color: #fff;
 padding: .5rem 1rem;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.label-dropdown p {
    margin-bottom: 0;
}

.label-dropdown img {
  transition: transform 0.25s ease;
  width: 15px;
 
}

/* Rotate arrow when active */
.label-dropdown.active img {
  transform: rotate(180deg);
}

.filter-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  background: #ffffff;
  border-radius: 0;
  box-shadow: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  z-index: 300;
  border: 1px solid #054045;
  border-top: none;
  border-bottom: none;

}

.filter-list.open {
 max-height: 1200px; /* large enough for any list */
  overflow-y: auto;   /* scroll if list is tall */
   border-bottom: 1px solid #054045;
   position: absolute;
    z-index: 99999; /* ensures dropdown is on top */
}

.filter-list li a {
  display: flex;
  justify-content: space-between;
  padding: .5rem 1rem;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  font-size: 0.9rem;
  color: #054045;
}

.filter-list li:hover {
background-color: rgba(5, 64, 69, 0.2);
}

.filter-list li:last-child a {
  border-bottom: none;
}

.filter-list a.active {
  background: rgba(5, 64, 69, 1);
  color: #ffffff!important;
}


.filter-list .has-sub {
  position: relative;
}

.exp-arrow {
  width: 10px;
  transition: transform 0.25s ease;
}

.has-sub.active .exp-arrow {
  transform: rotate(180deg);
}

/* Submenu list */
.sub-list {
  list-style: none;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background: #ffffff;
  transition: max-height 0.35s ease;
  margin-left: 0;
}

.sub-list li a {
  padding: .5rem 1rem;
  border-bottom: 1px solid #eee;
  font-size: 0.9rem;
}

.sub-list.open {
  max-height: 800px;  /* large enough for all child items */
  overflow-y: auto;
    border-bottom: 1px solid #eee;
}


.search-box input[type=text]::placeholder {
font-family: 'Inter-Regular';
    font-size: 1.1rem;
    color: #054045;
    line-height: 1.2;
}

.search-box button {
    position: absolute;
    right: 2rem;
    bottom: .85rem;
}

.search-box button img {
    width: 20px;
}

.barrister-filters .search-box button {
    bottom: 7px;
    right: 7px;
}

.barrister-filters .search-box button svg {
    fill: #ffffff;
}

.buttons-bar .bar-btn {
    font-family: 'Inter-Regular';
    font-size: 1.1rem;
    display: block;
    text-align: left;
    line-height: 1;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1.25rem;
    background: transparent;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    color: white;
}

.buttons-bar .bar-btn.red {
    background: #e21019;
}

.buttons-bar .bar-btn:hover {
    text-decoration: underline;
}

/* Link */

.link.bottom {
    position: absolute;
    bottom: .8em;
}

.link {
    font-family: 'Inter-Regular';
    font-size: 1.2rem;
    transition: color 0.3s ease;
}

.link.xlarge {
    font-size: 1.8rem;
}

.link.small {
    font-size: 1rem;
}

.white-link {
    color: #ffffff;
    
}

.white-link:hover {
    color: #e2121b;
    text-decoration: underline;
}

.red-link {
    color: #e2121b;
}

.red-link:hover {
    color: #054045;
    text-decoration: underline;
}



/* Pagination */


.pagination .current{
    background: #e2121b;
    border-radius: 50%;
}

.pagination a {
    color: #e2121b;
    font-family: 'Inter-Regular';
    font-size: 1rem;
}

.pagination a:hover {
    background: #e2121b;
    color: #ffffff;
}

/* Landing */

#pages .hero {
    position: relative;
    padding-top: 160px;
    z-index: 99;
}

#pages .hero.min-height {
    min-height: 450px;
}

#pages .hero h1 {
    font-size: 3.35rem;
    margin-bottom: 40px;
}

#pages .hero .text-page h4 {
    margin-top: 1rem;
}

.landing {
  height: 100vh;
  display: flex;
  flex-direction: column; /* stack video + bar vertically */
  min-height: 700px;
}

/* Video takes all available space except for bar */
.landing .video-group {
  flex: 1;   /* fill remaining height */
  position: relative;
  width: 100%;
  overflow: hidden;
}

.landing video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.landing .tint {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  mix-blend-mode: multiply;
  background: linear-gradient(
    to bottom,
    rgba(5, 64, 69, 1) 0%,
    rgba(5, 64, 69, 0.8) 8%,
    rgba(5, 64, 69, 0.4) 15%,
    rgba(5, 64, 69, 0) 25%,
    rgba(5, 64, 69, 0.2) 65%,
    rgba(5, 64, 69, 0.8) 92%,
    rgba(5, 64, 69, 1) 100%
  );
}

.landing .bottom-text {
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
  z-index: 3;
  color: #fff;
  padding: 0 2rem;
}
/* .landing .landing-logo {
    width: 100%;
} */
.landing .landing-logo img {
    float: right;
    max-width: 180px;
}

/* Button bar now sits at the bottom naturally */
.landing .buttons-bar {
  position: relative;
  width: 100%;
  z-index: 4;
}




.newsroom .social-group h5 {
    margin-right: 10px;
}

.newsroom .social-group {
    display: flex;
}

.newsroom .social-group img {
    width: 32px;
    margin-left: 15px;
}

.news-item .background-wrapper, .people.card  .background-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
}

.news-item .background-wrapper .bg-image, .people.card  .background-wrapper .bg-image{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transform-origin: center center;
    background-position: center center;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.news-item .background-wrapper:hover .bg-image, .people.card  .background-wrapper:hover .bg-image{
    transform: scale(1.05);
}

.card {
    border: none;
}


.people.card  .background-wrapper .people-photo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 95%;

}

.people.card  .people-details {
    border: none;
    margin: 1rem 0 .5rem;
}

.people.card  .people-details h5 {
    color: #054045;
    font-size: 1.4rem;
}

.people.card  .people-details p, .people-profile-details p {
    color: #899aa2;
    line-height: 1.4;
}

.people.card  .people-details p span, .people-profile-details p span, .clerks.people-details p a{
    color: #e21019;
    
}

.people-profile-details p span {
margin-right: 10px;
}

.card .content {
    background: #ffffff;
    padding: 20px;
    transition: background 0.3 ease-out;
}

.card .content.featured {
    padding: 30px;
}

.card .content h5, .card .content h6 {
    margin-top: 1em;
    margin-bottom: 2em;
}

.card .content span {
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'Inter-SemiBold';
}

.card.articles .content, .card .content.light-blue-background {
background: #eceef0;
border-top: 1px solid #a5b3b9;
position: relative;
}

.card.articles:hover .content h6, .card:hover .content.light-blue-background h6 {
    color: #e2121b;

}

.card.articles .content .article-icon {
    width: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.card.articles .content h6 {
    margin-top: 0;
    margin-bottom: 60px;
}

.card .content.light-blue-background h6 {
    margin: 0;
}

.news-listing .card {
    border-bottom: 1px solid #a5b3b9;
    margin-bottom: 30px;
}
.news-listing .card .content span {
    font-size: .9rem;
}
.news-listing .card .content h6 {
    font-size: 1.1rem;
}
.news-listing .card:hover .content{
    background: #eceef0;
    cursor: pointer;
}


span.chambers {
    color: #e2121b;
}
span.employment {
    color: #b9307e;
}
span.commercial {
    color: #3d8bbe;
}
span.tax {
    color: #d98d2c;
}
span.personal-injury {
    color: #049d7f;
}
span.mediation {
    color: #545378;
}
span.sports-law {
    color: #b45c61;
}
span.technology {
    color: #93b5c6;
}

/* Practice Area */

.icon-group {
    text-align: center;
    margin-bottom: 60px;
}

.icon-group h5 {
    color: #054045;
}

.icon-group img {
  width: 70px;
  margin: 0 auto 1em;
  transition: transform 0.5s ease;
}

.icon-group:hover img {
  transform: scale(1.1);
}

/* Barristers */


.barrister-filters select {
    background-image: url('../images/small-arrow-white.svg');
    background-size: 10px 8px;
}

.barrister-filters select, .barrister-filters input[type="text"] {
    background-color: #e21019;
    color: #fff;
    border: none;
}

.barrister-filters .right-box {
    float: right;
}

.barrister-filters .right-box ul {
    list-style: none;
    margin: 0;
}

.barrister-filters .right-box ul li {
    display: inline;
}

#pages .hero .people-profile-details h1 {
     font-size: 2.8rem;
     margin-bottom: .5rem;
}

#pages .hero .people-profile-details p {
    font-size: 1.2rem;
}

.profile-image-wrapper {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    /* min-height: 290px; */
    padding-bottom: 63%;
}

.profile-image-wrapper .people-photo {
   float: right;
    /* width: 95%; */
    right: 0px;
    position: absolute;
    bottom: 0;
}

.profile-image-wrapper.small {
    min-height: 100px;
    max-height: 100px;
}

.profile-image-wrapper.small .people-photo {
    /* width: 95%; */
    right: 0
}

.expertise {
    text-align: center;
    padding: 0 40px 40px;
}

.expertise .people-photo {
    width: 230px;
    position: relative;
    bottom: unset;
    right: unset;
    float: unset;
    margin: 0 auto;
}

.left-group .icons-group {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-group .icons-group li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px;
}

.left-group .icons-group li img {
    width: 32px;
    margin-right: 10px;
}

.left-group .icons-group li a {
    color: #899aa2;
    font-size: 1rem;
    font-family: 'Inter-Regular';
    line-height: 1.3;
}

.left-group .icons-group li a:hover {
    color: #e2121b;
}

.left-group .cv-intro {
    margin-top: 40px;
    margin-bottom: 40px;
}

.left-group .cv-intro p {
    color: #054045;
    font-size: 1rem;
    font-family: 'Inter-Regular';
    line-height: 1.3;
}

.left-group .cv-intro p a, .accordion-content p a, .accordion-content ul li a, .page-text ul li  a{
    color: #e2121b;
}

.left-group .cv-intro .read-more {
    display: none;
}



.left-group .page-text ul li::marker, .left-group .cv-intro .read-more ul li::marker, .accordion-content ul li::marker {
  color: #e2121b;
}

.left-group .cv-intro .read-more ul li, .page-text ul li  {
    color: #054045;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .25rem;
}

.left-group .page-text h4 {
    color: #e2121b;
    margin-bottom: .75rem;
}

.right-group {
    position: relative;
    border-left: 1px solid rgba(137, 154, 162, 1);
    padding-left: 40px;
    height: 100%;
}

.right-group ul, .hero .right-group .expertise-list  {
    list-style: none;
    margin: 0;
}

.right-group.full {
    border: none;
    padding-left: 0;
}

.right-group.full .award-logos {
    display: unset;
    flex-wrap: unset;

}

.right-group.full .award-logos li {
    display: inline-block;
    margin-right: unset;
}

.right-group.full .award-logos li img {
       margin-right: unset;
}

.right-group .award-logos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.right-group .award-logos li {
    margin-right: 10px;
}

.right-group .award-logos li img {
    width: 100%;
    max-width: 130px;
}

.right-group .award-logos li.last img, .right-group .award-logos.set li:last-child img  {
    max-width: 270px;
}



.right-group .expertise-list li, .right-group .expertise-list li a, .hero .right-group .expertise-list li, .hero .right-group .expertise-list li a{
    color: #054045;
    margin-bottom: .5rem;
}

.back-btn{
    margin-top: 40px;
}
.right-group.article h5 {
    margin-top: 0;
}
h5.sub-heading {
    margin-top: 40px;
}

h5.sub-heading.no-margin {
    margin-top: 0;
}

.right-group h5.red-text, .right-group .expertise-list li a.active, .page-text p a, .hero .right-group .expertise-list li a.active{

    color: #e2121b;
}


.right-group h5 {
    color: #054045;
    line-height: 1.4;
    margin-bottom: 0;
}

.right-group hr {
    border-bottom: 1px solid #054045;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
}

.right-group .related-clerk{
    margin-bottom: 2rem;
}

.right-group .people-profile-details p {
    font-size: .95rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.right-group .people-profile-details p a, .right-group .expertise-list li a:hover {
    color: #e2121b;
}

.right-group .related-member {
    margin-bottom: 25px;
    
}

.right-group .related-member .profile-image-wrapper {
    min-height: 150px;
    position: relative;
    
}

.right-group .related-member .profile-image-wrapper img {
    width: 100%;
    /* max-width: 180px;
    right: 20px; */
}

.right-group .related-member .people-profile-details {
    margin-top: 1rem;
}

.map-container {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}

.map-container iframe {
    height: 400px;
}


/* Form */

.contact-form {
    padding-right: 20px;
    margin-top: 20px;
}

.contact-form input[type=text], .contact-form input[type=email] {
    border: none;
  border-bottom: 1px solid #054045;
  box-shadow: none;
padding: 0;
  margin: 0 0 1rem;
  background-color: #ffffff;
  color: #054045
}

.contact-form input[type=text]:focus, .contact-form input[type=email]:focus, .contact-form textarea:focus {
  box-shadow: none;
   border-bottom: 1px solid #054045;
}

.contact-form label {
    margin-top: .5rem;
    margin-bottom: .5rem;
      color: #054045;
  font-size: 1rem;
  font-family: 'Inter-Regular';
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}

.contact-form p {
    font-size: .8rem;
    margin-bottom: 2rem;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #054045;
  font-size: 1rem;
  font-family: 'Inter-Regular';
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}

textarea {
  border: 1px solid #054045;
  box-shadow: none;
  background-color: #ffffff;
      color: #054045;
}

/* Accordion */

.accordion-section {
    margin-top: 20px;
}

.accordion-title h5 {
    color: #054045;
}

.accordion-title, :last-child:not(.is-active) > .accordion-title {
    padding: 1rem 0;
    border: 0;
    border-bottom: 1px solid #054045
}

.accordion-title:hover, .accordion-title:focus {
    background-color: transparent;
}

.accordion-content {
    border: none;
    padding: 1rem 1rem 1rem 0;
    color: #054045;
}

:last-child > .accordion-content:last-child, .is-active .accordion-content {
        border-bottom: 1px solid #054045
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: "";
    background-image: url('../images/small-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    transition: transform 0.3s ease;
}

.is-active > .accordion-title::before {
    content: "";
    background-image: url('../images/small-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    transform: rotate(-180deg);
    transition: transform 0.3s ease;
}

.accordion-content ul {
    margin-bottom: 1rem;
}

/* Testimonials */

.testimonials {
    position: relative;
    
}

.background-image {
background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .25;
}

.testimonials blockquote {
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-family: "Inter-Regular";
    font-size: 1.8rem;
    line-height: 1.3;
    border: none;
}

.testimonials cite {
    color: #e21019;
    font-family: "Inter-Regular";
    font-size: 1.8rem;
    line-height: 1.3;
    border: none;
    margin: 0;
    font-style: normal;
}

.testimonials cite::before, .quote-slide cite:before  {
    display: none;
}

.quote-slide blockquote {
    color: #054045;
    margin: 0 0 .5rem;
    padding: 0 30px 0 0;
    font-family: "Inter-Regular";
    font-size: 1rem;
    line-height: 1.3;
    border: none;
}


.quote-slide cite {
    color: #e21019;
    font-family: "Inter-Regular";
    font-size: .9rem;
    line-height: 1.3;
    border: none;
    margin: 0;
    font-style: normal;
}

.people.card .people-details p.job-title {
    margin-bottom: .25rem;
}

/* Banner */

.banner {
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 550px;
}

.banner .banner-text {
    color: #ffffff;
    font-family: 'Inter-Regular';
    position: relative;
    z-index: 2;
}

.banner .banner-text p {
    color: #ffffff;
    font-family: 'Inter-Regular';
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.banner-text h2 {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Footer */

footer .left-box {
    position: relative;
}

footer .left-box::after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 0.1rem;
    background-color: white;
    opacity: 0.5;
    content: "";
    right: 1rem;
}

.award-logos img {
    display: inline-block;
    width: 130px;
    margin-right: 20px;
}

footer .footer-pages {
    list-style: none;
    margin-left: 0;
    margin-top: 2.3rem;
    margin-bottom: 0;
}

footer .social-group {
    list-style: none;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0;
}

footer .footer-pages li {
    display: inline-block;
    margin-right: 5px;
  
}

footer .footer-pages li, footer .footer-pages li a {
      color: #fff;
      font-size: .85rem;
      line-height: 1.3;
      margin-bottom: 0;
       font-family: 'Inter-Light';
}

.footer-pages li a:hover, footer .right-box p a:hover {
    text-decoration: underline;
    color: #e2121b;
}

footer .right-box p, footer .right-box p a {
    color: #fff;
      font-size: .85rem;
      line-height: 1.3;
       font-family: 'Inter-Light';
}

footer .right-box p {
    margin-bottom: 1.25rem
}


footer .social-group li {
    display: inline-block;
    margin-right: 10px;
}
footer .social-group li img {
    width: 32px;
}


/* Responsive */
@media screen and (max-width: 1300px) {
    .grid-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 1023px) {

    .people.card .people-details h5 {
        font-size: 1.2rem;
    }

    .right-group .award-logos{
        margin-bottom: 30px;
    }

    .hide-for-large h5.sub-heading {
        margin-top: 30px;
    }
    .social-text {
        margin-top: 1rem;
    }

img, .half-overlay {
    width: 100%;
}

 .landing .grid-container {
    padding-left: 0;
    padding-right: 0;
}

.landing .search-box {
   background-color: rgba(5, 64, 69, .13);
}

.search-box input, .buttons-bar .bar-btn.dark-green, .buttons-bar .bar-btn.red {
    padding-left: 40px;
}

.half-dark-green, .half-grey {
  display: none;

}

.buttons-bar .bar-btn.dark-green {
    background: #054045;
}

.icon-group {
    margin-top: 30px;
    margin-bottom: 30px;
}
.newsroom .social-group.float-right {
    float: left!important;
    margin-top: 1rem;
}

.video-container {
    margin-top: 30px;
    margin-bottom: 30px;
}
.margin-bottom-40 {
    margin-bottom: 20px;
}
footer .footer-pages {
    margin-top: 2rem;
}

 .testimonials cite {
    margin-top: 1rem;
 }
 .right-group {
    border-left: none;
    margin-top: 20px;
    padding-left: 0;
 }
 .expertise .people-photo {
    width: 180px;
 }
 .expertise {
    padding: 30px;
 }
 .profile-image-wrapper.expertise {
    min-height: unset;
 }
 .quote-slide blockquote {
    padding-right: 0px;
 }

 .page-section.no-margin-top-mid {
    padding-top: 0;
 }
 .barrister-filters .right-box {
    margin-top: 20px;
 }
 #pages .hero h1 {
    margin-bottom: 20px;
 }

 .people .profile-image-wrapper {
    margin-top: 20px;
 }

 h5.sub-heading {
    margin-top: 20px;
 }

 .profile-image-wrapper.small {
    min-height: 200px;
 }
 .profile-image-wrapper.small .people-photo {
    width: 100%;
    max-width: 250px;
 }

 .right-group.full {
    margin-top: 0;
    margin-bottom: 40px;
 }

 .barrister-filters.news {
    margin-top: 30px;

 }
  .filter-dropdown {
        margin-bottom: 1rem;
    }

    .homepage-quotes img {
        margin-top: 1.5rem;
        max-width: 150px;
    }

       .landing .landing-logo img{
       float: unset;
       margin-bottom: 20px;
       max-width: 200px;
    }
}

@media screen and (max-width: 639px) {
    .grid-container, .landing .bottom-text {
        padding-left: 25px;
        padding-right: 25px;
    }

    .bottom-text p br {
        display: none;
    }

    #dcAcc .dc-sub li a {
        padding: 0;
    }

    .filter-list {
    position: static !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  .filter-list.open {
    max-height: 1000px !important; /* big enough */
  }

  .filter-dropdown {
    margin-bottom: 1.5rem;
  }

    #pages .hero.min-height {
        min-height: 300px;
    }

    .page-section {
    padding-top: 30px;
    padding-bottom: 30px;
    }

    .search-box input, .buttons-bar .bar-btn.dark-green, .buttons-bar .bar-btn.red {
        padding-left: 25px;
    }
    
    #pages .hero {
        padding-top: 130px;
    }
    .dc-topbar {
        padding: 25px 0;
    }
    .dc-trigger {
        width: 28px;
        height: 28px;
        margin-top: 9px;
  
    }
    .dc-topbar .menu a.icon {
        padding-top: .45rem;
     }

    #dcAcc .menu a {
        font-size: 1.1rem;
        margin-bottom: .5rem;
    }

    .dc-topbar .menu img, .newsroom .social-group img{
        width: 28px;
    }

    h1, #pages .hero h1 {
        font-size: 2.7rem;
        line-height: 1.2;
    }

    h2, #pages .hero .people-profile-details h1 {
        font-size: 2.35rem;
        line-height: 1.2;
    }

    h4 {
        font-size: 1.55rem;
        line-height: 1.2;
    }

    .right-group .people-profile-details p {
        font-size: .9rem;
    }

    .accordion-title h5, .right-group h5 {
        font-size: 1.1rem;
    }

    .search-box input[type=text]::placeholder, .people.card .people-details p {
        font-size: .9rem;
    }

    .buttons-bar .bar-btn {
        font-size: 1rem;
    }

    .people.card .people-details h5 {
        font-size: 1.2rem;
    }

    .banner-text h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
   

    .link.xlarge {
        font-size: 1.3rem;
    }
    .page-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .testimonials blockquote, .testimonials cite {
        font-size: 1.4rem;
    }

    .banner {
        min-height: 450px;
    }

     .barrister-filters .right-box  {
        float: left;
     }

     .profile-image-wrapper.small {
        margin-bottom: 1rem;
     }

     .left-group .icons-group li img {
        width: 25px;
     }
     .left-group .icons-group li {
        margin-right: 10px;
     }
     .left-group .icons-group li a {
        font-size: .9rem;
     }

    footer .left-box::after {
    display: none;
    }

    footer .right-box {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 535px) {
    h1 {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    
}