/* Global Styles */
@primary: #3b89c9;
@primary-trans: fade(@primary, 75%);
@primary-ghost: fade(@primary, 30%);
@primary-dark: #29608c;
@primary-dark-trans: fade(@primary-dark, 75%);
@primary-dark-ghost: fade(@primary-dark, 30%);
@primary-abyss: #183852;
@primary-abyss-trans: fade(@primary-abyss, 75%);
@primary-abyss-ghost: fade(@primary-abyss, 30%);
@secondary: #ea1514;
@secondary-trans: fade(@secondary, 75%);
@secondary-ghost: fade(@secondary, 30%);
@secondary-dark: #ab0f0f;
@secondary-dark-trans: fade(@secondary-dark, 75%);
@secondary-dark-ghost: fade(@secondary-dark, 30%);
@secondary-abyss: #730a0a;
@secondary-abyss-trans: fade(@secondary-abyss, 75%);
@secondary-abyss-ghost: fade(@secondary-abyss, 30%);
@highlight: #fc8c03;
@highlight-trans: fade(@highlight, 75%);
@highlight-ghost: fade(@highlight, 30%);
@highlight-dark: #c46d02;
@highlight-trans: fade(@highlight, 75%);
@highlight-ghost: fade(@highlight, 30%);
@muted: #daebf8;
@muted-trans: fade(@muted, 75%);
@muted-ghost: fade(@muted, 30%);
@white: #ffffff;
@white-trans: fade(@white, 75%);
@white-ghost: fade(@white, 30%);
@white-wisp: fade(@white, 15%);
@black: #000;
@black-trans: fade(@black, 75%);
@black-ghost: fade(@black, 30%);
@gray: #a7a7b0;
@gray-light: #d5d5e3;
@gray-dark: #414652;

@focal-color: @highlight; // Contrast to site colors
@focal-outline: {
  outline: 3px solid @focal-color;
  outline-offset: -3px;
  transition: 0s;
}
@focal-outline-important: {
  outline: 3px solid @focal-color!important;
  outline-offset: -3px;
  transition: 0s;
}

@radius: 3px;
@border-width: 1px;
@border-width-thick: 2px;
@border-default: @border-width solid @gray-light;
@border-primary: @border-width solid @primary;

.box-shadow(@shadows) {
  -webkit-box-shadow: @shadows;
  -moz-box-shadow: @shadows;
  box-shadow: @shadows;
}

// Example
// div {
//   .box-shadow(2px 2px 2px 0 fade(@black, 20%)~"," 0 30px 25px 0 fade(@black, 10%));
// }

// #tm-main {
//   margin-top: -118px;
// }

.uk-button.spec {
  min-width: 261px;
}

#tm-main {
  min-height: max(0px, -694.766px + 100vh) !important;
}

// @media only screen and (max-width: 959px) {
//   .uk-button {
//     min-width: 0;
//   }
// }

// For Button Text Irregularity w/Icon
// a.uk-button > span:nth-child(2) {
//   transform: translateY(2px);
// }

h1 {
  margin-bottom: 30px;
}

h1 span:nth-child(2) {
  display: block;
  font-size: 1.52rem;
  font-weight: 400;
  margin-top: 20px;
}

.custom-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

// Shadow Sets
.box-shadow-generic() {
  box-shadow: 0 3px 5px 0 fade(@black, 20%),  0 5px 10px 0 fade(@black, 15%);
}

.text-shadow-small() {
  text-shadow: 1px 1px 2px transparent, 4px 4px 4px transparent;
}

.text-shadow-small-hover() {
  text-shadow: 1px 1px 2px fade(@black, 80%), 4px 4px 4px fade(@black, 50%);
}

.bg-primary {
  background: @primary;
}

.bg-primary-trans {
  background: @primary-trans;
}

.bg-primary-ghost {
  background: @primary-ghost;
}

.bg-primary-dark {
  background: @primary-dark;
}

.bg-primary-dark-trans {
  background: @primary-dark-trans;
}

.bg-primary-dark-ghost {
  background: @primary-dark-ghost;
}

.bg-primary-abyss {
  background: @primary-abyss;
}

.bg-primary-abyss-trans {
  background: @primary-abyss-trans;
}

.bg-primary-abyss-ghost {
  background: @primary-abyss-ghost;
}

