/**
 * @author  aks Service GmbH
 * @since   2017-01-13
 * @license aks Service GmbH 2017
 * @version 1.0
 *
 * styles for the eventregistration
 */

/*
 * #135f8d SHCblue
 *
 * @phoneLandscapeViewportWidth: 30em;     // 480px
 * @tabletViewportWidth: 48em;             // 768px
 * @tabletLandscapeViewportWidth: 64em;    // 1024px
 * @desktopViewportWidth: 78.75em;         // 1260px
 */

#logincontent nav {
    position: relative;
    display: inline-block;
    width: 100%;
}

#eventDropMenu {
    background-color: #135f8d;
    padding: 5px 10px;
    display: inline-block;
    width: 140px;
    margin: 10px 0px;
    float: left;
    color: #ffffff;
    width: 100%;
    background: linear-gradient(to bottom, #1585c8 0%, #135f8d 100%);
    background: -moz-linear-gradient(to bottom, #1585c8 0%, #135f8d 100%);
    background: -webkit-linear-gradient(to bottom, #1585c8 0%, #135f8d 100%);
    background: -ms-linear-gradient(to bottom, #1585c8 0%, #135f8d 100%);
    background: -o-linear-gradient(to bottom, #1585c8 0%, #135f8d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#1585c8, endColorstr=#135f8d, GradientType=1);
}

.navitem {
    display: none;
}

.navitem.mobileitem {
    display: block;
    position: relative;
    height: 30px;
}

.navitem.mobileitem i {
    float: right;
    font-size: 8px;
    color: #ffffff;
    margin-top: 12px;
    margin-right: 5%;
}

#eventDropMenu:hover .mobileitem {
    color: #d11315;
}

#eventDropMenu:hover .navitem {
    display: block;
}

.navitem:hover,
.navitem i:hover {
    color: #d11315;
}

@media screen and (min-width: 30em) {
    .navitem.mobileitem i {
//
    }
}

@media screen and (min-width: 48em) {
    #eventDropMenu {
        margin-left: -30px;
        width: auto;
        min-width: 140px;
    }
}

@media screen and (min-width: 64em) {
    .navitem {
        display: block;
    }
    
    #eventDropMenu {
        background-image: none;
        background-color: #ffffff;
        color: #000000;
    }

    .navitem {
        color: #000000;
    }

    #eventDropMenu:hover .mobileitem {
        display: none;
    }

    .navitem.mobileitem {
        display: none;
    }
}