
%button {
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
    &:hover {
        box-shadow: none;
    }
}

%inverted-button {
    box-shadow: none;
    &:hover {
        box-shadow: none;
    }
}
h1, h2, h3, h4, h5, h6 {
    padding-left : 0.7em;
    padding-right : 0.7em;
}
%cell {
    border: none;
    &:not(.transparent) {
        box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
        border-top: 5px solid $blue;
    }
    &.transparent {
        padding: 0;
    }
    & > div {
        & > h1::after {
            content: " ";
            display: block;
            position: relative;
            bottom: -$space-xsmall;
            width: 1.5em;
            border-bottom: 5px solid $blue;
        }
        & > h2:first-child, .wcs-tracking-code-input > h2 {
            border-bottom: 1px solid rgba(206, 206, 206, 0.75);
        }

    }
}
.site-header {
    padding: $space-small;
    height: 200px;
    background-color: $blue;
    @media screen and ($max-mobile-viewport) {
        height: 100px;
    }
}


#logo.has-logo {
    a {
        margin-top: $space-small;
        display: block;
        height: 55px;
    }
    @media screen and ($max-mobile-viewport) {
        padding-left: 0;
        a {
            height: 50px;
        }
    }
}

#toplinks {
    font-size: $fz-small;
    font-weight: 700;
    right: $space-xlarge;
    background: transparent;
    padding-top: 0;
    @media screen and ($max-mobile-viewport) {
        margin-right: $space-medium;
        background: transparent;
    }
    a {
        color: white;
        @media screen and ($max-mobile-viewport) {
            padding: $space-xsmall 0;
            margin-left: $space-medium;
        }
        @media screen and ($min-desktop-viewport) {
            padding: $space-xsmall;
            &:not(:first-child) {
                padding-left: $space-medium;
            }
        }
    }
}

#nav-wrapper {
    box-shadow: 0 0.225em 0.325em rgba(0, 0, 0, 0.1);
    position: relative;
    top: -4.4em;
    margin-bottom: -4.4em;
}

div#nav {
    max-width: 100%;
    padding: 0 $space-large 0 $space-small;

}
div.gru-nav {
    @media screen and ($min-desktop-viewport) {
        text-align: center;
    }
    @media screen and ($max-mobile-viewport) {
        .gru-nav-button {
            right: $space-medium;
            top: $space-medium;
            left: unset;
            & + ul::before {
                display: none;
            }
        }
    }
    li > a {
        border: 2px solid transparent;
        text-transform: uppercase;
    }
    li:focus-within > a,
    li:hover > a {
        border: 2px solid $blue;
    }
}

main {
    margin-top: $space-large;
}

%cell-links-list {
    > li:hover {
        border-left: 5px solid $blue;
    }
}

div.wcsformcell {
    padding: 0.7em 1rem;
}

.widget.BlockSubWidget > .widget {
    margin-bottom: $space-small;
}
form div.widget {
    margin-bottom: $space-small;
}
footer h1,
footer h2 {
    font-size: $fz-small;
    display: inline-block;
    border-bottom: 1px solid white;
    padding: $space-small 0;
    margin: 0 $space-medium;

}