/*
Theme Name:   Legal 500 Main
Description:  L500 Main Theme
Author:       Tom Myatt
Author URL:   https://www.legal500.com
Template:     twentyseventeen
Version:      1.5
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  legal-500-main
*/

/* common css */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}
:target{
    position: relative;
}
:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
    position: absolute;
}
/*****************/

.post-type-archive-doing_business_in header, .post-type-archive-interviews header, .post-type-archive-spotlights header, .single-spotlights header, .single-interviews header, .single-doing_business_in header {width: 100% !important; float:none !important;}
.post-type-archive-doing_business_in #primary, .post-type-archive-interviews #primary, .post-type-archive-spotlights #primary, .single-spotlights #primary, .single-interviews #primary, .single-doing_business_in #primary {width: 70%; float:left;}
.post-type-archive-doing_business_in aside, .post-type-archive-interviews aside, .post-type-archive-spotlights aside, .single-spotlights aside, .single-interviews aside, .single-doing_business_in aside {width: 25%; float:right;}
#firm_profiles_section, #rankings_section, #interviews_section {float:left; width: 100%;}
.ranking-box {margin-top: 20px;}
.dbi-profile-preview {float:left; width: 100%;}
.dbi-profile-preview .inner-left {float:left; max-width: 200px; margin-right: 40px;}
.dbi-profile-preview button {float:right; margin-top: 40px;}
.dbi-profile-preview span {width: 100%;}
span.office-list-heading {display:none;}
#rankings_section.set .ranked_lawyers {width: 100% !important;}
#rankings_section.set .ranked_lawyers .entry-listing {float:left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding: 10px;}
#rankings_section.set .ranked_lawyers .entry-listing img {float:left; margin-right: 20px; margin-bottom: 20px; max-width: 75px;}
#rankings_section.set .ranked_lawyers>div {margin-bottom: 10px;}
.ihl-briefing-intro a.more-link {display:none;}
#bottom-banner, .extra-mpu {margin-top: 40px; float:left; width: 100%; text-align:center;}
.single-data_viz #primary {width: 100% !important;}
span.post-date-devs {float:left; width: 100%; color: #19496D; font-weight: 600; font-size: 0.8em; margin-bottom: 10px;}
/* Write here your own personal stylesheet */
.rank-deets a {display:none;}
#lawyer p, #lawyer span {font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important; font-size: 1rem !important; font-weight: 400 !important;}
a.current-lawyer {background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);}
button.view-profile {
    width: 100%;
    background: lightblue;
    color: #111;
    margin-top: 10px;
    margin-bottom: 20px;
}

button.grad-rec {
    width: 100%;
    background: #0e79bf;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
}

button.apply-now {
    width: 100%;
    background: #074b78;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
}

.post-type-archive-doing_business_in .interviews_filter {display:block;}
.post-type-archive-doing_business_in .sidebar-preview img {float:left;}
.post-type-archive-doing_business_in .sidebar-preview a.profile-link {float:right !important;}
.post-type-archive-doing_business_in  .sidebar-preview.doing-business-in {margin-bottom: 20px;}
.page-id-67 .entry-content h2, .page-id-69 .entry-content h2, .page-id-70 .entry-content h2, .page-id-71 .entry-content h2, .parent-pageid-1275 .entry-content h2, .page-id-799 .entry-content h2, .page-id-822 .entry-content h2, .page-id-798 .entry-content h2, .page-id-797 .entry-content h2, .page-id-1275 .entry-content h2, .page-id-793 .entry-content h2  {margin-top: 0px;}

td.profile-name {font-weight: 600;}
.single-doing_business_in img.firm-logo {margin: 20px 0px 20px 0px;}
.single-doing_business_in a.view-profile {font-weight: bold; float:right; background-color: #1a405a;
    color: white;     transition: all 0.2s linear;
    font-weight: 600;
    padding: 7px;
    border-radius: 3px;}
    .single-doing_business_in a.view-profile:hover{
    background-color: white;
    color: #1a405a;
    box-shadow: 5px 5px 15px #cacbd4;}

#hoff_json_wrapper {background: #ccc;}
#hoff_json a {border-bottom: 1px dashed #D4BF00; font-weight: bold; color: #111; box-shadow:none;}
#hoff_json_wrapper button {background: none; float:right; color: #111; padding: 0px;}

.staff-listing h2.staff-title {
    margin-top: 10px;
    font-size: 1.2em;
}
/*.custom-logo-link {
    display: block !important;
    position: unset !important;
    top: 0 !important;
}
*/
.page-id-793 .pagenav {
    display: none;
}

ul.about-links {
    margin-left: 20px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: -217px;
}

.single-suppliers #search-2 {
    display: none;
}

.single-suppliers ul {
    margin-left: 40px;
}

img.error {
    display: none;
}

.stc-lawyer-list {
    background: #fff;
    color: #111;
}

.stc-lawyer-list ul {
    list-style-type: none;
}

.stc-lawyer-list li {
    float: left;
    width: 100%;
}

.stc-lawyer-list img {
    max-width: 150px;
    float: left;
}

.donate-link {
    text-align: center;
    background-color: white !important;
    clear: both;
    height: 60px;
    margin-bottom: 10px;
    border-bottom: 0px;
    width: 100%;
    padding-top: 20px;
}

.stc-link {
    background-color: darkgrey !important;
    clear: both;
    height: 130px;
    margin-bottom: 10px;
    border-bottom: 0px;
    width: 100%;
}

.stc-link img {
    float: left;
    width: 38%;
    margin-left: 31%;
    margin-bottom: 0px;
    margin-top: 13px;
}

.shirt-link {
    text-align: center;
    padding-top: 18px;
    background-color: dimgrey !important;
    clear: both;
    height: 60px;
    margin-bottom: 20px;
    border-bottom: 0px;
    width: 100%;
}

._showcase_header h2 {
    color: #fff !important;
}

._showcase_intro iframe {
    width: 100%;
}

.page:not(.home) .entry-content.billable {
    width: 100% !important;
}

.lhsboxoutstyle {
    background: darkgrey;
    color: #fff;
    width: 100%;
    padding: 25px;
}

.lhsboxoutstyle a {
    font-weight: bold;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.lhsboxoutstyle img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    float: left;
    margin-left: 35%;
    margin-right: 35%;
    margin-bottom: 20px;
}

#_showcase_level0 {
    float: left;
    width: 20%;
}

#_showcase_level1 {
    float: right;
    width: 60%;
    margin-right: 10%;
    margin-top: 20px;
}

#_showcase_level1 a {
    color: #fff;
    font-weight: bold;
}

.page-id-2139 .site-content-contain {
    background: #111;
    color: #fff;
}

#countryList {
    max-height: 500px;
    overflow: auto;
}

#region-nav {
    background: #eee;
    padding: 10px;
}

ul.bpa-menu {
    list-style-type: none;
    margin-left: 0px !important;
}

ul.expand-collapse {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul.bpa-menu li {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 10px 5px;
}

ul.bpa-menu li:hover {
    border-bottom: 1px solid #587487;
    background-color: #111;
    color: #fff;
    cursor: pointer;
}

ul.bpa-menu li:hover > a,
ul.bpa-menu li a:hover {
    color: #fff !important;
}

ul.bpa-menu li:hover > ul li a {
    color: #ddd;
}

ul.bpa-menu li a {
    padding: 12px 0px 12px 0px;
}

.hof-interviews {
    width: 74%;
    float: right;
    border-bottom: 0.5px solid lightgrey;
    margin-top: 20px;
}
.interviewer-image-outer {
    position: relative;
    width:20%;
}
.logo-image-outer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-right: 0px !important;
}
.interviewer-image{
    position: relative;
}

.hof-interviews img {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 200px;
    height: 200px;
}
.interviewer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    max-width: 200px;
    max-height: 200px;
}
.post-type-archive.post-type-archive-interviews .navigation.pagination {
    width: 100%;
}
.interview-intro-archive {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.interview-preview {
    display: flex;
    align-items: center;
}
/* .interview-preview img {
    margin-right: 10px;
    margin-bottom: 10px;
    max-height: 310px;
    max-width: 250px !important;
} */

.post-type-archive-interviews img.interview-firm-logo {
    display: none;
}

td.profile-link a {
    border-bottom: #C7E9FF dotted 2px;
}

table#lawyer-profiles-list td.profile-position p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

table#lawyer-profiles-list td.profile-position p:not(:first-of-type) {
    display: none;
}

.interview-intro {
    width:80%;
    margin-left: 20px;
    
}

.interview-firm-logo {
    float: right !important;
    position: relative !important;
}

.no-photo {
    background: #fff;
    width: 100px;
    height: 100px;
    float: left;
    text-align: center;
    padding-top: 10px;
    color: #fff;
}

.non-booker-main {
    width: 75%;
    float: left;
}

.other-coutries {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.other-country {
    flex-grow: 3;
    display: block;
    margin: 0 14px 0 0;
}

ul.other-offices {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

ul.other-offices li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

ul.other-offices li:before {
    content: '\ffed';
    margin-right: 0.5em;
}

ul.other-offices li.other-office--highlight {
    font-weight: bold;
}

.non-booker-list {
    float: left;
    background: #ccc;
    margin-bottom: 20px;
    width: 100%;
    padding: 20px;
}

.fptextcontext p {
    margin-bottom: 0.5em;
}

.client-list {
    -webkit-column-count: 2;
    column-count: 2;
}

li.office-link {
    border-right: 3px dotted #ccc;
}

img.promo-logo {
    float: right !important;
    max-width: 100px;
}

.office-profile #staffing_figures,
.office-profile #lawyer_profiles,
.office-profile #rankings,
.office-profile #firm_profiles,
.office-profile #main_contacts {
    margin-bottom: 40px;
}

.single-interviews .site-content {
    padding: 1.5em 0 0;
}

form.office-picker,
.chzn-select .homepage .chosen-container {
    margin-bottom: 20px;
    float: left;
    width: 100% !important;
}

img.firm-profile-logo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.lawyer-photo {
    float: left;
    margin-right: 10px;
}

.chosen-container.chosen-container-single {
    width: 100% !important;
}



h3.ranking-profile-header {
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    padding: 0px 10px 10px 0;
    color: #3399ff;
    margin-top: 60px;
    border-top: 4px dotted #ccc;
    padding-top: 10px;
}

h3.ranking-profile-header a {
    text-transform: uppercase;
    font-size: 1em;
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    padding: 0px 10px 10px 0;
    color: #111;
}

div.firm.to_watch div {
    display: flex;              
    flex-direction: column;     
    justify-content: center;           
    height: auto;
    border: 1px solid black; 
    background: #001b2e; color: #fff; 
    background-image: url('https://www.legal500.com/wp-content/uploads/sites/18/2021/09/ftw-logo-cropped-sml.jpg'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: 2% 50%;
    padding-left: 15%;
    margin-bottom: 20px;
}

div.firm.to_watch div a {
    margin: 5px;
    text-align: left;
    color: #cad636;
    padding: 0px 0px 0px 0px;
}

div.firm.to_watch div a span {
    color: #fff;
}

.firm_ranking_comment {

    margin-top: 10px;
}

.office-profile #left-col {
    width: 22.5%;
    float: left;
    padding-right: 1%;
    border-right: 5px dotted #ccc;
}

.office-profile #middle-col {
    width: 50%;
    float: left;
    margin-right: 2.5%;
    margin-left: 2.5%;
}

.office-profile #right-col {
    width: 22.5%;
    float: right;
}





/* HOF badge if lawyer has a profile */
a.enabled.hof {
    position: relative;
    margin-right: 30px;
}
a.enabled.hof:after {
    position: absolute;
   /* top: -1px;*/
    font-size: 6px;
    content: "";
    margin-left: 4px;
    background: transparent url(hall_of_fame.gif) center left no-repeat;
    color: white;
    width: 25px;
    height: 16px;
}


ul.tab-nav.fixed {
    position: fixed;
    bottom: 10px;
    background-color: #C7E9FF;
    width: 48%;
    margin-left: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    z-index: 999;
}

li.tab.jump-to {
    color: #111;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0px 10px;
    font-family: "myriad-pro", sans-serif;
}

li.tab.jump-to:hover {
    border-bottom: 0px;
}

ul.tab-nav.fixed li.tab.jump-to {
    background-color: transparent;
}

#left-col.fixed {
    position: fixed;
    top: 100px;
    width: 21.5%;
}

#middle-col.extra-margin {
    margin-left: 25%;
}

.office-profile select {
    width: 100%;
    margin-bottom: 20px;
    display: none !important;
}

.office-profile .contact-box .social-navigation {
    text-align: right;
    margin-top: 20px;
}

.contact-links span {
    border-left: 3px solid #39f;
    margin-bottom: 5px;
    padding-left: 10px;
    width: 100%;
    float: left;
}

ul.tab-nav {
    max-width: 100%;
    width: 100%;
    float: left;
    line-height: 3em;
    padding: 4px 0px 0px 0px;
    background-color: #C7E9FF;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0 4px 6px -6px #d2d9e5;
    box-shadow: 0 4px 6px -6px #d2d9e5;
}

ul.tab-nav li {
    list-style-type: none;
    display: inline-block;
    margin-right: 4px;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 3px solid #C7E9FF;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

ul.tab-nav li a {
    color: #111;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;

}

ul.tab-nav li a:hover {
    color: #9E8300
}

ul.tab-nav li:hover {
    border-bottom: 3px solid #111;
}

.address-box {
    text-transform: uppercase;
    color: #777;
    font-family: "myriad-pro", sans-serif;
    font-weight: 700;
}

.contact-box {
    background: #ddd;
    padding: 10px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.adspace {
    width: 200px;
    margin: 0px auto;
}

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

li.sf-field-post-meta-department select {
    width: 100%;
}

li.sf-field-post-meta-product select {
    width: 100%;
}

.single-staff .site-content {
    padding-top: 1.5em;
}

#search-filter-results-1503 .contact-icons button {
    min-width: 15%;
}

#search-filter-results-1503 a.profile-link {
    width: 10%;
    float: left;
    padding: 0px;
    text-align: left;
    margin-right: 4px;
}

p.about-job {
    font-size: 0.8em;
    font-weight: 600;
    color: #9E8300;
    margin-top: -10px;
}

img.staff-photo {
    max-width: 125px;
    min-width: 125px;
    min-height: 125px;
}

.single-staff h2 {
    margin-top: 0px;
    padding-top: 0px;
}

.single-staff li.sf-field-post-meta-department,
.single-staff li.sf-field-submit {
    float: left;
    width: 49%;
}

.single-staff li.sf-field-post-meta-product,
.single-staff li.sf-field-reset {
    float: right; width: 50%;
}

p.site-title,
h1.site-title {
    top: -20px;
    left: 150px;
}

.social-links {
    top: 30px;
}

div.contact-icons span {
    margin-top: 4px;
    float: left;
    font-family: "myriad-pro", sans-serif;
    font-weight: 400;
}

