@media (min-width: 12in) {
    .migration > .cl-effect-17 .branch li {
        box-shadow: #aaaaaa 5px 5px 5px;
        -moz-box-shadow: #aaaaaa 5px 5px 5px;
        -webkit-box-shadow: #aaaaaa 5px 5px 5px;
    }
    /* Effect 17: move up fade out, push border */
    .cl-effect-17 a:not(.menu-picture-link) {
        color: #10649b;
        text-shadow: none;
    }

    .cl-effect-17 a:not(.menu-picture-link)::before {
        color: #fff;
        text-shadow: 0 0 0.063em rgba(255,255,255,0.3); /* 1/16 */
        content: attr(data-hover);
        position: absolute;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        pointer-events: none;
    }

    .cl-effect-17 a:not(.menu-picture-link)::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.125em; /* 2/16 */
        background: #fff;
        opacity: 0;
        -webkit-transform: translateY(0.313em); /* 5/16 */
        -moz-transform: translateY(0.313em); /* 5/16 */
        transform: translateY(0.313em); /* 5/16 */
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        pointer-events: none;
    }

    .cl-effect-17 a:not(.menu-picture-link):hover::before,
    .cl-effect-17 a:not(.menu-picture-link):focus::before {
        opacity: 0;
        -webkit-transform: translateY(-0.125em); /* -2/16 */
        -moz-transform: translateY(-0.125em); /* -2/16 */
        transform: translateY(-0.125em); /* -2/16 */
    }

    .cl-effect-17 a:not(.menu-picture-link):hover::after,
    .cl-effect-17 a:not(.menu-picture-link):focus::after {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}
