/******************************
   Base Template Styles
******************************/
:root {
    --color-heading: var(--color-grey--900);
    --color-border: var(--color-grey--300);
    
    --color-background: var(--color-taupe--100);
    --color-text: var(--color-grey--700);
    
    --color-alert-background: var(--color-cyan--700);
    --color-alert-text: var(--color-white);
        
}

/******************************
   Cloudflare Login
******************************/
#turnstile-box {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition: all 0.3s ease 0s;
}
#turnstile-box > div {
    position: absolute;
    top:40%;
    left:40%;

    display: flex;
    flex-direction: column;

}

/******************************
   Bootstrap Overrides
******************************/
.btn {
    border-radius: var(--radius-base);
}
.jbdev input.error, .jbdev textarea.error {
    background-color: #FCC !important;
    cursor: help;
}
.jbdev .hide {
    display: none;
}
#main_side_content {
    margin-top: 50px;
}
.notreq {

    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
   
}

/******************************
   Modal Style Tweaks
******************************/
#printable-modal-area ul {
    list-style: bullet;
}
#printable-modal-area li {
    margin:1.5em;
}

/******************************
   Modal Print
******************************/
@media print {
    /* 1. Hide every single element on the page */
    body * {
        visibility: hidden;
    }
    
    /* 2. Un-hide the specific modal content area and its children */
    #printable-modal-area, 
    #printable-modal-area * {
        visibility: visible;
    }
    .not-visible {
        display: none !important;
    }
   
    /* 3. Force the printable area to render perfectly at the top-left of the page */
    #printable-modal-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}