/*
Theme Name: Sprung-Total
Theme URI:
Description:
Author: Sprung Interactive
Author URI: http://madebysprung.com
Template: Total
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.post-edit {
    display: none;
}

/* TYPOGRAPHY */
.wpb_text_column h1:first-child, .wpb_text_column h2:first-child, .wpb_text_column h3:first-child, .wpb_text_column h4:first-child, .wpb_text_column h5:first-child, .wpb_text_column h6:first-child,  .wpb_text_column blockquote:first-child,
.wpb_text_column.wpex-h1, .wpb_text_column.wpex-h2, .wpb_text_column.wpex-h3, .wpb_text_column.wpex-h4, .wpb_text_column.wpex-h5, .wpb_text_column.wpex-h6 {
    margin-top: 0;
}

ol li {
  margin-block-end: 5px;
}

h1, .wpex-h1,
h2, .wpex-h2,
h3, .wpex-h3 {
    font-stretch: 82%;;
}

/* Heading 2 Alt */
h2 .heading2-alt, .heading2-alt h2, h2.heading2-alt {
    font-size: 64px;
    font-stretch: 82%;
}

/* Heading 2 Alt 2 */
h2 .heading2-alt2, .heading2-alt2 h2, h2.heading2-alt2 {
    font-family: 'tablet-gothic-compressed';
    font-size: 94px;
    font-stretch: 100%;
    line-height: 1.6;
}

/* Heading 3 Alt */
h3 .heading3-alt, .heading3-alt h3, h3.heading3-alt {
    font-size: 32px;
    font-stretch: 82%;
}

/* Heading 3 Alt 2 */
h3 .heading3-alt2, .heading3-alt2 h3, h3.heading3-alt2 {
    font-family: 'tablet-gothic-compressed';
    font-size: 36px;
    font-stretch: 100%;
    line-height: 1.6;
}

h5, .wpex-h5 {

}

h6, .wpex-h6 {

}

.wpb_text_column ul {
    list-style: none;
}

.wpb_text_column ul li {
    position: relative;
}

.wpb_text_column ul li::before {
    content: '●';
    font-size: .5em;
    display: block;
    position: absolute;
    left: -17px;
    top: .9em;
}

p, .wpex-gallery, .gallery, details, .wp-caption.aligncenter, .wp-caption.alignnone {
    margin-block-end: .5em;
}

.orange {
    color: var(--wpex-palette-114-color);
}

p.body-medium, p .body-medium, .body-medium p {
    margin-block-end: 1em;
}

p.body-large, p .body-large, .body-large p {
    margin-block-end: 1em;
}

.body-large.wpex-font-semibold {
    line-height: 1.4;
}

.body-medium {
    font-size: 20px;
}

.body-large {
    font-size: 26px;
}

.body-large-condensed {
    font-family: 'tablet-gothic-compressed';
    font-size: 26px;
    font-weight: 400;
    line-height: 1.6;
}