.bg-secondary {
  background: @secondary;
}

.bg-secondary-trans {
  background: @secondary-trans;
}

.bg-secondary-ghost {
  background: @secondary-ghost;
}

.bg-secondary-dark {
  background: @secondary;
}

.bg-secondary-dark-trans {
  background: @secondary-dark-trans;
}

.bg-secondary-dark-ghost {
  background: @secondary-dark-ghost;
}

.bg-secondary-abyss {
  background: @secondary;
}

.bg-secondary-abyss-trans {
  background: @secondary-abyss-trans;
}

.bg-secondary-abyss-ghost {
  background: @secondary-abyss-ghost;
}

.bg-white {
  background: @white;
}

.bg-white-trans {
  background: @white-trans;
}

.bg-white-ghost {
  background: @white-ghost;
}

.bg-black {
  background: @black;
}

.bg-black-trans {
  background: @black-trans;
}

.bg-black-ghost {
  background: @black-ghost;
}

.bg-muted {
  background: @muted;
}

.bg-muted-trans {
  background: fade(@muted, 75%);
}

.bg-muted-ghost {
  background: fade(@muted, 30%);
}

.bg-gray {
  background: @gray;
}

.bg-gray-light {
  background: @gray-light;
}

.bg-gray-dark {
  background: @gray-dark;
}

.bg-highlight {
  background: @highlight;
}

.bg-highlight-trans {
  background: @highlight-trans;
}

.bg-highlight-ghost {
  background: @highlight-ghost;
}

.bg-gray {
  background: @gray;
}

hr.thick {
  border-top-width: @border-width-thick;
}

hr.narrow {
  width: 60%;
  max-width: 600px;
}

hr.center {
  margin-left: auto;
  margin-right: auto;
}

hr.primary {
  border-top-color: @primary;
}

hr.primary-dark {
  border-top-color: @primary-dark;
}

hr.primary-abyss {
  border-top-color: @primary-abyss;
}

hr.black {
  border-top-color: @black;
}

hr.white {
  border-top-color: @white;
}

hr.gray {
  border-top-color: @gray;
}

hr.gray-light {
  border-top-color: @gray-light;
}

hr.gray-dark {
  border-top-color: @gray-dark;
}

.border-default {
  border: @border-default;
  border-radius: @radius;
}

.border-primary {
  border: @border-primary;
  border-radius: @radius;
}

.text-primary {
  color: @primary;
}

.text-primary-dark {
  color: @primary-dark;
}

.text-primary-abyss {
  color: @primary-abyss;
}

.text-secondary {
  color: @secondary;
}

.text-secondary-dark {
  color: @secondary-dark;
}

.text-secondary-abyss {
  color: @secondary-abyss;
}

.text-white {
  color: @white;
}

.text-white-trans {
  color: @white-trans;
}

.text-white-ghost {
  color: @white-ghost;
}

.text-black {
  color: @black;
}

.text-black-trans {
  color: @black-trans;
}

.text-black-ghost {
  color: @black-ghost;
}

.text-gray {
  color: @gray;
}

.text-gray-light {
  color: @gray-light;
}

.text-gray-dark {
  color: @gray-dark;
}

.text-highlight {
  color: @highlight;
}

.text-highlight-dark {
  color: @highlight-dark;
}

.canvas-l {
  height: 650px;
  max-height: 650px;
}

.canvas-m {
  height: 450px;
  max-height: 450px;
}

.canvas-s {
  height: 250px;
  max-height: 250px;
}
/* End Global Styles */

/* Header Format */
//  Floating Left Logo If Layout Is Not Stacked
.uk-logo {
  img {
    padding: 5px;
  }
}

