/*
Theme Name: 11KBW
Theme URI: https://www.11kbw.com/
DESCRIPTION: 11KBW custom Wordpress theme
Version: 1.0
Author: Tonya Lawrence / realityhouse.co.uk
Author URI: https://realityhouse.co.uk
Tags: 11KBW
*/

/** reset **/
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,button{border:0;outline: none;font-size:100%;font:inherit;background: transparent; vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
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}

@font-face {
    font-family: 'DM Serif Display';
    src: url('/wp-content/themes/11kbw/fonts/DMSerifDisplay-Italic.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/DMSerifDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Serif Display';
    src: url('/wp-content/themes/11kbw/fonts/DMSerifDisplay-Regular.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/DMSerifDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-Medium.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-Bold.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-Italic.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-SemiBoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('/wp-content/themes/11kbw/fonts/Inter18pt-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/11kbw/fonts/Inter18pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
  --dmserifdisplay:"DM Serif Display", sans-serif;
  --inter:"Inter 18pt", sans-serif;
  --black: #191817;
  --white: #fff;
  --blue: #C3E9EB;
  --mid-grey: #878787;
  --light-grey: #D9D9D9;

  --light-grey-figma: #B2B2B2;

  --red-sand: #F7A374;
}

/**
color:var(--yellow)
font-family:var(--alderwood)
background-color:var(--dark-greenop)
**/

@view-transition {navigation: auto;}

/* general */

#overall-wrapper { /** overflow:hidden; **/     background: var(--black); }
#overall-wrapper.noscroll { /** height: 100vh; **/ overflow: hidden; }
html.noscroll, html.noscroll body { overflow: hidden; position: relative; /** height: 100%; **/ }

html,body { /** overflow-x: hidden; **/   -webkit-tap-highlight-color: rgba(0,0,0,0); }
html { /** overflow-y: scroll; **/  overflow-y: scroll; }

body::-webkit-scrollbar, body *::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb { background-color: var(--black); }
body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track { background: var(--light-grey); }
body *::-webkit-scrollbar { width: 6px; }

/** below copied to wp-admin.css - START **/

body { font: normal 0.938rem/173% var(--inter); background: var(--white); color: var(--black); }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;        text-underline-offset: 3px; }
img, canvas, figure { max-width: 100%; height: auto; }
iframe { max-width: 100%;}

strong { font-weight: bold; }
em { font-style: italic; }

.heading_label { font: 500 0.75rem/140% var(--inter); text-transform: uppercase; letter-spacing: 0.1em; color: var(--mid-grey) !important; padding: 0 0 10px 0; }

h1, h2, h3, h4, h5, h6, p { padding: 0 0 25px 0; }
h1, h2, h3, h4, h5, h6, .h1_styler, .h2_styler, .h3_styler {  } 
h1, .h1_styler { font: 3.438rem/110% var(--dmserifdisplay); letter-spacing: -0.01em; }
h2, .h2_styler { font-weight: 600; font-size: 1.563rem; line-height: 140%;      font: 1.563rem/110% var(--dmserifdisplay); letter-spacing: -0.01em; } 
h3, .h3_styler, h4, h5 { font-weight: 600; } 
h4 {  }
h5 {  }
p { padding: 0 0 15px 0; }
a { color: var(--black); text-decoration: underline; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;    -webkit-font-smoothing: antialiased; }
a:hover { text-decoration: none; }
	a[href^="tel:"] { text-decoration: none !important; cursor: default; }

ul, ol { margin: 0 0 0 14px; padding: 0 0 20px 0; }
ul { list-style: disc; margin: 0 0 0 20px; }
ol { list-style: decimal; margin: 0 0 0 18px; }
ul li, ol li { padding: 0 0 10px 0; margin: 0;  padding: 0 0 5px 0; }
ul ul { padding: 10px 0 0 0; }
ul ul li { padding: 0 0 10px 0; }

table { margin: 0 0 15px 0; }
table td, table th { padding: 10px 5px; }

hr {  }

::-moz-selection { background-color: var(--blue); color: var(--black); }
::selection { background-color: var(--blue); color: var(--black); }

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }

.large_text { font-weight: 500; font-size: 1.188rem; line-height: 137%; padding: 0 0 35px 0; }
.small_text { font-size: 0.75rem; line-height: 18px; line-height: 140%; }
.button_cta, .button_cta_outline_w, .button_cta_outline_b, .button_cta_w, .button_cta_b, .gform_button.button { display:inline-block; font-size:0.875rem; line-height:16px; font-weight: 600; font-weight: 400; padding:15px 26px; text-align:center; text-decoration: none !important; color:var(--black) !important; border: 1px solid var(--blue); background: var(--blue); }
.button_cta:hover { background: var(--white); border-color: var(--white); text-decoration: none !important; }
.button_cta_outline_w { background: transparent; border-color: var(--white); color: var(--white) !important;}
.button_cta_outline_w:hover { background: var(--white); color: var(--black) !important;}
.button_cta_outline_b { background: transparent; border-color: var(--black); color: var(--black) !important;}
.button_cta_outline_b:hover { background: var(--black) !important; color: var(--white) !important;}
.button_cta_w { background: var(--white); border-color: var(--white); }
.button_cta_w:hover { background: var(--blue); border-color: var(--blue); }
.button_cta_b { background: var(--black); border-color: var(--black); color: var(--white) !important; }
.button_cta_b:hover { background: var(--blue); border-color: var(--blue); color: var(--black) !important; }

.gform_wrapper * { border-radius: 0 !important; }
.gform_button.button { background: var(--black) !important; border-color: var(--black) !important; color: var(--white) !important; }
.gform_button.button:hover { background: var(--blue) !important; border-color: var(--blue) !important; color: var(--black) !important; }

p .button_cta, p .button_cta_outline_w, p .button_cta_outline_b, p .button_cta_w, p .button_cta_b { margin: 20px 0 0 0; }

/** below copied to wp-admin.css - END **/

/** general layout **/

.container { margin: 0 auto; width: 100%; padding: 0 24px; max-width: 2200px;       max-width: 1940px;          max-width: 1440px; }
.container_capped { /** max-width:1280px; **/ padding: 0 calc(76px + 24px); }
.container_capped_small { /** max-width: 1072px; **/ padding: 0 calc(76px + 24px + 106px); }

input, textarea, .accordion_heading img, .insights_grid li article, .accordion_heading, .post_share ul, .cases_scroller ol li article, .cases_scroller ol li article *, #header_main .main_menu_sub, #header_search, #mobile_menu, #modal_holder,       #header_main, .pupillage-video_toggle { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }

a.view-article { display: none; }

.clear { clear: both; }
.float_left, .alignleft { float: left; margin: 5px 35px 10px 0; }
.float_right, .alignright { float: right; margin: 5px 0 10px 35px; }
.alignnone { display: block; margin: 15px 0 47px 0; }
.no_padding { padding: 0; }

