@import url(/wp-content/themes/essex/css/../../reverie-master/css/style.css);

:root {
	--accent-color: #C0272D;
}
#quotesDiv {
	display:none;
}
 
 
 
 /* Globals _______________________________________________________ */
 
 
.row { max-width: 75rem; }



body {
  background: #FFF;
  color: #444; 
  font-family: 'Gotham SSm A', 'Gotham SSm B'; 
  font-style: normal;
}

body { border-top: solid 6px #000; }


/* .row { max-width: 1200px; } */

p, ul, ol { font-size: 0.9rem; }
.people { font-size: 0.9rem; }

h1,h2,h3,h4,h5,h6 { 
  font-family: 'Gotham SSm A', 'Gotham SSm B'; 
  font-weight: 500; font-style: normal;
  margin-bottom: 15px;
}


.main #content h1, .main #content h2, .sidebar h2.widget-title, .accordion > dd > a, .sidebar h3.widget-title 
  { 
  text-transform: uppercase; 
  color: #000; 
  font-weight: 500; 
  }

.main #content h1 { font-size: 1.5rem; font-weight: 500; }
.details h1, .sidebar h1 { text-transform: uppercase; font-size: 1.6rem; font-weight: normal; } /* Profile names */

.main #content h2 { font-size: 1.2rem; line-height: 1; }

.sidebar h2.widget-title { font-size: 0.9rem; font-weight: 600;  } /* Find a Barrister */

.accordion > dd > a { padding: 10px 0; margin: 0; border-top: solid 1px #b6b6b8;  line-height: 1; background: none; font-size: 1em;  }
.accordion > dd > a:hover { background: none; color: #444; }

.accordion dd.active a { background: none; }

.sidebar h3.widget-title { 
  margin-top: 0; 
  padding-bottom: 10px;
  border-bottom: solid 1px #CCC;  
  font-size: 1rem;
  font-weight: 500;
}

.main #content h3 { font-size: 1.1rem; font-weight: bold; } 

.main #content h4 { font-size: 1.1rem; }
.main #content h4.date { color: #c5342f; }

a.button:active, a.button:focus { background-color: black; }




.nopad { padding: 0; }

.entry-content a { color: #c5342f; }
.entry-content a:hover { color: #000; }
.entry-content a.button { color: #FFF; }

.end {
  float: left !important;
}


.panel a:not(.button) { color: #c5342f; }

.breadcrumbs > * a, .breadcrumbs > * span { text-transform: none; color: #c5342f; }


/* Top banner ________________________________________ */

body > header.contain-to-grid { margin-bottom: 0; }
.contain-to-grid, .top-bar { background: inherit; }

.banner { margin: 50px auto 32px; }
.banner .contact, .banner .search { margin-top: 22px;  }

.banner span { display: block; margin: 0 0 10px; line-height: 1; color: #808285; text-align: center; font-weight: 500; }

  .banner .contact .phone { font-size: 1.1rem; }
  .banner .contact .email { font-size: 0.9rem; }
  .banner .contact .phone a, .banner .contact .email a { color: #808285; }
  
.banner .ecc-logo { text-align: center; }
.banner .search {}
#searchform { text-align: right; }
#s { background: url(/wp-content/themes/essex/images/icons/search.png) no-repeat right; max-width: 200px;  float: right;}
.banner .search input { border: 0;  border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; box-shadow: none; }

.menu-wrapper { background: #000; color: #FFF; display: block;   }
.menu-wrapper ul { list-style: none; }

.top-bar {   }
.top-bar-section {  }
.top-bar-section ul {  list-style-type: none; text-align: center; display: block; }
.top-bar-section ul li { display: inline-block; float: none; }
.top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button) { background: inherit; }
.top-bar-section li:not(.has-form) a:not(.button) { text-transform: uppercase; color: #CCC; font-size: 0.9rem; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { display: none; }

.top-bar-section li.active:not(.has-form) a:not(.button){ color: #FFF; font-weight: bold; }

.top-bar-section ul.dropdown { background: black; text-align: left;  z-index: 200; }

.top-bar-section li#menu-item-853 ul.dropdown,
.top-bar-section li#menu-item-857 ul.dropdown,
.top-bar-section li#menu-item-1026 ul.dropdown,
.top-bar-section li#menu-item-882 ul.dropdown,
.top-bar-section li#menu-item-4892 ul.dropdown 
{ display: none !important; }

.top-bar-section ul.dropdown li:not(.has-form) a:not(.button) { text-transform: none;  line-height: 1;  padding: 0.75rem 1rem !important;  font-size: 0.9em;  color: white; }
 

/* Get rid of drop-downs and arrows on main menu */

.top-bar-section .has-dropdown > a { padding: 0 0.975rem !important; }

.top-bar-section .has-dropdown > a:after { 
  content: "";
  display: none;
  width: 0;
  height: 0;
  border:0;
  border-color: none;
  border-left-style: none;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.row.slider { margin-bottom: 1rem !important; }


/* ShiftNav mobile menu _____________________________________ */

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover

{ background: #c5342f !important;}




/* Main content area ________________________________________ */

.home .breadcrumbs { display: none !important; }

#content { padding: 0 0.9375rem; border: none; }


.buffer { padding: 0 1rem; }
.rbuffer { padding: 0 1rem 0 0; }

.home .buffer, .buffer.extra { padding: 0 3rem; }


.rlborder { border-left: solid 1px #CCC; border-right: solid 1px #CCC;  }
.rborder { border-right: solid 1px #CCC;  }
.lborder { border-left: solid 1px #CCC; }

.breadcrumbs { background: none; border: none; padding: 0.75rem 5px 0; margin-bottom: 30px; }
.breadcrumbs, .breadcrumbs > * { font-size: 0.6875rem;  }
.breadcrumbs, .breadcrumbs a { color: #000; text-transform: none; }
.breadcrumbs a.home { background: url(/wp-content/themes/essex/images/icons/home.png) no-repeat; padding-left: 20px; }

.breadcrumbs > *:last-child:after { 
	content: "/";
	color: #aaa;
	position: relative;
	top: 1px; 
	margin: 0 0.75rem;
}

.post header, .page header { margin-bottom: 0.5rem; }

/*  .page .metaslider { margin-bottom: 30px; }
.page .metaslider .slides img { max-height: 250px; } */


.wp-post-image { margin-bottom: 0.5rem; width: 100%; } 



/* Sidebars ________________________________________ */

.sidebar { padding: 0 1rem 1rem; }
#sidebar-left { padding-right: 1.5rem; }
#sidebar-right {  padding-left: 1.5rem; }
.past-events a { color: #c5342f; }


.home #sidebar-right { border-right: solid 1px #CCC; }
#sidebar-right.sidebar-pupillage { padding-top: 55px; }

#sidebar-right img.wp-post-image { margin: 0 0 1.5rem; }
/* #sidebar-right h3 { text-transform: uppercase; font-size: 1.1rem; } */


.sidebar .hide-on-sidebar { display: none; }

ul.submenu, ul.submenu ul { list-style: none; padding: 0; margin: 0; line-height: 1.2; }
ul.submenu li { padding: 5px 0; border-top: solid 1px #dbdbdb;  margin: 0; }
ul.submenu > li:last-child { border-bottom: solid 1px #dbdbdb; }
ul.submenu li li { list-style: none; border: none; padding: 0; margin: 0 0 0 10px; }
ul.submenu li a { color: #000; text-transform: uppercase; font-weight: bold; font-size: 0.9rem; padding: 5px; display: block; }
ul.submenu li a:hover { background: #EEE; }
ul.submenu li li a { font-size: 0.8em; font-weight: normal; }
.sidebar ul.submenu li.current_page_item a { color: #999; }

ul.submenu ul { display: none; }
ul.submenu li.current-menu-item ul, ul.submenu li.current_page_parent ul, ul.submenu li.current_page_ancestor ul { display: block; }

form#findabarrister { padding-bottom: 15px; }
.select2-container { margin-bottom: 30px; width: 100%; }
.select2-container .select2-choice { width: 100%; border-radius: 0; background-image: none; }

/* .goto { margin-bottom: 30px;  }
.goto div div { margin-bottom: 5px; padding: 0 5px; }
.goto h2 { text-transform: uppercase; font-weight: normal; font-size: 1em; margin: 0 0 10px; }
.goto a.button {  margin: 0 0 5px 5px; font-size: 0.9em; padding: 5px 10px;  width: 100%; }
.goto .text {  color: #939598; font-size: 0.9em;  }

.goto .overseas, .goto .mediators, .goto .arbitrators { display: none; }
.home .goto .overseas, .home .goto .mediators, .home .goto .arbitrators { display: block; }
*/

.goto { margin-bottom: 50px; }
.goto .columns { padding: 0 1px; }
.goto .columns:first-child { padding-left: 1px; }
.goto .columns:last-child { padding-right: 0; }
.goto a { font-size: 0.8rem; background: black; color: white; padding: 10px 0; display: block; width: 100%; text-align: center; margin-bottom: 0.25rem; }
.goto a:hover { background-color: #c5342f; }
.goto .text {  color: #939598; font-size: 0.9em; margin-top: 10px; display: block; }



.textwidget { margin-bottom: 30px; }

.bararb a.button { width: 100%; }



.testimonial { width: 100%; padding: 0; margin: 0 0 15px;  }
.single-barrister .testimonial { padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;
word-wrap: break-word; 
 }
.testimonial span { display: block; }
.testimonial .quote { margin-bottom: 10px; }
.testimonial .quote p { color: #c5342f; font-weight: 500; line-height: 1.3; font-size: 1em; margin-bottom: 5px;  width: 100%; }
/*.testimonial p:before, .testimonial p:after {
    content: '"';
}*/
.testimonial .source { font-weight: bold;  color: #6d6e71; margin-bottom: 5px; }


.page-template-barristers #sidebar-right { padding-top: 13px; }




/* Footer  ________________________________________ */

footer, footer.full-width { margin-top: 0; margin-bottom: 50px; border-top: none; padding-top: 0;  }

footer .footer-top { margin-top: 3rem; margin-bottom: 3rem;  }  
footer p, footer.full-width p { margin: 0; padding: 0; color: #a3a3a3; line-height: 1.3; font-size: 0.8em; }
footer .credits p { margin-bottom: 0.5em; }

footer.full-width .social p { margin-bottom: 10px; }
footer.full-width .social img { width: 30px; }

ul#menu-utility-menu { list-style: none; padding: 0; margin: 0 0 15px; float: right; width: 100%; font-size: 0.8em; }
ul#menu-utility-menu li { float: right; margin-left: 10px; }

footer.full-width a { font-size: inherit; }



p.address span { white-space: nowrap; }

footer.full-width p.copyright, footer p.social  { margin-bottom: 1.5rem; }

.footer-right .textwidget { margin-bottom: 0; }



/* Homepage ________________________________________ */

.home .metaslider .flexslider {
    overflow: hidden;
}

.home .alert-message { background-color: #FDD; }
.home .alert-message a.button { color: white; } 

.home #content { padding-bottom: 0; }


.home .metaslider { margin-bottom: 25px; }

.home .main #content header { display: none; }

.home .rlborder { height: auto; }

.home .about { padding: 0 1.5rem; }
.home .about p:last-child { }

.home-news { background:  #dadcdd; padding: 1.5rem; font-size: 0.9rem; }
.home-news div { margin-bottom: 10px; }
.home-news .row div:nth-child(2n+1) { clear: both; }
.home-news div span { margin-bottom: 5px; line-height: 1.3;}
.home-news .date { font-weight: bold; }

.home-news .more { color: #FFF; text-transform: uppercase; }

.home .panel { line-height: 1.4; }


ul.list.directories { margin-bottom: 0.975rem; }
ul.list.directories li { display: inline-block; margin: 0 0 0.9375rem 0.25rem; }
ul.list.directories li img { height: 80px; width: auto; }





/* Lists ________________________________________ */

ul li ul, ul li ol { font-size: 0.9rem; }

#sidebar-right ul.list.related img { width: 50px; float: right; margin: 0 0 1rem 1rem; }

.entry-content ul, .entry-content ol { padding-left: 1em;  }

.entry-content li { margin-bottom: 5px; }
.entry-content ul ul, .entry-content ol ol { margin-left: 30px; }
.entry-content li li { margin-bottom: 2px; }

.entry-content ul { list-style: square; }
.entry-content ul.hyphen{
  list-style: none;
}
.entry-content ul.hyphen > li::before {
    content: '-';
    margin-left: -12px;
    padding-right: 6px;
}




ul.list { float: left; width: 100%; list-style: none; padding: 0; margin: 0 0 15px; }

ul.horizontal { }
ul.horizontal li { display: inline; margin-right: 0.5rem; }




ul.special { list-style: none;  padding-left: 0; }
ul.special li { background: url(/wp-content/themes/essex/images/red.bullet.png) no-repeat 0 4px; padding-left: 14px; }

.split-wrapper { float: left; width: 100%; }
ul.split { float: left; width: 50%; margin: 0; padding: 0; }
ul.split li { width: 95%; }

/*
ul.special {
    list-style: none;
    padding:0;
    margin:0;
}

ul.special li { 
    padding-left: 1em; 
    text-indent: -.7em;
    line-height: 1.2;
}

ul.special li:before {
    content: "\25A0";
    color: #c5342f; 
    font-size: 1.5em;
    top: 0.8em;
    padding-right: 0.25em;
    padding-top: 0.3em;
}
*/



.row .row.people { margin-bottom: 30px; }
.people div { margin-bottom: 5px; }
.people span { display: block; margin-bottom: 5px; }
.people .dates, .people .jobtitle, .overseas .location { color: #a7a9ac; }

.people.barristers { margin-left: 3rem; margin-right: 3rem; }

.people.clerks > div { margin-bottom: 15px; }
.people.clerks div:nth-child(odd) { border-top: solid 1px #CCC:  }

.people.clerks img { margin-bottom: 0.75em; }

.thumbnails > div:nth-child(3n+1) {
  clear: both;
}

.barristers div:nth-child(3n+1) {  
  clear: both;
}

.overseas > div:nth-child(2n+1) {  
  clear: both;
}






.overseas a { padding: 5px; }

.links a.disabled { 
  /* color: #a7a9ac;  */
  pointer-events: none;
   cursor: default;
}
.links a.disabled:hover { background: none; }

.row .row.pagination-wrapper { margin-bottom: 30px; }
ul.pagination li.current a { background: #c5342f; }

.pods-pagination-paginate a, .pods-pagination-paginate .page-numbers { display: inline; padding: 2px 5px; background: #EEE; font-size: 0.9em; color: #000; text-decoration: none; margin-right: 5px; }

.pods-pagination-paginate .current { font-weight: bold; }

ul.overseas span { display: block; }
ul.overseas .name {  }
ul.overseas a { display: block; padding: 5px; color:  inherit; }
ul.overseas a:hover { background: #EEE; }

/* Buttons ________________________________________ */

.button { background:  #000; }
a.button:hover { background: #c5342f; }

/* Pagination ___________________________ */

.page-numbers li span.current { background: #dadcdd;}



/* Profiles ________________________________________ */

.photodetails{ border-bottom: solid 1px #CCC;  }
.photo { }
.photo img { margin: 0; }
.details { padding-top: 1rem; }

.details h2 { display: none; }
.details .date { display: block; font-weight: bold; margin-bottom: 0.5rem; }
.details .date:last-child { margin-bottom: 1.5rem; }

.profile-logos { display: inline-block; float: right; margin: 0 0 1.5rem 1.5rem; }
.profile-logos a:not(:last-child) { margin-right: 0.75rem; }
.profile-logos img { height: 100px; width: auto; }


.accordion { margin-bottom: 1.5rem; }
.accordion dd .content .action { display: block; text-transform: uppercase; text-align: right; }

.accordion dd > a, .accordion dd > a:hover, .accordion dd > a:visited { 
  font-family: 'Gotham SSm A', 'Gotham SSm B'; 
  background: url(/wp-content/themes/essex/images/icons/arrows/right.png) right no-repeat;
  content: " Read more ";
 }
 
 .accordion dd.active > a {
   background: url(/wp-content/themes/essex/images/icons/arrows/up.png) right no-repeat;
 }

.accordion dd a span { display: block; }
.accordion dd a span.subtitle { font-weight: normal; font-size: 90%; }

.toolbox { padding: 10px 0 0;  }
.toolbox ul.list { margin-bottom: 0; }



.send-email-wrapper { display: none; }
.gform_confirmation_message { background: #dadcdd; color: white; padding: 10px; margin-bottom: 15px; }

.row.sidebar-areas { clear: both; }
.row.sidebar-areas ul { font-size: 0.9em; margin-left: 0; }

.testimonials-wrapper {
	padding-top: 1.75rem;
	position: relative;
}

.testimonials-wrapper .quote {
	color: var(--accent-color);
}

.sidebar-areas ul span { display: block; }
.sidebar-areas ul span.subtitle { font-size: 80%; }

ul.related { font-size: 0.9em; }
.related li { margin-bottom: 10px; }
.related span { display: block; }
.related .date { font-weight: bold; }
.related a { color: #6d6e71; }
.related a:hover { color: #000; }

.quicklooks {z-index: 999;}
.quicklook { margin-bottom: 30px; background: white;  }
.quicklook h3 { color: #c5342f; font-weight: bold; text-transform:  uppercase; font-size: 1.1em; margin-bottom: 15px;  }
.quicklook .thumbnail-wrapper { max-width: 220px; }
.quicklook img { max-width: 100%; height: auto; margin-bottom: 15px; }
.quicklook span { display: block; margin-bottom: 10px; }
.quicklook .name { color: #000; }
.quicklook p.dates { margin-bottom: 15px; }
.quicklook h4 { font-weight: 500; font-size: 0.9em;  margin-bottom: 0;  line-height: 1;  text-transform:  uppercase;  }
.quicklook ul { list-style: none; padding: 0; margin: 0 0 15px; }
.quicklook li { font-size: 0.8em; }
.quicklook h5 { font-size: 1em; font-weight: bold; padding: 0; margin: 0 0 5px; line-height: 1; }

.page-id-11601 .quicklook .ql-areas { display: none; }
.page-id-104 .quicklook ul.categories { display: none; }

/* Tables __________________________________________ */

.data table { width: 100%; }




/* Posts ________________________________________ */

.items {}
.item { margin-bottom: 30px; }
.item a { padding: 5px; text-decoration: none; color: #808285; display: block; line-height: 1.3; }
.item a:hover { background: #EEE; }
.item span { display: block; }
.item .date { color: #c5342f; margin-bottom: 10px; }
.item .title { font-weight: bold; margin-bottom: 10px; }


/* Contact ________________________________________ */

.map-address p { font-size: 0.7em; }
.map-wrapper { }
.map-wrapper img { width: 100%; }

/* Search results ________________________________________ */

.search #content, .search #sidebar-right { padding-top: 60px; }

.search .result { margin-bottom: 1em; }
.search .result img { margin: 0; }
.search .result .title { font-size: 1.2em; }




/* Faster barrister list _________________________ */

.ajax-loader{
  width: 100%;
  text-align:center;  
  display:none;
  padding: 100px 0 0;
}

.ajax-info {  }
.links a.activeItem{
  background:#eee;  
}

.logos.row .item {
    /*flex: 1;*/
    text-align: center;
    margin: 0 15px 15px; 
}
/*.logos.row .item:first-child{
  text-align: left
}
.logos.row .item:last-child{
  text-align: right
}*/

.logos {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    justify-content: center;

}

.row.logos .item img.wp-post-image {
    height: 110px;
    width: auto;
    margin: 0;
}



/* Events ________________________ */

/* Styles matching .page-numbers li used on News */

.em-pagination { text-align: center; float: left; width: 100%; }
.em-pagination .page-numbers { display: inline-block; 
	padding:  0.25rem 0.5rem;
	color: #999; 
	border-radius: 3px; 
	}

.em-pagination .page-numbers.current, .em-pagination a.page-numbers:hover { background: #dadcdd; }
.em-pagination  .page-numbers.current {  color: white; font-weight: bold; }

.em.pixelbones a { color: #c5342f !important; }
.em.pixelbones h3 { font-size: 1.1em !important; font-weight: bold !important; }



/* Podcasts   ________________________________________________________ */

.podcast-embed-wrapper { margin-bottom: 1rem; }


/* Additional media queries _____________________________________ */

/* SMALL */

@media only screen {} /* Define mobile styles */

@media only screen and (max-width: 40em) { 

  #wpadminbar { display: none; }

  .banner { margin-top: 0.5rem; }
  
  .banner .contact .phone { font-size: 16px; }
  
  #s { max-width: 100%; }
  
  .buffer, .home .buffer, .buffer.extra { padding: 0 0.5rem; }
  .home-news { padding: 0.5rem; margin-bottom: 1.5rem; }
  .rlborder { border: none; }
  
  .main #content { padding-top: 1.5rem; }
  
  .main #content h1 { font-size: 1.2rem; }
  
  
  
  .home a.mediators { display: none; }
  
  .people.barristers { margin-left: 0; margin-right: 0; }
  .people.barristers > div { padding: 0.25rem; }
  
  .barristers div:nth-child(3n+1) { clear: none; }
  .barristers div:nth-child(2n+1) { clear: both; }
  
  .photodetails { margin-bottom: 1rem; }
  .details { padding-bottom: 1rem;  }
  
  #content { margin-bottom: 2rem; padding-left: 0.9375rem; padding-right: 0.9375rem; }
  #content .buffer { padding: 0; }
  
  
  ul#menu-utility-menu { float: left; }
  ul#menu-utility-menu li { float: left; margin-left: 0; margin-right: 5px; }
  ul#menu-utility-menu li:nth-child(2n+1) { clear: both; }
  
  
  p.copyright span { display: block; }
  p.address{
    text-align:center;
    font-size: .9em !important;
  }
  p.social {
      text-align: center;
  }
  ul#menu-utility-menu li {
    display: block;
    clear: left;
    text-align: center;
    width: 100%;
    font-size: .9rem;
}
p.credits {
    text-align: center;
     font-size: .9em !important;
}
p.copyright {
    text-align: center;
     font-size: .9em !important;
}
ul.list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.logos.row{
  flex-wrap: wrap;
  justify-content: center;
  }
  .logos.row .item{
    flex:auto;
    margin:0;
  }

  
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* MEDIUM */

@media only screen and (min-width: 40.063em) { 
	
	.main #content { padding-top: 0; }
  
  .people.clerks div:nth-child(3n+1) { clear: both; }  
  
  img.wp-post-image.align-right { float: right; width: 50%; margin: 0 0 1.5rem 1.5rem; }
  
    
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
  
  .buffer, .home .buffer, .buffer.extra { padding: 0 0.5rem; }
  
  .top-bar-section li:not(.has-form) a:not(.button) { font-size: 0.8rem;  padding: 0 0.75rem !important; }
  
  ul.submenu li a { font-size: 0.6rem; }
  
  .people.barristers { margin-left: 0; margin-right: 0; }
  .people.barristers > div { padding: 0.25rem; }
  
  .barristers div:nth-child(3n+1) { clear: none; }
  .barristers div:nth-child(2n+1) { clear: both; }
  
  .people .email, .people .phone { font-size: 0.7rem; }
  

  
  
  ul#menu-utility-menu { float: left; }
  ul#menu-utility-menu li { float: left; margin-left: 0; margin-right: 5px; }

  
  
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* LARGE */

@media only screen and (min-width: 64.063em) { 
  




  
  
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLARGE */

@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLARGE */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */



/** Barristers Order **/
.ajax-loader2{
  display:flex;
  justify-content: center;
}
#barristers-loader img {
  margin: 8rem;
}


.headings{
  display: flex;
  justify-content: space-between;
}
label.orderby{
  margin-right: 1rem;
  font-weight: bold;
}
.form-orderby {
  display: flex;
}

a.area-link,a.area-link:visited {
  color: #000 !important;
}
a.area-link:hover{
  opacity: 0.6 !important;
}
.buffer.barristers{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buffer.barristers::before,.buffer.barristers::after{
  content: none;
}
#barristers_list {
  min-height: 1721px;
}
.areas-page{
  margin-bottom: 1rem;
}
.special.lists{
  padding-left:0;
  margin-left:0;
}
.related-barristers .lists{
  column-count: 2;
}
@media only screen and (max-width: 40em) { 
  .buffer.barristers{
    display: block;
  }
  #barristers_list {
    min-height: 3188px;
  }
}


.row.event-speaker, .event-chair {
  margin-bottom: 0.5rem;
}

.speaker-image {
  padding-left: 0;
}


/* Podcasts, webinars etc  ________________________________________________________ */


.entry-content .loop-item {
  margin-bottom: 3rem;
  color: #808285;
  display: block;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.entry-content .loop-item:hover{

  background: #EEE;
}

.loop-item img { margin-bottom: 0.75rem; }

.loop-item .date{
  display: block;
  margin-bottom: .5rem;
}
.loop-item .title{
 font-weight: bold;
 display: block;
 margin-bottom: .7rem;
}
.loop-item .excerpt{
  font-size:.9rem;
  display: block;
  line-height: 1.6;
 }

/* Typography Helper Classes */

@media only screen and (min-width: 40.063em) {
   .medium-text-center {text-align: center !important;}
   .medium-text-left {text-align: left !important;}
   .medium-text-right {text-align: right !important;}
}
@media (min-width:64em) {
   .large-text-center {text-align: center !important;}
   .large-text-left {text-align: left !important;}
   .large-text-right {text-align: right !important;}
}