﻿.image-text-links .component-content {
    text-align: center;
}

.image-text-links ul li {
    display: inline-block;
}

    .image-text-links ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px 8px;
        margin: -5px,0,0,0; 
        line-height: 20px;
    }

        .image-text-links ul li a div {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .image-text-links ul li a:hover {
            background: #007db9;
            color: #fff;
            border-radius: 4px;
            text-decoration: none;
        }

        .image-text-links ul li a span {
            padding-left: 8px;
        }

.image-text-links.no-heading h3 {
    display: none;
}

.horizontal-icons-only .component-content {
    text-align: right;
}

.horizontal-icons-only ul, .image-text-links ul {
    margin-left:-10px;
    margin-bottom: 0;
}

.horizontal-icons-only li {
    display: inline-flex;
    align-items: center;
    padding: 12px 7px;
}

.horizontal-icons-only h3 {
    display: none;
}

.horizontal-icons-only a img {
    -webkit-transition: opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);
    -o-transition: opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94);
}

    .horizontal-icons-only a img:hover {
        opacity: .8;
        -ms-transform: scale(1.167);
        -webkit-transform: scale(1.167);
        -moz-transform: scale(1.167);
        -o-transform: scale(1.167);
        transform: scale(1.167);
    }

/* ========================================================================
  #HEADER LINK LIST MOBILE
  ======================================================================== */
.c-header__mobile .image-text-links {
    padding: 20px;
    padding-top: 0;
}

    .c-header__mobile .image-text-links ul li {
        display: block;
        height: 48px;
    }

        .c-header__mobile .image-text-links ul li a {
            color: rgba(255,255,255,.75);
            justify-content: left;
            padding-left: 0;
        }