.tm-header {
  box-shadow: 0 3px 3px 0 rgba(0,0,0,.07);

  .uk-navbar-container {
    .uk-navbar-left {
      position: relative;
      width: 110px;
      height: 94.95px;
      transition: .2s ease 0s;

      .uk-logo {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: 8px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transition: .2s ease-in 0s;

        img, svg {
          display: inline-block;
          width: 100%;
          height: auto;
          max-width: none;
        }
      }
    }

    .uk-navbar-right {
      .uk-navbar-nav {
        > li {
          > a {
            min-height: 112px;
            transition: .2s ease-in 0s;
          }
        }
      }
    }
  }

  // On Scroll
  &.uk-sticky-below {
    .uk-navbar-container {
      .uk-navbar-left {
        height: 70px;
        transition: .3s ease .8s;

        .uk-logo {
          top: 6px;
          clip-path: polygon(0 0, 100% 0, 100% ~"calc(100% - 34px)", 0 ~"calc(100% - 34px)");
          transition: .3s .8s;
        }
      }
  
      .uk-navbar-right {
        .uk-navbar-nav {
          > li {
            > a {
              min-height: 70px;
              transition: .3s .8s;
            }
          }
        }
      }
    }
  }

  &:hover {
    .uk-navbar-container {
      * {
        // transition: .2s ease-out 0s !important;
      }

      .uk-navbar-left {
        height: 94.95px;
        transition: .2s ease-out 0s;
  
        .uk-logo {
          top: 8px;
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          transition: .2s ease-out 0s;
        }
      }
  
      .uk-navbar-right {
        .uk-navbar-nav {
          > li {
            > a {
              min-height: 112px;
              transition: .2s ease-out 0s;
            }
          }
        }
      }
    }
  }
  // End On Scroll

  // Dropdown Menu Items
  .uk-navbar-dropdown {
    position: absolute;
    border-top: 1px solid @gray-light;
    border-bottom: 4px solid @primary-abyss;
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.15);
    top: 112px !important;
    transition: 0s 0s;

    &::before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid @primary;
      left: 50%;
      bottom: 100%;
      transform: translateX(-50%);
    }

    .uk-nav {
      > li {
        > a {
          padding: 10px 30px 10px 15px;
          transition: .3s;
        }

        &:hover {
          > a {
            background: @primary-dark; 
            color: @black;
          }
        }

        &.uk-active {
          > a {
            border-left: 10px solid @primary-dark;
            font-weight: bold;
          }

          &:hover {
            > a {
              color: @white;
            }
          }
        }

        // Sub w/ Children
        &.uk-parent {
          > a.menu-item-has-children {
            position: relative;

            &::after {
              position: absolute;
              content: '\203A';
              font-size: 150%;
              font-weight: 400;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 15px;
              color: @primary-dark;
              transition: .4s;
            }

            &:hover {
              &::after {
                color: @white;
              }
            }
          }
        }
      }

      // Sub Children Dropdown
      .uk-nav-sub {
        background: @muted;

        a {
          padding: 12px 20px;
        }
      }
    }
  }
  //
}
//

// Floating Logo If Layout Is Stacked
// .tm-header > .uk-navbar-container .uk-navbar .uk-navbar-left {
//   margin: 0 0 0 auto;
// }

// .tm-header .tm-headerbar-top > .uk-container {
//   position: relative;
//   z-index: 2;
// }

// .tm-header .tm-headerbar-top > .uk-container .uk-logo {
//     position: absolute;
//     content: "";
//     width: 300px;
//     bottom: -53px;
//     left: 0;
// }

// .tm-header .tm-headerbar-top > .uk-container .uk-logo img {
//     width: 100%;
//     height: auto;
// }
//

// Navbar Logo Center
// .tm-header .uk-navbar-center {
//   position: relative;
//   width: 170px;
//   height: 60px;
// }

// .tm-header .uk-navbar-center .uk-logo {
//   position: absolute;
//   padding: 10px;
//   width: 100%;
//   height: auto;
//   bottom: -44px;
//   left: 50%;
//   transform: translateX(-50%);
//   transition: .4s;
// }
//
/* End Header Format */

/* Header Menu Styles */

// If Toolbar Has Pseudoelements
// .tm-toolbar > .uk-container {
//   position: relative;
//   z-index: 1;
// }
// 

