@import url(https://fonts.googleapis.com/css?family=Lato:400,700);


.accordion dl, .accordion-list {
    border: 1px solid #ddd;
}

.accordion dd, .accordion__panel {
    font-size: 1em;
    line-height: 1.5em;
    /*border: 0.5px solid #873b88;*/
    border-top: none;
}

.accordion p {
    padding: 1em 2em 1em 2em;
}

.accordion {
    position: relative;
}

.accordionTitle, .accordion__Heading {
    background: linear-gradient(90deg, #2e215e 0%, #86295c 100%);
    text-align: center;
    font-weight: 700;
    padding: 1em;
    display: block;
    text-decoration: none;
    transition: background-color 0.5s ease-in-out;
    text-align: left;
    letter-spacing: 0.034em;
    transition: all 0.5s;
    color: #98b2c6;
    font-size : 14px;
}

    .accordionTitle:before, .accordion__Heading:before {
        content: "+";
        font-size: 24px;
        line-height: 22px;
        float: left;
        transition: transform 0.3s ease-in-out;
        padding: 0px;
        margin-right: 8px;
    }

    .accordionTitle:hover, .accordion__Heading:hover {
        background: linear-gradient(90deg, #2e215e 0%, #984759 100%);
        color: #ffffff;
        text-decoration: none;
    }

    .accordionTitleActive, .accordionTitle.is-expanded {
        background: linear-gradient(90deg, #201b5b 0%, #a93a69 100%);
        color: #dbcaca;
        text-decoration: none;
    }

        .accordionTitleActive:before, .accordionTitle.is-expanded:before {
            transform: rotate(-225deg);
            line-height: 20px;
        }

.accordionItem {
    height: auto;
    overflow: auto;
    max-height: 50em;
    transition: max-height 1s;
}

@media screen and (min-width: 48em) {
    .accordionItem {
        max-height: 15em;
        transition: max-height 0.5s;
    }
}

.accordionItem.is-collapsed {
    max-height: 0;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}

table {
    margin-bottom: 0
}

.button-beats {
    animation: beats 1s infinite;
    transition: .3s;
}   

@keyframes beats {
    0% {
        transform: scale(1);
    }

    60% {
        transform: scale(.9);
        box-shadow: 3px 3px 0 rgb(37, 122, 188, 0.3);
        /*box-shadow: 10px 10px 0 rgb(214, 28, 78, 0.3);*/
    }

    100% {
        transform: scale(1);
    }
}


.cls-1 {
    fill: #e0004d;
}

.cls-2 {
    fill: #202d5f;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(2px);
    z-index: 100000;
    text-align: center;
    padding-top: calc(50vh - 4rem);
}

    #loader .spinner-border {
        height: 8rem;
        width: 8rem;
        color: #e0004d;
    }

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 1.5s linear infinite;
    animation: spinner-border 1.5s linear infinite;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

#loader #sutherland-supergraphic-white {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 4rem;
    width: 4rem;
    position: absolute;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.text-sutherland1 {
    color: #3f235f;
}

.text-sutherland2 {
    color: #f283a1;
}

.text-sutherland3 {
    color: #17a2b8;
}