/*
Theme Name:   Legal 500 Main
Description:  L500 Main Theme
Author:       Tom Myatt
Author URL:   https://www.legal500.com
Template:     twentyseventeen
Version:      1.6
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 */
#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;
}
*/

.language-switch {
    text-align: right;
    margin: 10px 0;
}

.language-switcher {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0;
}

.language-switcher .links {
    background: #fff;
    display: inline-block;
    padding: 10px;
    border: 1px solid #000;
    color: #999;
}

.language-switcher .links .link {
    text-decoration: none;
    color: #000;
}

.language-switcher .links .link.active {
    font-weight: 500;
}

.language-switcher .links .link:hover {
    text-decoration: underline;
}

.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;
}

.office-profile .plus-image-icon {
    display:none;
}

.office-profile .interview-preview {
    display: block;
}


.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(https://www.legal500.com/wp-content/themes/legal-500-main/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: 80px;
    width: 21.5%;
}

#left-col.fixed .contact-box{
    margin-top: unset;
}

.nh-img-wrap {
    display: block;
    width: 150px;
}

.nh-img-wrap img {
    width: 100%;
    object-fit: cover;
}

#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(https://www.legal500.com/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/sites/18/2024/04/l500-beta.png); */
    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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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(https://www.legal500.com/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/2024/04/l500-beta.png); */
    background-size: cover;
    overflow: hidden;
}



.panel8:hover {
    background-image: url(https://www.legal500.com/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(https://www.legal500.com/wp-content/assets/home/zgc-black.png);
    background-size: 15%;
    background-position: 95% 95%;
}

.panel9:hover {
    background-image: url(https://www.legal500.com/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(https://www.legal500.com/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/2024/04/l500-beta.png); */
        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(https://www.legal500.com/wp-content/themes/legal-500-main/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;
    }
    #left-col.fixed{
        top: 0px;
    }
}

@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(https://www.legal500.com/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(https://www.legal500.com/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;
}

.client-testimonials-repeater-wrapper {
    margin-bottom: 30px;
}

.client-testimonials-repeater-wrapper p {
    margin: 0 0 5px 0;
}

.client-testimonials-repeater-wrapper span {
    font-weight: 500;
}

/*AMc PPP video homepage 13/2/24*/

/*header*/
#ppp-home-header, #ppp-home-content {
    width:80% !important;
    margin-left:15%;
    margin-right:15%;
    float: left !important;

}
.tv-header-content h1 {
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:500;
    font-size:30px;
}
.tv-header-content p {
    font-weight:200;
    font-family: ff-real-text-pro, sans-serif;
}

/*body*/
.wrap#ppp-single {margin-left:10%;margin-right:10%;}
#ppp-home-content {
    padding-top:2em;
}

.ppp-grid {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}

/*cards*/
.ppp-card {
    background:white;
    width:30%;
    margin:1em;
    margin-top:0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin-bottom:2em;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    padding:1em;
    border-radius:20px;
}

.ppp-card a {
    box-shadow:none !important;
}

.ppp-card-main {
    display:flex;
}

.video-card-image {
    max-width:100px;
    min-width:100px;
    margin-right:1em;
    object-fit: contain;
}



.ppp-home-bio {
    margin-top:0.5em;
}

.ppp-home-bio p {
    font-family: ff-real-text-pro, sans-serif;
    font-size:14px;
    font-weight:200;
    margin: unset;
}
p.ppp-title {
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:1.25em;
}
p.ppp-title#webinar-title {
    font-size:16px;
}

.ppp-links#homepage-links {
    width:unset;
    display:flex;
    justify-content:flex-start;
    margin-top:1em;
    flex-wrap:nowrap;
    position:relative;
}
.ppp-links#homepage-links a  {
    box-shadow: none !important;
}

a.card-link {
    box-shadow: none !important;
}







/*PPP video child pages*/
.ppp-bio {
    margin-bottom:2em;
}
.tv-header {
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:500;
    font-size:30px;
}
.tv-body {
    font-family: ff-real-text-pro, sans-serif;
    margin-bottom:unset;
}
p#ppp-name {
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:500;
    font-size:20px;
}

.ppp-links {
    display:flex;
    justify-content:flex-start;
    margin-bottom:1em;
}


.ppp-btn {
    display:block;
    font-weight:200;
    font-family: ff-real-text-pro, sans-serif;
    margin:0.5em;
    margin-left:0;
    background: #463EEC;
    border-radius:10px;
    padding:0.5em 2em;
}

