:root{font-size:14px;--hq-orange:#eb8a03;--hq-logo:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 578.71 121.78' style='enable-background:new 0 0 578.71 121.78;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23EB8A03;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='st1' d='M146.4,87.15V31.07h10.96v56.08H146.4z M154.56,63.55V53.47h33.92v10.08H154.56z M183.28,87.15v-56h10.96v56 H183.28z'/%3E%3Cpath class='st1' d='M218.96,87.15l-18.32-40h11.6l13.36,32.48l3.44,7.52H218.96z M212.88,104.11c-1.44,0-3.03-0.28-4.76-0.84 c-1.73-0.56-3.27-1.21-4.6-1.96l3.92-8.56c0.91,.48,1.75,.87,2.52,1.16c0.77,.29,1.45,.44,2.04,.44 c1.12,0,2.11-0.31,2.96-0.92c0.85-0.61,1.55-1.51,2.08-2.68l4.72-11.12l12.72-32.48h11.6l-18.16,43.44 c-1.12,2.67-2.29,5.03-3.52,7.08c-1.23,2.05-2.73,3.64-4.52,4.76S215.76,104.11,212.88,104.11z'/%3E%3Cpath class='st1' d='M319.71,87.15v-40h9.92l0.64,7.36v32.64H319.71z M346.19,66.67c0-2.72-0.31-4.83-0.92-6.32 c-0.61-1.49-1.48-2.57-2.6-3.24c-1.12-0.67-2.43-1-3.92-1c-2.72-0.05-4.81,0.77-6.28,2.48c-1.47,1.71-2.2,4.24-2.2,7.6h-3.52 c0-4.27,0.63-7.88,1.88-10.84c1.25-2.96,3.01-5.23,5.28-6.8c2.27-1.57,4.92-2.36,7.96-2.36c3.15,0,5.84,.64,8.08,1.92 s3.95,3.27,5.12,5.96c1.17,2.69,1.73,6.17,1.68,10.44v2.16H346.19z M346.19,87.15V66.67h10.56v20.48H346.19z'/%3E%3Cpath class='st1' d='M250.95,87.15v-40h9.92l0.48,5.2c1.23-2.03,2.8-3.56,4.72-4.6s4.05-1.56,6.4-1.56c3.25,0,5.99,.69,8.2,2.08 c2.21,1.39,3.83,3.52,4.84,6.4c1.17-2.72,2.83-4.81,4.96-6.28c2.13-1.47,4.61-2.2,7.44-2.2c4.69,0,8.27,1.48,10.72,4.44 c2.45,2.96,3.68,7.51,3.68,13.64v22.88h-10.56V66.67c0-2.72-0.29-4.83-0.88-6.32c-0.59-1.49-1.39-2.57-2.4-3.24 c-1.01-0.67-2.21-1-3.6-1c-2.56-0.05-4.53,0.77-5.92,2.48s-2.08,4.24-2.08,7.6v20.96h-10.56V66.67c0-2.72-0.28-4.83-0.84-6.32 c-0.56-1.49-1.36-2.57-2.4-3.24c-1.04-0.67-2.25-1-3.64-1c-2.56-0.05-4.52,0.77-5.88,2.48c-1.36,1.71-2.04,4.24-2.04,7.6v20.96 H250.95z'/%3E%3C/g%3E%3Cpath class='st1' d='M435.1,100.91l-18.87-19.11c6-5.77,9.75-13.88,9.75-22.86c0-17.51-14.2-31.71-31.71-31.71 c-17.51,0-31.71,14.2-31.71,31.71s14.2,31.71,31.71,31.71c6.57,0,12.68-2,17.74-5.43l19.36,19.51L435.1,100.91z M383.87,34.34 c3.19-1.35,6.71-2.1,10.39-2.1c14.75,0,26.7,11.96,26.7,26.7s-11.96,26.7-26.7,26.7c-14.75,0-26.7-11.96-26.7-26.7 C367.56,47.88,374.29,38.4,383.87,34.34'/%3E%3Cg%3E%3Cpath class='st1' d='M431.43,66.67V46.19h4.8v20.48H431.43z M436.23,66.67c0,4.43,.52,7.79,1.56,10.08 c1.04,2.29,2.47,3.85,4.28,4.68c1.81,.83,3.81,1.24,6,1.24c3.79,0,6.75-1.4,8.88-4.2c2.13-2.8,3.2-6.71,3.2-11.72h2.96 c0,4.27-0.61,7.92-1.84,10.96c-1.23,3.04-3.01,5.37-5.36,7c-2.35,1.63-5.25,2.44-8.72,2.44c-3.04,0-5.76-0.63-8.16-1.88 c-2.4-1.25-4.27-3.25-5.6-6c-1.33-2.75-2-6.33-2-10.76v-1.84H436.23z M460.47,86.19l-0.32-7.36V46.19h4.8v40H460.47z'/%3E%3Cpath class='st1' d='M494.23,87.15c-3.84,0-7.24-0.89-10.2-2.68s-5.28-4.25-6.96-7.4c-1.68-3.15-2.52-6.77-2.52-10.88 c0-4.11,0.83-7.73,2.48-10.88c1.65-3.15,3.93-5.61,6.84-7.4c2.91-1.79,6.23-2.68,9.96-2.68c3.79,0,7,.92,9.64,2.76 c2.64,1.84,4.65,4.37,6.04,7.6c1.39,3.23,2.08,6.95,2.08,11.16h-34.16l1.84-1.52c0,3.68,.61,6.83,1.84,9.44 c1.23,2.61,2.97,4.61,5.24,6c2.27,1.39,4.89,2.08,7.88,2.08c3.09,0,5.72-0.76,7.88-2.28c2.16-1.52,3.85-3.48,5.08-5.88l4,2.48 c-1.01,1.97-2.33,3.72-3.96,5.24c-1.63,1.52-3.53,2.71-5.72,3.56C499.32,86.72,496.9,87.15,494.23,87.15z M479.67,63.79l-2-1.44 h30.8l-2,1.52c0-2.83-0.52-5.31-1.56-7.44c-1.04-2.13-2.49-3.8-4.36-5c-1.87-1.2-4.11-1.8-6.72-1.8c-2.56,0-4.92,0.6-7.08,1.8 c-2.16,1.2-3.88,2.85-5.16,4.96C480.31,58.5,479.67,60.96,479.67,63.79z'/%3E%3Cpath class='st1' d='M533.99,87.15c-3.04,0-5.65-0.45-7.84-1.36c-2.19-0.91-3.96-2.08-5.32-3.52c-1.36-1.44-2.31-2.93-2.84-4.48 l4.32-1.6c0.91,1.97,2.36,3.56,4.36,4.76s4.15,1.8,6.44,1.8c2.83,0,5.23-0.59,7.2-1.76c1.97-1.17,2.96-2.83,2.96-4.96 c0-1.92-0.72-3.49-2.16-4.72c-1.44-1.23-3.57-2.21-6.4-2.96l-3.92-1.04c-3.57-0.96-6.33-2.36-8.28-4.2 c-1.95-1.84-2.92-3.91-2.92-6.2c0-3.68,1.21-6.55,3.64-8.6c2.43-2.05,6.09-3.08,11-3.08c2.29,0,4.36,.33,6.2,1 c1.84,.67,3.41,1.61,4.72,2.84c1.31,1.23,2.28,2.69,2.92,4.4l-4.32,1.84c-0.85-2.08-2.11-3.55-3.76-4.4 c-1.65-0.85-3.81-1.28-6.48-1.28c-2.83,0-5.05,0.6-6.68,1.8s-2.44,2.89-2.44,5.08c0,1.17,.65,2.33,1.96,3.48 c1.31,1.15,3.27,2.07,5.88,2.76l3.44,0.88c2.61,.64,4.84,1.56,6.68,2.76s3.25,2.57,4.24,4.12c0.99,1.55,1.48,3.25,1.48,5.12 c0,2.4-0.61,4.47-1.84,6.2c-1.23,1.73-2.89,3.05-5,3.96C539.12,86.69,536.71,87.15,533.99,87.15z'/%3E%3Cpath class='st1' d='M553.27,50.59v-4.4h24.64v4.4H553.27z M572.15,87.15c-3.68,0-6.56-0.97-8.64-2.92 c-2.08-1.95-3.12-4.71-3.12-8.28V33.71h4.8v42.24c0,2.13,.61,3.8,1.84,5c1.23,1.2,2.93,1.8,5.12,1.8c0.64,0,1.27-0.09,1.88-0.28 c0.61-0.19,1.51-0.68,2.68-1.48l2,4.16c-1.44,0.85-2.64,1.4-3.6,1.64C574.15,87.03,573.16,87.15,572.15,87.15z'/%3E%3C/g%3E%3C/g%3E%3Crect class='st1' width='121.78' height='121.78'/%3E%3Cpath class='st0' d='M89.25,84.58c5.36-6.41,8.59-14.67,8.59-23.69c0-20.41-16.54-36.95-36.95-36.95 c-20.41,0-36.95,16.54-36.95,36.95c0,20.41,16.54,36.95,36.95,36.95c9.12,0,17.47-3.31,23.91-8.79l32.57,32.73h4.41v-4.42 L89.25,84.58z M73.16,76.61l0.01-6.28l2.85,0l-0.02,6.28L73.16,76.61z M70.84,61.72l-0.01,6.27l-40.25-0.07 c-0.47-2.02-0.73-4.1-0.79-6.25L70.84,61.72z M29.81,59.31c0.11-2.15,0.43-4.24,0.96-6.26l40.08,0.04l-0.01,6.28L29.81,59.31z M31.22,70.29l39.61,0.04l-0.01,6.27L34,76.55C32.86,74.59,31.92,72.49,31.22,70.29z M73.18,67.99l0.01-6.27l2.86,0L76.03,68 L73.18,67.99z M76.05,59.38l-2.86,0l0.01-6.28l2.86,0L76.05,59.38z M76.08,50.76l-2.86,0l0.01-6.28l2.86,0L76.08,50.76z M70.86,50.75l-39.36-0.06c0.77-2.21,1.77-4.3,2.99-6.25l36.38,0.04L70.86,50.75z M35.53,78.92l44.39,0.05l-0.03-2.34l-0.09,0 l0.02-6.28l0.09,0L79.9,68l-0.05,0l0.06-14.9h0.03l-0.02-1.69l0.03-8.96l-0.04,0l0-0.31l-43.79-0.07 c5.68-7.47,14.67-12.3,24.78-12.3c17.19,0,31.12,13.93,31.12,31.12c0,17.19-13.93,31.12-31.12,31.12 C50.42,92.01,41.17,86.84,35.53,78.92z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

body {
    font-family: 'Figtree', sans-serif;
    min-height: 100svh !important;
}

header {
    background: #3c3c3c;
    border-bottom: 1px solid var(--hq-orange);

    position: sticky;
    top: 0;
    z-index: 200;
    grid-row: 1;

}

header H1, header H1 A {
    font-size: 2rem;
    color: var(--hq-orange)  !important;
}

.hq-logo {
    background: var(--hq-logo);
    width: 200px;
    background-repeat: no-repeat;

}

.hq-logo:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 21%;
}