div.contact-icons .fas,
div.contact-icons .fab,
.sidebar-preview .fas,
.sidebar-preview .fab,
.profile-link .fas,
.profile-link .fab {
    font-size: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.sidebar-preview p.team {
    font-weight: 600;
}

div.contact-icons button,
.sidebar-preview.staff button,
.profile-link button {
    min-width: 28.5%;
    font-weight: 400;
    padding: 4px;
    background: #ccc;
    color: #111;
}

.sidebar-preview.staff button {
    width: 25%;
    float: right;
}

.custom-header {
    margin-bottom: 72px;
}

.name-comp {
    float: right;
    width: 60%;
}

.name-comp p.office-tag {
    width: 100%;
    color: #9E8300;
}

.staff-listing .team {
    font-weight: 600;
    font-size: 0.9em;
    margin-top: -10px;
}

.staff-listing .contact-icons {
    margin-top: -10px;
}

.staff-listing a {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.staff-listing button,
.sidebar-preview.staff button {
    border-radius: 0px;
    padding: 0px 0px 4px 4px !important;
}

.staff-listing h2.staff-title {
    border-bottom: none;
}

.staff-listing {
    border-bottom: 1px solid #9E8300;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#mainpanels {
    margin-top: 20px;
}

.about-staff {
    float: left;
    margin-top: 40px;
}

#search-filter-form-1503 label {
    width: 100%;
}

#search-filter-form-1503 .searchandfilter select {
    width: 100%;
}

#search-filter-form-1503 li.field-submit {
    float: left;
    width: 49.5%;
}

#search-filter-form-1503 li.field-reset {
    float: right;
    width: 49.5%;
}

#search-filter-form-1503 li.field-submit input,
#search-filter-form-1503 li.field-reset input {
    width: 100%;
}

.interview-content ul,
.interview-content ol {
    margin-left: 40px;
}

.interview-firm {
    font-weight: 600;
}

.page:not(.home) .site-content {
    padding: 1.5em 0 0;
}

.single-interviews .single-featured-image-header {
    display: none;
}

h1.interview-title img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

h1.page-title-editorial,
h1.entry-title {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    border-bottom: 8px solid #587487;
    padding: 0px 10px 10px 0;
}

h1.interview-title {
    font-size: 1.8em;
    font-weight: 700;
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    padding: 0px 10px 10px 0;
}

h1.interview-title span {
    color: #06c;
}

h2.nav-header,
.interview-content h2,
.entry-content h2 {
    text-transform: uppercase;
    font-family: "myriad-pro", sans-serif;
    color: #111;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 5px;
    border-bottom: 1px solid #9E8300;
    margin-top: 50px;
}

h3.info-page,
.interview-content h3,
.interview-content h4 {
    border-bottom: 1px solid #9E8300;
    font-weight: 800;
    font-family: "myriad-pro", sans-serif;
}

.page:not(.home) .entry-header {
    width: 24% !important;
}

.page:not(.home) .entry-content {
    width: 74% !important;
}

.team-search {
    background: #eee;
    padding: 10px;
    float: left;
}

.middle.firm-global {width: 74% !important; float:left; margin-left: 1.5%;}
.middle.firm-global .article-boxes {width: 100%; float:left; margin-bottom: 20px; border-bottom: 2px solid #1a405a; border-top: 2px solid #1a405a; padding-bottom: 20px; padding-top: 20px;}
.middle.firm-global .article-boxes>div {float:left;}
.middle.firm-global .tabs {width: 100%;}
.middle.firm-global .tabs>div {float:left; width: 15%;}

.staff-listing {
    float: left;
    width: 100%;
}

.single-staff .staff-listing {float:left; width: 70%;}

.single-staff aside {float:right; width: 25%;}

.staff-photo {
    float: left;
    margin: 0px 20px 20px 0px;
}

.after-image {
    float: left;
}

.archive .site-content {
    padding: 1.5em 0 0;
}

/* .post-type-archive-interviews .interview-preview img {
    max-width: 100px;
} */

.post-type-archive-interviews .interview-preview p {
    float: none;
    width: 100%;
    margin:0px 0px 5px 0px;
}
.profile-link-outer {
    display: flex;
    justify-content: flex-end;
    margin-top:20px;
}
.interview-preview {
    box-shadow: 0px 0px 8px 3px #d7d7d7;
    padding: 10px;
    border-bottom: 0px;
    border-radius: 2px;
    border-bottom: 0px !important;
}
.site-title,
.site-title a {
    font-family: "myriad-pro", sans-serif;
}

.search-form {
    width: 97.5%;
    margin-left: 1%;
}

.search-form .search-submit {
    bottom: 0px;
    top: 0px;
    right: -21px;
}

.wrap {
    max-width: 100% !important;
}

.navigation-top .wrap {
    max-width: 100% !important;
    background: #1a405a;
}

.navigation-top .wrap a {
    color: #fff;
}

.bannergroup.leaderboard {
    float: right;
}

#leftcol {
    width: 15%;
    margin-left: 1%;
}

.countrynav {
    width: 94%;
    height: 614px;
    margin-right: 6%;
    background-color: #606060;
    float: left;
}

ul.countries-select {
    height: 506px;
    overflow-y: scroll;
    margin-right: 4px;
    padding-right: 15px;
    font-size: .9em;
    margin-left: 12px;
}

ul.countries-select li {
    margin: 2px 0;
    margin: 7px 0;
    line-height: 1.2em;
    border-bottom: 1px solid #606060;
}

ul.countries-select li a {
    color: #eee;
}

#homemainframe p {
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-weight: bold;
}

#homemainframe div#fpsecondary p {
    font-weight: normal;
}

h3.micrositeheader a{
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 10px;
    color: #990000;
    font-size: 0.9em;
}


.row1,
.row2,
.row3,
.row4 {
    height: 146px;
    margin-bottom: 10px;
    width: 100%;
}

.row5 {
    height: 120px;
}

.panel1 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    height:100%;
    min-height: 150px;
    width: 46.5%;
    /* background-color: #1a405a; */
    background-color: #eee;
    float: left;
    background-image: url(/wp-content/assets/home/rankings_h.png);
    background-repeat: no-repeat;
    background-position: 96% 27%;
    background-size: 25px;
    border: 1px solid #1a405a;
}

.panel1:hover {
    background-color: #1a405a;
}

#homemainframe .panel1 p {
    color: #000;
}

#homemainframe .panel1:hover p {
    color: #fff;
}


.panel2 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 52.5%;
    height:100%;
    min-height: 150px;
    float: right;
    margin-left: 1%;
    /*background-image: url('/wp-content/uploads/2019/11/carousel-cc20.jpg');*/
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}


.panel4 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #549FD1;
    background-color: #eee;
    float: left;
    height:100%;
    min-height: 150px;
    margin-right: 1%;
    background-image: url(/wp-content/assets/home/profiles.png);
    background-repeat: no-repeat;
    background-position: 99% 93%;
    background-size: 20%;
    border: 1px solid #1a405a;
}

#homemainframe .panel4 p {
    color: #000;
}


.panel4:hover {
    background-color: #3e6c8c;
}


#homemainframe .panel4:hover p {
    color: #fff;
}

.panel5 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #BF2A32;
    background-color: #eee;
    float: left;
    height:100%;
    margin-right:1%;
    min-height:150px;
    background-repeat: no-repeat;
    background-position: 95% 97%;
    background-size: 18%;
    border: 1px solid #1a405a;
}

#homemainframe .panel5 p {
    color: #000;
}

.panel5:hover {
    background-color: #BF2A32;
}


.panel6 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #992228;
    background-color: #eee;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    background-image: url(/wp-content/assets/home/events.png);
    background-repeat: no-repeat;
    background-position: 97% 93%;
    background-size: 20%;
    border: 1px solid #1a405a;
}

#homemainframe .panel6 p {
    color: #000;
}

.panel6:hover {
    background-color: #992228;
}


.panel7 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: none;
    width: 24.25%;
    background-color: #1a405a;
    background-color: #111;
    float: right;
    height:100%;
    min-height:150px;
    background-repeat: no-repeat;
    background-position: 98% 95%;
    background-size: 30%;
    border: 1px solid #1a405a;
}

.panel7:hover {
    background-color: #fff;
    border: 1px solid #000;
}

#homemainframe .panel7:hover p, #homemainframe .panelreports:hover p {
    color: #000;
}

.panel8 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 24.25%;
    background-color: #111;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 146px;
}


.panel9 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #eee;
    background-image: url(/wp-content/assets/home/gc.png);
    background-repeat: no-repeat;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    background-position: 90% 50%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    border: 1px solid #1a405a;
}

.panelreports {
-webkit-transition: all 0.4s;
transition: all 0.4s;
width: 24.25%;
background-color: #1a405a;
background-color: #111;
float: right;
height: 146px;
background-image: url(/wp-content/assets/home/insight.png);
background-repeat: no-repeat;
background-position: 98% 95%;
background-size: 30%;
border: 1px solid #1a405a;
}

.panelreports:hover {
    background-color: #fff;
    border: 1px solid #000;
}



#homemainframe .panel9 p {
    color: #000;
}

.panel9:hover {
    background-color: rgb(123, 6, 128);
    background-image: url(/wp-content/assets/home/gc_w.png)
}

#homemainframe .panel9:hover p {
    color: #fff;
}


.panel10 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #000;
    background-color: #eee;
    float: left;
    height: 100%;
    min-height: 150px;
    background-image: url(/wp-content/assets/home/fivehundred-f.png);
    background-repeat: no-repeat;
    background-position: 98% 98%;
    background-size: 20%;
    border: 1px solid #1a405a;
}

#homemainframe .panel10 p {
    color: #000;
}

.panel10:hover {
    background-color: rgb(7, 112, 7);
}

#homemainframe .panel10:hover p {
    color: #fff;
}

.panellb {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #000;
    float: left;
    height: 100%;
    min-height: 150px;
    background-image: url(https://www.legalbusiness.co.uk/wp-content/uploads/2017/05/lb-logo-transparent.png);
    background-repeat: no-repeat;
    background-position: 95% 95%;
    background-size: 15%;
       }


.panellb p {
color: white !important;
}

.panellb-content:hover p {
    visibility: none;
    margin-top: -30px;
    opacity: 0;
    max-width: 100%;
        }

.panellb-content:hover > p.panel-hover-text {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.panel13 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #992228;
    background-color: #eee;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    background-image: url(/wp-content/assets/home/compguides.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 12%;
    border: 1px solid #1a405a;
}


.panel13:hover {
    background-color: #992228;
}


#homemainframe .panel13 p {
    color: #000;
}

.panel17 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 15.8%;
    border: 1px solid #000;
    background-color: #eee;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    background-image: url(/wp-content/assets/home/diversity.png);
    background-repeat: no-repeat;
    background-position: 100%;
}

.panel17:hover {
    -webkit-box-shadow: 0px 0px 6px #444;
    box-shadow: 0px 0px 6px #444;
}

.panel14 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #28853F;
    background-color: #eee;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    border: 1px solid #1a405a;
}

#homemainframe .panel14 p {
    color: #000;
}

.panel14:hover {
    background-color: #28853F;
}


.panel15 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    background-color: #1a405a;
    background-color: #eee;
    border: 1px solid #1a405a;
    float: left;
    height:100%;
    min-height:150px;
    margin-right: 1%;
    background-image: url(/wp-content/assets/home/aboutus.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 12%;
}


#homemainframe .panel15 p {
    color: #000;
}

.panel15:hover {
    background-color: #1a405a;
}

#homemainframe .panel15:hover p {
    color: #fff;
}

.panel16 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    border: 1px solid #fffc00;
    background-color: #222;
    background-color: #111;
    float: right;
    height:100%;
    min-height:150px;
    background-image: url(/wp-content/assets/home/ihl-logo.jpg);
    background-repeat: no-repeat;
    background-position: 90% 90%;
}

.panel16:hover {
    background-color: #fffc00;
    border: 1px solid #111;
}

#homemainframe .panel16:hover p {
    color: #000;
}


.panel18 {
    width: 24.25%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #000;
    background-color: #555;
    float: left;
    height:100%;
    min-height:150px;
   background-image: url(https://www.legal500.com/wp-content/uploads/sites/18/2021/11/GGG-white.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    margin-right: 1%;
    background-size: 15%;
}

.panel18:hover {
    background-color: #05392d;
  
}

.panel18-content:hover {
    color:white;
    opacity: 1;
    background-repeat:no-repeat;
    transition: opacity 0.2s ease;
    max-width: 100%;
}

.panel18-content:hover p {
    visibility: none;
    margin-top: -30px;
    opacity: 0;
    max-width: 100%;
        }
    
        .panel18-content:hover > p.panel-hover-text {
            visibility: visible;
            opacity: 1;
            transition: opacity 0.2s linear;
        }
   
.panel19 {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-right: 5px;
    width: 100%;
    height: 90px;
}

.panel-podcast {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 24.25%;
    height:100%;
    min-height:150px;
    background: #0d2331;
    background-color: #0d2331;
    background-image: url(/wp-content/uploads/sites/18/2020/05/l500-podcasts-logo.png);
    background-repeat: no-repeat;
    background-position: 95% 90%;
    background-size: 20%;
    float: left;
    margin-right: 1%;
    box-shadow:none !important;
}

.panel-podcast:hover {
    background-color: #1a405a;
}


.panel-lex {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    float: right;
    width: 24.25%;
    height:100%;
    min-height:150px;
    background: #424041;
    background-color: #555;
    background-image: url(/wp-content/assets/home/lex100.png);
    background-repeat: no-repeat;
    background-position: 95% 93%;
    background-size: 70px;
}


.panel-lex:hover {
    background-color: #777;
}

.rpctext {
    width: 180px;
    height: 100px;
    right: 20px;
    bottom: 0;
    background-color: rgba(0, 0, 0, .85);
    background-color: #111;
    position: absolute;
    color: #fff;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: 1em;
    padding: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    line-height: 1.4em;
}

.faqs {
    font-size: 1.1em;
}

.acf-field.query-type ul label {
    font-size: 1.5em;
    background: black;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    padding: 20px;
    float: left;
    line-height: 1.6;
}

.acf-field.query-type ul label:hover {
    background-color: #ddd;
    color: #000;
}

.acf-field.query-type ul label.selected {
    background: #1a405a;
}

.acf-field.query-type ul label:hover {
    cursor: pointer;
}

.acf-field.query-type input {
    display: none;
}

ul.acf-radio-list label {
    font-size: 1.5em;
}

.acf-field.questions ul label {
    font-size: 1.3em;
    background: black;
    color: #fff;
    padding: 10px;
    float: left;
    width: 100%;
    line-height: 1.6;
}

.acf-radio-list li:first-of-type {
    display: none;
}

.acf-field.questions input {
    display: none;
}

.acf-field.questions ul label.selected {
    background: #1a405a;
}

.acf-field.questions ul label:hover {
    cursor: pointer;
}

p.description {
    border: 4px solid #1a405a;
    padding: 10px !important;
    background-color: orange;
}

.acf-input-wrap input {
    height: 60px !important;
    font-size: 30px !important;
}

.acf-field.query-type ul label {
    font-size: 1.4em;
}

.contact-form p.description {
    border: none;
    font-size: 0.6em;
    background: #ccc;
}

.acf-field.hidden {
    display: none;
}

.acf-form-submit {
    display: none;
}

.no-title label {
    display: none !important;
}

.interview-preview {
    /* float: left; */
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #111;
    /* min-height: 150px; */
    padding-bottom: 10px;
    background: #e1e8ec99;

}

.interview-preview h3,
p.secondary {
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    width: 100%;
}

/* .interview-preview img {
    float: left;
    max-width: 35%;
} */

.interview-preview p {
    float: right;
    width: 65%;
}

.interview-preview .more-link {
    display: none;
}

.home.page-template-default .search-input {
    background-color: #888888;
    border-radius: 0;
    border: none;
    color: white;
    margin-bottom: 10px;
}

.home.page-template-default .search-input::-webkit-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
    /* Firefox */
}