// Upper CTA
.upper-cta {
  > span {
    display: inline-block;
    font-size: 1.2rem;
    transform: translateY(3px);  
  }

  .uk-button {
    position: relative;
    margin: 5px 0 5px 8px;
    padding: 5px 30px !important;
    border: @border-width-thick solid @white;
    border-radius: @radius;
    font-size: 1rem;
    line-height: 1;
    overflow: hidden;
    z-index: 1;
    transition: .3s;

    &::before {
      position: absolute;
      content: "";
      border-width: @border-width-thick;
      border-radius: @radius;
      background: @primary-dark;
      width: ~"calc(100% + 70px)";
      height: ~"calc(100% + 4px)";
      left: 50%;
      top: 50%;
      will-change: transform;
      transform-origin: left;
      transform: skew(25deg) translateX(-150%) translateY(-50%);
      z-index: -1;
      transition: .9s;
    }

    > span {
      display: inline-block;
      .text-shadow-small();
      will-change: transform;
      transform-origin: bottom;
      backface-visibility: hidden;
      // -webkit-font-smoothing: subpixel-antialiased;
      transform: translateZ(0) perspective(1px) scale(1);
      transition: .9s;
    }

    &:hover {
      &::before {
        transform: skew(25deg) translateX(-50%) translateY(-50%);
        transition: .3s;
      }

      > span {
        .text-shadow-small-hover();
        transform: translateZ(0) perspective(1px) scale(1.02);
        transition: .3s;
      }
    }
  }
}
// 

// Lines In-Between Main Nav Items
// .uk-navbar-nav > li:not(:last-child) > a {
//     position: relative;
//  }

// .uk-navbar-nav > li:not(:last-child) > a::after {
//     position: absolute;
//     content: "";
//     background: @primary;
//     width: 1px;
//     height: 25px;
//     right: 0;
// }
//

// Nav Item Responsiveness
@media only screen and (max-width: 1207px) {
  .uk-navbar-nav>li>a {
    font-size: .9rem;
  }
  .uk-navbar-nav {
    gap: 17px;
  }
}

@media only screen and (max-width: 1100px) {
  .uk-navbar-nav>li>a {
    font-size: .74rem;

    .uk-navbar-nav {
      gap: 8px;
    }
  }
}
// 

// Mobile Nav Bar
.tm-header-mobile {
  .uk-logo {
    display: inline-block;
    max-width: 68px;
    padding: 5px;
  }
}
// End mobile Nav Bar

// Mobile Menu Dropdown
#tm-mobile .toggle_sub, #tm-mobile .uk-nav > li > a, #tm-mobile>div .uk-nav>li.uk-active>a:hover {
  color: #8b8b8b;
}
// 
/* End Header Menu Styles */

.uk-button {
  position: relative;
  overflow: hidden;
  z-index: 1;

  &.shrunk {
    font-size: .9rem;
  }

  &:not(.uk-button-text) {
    line-height: 1.2;
    padding: 10px 30px;
  }

  &.uk-button-default {
    &::before {
      position: absolute;
      content: "";
      border-width: @border-width-thick;
      border-radius: @radius;
      background: @white;
      width: ~"calc(100% + 70px)";
      height: ~"calc(100% + 4px)";
      left: 50%;
      top: 50%;
      will-change: transform;
      transform-origin: left;
      transform: skew(25deg) translateX(-150%) translateY(-50%);
      z-index: -1;
      transition: 1s;
    }

    &:hover {
      &::before {
        transform: skew(25deg) translateX(-50%) translateY(-50%);
        transition: .3s;
      }
    }
  }

  &.uk-button-primary {
    &::before {
      position: absolute;
      content: "";
      border-width: @border-width-thick;
      border-radius: @radius;
      background: @white;
      width: ~"calc(100% + 70px)";
      height: ~"calc(100% + 4px)";
      left: 50%;
      top: 50%;
      will-change: transform;
      transform-origin: left;
      transform: skew(25deg) translateX(-150%) translateY(-50%);
      z-index: -1;
      transition: 1s;
    }

    &:hover {
      &::before {
        transform: skew(25deg) translateX(-50%) translateY(-50%);
        transition: .3s;
      }
    }
  }

  &.uk-button-secondary {
    transition: all .5s, color .3s .2s;

    &::before {
      position: absolute;
      content: "";
      border-width: @border-width-thick;
      border-radius: @radius;
      background: @primary-dark;
      width: ~"calc(100% + 70px)";
      height: ~"calc(100% + 4px)";
      left: 50%;
      top: 50%;
      will-change: transform;
      transform-origin: left;
      transform: skew(25deg) translateX(-150%) translateY(-50%);
      z-index: -1;
      transition: transform 1s;
    }

    &:hover {
      transition: all .3s, color .3s;

      &::before {
        transform: skew(25deg) translateX(-50%) translateY(-50%);
        transition: .3s;
      }
    }
  }
}