.badge {
    font-size: 0.9rem;
}

.badge.badge-primary {
    background: var(--hq-orange) !important;
    font-size: 0.9rem;
    font-weight: normal;
}


A {
    color: var(--hq-orange);
}

header A:hover, footer A:hover {
    color: white !important;
}

x.filter-tags-display:empty:before {
    content: 'None Selected';
    font-size: 0.9rem;
    display: block;
    /* border: 1px solid red; */
}

div.app {
    height: 100vsh;
    min-height: 100svh;
    max-height: 100svh;

    display: grid;
    grid-template-rows: auto 1fr;
    /* gap: 0.5rem; */
}
/* 
div.app * {
    overflow: hidden;
    max-height: 100%;
    padding: 2px;
} */

.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.site section.content {
    flex-grow: 1;
}

.app section.content {
    overflow: hidden;
    max-height: 100%;
    max-height: 100svh;
}

div.filters {
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0rem;
}

div.filters form.filter-view {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    gap: 0.5rem;
}

form.filter-view {
    display: block;
    height: 100%;
}

.filter-page {
    overflow-y: scroll;
    padding-right: 5px;
    padding-left: 5px;
}

footer {
    background: #3c3c3c;
    border-top: 1px solid var(--hq-orange);
    padding: 2rem;
    color: white;

    display: grid;
    gap: 2rem;
}

