/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */
a.link3,
.ui-page-theme-a a.link3,
.lnk,
.link3 {
    position: relative;
    text-decoration: none;
    cursor: default;
}


a.inactive:active,
a.inactive:hover,
a.inactive {
    color: #808080;
    text-decoration: none;
    cursor: default;
}

a,
a[href^=tel] {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.card__btn-undo.link3 {
    font-size: 1.6rem;
}

a,
a[href^=tel]{
    color: inherit;
}

a.link3,
.ui-page-theme-a a.link3,
.link3 {
    position:relative;
    text-decoration: none;
    color: #006FB9;
    font-weight: 600;
    /*white-space: nowrap;*/
    cursor: pointer;
}

a.btn:hover {
    text-decoration: none;
}

a:hover,
.lnk:hover{
    text-decoration: underline;
}

/* The hover underline */
a.link3:hover,
span.link3:hover,
.ui-page-theme-a a.link3:hover,
.link3:hover {
    text-decoration: none;
}
a.link3:after,
span.link3:after,
.ui-page-theme-a a.link3:after,
.link3:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.2rem;
    background: currentColor;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

a.link3:hover:after,
span.link3:hover:after,
.ui-page-theme-a a.link3:hover:after,
.link3:hover:after,

a.link3:focus-visible:before,
.ui-page-theme-a a.link3:focus-visible:before,
.link3:focus-visible:before {
    opacity: 1;
}
a.link3.btn:hover:after,
.btn a.link3:hover:after,
span.btn.link3:hover:after,
.btn span.link3:hover:after,
.btn .link3:hover:after,
.btn.link3:hover:after{
    opacity: 0;
}
/* Disable the hover state for buttons */
a.btn-alt:hover,
a.btn--primary:hover,
a.btn--secondary:hover,
a.itip:hover,
button a:hover,
button .link3:hover,
header .lnk:hover {
    text-decoration: none;
}


a.link3:active,
span.link3:active,
.ui-page-theme-a a.link3:active,
.link3:active {
    color: #333333;
}
a.link3:active:before,
span.link3:active:before,
.ui-page-theme-a a.link3:active:before,
.link3:active:before {
    opacity: 0;
}

/* The focus box */
a.link3:before,
span.link3:before,
.ui-page-theme-a a.link3:before,
.link3:before {
    content: "";
    position: absolute;
    inset: -0.2rem -0.7rem;
    border-radius: 0.4rem;
    opacity: 0;
}

a.link3:focus:before,
span.link3:focus:before,
.ui-page-theme-a a.link3:focus:before,
.lnk:focus:before,
.footer__nav a:focus:before,
.link3:focus:before,

a.link3:focus-visible:before,
span.link3:focus-visible:before,
.ui-page-theme-a a.link3:focus-visible:before,
.lnk:focus-visible:before,
.footer__nav a:focus-visible:before,
.link3:focus-visible:before {
    opacity: 1;
}

/* Disable the ':focus-visible:before' outline for links in the header/footer/buttons */
a.no_link_style:before,
a.no_before_link:before,
a.btn-alt:before,
a.btn--primary:before,
a.btn--secondary:before,
a.btn-outline:before,
a.itip:before,
header a:before,
button a:before,
button .link3:before,
button .lnk:before
{
    content: none !important;
}

.link--arrow-right i {
    display: inline-block;
    margin-left: 0.2rem;
}

.inverse-underline.link3,
.inverse-underline {
    text-decoration: underline !important;
}

.no-underline.link3:hover:after,
.no-underline.link3:after,
.inverse-underline.link3:hover:after,
.inverse-underline:hover:after,
.inverse-underline.link3:after,
.inverse-underline:after {
    opacity: 0 !important;
}
.no-underline.link3:hover,
.no-underline.link3:hover,
.inverse-underline.link3:hover,
.inverse-underline:hover {
    text-decoration: none !important;
}

/*  Header links*/
.nav ul li a:after {
    content: "";
    width: 90%;
    position: absolute;
    top: 0.5rem;
    left: 50%;
    bottom: 0.5rem;
    -webkit-box-shadow: 0 0 0 2px #DC5210 inset;
    box-shadow: 0 0 0 2px #DC5210 inset;
    border-radius: 7px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .nav ul li a:after {
        display: none;
    }
}

.nav ul li a:focus-visible:after {
    opacity: 1;
    visibility: visible;
}

/*Header logo*/
.logo:focus-visible:before {
    opacity: 1;
}

.logo:before {
    content: "";
    position: absolute;
    inset: -0.5rem -0.4rem -0.4rem;
    border: 0.2rem solid #DD390C;
    border-radius: 0.8rem;
    opacity: 0;
}

/*Footer socials*/
.socials a:focus-visible:before {
    opacity: 1;
}

.socials a:before {
    content: "";
    display: block;
    position: absolute;
    inset: -0.4rem -0.7rem;
    border: 0.1rem solid #fff;
    border-radius: 0.5rem;
    opacity: 0;
    max-width: 30px;
    max-height: 30px;
}

/*Footer links*/
.footer_bottom_row a::before,
.footer_bottom_row span.lnk::before,
.footer__nav a::before,
.feedback-link::before {
    content: '';
    display: block;
    position: absolute;
    inset: -0.2rem -0.7rem;
    border: 0.1rem solid #fff;
    border-radius: 0.5rem;
    opacity: 0;
}
.footer_bottom_row a:focus-visible::before,
.footer_bottom_row span.lnk:focus-visible::before,
.footer__nav a:focus-visible::before,
.feedback-link:focus-visible::before {
    opacity: 1;
}

/* Use 'outline' as a focus box (to match prod on older pages) */
.outline-link-focus .ranking-feature a:focus-visible,
.outline-link-focus .feature a:focus-visible,
.outline-link-focus a:focus-visible {
    outline: 5px auto -webkit-focus-ring-color !important;
}

.outline-link-focus .ranking-feature a:focus-visible {
    outline-offset: 0;
}

/** /car-finder page-specific */
.ymm-details-wrapper span.link3:hover:after,
.ymm-details-wrapper a:hover:after {
    opacity: 0 !important;
    text-decoration: underline;
}

a.nolink {
    color:inherit;
    text-decoration:inherit
}
a.nolink:hover {
    color:inherit;
    text-decoration:underline
}

a.no_link_style,
a.inherit-color,
a.inherit-color:visited,
nav a.link3,
nav a,
footer a.link3,
button a.link3,
nav a.link3:hover,
footer a.link3:hover,
button a.link3:hover,
nav a.link3:active,
footer a.link3:active,
button a.link3:active {
    /* Header and footer links should not be blue */
    color: inherit;
}
.normal-weight,
.link3.normal-weight {
    font-weight: normal;
}