@import url('https://fonts.googleapis.com/css?family=Muli:200,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap');
@import './lib/variables';
@import 'bootstrap';

html {
    height: 100%;
}

body {
    height: 100%;
    overflow-x: hidden;
}

a {
    &:focus {
        outline: none;
        text-decoration: underline;
    }

    &:active {
        text-decoration: none;
    }
}

/* Default Transitions */
.anj-routefade-enter-active {
    transition: opacity $animation-length-long-in;
}

.anj-routefade-enter-to,
.anj-routefade-leave {
    opacity: 0;
}

.anj-routefade-enter {
    opacity: 1;
}

/* Utilities */
.anj-component-block {
    display: block;
}

.anj-component-inline {
    display: inline;
}

.anj-component-inline-block {
    display: inline-block;
}

.anj-context-text {
    border-bottom: 1px dotted var(--anj-secondary);
    cursor: pointer;
}

.anj-cursor-default {
    cursor: default;
}

.anj-cursor-pointer {
    cursor: pointer;
}

.anj-link {
    color: var(--anj-secondary);

    &:hover {
        color: var(--anj-secondary-dark);
        text-decoration: underline;
    }
}

.anj-zero-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.anj-zero-top {
    margin-top: 0;
    padding-top: 0;
}

.anj-zero {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.anj-hidden-sm-down {
    @include media-breakpoint-down(sm) {
        display: none !important;
    }
}