.embed-container { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; /* 16x9 Aspect Ratio */  max-width: 100%; height: auto; }
.embed-container-4x3 { padding-bottom: 75%; /* 4x3 Aspect Ratio */ }
.embed-container-square { padding-bottom: 100%; }
.embed-container-mobile { padding-bottom: 132%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
    .embed-container-wrapper { margin-top: 20px; margin-bottom: 40px; }

.disable_select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.pag_nav { display: block; clear: both; text-align: center; }
.pag_nav a { text-decoration: none; }

/** general form styles **/

form { margin: 0; }

input { outline: none !important; }
input, select, textarea { font: inherit;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
input.text, select, textarea,  .sf-field-search input { padding: 14px 0; width: 100%; margin: 0; border: none; border-bottom: 1px solid var(--black); outline: none; }
select { /** min-height: 43px; padding: 0 10px; **/ }
label {  }
input.text, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

::-webkit-input-placeholder { color: var(--black) !important; }
:-moz-placeholder { /* Firefox 18- */ color: var(--black) !important; }
::-moz-placeholder {  /* Firefox 19+ */ color: var(--black) !important; }
:-ms-input-placeholder { color: var(--black) !important; }

#header_search input::-webkit-input-placeholder { color: rgba(0,0,0,0.4) !important; }
#header_search input:-moz-placeholder { color: rgba(0,0,0,0.4) !important; }
#header_search input::-moz-placeholder { color: rgba(0,0,0,0.4) !important; }
#header_search input:-ms-input-placeholder { color: rgba(0,0,0,0.4) !important; }

.sf-field-search input { background: url(/wp-content/themes/11kbw/images/icon-search-b.svg) 0 50% no-repeat; padding-left: 32px;}

/** contact form **/

.form_list { margin: 0 auto; padding: 0; list-style: none; list-style-image: none; /** max-width: 380px;  **/ }
.form_list li { margin: 0; padding: 0 0 19px 0; display: block; }
.form_list li label {  }
.form_list li .text, .form_list li textarea, .form_list li select { width: 100%; display: block; }
.form_list li .text.wpcf7-not-valid { border-color: #E30428 !important; }
.form_list li textarea { height: 120px; }
.form_list li.form_button { padding: 0; }
.form_list li.form_button input {  }

.form_list li select, .searchandfilter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; background: url(/wp-content/themes/11kbw/images/arrow-down-select.svg) calc(100% - 7px) 50% no-repeat; padding-right: 30px; }
.form_list li select::-ms-expand, .searchandfilter select::-ms-expand { display: none; }

.dark .searchandfilter select { background-image: url(/wp-content/themes/11kbw/images/arrow-down-select-w.svg); border-color: var(--light-grey); background-position: 100% 50%; }
.dark .searchandfilter select option { background: var(--black); color: var(--white);}

.wpcf7-not-valid-tip { display: block; padding: 5px 0 0 0;  display: none !important; }
.wpcf7-not-valid-tip, .wpcf7-not-valid-tip * {  }
form.invalid .wpcf7-not-valid { /** background: #fbe122;  border: 1px solid #fbe122; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; **/ }

.wpcf7 form .wpcf7-response-output { clear: both; border: none; margin: 0; color: #269FC7; padding: 20px 0 0 0; text-align: left; font-weight: bold; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #E10600; font-weight: bold; }

.form-hidden-fields { display: none !important; }
.ajax-loader { display: none !important; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
    -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;  padding: 0; margin: 0; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;  padding: 0; margin: 0; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/** all slick arrows sit at the top apart from on cases **/

.slick-arrow { z-index: 10; z-index: 3; position: absolute; /**bottom: -75px; **/ top: -75px; right: 0; background: url(/wp-content/themes/11kbw/images/arrow-left-scroller.svg) center no-repeat var(--white); border: none; outline: none; text-indent: -9999px; width: 40px; height: 40px; cursor: pointer;  transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-arrow:hover { background-color: var(--blue); }
.slick-prev.slick-arrow { right: 40px; }
.slick-next.slick-arrow { background-image: url(/wp-content/themes/11kbw/images/arrow-right-scroller.svg); background-color: var(--blue); }
.slick-next.slick-arrow:hover { background-color: var(--white);}
.slick-prev.slick-arrow.slick-disabled {  }
.slick-next.slick-arrow.slick-disabled {  }

    .single-barristers .builder_insights .slick-arrow { bottom: auto; /** top: -75px; **/ background-color: var(--light-grey); }
    .single-barristers .builder_insights .slick-arrow:hover { background-color: var(--blue);}
    .single-barristers .builder_insights .slick-next.slick-arrow { background-color: var(--blue); }
    .single-barristers .builder_insights .slick-next.slick-arrow:hover { background-color: var(--light-grey); }

    .cases_scroller .slick-arrow { right: 89px; right: 10px; top: auto; bottom: -75px; }
    .cases_scroller .slick-prev.slick-arrow { right: 129px; right: 50px; }
    .single-expertise .cases_scroller .slick-arrow { right: 89px; }
    .single-expertise .cases_scroller .slick-prev.slick-arrow { right: 129px; }

    .builder_people_testimonials_scroller .slick-arrow { top: auto; bottom: -50px; right: 50%; margin-right: -45px; background-color: var(--white); border: 1px solid var(--white); }
    .builder_people_testimonials_scroller .slick-prev.slick-arrow { margin-left: -45px; margin-right: 0; }
    .builder_people_testimonials_scroller .slick-arrow:hover { background-color: transparent;}

.slick-dots { margin: 0; padding: 35px 0 0 0; list-style: none; list-style-image: none; display:flex; align-items:center; justify-content:center; gap: 14px; }
.slick-dots li { margin: 0; padding: 0 !important; width: auto !important; float: none !important; line-height: 7px; }
.slick-dots li button { cursor: pointer; background: rgba(255,255,255,0.3); text-indent: -9999px; outline: none; border: none; padding: 0; width: 10px; height: 10px; line-height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-dots li button:hover, .slick-dots li.slick-active button { background: var(--cian); }


.wobble { -webkit-animation: wobble 2.5s ease-out; -webkit-animation-iteration-count: infinite; }
@-webkit-keyframes wobble {
    0% {-webkit-transform: translate3d(0, 0, 0); }
    50% {-webkit-transform: translate3d(0, -10px, 0); }
    100% {-webkit-transform: translate3d(0, 0, 0); }    
}

    .hamburger { padding: 0; display: flex; justify-content: flex-end; width: 36px; gap: 0 10px; align-items: center; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;  display: none; }
    .hamburger:hover { /** opacity: 0.7; **/ }
    .hamburger.is-active {  }

    .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; }

    .hamburger-inner { display: block; top: 50%; margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 1px; background-color: var(--white); border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
    .hamburger-inner::before { top: -10px; }
    .hamburger-inner::after { bottom: -10px; }

    .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
    .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

    .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
    .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


/** header **/

#header_main { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background: var(--black); padding: 17px 0 19px 0;}
#header_main #header_main_l *, #header_main #header_main_r * { color: var(--white);}
#header_main a { text-decoration: none;}
#header_main a:hover { text-decoration: underline;}
#header_main .container { display: flex; justify-content: space-between; gap: 24px 24px; }
#header_main #logo_11kbw { display: block; line-height: 7px; width: 36px;}
#header_main #header_main_l { display: flex; gap: 10px 40px; }
#header_main #header_main_l nav { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0 0 0; margin-bottom: -11px;}
#header_main #header_main_l nav ul, #header_main #header_main_r { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; gap: 5px 30px; }
#header_main #header_main_l nav ul li, #header_main #header_main_r li { margin: 0; padding: 0; font-size: 0.875rem; line-height: 100%; font-weight: 500; font-weight: 400; }
#header_main #header_main_l nav ul li a:hover, #header_main #header_main_l nav ul li a.active, #header_main #header_main_l nav ul li.current-menu-item a, #header_main #header_main_l nav ul li.current-post-ancestor a, #header_main #header_main_l nav ul li.current-menu-ancestor a,
.single-barristers #header_main #header_main_l nav ul .menu-item-object-barristers a,
.post-type-archive-staff #header_main #header_main_l nav ul .menu-item-object-barristers a,
.single-staff #header_main #header_main_l nav ul .menu-item-object-barristers a { color: var(--light-grey); text-decoration: underline;}
#header_main #header_main_l nav p { padding: 0; font-size: 0.688rem; line-height: 16px; color: var(--light-grey-figma); }
#header_main #header_main_l nav p * { color: var(--light-grey-figma); }
#header_main #header_main_l nav ul ul { display: none;}
.home #header_main #header_main_l nav p { display: none;}

#header_main #header_main_r { padding: 3px 0 0 0;}
#header_main #header_main_r li { font-size: 0.813rem; line-height: 100%;}
#header_main #header_main_r li a { padding-top: 10px; padding-bottom: 10px;}
#header_main #header_main_r li.menu_search a { display: block; margin-top: -10px; width: 44px; text-indent: -9999px; overflow: hidden; background: url(/wp-content/themes/11kbw/images/icon-search-w.svg) center no-repeat;}

@media all and (min-width : 1081px) {
    #header_main #header_main_r li { padding: 7px 0 0 0; }
    #header_main #header_main_r li:nth-child(2) { padding: 0; }
    #header_main #header_main_r li:nth-child(2) a { margin-top: -7px; /** font-weight: 400; **/ }
}

#header_main .main_menu_sub {position: absolute; width: 100%; top: 100%; opacity: 0; pointer-events: none; visibility: hidden; z-index: -1; background: var(--blue); padding: 50px 0; padding: 20px 0;     -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12); }
#header_main .main_menu_sub.open { opacity: 1; pointer-events: auto; visibility: visible; z-index: 5;}
#header_main .main_menu_sub * {  }
#header_main .main_menu_sub .container > .sub-menu { width: 100%; margin: 0; padding: 0; list-style: none; list-style-image: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 40px; gap: 10px 40px; }
#header_main .main_menu_sub .container > .sub-menu li { margin: 0; padding: 0; font-weight: 500; font-weight: 400; line-height: 150%; }
#header_main .main_menu_sub .container > .sub-menu li .main_menu_sub_toggle { display: flex; align-items: center; gap: 0 10px; }
#header_main .main_menu_sub .container > .sub-menu li .main_menu_sub_toggle img { transition: transform 0.3s ease; }
#header_main .main_menu_sub .container > .sub-menu li .main_menu_sub_toggle.open img { transform: rotate(180deg); }
#header_main .main_menu_sub .container > .sub-menu li .sub-menu { list-style: none; list-style-image: none; margin:0; padding:10px 0 0 0; display: flex; flex-direction: column; gap: 10px 0; }
#header_main .main_menu_sub .container > .sub-menu li .sub-menu li { margin: 0; padding: 0; font-weight: 400; display: flex; }
#header_main .main_menu_sub .container > .sub-menu li .sub-menu li:before { content: "–"; width: 12px; display: block; }

#header_search, #mobile_menu { position: absolute; width: 100%; top: 100%; opacity: 0; pointer-events: none; visibility: hidden; z-index: -1; background: var(--white);         -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12); }
#header_search.open, .open-menu #mobile_menu { opacity: 1; pointer-events: auto; visibility: visible; z-index: 5;}
#header_search label, #header_search input[type="submit"] { display: none;}

#header_main .js-anchor { display: none; }
#mobile_menu { background: var(--blue); display: flex; flex-wrap: wrap;             position: fixed; top: 96px; max-height: calc(100svh - 96px); overflow: auto; }
#mobile_menu #header_search { position: static; opacity: 1; pointer-events: auto; pointer-events: none; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.open-menu #mobile_menu #header_search { pointer-events: auto; }
#mobile_menu #header_search .container { padding: 0 24px; }
#mobile_menu > nav { width: 29.5%; border-right: 1px solid var(--white); }
#mobile_menu #mobile_menu_subs { width: 70.5%; }
#mobile_menu > nav #breadcrumbs { display: none; }
#mobile_menu > nav ul { margin: 0; padding: 24px; list-style: none; list-style-image: none; display: flex; flex-direction: column; gap: 13px 0;}
#mobile_menu > nav ul li { margin: 0; padding: 0; font-weight: 500; line-height: 150%; }
#mobile_menu > nav ul li a.active { text-decoration: underline;}
#header_main #mobile_menu #mobile_menu_subs .main_menu_sub { position: static; opacity: 1; pointer-events: auto; visibility: visible; padding: 24px; display: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#header_main #mobile_menu #mobile_menu_subs .main_menu_sub.open { display: block;}
#header_main #mobile_menu #mobile_menu_subs .main_menu_sub .container { padding:0;}
#header_main #mobile_menu #mobile_menu_subs .main_menu_sub .container > .sub-menu { display: flex; flex-direction: column; gap: 13px 0; }
#header_main #mobile_menu #mobile_menu_subs .main_menu_sub .container > .sub-menu li .sub-menu { padding: 13px 0 0 0; gap: 13px 0; }

.home:not(.scrolling):not(.open-menu) #header_main { background: transparent; }

#section_main { padding: 104px 0 0 0; padding: 96px 0 0 0;      /** overflow: hidden; **/ }

#header_mainxx, #section_main, #site_footer { max-width: 1940px; margin: 0 auto; }

.home #section_main { padding: 0;               max-width: 100%;}

.builder { padding: 80px 0; }
.builder_no_pad_top { padding-top: 0 !important;}
.builder_no_pad_base { padding-bottom: 0 !important;}
.builder_no_pad { padding: 0 !important;}

/** expertise **/

/** banner **/

.banner_expertise { background: var(--black);   background: var(--blue);}
.banner_expertisexx *, .builder_info.dark * { color: var(--white);}
.banner_expertise .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;         padding-right: 0;}
.banner_expertise_heading { width: 42.3%; padding: 35px 130px 35px 0;          width: 46.6%; }
.banner_expertise_img { width: 57.7%; line-height: 7px; position: relative;     width: 53.4%; }
.banner_expertise_img > img { width: 100%; height: auto; /** filter: grayscale(1); **/ }
.banner_expertise_heading h1 { padding: 0; font-size: 2.438rem; }
    .single-post .banner_expertise_img > img { object-fit: cover; object-position: center;           object-position: 50% 10%; max-height: 500px;}

.banner_expertise_testimonials { position: absolute; bottom: -65px; right: 0; width: 65%; max-width: 416px; background: rgba(217, 217, 217, 0.9); background: rgba(195, 233, 235, 0.9); padding: 30px;}
.banner_expertise_testimonials  > p { padding: 0 0 11px 0;}
.banner_expertise_testimonials blockquote * { color: var(--black);}
.banner_expertise_testimonials blockquote, .testimonials_box blockquote { display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.banner_expertise_testimonials blockquote p, .testimonials_box blockquote p { font-weight: 600; padding: 0 !important; font-size: 1.563rem !important; font-size: 1.313rem !important; line-height: 130% !important; width: 100%; }
.banner_expertise_testimonials blockquote cite { width: 100%; display: block; padding: 25px 0 0 0; font-weight: 600; font-size: 0.625rem; line-height: 150%; letter-spacing: 0.04em; text-transform: uppercase; }
.banner_expertise_testimonials .slick-track, .testimonials_box .slick-track { display: flex !important; }
.banner_expertise_testimonials .slick-slide, .testimonials_box .slick-slide { height: inherit !important; }
.banner_expertise_testimonials .slick-dots, .testimonials_box .slick-dots { padding: 17px 0 0 0; }
.banner_expertise_testimonials .testimonials_box { margin: 0; padding: 0; list-style: none; list-style-image: none;}
.banner_expertise_testimonials .testimonials_box li { margin: 0; padding: 0;}
/** .banner_expertise_testimonials .testimonials_box:not(.slick-slider) { opacity: 0; height: 163px;} **/
.banner_expertise_testimonials .testimonials_box:not(.slick-slider) li { display: none;}
.banner_expertise_testimonials .testimonials_box:not(.slick-slider) li:first-child { display: block;}

/** intro panel (expertise and posts) **/

.builder_info.dark { background: var(--black);}
.builder_info .container { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 55px 0; margin-bottom: -15px;      align-items: flex-start; }
    .single-expertise .builder_info .container { padding-bottom: 25px !important; margin-bottom: 0; }
.builder_info_left { width: 67.5%; padding: 0 98px 0 0;}
    .builder_info_left.builder_info_wide { width: 100% !important; padding: 0 !important;}
.builder_info_right { width: 32.5%; border: 1px solid var(--blue); padding: 24px 22px 14px 22px; }
.builder_info_right > p:first-of-type { padding: 0 0 15px 0; line-height: 7px;}
.builder_info_right ul:not(.slick-dots) { margin: 0; padding: 0; list-style: none; list-style-image: none;     /** min-height: 160px; **/ display: flex; flex-direction: column; justify-content: space-between;}
.builder_info_right ul li { margin: 0; padding:0; }
.builder_info.dark .builder_info_right ul li * { color: var(--blue) !important;}
.builder_info_right ul li p { font-weight: 600; /** letter-spacing: -0.01em; **/ font-size: 1.125rem; line-height: 150%; padding: 0 0 5px 0;        min-height: 95px;}
.builder_info_right ul li cite { font-weight: 600; letter-spacing: 0.04em; font-size: 0.75rem; line-height: 20px; display: block;       padding: 25px 0 0 0; font-size: 0.625rem; line-height: 150%; text-transform: uppercase;  }
.builder_info_right .slick-dots, .banner_expertise_testimonials .slick-dots { gap: 0 9px; justify-content: flex-start;}
.builder_info_right .slick-dots li button, .banner_expertise_testimonials .slick-dots li button { width: 6px; height: 6px; }
.builder_info.dark .builder_info_right .slick-dots li button:hover, .builder_info.dark .builder_info_right .slick-dots li.slick-active button, .banner_expertise_testimonials .slick-dots li button:hover, .banner_expertise_testimonials .slick-dots li.slick-active button { background: rgba(255,255,255,1); }
.builder_info:not(.dark) .builder_info_right .slick-dots li button, .banner_expertise_testimonials .slick-dots li button { background: var(--mid-grey); }
.builder_info:not(.dark) .builder_info_right .slick-dots li button:hover, .builder_info:not(.dark) .builder_info_right .slick-dots li.slick-active button { background: var(--light-grey); }

.builder_info_right.builder_info_right_people { padding: 30px; }
.builder_info_right.builder_info_right_people p { color: var(--mid-grey);       font-weight: 500; }
.builder_info_right.builder_info_right_people:not(.builder_info_right_people_v2) ul { min-height: unset; gap: 8px 0; }
.builder_info_right.builder_info_right_people:not(.builder_info_right_people_v2) ul li { font-weight: 600; font-size: 1.188rem; line-height: 28px; }
.builder_info_right.builder_info_right_people ul li a { text-decoration: none; }
.builder_info_right.builder_info_right_people ul li a:hover { text-decoration: underline;}
.builder_info_right.builder_info_right_people p.post_event_link { padding: 40px 0 0 0; }
.builder_info_right.builder_info_right_people p.post_event_link a { display: block;}

.builder_info_right.builder_info_right_people.builder_info_right_people_v2 ul { min-height: unset; margin: 0 -30px -30px -30px; }
.builder_info_right.builder_info_right_people.builder_info_right_people_v2 ul li { font-weight: 600; border-top: 1px solid var(--light-grey); }
.builder_info_right.builder_info_right_people.builder_info_right_people_v2 ul li:nth-child(1) { border: none;}
.builder_info_right.builder_info_right_people.builder_info_right_people_v2 ul li a { display: block; padding: 7px 60px 7px 30px; background: url(/wp-content/themes/11kbw/images/arrow-right-green.svg) calc(100% - 20px) 50% no-repeat;}

.post_content h2, .post_content h3 { padding: 25px 0 15px 0; font-size: 0.938rem; }
.post_content > *:first-child { padding-top: 0;}

.single-post .builder_info .container .builder_info_right { position: sticky; top: 150px; }

.builder_info_right ul li cite img, .banner_expertise_testimonials blockquote cite img { rotate: 180deg; margin: 0 0 0 auto; opacity: 0; transition: all .1s ease; -o-transition: all .1s ease; -moz-transition: all .1s ease; -webkit-transition: all .1s ease; }
.builder_info_right ul li.slick-current cite img, .banner_expertise_testimonials .slick-current blockquote cite img { opacity: 1; }
.builder_info_right ul li p img { margin: 0 0 15px 0; opacity: 0; transition: all .1s ease; -o-transition: all .1s ease; -moz-transition: all .1s ease; -webkit-transition: all .1s ease; }
.builder_info_right ul li.slick-current p img { opacity: 1; }

/** intro panel v2 (expertise new version) **/

.builder_info_v2 { overflow: hidden;        background: var(--white);}
.builder_info_v2 .container_capped_small { padding-right: calc(76px + 24px);}
.builder_info_v2_left { width: 66%; padding: 0 145px 0 0;       margin-top: -25px; }
.builder_info_v2_right { width: 34%; padding: 25px 0 0 0; }
.builder_info_right_accreditations { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; gap: 40px; gap: 38px;     justify-content: center;}
.builder_info_right_accreditations li { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.builder_info_right_accreditations li img { width: 100%; height: auto; max-height: 127px; max-height: 110px; max-width: 200px; object-fit: contain; object-position: center;}

.builder_info_v2 p .button_cta, .builder_info_v2 p .button_cta_outline_w, .builder_info_v2 p .button_cta_outline_b, .builder_info_v2 p .button_cta_w, .builder_info_v2 p .button_cta_b { margin: 40px 0 0 0; }

/** intro panel v2 cases **/

.cases_scroller ol {list-style: none; list-style-image: none; padding: 0; margin: 0 -10px; }
.cases_scroller ol li { margin: 0; padding: 0 10px; }
.cases_scroller ol li article { position: relative; padding: 20px; border-top: 2px solid var(--blue); height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.cases_scroller ol li article h3 { font-size: 1.188rem; line-height: 137%; /** letter-spacing: -0.02em; **/ padding: 2px 0 0 0; }
.cases_scroller ol li article p { padding: 15px 0 0 0; color: var(--light-grey) !important; /** letter-spacing: -0.02em; **/ }
.cases_scroller ol li article p.heading_label { padding: 0; color: var(--mid-grey) !important; }
.cases_scroller ol li article p.post_excerpt, .cases_scroller ol li article .post_excerpt_cases p { line-height: 147%;}
.cases_scroller ol li article p.post_case_info { font-weight: 500; font-size: 0.75rem; line-height: 170%; }
.cases_scroller ol li article p.post_case_info em { color: var(--mid-grey) !important; display: block; font-style: normal; font-size: 0.625rem; letter-spacing: 0.18em; line-height: 170%; /* text-transform: uppercase; */ padding: 2px 0 0 0; }
.cases_scroller ol li article:hover { background: var(--light-grey); border-color: var(--light-grey);       background: var(--blue); border-color: var(--blue);}
.cases_scroller ol li article:hover * { color: var(--black) !important;}

.accordion_info .cases_scroller ol li article p.post_case_info { padding: 3px 0 0 0;}
.accordion_info .cases_scroller ol li article p.post_excerpt, .cases_scroller ol li article .post_excerpt_cases p { padding: 11px 0 0 0;}

.cases_scroller .slick-list { overflow: visible;}
.cases_scroller .slick-track { display: flex !important; }
.cases_scroller .slick-slide { height: inherit !important; }

.single-expertise .cases_scroller { padding: 32px 20px 80px 20px; }

    .builder_info_v2 .cases_scroller article * { color: var(--black) !important;}

    @media all and (min-width : 671px) {
        /**
        .single-expertise .cases_scroller ol li article:not(:hover) { background: var(--light-grey); border-color: var(--light-grey); }
        .single-expertise .cases_scroller ol li article:not(:hover) * { color: var(--black) !important;}
        **/
        .cases_scroller ol li article:not(:hover) { background: #f2f2f2; }
    }

.profile_download_cv { padding: 0 0 70px 0; }
.cases_scroller .profile_download_cv { padding: 15px 110px 0 0; }

/** submenu panel (expertise old design, not used at the moment: now used on pupillage) **/

.builder_submenu { background: var(--white); }
.builder_submenu_blue { background: var(--blue);}
.builder_submenu_black { background: var(--black);}

.builder_submenu h2, .builder_submenu_v2 h2, .builder_submenu_v2 .h2_styler, .builder_cases h2, .builder_insights h2, .builder_barristers h2, .builder_people_expertise h2 { font-size: 2.063rem; /*** line-height: 135%; ***/ /** letter-spacing: -0.0125em; **/ }
.builder_submenu ul, .builder_submenu_v2 ul { margin: 0; padding: 0; list-style: none; list-style-image: none; /* display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; */         column-count: 2; column-gap: 24px; }
.builder_submenu ul li { margin: 0; padding: 0; border-bottom: 1px solid var(--mid-grey); font-size: 1.313rem; font-size: 1.125rem; line-height: 130%;      break-inside: avoid; }
/* .builder_submenu ul li:nth-child(1), .builder_submenu ul li:nth-child(2) { border-top: 1px solid var(--mid-grey); } */

/* Mimics a top border on both columns, skipping the 24px gap */
.builder_submenu ul {
    background-image: linear-gradient(
        to right, 
        var(--mid-grey) calc(50% - 12px), 
        transparent calc(50% - 12px), 
        transparent calc(50% + 12px), 
        var(--mid-grey) calc(50% + 12px)
    );
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

.builder_submenu ul li a { display: flex; height: 100%; text-decoration: none; padding: 20px 0 20px 50px; padding: 15px 0 15px 50px; color: var(--black); background: url(/wp-content/themes/11kbw/images/arrow-right.svg) 10px 21px no-repeat; background-position: 10px 16px; background-size: 25px auto; }
.builder_submenu ul li a:hover { background-position: 15px 21px; background-position: 15px 16px; padding-left: 55px; }

.page-template-template-pupillage .builder_submenu h2 { padding: 0 0 15px 0;}

.builder_submenu_blue.builder_submenu ul li a { background-image: url(/wp-content/themes/11kbw/images/arrow-right-black.svg); }
.builder_submenu_black.builder_submenu ul li a { background-image: url(/wp-content/themes/11kbw/images/arrow-right-blue.svg); }
.builder_submenu_black.builder_submenu * { color: var(--white);}

/** submenu panel v2 **/

.builder_submenu_v2 .container { display: flex; flex-wrap: wrap; gap: 25px 0;}
.builder_submenu_v2 { background: var(--light-grey);        background: var(--white); }
.builder_submenu_v2 h2, .builder_submenu_v2 .h2_styler { padding: 0 40px 0 0; width: 32.3%; }
.builder_submenu_v2 nav { padding: 0; width: 67.7%;}
.builder_submenu_v2 ul li { margin: 0; padding: 0; font-weight: 500; font-size: 1.063rem; line-height: 26px;        break-inside: avoid;}
.builder_submenu_v2 ul li a, .builder_submenu_v2 ul li span { display: block; height: 100%; padding: 6px 0 6px 20px; border-left: 1px solid var(--white); text-decoration: none;        border-color: var(--blue);}
.builder_submenu_v2 ul li a:hover { text-decoration: underline;}

.builder_submenu_v2_blue { background: var(--blue);}
.builder_submenu_v2_blue ul li a, .builder_submenu_v2_blue ul li span { border-color: var(--white); }

/** notable cases (not used on expertise anymore, old design) **/

.builder_cases { background: var(--black);}
.builder_cases:not(.builder_cases_blue):not(.builder_pupillage_faq) * { color: var(--white);}
.builder_cases article { border-bottom: 1px solid var(--mid-grey); }
.builder_cases article:first-of-type { border-top: 1px solid var(--mid-grey); }
.accordion_heading { font-size: 1.313rem; line-height: 130%; /** letter-spacing: -0.005em; **/ padding: 16px 0 16px 0; display: flex; align-items: flex-start; font-weight: 400; font-weight: 500; cursor: pointer;     justify-content: space-between;     align-items: center; gap: 10px 30px;  }
.accordion_heading span { flex-grow: 1; display: flex; align-items: center; cursor: pointer; }
.accordion_heading img { margin: 0 13px 0 13px; }
.accordion_heading.open img { transform: rotate(45deg); }
.accordion_heading:hover { color: var(--blue);}
.accordion_info { display: none; padding: 0 0 0 50px;}

.builder_cases_blue { background: var(--blue);}
.builder_cases_blue .accordion_heading:hover { color: var(--black); }

/** variation of the above for people **/

.builder_people_expertise_accordion { padding-bottom: 20px; }
.builder_people_expertise_accordion > article { border-bottom: 1px solid var(--mid-grey); }
.builder_people_expertise_accordion > article:first-of-type { border-top: 1px solid var(--mid-grey); }
.builder_people_expertise_accordion .accordion_heading { cursor: default; }
.builder_people_expertise_accordion .accordion_heading span {  }
.builder_people_expertise_accordion .accordion_heading .button_shortlist { font-size: 0.875rem; min-width: 105px; text-align: left; color: var(--blue) !important; }
.builder_people_expertise_accordion .accordion_heading.open img,   .builder_cases.builder_cases_blue .accordion_heading.open img { transform: rotate(180deg); }
.builder_people_expertise_accordion .accordion_info { /* display: block; */ padding: 0; }
.builder_people_expertise_accordion .accordion_info .builder_info { padding: 37px 0 53px 0; }
.builder_people_expertise_accordion .cases_scroller { padding: 43px 0 120px 0; padding-bottom: 70px;}

/** change to above to make white bkg on profiles (stays on black in shortlist) **/

.single-barristers .builder_people_expertise { background: var(--white); }
.single-barristers .builder_people_expertise * { color: var(--black) !important;}
.single-barristers .builder_people_expertise_accordion .accordion_heading .button_shortlist { color: var(--black) !important; background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-light.svg); }
.single-barristers .builder_people_expertise_accordion .accordion_heading .button_shortlist.active { background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-light-filled.svg); }
.single-barristers .builder_people_expertise .button_cta:hover { background: var(--black); color: var(--blue) !important; }

/** testimonial (old expertise design - not used) **/

/**

.builder_testimonials { background: var(--light-grey); text-align: center; }
.builder_testimonials .container > p { padding: 0 0 12px 0;}
.builder_testimonials ul { margin: 0 auto; padding: 0; list-style: none; list-style-image: none; max-width: 745px;}
.builder_testimonials ul li { margin: 0; padding:0; }
.builder_testimonials ul li blockquote p { padding: 0; font-weight: 500; font-size: 2.063rem; line-height: 136%; /** letter-spacing: -0.01em; **/ /** }
.builder_testimonials ul li blockquote cite { display: block; padding: 24px 0 0 0; font-weight: 500; font-size: 0.625rem; line-height: 100%; letter-spacing: 0.18em; text-transform: uppercase; }
.builder_testimonials .slick-dots { padding: 37px 0 0 0; gap: 0 9px;}
.builder_testimonials .slick-dots li button { width: 6px; height: 6px; background: #767676; }
.builder_testimonials .slick-dots li button:hover, .builder_testimonials .slick-dots li.slick-active button { background: rgba(255,255,255,1); }

**/

/** insights grid **/

.builder_insights { background: var(--black);       overflow: hidden;}
.builder_insights h2 { color: var(--white); padding-right: 110px;}
.builder_insights h2 span { color: var(--blue);}
.builder_insights_cta { padding: 30px 100px 0 0;            text-align: right; padding-right: 0;}
.builder_insights_cta .button_cta_outline_w { margin-top: 0;}

    .single-barristers .builder_insights { background: var(--white);}
    .single-barristers .builder_insights h2 { color: var(--black);}
    .single-barristers .builder_insights_cta { display: none; }

    .builder_insights_heading { display: flex; border-top: 1px solid var(--white); justify-content: space-between; align-items: flex-end; padding: 25px 0; gap: 30px; flex-wrap: wrap;}
    .builder_insights_heading h2 { padding: 0; font: 2.063rem / 110% var(--dmserifdisplay); letter-spacing: -0.01em;}
    .builder_insights_heading .button_cta { min-width: 150px; padding: 11px 26px; }

.insights_grid { margin: 0; padding: 0; list-style: none; list-style-image: none;}
.insights_grid li { margin: 0; padding: 0;}
.insights_grid li article { background: var(--blue); position: relative; height: 100%; }
.insights_grid li article:hover { background: var(--white);     background: var(--light-grey); }
    .single-barristers .insights_grid li article:hover { background: var(--light-grey);}
.insights_grid li article .post_img { line-height: 7px; padding: 0; overflow: hidden; }
.insights_grid li article .post_img img { width: 100%; height: 186px; object-position: center; object-fit: cover; transition: transform 0.3s ease;      object-position: 50% 10%; }
    .insights_grid li article.search-people .post_img img { object-position: 50% 10%; }
.insights_grid li article:hover .post_img img { transform: scale(1.1); }
.insights_grid li article .post_info { padding: 20px; }
.insights_grid li article .post_info h3,    .insights_grid li article .post_info h2 { font-weight: 500; font-size: 1.188rem; font-size: 1rem; line-height: 26px; line-height: 135%; font-weight: 400; /** letter-spacing: -0.02em; **/ padding: 0; }
.insights_grid li article .post_info p.heading_label { color: var(--black) !important; padding: 0 0 5px 0;}
.insights_grid li article .post_info p:not(.heading_label) { padding: 30px 0 0 0; padding: 15px 0 0 0; }
    .insights_grid li article p.post_excerpt.post_excerpt_crop { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.insights_grid li article a.post_link_full, .cases_scroller ol li article a.post_link_full { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}

.insights_grid.insights_grid_scroller { margin: 0 -1px; }
.insights_grid.insights_grid_scroller li { padding: 0 1px; }
.insights_grid.insights_grid_scroller .slick-list { overflow: visible;}
.insights_grid.insights_grid_scroller .slick-track { display: flex !important; }
.insights_grid.insights_grid_scroller .slick-slide { height: inherit !important; }

.insights_grid:not(.insights_grid_scroller) { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.insights_grid:not(.insights_grid_scroller) li article { /** background: var(--light-grey); **/ }
.insights_grid:not(.insights_grid_scroller) li article .post_img img { height: 244px;}
.insights_grid:not(.insights_grid_scroller) li article .post_info { padding: 30px; }
.insights_grid:not(.insights_grid_scroller) li article .post_info h3, .insights_grid:not(.insights_grid_scroller) li article .post_info h2 { font-weight: 600; font-size: 1.563rem; line-height: 33px; font-size: 1.263rem; line-height: 24px; line-height: 130%;    font-size: 1.463rem; font-size: 1.2rem; font-weight: 500;  font-size: 1.2rem; font-family: var(--inter); ; }

/** accreditaions (old design, not used anymore **/

/**

.builder_accreditations { background: var(--black);}
.builder_accreditations ul { margin: 0 auto; padding: 0; max-width: 1046px; list-style: none; list-style-image: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 96px; }
.builder_accreditations ul li { margin: 0; padding: 0; line-height: 7px; }
.builder_accreditations ul li img { height: 188px; width: auto; }

**/

/** barristers **/

.builder_barristers { padding: 0;           background: var(--white);}
.builder_barristers .container { position: relative; }
@media all and (min-width: 891px) {
    .builder_barristers .container { min-height: 812px; }
}
.builder_barristers_flex_left { width: 66%; padding: 80px 68px 80px 0; min-height: 584px; }
.builder_barristers_flex_right { width: 34%; height: 100%; min-height: 584px; position: absolute; top: 0; right: 0; bottom: 0; background: var(--light-grey); display: flex; align-items: center; justify-content: center; }
.builder_barristers_flex_right > div { padding: 30px; }
.barrister_list { display: flex; border-bottom: 1px solid var(--black); padding: 15px 0;}
.barrister_list h3 { font-size: 1rem; line-height: 130%; padding: 0 30px 0 0; width: 25.7%; width: 24.7%;}
.barrister_list ol { width: 74.3%; width: 75.3%; margin: 0; padding: 0; list-style: none; list-style-image: none; /* display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 30px; gap: 4px 30px; */ column-count: 3; column-gap: 30px; margin: 0 0 -4px 0; }
.barrister_list ol li { margin: 0; padding: 0; line-height: 130%;   break-inside: avoid; page-break-inside: avoid; padding: 0 0 4px 0; }
.barrister_list ol li > a { text-decoration: none;}
.barrister_list ol li > a:hover, .barrister_list ol li.active > a { text-decoration: underline;}
.barrister_list ol li article { display: none; }
.profile_card { background: var(--light-grey); width: 100%;     background: var(--blue); }
.profile_card .profile_img {padding: 0; line-height: 7px; height: 50%;      height: 70%; }
.profile_card .profile_img img { width: 100%; height: 100%; object-fit: cover; object-position: center;     object-position: 50% 0; }
.profile_card .profile_info { padding: 35px; height: 50%; height: 30%;  display: flex; flex-direction: column;}
.profile_card .profile_info > div { width: 100%; display: flex; flex-direction: column; justify-content: space-around; flex-grow: 1; }
.profile_card .profile_info h4 { font-weight: 400; font-size: 1.563rem; line-height: 130%; /** letter-spacing: -0.0175em; **/ padding: 0 0 20px 0; }
.profile_stats, .profile_ctas { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; gap: 20px; }
.profile_stats li { padding: 0; margin: 0; font-size: 0.875rem; line-height: 120%; font-weight: 500; }
.profile_stats { padding-bottom: 30px;}
.profile_ctas { gap: 20px 70px; align-items: center; }
.profile_ctas li { padding: 0; margin: 0; }
.builder_barristers_more { padding: 42px 0 0 0;}
.builder_barristers_more .button_cta_outline_b { margin-top: 0; }

.builder_barristers_flex_right.open > div { display: none;}
.builder_barristers_flex_right .profile_card { height: 100%;}

/** insights listing **/

#insights_page { padding: 115px 0 80px 0; background: var(--white); }
#insights_page h1 { padding: 0 0 45px 0;}
#insights_page h1 span { color: var(--light-grey); color: var(--blue); }

.searchandfilter ul { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-wrap: wrap; gap: 0 11px;}
.searchandfilter ul li { margin: 0; padding: 0; }
.searchandfilter label { display: block;}
.searchandfilter select.sf-input-select { min-width: unset; color: var(--black);}
.searchandfilter h4 { padding: 0; font-size: inherit;}
.searchandfilter ul li li { padding: 0; line-height: 130%;}

#insights_page .searchandfilter ul { padding: 0 0 50px 0;}
/**
#insights_page .searchandfilter ul li { width: calc(22.22222222222222% - 13px); }
#insights_page .searchandfilter ul li.sf-field-search { flex-grow: unset; width: calc(33.33333333333333% + 6px); flex-grow: unset; padding-right: 40px; }
**/
#insights_page .searchandfilter ul { gap: 0 50px; justify-content: space-between;}
#insights_page .searchandfilter ul li { width: calc(33.33333333333333% - 33.33333333333333px); }

.category-events #insights_page .searchandfilter ul li { width: calc(50% - 25px); }

.wp-pagenavi { padding: 60px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px 18px; }
.wp-pagenavi a { text-decoration: none; color: var(--mid-grey);}
.wp-pagenavi a:hover { text-decoration: underline;}
.wp-pagenavi .current { color: var(--black);}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { background: url(/wp-content/themes/11kbw/images/arrow-pagination-right.svg) center no-repeat; text-indent: -9999px; overflow: hidden; width: 20px; }
.wp-pagenavi .previouspostslink { background-image: url(/wp-content/themes/11kbw/images/arrow-pagination-left.svg); }

#people_listing_flex .wp-pagenavi a { opacity: 0.5;}
#people_listing_flex .wp-pagenavi .current { opacity: 1; }
#people_listing_flex .wp-pagenavi .nextpostslink { background-image: url(/wp-content/themes/11kbw/images/arrow-pagination-right-w.svg); opacity: 1; }
#people_listing_flex .wp-pagenavi .previouspostslink { background-image: url(/wp-content/themes/11kbw/images/arrow-pagination-left-w.svg); opacity: 1; }

/** insights single **/

.banner_insights { min-height: 429px; display: flex; align-items: center; background: var(--light-grey); background: var(--blue); position: relative; }
.banner_insights h1 { padding: 0; }
.banner_insights img { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; height: 100%; object-fit: cover; object-position: center;           object-position: 50% 10%; }
.banner_insights_heading { width: 50%; padding: 0 100px 0 0;}
.banner_insights .heading_label,    .single-post .heading_label { color: var(--black) !important; }
.banner_insights_heading h1 { font-size: 2.438rem;}

            .banner_insights {min-height: unset; padding-top: 0; padding-bottom: 0; }
            .banner_insights .container { padding-top: 80px; padding-bottom: 80px;}
            @media all and (min-width : 951px) {
                .banner_insights { padding-right: calc(76px + 24px);}
            }
            .banner_insights img { position: static; height: auto; max-height: 500px; }
            .banner_insights_heading { width: 100%; padding: 0;}

.post_stats { font-weight: 500; font-size: 0.813rem; line-height: 170%; display: flex; /** flex-wrap: wrap; **/ justify-content: space-between; gap: 25px; padding: 0 0 50px 0;}
.post_stats p { padding: 0; }
.post_stats p span, .post_share span { color: var(--mid-grey);}
.post_stats p span em { font-style: normal; padding: 0 5px; }
.post_share span { display: flex; gap: 6px; align-items: center; cursor: pointer; }
.post_stats p span a { color: var(--mid-grey); text-decoration: none; }
.post_stats p span a:hover { text-decoration: underline;}
.post_share ul { margin: 0; padding: 15px; background: var(--light-grey); background: var(--blue); display: flex; flex-direction: column; gap: 6px 0; list-style: none; list-style-image: none; opacity: 0; visibility: hidden; position: absolute; border-top: 4px solid var(--white); z-index: -1; pointer-events: none;      width: 146px;}
.post_share ul li { margin: 0; padding: 0; line-height: 130%; }
.post_share ul li *, .people_nav .post_share ul li * { color: var(--black) !important;}
.post_share ul li a {  }
.post_share:hover ul { border-top: 8px solid var(--white); opacity: 1; visibility: visible; z-index: 2; pointer-events: auto;}

    .post_stats { width: 100%; padding: 0;      position: relative; z-index: 2;}

.post_content_embed { padding: 0 0 25px 0; }

/** people listings **/

.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); /* legacy */ clip-path: inset(50%); /* modern */ border: 0; white-space: nowrap; }

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none;}
input[type="search"]::-webkit-search-cancel-button { height: 1.25rem; width: 1.25rem; cursor: pointer;

  /* Option 1: data-URI SVG as background */
  background: no-repeat center/contain url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\<path d='M6 6l12 12M18 6L6 18' stroke='%23666' stroke-width='2' stroke-linecap='round'/>\</svg>");
}

#people_listing_keyword { background: var(--light-grey); background: var(--blue); position: sticky; top: 104px; top: 96px; z-index: 2; }
#filter_keyword_separate_holder input, #header_search input { background: url(/wp-content/themes/11kbw/images/icon-search-b.svg) left no-repeat; padding: 18px 0 18px 32px; border: none; outline: none; width: 100%; }

#people_grid_gap { display: block; height: 80px;}
#people_listing { position: relative;}
#people_listing_flex * { color: var(--white);}
#people_listing_flex { background: var(--black); padding: 55px 0 0 0;}
#people_listing_flex .container { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; position: relative;}
#people_listing_search { width: 19%; padding: 0 50px 0 0; position: sticky; top: 50px; top: 135px; }
#people_listing_results { width: 81%; }
#people_listing_search .searchandfilter h4 { padding: 0 0 8px 0; }
#people_listing_search .searchandfilter ul { flex-direction: column; gap: 35px 0; padding: 60px 0 0 0; }
    @media all and (min-width : 901px) {
        .post-type-archive-staff #people_listing_search .searchandfilter > ul { padding: 75px 0 0 0; }
    }
#people_listing_search .searchandfilter ul .sf-field-search { display: none;}
#people_listing_search .searchandfilter ul .sf-option-active label { text-decoration: underline;}
#people_listing_search .searchandfilter ul ul { padding: 0; gap: 12px 0; }
#people_listing_search .searchandfilter ul ul li input { display: none;}
#people_listing_search .searchandfilter li[data-sf-field-input-type=radio] label { padding: 0; cursor: pointer;}
#people_listing_search .searchandfilter select { padding-top: 10px; padding-bottom: 10px;}
#people_listing_results h2 { /**** font-weight: 400; ****/ font-size: 2.063rem; /*** line-height: 130%; ***/ /** letter-spacing: -0.022em; **/ padding: 0 0 36px 0; }
.people_grid { margin: 0; padding: 0 0 45px 0; list-style: none; list-style-image: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 55px; }
.people_grid li { padding: 0; margin: 0;}
.people_grid li article { position: relative; height: 100%;}
.people_grid .people_info { padding: 15px 18px 18px 18px; padding: 15px 10px 18px 10px; position: relative; bottom:0;  transition: all .6s ease; -o-transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; }
.people_grid .people_img { line-height: 7px; padding: 0;}
.people_grid .people_img img { width: 100%; height: auto;       height: 228px; object-fit: cover; object-position: 50% 0;}
.people_grid h3 { font-size: 1.188rem; line-height: 26px; /** letter-spacing: -0.02em; **/ padding: 0 0 8px 0; }
.people_grid ul { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-direction: column;}
.people_grid ul li { margin: 0; padding: 0; line-height: 145%;}
.people_grid .people_cta { padding: 0 18px 18px 18px; padding: 0 10px 10px 10px; position: absolute; bottom: 0; left: 0;right: 0; opacity: 0; visibility: hidden; height: 0; overflow: hidden;}
.people_grid .people_cta span { display: block; padding: 13px 20px; opacity: 0; transition: all 1.2s ease; -o-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -webkit-transition: all 1.2s ease; }
.people_grid li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
@media all and (min-width : 671px) {
    .people_grid li article:hover { background: var(--light-grey); background: var(--blue);}
    .people_grid li article:hover .people_cta { opacity: 1; visibility: visible; height: auto; }
    .people_grid li article:hover .people_info { bottom: 60px; background: var(--light-grey); background: var(--blue);}
    .people_grid li article:hover .people_info * { color: var(--black) !important;}
    .people_grid li article:hover .people_cta span { opacity: 1; }
}

    @media all and (min-width : 951px) and (max-width : 1400px) {
        .people_grid .people_cta span { font-size: 0.8rem; padding: 3px 13px; height: 44px; display: flex; align-items: center; justify-content: center; }
    }
    @media all and (max-width : 720px) {
        .people_grid .people_cta span { padding: 3px 13px; height: 44px; display: flex; align-items: center; justify-content: center; }
    }

/** people single **/

.banner_people { background: var(--blue); position: relative; }
.banner_people h1 { padding: 0 0 10px 0; }
.banner_people_info { /** height: 60svh; min-height: 606px; **/ min-height: 60svh; display: flex; flex-direction: column; justify-content: center; width: 50%; padding-right: 40px; }
.banner_people .profile_stats { padding-bottom: 22px;}
.banner_people .profile_stats li { font-size: 0.813rem; }
.banner_people .profile_contact { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-direction: column;}
.banner_people .profile_contact li { margin: 0; padding: 0; font-size: 0.875rem; font-weight: 600; }
.banner_people .profile_contact li a { text-decoration: none;}
.banner_people .profile_contact li a:hover { text-decoration: underline;}
.banner_people .banner_people_img { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; line-height: 7px;          right: 100px;}
.banner_people .banner_people_img img { width: 100%; height: 100%; object-fit: cover;           object-position: 50% 0;         object-fit: contain;}
.people_shortlist_profile { padding: 10px 0 0 0;}

.people_nav { background: var(--black); position: relative; z-index: 1;}
.people_nav *:not(.button_cta) { color: var(--blue) !important;     color: var(--white) !important; }
.people_nav .container > ul { /** border-bottom: 1px solid var(--mid-grey); **/ margin: 0; padding: 24px 0; list-style: none; list-style-image: none; display: flex; align-items: center; gap: 23px 26px; flex-wrap: wrap; }
.people_nav .container > ul > li { margin: 0; padding: 0; font-size: 0.875rem; line-height: 140%; }
.people_nav .container > ul > li > a:not(.button_cta) { display: flex; align-items: center; text-decoration: none; gap: 8px; }
.people_nav .container > ul > li > a:not(.button_cta):hover { text-decoration: underline;}
.people_nav .container > ul > li.people_nav_clerks { margin-left: auto;}
.people_nav .post_share ul { border-color: var(--black) !important;}

.people_more_toggle a { min-width: 156px;}
.people_more { display: none; padding: 20px 0 0 0;}

.builder_people_expertise { background: var(--black);               overflow: hidden; /** added for case scrollers **/ }
.builder_people_expertise * { color: var(--white);}

.builder_people_expertise h2 { color: var(--blue);}

.builder_people_expertise_accordion .builder_info .container { padding: 0 60px 0 106px; padding: 0 106px; margin-bottom: 0; }
.builder_people_expertise_accordion .builder_info .builder_info_right { border: none; border-left: 1px solid #767676; padding: 0 0 0 22px; }
.builder_people_expertise_accordion .builder_info .builder_info_right ul li p { min-height: unset;}
/** .builder_people_expertise_accordion .builder_info .builder_info_right * { color: var(--blue) !important;} **/

.builder_people_testimonials { background: var(--light-grey); background: var(--blue);}
.builder_people_testimonials ul { margin: 0 -30px; padding: 30px 0; list-style: none; list-style-image: none; display: flex; justify-content: center;           flex-wrap: wrap;}
.builder_people_testimonials ul li { margin: 0; padding: 0 30px; width: 50%; text-align: center;}
.builder_people_testimonials ul li p { font-weight: 500; font-size: 1.625rem; line-height: 131%; /** letter-spacing: -0.01em; **/ padding: 0 0 10px 0; }
.builder_people_testimonials ul li p:first-of-type img { margin: 0 auto; display: inline-block; }
.builder_people_testimonials ul li cite { font-weight: 500; font-size: 0.625rem; line-height: 20px; line-height: 170%; letter-spacing: 0.18em; text-transform: uppercase; display: block; }
.builder_people_testimonials .slick-dots { width: 100%; justify-content: center; margin: 0; padding:  40px 32px 0 32px; }
.builder_people_testimonials .slick-dots li button { background: rgba(25, 24, 23, 0.3); }
.builder_people_testimonials .slick-dots li button:hover, .builder_people_testimonials .slick-dots li.slick-active button { background: rgba(25, 24, 23, 1); }

/** shortlist **/

        #people_shortlist_menu .button_shortlist { color: var(--black);}

.button_shortlist { background: url(/wp-content/themes/11kbw/images/shortlist-checkbox.svg) left no-repeat; padding-left: 30px; cursor: pointer;}
.button_shortlist.active { background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-filled.svg); }
.button_shortlist:hover { text-decoration: underline;}
.people_nav .button_shortlist { background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-w.svg); }
.people_nav .button_shortlist.active { background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-w-filled.svg); }
.builder_barristers .button_shortlist { background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-light.svg); color: var(--black); }
.builder_barristers .button_shortlist.active { background-image: url(/wp-content/themes/11kbw/images/shortlist-checkbox-light-filled.svg); }

.shortlist_page { position: fixed; top: 55svh; top: 25svh; right: 0; z-index: 99; display: flex; gap: 0 10px; align-items: center; background: var(--blue); color: var(--black) !important; padding: 20px 10px; font-weight: 600; font-weight: 400; text-decoration: none; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-text-orientation: mixed; white-space: nowrap; text-orientation: mixed; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; pointer-events: none; }
.shortlist_page.active { opacity: 1; visibility: visible; pointer-events: auto;}
.shortlist_page span { display: flex; width: 20px; height: 20px; overflow: hidden; align-items: center; justify-content: center; background: var(--black); color: var(--white); line-height: 100%; font-size: 0.8rem; border-radius: 100%; font-weight: 400;}

#people_shortlist_menu { margin: 0; padding: 0 0 20px 0; list-style: none; list-style-image: none; display: flex; flex-direction: column; gap: 5px 0; max-width: 850px; max-width: 50%;}
#people_shortlist_menu li { margin:0; padding: 0; display: flex; justify-content: space-between; gap: 0 25px; }

    #people_shortlist_menu { padding: 0; border: 1px solid var(--light-grey); margin: 0 0 15px 0; gap: 0; }
    #people_shortlist_menu li { border-top: 1px solid var(--light-grey); padding: 8px 25px; }
    #people_shortlist_menu li:nth-child(1) { border-top: none;}
    #people_shortlist_menu li a { text-decoration: none;}
    #people_shortlist_menu li a:hover { text-decoration: underline;}

.page-id-229 .builder_people_expertise_accordion > article.shortlist-hide { display: none; }

/** contact **/

.contact_info p, .contact_map p { padding: 0 0 25px 0; }

.contact_info .container, .contact_map .container { display: flex; flex-wrap: wrap; padding-right: 0;}

.contact_info { background: var(--light-grey); background: var(--blue);}
.contact_info_txt { width: 46.6%; display: flex; flex-wrap: wrap; padding: 80px 0 30px 0; padding-bottom: 20px; }
.contact_info_txt h1 { width: 100%;             font-size: 2.438rem; }
.contact_info_txt .contact_info_txt_col { width: 50%; padding: 0 60px 0 0;}
    .page-template-template-about-v2 .contact_info_txt { padding-right: 60px;           min-height: 400px; align-items: center;}
.contact_info_img { width: 53.4%; line-height: 7px; position: relative; }
.contact_info_img img, .contact_map_embed img { position: absolute; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.contact_map { background: var(--white);}
.contact_map_info { width: 23.3%; padding: 50px 60px 35px 0; padding-bottom: 25px; }
.contact_map_embed { width: 76.7%; line-height: 7px; position: relative; min-height: 662px; }

.social_links { margin: 0; padding: 15px 0 15px 0; padding-bottom: 25px; list-style: none; list-style-image: none; display: flex; flex-direction: column; gap: 12px 0;}
.social_links li { margin: 0; padding: 0;}
.social_links li a { text-decoration: none; display: flex; align-items: center; gap: 0 9px; }
.social_links li a:hover { text-decoration: underline;}

.page-template-template-about-v2 .contact_info .container { max-width: 1262px; }

/** home **/

.home #section_main { background: var(--black);}

#home_video { min-height: 100svh;position: relative;        display: flex; flex-direction: column; }
#home_video .container { display: flex; align-items: flex-end; justify-content: flex-end; height: 100%; flex-grow: 1; position: relative; z-index: 3;}
#home_video .container * { color: var(--white);}

.button_scroll { position: absolute; z-index: 3; left: 50%; bottom: 20px; width: 60px; margin-left: -30px; height: 50px; background: url(/wp-content/themes/11kbw/images/arrow-down-select-w.svg) center no-repeat; background-size: 30px auto; text-indent: -99999px; overflow: hidden;}
.banner_people .button_scroll, .single-expertise .button_scroll { background-size: 22px auto; bottom: 0; width: 50px; margin-left: -25px; background-image: url(/wp-content/themes/11kbw/images/arrow-down-select.svg);}
.single-expertise .button_scroll { position: fixed; left: auto; right: 15px; margin: 0; bottom: 5px; }
.single-expertise.scrolling .button_scroll { opacity: 0; visibility: hidden; z-index: -1; pointer-events: none;}

.video_holder { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.video_holder video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.6s ease; z-index: 1;   opacity: 1; }
.video_holder .home_video_loop { z-index: 0; }
.video_holder video.is-visible { opacity: 1; }
.video_holder .home_video_loop.is-visible { z-index: 2; }

.video_holder_desktop { display: block; }
.video_holder_mobile  { display: none; }

.home_testimonials { width: 50%; padding: 0 35px 65px 35px;         padding-bottom: 15vh; padding-bottom: 10vh;     padding-bottom: 15vh;}
.home_testimonials ul { margin: 0; padding: 0; list-style: none; list-style-image: none; opacity: 0;}
.home_testimonials ul.slick-initialized { opacity: 1;}
.home_testimonials ul li { margin: 0; padding: 0; text-align: center; }
.home_testimonials ul li blockquote { padding: 0 0 35px 0; padding: 0 0 10px 0;      max-width: 400px; max-width: 300px; margin: 0 auto;}
.home_testimonials ul li p { font: 2.063rem / 127% var(--dmserifdisplay); letter-spacing: -0.01em;  font-size: 1.625rem; line-height: 145%;     font-size: 1.5rem; }
.home_testimonials ul li cite { display: block; padding: 10px 0 0 0; }
.home_testimonials .home_barristers_cta .button_cta { margin-top: 0 !important; }

#home_barristers_cta_mobile { display: none; text-align: center; padding: 0 0 50px 0;}
#home_barristers_cta_desktop { text-align: center; padding: 0; }
/** .home_barristers_cta .button_cta { display: block; max-width: 330px; margin: 0 auto; font-weight: 400; font-size: 1.438rem; line-height: 120%; font-weight: 600; } **/

@media all and (min-height: 760px) and (min-width: 1500px) {
    .home_testimonials { padding-bottom: 15vh; padding-bottom: 20vh; }
}
@media all and (min-height: 760px) and (min-width: 1900px) {
    .home_testimonials { padding-bottom: 20vh; padding-bottom: 25vh; }
}

@media (max-width: 850px) {
  .video_holder_desktop { display: none; }
  .video_holder_mobile  { display: block; }
  .home_testimonials { width: 100%; padding-left: 0; padding-right: 0;}
}

.builder_statement { text-align: center; background: var(--black); }
.builder_statement * { color: var(--white);}
.builder_statement h1 { max-width: 800px; margin: 0 auto; padding: 0 0 70px 0; font-size: 1.625rem; line-height: 145%; }
.builder_statement p { max-width: 537px; margin: 0 auto; padding: 0; }

    .home .builder_pupillage { background: var(--white); }
.builder_pupillage .container { display: flex; flex-wrap: wrap; }
.builder_pupillage .builder_pupillage_info { background: var(--blue); padding: 30px; width: 67.5%;  display: flex; flex-direction: column; }
.builder_pupillage .builder_pupillage_info h2 { font: 2.25rem / 114% var(--dmserifdisplay); letter-spacing: -0.01em;       font-size: 2.063rem; line-height: 110%;  }
.builder_pupillage .builder_pupillage_info p { font-size: 1.125rem; line-height: 155%; max-width: 680px; }
.builder_pupillage .builder_pupillage_info p:last-of-type { padding: 0; margin-top: auto; }
.builder_pupillage .builder_pupillage_info p .button_cta_w { min-width: 274px;}
.builder_pupillage .builder_pupillage_info p .button_cta_w:hover { border-color: var(--white); }
.builder_pupillage .builder_pupillage_img { position: relative; line-height: 7; width: 32.5%;}
.builder_pupillage .builder_pupillage_img img { object-fit: cover; height: 100%; width: 100%; }

    .builder_pupillage_banner .builder_pupillage .builder_pupillage_info { background: var(--black); }
    .builder_pupillage_banner .builder_pupillage .builder_pupillage_info * { color: var(--white);}
    .builder_pupillage_banner .builder_pupillage .builder_pupillage_info p .button_cta_w:hover { border-color: var(--blue); }

@media all and (min-width: 1775px) {
    .builder_pupillage .builder_pupillage_info p {  max-width: 900px; }
}

.home .builder_insights .slick-arrow { top: auto; bottom: -75px; }

/** about us **/

#page_about { background: var(--black);}
#page_about * { color: var(--white);}
#page_about h1 { text-align: center; font-size: 3.75rem; padding: 10px 0 35px 0;}
.page-template-template-about #section_main { border-bottom: 1px solid var(--white);}

.about_banner { padding: 0 0 80px 0;}
.about_banner img { width: 100%; height: 400px; object-fit: cover; object-position: center;}

.about_content { max-width: 606px; max-width: 850px; margin: 0 auto;}
/*
.about_content p { font-size: 1.125rem; line-height: 166%; padding: 0 0 30px 0; }
.about_content ul li, .about_content ol li { font-size: 1.125rem; line-height: 166%; }
*/
#page_about h2 { color: var(--blue) !important; font: 2.25rem / 114% var(--dmserifdisplay); letter-spacing: -0.01em; padding: 0 0 31px 0;}

.about_alumni { padding-top: 65px !important; }
#page_about .about_alumni h2 { padding-bottom: 35px; }
.about_alumni_grid { margin: 0; padding: 0 0 30px 0; list-style: none; list-style-image: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px 44px;    position: relative; }
.about_alumni_grid li { margin: 0; padding:0;}
.about_alumni_grid li img { width: 100%; height: auto;}
.about_alumni_grid li h3 { min-height: 70px; font-size: 1.125rem; line-height: 134%; font-weight: 400; }
.about_alumni_grid li a { position: absolute; top: 0; left: 0; right: 0; bottom:0; display: block; text-indent: -9999px; overflow: hidden; width: 100%; height: 100%;}

/** about us v2 **/

#page_about_v2 h1 { text-align: center; padding-bottom: 50px;}
.page_about_v2_blue { background: var(--blue);}
.page_about_v2_white { background: var(--white);}
#page_about_v2 .about_content { margin-bottom: -30px;}
#page_about_v2 h2 { font-size: 2rem;}
#page_about_v2 .about_alumni, .single-expertise .about_alumni { padding-top: 0 !important;}
#page_about_v2 .about_alumni_grid, .single-expertise .about_alumni_grid:last-of-type { padding-bottom: 0 !important; margin-bottom: -25px;}

@media all and (min-width: 671px) {
    .page_about_v2_cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;}
}

/** pupillage **/

.page-template-template-pupillage:not(.scrolling) #header_main { background: transparent; }
.page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) #header_main * { color: var(--black) !important; }
.page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) #header_main #logo_11kbw { background: url(/wp-content/themes/11kbw/images/logo-11kbw.svg) center no-repeat;}
.page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) #header_main #logo_11kbw img { opacity: 0; }
.page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) #header_main #header_main_r li.menu_search a { background-image: url(/wp-content/themes/11kbw/images/icon-search-b.svg);}
.page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) .hamburger-inner, .page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) .hamburger-inner::before, .page-template-template-pupillage:not(.scrolling):not(.pupillage-heading-white) .hamburger-inner::after { background-color: var(--black); }