.ppp-btn:hover {
    background: #3B35C1 !important;
}

.ppp-btn a {
    color:white;
    width:100%;
    height:100%;
}
.ppp-btn a:hover {
    color:white;
}
 
.ppp-btn#secondary-btn {
 background: none;
 border: #463EEC 1px solid;
}
a .ppp-btn#secondary-btn  {
    color: #463EEC;
}
.ppp-btn#secondary-btn:hover {
    border-color: #3B35C1;
    background: none !important;
}
a .ppp-btn#secondary-btn:hover  {
    color: #3B35C1;
}

.ppp-btn#view-all-link {
    width:300px;
    margin:auto;
    margin-top:50px;
    max-width:70%;
    min-width:400px;
}


.tv-transcript {
    width:60%;
}

.tv-transcript p {
    font-family: ff-real-text-pro, sans-serif;
    font-weight:200;
}

.tv-transcript p strong {
    font-weight:500;
}

@media only screen and (max-width:1440px) {
    .ppp-card-main {
        flex-wrap:wrap;
    }
    .ppp-home-bio {
        width:100%;
    }
    .ppp-links#homepage-links {
        display:block;
            }
            .ppp-links#homepage-links .ppp-btn {
                width:100%;
                margin-bottom:0.5em;
            }
}


@media only screen and (max-width:1366px) {
    .ppp-grid {
        flex-wrap:wrap;
    }
    .ppp-card {
        width:29%;
    }

}
@media only screen and (max-width:1280px) {
    #ppp-home-header, #ppp-home-content {
width:100%;    
margin-left:10%;
margin-right:10%;
}



}

@media only screen and (max-width:1100px) {
    .ppp-card {
        width:40%;
}
}

@media only screen and (max-width:1000px) {
    .ppp-card {
        width:100%;
}
    .tv-transcript {
        width:100%;
    }
    .ppp-links {
        display:block;
            }
.ppp-links .ppp-btn {
                width:100%;
                margin-bottom:0.5em;
            }
}


.panel2#acf-carousel {
    position:relative;
}
.panel2#acf-carousel img {
    position:absolute;
    height:100%;
            width:unset;
        max-width:unset;
}

@media only screen and (max-width:1200px) {
    .panel2#acf-carousel img {
        max-height:50%;
    }
}

@media only screen and (max-width:600px) {
    .panel2#acf-carousel img {
        width:100% !important;
        height:unset !important;
    }
    .ppp-btn#view-all-link {
        min-width:unset;
    }
    #ppp-home-header, #ppp-home-content {
        margin:unset;
        width:100vw;
        }
}

/*AMc corporate conversations styling*/
h2.cc-episode-title {
    border-bottom:none;
    text-transform:none;
    font-family: ff-real-text-pro, sans-serif;

}


/*AMc podcast update styling*/
.podcast-description {
    width:60%;
    margin-bottom:2em;
}
p.video-tag {
    text-transform:uppercase;
    font-weight: 200;
    font-size: 12px;
    margin: 0.5em;
    margin-left: 0;
    background: none;
    color: #463EEC;
    border: #463EEC 1px solid;
    border-radius: 10px;
    padding: 0.25em 1em;
    width:fit-content;
}
hr.podcast-divide {
    height:1px;
    margin-top:1.5em;
}
.embedded-player-podcast {
    width:60%;
    margin-bottom:2em;
    max-width:1000px;  
}
.podcast-outlinks {
    display:flex;
    flex-wrap:wrap;
}
.podcast-outlinks p {
    display:flex;
    align-items:center;
    margin-right:2em;
    font-size:12px;
    text-transform:uppercase;
}
.podcast-outlinks p img {
    max-width:20px;
    margin-right:5px;
}

/*podcast media styling*/
@media only screen and (max-width:1000px) {
    .podcast-description {
        width:100%;
    }
    .embedded-player-podcast {
        width:100%;
    }
    .podcast-outlinks p {
        margin-bottom:1em;
    }
}

/*L500 TV homepage restyle 30-9-24*/
@import url("https://use.typekit.net/lps0hff.css");
header.entry-header#l500-tv, .entry-content#l500-tv {
	width:100% !important;
}

.video-prod-section h2 {
	font-family: ff-real-headline-pro, serif;
    border-bottom:none !important;
    text-transform:unset;
    font-weight:600;

}
.video-prod-section > p {
	padding-left:2em;
	padding-right:2em;
}