/* Frontpage Styles */
// Header Front
.header-front {
  min-height: ~"calc(100vh - 112px)";

  .custom-cover {
    pointer-events: none;
  }

  .overlay {
    background: fade(@black, 50%);
  }

  .uk-container {
    max-width: 837px;
  }

  .ctas-inline {
    margin: 0 auto;
    max-width: 625px;
  }
}
// End Header Front

// First Section
// End First Section

// Last Section
.last-section {
  .overlay {
    background: fade(@black, 20%);
  }

  .uk-card {
    background: fade(@black, 50%);
    border: @border-width-thick solid @white;
    border-radius: @radius;
    
    > p {
      &:first-child {
        font-size: 1.2rem;
      }
    }
  }
}
//
/* End Frontpage Styles */

/* Footer Styles */
#footer {
  border-top: 5px solid @primary-dark;


  .logo-cage {
    position: relative;
    margin: 0 auto;
    max-width: 200px;

    .hover-target {
      img {
        padding: 10%;
        border-width: @border-width-thick;
        border-style: solid;
        border-color: transparent;
        border-radius: @radius;
        background: @white;
        transition: .9s;
      }

      &:hover {
        img {
          border-color: @white;
          background: @primary-dark;
          filter: drop-shadow(0 0 2px fade(@white, 100%)) drop-shadow(0 0 2px fade(@white, 100%)) drop-shadow(0 0 2px fade(@white, 100%));
          transition: .3s;
        }
      }
    }
  }

  .bus-description {
    text-transform: none;
  }
}

// Mobile CTA
.mobile-cta {
  display: none;
}

@media only screen and (max-width: 959px) {
  .mobile-cta {
      display: flex;
      position: fixed;
      top: 60.06px;
      left: 0;
      border-radius: 0;
      width: 100%;
      z-index: 555;
  }
  .mobile-cta a {
    padding: 10px 20px;
  }
  .mobile-cta a:nth-child(1) {
    border-radius: 0;
    border-right: 1px solid @white;
  }
  .mobile-cta a:nth-child(2) {
    border-radius: 0;
    border-left: 1px solid @white;
  }
  .tm-main {
      margin-top: 38px;
  }  
}
//
/* End Footer Styles */

/* Mainpage Styles */
.header-main {
  padding-top: 100px;
}

.testimonials {
  p {
    &.blurb {
      position: relative;
      z-index: 1;

      &::before {
        position: absolute;
        content: '\275D';
        color: fade(@primary, 15%);
        font-family: Montserrat, sans-serif;
        font-size: 10rem;
        // width: auto;
        // height: 6rem;
        right: ~"calc(100% - 3rem)";
        bottom: ~"calc(100% - 9.5rem)";
        z-index: -1;
      }

      &::after {
        position: absolute;
        content: '\275E';
        color: fade(@primary, 15%);
        font-family: Montserrat, sans-serif;
        font-size: 10rem;
        // width: auto;
        // height: 6rem;
        left: ~"calc(100% - 3rem)";
        top: ~"calc(100% - 5.25rem)";
        z-index: -1;
      }
    }
  }
}
/* End Mainpage Styles */

/* Subpage Styles */
.header-sub {
  padding-top: 100px;
}

aside nav > a h3 {
background: @primary-dark;
padding: 10px;
color: @white!important;
}

aside nav ul {
  background: @white-trans;
  margin-top: 10px;
  border: 2px solid @gray-light;
  transition: .4s;
}

aside nav ul:hover {
  background: @white;
}

aside nav ul > li {
padding: 8px 10px;
margin: 0!important;
}

aside nav ul > li:not(:first-child) {
  border-top: 2px solid @gray-light;
}

aside nav ul li a {
color: @secondary;
transition: .5s;
}

aside nav ul li:hover a {
  color: @secondary-dark;
}

.widget-menu {
box-shadow: 2px 2px 3px 0 rgba(0,0,0,.04), 4px 4px 5px 2px rgba(0,0,0,.04);
}

.widget-menu .uk-list {
margin-top: 0;
}

.widget-menu h3 {
margin-bottom: 0;
}
/* End Subpage Styles */