.page-template-template-pupillage #section_main { padding: 0 !important;}
#pupillage_heading { background: var(--red-sand); padding: 135px 0 80px 0;}

#pupillage_heading.pupillage_home { padding: 0; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); }
#pupillage_heading.pupillage_home .pupillage-video_wrap video { height: 100svh; height: 85svh; object-fit: cover; object-position: 50% 0; }
#pupillage_header_tint { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 30%; z-index: 1; background: linear-gradient(to bottom, var(--black) 0%, transparent 100%);}
#pupillage_heading.pupillage_home h1 { position: absolute; z-index: 3; left: 0; bottom: 30%; right: 0; padding: 0 32px; text-align: center; font-size: 5rem; line-height: 110%; color: var(--white); text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); }

.builder_pupillage_blue { background: var(--blue);}
.pupillage_flex { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 45px 0; }
.pupillage_col { width: 50%;}
.pupillage_flex_video-right .pupillage_col:first-child { min-height: 400px; display: flex; flex-direction: column; justify-content: center;}
.pupillage_col_video { position: relative;}
.pupillage_col_video_holder { /** position: absolute; top: 0; right: 0; **/ width: 100%; padding: 0 106px;       margin-bottom: -307px; }
.pupillage_col_video_holder ul { margin: 0; padding: 0; list-style: none; list-style-image: none;}
.pupillage_col_video_holder ul li { margin: 0; padding: 0;}
.pupillage_col_video_holder ul li video { width: 100%; height: auto; max-height: 707px; object-fit: contain;}

