a {
	color: $color__darkgray;
    text-decoration: none;

	&:visited { }
    
	&:hover,
	&:focus,
	&:active {
		color: $color__middlegray;
	}
	&:focus {
		outline: 2px solid $color__darkgray;
	}
	&:hover,
	&:active {
		outline: 0;
        border-bottom-color: $color__darkgray;
	}
}

.edit-link a {
    color: $color__white !important;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    background: $color__darkgray;
    border: none;
    font-weight: bold;
    transition: all .2s ease-out;
    
    &:hover {
        border: none;
        color: $color__white !important;
        background-color: $color__middlegray;
        transition: all .2s ease-out;
        
        &:after {
            display: none;
        }
    }
}

p:not(.site-title) a,
span a,
.nav-previous a,
.nav-next a,
.entry-content a {
    position: relative;
    border-bottom: 2px solid $color__regulargray;
    transition: all .2s ease-out;
    font-weight: bold;
    
	&:active {
        border-bottom-color: $color__darkgray;
	}
    &:after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 2px;
        content: '';
        transform: scaleX(0);
        background-color: $color__black;
        transition: all .2s ease-out;
    }

    &:hover:after {
        transform: scaleX(1);
    }

    &:hover {
        border-bottom: 2px solid $color__darkgray;
        transition-delay: .2s;
        color: $color__darkgray;
    }
    
	&:focus {
		outline: 2px solid $color__darkgray;
	}
}