.eyebrow {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.quote {
    font-family: 'fenway-banner-vf';
    font-weight: 700;
    font-size: 44px;
    line-height: 1.3;
    font-stretch: 82%;
}

.case-study-quote {
    font-family: 'fenway-banner-vf';
    font-weight: 400;
    font-size: 26px;
    line-height: 1.4;
}

.cta {
    font-family: 'fenway-banner-vf';
    font-weight: 700;
    font-size: 42px;
    line-height: 1.4;
    font-stretch: 82%;
}


/* BUTTONS AND LINKS */
a:hover {
    text-decoration: none;
}

.wpb_text_column a:focus {
   color: var(--wpex-palette-116-color);
   text-decoration: none;
}

.theme-button:focus, .color-button:focus, .button:focus, .added_to_cart:focus, button:where([type=submit],[type=reset]):where(:not(.wpex-unstyled-button)):focus, input:where([type=submit]):where(:not(.wpex-unstyled-button)):focus, .focus>.theme-button, .theme-button.focus, .wp-element-button:focus, .wp-block-button__link:focus {
    color: var(--wpex-active-btn-color, var(--wpex-hover-btn-color, var(--wpex-on-accent-alt)));
    background-color: var(--wpex-active-btn-bg, var(--wpex-hover-btn-bg, var(--wpex-accent-alt)));
    background-image: var(--wpex-active-btn-img, var(--wpex-hover-btn-img, var(--wpex-btn-img)));
    border-color: var(--wpex-active-btn-border-color, var(--wpex-hover-btn-border-color, var(--wpex-btn-border-color, currentColor)));
}

.vcex-multi-buttons .theme-button {
    border-radius: var(--wpex-btn-border-radius);
    border-width: var(--wpex-btn-border-width);
    border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
}

.vcex-multi-buttons.white .theme-button {
    background: var(--wpex-white);
    color: var(--wpex-black);
}

.theme-button.white:focus,
.vcex-multi-buttons.white .theme-button:focus {
    color: var(--wpex-active-btn-color, var(--wpex-hover-btn-color, var(--wpex-on-accent-alt)));
    background-color: var(--wpex-active-btn-bg, var(--wpex-hover-btn-bg, var(--wpex-accent-alt)));
    background-image: var(--wpex-active-btn-img, var(--wpex-hover-btn-img, var(--wpex-btn-img)));
    border-color: var(--wpex-active-btn-border-color, var(--wpex-hover-btn-border-color, var(--wpex-btn-border-color, currentColor)));
}

.theme-button.white:hover,
.vcex-multi-buttons.white .theme-button:hover {
    color: var(--wpex-hover-btn-color, var(--wpex-on-accent-alt));
    background-color: var(--wpex-hover-btn-bg, var(--wpex-accent-alt));
    background-image: var(--wpex-hover-btn-img, var(--wpex-btn-img));
    border-color: var(--wpex-hover-btn-border-color, var(--wpex-btn-border-color, currentColor));
}

.theme-button.outline {
    border-radius: var(--wpex-btn-border-radius);
    border-width: var(--wpex-btn-border-width);
    border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
    color: var(--wpex-palette-121-color);
}

.primary-orange .theme-button.orange {
    border-color: var(--wpex-palette-114-color);
}

.primary-orange .theme-button.white.outline-transparent {
    border-color: var(--wpex-palette-114-color);
    background: transparent;
}

.primary-orange .theme-button.white.outline-transparent:hover,
.primary-orange .theme-button.white.outline-transparent:focus {
    border-color: var(--wpex-palette-116-color);
    background: var(--wpex-palette-115-color);
}

.primary-orange .theme-button.orange:hover,
.primary-orange .theme-button.orange:focus {
    border-color: var(--wpex-palette-116-color);
}

.active>.theme-button.outline, .theme-button.outline.active, .theme-button.outline:hover {
    border-color: var(--wpex-hover-btn-border-color) !important;
}

.theme-button.outline:hover {
    background-color: var(--wpex-palette-115-color);
}

.theme-button.outline:focus {
    background-color: var(--wpex-palette-115-color);
    color: var(--wpex-palette-116-color);
}

.vcex-button.theme-txt-link {
    --wpex-icon-height: .58em;
    color: var(--wpex-palette-116-color);
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
    transition: all ease .15s;
}

.vcex-button.theme-txt-link:hover {
    color: var(--wpex-palette-115-color);
}

.vcex-button.theme-txt-link:focus,
.vcex-button.theme-txt-link.light:focus {
    color: var(--wpex-palette-118-color);
}

.vcex-button.theme-txt-link .vcex-button-icon.theme-button-icon-right {
    padding-inline-start: 3px;
    transition: all ease .15s, padding-inline-start ease .8s, margin-right ease .8s;
}

.vcex-button.theme-txt-link:hover .vcex-button-icon.theme-button-icon-right,
.vcex-button.theme-txt-link:focus .vcex-button-icon.theme-button-icon-right {
    padding-inline-start: 9px;
    margin-right: -6px;
}

.vcex-button.theme-txt-link .vcex-button-icon.theme-button-icon-left {
    padding-inline-end: 3px;
    /* padding-inline-start: 0; */
    transition: all ease .15s, padding-inline-end ease .8s, margin-left ease .8s;
}

.vcex-button.theme-txt-link:hover .vcex-button-icon.theme-button-icon-left,
.vcex-button.theme-txt-link:focus .vcex-button-icon.theme-button-icon-left {
    padding-inline-end: 9px;
    /* padding-inline-start: 0; */
    margin-left: -6px;
    /* margin-right: 0; */
}

.vcex-button.theme-txt-link .wpex-icon {
    display: flex;
    justify-content: center;
}

.vcex-button.theme-txt-link.light:hover {
    color: var(--wpex-palette-120-color);
}

.vcex-button.theme-txt-link.medium {
    --wpex-icon-height: .8em;
    font-size: 23px;
    font-weight: 700;
}

.vcex-button.theme-txt-link.medium:focus {
    color: var(--wpex-palette-115-color);
}

.vcex-button.theme-txt-link.medium .vcex-button-icon,
.vcex-button.theme-txt-link.medium :hover .vcex-button-icon,
.vcex-button.theme-txt-link.medium :focus .vcex-button-icon {
    padding-inline-start: 7px;
}

.vcex-button.theme-txt-link.large {
    color: var(--wpex-palette-114-color);
    font-family: 'fenway-banner-vf';
    font-size: 32px;
    font-weight: 400;
    text-transform: none;
}

.vcex-button.theme-txt-link.large:hover {
    color: var(--wpex-palette-115-color);
}

.vcex-button.theme-txt-link.large:focus {
    color: var(--wpex-palette-116-color);
}

.vcex-button.theme-txt-link.large .vcex-button-icon {
    padding-inline-start: 7px;
}

.vcex-button.theme-txt-link.large:hover .vcex-button-icon,
.vcex-button.theme-txt-link.large:focus .vcex-button-icon {
    padding-inline-start: 19px;
    margin-right: -12px;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
    font-family: var(--wpex-btn-font-family);
    padding-top: 3px;
}



/* PAGE STYLES */
.vcex-image.wpex-rounded-full .vcex-image-inner {
    border-radius: inherit;
    overflow: hidden;
}

.vcex-image picture.vcex-image-img.wpex-object-cover img {
    display: block;
    aspect-ratio: inherit;
    object-position: inherit;
    object-fit: inherit;
}

.vcex-image.vcex-fill-column picture.vcex-image-img img {
    object-position: inherit;
}

.align-top.vcex-column-side-border {
    transform: none;
    inset-block-start: 0%;
}

.leadership-row {
    max-width: 490px;
    float: right;
}

.book-image.vcex-image {
    margin-right: -55%;
}

.vcex-fill-column.wpex-text-right {
    align-items: flex-end;
}

.vcex-fill-column .vcex-image-img {
    height: 100%;
}

.what-we-do-points {
    max-width: 324px;
}

.client-grid .vcex-image-grid-entry-figure {
    background: var(--wpex-palette-121-color);
    box-shadow: 0px 0px 8px 0px #00000040;
    padding: 32px 26px;
}

.client-grid .vcex-image-grid-entry-figure img {
    display: block;
}

.client-grid .wpex-aspect-4-3 {
    aspect-ratio: 10 / 7;
}

.client-grid .wpex-aspect-4-3 img {
    object-fit: inherit;
    object-position: inherit;
    aspect-ratio: inherit;
}

.card-headline.case-study>.wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 36px;
}

