/**
 * @package   RPI Multi-Instanz Navigation
 * @author    Joachim Happel
 * @license   GPL-2.0+
 * @link      https://github.com/rpi-virtuell/rw-multiinstanz-navigation
 */


@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(colors.css);

/*****************************************************************************/
/* mehr von rpi-virtuell */
#more-rpi-container-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20%;
    color: #fff;
    z-index: 100001;
    margin-top: 70px;
    padding:0;
    min-width: 400px;
    display: none;
}
.admin-bar #more-rpi-container-sidebar {
    margin-top: 101px;
}
.rpi-container-sidebar-content{
    /*font-family: "Imprima","Open Sans",sans-serif;*/
    font-size:15px;
    padding-top: 20px;

}
.rpi-container-sidebar-content ul{
    list-style: none;
    line-height: 1.7;
}

.rpi-container-sidebar-content a:hover{
    color:white;
}
/** twenty seven **/
.home.admin-bar .custom-header-media{
    height: calc(100vh - 97px )!important;
}
.home .custom-header-media {
    height: calc(100vh - 65px )!important;
}

#more-rpi-container-sidebar .rpi-container-sidebar-title{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    clear:both;
}

#more-rpi-container-sidebar .rpi-core-services li{
     width: 44%;
     height: 100px;
     float: left;
     margin-left:4%;
     margin-bottom:4%;
}
#more-rpi-container-sidebar .rpi-core-services li a{
    display: block;
    margin:10px;
}
.rpi-container-sidebar-content .rpi-core-services span{
    font-size: 24px;
    font-weight: bold;
}
#more-rpi-container-sidebar .rpi-more-services{
    margin: 4%;
}
#more-rpi-container-sidebar .rpi-more-services li{
    margin: 4%;
}
#more-rpi-container-sidebar .rpi-about-link{
    margin: 4%;
    border: 1px solid #1B638A;
}
#more-rpi-container-sidebar .rpi-about-link ul{
    margin: 4%;

}

    /*****************************************************************************/
/* header bar */

#rw-mn {
    position: fixed;
    top:0;
    left:0;
    z-index: 100001;
    width: 100%;
    border:0;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.71);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.71);
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.71);
}
#rw-mn-shadow{
    height:65px;
    width:100%;
    display: none;
}
#rw-mn, #rw-mn a{
    color:snow;
    text-decoration: none;
}
#rw-mn a:hover{
    /*text-decoration: underline;*/
}

#rw-mn .rpi-header{
    display: flex;
    flex-flow: nowrap;
    min-width: 400px;
    height: 70px;
    max-width: 100%;
}
#rw-mn .rpi-left-col{
    flex: 0 400px;
    min-width: 350px;
}
#rw-mn .rpi-center-col{
    flex: 1 0px;
    position: relative;

}
#rw-mn .rpi-right-col{
    flex: 0 400px;

}

@media all and (max-width: 800px) {
    #rw-mn .rpi-center-col{
        display: none;
    }
    #rw-mn .rpi-left-col{
        flex: 1;
        max-width: 400px;
    }
    #rw-mn .rpi-right-col{
        flex:0 150px
    }
}
@media all and (max-width: 600px) {
    #rw-mn .rpi-header-more-rpi {
        display: none;
    }
}


#rw-mn [class*=" icon-"]{
    background-image: none !important;
}
/*****************************************************************************/
/* left col logo */

#rw-mn .rpi-header-logo{
    line-height: 1;
    background-position: 0 -16px!important;
    height: 70px;
    display: flex;
    flex-flow: nowrap;
    width:100%;
    overflow: hidden;
}
#rw-mn .rpi-header-logo .rpi-header-blogname{
    flex: 1;
    line-height: 1.5;
    text-transform: lowercase;
    min-width: 170px;

}
#rw-mn .rpi-header-logo img{
     height: 62px;
     opacity:1;
     flex:0 70px;
     margin:5px;
}
#rw-mn .rpi-header-more-rpi{
    height: 70px;
    width:70px;
    min-width:70px;
    max-width:70px;
    opacity:1;
    flex:0 70px;
    /*margin: 5px 5px 5px -15px;*/


}
#rw-mn .rpi-header-more-rpi a{
    display: block;
    font-size: 22px;
    height: 70px;
    width: 80px;
    padding: 25px 25px;
    /*margin: -5px -10px auto auto;*/

}


/*****************************************************************************/
/* center col */

#rw-mn #rpi-top-menu a{
    color: #444;
    font-weight: bold;
}
#rw-mn #rpi-top-menu a:hover{
    color: #999;
}
#rw-mn #rpi-top-menu .current-menu-item a{
    color: #999;
}
#rw-mn #rpi-top-menu{
     position: absolute;
     z-index: 9999;
     font-size: .9vw;
     margin-right: 70px;
 }
#rw-mn #rpi-top-menu li{
    list-style: none;
    float: left;
    padding-left: 20px;
}
#rw-mn #rpi-top-menu .menu-scroll-down{
    display: none;
}