.home.page-template-default .search-input:-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
    /* Firefox */
}

.home.page-template-default .search-input::-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
    /* Firefox */
}

.home.page-template-default .search-input::placeholder {
    color: #bdbdbd;
    opacity: 1;
    /* Firefox */
}

h3.gc-widget-title {
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "myriad-pro", sans-serif;
    font-weight: 600;
    border-bottom: 8px solid #111;
    padding: 10px 10px 10px 0;
}

.archive h1 {
    text-transform: uppercase;
    font-family: "myriad-pro", sans-serif;
    color: #111;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 5px;
    border-bottom: 3px solid #ccc;
}

h4.dbi-title a,
h3.interview-title {
    color: #06c;
    font-family: "myriad-pro", sans-serif;
    margin-bottom: 0px;
    border-bottom: 3px dotted #ddd;
}

span.firm-logo {
    width: 150px;
    height: 150px;
    background: #ccc;
    float: left;
}

.spotlight-intro {
    float: right;
}

.spotlight-intro img {
    margin: 5px 10px 10px 0px;
    float: left;
}

a.profile-link {
    float: right;
    display: inline-block;
    background: #ccc;
    color: #111;
    padding: 4px;
    text-align: center;
}
.spotlight-intro p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 10px 0px;
}
a.profile-link:hover {
    background-color: #9E8300;
}

.sidebar-preview {
    float: left;
    width: 100%;
    border-bottom: 2px dashed #1a405a;
    padding:20px 15px;
}

.sidebar-preview .more-link {
    display: none;
}
.sidebar-logo,
.sidebar-business-outer{
    width: 100px;
}
.business-logo-outer {
    width: 100px;
}
.sidebar-logo img,
.sidebar-business-outer img,
.business-logo-outer img{
  width:100%;
  height:100%;
  object-position: center;
  object-fit: cover;
}
.bpa-contact-one, .bpa-contact-two {
    position: relative;
    width: 50%;
    float: left; margin-right: 10px;
    width: 228px
    }
    
    .image-contacts-bpa {
    display: block;
    width: 100%;
    height: auto;
    }
    
    .overlay-contacts-bpa {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 225px;
    width: 218px;
    opacity: 0;
    transition: .5s ease;
    background-color: #1a405a;
    }
    
    .bpa-contact-one:hover .overlay-contacts-bpa,  .bpa-contact-two:hover .overlay-contacts-bpa {
    opacity: 1;
    }
    
    .text-contacts-bpa {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    }
    
/* lawFirmWrapper */
.offices.lawFirmWrapper a.office__city:hover{
    outline:none !important;
    box-shadow: none !important;
}
.offices.lawFirmWrapper a.office__city {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    color: #4b4a49;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-style: italic;
}
.offices.lawFirmWrapper i.fa-solid.fa-location-dot {
    margin-right: 3px !important;
}
.offices.lawFirmWrapper .office {
    box-shadow: 0px 0px 2px #dfb047;
    background: #dfb0470f;
    width: 47% !important;
    margin: 7px 10px;
    border: 1px;
    border-style: ridge;
    padding:12px 18px !important;
}
.offices.lawFirmWrapper .list-multiple-offices{
    margin-left:0px;
    margin-top:0px;
}
.offices.lawFirmWrapper .law-firm-profile-logo {
    width: 20% !important;
    height: 50px;
    margin-right: 14px;
}
.offices.lawFirmWrapper .law-firm-profile-logo img {
  width:100% !important;
  height:100%;
  object-fit: contain;
  object-position: center;
}
.offices.lawFirmWrapper .list-multiple-offices a:hover{
    box-shadow: none !important;
}
.offices.lawFirmWrapper .list-multiple-offices {
    display: block;
    width: 100%;
}
.offices.lawFirmWrapper .list-multiple-offices a{
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    color: #4b4a49;
}    
.offices.lawFirmWrapper .law-firm-profile-office{
    width:80%;
}
.letters-offices .office .office__link:hover{
    color: #9E8300;
    outline: 0;
    text-decoration: none;
}
.lawyer-profile-default-img {
    max-width: 100px;
    width: 100%;
}
a.profile-link.profile-btn{
    font-size: 14px;
    background-color: #89d8d3;
    background-image: linear-gradient(315deg, #1a405a 0%, #336689 74%);
    border: none;
    z-index: 1;
}
a.profile-btn{
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
}
a.profile-link.profile-btn:hover {
    color: #fff;
}
a.profile-link.profile-btn:hover:after {
    top: 0;
    height: 100%;
}
a.profile-link.profile-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background-color: #1a405a;
    background-image: linear-gradient(315deg, #1a405a 0%, #315d7c 74%);
    box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
    transition: all 0.3s ease;
}

/* MOBILE STYLING */

@media all and (max-width: 1199px) {
}

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

    div#l500_top_mpu{
        float: unset!important;
        margin-left: unset!important;
        margin-top: unset!important;
        width: auto!important;
        height: 166px!important;
    }
    }

/* MOBILE STYLING IPAD UP TO LANDSCAPE */

@media all and (max-width: 1024px) {
    #left-col.fixed {position: relative !important;}
    #homemainframe p {font-size: 0.8em;}
    span.back-to-pub {float:left; width: 100%;}
    #middle-col.extra-margin {margin-left: 0px;}
    #lawyer.tab-section .contact-links {width: 70%;}
    .office-profile #left-col {border-right: none;}
    #mainpanels {overflow: auto;}
    .page:not(.home) .entry-header {width: 100% !important;}
    #practicearea .entry-header {width: 28% !important;}
    #practicearea .entry-content {width: 70% !important;}
    
}

@media all and (max-width: 991px) {
.page-id-67 .status-publish.hentry .entry-content {
    width: 100% !important;
}
#bottom-banner {display:none;}
    .ranked_lawyers, .extra_info {width: 100% !important;}
    h3.ranking-profile-header {padding-top: 30px;}
    .client-list {
        -webkit-column-count: 1;
        column-count: 1;
        margin-bottom: 20px;
    }

    .row1,
    .row2,
    .row3,
    .row4 {
        height: auto;
    }

    #leftcol {
        width: 30%;
    }

    .countrynav {
        height: 1640px;
    }

    .countrynav ul.countries-select {
        height: 1510px;
    }

    .panel1 {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .panel2 {
        margin-left: 0px;
        width: 100%;
        float: none;
        background-size: contain;
    }

    .panel4,
    .panel8
    .panel9,
    .panel16,
    .panel17,
    .panel-lex,
    .panel-podcast {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        float: none;
        margin-bottom: 10px;
    }

    .panel5,
    .panel6,
    .panel7,
    .panel8,
    .panel9,
    .panel10,
    .panel13,
    .panel14,
    .panel15,
    .panel18,
    .panelreports,
    .panel-podcast {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        float: none;
        margin-bottom: 10px;
        clear: both;
    }

    .panel19 {
        display: none;
    }

    .panel8 {
        background-position: 95% 25%;
    }

    .panel-podcast, .panel-podcast:hover  {
        background-size:15%;
        background-position:95% 95%;
    }
}

@media all and (max-width: 768px) {
    .panel14 {background-size: 15%;}
    .lawyer-profile #middle-col, #middle-col.extra-margin {margin-top: 140px !important;}
    #firm_profiles h2.nav-header {padding-top: 10px;}
    ul.multi-profiles {float: left;
        width: 100%;
        margin-top: 60px;}
    .non-booker-main {width: 100% !important;}
    #primary, #left-col, #middle-col, #right-col {width: 100% !important;}
    .interviews_filter__country, .interviews_filter__language, .interviews_filter__company, .interviews_filter__filter {width: 100% !important; margin-bottom: 10px;}
    .interviews_filter__reset {display:none;}
    .page:not(.home) .entry-content {width: 100% !important;}
    .name-comp {width: 100% !important;}
    .networks-archive #region-nav {display:none;}
    .networks-archive h2 {margin-top: 10px;}
    .letters-network-offices img {max-width: 25%; float:left; margin-right: 20px; margin-bottom: 20px;}
    .letters-network-offices .office {float:left; widtH: 100%;}
    .table-scroll-mobile {
        max-width: 100%;
        overflow: auto;
    }

    .leaderboard,
    .panel19 {
        display: none;
    }

    .navigation-top .wrap {
        background: #1a405a !important;
    }

    #top-menu {
        background: #111;
    }

    #top-menu svg {
        color: #fff;
    }

    #top-menu .main-navigation ul ul {
        padding: 0px;
    }

    .countrynav {
        display: none;
    }

    #leftcol,
    .panel1,
    .panel2,
    .panel3,
    .panel4,
    .panel5,
    .panel6,
    .panel7,
    .panel8,
    .panel9,
    .panel10,
    .panel11,
    .panel12,
    .panel13,
    .panel14,
    .panel15,
    .panel16,
    .panel17,
    .panel18,
    .panel19,
    .panel20,
    .panel-lex,
    .panel-podcast {
        width: 100%;
        margin-left: 0px;
    }


    .panel2 {
        background-size: contain;
    }

}

@media only screen and (max-width:767px){
    aside#secondary.widget-area a.profile-link{
        text-align: left;
    }
    .Testimonials-modal .modal-content .testimonial-outer .row [class^="col"]{
        margin-bottom:20px !important;
    }
    aside#secondary.widget-area{
        width:100%;
    }
    button.interviews_filter__filter, a.interviews_filter__reset{
        margin-left:0px !important;
    }
    .interviews_filter span.select2.select2-container.select2-container--default{
        margin-bottom: 10px !important;
    }
}

@media all and (max-width: 575px) {
    #non-front-search {
        top: 0px;
    }

    #non-front-search .search-form {
        top: 0px;
        margin-top: 0px;
    }

    .social-links {
        top: 60px;
    }

    .navigation-top {
        margin-top: 60px;
    }

    .adspace, #l500_middle_leaderboard_728x90, #l500_oversized_top_1900x150 {
        display: none;
    }

    ul.tab-nav.fixed {
        width: 100%;
        margin-left: -30px;
    }

    #left-col.fixed {
        position: relative;
    }

    .office-profile #right-col {
        width: 100%;
    }

    #middle-col.extra-margin {
        width: 100%;
        margin: 0px;
        float: left;
    }

    .office-profile #left-col {
        width: 100%;
        border-right: none;
    }

    #region-nav {
        margin-bottom: 20px;
    }

    .promo-box {
        text-align: center;
    }

    .leaderboard,
    .panel19 {
        display: none;
    }

    .navigation-top .wrap {
        background: #1a405a !important;
    }

    #top-menu {
        background: #111;
    }

    #top-menu svg {
        color: #fff;
    }

    #top-menu .main-navigation ul ul {
        padding: 0px;
    }

    .countrynav,
    .home-leaderboard {
        display: none;
    }

    #mainpanels {
        width: 100% !important;
        border-right: none !important;
        margin-top: 0px !important;
    }

    .office-profile #middle-col {
        width: 100%;
    }

    .office-profile h1 {
        text-align: center;
    }

    .home .entry-content {
        width: 100%;
    }

    .country .promo-box h2, #navigation .promo-box h2, #region-nav .promo-box h2 {
        display: none;
    }

    .country .promo-box p, #navigation .promo-box p, #region-nav .promo-box p {
        float: left;
        width: 45%;
    }

    .country .promo-box button, #navigation .promo-box button, #region-nav .promo-box button {
        float: right;
        width: 50%;
    }

    .office-profile .navigation-top {
        margin-top: 100px;
    }

    .office-profile select {
        display: block !important;
    }

    .office-profile ul {
        margin-left: 15px;
    }

    .panel2 {
        background-size: contain !important;
    }

    #fpsecondary {
        width: 100% !important;
        padding: 20px;

    }

    #leftcol,
    .panel1,
    .panel2,
    .panel3,
    .panel4,
    .panel5,
    .panel6,
    .panel7,
    .panel8,
    .panel9,
    .panel10,
    .panel11,
    .panel12,
    .panel13,
    .panel14,
    .panel15,
    .panel16,
    .panel17,
    .panel18,
    .panel19,
    .panel20,
    .panelreports,
    .panel-lex,
    .panel-podcast,
    .panellb {
        width: 100%;
        margin-left: 0px;
        float: left;
        margin-bottom: 10px;
    }

    .interview-preview h3,
    h1.page-title,
    .interview-preview p.secondary,
    h4.dbi-title a {
        text-align: center;
    }

    .interview-preview p,
    .spotlight-intro {
        width: 100% !important;
    }

    .interview-preview img {
        margin-bottom: 20px;
    }

    a.profile-link {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .interview-preview {
        border-bottom: 2px solid #111;
    }

    .sidebar-preview img,
    .interview-preview img,
    span.firm-logo {
        display: block;
        margin: 0 auto;
        float: none !important;
    }

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

    .interview-preview img {
        margin-bottom: 20px;
        position: relative !important;
    }

    .post-type-archive-interviews h3,
    p.secondary {
        margin-left: 0px !important;
    }

    .panel18,
    .panel-lex,
    .panel-podcast {
        height: 146px;
    }

    .home #primary {
        padding: 10px;
    }

    img.custom-logo {
        float: left;
    }

    .page:not(.home) .entry-header {
        width: 100% !important
    }

    #practicearea .entry-header {width: 108% !important;}
    #practicearea .entry-content {width: 100% !important;}

    .custom-logo-link {
        top: 0px !important;
    }

    .custom-logo-link img {
        width: 50px !important;
        padding-top: 0px !important;
    }

    #non-front-search {
        width: 100%;
    }

    #non-front-search input {
        height: 20px;
    }

    select {
        width: 100%;
    }

    .custom-header {
        margin-bottom: 20px !important;
    }

    select {
        width: 100%;
    }

    .search-form {
        width: 70%;
        float: right;
        margin-top: -20px;
    }

    .site-branding {
        padding: 10px 0px 0px 0px !important;
    }

    }


/* SJ Homepage work  */
#mainpanels {
    padding-left: 20px;
    width: 60%;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 4px dotted #ccc;
    float: left
}

