/*------------------------------------*\
    
    Page Footer CSS

    Page footer...........The main page footer.

\*------------------------------------*/

.seo-footer.default {background: var(--color-palette-primary-indigo); padding-top: var(--spacing-s-12); padding-bottom: var(--spacing-s-10);}
.seo-footer.default .footer-top {padding-bottom: var(--spacing-s-10);display: flex; justify-content: space-between;}
.seo-footer.default .footer-top .content {max-width: 337px; width: 30%;display: flex; flex-direction: column;}
.seo-footer.default .footer-top .content .seo-logo {max-width: 164px; margin-bottom: var(--spacing-s-3);height: auto;}
.seo-footer.default .footer-top .content h3 {color: var(--color-palette-secondary-white);}
.seo-footer.default .footer-top .content h3 .highlighted {color: var(--color-palette-primary-blue);}

.seo-footer.default .footer-top .navigation {display: flex;flex-wrap: wrap; width: 60%; flex-grow: 1;}
.seo-footer.default .footer-top .navigation .ubermenu-responsive-toggle {display: none!important;}
.seo-footer.default .footer-top .navigation nav {display: flex!important; flex-wrap: wrap; width: 100%; z-index: 0;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav {display: flex;flex-wrap: wrap; width: 100%; justify-content: flex-end; gap: 4%;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0 {display: flex; max-width: 144px; width: 100%; position: relative; flex-direction: column;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>a, .seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>span {color: var(--text-colors-text-invert); font-family: var(--font-instrument); font-size: 18px; font-style: normal; font-weight: 600; line-height: 27px; letter-spacing: 0.09px; padding: 0px; width: 100%;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu {display: flex; position: relative; opacity: 1; visibility: initial; margin-top: 0; transition: none; overflow: hidden!important; height: auto;box-shadow: none;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>ul {display: flex;padding: 0px; margin: 0px;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>ul>li>ul {padding: 0px; margin: 0px;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>ul>li>ul>li {margin-top: var(--spacing-s-2);}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>ul>li>ul>li a {padding: 0px; color: var(--text-colors-text-invert); font-family: var(--font-instrument); font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.09px;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>ul>li>ul>li a:hover .ubermenu-target-text,
.seo-footer.default .footer-bottom .copyright a:hover {text-decoration: underline; text-underline-offset: 2px;}
.seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>.ubermenu-retractor {display: none;}

.seo-footer.default .footer-bottom {border-top: 1px solid var(--color-palette-tertiary-light-purple); padding-top: var(--spacing-s-3);display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.seo-footer.default .footer-bottom .teams-logos,
.seo-footer.default .footer-bottom .copyright {display: flex; flex-direction: column;}
.seo-footer.default .footer-bottom .copyright * {color: var(--color-palette-secondary-white);}
.seo-footer.default .footer-bottom .teams-logos h6 {color: var(--color-palette-secondary-white);margin-bottom: var(--spacing-s-0);}
.seo-footer.default .footer-bottom .teams-logos ul {margin: 0px; padding: 0px; list-style: none; margin-top: var(--spacing-s-2); display: flex; align-items: center; flex-wrap: wrap;}
.seo-footer.default .footer-bottom .teams-logos ul li {text-indent: initial;display: flex;margin-bottom: var(--spacing-s-1);}
.seo-footer.default .footer-bottom .teams-logos ul li img {margin-right: var(--spacing-s-3);}
.seo-footer.default .footer-bottom .teams-logos ul li:last-child img {margin-right: 0px;}
.seo-footer.default .footer-bottom .teams-logos ul li img.webfx-logo {max-width: 89.2px;}
.seo-footer.default .footer-bottom .teams-logos ul li img.teamai-logo {max-width: 106.4px;}
.seo-footer.default .footer-bottom .teams-logos ul li img.nutshell-logo {max-width: 126.10px;}
.seo-footer.default .footer-bottom .copyright {align-items: flex-end;}
.seo-footer.default .footer-bottom .copyright p {margin-bottom: var(--spacing-s-1); text-align: right;}
.seo-footer.default .footer-bottom .copyright ul {margin: 0px; padding: 0px; display: flex; list-style: none; justify-content: flex-end; gap: var(--spacing-s-2);}
.seo-footer.default .footer-bottom .copyright ul li {text-indent: inherit; text-decoration-color: var(--color-palette-secondary-white);line-height: 22px; font-style: normal;}
.seo-footer.default .footer-bottom .copyright .show-on-mobile {display: none;}

@media screen and (max-width: 1024px) {
    .seo-footer.default {padding-top: var(--spacing-s-6); padding-bottom: var(--spacing-s-6);}
    .seo-footer.default .footer-top {padding-bottom: var(--spacing-s-4);}
    .seo-footer.default .footer-top .content .seo-logo {margin-bottom: var(--spacing-s-2);}
    .seo-footer.default .footer-top .content h3 {letter-spacing: 1.4px;}
    .seo-footer.default .footer-top .navigation nav {max-height: 100%!important; visibility: visible!important;}
    .seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0 {min-width: 0%!important;    margin-bottom: var(--spacing-s-4);}
    .seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0>.ubermenu-submenu>ul>li>ul {display: flex; flex-direction: column;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .seo-footer.default .footer-top .content {width: 50%; padding-right: 10%;}
    .seo-footer.default .footer-top .navigation {width: 50%;}
    .seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0 {max-width: 46%;}
}

@media screen and (max-width: 767px) {
    .seo-footer.default .footer-top {flex-direction: column-reverse;}
    .seo-footer.default .footer-top .content,
    .seo-footer.default .footer-top .navigation {width: 100%;}
    .seo-footer.default .footer-top .content {margin-top: var(--spacing-s-4);}
    .seo-footer.default .footer-top .navigation ul.ubermenu-nav {gap: 4%; justify-content: flex-start;}
    .seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0 {max-width: 46%; margin-bottom: var(--spacing-s-4);}
    .seo-footer.default .footer-bottom .teams-logos {margin-bottom: var(--spacing-s-1-5);}
    .seo-footer.default .footer-bottom .copyright {flex-direction: row-reverse; align-items: center; gap: var(--spacing-s-2);}
    .seo-footer.default .footer-bottom .copyright p {margin-bottom: var(--spacing-s-05); display: flex;}
    .seo-footer.default .footer-bottom .copyright .hide-on-mobile {display: none;}
    .seo-footer.default .footer-bottom .copyright .show-on-mobile {display: block;}
    .seo-footer.default .footer-bottom .copyright ul {gap: initial;flex-wrap: wrap; justify-content: flex-start;}
    .seo-footer.default .footer-bottom .copyright ul li {padding-right: var(--spacing-s-2);}
}

@media screen and (max-width: 400px) {
    .seo-footer.default .footer-top .navigation ul.ubermenu-nav li.ubermenu-item-level-0 {max-width: 100%;}
}

.seo-footer.basic {background: var(--color-palette-primary-indigo);padding-top: var(--spacing-s-3);padding-bottom: var(--spacing-s-3);text-align: center;}
.seo-footer.basic .footer-bottom .copyright * {color: var(--color-palette-secondary-white);}
.seo-footer.basic .footer-bottom .copyright p {margin-bottom: 0px;}
.seo-footer.basic .show-on-mobile {display: none;}

@media screen and (max-width: 500px) {
    .seo-footer.basic {padding-top: var(--spacing-s-2);padding-bottom: var(--spacing-s-2);}
    .seo-footer.basic .footer-bottom .copyright p {font-size: 16px;}
}