.case-study-deliverables ul.deliverables-list {
    color: var(--wpex-palette-116-color);
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.case-study-deliverables ul.deliverables-list li {
    white-space: nowrap;
    padding-right: 20px;
    position: relative;
}

.case-study-deliverables ul.deliverables-list li::after {
    content: "•";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto;
}

.case-study-deliverables ul.deliverables-list li.line-end::after {
    display: none;
}

.case-study-sidebar .wpb_column {
    position: relative;
    background-color: inherit;
}

.case-study-sidebar .wpb_column::before {
    background-color: var(--wpex-palette-120-color);
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: calc((100vw - var(--wpex-container-width)) / 2);
    top: 0;
    right: calc((100vw - var(--wpex-container-width)) / -2);
    z-index: -1;
}

.case-study-sidebar>.wpb_column>.vc_column-inner {
    border-radius: 0 0 0 30px;
    overflow: hidden;
    padding: 40px 15px 100px 40px;
}

.business-moment.body-medium p {
    margin-block-end: 14px;
}

.vcex-post-content .vcex-image.vcex-fill-column .vcex-image-inner,
.vcex-post-content .vcex-image.vcex-fill-column img {
    display: block;
}

.team-section .wpb_wrapper,
.team-row {
    height: 100%;
}

.team-row .wpb_wrapper {
    display: flex;
    flex-direction: column;
}

.wpex-pagination>.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.wpex-pagination .page-numbers .page-numbers {
    box-shadow: 0px 1px 12px 0px #00000040;
    border-radius: var(--wpex-pagination-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpex-pagination .page-numbers .page-numbers:focus {
    color: var(--wpex-palette-121-color);
    background: var(--wpex-palette-115-color);
}

.wpex-pagination .page-numbers .page-numbers.prev,
.wpex-pagination .page-numbers .page-numbers.next {
    box-shadow: none;
    min-height: 20px;
    min-width: 20px;
    padding: 0;
    font-size: 1.5em;
}

.wpex-pagination .page-numbers a.page-numbers.prev:hover,
.wpex-pagination .page-numbers a.page-numbers.next:hover,
.wpex-pagination .page-numbers a.page-numbers.prev:focus,
.wpex-pagination .page-numbers a.page-numbers.next:focus {
    background: transparent;
    color: var(--wpex-palette-115-color);
}

.wpex-pagination .page-numbers .page-numbers.wpex-pagination-disabled {
    color: var(--wpex-palette-118-color);
    pointer-events: none;
    cursor: default;
}

.icons-row {
    min-height: 76px;
}

.icons-row>.wpb_column>.vc_column-inner>.wpb_wrapper {
    display: flex;
    gap: 20px 40px;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    padding-left: 116px;
    height: 100%;
}

.icons-row .vcex-image-inner,
.icons-row img {
    display: block;
}

.advantage-logo {
    position: absolute;
    left: 0;
    top: 0;
}

.advantage-logo img {
  min-width: 76px;
}

.author-row>.wpb_column>.vc_column-inner {
    position: relative;
}

.author-row .vcex-feature-box .vcex-feature-box-text {
    padding-right: 60px;
}

.author-row .vcex-social-links {
    display: block;
    position: absolute;
    bottom: -15px;
    right: 15px;
}

.author-row .vcex-social-links .vcex-social-links__item {
    display: block;
}



/* CARD STYLES */
.work-card>a>.vc_row {
    height: 100%;
}

.work-card>a>.vc_row>.wpb_column>.vc_column-inner {
    background: var(--wpex-palette-121-color);
    transition: all ease .3s;
}

.work-card>a:hover>.vc_row>.wpb_column>.vc_column-inner {
    box-shadow: 0px 0px 22px 0px #D7480266;
}

.work-card>a:focus>.vc_row>.wpb_column>.vc_column-inner {
    background: var(--wpex-palette-120-color);
    box-shadow: 0px 0px 22px 0px #D7480266;
}

.work-card .vcex-image {
    height: 50px; /* or whatever consistent height you want across cards */
    display: flex;
    align-items: flex-start;
}

.work-card .vcex-image img {
    /* height: 100% !important; */
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
}

.work-card .vcex-button.theme-txt-link:hover,
.work-card .vcex-button.theme-txt-link:focus,
.news-card .vcex-button.theme-txt-link:hover,
.news-card .vcex-button.theme-txt-link:focus {
    color: var(--wpex-palette-116-color);
}

.work-card .vcex-button.theme-txt-link:hover .vcex-button-icon,
.work-card .vcex-button.theme-txt-link:focus .vcex-button-icon,
.work-row .vcex-button.theme-txt-link:hover .vcex-button-icon,
.work-row .vcex-button.theme-txt-link:focus .vcex-button-icon,
.news-card .vcex-button.theme-txt-link:hover .vcex-button-icon,
.news-card .vcex-button.theme-txt-link:focus .vcex-button-icon   {
    padding-inline-start: 3px;
}

.work-row {
    position: relative;
}

.work-row .hover-image,
.work-row .card-logo .logo-mask-overlay,
.work-row .card-logo img,
.work-row .card-content-row,
.work-row .deliverables-list,
.work-row h2,
.work-row .card-title::after {
    transition: all ease-in-out .6s;
}

.work-row .hover-image {
    position: absolute;
    height: 100%;
    opacity: 0;
}

.work-row .card-headline>.wpb_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.work-row .card-title {
    text-transform: uppercase;
}

.work-row .card-title::after {
    background: var(--wpex-palette-116-color);
    content: '';
    display: inline-block;
    position: relative;
    width: 2px;
    height: 16px;
    margin: 0 16px;
}

.work-row h2 {
    color: var(--wpex-palette-114-color);
}

.work-row .deliverables-list {
    color: var(--wpex-palette-121-color);
    list-style: none;
    margin: 0;
}

/* .work-row .card-logo img {
    filter: brightness(1) invert(0);
    transition: filter ease-in-out .3s;
}

.work-row>a:hover .card-logo img {
    filter: brightness(0) invert(1);
} */

.work-row .card-logo .logo-mask-overlay {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}

.work-row .card-logo img {
    position: relative;
    z-index: 1;
}

.work-row>a:hover .hover-image {
    opacity: 1;
}

.work-row>a:hover h2 {
    color: var(--wpex-palette-121-color);
}

.work-row > a:hover .card-logo img {
    opacity: 0;
}

.work-row > a:hover .card-logo .logo-mask-overlay {
    opacity: 1;
}

.work-row>a:hover .card-content-row {
    color: var(--wpex-palette-121-color);
    padding-bottom: 40px;
    padding-top: 40px;
}

.work-row>a:hover .vcex-button.theme-txt-link {
    color: var(--wpex-palette-121-color);
}

.work-row>a:hover .card-title::after {
    background: var(--wpex-palette-121-color);
}

.work-row>a:focus .hover-image {
    opacity: 0;
}

.work-row>a:focus .card-content-row {
    color: var(--wpex-palette-116-color);
    padding-bottom: 0;
    padding-top: 0;
}

.work-row>a:focus .card-title::after {
    background: var(--wpex-palette-116-color);
}

.work-row>a:focus h2 {
    color: var(--wpex-palette-114-color);
}

.work-row > a:focus .card-logo .logo-mask-overlay {
  opacity: 0;
}

.work-row > a:focus .card-logo img {
    opacity: 1;
}

.work-row>a:focus .vcex-button.theme-txt-link {
    color: var(--wpex-palette-116-color);
}

.work-row>a:focus .deliverables-list {
    color: var(--wpex-palette-116-color);
}

.vcex-post-next-prev {
    /* gap: 40px; */
}

.prev-next-card>a {
}

.prev-next-card>a>.vc_row,
.vcex-post-next-prev.reverse-order .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row {
    background: var(--wpex-palette-114-color);
    padding:  40px 40px 40px 100px;
    height: 100%;
    transition: all ease-in-out .4s;
}

.prev-next-arrow.vcex-icon,
.vcex-post-next-prev.reverse-order .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-arrow.vcex-icon {
    font-size: 25px;
    position: absolute;
    left: -55px;
    right: unset;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    transform: rotate(0deg);
}

.prev-next-arrow.vcex-icon,
.prev-next-card h3 {
    color: var(--wpex-palette-121-color);
    transition: all ease-in-out .4s;
}

.vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row,
.vcex-post-next-prev.reverse-order .prev-next-card>a>.vc_row {
    padding:  40px 100px 40px 40px;
}

.vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-arrow.vcex-icon,
.vcex-post-next-prev.reverse-order .prev-next-arrow.vcex-icon  {
    transform: rotate(180deg);
    left: unset;
    right: -55px;
}

.vcex-post-next-prev.reverse-order .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row:hover,
.vcex-post-next-prev.reverse-order .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row:focus,
.prev-next-card>a>.vc_row:hover,
.prev-next-card>a>.vc_row:focus {
    border-radius: 0 0 0 16px;
}

.vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row:hover,
.vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row:focus,
.vcex-post-next-prev.reverse-order .prev-next-card>a>.vc_row:hover,
.vcex-post-next-prev.reverse-order .prev-next-card>a>.vc_row:focus {
    border-radius: 0 0 16px 0;
}

.prev-next-card>a:hover>.vc_row {
    background: var(--wpex-palette-115-color);
}

.prev-next-card>a:focus>.vc_row {
    background: var(--wpex-palette-118-color);
}

.prev-next-card>a:hover .prev-next-arrow.vcex-icon,
.prev-next-card>a:hover h3,
.prev-next-card>a:focus .prev-next-arrow.vcex-icon,
.prev-next-card>a:focus h3 {
    color: var(--wpex-palette-116-color);
}

.frm_style_formidable-style.with_frm_style .frm_error_style {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.frm_primary_label:has(~ .frm_error) {
    color: #E86711;
}

.news-card>a>.vc_row,
.news-card>a .vcex-image,
.news-card>a .vcex-image img,
.news-card>a>.vc_row .vc_row  {
    transition: all ease-in-out .4s;
}

.news-card>a>.vc_row {
    background: var(--wpex-palette-120-color);
    padding: 20px;
    height: 100%;
}

.news-card>a:hover>.vc_row {
    background: var(--wpex-palette-119-color);
    /* padding: 12px; */
}

.news-card>a:hover .vcex-image,
.news-card>a:hover>.vc_row .vc_row {
    margin-left: -8px;
    margin-right: -8px;
}

.news-card>a>.vc_row .vc_row {
    padding: 20px 20px 16px 20px;
}

.news-card>a:hover>.vc_row .vc_row {
    padding: 20px 28px 24px 28px;
    margin-bottom: -8px;
}

.news-card>a:hover .vcex-image {
    margin-top: -8px;
}

.news-card .vcex-image .vcex-image-inner {
    display: block;
}

.news-card>a .vcex-image img {
    height: 200px;
}

.news-card>a:hover .vcex-image img {
    height: 208px;
}




/* HEADER */
.menu-item>a {
    transition: all ease .15s;
}

.menu-item:not(.menu-button)>a {
    position: relative;
    overflow: hidden;
}

.menu-item:not(.menu-button) > a::after {
    background-color: currentColor;
    -webkit-mask-image: url('/wp-content/themes/sprung-total/img/menu-dots.svg');
    mask-image: url('/wp-content/themes/sprung-total/img/menu-dots.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 6px;
    width: 168px;
    translate: -100% 0; /* idle: parked off-screen left, relative to its own width */
}

.menu-item:not(.menu-button):hover:not(.current-menu-item) > a::after {
    animation: menuDotsReveal 0.8305s ease-in-out forwards;
}

.current-menu-item.menu-item:not(.menu-button) > a::after {
    width: 68px;
    translate: 0 0;
}

@keyframes menuDotsReveal {
  0% {
    animation-timing-function: ease-in-out(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    width: 168px;
    translate: -100% 0;
  }
  100% {
    width: 68px;
    translate: 0 0;
  }
}

.menu-item:not(.menu-button) > a:focus {
    color: var(--wpex-active-main-nav-link-color);
}

.menu-button.menu-item {
    --wpex-btn-font-size: 20px;
}

.main-navigation-ul>.menu-item.menu-button>a,
.main-navigation .menu-button>a{
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-navigation-ul>.menu-item.menu-button>a>.link-inner,
.main-navigation .menu-button>a>.link-inner {
    background-color: transparent;
    padding: var(--wpex-btn-padding);
    padding-bottom: 7px;
    transition: all ease .15s;
}

.mobile-toggle-nav {
    text-align: center;
}

.mobile-toggle-nav .menu-button .link-inner {
    border-radius: var(--wpex-btn-border-radius);
    border-width: var(--wpex-btn-border-width);
    border-style: var(--wpex-btn-border-style);
    border-color: var(--wpex-btn-border-color, currentColor);
    color: var(--wpex-palette-121-color);
    font-size: var(--wpex-btn-font-size);
    font-family: var(--wpex-btn-font-family);
    font-style: var(--wpex-btn-font-style);
    text-transform: var(--wpex-btn-text-transform);
    letter-spacing: var(--wpex-btn-letter-spacing);
    line-height: var(--wpex-btn-line-height);
    font-weight: var(--wpex-btn-font-weight);
    padding: var(--wpex-btn-padding);
}

.mobile-toggle-nav .menu-button a:hover .link-inner {
    background-color: var(--wpex-palette-115-color);
}

.mobile-toggle-nav .menu-button a:focus .link-inner {
    background-color: var(--wpex-palette-115-color);
    color: var(--wpex-palette-116-color);
}



/* FOOTER */
.footer-menu .vcex-navbar-inner {
    gap: 20px 69px;
}

.footer-submenu .vcex-navbar-inner {
    gap: 24px 47px;
}

.vcex-navbar-link.social-link a {
    transition: all ease .15s;
}

.vcex-navbar-link.social-link,
.vcex-navbar-link.social-link .vcex-navbar-link-icon {
    height: 32px;
    width: 32px;
}

.vcex-navbar-link.social-link {
    color: transparent !important;
}

.vcex-navbar-link.social-link .vcex-navbar-link-icon {
    color: var(--wpex-palette-120-color);
    background: var(--wpex-palette-114-color);
    border-radius: 4px;
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .15s;
}

.vcex-navbar-link.social-link:hover .vcex-navbar-link-icon {
    background: var(--wpex-palette-115-color);
}


.vcex-navbar-link.social-link:focus .vcex-navbar-link-icon,
#footer-builder .vcex-social-links .vcex-social-links__item:focus {
    background: var(--wpex-palette-116-color);
}

.vcex-navbar-link.social-link .vcex-navbar-link-icon svg,
.wpex-linkedin svg {
    padding-top: .1em;
}

.vcex-social-links .vcex-social-links__item {
    border-radius: 4px;
}



/* Responsive Overrides */

/* All Devices under 1422px
--------------------------------------------------------------*/
@media only screen and (max-width: 1421px) {
    .case-study-sidebar .wpb_column::before {
        width: 5vw;
        right: -5vw;
    }

}


/* All Devices under 1400px
--------------------------------------------------------------*/
@media only screen and (max-width: 1400px) {
    .book-image.vcex-image {
        margin-right: -45%;
    }

}

/* Greater then tablets
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) {


}


/* Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {


}


/* All Devices under 992px
--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
    .hidden-large-tablet {
      display: none;
    }

    .author-row .vcex-feature-box .vcex-feature-box-text {
        padding-right: 40px;
    }

}


/* All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
    .visible-small-tablet {
        display: none;
    }

}


/* All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .hidden-small-tablet {
        display: none;
    }

    .icons-row>.wpb_column>.vc_column-inner>.wpb_wrapper {
        flex-wrap: wrap;
        padding: 25px 68px 26px 80px;
        justify-content: space-evenly;
    }

    .icons-row .short-logos {
        padding-bottom: 12px;
    }

    .prev-next-card>a>.vc_row {
        padding:  40px 40px 40px 60px;
    }

    .prev-next-arrow.vcex-icon {
        left: -47px;
    }

    .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row {
        padding:  40px 60px 40px 40px;
    }

    .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-arrow.vcex-icon {
        right: -47px;
    }


}

/* Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {

}

/* Desktop
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {

}

/* Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

    /* TYPOGRAPHY */
    h2 .heading2-alt2, .heading2-alt2 h2, h2.heading2-alt2 {
        font-size: 64px;
        line-height: 1;
    }

    .body-medium.wpex-font-semibold, .wpex-font-semibold .body-medium,  .body-medium .wpex-font-semibold {
        font-size: 18px;
    }

    .body-large {
        font-size: 22px;
    }

    .case-study-quote {
        font-size: 24px;
    }

    .cta {
        font-size: 28px;
    }


    /* BUTTONS AND LINKS */
    .vcex-button.theme-txt-link.large {
        font-size: 28px;
    }

    /* PAGE STYLES */
    .leadership-row {
        max-width: none;
        float: none;
    }

    .book-image.vcex-image {
        margin-right:0;
        padding: 0 35px;
    }

    .what-we-do-points {
        max-width: none;
    }

    .what-we-do-points.wpex-float-right,
    .what-we-do-points.wpex-float-center {
        float: none;
    }

    .case-study-sidebar .wpb_column::before {
        width: 100vw;
        left: calc(-5vw + 15px);
        right: unset;
    }

    .case-study-sidebar>.wpb_column>.vc_column-inner {
        padding: 40px 15px;
    }

    .author-row .vcex-feature-box .vcex-feature-box-text {
        padding-right: 0;
    }

    .author-row .vcex-social-links {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: unset;
        right: unset;
        margin: 20px 0 40px 0;
    }


    /* CARD STYLES */
    .work-row .card-headline>.wpb_wrapper {
        flex-direction: column;
        align-items: baseline;
        gap: 5px;
    }

    .work-row .card-title::after {
        display: none;
    }

    .vcex-post-next-prev {
        gap: 20px;
    }

    .prev-next-card>a>.vc_row {
        padding:  25px 25px 25px 50px;
    }

    .prev-next-arrow.vcex-icon {
        left: -39px;
        font-size: 20px;
    }

    .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-card>a>.vc_row {
        padding:  25px 50px 25px 25px;
    }

    .vcex-post-next-prev__item.vcex-post-next-prev__next .prev-next-arrow.vcex-icon {
        right: -39px;
    }


    /* HEADER */


    /* FOOTER */


}

/* Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Phone Portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .icons-row>.wpb_column>.vc_column-inner>.wpb_wrapper {
        padding: 25px 66px 26px 72px;
    }

    .advantage-logo img {
        height: 55px !important;
        min-width: 55px;
        width: 55px;
    }

}