#footerad {
    margin: 40px auto;
    width: 100%;
    text-align: center;
    background-color: #eee;
    padding: 10px;
}


#fpsecondary {
    width: 30%;
    float: left;
    padding-top: 30px;
}

#fpsecondary p {
    color: #000;
    text-transform: none;
}

#interviews {
    float:left; width: 100%;
}

div#spotlights {
    margin-top: 50px;
    float:left; width: 100%;
}

#tabs ul {
    margin-left: 30px;
}

#tabs ul li {
    margin-top: 20px;
}


.letters-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.letters-list .letter {
    margin-right: 1px;
    margin-bottom: 2px;
}


.letters-list .letter.active a{
    color: #ffffff;
    background: #1A405A;
}

.letters-list .letter__link {
    font-size: 23px;
    padding: 5px 10px;
    background: #111;
    width: 40px;
    color: #fff;
    display: block;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none;
    transition: none;
    text-transform: uppercase;
}

.letters-list .letter__link:active,
.letters-list .letter__link:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none;
    transition: none;
    color: #a1a1a1 !important;
}

.letters-offices-loading{
    display: flex;
    align-items: center;
    justify-content: center;
}

.letters-offices .offices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.letters-offices .offices .office {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

.letters-offices .office .office__link {
    display: block;
    padding: 10px 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.letters-offices .office .office__link:hover {
    text-decoration: none !important;
}

/*AM homepage styling*/

.panel1, .panel2, .panel3, .panel4, .panel5, .panel6, .panel8, .panel9, .panel10, .panel11, .panel12, .panel13, .panel14, .panel15, .panel16, .panel18, .panel-lex  {
    border: none;
    box-shadow: 5px 5px 5px #cacbd4;
}

.panel18, .panel-lex  {
    background-color: black;
}

.panel1 {
    background-position: 96% 50%;
}

.panel2 {
   /* background-image: url(/wp-content/uploads/sites/18/2020/02/submissions-templates-banner.jpg);*/
    background-size: cover;
    overflow: hidden;
}



.panel8:hover {
    background-image: url(/wp-content/uploads/sites/18/2020/02/gc_white.png);
    background-color: #131B40;
    background-position: 95% 90%, center, center;
    background-size: 15%, cover, cover;
    opacity: 1;

    }

.panel8-content {
        background-image: linear-gradient(
        rgba(0,0,0,0.4),
        rgba(0,0,0,0));
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }

    .panel8-content:hover {
        background-color: #131B40;
        color:white;
        opacity: 1;
        background-repeat:no-repeat;
        transition: opacity 0.2s ease;
    }

    .panel8-content:hover p {
        visibility: none;
        margin-top: -35px;
        opacity: 0;
            }

    .panel8-content:hover > p.panel-hover-text {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.2s linear;
    }

    p.panel-hover-text img {
        position:absolute;
        bottom:0;
        right:0;
        width:15%;
        margin:10px;
    }

.panel9 {
    background-image: url(/wp-content/assets/home/zgc-black.png);
    background-size: 15%;
    background-position: 95% 95%;
}

.panel9:hover {
    background-image: url(/wp-content/assets/home/zgc-white.png);
}

.panel7:hover, .panel16:hover, .panelreports:hover {
    border: none;
}

.panel6:hover > p, .panel5:hover > p, .panel13:hover > p, .panel13:hover > p, .panel14:hover > p {
    color: white !important;
}

.panel10 {
    background-color: black;
    color: white !important;
    background-image: url(/wp-content/assets/home/zwhite-fh.png);
    background-size: 15%;
    background-position: 95% 95%;
}

.panel10 p {
    color: white !important;
}

.panel10:hover {
    background-color: black !important;
}

.panel16:hover {
    background-color: #fccc08;
}

#mainpanels {
    background-color: #e1e8ec;
    padding: 40px;
    border-right: 4px solid #ccc;
    margin-top: -20px;
}

#homemainframe p {
    /*font-family: "Futura PT";*/
    font-weight: 600;
}

h2.nav-header {
    /*font-family: "Futura PT";*/
    border-bottom: 5px solid #19496D;
    margin-top: 15px;
}

h2.nav-header span {
    color: black !important;
}

#homemainframe div#fpsecondary p {
    padding-left: 0px;
}

#region-nav {
    background-color: transparent;
    padding-left: 0px !important;
}

#fpsecondary {
    padding-left: 20px;
    padding-top: 0;
}

.chosen-container-single .chosen-single {
    border: 1px solid #19496D;
    border-radius: 2px;
}



p.panel-hover-text {
    text-transform: none !important;
    font-size: 0.75em !important;
    margin-top: -25px;
    max-width: 80%;
    color: white !important;
    opacity: 0;
    transition: opacity 0.2s linear;
    font-family: "Libre Franklin", Arial, Helvetica, sans-serif;
}

.panel7 p.panel-hover-text, .panelreports p.panel-hover-text {
    color: black !important;
}

.panel6 p.panel-hover-text {
    max-width: 90%;
}

p.panel-hover-text {
    visibility: hidden;
}

.panel1:hover > p.panel-hover-text, .panel5:hover > p.panel-hover-text, .panel6:hover > p.panel-hover-text, .panel7:hover > p.panel-hover-text, .panel8:hover > p.panel-hover-text, .panel10:hover > p.panel-hover-text, .panel18:hover > p.panel-hover-text, .panelreports:hover > p.panel-hover-text, .panellb:hover > p.panel-hover-text {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear;

}

.panel5:hover {
    background-color: #813772;
}

@media all and (min-width: 576px) and (max-width: 1720px) {
    .panel2 {
        background-size: 100% !important;
        background-position:70%;
    }


.panel2 {
  /*  background-image: url(/wp-content/uploads/sites/18/2020/02/submissions-templates-banner.jpg);*/
    background-size: cover;
}
}

@media all and (min-width: 576px) and (max-width: 1100px) {
    .panel2 {
background-position: 10%;
    }
}

@media (max-width: 575px) {
.panel2 {
    background-size: cover !important;
    background-position: 10%;
}
}*/

/*AM Doing Business In styling*/
.interview-preview {
    border-bottom: 3px solid #ccc;
    padding-bottom: 20px;
}

.interview-preview a.profile-link {
    margin-left: 20%;
    width: unset;
    background-color: #1a405a;
    color: white;
    font-weight: 600;
    padding: 7px;
    border-radius: 3px;
    margin-top: -2%;
    transition: all 0.2s linear;
}

/* .interview-preview a.profile-link:hover {
    background-color: #e1e8ec;
    color: #1a405a;
    box-shadow: 5px 5px 15px #cacbd4;
} */

img.promo-logo {
    margin-top: -5%;
    max-height: 75px;
    margin-bottom: 2%;
}

h3.interview-title {
    border: none;
}

aside#secondary.widget-area {
    background-color: #e1e8ec;
    padding: 20px;
}

aside#secondary.widget-area a.profile-link {
    margin-left: 20%;
    background-color: transparent;
    color: #1a405a;
    font-weight: 700;
    /* padding: 7px; */
    border-radius: 3px;
    text-decoration: underline;
    transition: all 0.2s linear;
}
.spotlight-intro {
    width: 100%;
    float: right;
}

.sidebar-preview img.promo-logo {
    margin-bottom: -5%;
}

.sidebar-preview.spotlights img {
    float: left !important;
    margin-top: 1%;
}

h4.dbi-title a {
    border-bottom: none;
}

/*AM Lawyer profiles*/
#lawyer.tab-section .contact-links {
    float: right;
    padding-top: 3%;
}

#lawyer.tab-section .lawyer-photo {
    margin-bottom: 0px;
}

#lawyer.tab-section .contact-box {
    padding-right: 0%;
}

/*AM Law Firm profiles list*/
.office {
    padding: 10px 5px !important;
    font-weight: 600;
    display: block;
}

.letters-offices .offices .office {
    display: block;
}

a.firm-link {
    box-shadow: none;
    font-weight: 500;
    color: #444444;
    max-width: 50%;
    text-transform: capitalize !important;
}

.list-multiple-offices {
    float: left;
    left: 0;
    margin-left: 1em;
    margin-top: -1em;
}

.list-multiple-offices span:last-of-type {
    display: none;
}

.letters-offices h2, .letters-network-offices h2 {
    border-bottom: 2px solid #1a405a;
    width: 70%;
}

.letters-offices .office .office__link {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.letters-network-offices a.office__link img {
    float:left;
    max-width: 100px;
    margin-right:2em;
}

.letters-network-offices a.office__link {
    display: block;
    padding: 10px 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    float: left;
    clear: both;
}

.letters-network-offices a.office__link:hover {
    text-decoration:underline;
}

.letters-network-offices a.office__link:last-of-type {
    margin-bottom:1em;
}

.diversity_banner {
    border: 1px solid #999;
    padding: 10px;
}

/*AM styling profile pages*/
.office-profile #right-col {
    background-color: #e1e8ec;
    padding: 20px;
}

ul.tab-nav, ul.tab-nav.fixed {
    background-color: #e1e8ec;

}

ul#top-ranked, ul#other-ranked {
    margin-left: 15px;
}
ul#top-ranked li, ul#other-ranked li {
    margin-left: 20px;
}

.contact-box {
    background-color: #e1e8ec;
}

.contact-links span {
    border-left: 3px solid #1a405a;
}

h1.page-title-editorial {
    border-bottom: 8px solid #1a405a;
}
.interviews_filter__company{
    width: 20%;
}
.interviews_filter__country{
    width: 20%;
}
.interviews_filter__language{
    width: 20%;
}
.interviews_filter__filter{
    padding: 12px 24px;
    font-size: 15px;
}

/*AM edits – profile pages for many many non-booking offices (e.g. CMS)*/
.non-booker-list {
    background-color: white;
}

.other-country {
    width:100%;
    margin: 1%;
}

.other-country h2 {
    border: none;
    margin-bottom: 0;
}

.other-country {
    border-bottom: 2px #1a405a36 solid;
}

ul.other-offices li:before {
    content: '';
}

@media all and (max-width: 601px) {
    .other-country {
        width:90%;
}
.office-profile #right-col {
    width: 90%;
    float: left;
}
}

/*AMc SPOTLIGHTS SIDEBAR*/
.sidebar-preview.doing-business-in .spotlight-intro {
    width:65%;
    float:right;
}

h4.dbi-title a, h3.interview-title {
    transition: all 0.2s ease;
}

h4.dbi-title a {
    transition: all 0.2s ease;
}

h4.dbi-title a:hover {
    color: #1a405a;
}

/*Doing Business in/Interviews filters AMc*/
.interviews_filter {
    background: #cccccc6e;
    margin-bottom: 2%;
    /* padding: 2%;
    display: inline-flex;
    justify-content: space-around; */
    padding:20px !important;
    width:100%;
}
.interviews_filter span.select2.select2-container.select2-container--default {
    margin: 0px;
}

.interviews_filter__country, .interviews_filter__company, .interviews_filter__language {
    border: 2px solid #bbbbbb8f;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px !important;
}

 button.interviews_filter__filter, a.interviews_filter__reset {
    margin-left: 5%;
}

select[name^=country]:focus, select[name^=company]:focus {
    border: 2px solid #bbbbbb8f;
    border-bottom: 3px #1a405a solid;
    border-radius: 0px;
}

button.interviews_filter__filter {
    width:15%;
    padding: 5px 10px;
    transition: 0.2s all ease-in-out;
    display: inline-flex;
    justify-content: center;
    background: #1a405a;
}

button.interviews_filter__filter:hover {
    background:#1a405a !important;
}

a.interviews_filter__reset {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom:5px;
    display: inline-flex;
}

/*Doing Business in page styling*/
.interview-preview p {
    float: none;
}

.interview-preview a.profile-link {
margin-left:0;
margin-top:0;
clear: both;
float: left;
width:unset !important;
}

img.promo-logo {
    float: left !important;
    clear:both;
    margin-left: 2%;
}

img#single-spotlights-page {
    margin-top:0;
    margin-left:0;
}

img#single-spotlights-sidebar {
    margin-top:0;
    margin-left:0;
    float: left !important;
    clear:both;
    margin-bottom:10px;
}

.interview-content#single-spotlights-page {
    clear:both;
}

.sidebar-preview img.promo-logo {
    float: right !important;
    margin-top: 5%;
    margin-right: 5%;
}



aside#secondary.widget-area a.profile-link {
    float: left !important;
    margin-left:0;
    display: inline-block;
}

/*Interview on firm profile pages*/
#profile-content .interview-preview p {
    float: none;
    width: auto;
}

/*client service survey*/
.client-service header.entry-header {
    display:none;
}

.page:not(.home) .client-service .entry-content {
    width: 50% !important;
    float:none !important;
}

.client-service h2 {
    color: #1A405A;
    border-bottom: none;
}

ul#interface {
    display: flex;
    display: -ms-flexbox;
    justify-content:space-around;

}

.client-service ul:not(#interface) {
    margin-left:20px;
}

.client-service ul:not(#interface) {
margin-left:20px;
}

ul#interface li {
    width:40%;
    list-style-type: none;
    text-align:center;
}

ul#interface li img {
text-align: center;
}



.client-service #carousel {
    position: relative;
    margin:0 auto;
    background: black;
    margin-bottom:50px;
    }
    
    .client-service   #slides {
    overflow: hidden;
    position: relative;
    max-width: 100% !important;
    height: 200px;
    margin: auto;
    }
    
    .client-service #slides ul {
    list-style: none;
    width:100%;
    height:250px;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
    .client-service #slides li {
    width:100%;
    height:250px;
    float:left;
    text-align: center;
    position: relative;
    }

    /* Styling for prev and next buttons */
    .client-service .btn-bar {
        max-width: 346px;
        margin: 0 auto;
        display: block;
        position: relative;
        width: 100%;
    }
    
    .client-service  #buttons {
    padding:0 0 5px 0;
    float:left;
    color:white;
    margin-top:-100px;
    margin-left: 20px;
    }
    
    .client-service #buttons a {
    text-align:center;
    display:block;
    font-size:30px;
    float:left;
    outline:0;
    margin:0 60px;
    text-decoration:none;
    display:block;
    width:35px;
    box-shadow: none;
    color:white;
    padding: 50px 9px;
    display:none;
    }
    
    .client-service a#prev:hover, a#next:hover {
    color:#FFF;
    }
    
    .client-service .quote-phrase {
    font-weight:300;
    display: table-cell;
        height: 200px;
    font-size:24px;
    color:#FFF;

    }
    

    .client-service .quote-phrase img {
        max-width: 100px;
        margin-top:20px;
        position: relative;
        text-align: center;
    
    }
    
    
    .client-service .quoteContainer, .authorContainer {
    display: table;
    width: 100%;
    }

    @media all and (max-width: 1440px) {
        .page:not(.home) .client-service .entry-content {
            width: 70% !important;
            float:none !important;
        }
    }

    ul#client-counters {
        display: flex;
        display:-ms-flexbox;
        width:100%;
        margin: auto;
        justify-content: space-around;
        margin-bottom:20px;
        margin-left: 0px !important;
    }

    ul#client-counters li {
        width: 150px;
    height: 150px;
    background: black;
    color: white;
    padding: 20px;
    border-radius: 50%;
