
%button {
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    color: $blue-dark;
    padding-left: $space-small;
    padding-right: $space-small;
}

#top {
    display: flex;
    height: 6em;
    justify-content: center;
    align-items: center;
    @media ($min-desktop-viewport) {
        height: 17em;
    }
}
.site-header {
    background-size: cover;
    background-position: center;
    height: 6em;
    #logo a {
        background-position: center;
        height: 2em;
    }
    @media ($min-desktop-viewport) {
        height: 18em;
        #logo a {
            margin-top: $space-medium;
            background-position: center top;
            width: 8em;
            height: 6em;
        }
    }
}
#toplinks a {
    color: white;
}

.site-nav {
    @media ($min-desktop-viewport) {
        position: relative;
        top: -3.3em;
        background: rgba(26, 26, 26, 0.8);
        border-top: 8px solid $blue-dark;
        #nav > .menu {
            margin: 0;
            display: flex;
            & > li {
                flex: 1 1 0px;
                & > a {
                    padding: $space-large * 0.8 $space-medium;
                    position: relative;
                    line-height: 1;
                    display: block;
                    text-align: center;
                    &::before {
                        content: "\f054"; // chevron-right
                        color: $blue-light;
                        font-family: fontAwesome;
                        margin-right: $space-small;
                    }
                }
                &:not(:first-child) > a::after {
                    content: "";
                    position: absolute;
                    background: rgba(255, 255, 255, 0.21);
                    display: inline-block;
                    width: 1px;
                    height: $space-large * 1.5;
                    top: $space-small;
                    left: 0;
                }
            }
        }
    }
    .gru-nav ul li a {
        text-transform: uppercase;
        font-size: $fz-xxsmall;
        font-weight: 500;

    }
}
body {
    @media ($max-mobile-viewport) {
        border-left: 0;
    }
}
main {
    @media ($max-mobile-viewport) {
        margin-top: $space-large;
    }
}
div#rub_service div.category h3,
.gru-content div.a2-block h2,
.gru-content .block h2,
div.links-list h2,
.gru-content div.textcell h2:first-child,
.gru-content div.cell h2:first-child {
    font-size: $fz-3;
    background: $blue-dark;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: white;
}

%cell {
    &:not(.pk-transparent) {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px 0px;
    }
}
.search-cell {
    	input[type=search] {
		background-color: white;
		border-color: $font-color;
		border-radius: 2em;
	}
}
footer a:hover {
    text-decoration: none;
}