.site-header {
padding-top: 25px; padding-bottom: 25px; text-align: center; background-color: #fff; border-bottom: 1px solid #e8e8e8;
} .site-header {
color: #74b1be; background-color: #2f3241; border-bottom-color: #1a1b23; -webkit-font-smoothing: antialiased; padding-left: 12px; padding-right: 12px;
}
.site-header a {
color: inherit; transition: all 0.3s;
}
.site-header a.active, .site-header a:hover {
color: #9feaf9;
}
.site-header a:active {
color: #6798a2;
}
@mixin site-header–700() {
.site-header { text-align: center; } .site-header-logo { float: left; } .site-header-nav { float: right; line-height: 2.3; } .site-header-logo, .site-header-nav { float: none; }
}
@mixin site-header–992() {
.site-header { padding-left: 0; padding-right: 0; } .site-header-logo { float: left; } .site-header-nav { float: right; }
}
.site-header-logo {
font-size: 22px;
}
.site-header-nav {
margin-top: 0; min-height: 30px; line-height: 30px;
}
.site-header-nav-item {
font-size: 15px; border-bottom: 2px solid transparent; display: inline-block; color: #555;
}
.site-header-nav-item.active, .site-header-nav-item:active, .site-header-nav-item:hover {
border-bottom-color: #9feaf9; color: #333; text-decoration: none;
}
.site-header-nav-item+.site-header-nav-item {
margin-left: 20px;
}
.fab {
font-size: 1.6em;
}
.dropdown {
position: relative; display: inline-block;
}
.dropdown-content {
display: none; position: absolute; background-color: #f9f9f9; min-width: 1px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 7px 11px; z-index: 1; font-size: 12px;
}
.dropdown:hover .dropdown-content {
display: block;
}
.site-header-nav-item.bordered {
border: 1px solid #9feaf9; border-radius: 3px; padding: 0 7px; opacity: 0.7; font-size: 12px; line-height: 2; bottom: 3px;
}
.site-header-nav-item.active {
color: #333;
}