/*--------------------------------------------------------------
   Menus
--------------------------------------------------------------*/

.typology-header{
.typology-nav{
	list-style: none;
	padding:0;
	margin:0;
	font-size: 0;
	> li{
        display: inline-block;
        vertical-align: middle;
        line-height: 1.3;
        min-height: 4rem;
        padding: 0;
        position: relative;
	}
	a,
	span{
        display: block;
        -webkit-transition: all .1s ease-in-out;
           -moz-transition: all .1s ease-in-out;
            -ms-transition: all .1s ease-in-out;
             -o-transition: all .1s ease-in-out;
                transition: all .1s ease-in-out;
                -webkit-backface-visibility:hidden;
	}
    a{
        padding:16px 14px 13px;
        line-height: 1;
    }
    span{
        padding: 13px 14px 13px;
        line-height: 1.3;
    }
	i{
		font-size: 1.4rem;
	}
    > .current-menu-item,
    > .current-menu-parent {
        background: rgba(0,0,0,0.1)
    }
    
    li.current-menu-parent:hover,
    li.current-menu-item:hover{
        background: transparent;
    }
    .sub-menu{
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        width: 200px;
        list-style: none;
        margin: 0;
        z-index: 9999;
        text-align: left;
        box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.2); 
        left: -9999px;
        -webkit-transition: opacity .2s ease-in-out;
           -moz-transition: opacity .2s ease-in-out;
            -ms-transition: opacity .2s ease-in-out;
             -o-transition: opacity .2s ease-in-out;
                transition: opacity .2s ease-in-out;
    }
     .sub-menu .sub-menu{
        top: -8px;
     }
     .sub-menu li:hover .sub-menu{
        left: 100%;
     }
     .sub-menu > li:first-child .sub-menu{
        top: 0;
     }
     .sub-menu > li{
        position: relative;
     }
    li:hover > .sub-menu{
        opacity: 1;
        left: 0;
        pointer-events: auto;
        visibility: visible;
        .sub-menu{
            left:100%;
        }
    }
    li.search-action-active > .sub-menu{
        opacity: 1;
        left: 0;
        pointer-events: auto;
        visibility: visible;        
    }
    .sub-menu a {
        display: block;
        width: 100%;
        padding: 8px 15px 0 20px;
        line-height: 22px;
        height: auto;
        -webkit-transition: padding .1s ease-in-out;
           -moz-transition: padding .1s ease-in-out;
            -ms-transition: padding .1s ease-in-out;
             -o-transition: padding .1s ease-in-out;
                transition: padding .1s ease-in-out;
    }
    .sub-menu>li:first-child>a {
        padding: 15px 15px 0 20px;
    }
    .sub-menu>li:last-child>a {
        padding: 8px 15px 15px 20px;
    }
    .sub-menu>li.menu-item-has-children>a:after {
        font-family: "FontAwesome";
        content: "\f105";
        margin-left: 7px;
        font-size: 10px;
        float: right;
        opacity: 0.5
    }
    .sub-menu>li:hover>a {
        padding-left: 25px;
        padding-right: 15px;
    }
    .sub-menu li:only-of-type a{
        padding: 15px 15px 15px 20px;
    }

}
.typology-nav span{
	cursor: pointer;
}

.typology-nav > li:hover > a,
.typology-nav > li:hover > span,
.search-action-active > span {
    background: rgba(255,255,255,0.1);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.15);
}
}

.typology-header .typology-nav{
    font-size: 0;
}

.typology-header .typology-site-branding + .typology-main-navigation{
    padding-left: 20px;
}



/*--------------------------------------------------------------
   Sidebar Menu
--------------------------------------------------------------*/

.typology-lock {
    overflow: hidden!important;
    padding-right: 17px;
}
.typology-lock .typology-header,
.typology-lock .typology-cover-img,
.typology-lock .cover-letter{
    padding-right: 17px;
}
.typology-sidebar-overlay{
    width: 100%;
    height: 100%;
    height: calc(100% + 60px);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .6);
    content: '';
    display: block;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
         -o-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}