text-align:center;
    list-style-type: none;
    }

    ul#client-counters li span.count {
        line-height: 50px;
    font-size:25px;
    }

    li#client-across {
        background:none !important;
        border-radius:none;
        color:black !important;
        padding-top:50px !important;
    }


    /*Doing Business in*/

    /*.dbi-header-info {
        margin-top:-90vh;
        float:left;
        background: rgb(0, 0, 0, 0.4);
        padding:50px 100px !important;
        overflow:hidden;
        margin-left:0 !important;
        position:relative;

    }
    .dbi-interview-title {
        font-size:3em;
        color:white;
        font-weight: 500;
float:left;
border-bottom: 5px white solid;

    }

    .dbi-interview-title span {
        font-weight:600;
    }

    .dbi-header-info img.firm-logo {
       float:left !important;
   }

   .dbi-header-info a.view-profile {
       float:left;
       clear:both;
   }

   .dbi-header-info > h2 {
       color:white !important;
       border-bottom: none !important;
       font-size:2em;
       padding-top:0;
   }

*/

/*Interview with sidebar image resizing*/
.spotlight-intro {
    float:left !important;
    width:100%;
}

.spotlight-intro p {
}

.sidebar-preview.doing-business-in .spotlight-intro {
    width:90% !important;
}

.spotlight-intro img {
    max-width:150px;
    margin-right:2em;
}

.spotlight-intro p.link-more a {
    margin-top:1em !important;
}

/*readership survey*/

.readership-survey {
    margin-left:33.3333%;
}

@media all and (max-width: 800px) {
    .readership-survey {
        margin-left:0;
}
}

#survey-no-socials .swp_social_panel {
    display: none !important;
}

/*SG PRACTICE AREA STYLING*/
#practicearea .entry-header {
    float:left;
    width:28%;
}

#practicearea .entry-content {
    float:right !important;
    width:100%;
}



/*AMC PODCAST STyLING*/
#podcast .entry-header {
    display: none;
}

#podcast .entry-content {
    float:none !important;
    width:80% !important;
}

#podcast .entry-content > p img {
    float:left;
    width:20%;
    margin-right:3em;
}

#podcast .entry-content > p {
    font-size:1.25em;
    color: #012130;
    padding-left: 2%;
    padding-right: 2%;
    display:flex;
    display:-ms-flexbox;
    align-items:center;
    -ms-flex-item-align: center;
}

.swp_social_panel {
    display: none;
}
#podcast .episode-list {
    width:60%;
    float:left;
    clear:both;
    margin-top:2em;
}

#podcast .episode-list .episode {
    background: white;
    box-shadow: 5px 5px 15px #0121302b;
    display: flex;
    display:-ms-flexbox;
    align-items: center;
    margin-bottom:2em;
    position:relative;
    transition: ease all 0.2s;
}


#podcast .episode-list .episode .episode-image {
    min-width: 200px;
    max-width:201px;
    height:200px;
    position:relative;
    margin:1em;
    overflow:hidden;
}

#podcast .episode-list .episode .episode-image p {
    position:absolute;
    bottom:0;
    left:0;
    color:white;
    font-weight: bold;
    font-size: 2em;
    margin:0;
    margin-left: 0.5em;
    z-index:1;
}

#podcast .episode-list .episode .episode-image img {
    box-shadow: none !important;
}

#podcast .episode-list .episode .episode-image #episode-image-overlay {
    position:absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background: rgba(10, 42, 56, 0.57);
}

#podcast .episode-list .episode .episode-info {
    margin: 2em;
}

#podcast .episode-list .episode .episode-info h2 {
    border-bottom: none !important;
    color: #012130;
    font-size:1em;
    margin-top: 0;
}

#podcast .episode-list .episode .episode-info p {
    margin-bottom:0;
}




.listen-links {
    margin-top: 1em;
    display: block;
}

.listen-links p {
    display: flex;
    font-size:0.75em;
    text-transform: uppercase;
}

.listen-links a {
    box-shadow: none !important;
}

.listen-links p img {
    width:1.5em;
    height:1.5em;
    background: transparent;
    margin-right:1em;
    margin-bottom: 1em;
    box-shadow: none !important;
}

img.podcast-logo {
    position: absolute;
    right:0;
    bottom:0;
    max-width:30px;
    margin-right:2%;
    margin-bottom:2%;
}

#podcast .episode-list .episode .episode {
    background: auto;
    box-shadow: none;
    display: flex;
    display:-ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    position:relative;
    height:45px;
    margin-bottom:0;
}

.embedded-player {
    margin-top: 3em;
    position:relative;
}

.embedded-player iframe {
    position:absolute;
}

.listen-sidebar {
    background: #eeedf9;
    box-shadow: 5px 5px 15px #0121302b;
    float:right;
width:30%;
display: block;
padding:5px;
margin-top:2em;
}

.listen-sidebar a {
    box-shadow: none !important;
    display: block;
    margin: 1em;
    display:flex;
    align-items: center;
    transition: 0.2s all ease;
    
}

.listen-sidebar a:hover {
    font-weight: bold;
}

.listen-sidebar a img {
    box-shadow: none !important;
    max-width:35px;
    margin-right:1em;
}

.listen-sidebar #directory-contact {
    margin-top:2em;
    text-align: center;
    border-top: solid #012130 2px;
    padding-top:1em;
}

.listen-sidebar #directory-contact button {
    background: #012130;
    width:60%;
    padding:0.5em;
    margin:auto;
    margin-bottom:2em;
    transition: 0.2s ease all;
}

.listen-sidebar #directory-contact button:hover {
    width:70%;
}

#sidebar-extras {
    text-align:center;
    padding: 2em 1em;
}

#sidebar-extras h3 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.25em;
}

#sidebar-extras p {
    text-align:left;
}

#sidebar-extras p a {
    display: inline;
    margin: 0;
    box-shadow: inset 0 -2px 0 0 black !important;
    padding-bottom: 2px;
}

#sidebar-extras p a:hover {
    font-weight: normal;
    box-shadow: inset 0 -3px 0 0 black !important;
}

@media all and (max-width: 1440px) {
    #podcast .episode-list .episode .episode-image {
        min-width: 150px;
    max-width:151px;
    height:150px;
    }

    #podcast .episode-list .episode {
        align-items: start;
    }

    #podcast .episode-list .episode .episode-info {
        margin-top: 0.75em;
    }
    .listen-links {
        display: flex;
        justify-content: space-between;
    }
}

@media all and (max-width: 1000px) {
    #podcast .episode-list {
        width:100%;
        float:none;
        clear:both;
        margin-top:2em;
    }
    .listen-sidebar {
        width:100%;
        float: none;
    }
    /* .harmonia-select {
		display: none !important;
		visibility: hidden !important;
	} */
}

@media all and (max-width: 768px) {
    #podcast .entry-content > p {
        display:block;
        font-size:1em;
    }
    #podcast .entry-content > p img {
        float: none;
        display:block;
        margin-bottom: 1em;
        width:40%;

    }
    .listen-links {
        display:block;
        }
}

@media all and (max-width: 600px) {
    #podcast .entry-content {
        width:100% !important;
    }
    #podcast .episode-list .episode {
        display:block !important;
        padding:1em;
    }
    .embedded-player {
        position: relative;
        margin: auto;
        float: none;
        margin-bottom: 5em;
        margin-left: -2em;
        height:auto;
        overflow:visible;
}

}

/*AMc Billable Hour*/
.entry-content#billable-hour {
    float:none !important;
    background: white !important;
    width:60% !important;
    color: black;
}

.page-id-2139 .site-content-contain {
    background: white !important;
}

#billable-hour h2 {
    text-transform: none !important;
    border-bottom: none !important;
}

#billable-hour .image-header {
    display: flex;
    justify-content: space-evenly;
}

#billable-hour .image-header img {
    max-width:200px;
}

#billable-hour .image-header a {
    box-shadow: none !important;
}

#billable-hour p.donate {
font-weight: bold;
    font-size: 1.25em;
}

#billable-hour hr {
    background-color: #ed1d24;
    height: 5px;
}

img#billable-hour {
    display: block !important;
    margin: auto !important;
    padding-top: 2em;
    padding-bottom: 2em;
}

#billable-hour iframe {
    display: block !important;
    margin: auto !important;
}

/*RESEARCH+*/
.entry-content#research-plus {
    float:none !important;
    background: white !important;
    width:60% !important;
    color: black;
}

img#research-plus-header-logo {
    float:left;
    margin-right: 2em;
    max-width:250px;
    margin-bottom: 2em;
}

#research-plus h2 {
    text-transform: none !important;
    border-bottom: none !important;
    margin-top:0;
    padding-top:0;
}

hr#research-plus {
    height:2px;
    background-color: #88F9D4
}

.research-plus-box {
    background: #04a3a4;
    color: white !important;
    padding:1em 2em;
    margin: 2em 0;
    background-image: url(wp-content/uploads/sites/18/2020/06/research-logo@2x-300x300.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 20%;}

.research-plus-box h2 {
    margin-top:0;
    color:white;
}

.research-plus-points {
    display:flex;
    align-items: center;
}

.research-plus-points img {
    max-width:150px;
}

.research-plus-points p {
    font-weight:600;
    display: flex;
    align-items: center;
}

.research-plus-points p span {
    font-size: 2em;
    margin:0 1.25em;
    color: #88F9D4;
}

a.research-plus-download button {
    background-color: #04a3a4;
    padding: 1em 2em;
    transition: 0.2s ease all;
}

a.research-plus-download button:hover {
    background-color: #88F9D4;
    color:black;
}

@media only screen and (max-width:1200px){
    .doing-business-logo-outer {
        right: 0px !important;
    }
}

@media all and (max-width: 1000px) {
    .entry-content#research-plus { 
        width:90% !important;

    }
}

@media only screen and (max-width:991px){
    .doing-business-logo-outer {
       position:unset !important;
    }
}
@media all and (max-width: 600px) {
    img#research-plus-header-logo {
        float: none;
        display: block;
    }
    .research-plus-box {
        background-image: none;
    }
    .research-plus-points {
        display:block;
        margin-bottom:2em;
    }
    .research-plus-points img {
        margin:auto;
    }
    .research-plus-points p span {
        margin-left:0;
    }
}





.ranking-table-col1 {
    float: right;
    width: 33.3%;
    margin-right: 2%;
    clear:right;
}

.ranking-table-col2 {
    float: left;
    width: 33.3%;
}

.ranking-table-col3 {
    float: left;
    width: 33.3%;
}



.editorial-category .ranking-table-col1:first-of-type {
    width: 60% !important;
    float:left;
}

.editorial-category .ranking-table-col1 {
    width: 35% !important;
}

.full-width-display {
    width: 100% !important;
}

.ranking-nav {
    width: 21.75%;
    float: left;
    margin-right: 3%;
    padding: 10px;
    background-color: #eee;
}

#tables-group {
    width: 75%;
   float: left;
}

.ranking-list-scroll a.ranking-num {
    transition: all 0.6s;
    color: #fff;
    background-color: #000;
    padding: 8px 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-weight: bold
}

.ranking-number {
    float: left;
}

.ranking-group-tier {
    margin-left: 60px;
    margin-bottom: 20px;
    border-bottom: 3px dotted #eee;
    padding-bottom: 10px;
}

.next-generation-lawyers .ranking-group-tier,
.leading-individuals .ranking-group-tier,
.rising-stars .ranking-group-tier {
    margin-left: 0px;
}

.next-generation-lawyers,
.leading-individuals {
    float: none;
    display: table;
}


/*AM BENCHMARKING PAGE*/
#lead-gen h2 {
font-size:2em !important;
text-align:left !important;
border-bottom: #587487 2px solid;
}

span.at-placeholder {
    margin-left: 0.35em !important;
    margin-top: 0.75em !important;
}

#lead-gen #domain-select-size {
    float: right;
    width: 55%;
    margin-top: 1em;
}

#lead-gen {
    width:65% !important;
    margin:auto !important;
    float: none !important;
}

#lead-gen .form {
    box-shadow: 5px 5px 15px #0121302b;
    padding:2em;
    width:60%;
}

#lead-gen .about-before img {
    width:100% !important;
}



#lead-gen .form .form-selection {
    margin-bottom:1em !important;
}

#lead-gen .form label {
    margin-bottom:1em;
}

#lead-gen p:nth-last-child(3) {
    display: none;
}

#lead-gen .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3em;
}

#lead-gen .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:3em;
}

.select2-container--default {
    box-shadow: none !important;
    margin-top:1em;
}

#lead-gen input, #lead-gen textarea {
    margin-top:1em;
    box-shadow: none !important;
}


input[type="submit"] {
    background-color: #e54040 !important;
    color:white !important;
    box-shadow: 5px 5px 15px #0121302b !important;
    border: none !important;
    font-size:1em !important;
    width:50% !important;

}

input[type="submit"]:hover {
    background-color: #77932a !important;
}

.select2-container {
    max-width: 100% !important;
}

/*AMC CLIFFORD CHANCE PROFILE EDIT*/
.site-content.cc-us-profiles ul.tab-nav.fixed {
    bottom: 0;
    width: inherit;
    margin-bottom: 0;
}

.site-content.cc-us-profiles ul.tab-nav.fixed-side {
    right: 0;
    margin-right: 49px;
    width: 21.25%;
    top: 0;
    margin-top: 10%;
    height: 75%;
}

.site-content.cc-us-profiles ul.tab-nav.fixed-side li.tab {
    display:block;
    padding:5px 20px;
}

.site-content.cc-us-profiles .diversityprofile a {
text-decoration: underline;
}





  .site-content.cc-us-profiles .diversityprofile p.divsubhead {
    background-color: #000;
    color: #00ccff;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
    margin-left: 100px;
    margin-top: 0px;
    font-size: 1.5em;
    padding-right: 100px;
  }

  .site-content.cc-us-profiles ul.divmenu {
    list-style: disc;
    color: #3f88c5;
  }

  .site-content.cc-us-profiles ul.divmenu li a {
  color: #3f88c5;
    margin-bottom: 20px;
    text-decoration:none;

  }

  .site-content.cc-us-profiles .tab-section a:target::before {
    content:"";
    display:block;
    height:90px; /* fixed header height*/
    margin:-90px 0 0; /* negative fixed header height */
    }


  .site-content.cc-us-profiles a#tabs  {
      margin-bottom:40px;
  }



/*AMc launch email template*/
#wrap-rankings-email h2 {
    border: none !important;
    display: flex;
    align-items: center;
    background: #0d2230;
    color: white;
    padding: 0.5em;
}

#wrap-rankings-email h2 img {
    max-width:1em;
margin-right:1em;
}

.wrap#wrap-rankings-email {
    max-width:60% !important;
    float:right;
    min-width:60%;
}

#rankings-left-column {
width: 25%;
position: absolute;
background: white;

}

