/* --- mirror cosmetic fixes --- */

/* keep the top nav on a single row */
ul#nav.sf-menu {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
ul#nav.sf-menu > li {
    float: none;
    flex: 0 0 auto;
}

/* stop the phone number wrapping onto a second line */
.contact-title,
.contact-title + * ,
[class*="contact"] {
    white-space: nowrap !important;
}

/* enlarge the MPX product photo to fill its tile like the others */
img[src*="DSC02381"] {
    transform: scale(1.35) translateY(20px);
}

/* Varspe tile on Gearboxes page: match standard 235px tile height */
img[src*="varspe-main"] {
    height: 235px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* LinkedIn icon in the teal title bar: render white and space it off the phone number */
.title_section_right .theme_social_icons ul li a.tsm_linkedin {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M4.98 3.5a2.5 2.5 0 11.02 5 2.5 2.5 0 01-.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.76-1.95 4.02 0 4.76 2.5 4.76 5.76V21h-4v-5.6c0-1.34-.03-3.07-1.9-3.07-1.9 0-2.19 1.46-2.19 2.97V21H9z'/></svg>") no-repeat center center !important;
    background-size: 16px 16px !important;
}
.title_section_right .theme_social_icons {
    margin-right: 16px !important;
}

/* LinkedIn icon: brand blue, positioned right of the phone number */
.title_section_right .theme_social_icons {
    float: right !important;
    margin-left: 16px !important;
    margin-right: 0 !important;
}
.title_section_right .contact {
    float: right !important;
}
.title_section_right .theme_social_icons ul li a.tsm_linkedin {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A66C2'><path d='M4.98 3.5a2.5 2.5 0 11.02 5 2.5 2.5 0 01-.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.76-1.95 4.02 0 4.76 2.5 4.76 5.76V21h-4v-5.6c0-1.34-.03-3.07-1.9-3.07-1.9 0-2.19 1.46-2.19 2.97V21H9z'/></svg>") no-repeat center center !important;
    background-size: 18px 18px !important;
}

/* LinkedIn icon: blue glyph on a white tile */
.title_section_right .theme_social_icons ul li a.tsm_linkedin {
    background-color: #ffffff !important;
    border-radius: 3px !important;
    width: 22px !important;
    height: 22px !important;
    background-size: 16px 16px !important;
}

/* LinkedIn icon: white glyph on blue tile, larger, aligned with phone text */
.title_section_right .theme_social_icons ul li a.tsm_linkedin {
    background-color: #0A66C2 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M4.98 3.5a2.5 2.5 0 11.02 5 2.5 2.5 0 01-.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.76-1.95 4.02 0 4.76 2.5 4.76 5.76V21h-4v-5.6c0-1.34-.03-3.07-1.9-3.07-1.9 0-2.19 1.46-2.19 2.97V21H9z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 19px 19px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    position: relative !important;
    top: -4px !important;
}

/* LinkedIn tile: +20% again, raised to sit level with the phone text */
.title_section_right .theme_social_icons ul li a.tsm_linkedin {
    width: 31px !important;
    height: 31px !important;
    background-size: 23px 23px !important;
    top: -8px !important;
}