@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Cinzel';
    src: url('/fonts/Cinzel-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/fonts/Cinzel-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/fonts/Cinzel-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cinzel Decorative';
    src: url('/fonts/CinzelDecorative-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

h1,h2,h3,h4 {font-family: 'Cinzel', serif; letter-spacing: 1px;}

.form-control, .form-select, input, textarea, select,
.quill-editor, .ql-editor, .ql-toolbar {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  text-transform: none !important;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  }

body {
  font-family: 'Cinzel', serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
 
.mail-list:nth-child(odd){ background-color: rgba(130, 130, 130, 0.20); border-radius: 5px;}


.formAlert { font-weight:bold;  color:#B00; }
  
.black-widow {font-family:Rajdhani; font-weight: 300;} 



.text-red { color:#964446; }
.text-green { color:#365105; }
.text-blue {color: #5a748c;}
.text-grey {color: #3d4047;}
.text-yellow {color: #f7ec0e;}
.text-black {color: #000000;}

.btn-font-16 {font-family: Rajdhani; font-size: 16px;}
.btn-font-18 {font-family: Rajdhani; font-size: 18px;}

.btn-monks {color: #fff;
background-color: #871e21;
border-color: #000; }


.btn-monks:hover {color: #fff;
background-color: #6c181a;
border-color: #871e21;}

.btn-grace {color: #fff;
background-color: #964446;
border-color: #8b3f41; }


.btn-grace:hover {color: #fff;
background-color: #b37778;
border-color: #871e21;}



.btn-grey {color: #fff;
background-color: #616671;
border-color: #000; }


.btn-grey:hover {color: #fff;
background-color: #6e7380;
border-color: #3d4047;}




.panel-events {
  border-color: #4b6833;
}
.panel-events > .card-header {
  color: #fff;
  background-color: #3d4047;
  border-color: #4b6833;
}
.panel-events > .card-header + .collapse > .card-body {
  border-top-color: #4b6833;
}
.panel-events > .card-header .badge {
  color: #4b6833;
  background-color: #ffffff;
}
.panel-events > .card-footer + .collapse > .card-body {
  border-bottom-color: #4b6833;
}




.panel-draft {
  border-color: #833e3a;
}
.panel-draft > .card-header {
  color: #fff;
  background-color: #964446;
  border-color: #833e3a;
}
.panel-draft > .card-header + .collapse > .card-body {
  border-top-color: #833e3a;
}
.panel-draft > .card-header .badge {
  color: #833e3a;
  background-color: #fff;
}
.panel-draft > .card-footer + .collapse > .card-body {
  border-bottom-color: #833e3a;
}


.panel-email {
  border-color: #41677d;
}
.panel-email > .card-header {
  color: #fff;
  background-color: #41677d;
  border-color: #41677d;
}
.panel-email > .card-header + .collapse > .card-body {
  border-top-color: #41677d;
}
.panel-email > .card-header .badge {
  color: #41677d;
  background-color: #fff;
}
.panel-email > .card-footer + .collapse > .card-body {
  border-bottom-color: #41677d;
}


.panel-text {
  border-color: #65665e;
}
.panel-text > .card-header {
  color: #fff;
  background-color: #65665e;
  border-color: #65665e;
}
.panel-text > .card-header + .collapse > .card-body {
  border-top-color: #65665e;
}
.panel-text > .card-header .badge {
  color: #65665e;
  background-color: #fff;
}
.panel-text > .card-footer + .collapse > .card-body {
  border-bottom-color: #65665e;
}


.panel-alerts {
  border-color: #833e3a;
}
.panel-alerts > .card-header {
  color: #fff;
  background-color: #913a3f;
  border-color: #833e3a;
}
.panel-alerts > .card-header + .collapse > .card-body {
  border-top-color: #833e3a;
}
.panel-alerts > .card-header .badge {
  color: #833e3a;
  background-color: #fff;
}
.panel-alerts > .card-footer + .collapse > .card-body {
  border-bottom-color: #833e3a;
}


.panel-alerts-content {
  border-color: #833e3a;
}
.panel-alerts-content > .card-header {
  color: #fff;
  background-color: #d20612;
  border-color: #833e3a;
}
.panel-alerts-content > .card-header + .collapse > .card-body {
  border-top-color: #833e3a;
}
.panel-alerts-content > .card-header .badge {
  color: #833e3a;
  background-color: #fff;
}
.panel-alerts-content > .card-footer + .collapse > .card-body {
  border-bottom-color: #833e3a;
}

/* Sidebar nav */
#sidebar li {
    margin-bottom: 8px;
}
#sidebar li a {
    color: #333;
    text-decoration: none;
    font-size: 18px;
    display: block;
    padding: 4px 0;
}
#sidebar li a:hover {
    color: #964446;
}

#table{
    display: table;
    border-style: solid;
}
.tr-header{ 
    display: table-row;
    background-color: #B0B0B0;
}
.tr{ 
    display: table-row;
}
.td{
    display: table-cell;
    padding-right: 10px;
    padding-left: 10px;
    border-left-style: solid;
    text-align: left;
}

.repeating-event {
  background-color: #cce5ff !important;
  border-color: #99cfff !important;
  color: black;
}

.cancelled-event {
    text-decoration: line-through !important;
    text-decoration-thickness: 2px !important;
    text-decoration-style: solid !important;
    opacity: 0.5;
    background-color: #ccc !important;
    border-color: #999 !important;
    color: #555 !important;
}

/* Zombie Sparks — Aug 13 hover easter egg */
td.fc-daygrid-day[data-date$="-08-13"] {
  position: relative;
}
td.fc-daygrid-day[data-date$="-08-13"]:hover .zombie-sparks-hover {
  display: block;
}
.zombie-sparks-hover {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  pointer-events: none;
}
.zombie-sparks-hover img {
  width: 300px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

/* Sparks peekaboo on "Menu" */
.sparks-menu-grid {
    display: inline-grid;
    grid-template-rows: 0px auto;
    grid-template-columns: auto auto;
    cursor: pointer;
}
.sparks-contain {
    float: right;
    position: absolute;
    clip: rect(-100px, 100px, 0px, -100px);
    z-index: 9999;
}
.sparks-slide {
    position: relative;
    transform: translateY(300%);
}
.sparks-slide img {
    min-width: 80px;
    max-width: 80px;
}
.sparks-slide.sparks-active {
    animation: sparks-slidey 4s linear 1 normal forwards;
}
@keyframes sparks-slidey {
    0%   { transform: translateY(300%); }
    15%  { transform: translateY(0%); }
    25%  { transform: translateY(-10%); }
    35%  { transform: translateY(-20%); }
    45%  { transform: translateY(-30%); }
    55%  { transform: translateY(-45%); }
    65%  { transform: translateY(-45%); }
    75%  { transform: translateY(-45%); }
    100% { transform: translateY(300%); }
}

@media screen and (max-height: 400px) {
    #sparks {
        display: none;
    }
}

#sparks {
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9999;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
}

#sparks.sparks-visible {
  opacity: 1;
}