header.entry-header#l500-tv {
	background: #012032;
	margin-bottom:2em;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2em;
}

header.entry-header#l500-tv .tv-header-content {
	display:flex;
	flex-direction:column;
	align-items:center;
}

header.entry-header#l500-tv .tv-header-content img {
	width:10%;
	margin-bottom:1em;
}

header.entry-header#l500-tv .tv-header-content h1 {
	font-weight:bold;
	color:white;
	font-family: ff-real-headline-pro, serif;
	margin:0;
	padding:0;
	font-size:2em;
	text-transform:unset;
}

.entry-content#l500-tv {
	padding-left:15%;
	padding-right:15%;
}
.featured-section {
	width:100%;
}

.featured-section:hover {
	cursor:grab;
}
.featured-section h4 {
	font-family: ff-real-headline-pro, sans-serif;

}

.video-prod-section {
	margin-bottom:5em;
}

.video-prod-section h3, .featured-video h3 {
	background: #012032;
	font-weight:500;
	color:white;
	font-family: ff-real-headline-pro, serif;
	padding:0.5em 1em !important;
}
.video-prod-section h3 span {
font-weight:300 !important;
}

.video-grid {
    display:flex;
    flex-wrap:wrap;
	justify-content:center;
}
.video-grid .video-card {
    width:30%;
    box-shadow: #dbdbdb 3px 5px 5px 0px;
    padding: 1em 0.5em;
}

.video-card {
	margin:0.5em;
	display: flex;
    flex-direction: column;
    align-items: center;
	position:relative;
}

.video-card a {
	box-shadow: none !important;
}

.video-card a.card-link {
	position:absolute;
	height:100%;
	width:100%;
	box-shadow: none !important;
}

a.image-link-overlay {
	box-shadow: none !important;
}

.video-card h4 {
	font-family: ff-real-headline-pro, sans-serif;
color: #223756;
font-weight:300;
padding:0.5em;
font-size: 1em;
    line-height: 1.2em;
	margin-top:1em;
}



p.event-date {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	background: #223756;
	color:white;
	padding:0.25em 2em;
	font-size: 0.75em;
	text-transform:uppercase;
	font-weight:200;
	z-index:4;
	font-family: ff-real-text-pro, sans-serif;

}

button.more-events-link {
	width: 30vw;
    margin: auto;
    display: block;
	background: #223756;
	color:white;
	padding:0.5em 2em;
	font-size: 0.75em;
	text-transform:uppercase;
	font-weight:200;
	margin-top:1em;
	font-family: ff-real-text-pro, sans-serif;

}

img#video-sponsor {
	margin:auto;
}

.video-carousel-gce a, .video-carousel-podcast a {
	box-shadow: none !important;
}

.video-carousel-gce .video-card iframe, .video-carousel-pp .video-card iframe {
	position:relative;
}


.video-grid#featured {
text-align:center;
align-items:center;
display:flex;
justify-content:space-between;
}

.video-grid#featured p {
	text-align:center;
}

.tv-navigation {
	width:100%;
	padding-left:15%;
	padding-right:15%;
	clear:both;
	background:white;
    transition: all 0.3s ease; 
}