.pupillage-video_wrap { position: relative; }
.pupillage-video_el { width: 100%; height: auto; display: block; }
.pupillage-video_toggle { position: absolute; left: 50%; top: 50%; top: 75%; transform: translate(-50%, -50%); border: 0; width: 60px; height: 60px; text-indent: -9999px; overflow: hidden; background: url(/wp-content/themes/11kbw/images/icon-play.svg) center no-repeat; cursor: pointer; }
.pupillage-video_wrap.playing .pupillage-video_toggle { opacity: 0; }
.pupillage-video_wrap.playing:hover .pupillage-video_toggle { opacity: 1; background-image: url(/wp-content/themes/11kbw/images/icon-pause.svg); }

.pupillage_col_video .slick-arrow { top: 50%; background-image: url(/wp-content/themes/11kbw/images/arrow-right-scroller-video.svg); }
.pupillage_col_video .slick-prev.slick-arrow { right: auto; left: 0; background-image: url(/wp-content/themes/11kbw/images/arrow-left-scroller-video.svg); }
.pupillage_col_video .slick-arrow.slick-disabled { opacity: 0.25; pointer-events: none;}

.builder_pupillage_video_base { min-height: 387px; min-height: 327px; } /** this accounts for the negative margin video **/

.page-template-template-pupillage h2 { font: 2.25rem / 114% var(--dmserifdisplay); letter-spacing: -0.01em; padding: 0 0 31px 0; }
.pupillage_impact p, .page-template-template-pupillage .large_text { font-size: 1.125rem; line-height: 166%; font-weight: 400; padding: 0 0 15px 0;}
.margin_adjust { display: block; margin: 0 0 -15px 0;}