footer #credits {
    line-height: 2;
}

footer #credits a {
    color: transparent;
    user-select: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.stainer-bell-logo {
    background-image: url(/images/stainerandbell-white.png);
    height: 30px;
    width: 170px;
    display: inline-block;
    vertical-align: -0.0em;
    background-size: auto 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
}

ul.menu-footer-menu {
    display: flex;
    list-style: none;
    gap: 2rem;
    justify-content: center;
    padding: 0;
    margin: 0;

    font-size: 1.1rem;
}

.app footer {
    display: none;
}


.ui-autocomplete.ui-front {
    max-height: 420px;
    overflow-y: scroll;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
}

.filter-field {
   position: relative;
}

.filter-field h3 {
    font-size: 1.2rem;
    padding: 0;
    margin: 0;    
}

.filter-field .filter-drawer {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;

    max-height: 300px;
    width: 250px;
    overflow-y: hidden;
    padding: 5px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1);

    grid-template-rows: auto 1fr auto; 
}


.filter-field .filter-options {
    max-height: 100%;
    overflow-y: auto;
    /* overflow-x: hidden; */
    padding: 10px;
}


.filter-field .filter-options label {
    display: block;
    /* width: 300px; */
}



.filter-item {
    cursor: pointer;
    opacity: 0.5;
}

