#g-extension {
    color: $extension-text-color;

    // Linear Gradient Background
    @if $extension-background-direction == 1 {
        @include background-image(linear-gradient(to right, $extension-background-1, $extension-background-2));
    } @else if $extension-background-direction == 2 {
        @include background-image(linear-gradient(to bottom, $extension-background-1, $extension-background-2));
    } @else if $extension-background-direction == 3 {
        @include background-image(linear-gradient(to bottom left, $extension-background-1, $extension-background-2));
    } @else if $extension-background-direction == 4 {
        @include background-image(linear-gradient(to bottom right, $extension-background-1, $extension-background-2));
    }

    a {
        color: $extension-text-color;
        box-shadow: 0 1px 0 0 fadeout($extension-text-color, 50%);
        &:hover {
            box-shadow: 0 1px 0 0 $extension-text-color;
        }
    }

    // Container
    .g-container {
        padding-top: 4rem;
        padding-bottom: 4rem;
        @include breakpoint(mobile-only) {
          padding-top: 2rem;
          padding-bottom: 2rem;
        }         
    }
}

@media print {
	#g-extension {
		background: #fff !important;
		color: #000 !important;
	}
}