.builder_pupillage_video_grid .container { display: flex; flex-direction: column; gap: 55px 0;}
.builder_pupillage_video_grid article { width: 100%; /** display: grid; grid-template-columns: repeat(2, 1fr); **/ display: flex; flex-wrap: wrap; gap: 20px 20px; }
.builder_pupillage_video_grid article > div, .builder_pupillage_video_grid article > blockquote, .builder_pupillage_video_grid article > p { width: calc(50% - 10px); }
.builder_pupillage_video_grid article:nth-child(even) { flex-direction: row-reverse; }
.builder_pupillage_video_grid article blockquote { background: var(--blue); padding: 45px; display: flex; justify-content: center; flex-direction: column; text-align: center;}
.builder_pupillage_video_grid article blockquote p, .builder_pupillage_testimonials_list blockquote p { font: 400 1.5rem / 132% var(--dmserifdisplay); letter-spacing: -0.01em; padding: 0 0 19px 0; }
.builder_pupillage_video_grid article blockquote cite, .builder_pupillage_testimonials_list blockquote cite { display: block; font-weight: 500; font-size: 0.688rem; line-height: 20px; letter-spacing: 0.18em; text-transform: uppercase; padding: 2px 0 0 0; }
.builder_pupillage_video_grid article .pupillage-video_wrap { height: 100%;}
.builder_pupillage_video_grid article .pupillage-video_el { height: 100%; object-fit: cover; }
.builder_pupillage_video_grid article .pupillage-video_toggle { transform: none; left: auto; top: auto; bottom: 25px; right: 25px; width: 50px; height: 50px; background-size: 50px 50px; }
.builder_pupillage_video_grid article .pupillage-movable { font-weight: 600; font-size: 0.813rem; line-height: 140%; margin: -6px 0 0 0;}