#rankings-left-column #summary-box-left {
    background: white;
    box-shadow: 5px 5px 15px #cacbd4;
    padding: 1em;
    margin:1em;
}

#rankings-left-column .additional-box-content{
    background: #0d2230;
    box-shadow: 5px 5px 15px #cacbd4;
    padding: 1em;
    color:white;
    margin:1em;
    font-weight: bold;
}

#rankings-left-column .additional-box-content h3 {
    color: #aa8745;
}

#rankings-left-column .additional-box-content a {
    color:white;
}

#rankings-left-column.fixed {
position:fixed;
top:100px;
}

#rankings-left-column img.firm-profile-logo {
    display: block;
    max-width: 30%;
    margin: 2em auto;
}

.top-tier-box, .other-rankings-box {
    width:45%;
    background: white;
box-shadow: 5px 5px 15px #cacbd4;
    margin-bottom:2em;
    float:left;
    position:relative;
}

.top-tier-box h3 {
    background: #aa8745;
    color: #0b2230;
}

.other-rankings-box h3 {
    background: #0b2230;
    color: white;
}

.top-ranked-areas {
    clear:both;
}

#top-box-section {
    display:flex;
    justify-content: space-between;
}

h3.ranking-box-header {
    padding:0.5em;
    padding-left:2em;
}

h3#top-tier-header {
}

.ranking-box-content {
    padding: 2em;
    padding-top: 1em;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.rankings-count {
    width:100px;
    height:100px;
    min-width:100px;
    min-height:100px;
    border-radius:50%;
    text-align:center;
}

.top-tier-box .rankings-count {
    background: #aa8745;
    color: #0b2230;
}

.other-rankings-box .rankings-count {
    background: #0b2230;
    color: #aa8745;
}

p.rankings-number {
    font-weight:bold;
    font-size:2em;
    margin-bottom:0;
}

p.rankings-number-text {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75em;
}

p.rankings-comp-number {
    font-weight:bold;
    font-size:2em;
    margin-bottom:0;
}

span.rankings-up {
    color: #3b582e;
}

.year-comparison p {
    margin-bottom:0;
}

.top-ranked-areas h3 {
    width:100%;
    background: #aa8745;
    color: #0b2230;
    padding:0.5em;
}

.other-ranked-areas h3 {
    width:100%;
    background: #0b2230;
    color: #aa8745;
    padding: 0.5em;
}
.top-ranked-areas ul, .other-ranked-areas ul {
list-style-position: outside;
}

.top-ranked-areas li, .other-ranked-areas li {
    list-style-type: none;
    padding: 5px;
    display:flex;
}

.top-ranked-areas li:nth-child(odd), .other-ranked-areas li:nth-child(odd) {
    background: #e1f5eb;
}

ul#top-ranked, ul#other-ranked {
    margin-left:0;
}

hr.email-section {
    width:90%;
    margin:auto;
    height:5px;
    color:#8080805c;
    margin-bottom: 2em;
    margin-top: 2em;
}

li.lawyer-rankings-email {
    list-style-type:none;
}

.lawyer-image-holder {

}

.lawyer-image-holder img {
    border-radius: 50%;
    max-width: 100px;
}

li.lawyer-rankings-email .lawyer-rankings-email-name {
    position: relative;
    text-align: left;
}


.email-lawyers-overview-figures {
    display:flex;
    justify-content: space-around;
    margin-bottom:2em;
    flex-wrap: wrap;
}

.email-lawyer-rankings-count {
    position:relative;
    background: white;
    box-shadow: 5px 5px 15px #cacbd4;
    margin: 1em;
    flex-grow: 4;
    flex-basis: 33%;
}

h3.lawyer-box-header {
    background: #0b2230;
    top: 0;
    left: 0;
    width: 100%;
    color: white;
    text-align: center;
    padding: 0.5em;
    font-size: 1.25em;
    min-height:3.25em;
}

.email-lawyer-rankings-count p {
    padding: 0 1.5em;
    text-align:center;
}

p.lawyer-box-number {
    font-size:2em;
    font-weight:bold;
    text-align: center;
    margin-bottom: 0;
}

h3.lawyer-box-header span {
    display:table;
    margin:auto;
}

.email-lawyer-rankings-count#individuals  {
/*background: url(https://www.dev.legal500.com/wp-content/uploads/sites/18/2020/09/leading.png);*/
background-repeat:no-repeat;
background-size: 40%;
background-position: -10% 140%;
}

.email-lawyer-rankings-count#next-gen  {
    /*background: url(https://www.dev.legal500.com/wp-content/uploads/sites/18/2020/09/next-gen.png);*/
    background-repeat:no-repeat;
    background-size: 20%;
    background-size: 40%;
    background-position: -10% 140%;
    }

.email-lawyer-rankings-count#rising-stars  {
    /*background: url(https://www.dev.legal500.com/wp-content/uploads/sites/18/2020/09/rising-stars.png);*/
    background-repeat:no-repeat;
    background-size: 20%;
    background-size: 40%;
    background-position: -10% 140%;
    }    

.email-rankings-tier-section {
    margin-left:1em;
    width:100%;
}



#wrap-rankings-email h2.rankings-header-toggle {
    background: white;
    box-shadow: 5px 5px 15px #cacbd4;
    color:black;
    padding: 1.5em 1em;
}

#wrap-rankings-email h2.rankings-header-toggle:hover {
    cursor: pointer;
}


.email-rankings-tier-content {
    margin-left:1em;
    margin-bottom: 3em;
    display:none;
}

.email-rankings-tier-content li {
    list-style-type: none;
}

.email-rankings-tier-content p span {
    font-weight: bold;
    font-family: "myriad-pro", sans-serif;
}

.email-rankings-tier-content p {
    margin-bottom:0;
}

.email-rankings-tier-content p.lawyer-tier-rankings-email {
    font-weight: bold;
    background: #aa8745;
    color: #0b2230;
    padding: 0.5em 2em;
    display: table;
    margin-bottom: 2em;
}

span.rankings-up-table {
    margin-right: 2em;
    margin-left:1em;
    color: #3b582e;
}

span.rankings-same-table {
    margin-right: 2em;
    margin-left:1em;
    color: lightgrey;
}

h3#all-lawyers-toggle {
    background: white;
    box-shadow: 5px 5px 15px #cacbd4;
    color:black;
    padding: 1em;
}

#all-lawyers-list-names {
    margin-left: 2em;
}

#all-lawyers-list-names p {
    margin-bottom: 0.5em;
}

#rankings-header-toggle span {
    margin-right:2em;
}

.email-rankings-in-depth {
    width:100%;
}

@media all and (max-width: 1366px) {
    #top-box-section {
        display:block;
    }
    .top-tier-box, .other-rankings-box {
        width:100%;
    }
    .email-lawyers-overview-figures {
        display: block;
    }
    h3.lawyer-box-header {
        min-height:auto;
    }
    h3.lawyer-box-header span {
        display:inline;
    }
    .email-lawyer-rankings-count p {
        padding-bottom:1em;
        text-align: center;
    }
    .email-lawyer-rankings-count#individuals, .email-lawyer-rankings-count#next-gen, .email-lawyer-rankings-count#rising-stars {
        background-size:20%;
    }
}

span.whats-this sup {
    font-weight: normal;
    color: darkred;
    border-bottom: dashed 1px darkred;
    margin-left: 10px;
    position:relative;
}

span.whats-this sup:hover {
    cursor:help;
}

.rankings-defs-tooltip {
    position:relative;
}

.rankings-definitions {
    position: absolute;
    z-index: 2;
    background: #e1f5eb;
    padding: 1em;
    visibility: hidden;
    opacity: 0;
    font-size: 0.75em;
    transition:  0.2s ease all;
}

.rankings-defs-tooltip:hover > .rankings-definitions {
    visibility: visible;
    opacity:1;
}

.rankings-header-toggle.expanded {
    display:block;
}

.email-rankings-tier-header .rankings-header-toggle::before {
    content: '+';
    margin-right: 2em;
}
.email-rankings-tier-header.expanded .rankings-header-toggle::before {
    content: '-';
    margin-right: 2em;
}

.email-rankings-tier-content.expanded {
    display:block;
}

@media all and (max-width: 1080px) {
    #rankings-left-column {
        width:100%;
        top: 0;
        left: 0;
        z-index:0;
    position:relative;
    }
    #rankings-left-column #summary-box-left {
        display: flex;
    align-items: center;
    }
    #rankings-left-column .additional-box-content {
        display:none;
    }
    #rankings-left-column img.firm-profile-logo {
        display: block;
        max-width: 10%;
        margin: 1em;
    }
    .wrap#wrap-rankings-email {
        max-width: 100% !important;
        float: none;
    }
}
@media all and (max-width: 1080px) {
    #rankings-left-column.fixed {
    position: fixed;
    top: 30px;
    }
    #rankings-left-column #summary-box-left {
        display:block;
        
    }
}

@media all and (max-width: 767px) {
    #rankings-left-column.fixed {
        top: 0;
        margin-top: 0;
    }
    .rankings-count {
        border-radius: 0;
        text-align: center;
        background: none !important;
        margin: auto;
    margin-bottom: 1em;

    }
    .year-comparison p {
        margin-bottom:auto;
    }
    
}

@media all and (max-width: 600px) {
    .wrap#wrap-rankings-email {
}
}

@media all and (max-width: 575px) {
    #summary-box-left {
        font-size:0.75em;
    }
    .wrap#wrap-rankings-email {
    }
}
@media only screen and (max-width:375px){
    .p-tooltiptext {
        right: 0px;
        left: -70px !important;
    }
}


@media all and (max-width: 500px) {
    .ranking-box-content {
        display:block;
        text-align: center;
    }
    .wrap#wrap-rankings-email {
}
#rankings-left-column.fixed {
    margin-top:0;
}

#wrap-rankings-email h2 {
    font-size: 1em;
}

#wrap-rankings-email h2::before {
    height: 1em;
    width: 1em;
}
#rankings-left-column #summary-box-left {
    font-size: 0.75em;
    display: block;
}
#rankings-left-column img.firm-profile-logo {
    display: block;
    max-width: 30%;
    margin: auto;
}
#rankings-left-column p {
    margin-bottom:0;
}
}

/*AMC guide launch updates Apr 2021*/
.single-ranking {
    display:flex;
    justify-content:flex-start;
}

.single-ranking p {
    width:50%;
    color:darkgray;
}

.single-ranking p:first-of-type {
    color:black;
    margin-right:2em;
}
p.launch-lawyers-header#ranking-country {
    margin-bottom:1em;
}

p.launch-lawyers-header#ranking-type {
    margin-bottom:1em;

}

#other-ranked li a {
    width:70%;
}

#other-ranked li span#tier-number {
width:20% !important;
text-transform:uppercase;
font-weight:600;
}
.post-type-archive-doing_business_in .sidebar-preview img{
   margin-right:0px !important;
}
@media all and (min-width: 1600px) {
    .single-ranking {
        justify-content: flex-start;
    }
    .single-ranking p {
    width:30%;
}
.single-ranking p:first-of-type {
    margin-right:2em;
}
}

@media all and (max-width: 600px) {
    .single-ranking {
        flex-wrap:wrap;
        margin-bottom:1em;
    }
    .single-ranking p {
        width:100%;
    }
}

@media (max-width: 1080px) {
    #rankings-left-column img.firm-profile-logo {
        display: block;
        max-width: 30%;
        margin: 1em auto;
        }
    }

@media (max-width: 600px) {
#rankings-left-column img.firm-profile-logo {
    display: block;
    max-width: 40%;
}
}

/*WEB TRAFFIC PAGE*/
#traffic .entry-content {
    float:none !important;
    width:60% !important;
    display: block;
    margin:auto;
}

@media all and (max-width: 800px) {
    #traffic .entry-content {
        width:100% !important;
    }
}

@media all and (min-width: 1600px) {
    .post-type-archive-doing_business_in .sidebar-preview img{
        margin-right:0px !important;
     }
    #traffic .entry-content {
        width:30% !important;
    }
}


    /*AMC NEW HOMEPAGE SIDEPANEL*/
    .new-sidepanel {
        box-shadow: 5px 5px 15px #cacbd4;
        background:white;
        letter-spacing:0.5px;
    }


    .sidepanel-header {
        background:#1A2632;
        color:white;
        padding:1em 2em;
        box-shadow: 5px 5px 15px #cacbd4;
        margin-top:1em;
    }
.sidepanel-header p {
    color:white !important;
    font-size:1.25em !important;
    padding-bottom: 0 !important;
    
}

.panel-infographics-section {
    display:flex;
    justify-content:space-between;
    margin-top: 1em;
    margin-bottom:1em;
}

.panel-infographic {
    width:30%;
    text-align:center;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
}

.panel-infographic img {
    box-shadow: 5px 5px 15px #cacbd4;
}

#fpsecondary {
    width:36%;
}

span.info-number {
    font-size: 2em;
    display: block;
    margin-bottom: 0.33em;
    font-weight: bold;
}

.panel-infographic h3 {
    font-weight:normal !important;
    color: #2D425A;
    font-size: 1em;
}

.panel-infographic h3 strong {
    font-weight: normal;
    display: block;
    font-size: 1.5em;
    margin-bottom: 0.25em;
    line-height: 1em;
    }

    select.chzn-select.homepage {
        width:100%;
    }

    #region-nav {
        padding: 10px 0;
    }

    .sidepanel-content {
        padding:1em;
    }
.sidepanel-content > p {
    text-align: center;
    font-size: 1.35em !important;
    color: #2d425a !important;
}

.panel-links-section {
    display:flex;
    padding:1em 2em;
    justify-content:space-between;
    flex-wrap:wrap;
}
.panel-links-section a {
    width:45%;
    
}

.panel-links-section a button {
    background: #2d425a !important;
    padding:0.5em;
    box-shadow: 5px 5px 15px #cacbd4;
        font-weight:normal !important;
        width:100%;
        transition:0.4s ease all;
}

.panel-links-section a:hover button  {
    color:#9F854B;
}

.tooltip {
    padding: 0 2em;
}

.tooltip p {
    color:#2d425a !important;
    font-size: 0.75em !important;
}



@media all and (max-width: 1280px) {
    .panel-links-section a {
        width:100%;
        margin-bottom:1em;
    }
}

@media all and (max-width: 1200px) {
    .panel-infographic {
        width:100%;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom:1em;
    }
    .panel-infographics-section {
        flex-wrap:wrap;
    }
    .panel-infographic img {
        width:40%;
    }
    .panel-infographic h3 {
        padding-top:0;
        margin-right:2em;
    }
}

@media all and (max-width: 900px) and (min-width:575px) {
    .panel-infographic {
        flex-wrap:wrap;
    }
    .panel-infographic img {
        width:60%;
        margin:auto;
    }
    .panel-infographic h3 {
        margin:auto;
        margin-top:1em;
        width: 100%;
    }
}

