/*
 *    Put variables in here
 */
:root 
{

}


.skip-link-top
{
    border: 5px solid red;
    background-color: yellow;
    width:100%;
    display: block;
    text-align: center;

    font-size: 1.25rem;
    text-decoration: none;
    color:black;
    padding:0.6rem 0.5rem 0.75rem;

}


.skip-link-top span
{
    margin-left: 1rem;
    padding: 0px 10px 2px;

    display: inline-block;


    border:2px solid #333029;

    color:#505739 !important;
    color:#333 !important;

    font-weight:bold;
    border-radius: 15px;
    box-shadow: 0px 1px 0px 0px #1c1b18;
    text-shadow: 0px 1px 0px #ffffff;
    background:linear-gradient(#eae0c2, #ccc2a6);

}

.skip-link-top:hover span
{
    background: linear-gradient(#ccc2a6, #eae0c2);
}

.skip-link-top i
{
    margin-left: 5px;
    font-size: 0.9rem;
}

.skip-link-top i::before
{
    content: "\f133";
}