/* Misc Styles */
// Service Area
#serviceMap {
  z-index: 0;
}

.service-list a {
  text-decoration: none;
  border-bottom: 1px solid @secondary;
}

.service-list a:hover {
  border-bottom: 1px solid @white;
}
// 

// Egg
#egg {
  z-index: 9999;
}

.egg-stuff {
  position: absolute;
  content: "";
  display: block;
  background: rgba(0,0,0,.3);
  width: 3px;
  height: 3px;
  top: 90%;
  left: 20%;
  transform: translateX(-50%) translateY(-50%);
  opacity: .25;
}

.that-body {
  width: 510px;
}

@media only screen and (max-width: 959px) {
  .egg-stuff {
    top: unset;
    bottom: 30px;
    transform: unset;
  }
}
//

// For uk-heading-line Correction
.uk-heading-line > ::after, .uk-heading-line > ::before {
  top: 50%;
  border-bottom: 1px solid @primary-dark;
}
//

// Gravity Form Styles
.grecaptcha-badge {
  display: none;
}

.gfield_select option {
  line-height: 4;
}

.gform-theme-button.button {
  padding: 5px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}

.gform_next_button.gform-theme-button.button {
  border: 1px solid @primary-dark;
  border-radius: 0;
  background: @white;
  color: @primary-abyss;
  transition: .3s;
}

.gform_next_button.gform-theme-button.button:hover {
  background: @primary-abyss;
  color: @white;
}

.gform_previous_button.gform-theme-button.button {
  border: 1px solid fade(gray, 50%);
  transition: .3s;
}

.gform_previous_button.gform-theme-button.button:hover {
  background: fade(gray, 80%);
  color: @white;
}

.gform_wrapper .gform_footer input[type=Submit] {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border: @border-width-thick solid @primary;
  border-radius: @radius;
  background: none;
  color: @black;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  z-index: 1;
  line-height: 1.2;
  padding: 10px 30px;
  transition: all .5s, color .3s .2s;

  &:hover {
    color: @white;
    background: @primary-dark;
    box-shadow: none;
    transition: all .3s, color .3s;
  }
}

.gform_wrapper .gform_footer input[type=Submit]:focus-visible {
  @focal-outline-important();
}

.gform_wrapper.gravity-theme .gfield_required {
  color: lighten(@secondary, 10%);
}

.gform_wrapper .gfield_error label {
  color: red;
  opacity: 1!important;
}

#gform_fields_2 {
  textarea {
    max-height: 215px;
  }
}

h2.gform_submission_error.hide_summary {
  color: red;
}
// Move Submit Button to Right
// .wake-wednesday .gform_footer {
//   justify-content: right;
// }
//
/* End Misc Styles */

/* Media Queries For Phones and Tablets and Styles for Accessibility*/
// @media (hover: none) and (pointer: coarse) {

// }

// @media (prefers-reduced-motion) {
  
// }

// Focus Styles - Remember to use non-generic selectors to avoid conflicts with 3rd-party API styles
.tm-toolbar-default :focus-visible, .uk-card-primary.uk-card-body :focus-visible, .uk-card-primary>:not([class*=uk-card-media]) :focus-visible, .uk-card-secondary.uk-card-body :focus-visible, .uk-card-secondary>:not([class*=uk-card-media]) :focus-visible, .uk-light :focus-visible, .uk-offcanvas-bar :focus-visible, .uk-overlay-primary :focus-visible, .uk-section-primary:not(.uk-preserve-color) :focus-visible, .uk-section-secondary:not(.uk-preserve-color) :focus-visible, .uk-tile-primary:not(.uk-preserve-color) :focus-visible, .uk-tile-secondary:not(.uk-preserve-color) :focus-visible {
  outline-color: @focal-color;
}

.tm-header a:focus-visible, .tm-main a:focus-visible, #footer a:focus-visible, .uk-button:focus-visible, a:focus-visible .uk-position-cover, .attribution a:focus-visible {
  @focal-outline();
}

// MAY BE NECESSARY
// .uk-navbar-dropdown a:focus-visible, .tm-main #inventory a:focus-visible, .tm-main #inventory .uk-button:focus-visible, a.uk-link-reset:focus-visible h2 {
//   @focal-outline-important();
// }
/* End Media Queries For Phones and Tablets */