.builder_pupillage_faq { background: var(--blue);}
.builder_pupillage_faq * { color: var(--black);}
.builder_cases.builder_pupillage_faq article { border-color: var(--white);}
.page-template-template-pupillage .builder_pupillage_faq h2.accordion_heading { /**** font-weight: 400; ****/ font-size: 1.375rem; padding: 16px 0 16px 0; }

.builder_pupillage_white { background: var(--white);}
.builder_pupillage_sand { background: var(--red-sand);}

.builder_pupillage_heading_content .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.builder_pupillage_heading_content .container .builder_heading_content_left { width: 50%; padding-right: 35px;}
.builder_pupillage_heading_content .container .builder_heading_content_right { width: 50%; padding-left: 10px; }

.builder_pupillage_testimonials_list {  max-width: 1020px; max-width: 600px; margin: 0 auto; }
.builder_pupillage_testimonials_list blockquote { text-align: center; display: block; }
.builder_pupillage_testimonials_list blockquote p { font-size: 2.25rem; line-height: 115%; padding: 0 0 12px 0; }
.builder_pupillage_testimonials_list blockquote p img { display: inline-block;}
.builder_pupillage_testimonials_list blockquote cite { /** font-size: 0.625rem; **/ padding: 28px 0 0 0; }
.builder_pupillage_testimonials_list .slick-dots { gap: 0 8px; padding: 29px 0 0 0; }
.builder_pupillage_testimonials_list .slick-dots li button { width: 5px; height: 5px; background: var(--black);}
.builder_pupillage_testimonials_list .slick-dots li button:hover, .builder_pupillage_testimonials_list .slick-dots li.slick-active button { background: var(--white); }

.builder_pupillage_imgtxt_sand { background: var(--red-sand);}
.builder_pupillage_imgtxt_black { background: var(--black);}
.builder_pupillage_imgtxt_black *, .builder_pupillage_box_black * { color: var(--white);}
.builder_pupillage_imgtxt_black h2, .builder_pupillage_imgtxt_black h3, .builder_pupillage_box_black h2, .builder_pupillage_box_black h3 { color: var(--red-sand);}
    .builder_pupillage_box_black.builder_pupillage_box_heading_w h2, .builder_pupillage_box_black.builder_pupillage_box_heading_w h3 { color: var(--white);}
.builder_pupillage_imgtxt_txt_large h2 { font-size: 3.375rem;}
.builder_pupillage_imgtxt_flex .container { display: flex; justify-content: space-between; flex-wrap: wrap;             position: relative;}
.builder_pupillage_imgtxt_txt { width: 50%; padding: 60px 70px 60px 0;          min-height: 589px; }
.builder_pupillage_imgtxt_img { width: 50%; line-height: 7px;                           position: absolute; right: 0; bottom: 0; top: 0; }
.builder_pupillage_imgtxt_img img { width: 100%; height: 100%; object-fit: cover;}
.builder_pupillage_imgtxt_txt p { padding-right: 10%;}

.builder_pupillage_boxes .container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.builder_pupillage_boxes article { padding: 40px 30px; display: flex; flex-direction: column; justify-content: space-between; }
.builder_pupillage_box_50 { grid-column: span 2; min-height: 546px; }
.builder_pupillage_box_white { background: var(--white);}
.builder_pupillage_box_black { background: var(--black);}
.builder_pupillage_box_sand { background: var(--red-sand);}
.builder_pupillage_box_cta { padding: 0;}
.builder_pupillage_boxes article .button_cta_b, .builder_pupillage_boxes article .button_cta_w, .builder_pupillage_imgtxt_txt .button_cta_b, .builder_pupillage_imgtxt_txt .button_cta_w, .builder_pupillage_imgtxt_txt .button_cta, .builder_pupillage_banner .builder_pupillage .builder_pupillage_info p .button_cta_w  { min-width: unset; /** width: 274px; max-width: 100%; **/ width: 100%; max-width: 274px; font-size: 0.688rem; letter-spacing: 0.1em; text-transform: uppercase;}
.builder_pupillage_boxes article.builder_pupillage_box_25 .button_cta_b, .builder_pupillage_boxes article.builder_pupillage_box_25 .button_cta_w { max-width: 100%; }

.single-expertise .builder_pupillage_boxes .container { grid-template-columns: repeat(3, 1fr); }
.single-expertise .builder_pupillage_imgtxt_black h2, .single-expertise .builder_pupillage_imgtxt_black h3, .single-expertise .builder_pupillage_box_black h2, .single-expertise .builder_pupillage_box_black h3 { color: var(--white); }

#page_basic { background: var(--white);}

/** footer **/

#site_footer { background: var(--black); padding: 100px 0; padding: 65px 0; }
#site_footer * { color: var(--white);}
#site_footer p, #site_footer li { font-size: 0.875rem; line-height: 21px;}
#site_footer ul { margin: 0; padding: 0; list-style: none; list-style-image: none; display: flex; flex-direction: column;}
#site_footer ul li { margin:0; padding: 0; }
#site_footer a { text-decoration: none;}
#site_footer a:hover { text-decoration: underline;}
#site_footer .container { display: flex; gap: 40px 60px; flex-wrap: wrap; }
#site_footer .container .footer_col { min-width: 205px; min-width: 150px; }
#site_footer .container .footer_col p:last-of-type { padding-bottom: 0;}
#site_footer .container .footer_col .footer_x { padding: 0 0 58px 0;}
#site_footer .container .footer_col .footer_x a { display: flex; align-items: center; gap: 0 5px; }
#site_footer .container .footer_col_5 { margin-left: auto;}
#site_footer .container nav.footer_col p { padding: 0;}
#site_footer small { width: 100%; display: block; text-align: right; font-weight: 500; font-size: 0.625rem; line-height: 20px;  line-height: 170%; letter-spacing: 0.18em; text-transform: uppercase; }