@media all and (min-width: 1600px) {
    .panel-infographic {
        width:25%;
        
    }
    .panel-infographics-section {
        justify-content:space-around;
        align-items: flex-start;
    }
    .panel-infographic img {
        width:80%;
        margin:auto;
       
    }
}


/*media query for screen size between tablet and mobile */
@media all and (max-width: 767px) and (min-width:575px) {
    #mainpanels {
        margin-top: 20px;
    }
    .panel-links-section {
        padding:1em 0;
    }
}

/*GGG*/

#header-ggg-bg {width: 100%; height: 350px; background: url(https://www.legal500.com/wp-content/uploads/sites/18/2022/08/hub-bg.jpg) no-repeat; background-position: 100%;
    background-size: cover;  position: relative;
    text-align: left; margin-bottom: 50px;}
    .header-ggg-text {
    position: absolute;
    bottom: 8px;
    left: 16px;}
    .header-ggg-text h1 {border-bottom: 1px solid #000000; text-transform: uppercase; font-size: 1.6em; font-weight: 600;
        text-align: inherit; clear: right; padding: 20px; color: #ffff; width: 650px;}
.ggg-edition-header {float: left; width: 36%;}
.ggg-edition-header h1.page-title span {color: #16856c}
#primary.content-area-ggg {float: left; width: 100%; margin-left: 30px;}
#primary.content-area-ggg h2 {border-bottom: 2px solid #16856c;}
.ggg-rec-firms ul.post-list li {height: 220px;}
.ggg-rec-firms ul.post-list {list-style-type: none;}
.ggg-rec-firms li {background: #f2f2f2; border-radius: 25px; margin-bottom: 30px;}
.ggg-rec-firms ul.post-list h3 {color: #16856c;font-size: 1.2em; margin: 20px 0px 20px 0px; padding-bottom: 0px;}
.ggg-post-thumb {float: left; border-radius: 50%; margin: 20px 0px 0px 30px;}
.ggg-post-thumb img.lazy {border-radius: 50%;}
.ggg-post-content { float: right; width: 75%;}
.ggg-post-content p { margin-right: 20px; font-size: 14px;}
p.ggg-more {clear: both; float: right; font-size: small; margin-right: 20px; color:#16856c;}
.ggg-partners {background-color: #a4c5be;   height: 180px; margin-bottom: 20px}
.ggg-partners h2 {border-bottom: none !important; font-weight: 400 !important; color: #000000 !important; text-transform: none !important; font-size: medium !important; padding: 10px 5px 0px 15px;}
.ggg-header-info .interview-content h3 {border-bottom: 1px solid #145345;}

/* GGG badge if firm has a profile */
a.enabled.ggg {
    position: relative;
    margin-right: 30px;
}
a.enabled.ggg:after {
    position: absolute;
   /* top: -1px;*/
    font-size: 6px;
    content: "";
    margin-left: 4px;
    background: transparent url(/wp-content/uploads/sites/18/2022/03/ggg-icon.png) center left no-repeat;
    color: white;
    width: 25px;
    height: 25px;
}

/*AMC Data Blog styling*/
/*HOMEPAGE*/
header#data-blog {
    width:100% !important;
    background:#1C2732;
    float:none !important;
    padding: 0em 3em;
    display: flex;
    justify-content: space-between;
  }

  header#data-blog div {
      display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  header#data-blog h1 {
      color: white;
      font-style: italic;
      margin: 0;
  }

  #data-blog h1 span {
      color: #33B087;
      font-style: normal !important;
  }

  header#data-blog img {
      max-width:50px;
      margin:1em;
  }

  header#data-blog p {
      max-width:100px;
      color:white;
      margin:1em;
      font-size: 14px;
    }

    #data-blog-home {
        margin-top: 2em;
        display:flex;
        justify-content: center;
        flex-wrap:wrap;
        /*width:90% !important;*/
    }

    .data-blog-preview {
        width: 25%;
        background:  #1C2732;
        margin:2em;
    }

    .data-blog-preview img {
        width:100%;
        margin:auto;
        display:block;
    }

    .data-blog-preview-text {
        border-top: 10px solid #33B087;
        background: #1C2732;
        padding:1em;
    }

    .data-blog-preview-text h1, .data-blog-preview-text h3, .data-blog-preview-text p {
        color:white;
    }

    .data-blog-preview-text h3 {
        padding:0;
    }

    @media all and (max-width: 800px) {
        .data-blog-preview {
            width:100%;
            margin-right:20%;
            margin-left:20%;
        }
        header#data-blog {
            display: block;
            padding:0;
            padding-top:1em;
        }
        .data-blog-container {
            width:100% !important;
        }
    }
    @media all and (max-width: 600px) {
        .data-blog-preview {
            margin-left:5%;
            margin-right:5%;
        }
    }

/*ARTICLES*/
    #data-blog-article-full-width {
        width:100% !important;
        float: none !important;
    }
    .data-blog-container {
        width:60%;
        margin:auto;
        margin-top:2em;
    }

    .data-blog-heading {
        text-align:center;
        border-bottom: solid 4px #33B087;
        margin-bottom: 2em;
    }
    h3.data-blog-cat {
        text-transform: uppercase;
        font-weight: bold;
        color: #33B087;
    }
    h1.data-blog-headline {
        padding-top:0;

    }
    h3.data-blog-standfirst {
        font-style:italic;
        font-weight: normal;
        padding-top:0;
    }

    p.date {
        text-align:center;
    }

    p.author {
        text-align:center;
        color: #33B087;
    }

    .data-article-content p:first-child:first-letter {
        float: left;
        font-size: 75px;
        line-height: 60px;
        padding-top: 4px;
        padding-right: 8px;
        padding-left: 3px;
        font-weight:bold;
      }

      a.data-blog-homelink {
          text-decoration: none;
          box-shadow: none !important;
      }

      img.illo {
          max-width:200px;
          margin: 2em auto;
          display:block;
            }


/*AMC RESTYLING NEW FAQs PAGE 17 05 21*/
.answer p.description {
    padding: 10px 20px !important;
    background-color: #e1e8ec !important;
    border: none !important;
    border-left: 10px solid #1a405a !important;
    display: inline-block;
    font-weight: bold;
}

.wufoo #saveForm {
    background: #1a405a !important;
    border: none !important;
}

/* Admin Bar L500 Menus */
#wpadminbar #wp-admin-bar-legal500-admin-bar-reporting .ab-icon:before {
    content: '\f306';
    top: 3px;
}


/*AMc advertise with us pages*/
header#advertising, .entry-content#advertising {
    width:100% !important;
    padding:0 25%;
}
header#advertising {
    background-color: #141625;
    margin:0;
    background-attachment: fixed;
    background-size:50%;
}

header#advertising #top-para {
    margin:auto;
    padding-top:2em;
    padding-bottom:2em;
}

header#advertising #top-para p {
    font-size:1.5em;
    color:white;
    margin-bottom:0;
}

.entry-content#advertising {
    padding-top:2em;
    padding-bottom:2em;
}

.entry-content#advertising #product-container {
    padding: 0;
}

.entry-content#advertising h2, #l500-fast-facts h2, #l500-global-users h2 {
    border-bottom: none;
    margin:auto;
    text-align:center;
    margin-top: 1em;
    margin-bottom:1em;
}

#l500-fast-facts {
    width: 100% !important;
    background: #dae3ed;
    clear:both;
    padding: 5% 0;
}

#l500-fast-facts h2 {
    width:50%;
}

.fast-facts-container  {
    padding: 0 25%;
    display:flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
}

#ad-fast-fact {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:33%;
}

#ad-fast-fact p {
    color: #1c2631;
    font-size:1.25em;
    width:150px;
    text-align:center;
}

.ff-icon {
    background: #314158;
    width:150px;
    height:150px;
    margin:5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em;
    border-radius:50%;
}

#l500-global-users {
    width: 100% !important;
    clear:both;
    padding: 0 25%;
background: #fafbff;
padding-top:2em;
padding-bottom:2em;
}

.global-users-container {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    margin-left: -10%;
    margin-right: -10%;
}

.users-by-country {
    display:flex;
    align-items:center;
    justify-content:center;
position:relative;
margin:3em;
}

.country-bg {
    position:absolute;
    width:100px;
}

.users-by-country p {
    text-align:center;
    color:#314158;
    text-transform:uppercase;
    font-weight:600;
    z-index: 1;
}

#product-container {
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:5%;
}

.product-block {
    width:45%;
    margin-bottom:5%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.prod-block-inner {
    display:flex;
    justify-content:space-between;
}

.prod-logo {
    width:150px;
    height:150px;
    background: #314158;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:2em;
    transition: ease all 0.4s;
    border-radius:50%;
}

.product-block:hover .prod-logo {
    padding:1.5em;
}

button.ad-with-us {
    min-width:100%;
    background: #141625;
    padding:0.5em;
    font-weight:normal;
}

.prod-descr {
    margin-left:5%;
}
#l500-portfolio {
    width:100% !important;
    padding:5% 15%;
}

#l500-portfolio h2, #social-media-stuff h2 {
    border-bottom:none;
    width:50%;
    margin:auto;
    text-align:center;
}

#social-media-stuff {
    width: 100% !important;
    padding: 5% 25%;
    background: #fafbff;
}

h2#social-left {
text-align:left;
width:100%;
}

img.soc-logo {
    max-width:75px;
}

.social-media-row {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-top:2%;
}

.social-media-row p {
    text-align:center;
    width:25%;
}

.social-media-row strong {
    font-size:1.25em;
}

.social-media-row:last-of-type {
    justify-content:flex-start;
}


/*AMC homepage April 22
.sidepanel-header {
    background: white !important;
    display:flex;
    justify-content:space-around;
    align-items:center;
    box-shadow: none;
    border-bottom:2px solid #111f3e;
    padding-left:5%;
    padding-right:5%;
}
.sidepanel-header p {
    color: #111f3e !important;
}
.panel-text-sec {
    display:flex;
    justify-content:center;
    align-items:center;
    background: #111f3e;
}
.panel-text-sec img {
    max-width:50px;
}
.panel-text-sec p {
    color:white !important;
    margin-bottom: 0 !important;
}
.panel-infographic {
    align-items:center;
}
.panel-infographic img {
    box-shadow:none;
}

.panel-links-section a {
    width:47%;
    margin-bottom:1em;
}

button.panel-button {
    border-radius:20px;
}

.panel-links-section a:nth-child(1) button.panel-button {
    background:white !important;
    border:2px solid #111f3e;
    color: #111f3e;
}

.panel-links-section a:nth-child(2) button.panel-button {
    background: #111f3e !important;
    border:2px solid #111f3e;
}
.panel-links-section {
    padding:1em 0;
}
*/

/*AMc L500TV homepage*/


/*AMC law firm profile pages*/
#lawyer.tab-section .contact-box {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
#lawyer.tab-section .lawyer-photo {
    margin-right:2em;
}
#lawyer.tab-section .contact-links {
    width: 70%;
    padding-top: 0;
}

/* set profiles page */
.letters-offices h2.letter__name {
    margin-top: 20px !important;
}
.p-office-item {
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 2px #dfb047;
    background: #dfb0470f;
    padding: 6px;
    margin:10px;
    height:100%;
    padding: 7px 20px;
}
.p-office-content a:hover{
    text-decoration: none !important;
    box-shadow: none !important;
}

.p-office-offices a i {
    margin-right: 2px;
}
.p-office-content {
    width: 80%;
}
.p-office-logo {
    width: 20%;
    height: 70px;
    margin-right: 14px;
}
.p-office-content a {
    font-size: 16px;
    line-height: 18px;
    box-shadow: none !important;
}
.p-office-offices a {
    font-size: 13px !important;
    font-style: italic;
    font-weight: 600;
    color: #4b4a49;
    box-shadow: none !important;
}
.p-office-logo img{
    width:100%;
    height:100%;
    object-fit: contain;
    object-position: center;
}

.p-tooltip:hover .p-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.p-tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 180px;
    background-color: #fdfdfd;
    color: #992228;
    text-align: left;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 1;
    line-height: 22px;
    opacity: 0;
    font-weight: 500;
    transition: opacity 0.3s;
    box-shadow: 1px 3px 10px 0px #524e4e59;
    top: 23px;
    right: 0px;
    left: -28px;
    margin: 0 auto;
}
.p-office-item a:hover {
    color: #9E8300;
}
.p-office-offices {
    position: relative;
}
.more-p-area {
    display: block;
    text-align: center;
}

.p-card-text.p-tooltip i{
    color: #006080;
    margin-top: 5px;
    cursor: pointer;
    font-weight: 900;
    font-size: 14px;
}
.more-p-area {
    display: block;
    text-align: center;
}

ul.p-tooltip-ul {
    margin-bottom: 0px;
    list-style: none;
}

li.p-tooltip-li {
    border-bottom: 1px solid #d7d7d7;
    padding: 4px 0px;
    display: none;
}

li.p-tooltip-li:last-child {
    border-bottom: 0;
}

span.p-card-text.p-tooltip {
    position: relative;
    text-align: center;
}

.p-tooltip-right::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    width: 10px;
    margin-top: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fdfdfd transparent;
    text-align: center;
    margin: -5px auto;
}

.p-offices-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-offices-wrap a {
    width: 60%;
}

.p-offices-wrap > span {
    width: 40%;
}

@media all and (max-width: 1238px) {
    #lawyer.tab-section .contact-links {
        margin-top:1em;
        width:100%;
    }
    .p-tooltiptext{
        left: -35px;
    }
}