.typology-sidebar{
	width: 407px;
    height: 100%;
    height: 100%;
    position: fixed;
    padding: 160px 0 0;
    top: 0;
    right: 0;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    -webkit-transform: translate3D(437px,0,0);
    -ms-transform: translate3D(437px,0,0);
    transform: translate3D(437px,0,0);
    -webkit-transition: visibility 1ms linear .2s,-webkit-transform .2s ease;
    transition: visibility 1ms linear .2s,-webkit-transform .2s ease;
    transition: transform .2s ease,visibility 1ms linear .2s;
    transition: transform .2s ease,visibility 1ms linear .2s,-webkit-transform .2s ease;
}
.typology-sidebar-open .typology-sidebar{
    -webkit-transform: translate3D(0,0,0);
    -ms-transform: translate3D(0,0,0);
    transform: translate3D(0,0,0);	
    box-shadow: 0 0 100px rgba(0,0,0,0.5);
}
.typology-sidebar-open .typology-sidebar-overlay{
    opacity: 1;
    visibility: visible;
}
.typology-sidebar-header-wrapper{
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.typology-sidebar-header{
    position: fixed;
    width: 100%;
    left: 0;
    height: 110px;
    top: 0;
    padding: 0;
    z-index: 1000;
}
.typology-sidebar-header .site-title img{
    max-height: 110px;
}
.typology-header.typology-header-sticky  .site-title img{
    max-height: 70px;
}
.typology-sidebar-header a{
    text-decoration: none;
}
.typology-sidebar-close{
    padding: 10px;
    cursor: pointer;
    color:#FFF;
    opacity: 0.5;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    &:hover{
        opacity: 1;
    }
    position: relative;
    right: -10px;
}


/* Action Button */
.typology-action-button .sub-menu{
    width: 310px;
    text-transform: none;
    font-size: 1.4rem;
    line-height: 1.2;
    right:0;
    left: auto;
}
.typology-action-button .sub-menu ul{
    padding: 35px 40px;
    list-style: none;
    li{
        margin-bottom: 20px;
        &:last-child{
            margin-bottom:0;
        }
    }
    a{
        position: relative;
        padding: 0 15px;

        &:before{
            content: "";
            height: 10px;
            width: 10px;
            border-radius: 50%;
            display: block;
            position: absolute;
            left: -8px;
            top: 8px;
        }
    }
}

.typology-header .typology-mobile-visible, .typology-actions-list .typology-action-button.typology-mobile-visible{
    display: none;
}

.typology-header .typology-nav li ul.typology-rev{
    left: auto!important;
    right: 0;    
}

.typology-header .typology-nav li .sub-menu ul.typology-rev{
    left: auto!important;
    right: 100%;    
}

.typology-responsive-menu{
    display: none;
}

.typology-responsive-menu .typology-nav{
    li:before{
        display:none;
    }
    li{
        padding-left: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    a{
        display: block;
        padding-bottom: 12px;
        text-transform: none;
    }
    .sub-menu{
        display: none;
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 0;
        padding-top: 12px;
        a{
            padding-left: 20px;
        }
    }
}
.typology-responsive-menu .typology-nav li:last-child{
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.typology-nav-widget-acordion {
    position: absolute;
    right: -5px;
    top: -4px;
    cursor: pointer;
    font-size: 18px;
    width: 32px;
    text-align: center;
    height: 31px;
    line-height: 31px;
}
.menu-item-has-children span{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;    
}
.typology-responsive-menu .menu-item-has-children.active>span, .widget_pages .page_item_has_children.active>span {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.typology-header .typology-main-navigation{
    opacity: 0;
}
.typology-nav .typology-action-search > .sub-menu{
    padding: 20px;
}
.typology-nav .typology-social-icons{
    margin-top: 0;
}

/**
 Social Menu
 */
.typology-soc-menu{
    padding: 10px 20px;
    li{
        margin-top: 5px;
        a {
            position: relative;
            text-decoration: none;
            display: block;
            .typology-social-name{
                opacity: 1;
                display: inline-block;
                vertical-align: top;
                padding: 6px 14px;
            }
        }
        a:before {
            height: 25px;
            width: 25px;
            display: inline-block;
            border-radius: 50%;
            font-family: "FontAwesome";
            text-decoration: none;
            font-size: 13px;
            color: #FFF;
            text-align: center;
            line-height: 25px;
        }
    }
}

.typology-header .typology-social-icons .sub-menu li:only-of-type a{ // Overwriting .typology-header .typology-nav .sub-menu li:only-of-type a
    padding: 0;
    text-align: left;
}
.typology-soc-menu li a[href*="/feed"]::before,
.typology-soc-menu li a[href*="/rss"]::before,
.typology-soc-menu li a[href*="feedburner"]::before {
    content: "\f09e";
}
.typology-soc-menu li a[href*="@"]::before {
    content: "\f0e0";
}
.typology-soc-menu li a[href*="codepen."]::before {
    content: "\f1cb";
}
.typology-soc-menu li a[href*="digg."]::before {
    content: "\f1a6";
}
.typology-soc-menu li a[href*="dribbble."]::before {
    content: "\f17d";
}
.typology-soc-menu li a[href*="dropbox."]::before {
    content: "\f16b";
}
.typology-soc-menu li a[href*="facebook."]::before {
    content: "\f09a";
}
.typology-soc-menu li a[href*="flickr."]::before {
    content: "\f16e";
}
.typology-soc-menu li a[href*="foursquare."]::before {
    content: "\f180";
}
.typology-soc-menu li a[href*="google."]::before {
    content: "\f0d5";
}
.typology-soc-menu li a[href*="github."]::before {
    content: "\f09b";
}
.typology-soc-menu li a[href*="instagram."]::before {
    content: "\f16d";
}
.typology-soc-menu li a[href*="linkedin."]::before {
    content: "\f0e1";
}
.typology-soc-menu li a[href*="last.fm"]::before {
    content: "\f202";
}
.typology-soc-menu li a[href*="pinterest."]::before {
    content: "\f0d2";
}
.typology-soc-menu li a[href*="reddit."]::before {
    content: "\f1a1";
}
.typology-soc-menu li a[href*="soundcloud."]::before {
    content: "\f1be";
}
.typology-soc-menu li a[href*="spotify."]::before {
    content: "\f1bc";
}
.typology-soc-menu li a[href*="stumbleupon."]::before {
    content: "\f1a4";
}
.typology-soc-menu li a[href*="tumblr."]::before {
    content: "\f173";
}
.typology-soc-menu li a[href*="twitter."]::before {
    content: "\f099";
}
.typology-soc-menu li a[href*="vimeo."]::before {
    content: "\f194";
}
.typology-soc-menu li a[href*="vine."]::before {
    content: "\f1ca";
}
.typology-soc-menu li a[href*="vk."]::before {
    content: "\f189";
}
.typology-soc-menu li a[href*="wordpress."]::before {
    content: "\f19a";
}
.typology-soc-menu li a[href*="xing."]::before {
    content: "\f168";
}
.typology-soc-menu li a[href*="youtube."]::before {
    content: "\f16a";
}
.typology-soc-menu li a[href*="medium."]::before {
    content: "\f23a";
}
.typology-soc-menu li a[href*="buysellads."]::before {
    content: "\f20d";
}
.typology-soc-menu li a[href*="behance."]::before {
    content: "\f1b4";
}
.typology-soc-menu li a[href*="slack."]::before {
    content: "\f198";
}
.typology-soc-menu li a[href*="weibo."]::before {
    content: "\f18a";
}
.typology-soc-menu li a[href*="snapchat."]::before {
    content: "\f2ac ";
}
.typology-soc-menu li a[href*="500px."]::before {
    content: "\f26e";
}
.typology-soc-menu li a[href*="amazon."]::before {
    content: "\f270";
}
.typology-soc-menu li a[href*="mixcloud."]::before {
    content: "\f289";
}
.typology-soc-menu li a[href*="ok.ru"]::before {
    content: "\f263";
}
.typology-mailto {
    background-color: #95a5a6;
}
.typology-whatsapp {
    background-color: #25d366;
}
.typology-actions-button .typology-soc-menu li a[href*="/feed"]:before,
.typology-actions-button .typology-soc-menu li a[href*="/rss"]:before {
    background-color: #FA9B39;
}
.typology-actions-button .typology-soc-menu li a[href*="@"]:before {
    background-color: #AAA;
}
.typology-actions-button .typology-soc-menu li a[href*="codepen."]:before {
    background-color: #fff;
}
.typology-actions-button .typology-soc-menu li a[href*="digg."]:before {
    background-color: #fff;
}
.typology-actions-button .typology-soc-menu li a[href*="dribbble."]:before {
    background-color: #ea4c89;
}
.typology-actions-button .typology-soc-menu li a[href*="dropbox."]:before {
    background-color: #007ee5;
}
.typology-actions-button .typology-soc-menu li a[href*="facebook."]:before,
.typology-facebook {
    background-color: #3b5998;
}
.typology-actions-button .typology-soc-menu li a[href*="flickr."]:before {
    background-color: #ff0084;
}
.typology-actions-button .typology-soc-menu li a[href*="foursquare."]:before {
    background-color: #0732a2;
}
.typology-actions-button .typology-soc-menu li a[href*="google."]:before,
.typology-gplus {
    background-color: #dd4b39;
}
.typology-actions-button .typology-soc-menu li a[href*="github."]:before {
    background-color: #4183c4;
}
.typology-actions-button .typology-soc-menu li a[href*="instagram."]:before {
    background-color: #3f729b;
}
.typology-actions-button .typology-soc-menu li a[href*="linkedin."]:before,
.typology-linkedin {
    background-color: #0e76a8;
}
.typology-actions-button .typology-soc-menu li a[href*="last.fm"]:before {
    background-color: #e31b23;
}
.typology-actions-button .typology-soc-menu li a[href*="pinterest."]:before,
.typology-pinterest {
    background-color: #c8232c;
}
.typology-actions-button .typology-soc-menu li a[href*="reddit."]:before,
.typology-reddit {
    background-color: #336699;
}
.typology-actions-button .typology-soc-menu li a[href*="soundcloud."]:before {
    background-color: #f50;
}
.typology-actions-button .typology-soc-menu li a[href*="spotify."]:before {
    background-color: #81b900;
}
.typology-actions-button .typology-soc-menu li a[href*="stumbleupon."]:before,
.typology-stumbleupon {
    background-color: #ff2618;
}
.typology-actions-button .typology-soc-menu li a[href*="tumblr."]:before {
    background-color: #34526f;
}
.typology-actions-button .typology-soc-menu li a[href*="twitter."]:before,
.typology-twitter {
    background-color: #55acee;
}
.typology-actions-button .typology-soc-menu li a[href*="vimeo."]:before {
    background-color: #1AB7EA;
}
.typology-actions-button .typology-soc-menu li a[href*="vine."]:before {
    background-color: #00d9a3;
}
.typology-actions-button .typology-soc-menu li a[href*="vk."]:before {
    background-color: #4e729a;
}
.typology-actions-button .typology-soc-menu li a[href*="wordpress."]:before {
    background-color: #21759b;
}
.typology-actions-button .typology-soc-menu li a[href*="xing."]:before {
    background-color: #026466;
}
.typology-actions-button .typology-soc-menu li a[href*="youtube."]:before {
    background-color: #c4302b;
}
.typology-actions-button .typology-soc-menu li a[href*="medium."]:before {
    background-color: #57ad68;
}
.typology-actions-button .typology-soc-menu li a[href*="buysellads."]:before {
    background-color: #c90100;
}
.typology-actions-button .typology-soc-menu li a[href*="behance."]:before {
    background-color: #1769ff;
}
.typology-actions-button .typology-soc-menu li a[href*="slack."]:before {
    background-color: #6ecadc;
}
.typology-actions-button .typology-soc-menu li a[href*="weibo."]:before {
    background-color: #B53434;
}
.typology-actions-button .typology-soc-menu li a[href*="snapchat."]:before {
    background-color: #FFFC00;
}
.typology-actions-button .typology-soc-menu li a[href*="500px."]:before {
    background-color: #0099e5;
}
.typology-actions-button .typology-soc-menu li a[href*="amazon."]:before {
    background-color: #ff9900;
}
.typology-actions-button .typology-soc-menu li a[href*="mixcloud."]:before {
    background-color: #314359;
}
.typology-actions-button .typology-soc-menu li a[href*="ok.ru"]:before {
    background-color: #ed812b;
}
.typology-actions-button .typology-soc-menu li {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.typology-actions-button .typology-soc-menu li:hover {
    padding-left: 5px;
}