.filter-item.allowed {
    opacity: 1;
}

.filter-item:hover {
    background: #f7f7f7;
}



.filter-item:focus {
    outline: 1px solid var(--hq-orange);
    outline-offset: -1px;
}

.filter-item.selected {
    /* background: white; */
    background: #fcf3eb;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}


.sidebar {
    max-height: 100%;
    overflow-y: auto;
}

.sidebar h2 {
    font-size: 1.3rem;
}

/* 
Scroll bars - always on for OSX.
NB - doesn't work in FireFox,but ok on Chrome,Edge,Safari TODO:Filter this out for Windows so only OSX */ ::-webkit-scrollbar{-webkit-appearance:none;width:7px;height:7px}::-webkit-scrollbar-thumb{min-height:50px;border-radius:10px;background-color:rgb(0 0 0 / .3);-webkit-box-shadow:0 0 1px rgb(255 255 255 / .5)}.lectionary-date-week{padding:0 5px;font-weight:600;text-align:right}.lectionary-readings{max-height:150px;overflow-y:scroll}.lectionary-readings:not(:empty){border-top:1px solid #ccc;padding:3px}.lectionary-reading{display:block;padding:5px;border-radius:5px;cursor:pointer;margin-bottom:0;margin-right:3px}.lectionary-reading INPUT{display:none}.lectionary-reading:hover{background:#f7f7f7}.lectionary-reading:has(input:checked){background:#fcf3eb;outline:1px solid var(--hq-orange);outline-offset:-1px}label[for=lec_type]{color:#7f7f7f;font-size:.8rem;margin-right:0.5rem!important}.filter-bar{max-width:100%;overflow:hidden}.filter-tags .filter-tag{overflow:hidden;display:flex}.filter-tags .filter-tag-text{text-overflow:ellipsis;flex-shrink:1;overflow:hidden}.filter-inner{display:grid;gap:0.3rem!important}.filter-inner>*{border:1px solid #bbb;border-radius:3px;max-width:100%;overflow:hidden}.filter-tags:has(input:focus),.filter-component:not(.filter-lectionary):has(input:focus){border-color:#f1caaa;outline:0;box-shadow:0 0 0 .2rem rgb(223 133 61 / .25)}.filter-tags,.filter-component{box-sizing:border-box;background:#fff;font-size:1rem;padding:.2rem .5rem}.filter-paginator{font-size:.8rem}.app-layout .tab-pane .filter-paginator UL{display:grid;grid-template-columns:repeat(11,1fr)}.app-layout .tab-pane .filter-paginator UL LI{text-align:center}.app-layout .tab-pane .filter-paginator UL LI .page-link{padding:.75em 0}.hero-section h1{font-size:clamp(30px, 10vw, 5rem)}.hero-section p{font-size:1.3rem}.account-display{overflow-y:scroll}