#rw-mn .rw-search-wrapper{
    display: flex;
    flex-flow: nowrap;
    min-width: 150px;
    max-width: 100%;
    height: 70px;
    overflow: hidden;
    border: none;
}
#rw-mn .rw-search-wrapper input{
    flex: 1;
    border: none;
    border-radius: 0;
    height: 70px;
    font-size: 28px;
    padding: 0 20px;
    margin: 0;
    background-image: none;
    width:auto;
}
#rw-mn .rw-search-wrapper button {
    flex: 0 20px;
    height: 70px;
    border: none;
    border-radius: 0;
    font-size: 20px;
    padding: 0 25px;
    min-width: 70px;
    background-position: center center;
}

#rw-mn #searchsubmit{
    background-size: 20px;
    right:0;
}
#rw-mn #searchsubmit:hover{
    background-size: 24px;
}
#rw-mn .rw-search-wrapper label{
    display: none;
}
#rw-mn .rpi-center-col .header-navigation li {
    font-size: 11px;
}
#rw-mn form {
    margin:0 !important;
}

/* right col */
#rw-mn .rpi-right-col .header-navigation{
    width:100%;
    display: block;
    height:70px;
    overflow: hidden;
}
#rw-mn .rpi-right-col ul{
    margin: 0;

}
#rw-mn .header-navigation ul{
    list-style: none;

}
/* not logged in vistors */

#rw-mn .rpi-right-col ul.rpi-header-signon{
    width:100%;
    display: flex;
    flex-flow: nowrap;
    height: 70px;
    padding-right: 29px;
    justify-content: space-between;
}
#rw-mn .rpi-right-col ul.rpi-header-signon .rpi-header-services{

}
#rw-mn .rpi-right-col ul.rpi-header-signon .register-button{
    flex: 40%;
    margin-top: 25px;
    text-align: right;

}
#rw-mn .rpi-right-col ul.rpi-header-signon .login-button{
    flex: 40%;
    margin-top: 25px;
    float: right;
}


#rw-mn .rpi-header-button a{
    width: auto;
    text-align: center;
    padding: 3px 20px;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 10px;
}
#rw-mn .rpi-header-button a:hover{
    text-decoration: none !important;
    color: #ffffff;
}

#rw-mn .rpi-header-account li.icon-button{
    padding: 20px 20px;
    font-size: 23px;
}


/* logged in users */

#rw-mn .rpi-right-col ul.rpi-header-account{
    width:100%;
    display: flex;
    flex-flow: nowrap;
    height: 70px;
    padding-right: 29px;
}

#rw-mn .rpi-right-col ul.rpi-header-account .rpi-header-services{
    flex: 0 50px;
}
#rw-mn .rpi-right-col ul.rpi-header-account .rpi-header-notifications{
    flex: 0 50px;
}
#rw-mn .rpi-right-col ul.rpi-header-account .rpi-header-avatar{
    flex: 1;
    display: flex;
    flex-flow: nowrap;
}
#rw-mn .rpi-right-col .rpi-header-avatar .rpi-user-name{
    flex: 1;
    text-align: right;
    line-height: 11px;
    margin-top: 21px;
}
#rw-mn .rpi-right-col .rpi-header-avatar .rpi-user-avatar{
    flex: 0 55px
}

#rw-mn .rpi-header-avatar{
    margin-top: 10px;
}
#rw-mn .rpi-user-name span{
    font-size:0.95em;
}
#rw-mn #rpi-user-avatar{
    margin-right: 20px;
}

#rw-mn #rpi-user-avatar img{
    border-radius:50%;
    width:50px;
    margin-left: 15px;
    height: auto;
}

#rpi-header-dropdown, #rpi-left-menu-toggle, #rpi-pending-notifications{
    display:none;
}

nav ul li ul {
    position: absolute;
    top: 69px;
    right: 0px;
    z-index: 8;
    text-align: left;
}
nav ul li ul li {
    width:200px;
}
nav ul li ul li a {
    display:block;
    padding:10px 10px;
    font-size: 0.950rem;
}
nav ul li ul.fallback {
    display:none;
}
nav ul li:hover ul.fallback {
    display:block;
}



/******************************************************************************************/
#tc-page-wrap .tc-header, #tc-sn{
    top: 100px!important;
}
#page-container header#main-header{
    top: 100px;
}
.navigation-top{
    z-index:9;
}

@media all and (max-width: 1024px) {
    .rpi-header-notifications, .rpi-user-name{
        display: none;
    }
    #rw-mn .rpi-right-col ul.rpi-header-account .rpi-header-avatar{
        display: inline;
        float: right;
    }
    #rw-mn #rpi-user-avatar {
        margin-right: 13px;
        float: right;
    }
    #rw-mn .rpi-header-more-rpi{

    }
    #rw-mn .rw-search-wrapper{
        flex: 0;
    }
}
@media all and (max-width: 768px) {
    #rw-mn{
        position:absolute;
    }
    #rw-mn .rpi-header-avatar {
        margin-top: 17px;
    }
    #rw-mn .rpi-right-col {
        flex: 1;
    }
    #rw-mn .rpi-header-logo img{
        margin-top: 11px;
    }
}
@media all and (max-width: 420px) {
    #rw-mn .rpi-header-logo .rpi-header-blogname{
        flex: 0;
    }
    #rw-mn .rpi-left-col{
        min-width: 255px;
    }
}