/** modal **/

#modal_holder { position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: -1; pointer-events: none; visibility: hidden; background: rgba(29, 29, 27, .83); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; padding: 70px; }
#modal_window { max-width: 800px; max-height: 90svh; overflow: auto; background: var(--white); padding: 45px 45px 30px 45px; position: relative; }
.modal_content { display: none;}
.modal_content.active { display: block;}
#modal_holder.open { z-index: 9999999; opacity: 1; visibility: visible; pointer-events: auto;}
.modal_close { position: absolute; cursor: pointer; top: 35px; right: 35px; width: 40px; height: 40px; background: url(/wp-content/themes/11kbw/images/icon-close.svg) center no-repeat; text-indent: -99999px; overflow: hidden; background-size: 40px 40px;}
.modal_content h2 { padding-right: 55px;}

@media all and (min-width: 0px) and (max-width : 1800px) {



}

@media all and (min-width: 0px) and (max-width : 1600px) {

}

@media all and (min-width: 0px) and (max-width : 1530px) {

}

@media all and (min-width: 0px) and (max-width : 1450px) {

    .builder_people_testimonials ul:not(.builder_people_testimonials_scroller):not(.slick-dots) { justify-content: space-around; margin: 0 -20px;}
    .builder_people_testimonials ul:not(.builder_people_testimonials_scroller):not(.slick-dots) li { padding: 0 20px; width: calc(50% - 100px); }

    .banner_people .banner_people_img { right: 0;}

    .banner_people h1 { font-size: 2.838rem;}
    .builder_info_right_accreditations li img { max-height: 90px; }

}

@media all and (min-width: 0px) and (max-width : 1430px) {

    .barrister_list ol { /* grid-template-columns: repeat(2, 1fr); */ column-count: 2; }

    #people_listing_search { width: 25%; }
    #people_listing_results { width: 75%; }
    /** .people_grid { grid-template-columns: repeat(3, 1fr); } **/

}

@media all and (min-width: 0px) and (max-width : 1400px) {


}

@media all and (min-width: 0px) and (max-width : 1280px) {

    .builder_info_right_accreditations { flex-direction: column;}
    .builder_info_right_accreditations li img { max-height: 110px;}

}

@media all and (min-width: 0px) and (max-width : 1250px) {

    .builder_people_testimonials ul { padding: 0;}
    
    /**

    .builder_accreditations ul { gap: 50px; }
    .builder_accreditations ul li img { height: 150px; width: auto; }

    **/

    #site_footer .container .footer_col_4 { display: none;}

    .container_capped_small { padding: 0 calc(76px + 24px);}
    .page-template-template-about-v2 .contact_info .container { max-width: 1050px;}

    .about_alumni_grid { grid-template-columns: repeat(4, 1fr); gap: 25px 44px; }

    .pupillage_flex { flex-direction: column-reverse;}
    .pupillage_col { width: 100%;}
    .pupillage_flex_video-right .pupillage_col:first-child { min-height: unset;}
    .pupillage_col_video_holder { margin-bottom: 0;}

    .builder_pupillage_boxes .container { grid-template-columns: repeat(2, 1fr); }
    .builder_pupillage_box_50 { grid-column: span 1; }
    .builder_pupillage_boxes article .button_cta_b, .builder_pupillage_boxes article .button_cta_w { max-width: 100%; }

}

        @media all and (min-width: 0px) and (max-width : 1199px) {
            .home .builder_insights { padding-bottom: 120px !important; }
        }

@media all and (min-width: 0px) and (max-width : 1200px) {

    .banner_expertise_heading, .builder_info_left { padding-right: 80px;}
    .builder_info_v2_left { padding-right: 80px;}

    .home .builder_insights.builder_no_pad { padding-bottom: 75px !important; }

    .people_grid { grid-template-columns: repeat(3, 1fr); }

}

@media all and (min-width: 0px) and (max-width : 1150px) {

    .insights_grid:not(.insights_grid_scroller) { grid-template-columns: repeat(2, 1fr); }

    /** .people_grid { grid-template-columns: repeat(2, 1fr); } **/

    #insights_page .searchandfilter ul li { width: calc(50% - 25px); }
    #insights_page .searchandfilter ul li.sf-field-search { width: 100%; }
    .category-events #insights_page .searchandfilter ul li.sf-field-search { width: calc(50% - 25px); }




}

@media all and (min-width: 0px) and (max-width : 1100px) {

    /** .container_capped_small { padding: 0 calc(76px + 24px);} now kicks in at 1250 **/

    .banner_expertise .container { padding-right: calc(76px + 24px); }
        .builder_people_expertise_accordion .builder_info .container { padding: 0;}
    .banner_expertise_heading { width: 100%; padding-right: 0; padding-bottom: 45px; }
    .banner_expertise_img { width: calc(100% + 178px); margin-left: -100px; margin-right: -78px; padding-right: 40px; }
        .single-post .banner_expertise .container { padding-right: 60px;}
        .single-post .banner_expertise_img { padding-right: 0; margin-right: -60px; width: calc(100% + 160px); }
    .builder_info_v2 .builder_info_v2_right { padding-top: 55px;}
    .builder_info_v2_left { margin-top: 0;}

    .barrister_list ol { /* grid-template-columns: repeat(1, 1fr); */ column-count: 1; width: 60%; }
    .barrister_list h3 { width: 40%;}

    .builder_submenu_v2 h2, .builder_submenu_v2 .h2_styler, .builder_submenu_v2 nav { width: 100%;}
    .builder_submenu_v2 h2 br { display: none;}

}

@media all and (min-width: 0px) and (max-width : 1080px) {
    .hamburger { display: flex;}
    #header_main #header_main_r { opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; padding: 0 0 5px 0; align-items: center;       margin-top: -5px; margin-bottom: -5px;}
    #header_main #header_main_r .menu_search { display: none;}
    #header_main #header_main_l nav { display: none;} /** this is moved on mobile menu anyway, but this saves a flicker **/
    .open-menu #header_main #header_main_r { opacity: 1; visibility: visible; z-index: 5; pointer-events: auto; }

    .contact_info_txt { width: 100%;}
    .contact_info_img { width: 100%; width: auto; width: calc(100% + 200px); margin: 0 -100px; }
    .contact_info_img img { position: static; max-height: 870px; }
    .contact_info .container, .contact_map .container { padding: 0 calc(76px + 24px); }
    .contact_info_txt { justify-content: space-between;}
    .contact_info_txt .contact_info_txt_col { width: calc(50% - 24px); padding: 0 40px 0 0; }
    .contact_map .container { flex-direction: column-reverse;}
    .contact_map_embed { width: 100%; width: auto; margin: 0 -100px; }
    .contact_map_info { width: 100%; padding: 50px 0 35px 0; padding-bottom: 25px;}

    .banner_people_info { min-height: unset; min-height: 40svh;}

    .about_alumni_grid { grid-template-columns: repeat(3, 1fr); gap: 25px 34px; }

    .builder_pupillage_video_grid article { flex-direction: column !important;}
    .builder_pupillage_video_grid article > div, .builder_pupillage_video_grid article > blockquote, .builder_pupillage_video_grid article > p { width: 100%;}
    .builder_pupillage_video_grid article .pupillage-movable { margin: 0; padding: 15px 0 5px 0;}

    .page-template-template-about-v2 .contact_info_txt { padding-right: 0; min-height: unset;}
}

@media all and (min-width: 0px) and (max-width : 1050px) {
    #people_listing_search { width: 35%;}
    #people_listing_results { width: 65%;}
}

@media all and (min-width: 0px) and (max-width : 1024px) {

    .people_grid { gap: 28px 20px;}

    #people_shortlist_menu { max-width: 100%; }

    .builder_pupillage_imgtxt_txt { width: 100%; padding: 60px 0 40px 0; min-height: unset; }
    .builder_pupillage_imgtxt_img { position: static; width: 100%; padding: 0 0 60px 0;}
    .builder_pupillage_imgtxt_txt p { padding-right: 0;}

    #site_footer .container { gap: 40px 0;}
    #site_footer .container .footer_col { width: 50%; min-width: unset; padding-right: 32px;}
    #site_footer .container .footer_col_4 { display: block; }
    #site_footer .container .footer_col_5 { text-align: right; width: 100%; padding-right: 0;}
    #site_footer .container .footer_col_3, #site_footer .container .footer_col_4 { border-top: 1px solid #31302E; border-bottom: 1px solid #31302E; padding-top: 40px; padding-bottom: 40px; }

}

@media all and (min-width: 0px) and (max-width : 980px) {



}

@media all and (min-width: 0px) and (max-width : 950px) {

    .builder_info_left { width: 100%; padding: 0; }
    .builder_info_right { width: 100%;}
    .builder_info_right ul li p { font-size: 1.438rem; line-height: 135%;}
    .single-post .builder_info .container .builder_info_right { position: static; top: auto; }
    .builder_info .container { margin-bottom: 0;}
    .builder_info_left { margin-bottom: -15px;}
    .single-expertise .builder_info_left { margin-bottom: 0;}

    .builder_info_right_accreditations { flex-direction: row;}
    .builder_info_right_accreditations li img { max-height: 110px;}

    .builder_info_v2 .container { flex-direction: column-reverse; }
    .builder_info_v2_left { width: 100%; padding: 0; }
    .builder_info_v2_right { width: 100%;}

    .builder_submenu ul { /* grid-template-columns: repeat(1, 1fr); */ column-count: 1;     background-image: none; }
    /* .builder_submenu ul li:nth-child(2) { border-top: none;} */

    .builder_submenu ul li:nth-child(1) { border-top: 1px solid var(--mid-grey); }

    .banner_insights { flex-direction: column; gap: 80px 0; padding-bottom: 0 !important; }
    .banner_insights img { position: static; width: 100%; height: auto; }
    .banner_insights_heading { width: 100%; padding: 0;}
        .banner_insights .container { padding-bottom: 0;}

    .people_grid { grid-template-columns: repeat(2, 1fr); }

}

@media all and (min-width: 0px) and (max-width : 920px) {
    .builder_people_testimonials ul:not(.builder_people_testimonials_scroller):not(.slick-dots) { justify-content: space-between;}
    .builder_people_testimonials ul:not(.builder_people_testimonials_scroller):not(.slick-dots) li { width: calc(50% - 40px); }

}
@media all and (min-width: 0px) and (max-width : 900px) {

    #people_listing_flex .container { flex-direction: column; gap: 55px 0;}
    #people_listing_search { width: 100%; padding:0; position: static;}
    #people_listing_results { width: 100%;}
    #people_listing_search .searchandfilter > ul { flex-direction: row; justify-content: space-between; padding: 0;}
    #people_listing_search .searchandfilter > ul > li { width: calc(50% - 10px); }
    #people_listing_search .searchandfilter > ul .sf-field-taxonomy-expertise-filter { width: 100%;} /* replaced by the below */
    #people_listing_search .searchandfilter > ul .sf-field-taxonomy-practice-area { width: 100%;}

                .containerxx, .container_capped, .container_capped_small, #mobile_menu #header_search .containerxx, .contact_info .container, .contact_map .container { padding: 0 60px;}
                .builder_info_v2 .container_capped_small { padding-right: 60px;}

                .single-expertise .cases_scroller .slick-arrow { right: 49px; }
                .single-expertise .cases_scroller .slick-prev.slick-arrow { right: 89px; }

    .single-post .post_share ul { right: 0; }

    .people_grid { grid-template-columns: repeat(3, 1fr); }

    .single-expertise .button_scroll { display: none; }

}

@media all and (min-width: 0px) and (max-width : 890px) {

    .builder_barristers_flex_left { width: 100%; padding-right: 0;  min-height: unset;}
    .builder_barristers_flex_right { display: none;}
    .barrister_list h3 { width: 200px;}
    .barrister_list ol { width: calc(100% - 200px);}
    .barrister_list ol li.active article { display: block; margin: 20px 0;}
    .profile_ctas { gap: 20px; justify-content: space-between;}

    .builder_pupillage .builder_pupillage_info, .builder_pupillage .builder_pupillage_img { width: 100%;}
    .builder_pupillage_heading_content .container .builder_heading_content_left, .builder_pupillage_heading_content .container .builder_heading_content_right { width: 100%; padding-right: 0; padding-left: 0;}


}

@media all and (min-width: 0px) and (max-width : 850px) {

    .banner_people_info { min-height: unset; width: 100%; padding: 0 0 80px 0; }
    .banner_people .banner_people_img { position: static; width: 100%;  }
    .banner_people .banner_people_img img { width: 100%; height: auto; }
    .builder.banner_people { padding-bottom: 0;}
    .banner_people .button_scroll { display: none;}

}

@media all and (min-width: 0px) and (max-width : 840px) {

        .insights_grid:not(.insights_grid_scroller) { grid-template-columns: repeat(1, 1fr); }

}