/* 16-08-22 */
img.firm-banner-img {
    height: 150px;
}
.panel2.firm-ranking-wrapper .owl-dots {
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
}
.firm-ranking-wrapper .owl-theme .owl-dots .owl-dot.active span, 
.firm-ranking-wrapper .owl-theme .owl-dots .owl-dot:hover span{
    background-color: #1a405a;
}
.panel2.firm-ranking-wrapper  .owl-dots button:hover{
    background-color: transparent;
}
.panel2.firm-ranking-wrapper {
    position: relative;
    padding: 0px;
    background: transparent !important;
    box-shadow: none !important;
}
.panel2.firm-ranking-wrapper .item{
    padding: 20px;
    box-shadow: 5px 5px 5px #cacbd4;
}
.panel2.firm-ranking-wrapper .owl-theme .owl-dots .owl-dot span{
    margin:0px 3px;
}
.promotion-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* .promotion-banner-img  {
    width: 70px;
    height: 50px;
} */
.promotinal-banner{
    width:100%;
    display: flex;
}
.promotion-left-part{
    width:40%;
}
.promotion-right-part{
    width:60%;
}
.pr-banner{
    display:flex;
    align-items: center;
}
.promotion-left-part h2 {
    font-size:18px;
    padding: 0px;
    border: 0;
    margin-bottom: 0px !important;
    color: #0d2331;
    margin-left: 5px;
    font-weight: bold;
}
.profile-outer {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 auto;
}
ul.profile-listing {
    display: flex;
    justify-content: end;
}
.profile-outer img{
    width:100%;
    height:100%;
    object-position: cover;
    object-position: center;
}
ul.profile-listing{
  margin-bottom:0px;
  margin-top: 14px;
} 
ul.profile-listing li {
    display: inline-block;
    padding: 0px 7px;
}
.profile-listing h2 {
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 0px;
}
span.image-text {
    position: absolute;
    background: #ea2c2c;
    color: #fff;
    font-size: 8px;
    padding: 1px 4px;
    border-radius: 10px;
    top: -7px;
    left: 22px;
}
.panel2.firm-ranking-wrapper a.online--btnn {
    color: #0d2331;
    font-weight: 600;
    border: 2px solid #0d2331;
    padding: 3px 50px 3px 15px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 0px;
    position: relative;
    font-size: 14px;
}
a.online--btnn:after {
    content: '\f04b';
    font-family: "FontAwesome";
    position: absolute;
    right: 5px;
}
.main-navigation a {
    padding: 0.8em;
}
.spotlights-logo-outer img{
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}
.spotlights-logo-outer {
    width: 100px;
    height: 100px;
    background: #fff;

}
/* .Spotlights-Logo-wrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
} */
p.interview-text-wrapper {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.interview-preview p{
    width:100% !important;
}
@media only screen and (max-width:1340px){
   ul.profile-listing {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
  .panel2.firm-ranking-wrapper .item {
    padding: 23px;
  }
  span.image-text {
    position: absolute;
    background: #ea2c2c;
    color: #fff;
    font-size: 9px;
    padding: 0px 4px;
    border-radius: 10px;
    top: -8px;
    left: 20px;
}
  .promotion-banner-img {
    width: 100%;
    height: 100%;
    max-width: 55px;
    object-fit: cover;
  }
}
@media only screen and (max-width:1240px){
    .panel2.firm-ranking-wrapper .owl-dots{
        bottom: -24px !important;
    }
    .promotinal-banner{
        display:block;
    }
    .promotion-left-part,
    .promotion-right-part{
      width:100%;
    }
    .panel2,
    .panel1{
      min-height:220px !important;
      margin-bottom: 12px;
    }
    .profile-listing{
        display:flex;
        justify-content: center;
    }
    .btn-outer{
        text-align: center;
    }
    
}
@media only screen and (max-width:1024px){
    .page-id-69 .site-content-contain .entry-content {
        width: 100% !important;
    }
}
@media only screen and (max-width:991px){
    .interviews_filter span.select2.select2-container.select2-container--default{
        margin-bottom:10px !important
    }
    .panel2 {
        min-height: unset !important;
        margin-bottom: 12px;
    }
    .panel2.firm-ranking-wrapper .owl-dots{
        bottom: 0px ;
    }
    .promotinal-banner{
        display:flex;
    }
    .promotion-left-part{
        width:40%;
    }
    .promotion-right-part{
      width:60%;
    }
    .btn-outer{
        text-align: left;
    }
    .panel2.firm-ranking-wrapper .owl-dots{
        bottom:-55px;
    }
}
@media only screen and (max-width:767px){
    .interview-intro p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .doing-business-logo{
        right:0px !important;
    }
    
    .logo-image-outer{
       position:unset !important;
    }
    nav#site-navigation button,
    nav#site-navigation button:focus,
    nav#site-navigation button:hover{
        background: transparent !important;
        width:100%;
        border:none !important;
        outline:none !important;
    }
    .navigation-top ul#top-menu {
        background: #1a405a !important;
    }
    .navigation-top #top-menu a{
        color:#fff !important;
    }
    .navigation-top ul.sub-menu {
        background: #1a405a;
    }
    button.dropdown-toggle {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .p-tooltiptext {
        right: 0px;
        left: 0px;
    }
    .logo-image-outer img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .letters-offices .offices .office{
        width:100% !important;
    }
    .promotinal-banner{
        display:block;
    }
    .promotion-left-part,
    .promotion-right-part{
      width:100%;
    }
    .profile-listing{
        display:flex;
        justify-content: center;
    }
    .btn-outer{
      text-align: center;
    }
    /* .panel2 {
        height:100% !important;
    } */
    .panel2.firm-ranking-wrapper .owl-dots {
        bottom: -34px;
    }
    .profile-listing{
        justify-content: center !important;
    }
    .next.page-numbers {
        float: right;
        background: #1a405a;
    }
    .next.page-numbers svg{
        color:#fff !important;
    }
    .doing-business-logo-outer{
        right:0px !important;
    }
    .interviewer-image-wrap{
        position:unset !important;
        width: 100% !important;
        height: 100% !important;
    }
}
@media only screen and (max-width:567px){
    .p-tooltiptext {
        right: 0px;
        left: -36px;
    }
    ul.profile-listing {
        display: flex;
        justify-content: center;
    }
    .promotion-right-part{
        width:60%;
    }
    .promotion-left-part{
        width:40%;
    }
    /* .promotion-banner-img  {
        width: 60px;
        height: 45px;
    } */
    .promotinal-banner{
        display:flex;
    }
    .btn-outer{
        text-align: left;
    }
}
@media only screen and (max-width:480px){
    .Testimonials-modal .modal-body{
        padding:5px;
    }
    .sidebar-preview img, .interview-preview img, span.firm-logo{
        margin:unset !important;
    }
    .interview-preview{
        flex-wrap: wrap;
        align-items:unset !important;
    }
    .doing-business-image img{
        width:200px !important;
    }
    .text-outer {
        margin-right: 2px;
    }
    .interview-preview{
        /* display: block !important; */
    }
    .interview-preview p {
        width: 100% !important;
        margin-bottom: 0px !important;
    }
    .interview-intro{
     width:100% !important;
     margin-left:0px !important;
    }
    .profile-link-btn {
        display: flex;
        margin-top: 10px;
        justify-content: flex-start;
        align-items:center;
    }
    .interview-intro{
        width:70%;
    }
    .interviewer-image-outer{
        width:30%;
    }
    .logo-image-outer{
        width:80px !important;
        height:80px !important;
    }
    .offices.lawFirmWrapper .p-tooltip .p-tooltiptext{
        left: -39px;
    }
    .p-tooltiptext {
        right: 0px;
        left: -36px;
    }
    .sidebar-preview.doing-business-in .spotlight-intro{
        width:100% !important;
    }
    h3.interview-title {
        text-align: left;
    }
    .interview-preview h3, h1.page-title, .interview-preview p.secondary, h4.dbi-title a{
        text-align: left !important;
    }
    .interviewer-image-outer{

    }
    /* .p-tooltiptext {
        right: -47px;
    } */
    .letters-offices .offices .office{
        width:100% !important;
    }
    .promotinal-banner{
        display: block;
    }
    .p-office-item{
        margin:0px;
    }
    .promotion-left-part,
    .promotion-right-part{
            width:100%;
    }
    .profile-listing h2 {
        font-size: 10px;
        font-weight: bold;
        padding: 6px 0px;
        border-bottom: 0px;
        color: #0d2734;
    }
    .panel2{
        height:unset !important;
        min-height: 228px !important;
    }
    ul.profile-listing li {
        padding: 0px 15px;
    }
    .btn-outer{
        text-align: center;
        margin-top:10px;
    }
    .panel2.firm-ranking-wrapper .owl-dots {
        bottom: -25px;
    }
    /* .promotion-banner-img {
        width: 60px;
        height: 60px;
    } */
    
}
@media only screen and (max-width:375px){
    .promotion-right-part,
    .promotion-left-part{
        width:100%;
    }
    .promotinal-banner{
        display:block;
    }
    .panel2{
        height:215px !important;
    }
    ul.profile-listing li {
        padding: 0px 11px;
    }
    .btn-outer{
        text-align: center;
        margin-top:10px;
    }
}


/*future lawyers rebrand panel on homepage*/
.panel-lex {
    background-image: url(/wp-content/uploads/sites/2/2022/09/gradient-fl-ff.png);
    background-size: 10%;
}
.panel-lex:hover {
    background-color: #141625;
}
.profile-link-btn {
    display: flex;
    margin-top:10px;
    justify-content: flex-end;
    align-items:center;
}
.doing-business-logo-outer{
    width: 20%;
    height: 60px;
}
.doing-business-logo-outer img{
    width:100%;
    height:100%;
    object-fit: contain;
    object-position: center;
    background-color: #fff;
    padding:4px;
}

.business-thumbnail-outer {
    width: 100px;
    height: 100px;
}
.business-thumbnail-outer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.interviews_filter .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:#1a405a !important;
    color:#fff !important;
}
.interviews_filter .select2-container .select2-selection--single {
    height: unset !important;
    padding: 4px 2px;
    font-size: 15px;
    font-weight: 400;
}
.interviews_filter .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: red !important;
}
.next.page-numbers {
    float: right;
    background: #1a405a;
}
.next.page-numbers svg{
    color:#fff !important;
}
.post-type-archive-interviews .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1a405a !important;
}
.select2-container--default .select2-results>.select2-results__options{
    z-index:999 !important;
}
.post-type-archive-interviews .select2-dropdown {
    border-color: #1a405a !important;
}
.post-type-archive-doing_business_in .navigation.pagination{
    width:100%;
}
.doing-business-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: relative;
    float: unset !important;
    max-width: 150px;
    max-height: 200px;
}
.doing-business-image {
    position: relative;
    max-width: 200px;
    max-height: 200px;
}
.post-type-archive-doing_business_in .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #1a405a !important;
}
.post-type-archive-doing_business_in .select2-dropdown {
    border-color: #1a405a !important;
}
.doing-business-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    float:unset !important;
}
.doing-image-outer-wrapper{
    position: relative;
}
.doing-business-logo {
    position: absolute;
    top: 0;
    z-index: 1;
    right: -5px;
    width: 80px;
    height: 57px;
}
.interviewer-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}
.interviewer-image-wrap {
    width: 80px;
    height: 80px;
}

.post-type-archive-spotlights .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #1a405a !important;
}
.post-type-archive-spotlights .select2-dropdown{
    border-color:#1a405a !important;
}
.post-type-archive.post-type-archive-spotlights .navigation.pagination {
    width: 100%;
}
.interview-logo-text-outer {
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.logo-image-outer {
    width: 80px;
    height: 80px;
    box-shadow: 0px 0px 4px #d7d7d7;
}
/* ..................Nov 10, 2022................ */

.interview-speaker .interview-preview img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 90px;
    max-height: 90px;
}
.interview-preview .name-comp{
    padding-left: 10px;
    padding-right: 10px;
}
.interview-preview .name-comp h3.interview-title{
    font-size: 16px;
}
.interview-preview .name-comp p.office-tag{
    font-size: 14px;
    color: #707070;
}
/* img.size-full.wp-image-83682.alignleft {
    height: 150px;
    width: 200px;
} */
img.size-full.wp-image-83682.alignleft {
    margin-bottom: 3px;
}
.flame-table h2 {
   margin-top: 55px;
}
select#yadcf-filter--hoff_json-0 {
    font-size: 15px;
    height: 2.4em;
}
.contact_name input[type="text"], .office_name input[type="text"], 
.editorial_section_name input[type="text"], .editorial_work_name input[type="text"]{
    font-size: 15px;
    padding: 0.4em;
}
.interview-speaker{
    box-shadow: 0px 0px 8px 0px #d7d7d7;
    padding: 15px;
}
.interview-speaker .interview-preview{
    box-shadow: unset !important;
    border-bottom: 1px solid #ccccccad !important;
    margin-bottom: 0px !important;
    padding: 8px;
    align-items: flex-start !important;
}
div#yadcf-filter-wrapper--hoff_json-0, div#yadcf-filter-wrapper--hoff_json-1,
div#yadcf-filter-wrapper--hoff_json-2, div#yadcf-filter-wrapper--hoff_json-3,
div#yadcf-filter-wrapper--hoff_json-4 {
    position: relative;
}
.flame-table #hoff_json_wrapper button {
        background: none;
        float: unset;
        color: #fff;
        position: absolute;
        padding: 0px 5px;
        z-index: 1;
        background-color: #333333;
        border-radius: 50%;
        font-size: 12px;
        top: -5px;
        right: -19px;
        width:10px;
        height:20px;
    }
div#yadcf-filter-wrapper--hoff_json-0  button{
    top: -5px;
        right: -10px !important;
}
.hoff_table-design tbody {
    font-size: 14px;
}
.flame-table .dataTables_scrollBody {
    height: 150vh !important;
}
.flame-table thead {
    background-color: #f9f9f9c2;
}
.flame-table .dataTables_scrollBody{
   overflow-x: scroll !important;
   overflow-y:scroll !important;
}
.flame-table .dataTables_scrollBody
.flame-table .dataTables_scrollBody::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(119, 119, 119, 0.3);
	background-color: #F5F5F5;
}
.flame-table .dataTables_scrollBody::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
    height:4px !important;
}
.flame-table .dataTables_scrollBody::-webkit-scrollbar-thumb{
	background-color: #807e7e;
}
.text-without-logo h3.interview-title {
    padding-top: 0px;
}
.text-without-logo{
 z-index:9999;
}
.site-navigation-fixed.navigation-top{
    z-index: 99999 !important;
}
a.profile-link.ReadMoreBtn {
    background: transparent;
    color: #1a405a;
    border: 1px solid #1a405a;
    margin-left: 14px;
    padding: 4px 14px !important;
    z-index:9999;
}
.business-content-sidebar {
    width: 80%;
    margin-left: 10px;
}
.business-sidebar-outer {
    display: flex;
}
.business-content-sidebar h4.dbi-title {
    font-size: 16px;
    line-height: 20px;
}
.sidebar-preview{
    position: relative;
    z-index:999 !important;
}

.sidebar-preview::before {
    content: "";
	background-position: center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.15;
    z-index:-1;
}
.site-content-contain aside.widget-area.interviews-sidebar {
    padding: 0px !important;
}
.widget-area.interviews-sidebar h3.gc-widget-title {
    padding: 20px 16px;
}
.interview-preview.doing-business-preview {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.interview-preview.doing-business-preview::before {
    content: "";
	background-position: center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.15;
}

.interview-preview.doing-business-preview .interview-intro {
    width:100%;
	margin-left: unset;
    /* margin-left: 20px; */
    
}

.interview-preview.doing-business-preview .interview-logo-text-outer {
    display: flex;
    justify-content: flex-start;
}

.interview-preview.doing-business-preview .logo-image-outer {
	width: 12%;
    /* height: 100px; */
    background: #fff;
    z-index: 1;
    margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
}
.interview-preview.doing-business-preview .text-without-logo {
    width: 88%;
}
.interview-preview.doing-business-preview .interview-preview p {
    width: 100% !important;
    color: #000;
}
.flame-table thead {
    background-color: #edf1f3;
}
.flame-table table.dataTable thead th, table.dataTable thead td{
    border-bottom:0px !important;
}
.flame-table table.dataTable thead th, table.dataTable thead td{
    font-size:14px !important;
}
.hoff_table-design tbody {
    font-size: 13px;
}
.interview-speaker.hall-of-fame{
    padding:0px !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: 0px !important;
}