@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

.caveat {
    font-family: 'Caveat', cursive;
}

.grid-button div {
    background-image: linear-gradient(#ff9900,#ff0000);
}
.grid-button-layertwo div {
    background-image: linear-gradient(#99cc00,#999900);
}
.grid-button-layerthree div {
    background-image: linear-gradient(#af4c94,#fb6cd4);
}
.personabar-visible .shadow-on-admin {
    -webkit-box-shadow: 0 0 1px 1px #4AFFED;
box-shadow: 0 0 1px 1px #4AFFED;
}
.sc-menu {
    -moz-transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}
.personabar-visible .space-on-admin {
    padding: 15px 0;
    margin: 15px 0;
    border-top: 1px dashed #ff9900;
    border-bottom: 1px dashed #ff9900;
}

.show-on-admin { display: none;}
.personabar-visible .show-on-admin { display: block; color: #ff9900}
.personabar-visible .stripe-on-admin {
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}

main.container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.logos img { margin: 7px; }

header .app-snippetinject3-edit {
    display: none;
}
header .header-links {
    font-size: 16pt;
    font-weight: bold;
}

.fancybox__container {
    z-index: 9999 !important;
}

@media (min-width: 768px) {
    blockquote {
        margin: 60px 80px 40px 80px;
        position: relative;
    }
    blockquote::before,
    blockquote::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900; /* Solid icons */
        position: absolute;
        font-size: 2rem;
        color: #ccc;
        line-height: 1;
    }
    blockquote::before {
        content: "\f10d"; /* fa-quote-left */
        top: 0;
        left: 0;
    }
    blockquote::after {
        content: "\f10e"; /* fa-quote-right */
        top: 0;
        right: 0;
    }
    blockquote cite {
        font-size: 12pt;
        font-family: Arial; 
    }
}
@media (min-width: 992px) {
    blockquote {
        margin: 60px 180px 20px 180px;
        position: relative;
    }
}

.btn-xl, .btn-group-xl>.btn {
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-font-size: 1.5rem;
    --bs-btn-border-radius: 0.75rem;
}