@media all and (min-width: 0px) and (max-width : 780px) {

    .builder_submenu_v2 ul, .single-expertise .builder_pupillage_boxes .container { grid-template-columns: repeat(1, 1fr); }
    .builder_submenu_v2 ul { column-count: 1; }

    .contact_info_txt .contact_info_txt_col { width: 100%; padding: 0; }

}

@media all and (min-width: 0px) and (max-width : 760px) {

    .page-template-template-pupillage:not(.scrolling) #header_main * { color: var(--black) !important; }
    .page-template-template-pupillage:not(.scrolling) #header_main #logo_11kbw { background: url(/wp-content/themes/11kbw/images/logo-11kbw.svg) center no-repeat;}
    .page-template-template-pupillage:not(.scrolling) #header_main #logo_11kbw img { opacity: 0; }
    .page-template-template-pupillage:not(.scrolling) #header_main #header_main_r li.menu_search a { background-image: url(/wp-content/themes/11kbw/images/icon-search-b.svg);}
    .page-template-template-pupillage:not(.scrolling) .hamburger-inner, .page-template-template-pupillage:not(.scrolling) .hamburger-inner::before, .page-template-template-pupillage:not(.scrolling) .hamburger-inner::after { background-color: var(--black); }

    #pupillage_heading.pupillage_home { grid-template-columns: repeat(1, 1fr); padding: 110px 0 0 0; }
    #pupillage_heading.pupillage_home .pupillage-video_wrap video { width: 100%; height: 100svh;}
    #pupillage_heading.pupillage_home h1 { position: static; padding: 0 32px 45px 32px; font-size: 2.625rem; text-shadow: none; color: var(--black); }
    #pupillage_heading.pupillage_home .pupillage-video_wrap { padding: 0;}
    #pupillage_header_tint { display: none;}

}

@media all and (min-width: 0px) and (max-width : 750px) {

    .barrister_list h3 { width: 92px;}
    .barrister_list ol { width: calc(100% - 92px);}

    .builder_pupillage_boxes .container { grid-template-columns: repeat(1, 1fr); }
    .builder_pupillage_box_50 { min-height: unset;}

}

/** mobile **/

@media all and (min-width: 0px) and (max-width : 670px) {

    body {  }

    h1, .h1_styler, .banner_people h1, .banner_insights_heading h1, .banner_expertise_heading h1 { font-size: 2.625rem; }
    .banner_insights_heading h1 { font-size: 1.4rem;}
    h2, .h2_styler {  }
    h3, .h3_styler {  }

    .button_scroll { bottom: 0; display: none;}

    .container, .container_capped, .container_capped_small,    #mobile_menu #header_search .container,   .contact_info .container, .contact_map .container { padding: 0 32px; }
    .builder { padding: 32px 0; padding: 45px 0; }
    .builder_pupillage_imgtxt_txt { padding: 45px 0 35px 0; }
    .builder_pupillage_imgtxt_img { padding: 0 0 45px 0;}
    .builder_barristers_flex_left { padding: 0;}
        .builder_info_v2 { padding-top: 90px;}
    #insights_page { padding: 45px 0; }
    #pupillage_heading { padding-bottom: 45px;}
        .pupillage-video_wrap { padding: 0 0 15px 0;}
        .builder_pupillage_video_grid .pupillage-video_wrap { padding: 0;}

    .home_testimonials ul li p { font-size: 1.7rem; font-size: 1.4rem;}

        .builder_statement h1 { padding: 0 0 40px 0;}
        .home_testimonials { padding-bottom: 35px; padding-bottom: 25px;}
        .home_testimonials ul li blockquote { padding: 0;}
        #home_barristers_cta_mobile { display: block; max-width: 100%;}
        #home_barristers_cta_desktop { display: none; }
        #home_barristers_cta_mobile.home_barristers_cta .button_cta { max-width: 100%; width: 100%; margin-top: 0; }
        .home .builder_statement { padding-top: 0;}

    .builder_pupillage .builder_pupillage_info p .button_cta_w { min-width: 100%;}

    #mobile_menu > nav ul { padding-left: 32px;}
    #header_main #mobile_menu #mobile_menu_subs .main_menu_sub { padding-right: 32px;}

    #header_main #header_main_r { flex-direction: column; justify-content: space-around; align-items: flex-start; justify-content: flex-end; gap: 10px 0; }
    #mobile_menu > nav ul li, #header_main .main_menu_sub .container > .sub-menu li { font-size: 0.813rem; line-height: 140%; }
    #filter_keyword_separate_holder input, #header_search input { font-size: 0.813rem; line-height: 100%; }

    .banner_expertise_heading { padding-bottom: 45px; }
    /** .banner_expertise_img { width: calc(100% + 42px); margin-left: -32px; margin-right: -10px; } **/
    .builder_info .container { gap: 42px 0; }
    .single-barristers .builder_info .container { flex-direction: column-reverse;}

    .builder_submenu h2, .builder_submenu_v2 h2, .builder_submenu_v2 .h2_styler, .builder_cases h2, .builder_insights h2, .builder_barristers h2, .builder_people_expertise h2,         .builder_pupillage .builder_pupillage_info h2 { font-size: 1.5rem; /** letter-spacing: -0.015em; **/ }
    .builder_submenu ul li, .accordion_heading { font-size: 0.938rem;}
    .builder_submenu ul li a { padding: 12px 0 12px 30px; background-size: 16px auto; background-position: 6px 15px; }
    .builder_submenu ul li a:hover { background-position: 11px 15px; padding-left: 35px; }
    .accordion_heading { padding: 12px 0; letter-spacing: normal; }
    .accordion_heading img { width: 16px; height: auto; margin: 2px 7px 0 7px;}
    .accordion_info { padding: 0 0 0 30px;}

    .builder_info_right ul li p { }
    .banner_expertise_testimonials { padding: 22px; }
    .banner_expertise_testimonials blockquote p, .testimonials_box blockquote p  { font-size: 1.25rem !important; line-height: 135% !important;     font-size: 0.8rem !important;}

    /** .builder_testimonials ul li blockquote p { font-size: 1.5rem; line-height: 130%;} **/

    .builder_info_v2 .builder_info_v2_right { padding-top: 65px;}
    .builder_info_v2 .container_capped_small { padding-right: 32px;}
        .single-expertise .builder_info_v2_right { display: none; }
        .single-expertise .builder_info_v2_left { padding-top: 25px;}
    .builder_info_right_accreditations { gap: 38px; }
    .builder_info_right_accreditations li img { max-height: 112px;}
    .builder_info_right ul li p { min-height: unset; }

    .single-post .banner_expertise .container { padding-right: 32px;}
    .single-post .banner_expertise_img { padding-right: 0; margin-right: -32px; margin-left: -32px; width: calc(100% + 64px); }
    .single-post .banner_expertise_img > img { max-height: 300px;}

    /** .cases_scroller .slick-arrow { right: 21px;}
    .cases_scroller .slick-prev.slick-arrow { right: 61px;} **/
    .single-expertise .cases_scroller .slick-arrow { right: 21px; }
    .single-expertise .cases_scroller .slick-prev.slick-arrow { right: 61px; }

    .cases_scroller ol li.slick-current article { background: var(--light-grey); border-color: var(--light-grey);   background: var(--blue); border-color: var(--blue); }
    .cases_scroller ol li.slick-current article * { color: var(--black) !important;}

    /** .builder_accreditations ul { gap: 30px; } **/

    .barrister_list ol li.active article { width: calc(100% + 156px); margin-left: -124px; margin: 30px 0 30px -124px; margin: 20px 0 20px -124px; }

    .sf-field-search input { padding-left: 0; padding-right: 32px; background-position: 100% 50%; }
    .searchandfilter select { background-position: 100% 50%;}
    #insights_page h1 { padding: 0 0 25px 0; }
    #insights_page .searchandfilter ul { padding: 0 0 40px 0;}
    #insights_page .searchandfilter ul li { width: 100% !important;}
    #insights_page .searchandfilter ul li.sf-field-search { padding-right: 0;}
    .insights_grid:not(.insights_grid_scroller) { gap: 32px; }
    .insights_grid:not(.insights_grid_scroller) li article .post_img img { height: 215px;}
    .wp-pagenavi { padding: 40px 0 0 0;}

    .banner_insights { gap: 45px 0; min-height: unset; }
    .post_stats p span { display: block;}
    .post_stats p span em { display: none;}
    .banner_insights .container { padding-top: 0;}

    .builder_barristers_more a { display: block; }

    #people_listing_flex { padding: 20px 0 0 0;}
    #people_listing_search .searchandfilter ul { gap: 14px 0; }
    #people_listing_search .searchandfilter select { padding-top: 13px; padding-bottom: 13px;}
    #people_listing_results h2 { font-size: 1.75rem; padding: 0 0 25px 0;}
    .people_grid .people_info { padding: 13px 0 0 0; }
    .people_grid h3 { font-size: 0.938rem; line-height: 140%; padding: 0 0 7px 0; }
    .people_grid ul li { font-size: 0.813rem;}
    .people_grid .people_img img { height: 165px;}

    .builder_people_testimonials ul:not(.builder_people_testimonials_scroller):not(.slick-dots) { flex-direction: column; gap: 35px 0;}
    .builder_people_testimonials ul:not(.builder_people_testimonials_scroller):not(.slick-dots) li { width: 100%;}

    .banner_people_info { padding-top: 35px;}
    .people_nav .container > ul { justify-content: space-around; gap: 30px 40px; border: none; padding-top: 30px;}
    .people_nav .container > ul > li { width: calc(50% - 20px);}
    .people_nav .container > ul > li.people_nav_clerks, .people_nav .container > ul > li.people_nav_regulatory { width: 100%;}
    .people_nav .container > ul > li.people_nav_clerks .button_cta { display: block;}

    .contact_info_txt { padding-top: 40px;}
    .contact_info_img { width: calc(100% + 64px); margin: 0 -32px; }
    .contact_map_embed { margin: 0 -32px; }
    .contact_info_img img { max-height: 380px; }
    .contact_map_embed { min-height: 472px; height: 472px; }
    .contact_map_info { padding: 40px 0 25px 0; padding-bottom: 15px;}

    .about_alumni_grid { grid-template-columns: repeat(2, 1fr); gap: 25px 32px; }
    .about_banner { padding: 0 0 40px 0;}
    .about_alumni { padding-top: 25px !important;}
    .single-expertise .about_alumni { padding-top: 0 !important;}

    #page_about_v2 h1 { padding-bottom: 25px;}

    .pupillage_col_video_holder { padding: 0;}

    .page-template-template-pupillage .builder_pupillage_faq h2.accordion_heading { font-size: 1.2rem;}
    .page-template-template-pupillage h2 { font-size: 1.85rem;}
    .builder_pupillage_imgtxt_txt_large h2 { font-size: 2.1rem;}

    .builder_pupillage_video_grid article blockquote { padding: 32px; }
    .builder_pupillage_testimonials_list blockquote p { font-size: 1.5rem; line-height: 132%; }


    #site_footer { padding: 50px 0;}
    #site_footer .container { gap: 25px 0;}
    #site_footer .container .footer_col_3, #site_footer .container .footer_col_4 { padding-top: 25px; padding-bottom: 25px; }
    #site_footer .container .footer_col_4 { padding-right: 0;}
    #site_footer .container .footer_col .footer_x a { justify-content: flex-end;}

    #modal_holder, #modal_window { padding: 25px; }
    #modal_window { padding-bottom: 10px;}
    .modal_close { top: 20px; right: 20px;}

    .builder_insights_heading { align-items: center; }

    .builder_people_testimonials .slick-dots {padding:  25px 32px 0 32px; }


}

@media all and (min-width: 0px) and (max-width : 650px) {



}

@media all and (min-width: 0px) and (max-width : 620px) {



}

@media all and (min-width: 0px) and (max-width : 550px) {

    .builder_info_right_accreditations { gap: 28px;}
    .builder_info_right_accreditations li img { max-height: 90px;}

    .people_grid { grid-template-columns: repeat(2, 1fr); }

    .builder_statement h1 { font-size: 1.4rem;}

}

@media all and (min-width: 0px) and (max-width : 540px) {

    #site_footer small { letter-spacing: 0.09em; }

}

@media all and (min-width: 0px) and (max-width : 500px) {



}

@media all and (min-width: 0px) and (max-width : 470px) {



}

@media all and (min-width: 0px) and (max-width : 430px) {

    .about_alumni_grid { grid-template-columns: repeat(1, 1fr); }
    .about_alumni_grid li h3 { min-height: unset; padding: 0 0 10px 0;}
    .builder_insights_heading {gap: 25px 5px; }
    .builder_insights_heading .button_cta { min-width: 120px;}

}

@media all and (min-width: 0px) and (max-width : 400px) {

    h1, .h1_styler, .banner_people h1, .banner_insights_heading h1, .banner_expertise_heading h1 { font-size: 2.4rem;}
    .banner_insights_heading h1 { font-size: 1.4rem;}

    .builder_info_right_accreditations { gap: 20px;}
    .builder_info_right_accreditations li img { max-height: 80px;}

    /** .banner_expertise_testimonials blockquote p, .testimonials_box blockquote p { font-size: 1rem !important;} **/

}

@media all and (min-width: 0px) and (max-width : 370px) {



}

@media all and (min-width: 0px) and (max-width : 360px) {

    #header_main .container { gap: 24px 12px; }

}

.grecaptcha-badge { visibility: hidden; }