.tv-navigation.fixed {
	position: fixed;
    top: 0;
    width: 100%; /* Ensure it stays full width when fixed */
    z-index: 1000; /* Ensure it's above other elements */
    top: 80px;
	left:0;
	box-shadow: 5px 5px 15px #cacbd4;
	display:flex;
	justify-content:space-between;
	align-items:center;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.placeholder {
    display: none;
    visibility:hidden;
}

.logged-in .tv-navigation.fixed {
	margin-top:90px;
}

ul.anchor-links {
	list-style-type: none;
	display:flex;
	justify-content:space-between;
	margin: 1.5em 0;
}


.tv-navigation.fixed ul.anchor-links {
	width:85%;
}

.tv-navigation ul.anchor-links a  {
	color:#223756;
	font-family: ff-real-headline-pro, sans-serif;
font-weight:500;
text-align:center;
}



a.anchor-padding {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.video-card#pp-card {
	width:40%;
}
.embedded-player {
    min-width: 100%;
    padding-bottom: 2em;
	margin-top:0;
}



.slick-list {
	width:80%;
}

.slick-arrow {
	height: 20px;
    width: 30px;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.guide-parent-link {
	padding-top:0;
	margin-bottom:1em;
}
.guide-parent-link a {
	color:#463EEC;
	font-family: ff-real-text-pro-2, sans-serif;
	box-shadow: none !important;
	font-size:12px;
}
.guide-parent-link a:hover {
	color:#3B35C1;
}


/*media queries*/
@media all and (min-width: 1600px) {

	ul.anchor-links a {
		margin-right:10px;
	}
}

@media all and (max-width:1600px) {
	ul.anchor-links a {
		margin-right:10px;
		text-align:center;
	}
}

@media all and (max-width:1440px) {
	.entry-content#l500-tv, .tv-navigation {
		padding-left:5%;
		padding-right:5%;
	}

}

@media all and (max-width:1389px) {
	.tv-navigation.fixed {
		margin-top:0px !important;
	}
}

@media all and (max-width:1280px) {
	ul.anchor-links a {
		max-width: 150px;
    margin-right: 10px;
    text-align: center;
    font-size: 0.75em;
	}
	button.more-events-link {
		width:40vw;
	}
}

@media all and (max-width:1000px) {
	.video-grid .video-card {
		width:45%;
	}

}

@media all and (max-width:600px) {
	.entry-content#l500-tv {
		padding: 0;
	}
	.tv-navigation {
		display: none;
	}
	.tv-navigation.fixed {
		display:none;
	}
	.featured-section {
		padding-left:5px;
		padding-right:5px;
	}
	.video-grid .video-card, .video-card#pp-card {
		width:100%;
	}
	button.more-events-link {
		width:100%;
	}
}

/*video additional feature - key takeaways/transcription*/
#ppp-single {
    max-width:1000px !important;
    min-width:400px;
}
#header-video-product {
    font-family: ff-real-headline-pro, sans-serif;
}
h3.ll-toggle {
	font-size:24px !important;
	border:none;
	color: #463EEC;
}
h3.ll-toggle:active, h3.ll-toggle:focus, h3.ll-toggle:hover {
	color:#3B35C1;

}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background:none !important;
	color: #3B35C1 !important;
}

.ui-widget-content {
	border:none !important;
}

.ui-state-active .ui-icon {
	background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png") !important;
}

.custom-counter li {
	-webkit-box-shadow: 0 4px 6px -6px #222;
	-moz-box-shadow: 0 4px 6px -6px #222;
	box-shadow: 0 4px 6px -6px #222;
}

#ppp-single p, #ppp-single link, #ppp-single em, #ppp-single label, #ppp-single li {
    font-family: ff-real-text-pro, sans-serif;
    font-weight: 250;
    font-size: 14px;
    color: black;
}


/*Supplier profiles*/ 
/*home*/
.wrap#supplier-profiles-home {
    width:70%;
}
.wrap#supplier-profiles-home .page-header {
    width:70% !important;
}
.supplier-profiles-cta {
    width:70%;
}
.supplier-profiles-cta h2 {
    font-family: ff-real-headline-pro, sans-serif;
    text-transform:none;
    border:none;
    font-weight:500;
}
.supplier-profiles-cta a.supplier-email-cta {
    color: #4740E8;

}
.wrap#supplier-profiles-home article {
    width:100% !important;
    float: none !important;
}

.wrap#supplier-profiles-home h1 {
    font-family: ff-real-headline-pro, sans-serif;
    font-weight:500;
    font-size:32px;
    text-transform: none;
    border: none;
}

.wrap#supplier-profiles-home .supplier-item {
    padding:0.5em;
    display:flex;
    width: 700px;
    justify-content:space-between;
    align-items:center;
}

.wrap#supplier-profiles-home .supplier-item .supplier-item__main {
    display:flex;
    align-items:center;

}

.wrap#supplier-profiles-home .supplier-item h2 {
    border: none;
    text-transform: none;
    font-family: ff-real-text-pro, sans-serif;
    font-weight:500;
    font-size:18px;
    padding-bottom:10px;
}
.wrap#supplier-profiles-home .supplier-item h2 a:hover, .wrap#supplier-profiles-home .supplier-item p a:hover {
    color: #463EEC;
}
.wrap#supplier-profiles-home .supplier-item p {
    margin-bottom:0;
}
.wrap#supplier-profiles-home .supplier-item p a {
    color: #463EEC;
    font-size:12px;
}

p.kitemark  {
    color: #4740E8;
    font-variant-numeric: lining-nums;
    font-size:10px;
    text-transform:uppercase;
    font-weight:600;
    display:flex;
    align-items:center;
    margin-left:20px;
}
p.kitemark img {
    max-height:10px;
    margin-right:5px;
}

