﻿
.color1 {
    color: #45beff;
}

.color2 {
    color: #1d597a;
}

html, body {
    overflow-x: hidden;
}

.spacer {
    height: 80pt;
}

@keyframes FadeInAnim {
    0% {
        background-color: rgb(255, 255, 255);
        margin-right: -20px;
    }

    100% {
        background-color: rgba(255, 255, 255, 0);
        /* transform: translateX(0); */
        margin-right: 0pt;
    }
}

.bgcat {
    height: 100%;
    background-image: url(/img/catlaydowngreybig.webp);
    background-size: cover;
    background-position: 50% 50%;
    background-blend-mode: lighten;
    animation: FadeInAnim 1.5s ease 0s 1 normal forwards;
}

.faqentry {
    border-width: var(--bulma-control-border-width);
    border-width: 1pt;
    border-style: solid;
    border-color: var(--bulma-text-80);
    overflow: hidden;
    border-left: none;
    border-right: none;
    border-bottom: 0;
    margin-bottom: 30pt;
}

    .faqentry .faqtitle {
        border-width: var(--bulma-control-border-width);
        border-width: 1pt;
        border-style: solid;
        border-color: var(--bulma-text-80);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

.faqtitle p, i {
    display: flex;
    align-items: center;
    padding: 10pt;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.faqentry .grip {
    margin: auto;
    margin-top: 2pt;
    border-width: var(--bulma-control-border-width);
    border-style: solid;
    border-bottom-left-radius: var(--bulma-radius);
    border-bottom-right-radius: var(--bulma-radius);
    border-color: var(--bulma-text-80);
    border-top: 0;
    display: flex;
    justify-content: center;
    width: 90%;
}

.grip:after {
    font: var(--fa-font-solid);
    content: '\f107';
    font-size: xx-large;
}

.faqentry .faqanswer {
    display: block;
    padding: 0pt 10pt;
    margin: 0 !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.5s ease-out;
}

.faqanswer.open {
    max-height: 1000pt;
    padding: 10pt 10pt;
}