/*profiles*/
/*gENERAL*/
.wrap#supplier-profiles-single {
    width:90%;
    max-width:1000px !important;
    margin-left:15vw;
}
/*MASTHEAD*/
.wrap#supplier-profiles-single h1 {
    font-family: ff-real-headline-pro, sans-serif;
    border: none;
    text-transform: none;
    font-size:32px;
    font-weight:500;
    width:100%;
    margin-bottom: 5px;
}
.single-supplier-masthead {
    display:flex;
}
.single-supplier-masthead__top-row, .single-supplier-masthead__bottom-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:1em;
}
.single-supplier-masthead__top-row h1 {
    margin:0;
    padding:0;
}
.supplier-logo-holder {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100px;
    height:100px;
    border:1px solid lightgray;
    border-radius:50%;
    margin-right:2em;
    padding:10px;
}
.supplier-logo-holder#archive-page-logo {
    height:65px;
    width:65px;
    margin-right:1em;
}
.supplier-logo-holder#archive-page-logo img {
    max-width:45px;
}
.supplier-logo-holder img {
    max-width:70px;
}

p.kitemark a {
    color: #4740E8;
    font-variant-numeric: lining-nums;
    font-size:12px;
    text-transform:uppercase;
    font-weight:600;
    display:flex;
    align-items:center;
}
p.kitemark a img {
    max-height:12px;
    margin-right:5px;
}

ul.supplier-links {
    list-style-type: none;
    display:flex;
    gap:10px;
    margin-right:10px;
}
ul.supplier-links li {
    display:flex;
    align-items:center;
}
ul.supplier-links li a {
    display:flex;
    align-items:center;
}
ul.supplier-links li a img {
    max-height:14px;
    max-width:14px;
    margin-right:3px;
}
/*body*/
.wrap#supplier-profiles-single .supplier-profile-main {
    width:80%;
    max-width:900px;
    margin:0;
    font-variant-numeric: lining-nums;
    color:#082536;
}
.wrap#supplier-profiles-single .supplier-profile-main h2 {
    border: none;
    text-transform: none;
    font-weight:400;
    font-family: ff-real-headline-pro, sans-serif;
    margin-bottom:0;
}
.wrap#supplier-profiles-single .supplier-profile-main p, .wrap#supplier-profiles-single .supplier-profile-main li, .wrap#supplier-profiles-single .supplier-profile-main a {
    font-family:ff-real-text-pro-2, sans-serif;
    font-weight:normal;
}
.wrap#supplier-profiles-single .supplier-section {
    max-width:700px;
    padding-top:2em;
    padding-bottom:2em;
    margin:auto;
}
.wrap#supplier-profiles-single .supplier-section p:last-of-type {
    margin-bottom:0;
}

.wrap#supplier-profiles-single hr {
    margin-bottom: 0;
}
.supplier-office-grid {
    display:flex;
    flex-wrap: wrap;
    gap:20px;
}
.supplier-office-single {
    width: calc(33% - 20px);
}
.supplier-office-single p {
    font-size:12px;
    margin-bottom:0;
    
}
.supplier-office-single strong {
    color: #4740E8;
    text-transform:uppercase;
}

.supplier-contact-grid {
    display:flex;
    flex-wrap:wrap;
}

.supplier-contact-single {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    margin-bottom:1em;
}
.contact-single-info p {
    margin:0;
}
.testimonials-grid {
    display:flex;
    flex-wrap: wrap;
    gap:30px;
}
.testimonial-single {
    width: calc(50% - 30px);
}
.testimonial-single p {
    color: #737272;
    font-size:14px;
}

.clients-grid {
    display:flex;
    flex-wrap: wrap;
    gap:5px 30px;
}
.clients-single {
    width: calc(33% - 20px);
    margin-bottom:0;
}

/*media queries*/
@media all and (max-width:1000px) {
    .wrap#supplier-profiles-home {
        width:100%;
    }
    .wrap#supplier-profiles-home .supplier-item {
        width:100%;
    }

}
@media all and (max-width:600px) {
    .wrap#supplier-profiles-home .supplier-item p {
        display:none;
    }
    .supplier-profile-main {
        width:100%;
    }
    .wrap#supplier-profiles-single {
        width:100%;
        margin:0;
    }
    .single-supplier-masthead {
        flex-wrap:wrap;
    }
    ul.supplier-links {
        align-items:center;
    }
    .supplier-office-single, .testimonial-single {
        width:100%;
    }
}