/*
** Oakland Volunteer Fire Company - oaklandfire6.com
**   Theme v2
**   v2.0.5
*/
@charset "utf-8";
@viewport{width:device-width;zoom:1.0}
@-ms-viewport{width:device-width}
@keyframes slide-in {0% {top:-50px}40% {top:20px}70% {top:10px}100% {top:15px}}
@keyframes clipPath {0% {opacity:0}100%{transform:rotateX(0deg)scale(1);top:4.5em;opacity:1}}
@keyframes fadeIn {from {opacity:0} to {opacity:1}}
@keyframes fadeOut {from {opacity:1} to {opacity:0}}
@keyframes glowing{0%,100%{background-color:#44ea12;border:1px solid #770909;box-shadow:0 0 5px #44ea12}50%{background-color:#e81919;border:1px solid #2e711a;box-shadow:0 0 5px #e81919}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
@keyframes item-reveal{0%{opacity:0;translate:var(--x,0) var(--y,0)}}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@font-face{font-family:Aachen;font-style:normal;font-weight:400;font-display:swap;src:url("https://oaklandfire6.com/css/fonts/aachen.woff2?v=1.0") format("woff2"),url("https://oaklandfire6.com/css/fonts/aachen.woff?v=1.0") format("woff")}.aachen-font{font-family:Aachen}
@supports (color:light-dark(black, white)) {
    :root {
        color-scheme:light dark;
        --ld-body-color: light-dark(#4f0000, #ECECED);
        --ld-body-background: light-dark(#E7F1F9, #4f0000);
        --ld-primary-color: light-dark(#4F0000, #FFF);
        --ld-primary-background: light-dark(#DADCF2, #4C0A0A);
        --ld-secondary-color: light-dark(#0E0E47, #E6E6E6);
        --ld-secondary-background: light-dark(#D2E7F5, #5F0000);
        --ld-tertiary-color: light-dark(#312EFF, #C0E0F7);
        --ld-tertiary-background:light-dark(#a8bed5f0, #292a2bF0);
        --ld-bubbles-color: light-dark(#600, whitesmoke);
        --ld-bubbles-background: light-dark(#BBD2EEAA, #640F0FAA);
        --ld-link-color:light-dark(#2927A2,#C0E0F7);
        --ld-link-hover:light-dark(#0F0E47,#D0E0FA);
        --ld-link-shadows: light-dark(#e2e7f5,#CF0000);
        --ld-alt-link-color:light-dark(#5f0000,#C4E4FF);
        --ld-alt-link-hover:light-dark(#0F0E47,#D0E0FA);
        --ld-alt-link-shadows: light-dark(#e2e7f5,#CF0000);
        --ld-svg-spinner-one:light-dark(#d2e7f5,#5f0000);
        --ld-svg-spinner-two:light-dark(#c0e0f7,#7f0000);
        --ld-nav-item-color:light-dark(#820e0e,#c0e0f7);
        --ld-nav-menu-background:light-dark(#a8bed5f0,#292a2bF0);
    }
}
@supports not (color:light-dark(black, white)) {
    :root {
        --ld-body-color:#ECECED;
        --ld-body-background:#4f0000;
        --ld-primary-color:#FFF;
        --ld-primary-background:#4C0A0A;
        --ld-secondary-color:#E6E6E6;
        --ld-secondary-background:#5F0000;
        --ld-tertiary-color:#C0E0F7;
        --ld-tertiary-background:#5F0000;
        --ld-bubbles-color:whitesmoke;
        --ld-bubbles-background:#640f0fAA;
        --ld-link-color:#C0E0F7;
        --ld-link-hover:#D0E0FA;
        --ld-link-shadows:#CF0000;
        --ld-alt-link-color:#C4E4FF;
        --ld-alt-link-hover:#D0E0FA;
        --ld-alt-link-shadows:#CF0000;
        --ld-svg-spinner-one:#5f0000;
        --ld-svg-spinner-two:#7f0000;
        --ld-nav-item-color:#c0e0f7;
        --ld-nav-menu-background:#292a2bF0;
    }
}
:root {--menu-width:37.5em;--item-width:calc(var(--menu-width)/var(--items));--gutter:1rem;--expanded: 16.875rem;--item: 2.25rem;--col-left:1fr;--col-mid:1fr;--col-right:1fr}

/* normalize.css v8.0.1-custom | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%;width:100%;height:100%}body{width:100%;height:100%;margin:0;padding:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}input,optgroup,select,textarea{font-family:inherit;width:100%;font-size:100%;line-height:1.15;margin:0;border:1px solid #000;background-color:var(--ld-primary-background);color:var(--ld-primary-color);}button{font-family:inherit;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}section{padding:.35em .75em .625em;border:0}h2{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Tabler Icons 3.35.0-custom | MIT License | https://tabler-icons.io */
@font-face{font-family:"tabler-icons";font-style:normal;font-weight:400;font-display:swap;src:url("https://oaklandfire6.com/css/fonts/tabler-icons.woff2?v3.35.0g") format("woff2"),url("https://oaklandfire6.com/css/fonts/tabler-icons.woff?v3.35.0g") format("woff")}.ti{font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-alarm-smoke:before{content:"\100b6"}.ti-arrow-down-circle:before{content:"\ea11"}.ti-arrow-down-circle-filled:before{content:"\1003b"}.ti-arrow-left-circle:before{content:"\ea18"}.ti-arrow-left-circle-filled:before{content:"\10037"}.ti-arrow-right-circle:before{content:"\ea1e"}.ti-arrow-right-circle-filled:before{content:"\10030"}.ti-arrow-up-circle:before{content:"\ea20"}.ti-arrow-up-circle-filled:before{content:"\1002d"}.ti-arrows-minimize:before{content:"\ea29"}.ti-box-model-2:before{content:"\ef23"}.ti-brand-amazon:before{content:"\f230"}.ti-brand-facebook:before{content:"\ec1a"}.ti-brand-facebook-filled:before{content:"\f7e6"}.ti-brand-squareup-filled:before{content:"\ea02"}.ti-brand-twitter:before{content:"\ec27"}.ti-brand-twitter-filled:before{content:"\f7eb"}.ti-brand-youtube:before{content:"\ec90"}.ti-brand-youtube-filled:before{content:"\fc22"}.ti-building-arch:before{content:"\ea49"}.ti-building-community:before{content:"\ebf6"}.ti-calendar-event:before{content:"\ea52"}.ti-calendar-event-filled:before{content:"\100b9"}.ti-cash:before{content:"\ea55"}.ti-certificate:before{content:"\ed76"}.ti-check:before{content:"\ea5e"}.ti-clipboard-list:before{content:"\ea6d"}.ti-clipboard-list-filled:before{content:"\100ea"}.ti-confetti:before{content:"\ee46"}.ti-confetti-filled:before{content:"\10185"}.ti-cross:before{content:"\ef8f"}.ti-cross-filled:before{content:"\f675"}.ti-exclamation-mark:before{content:"\efb4"}.ti-firetruck:before{content:"\ebe8"}.ti-flame:before{content:"\ec2c"}.ti-flame-filled:before{content:"\100c6"}.ti-florian-seven-filled:before{content:"\ea01"}.ti-florian-six-filled:before{content:"\ea00"}.ti-forms:before{content:"\ee8f"}.ti-history:before{content:"\ebea"}.ti-info-circle:before{content:"\eac5"}.ti-info-circle-filled:before{content:"\f6d8"}.ti-layout-navbar-collapse:before{content:"\f28d"}.ti-layout-navbar-collapse-filled:before{content:"\fc38"}.ti-layout-navbar-expand:before{content:"\f28e"}.ti-layout-navbar-expand-filled:before{content:"\fc39"}.ti-link:before{content:"\eade"}.ti-list-details:before{content:"\ef40"}.ti-mail:before{content:"\eae5"}.ti-mail-filled:before{content:"\fa47"}.ti-map-2:before{content:"\eae7"}.ti-menu-2:before{content:"\ec42"}.ti-pumpkin-scary:before{content:"\f587"}.ti-receipt:before{content:"\edfd"}.ti-receipt-filled:before{content:"\ff06"}.ti-refresh:before{content:"\eb13"}.ti-sleigh:before{content:"\ef9c"}.ti-sun-moon:before{content:"\f4a3"}.ti-transparency-filled:before{content:"\ea04"}.ti-turkey:before{content:"\ea03"}.ti-user-plus:before{content:"\eb4b"}.ti-users-group:before{content:"\fa21"}.ti-x:before{content:"\eb55"}.ti-icons-16{font-size:16px}.ti-icons-22{font-size:22px}

/* jQueryUI Minified Custom */
.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}body .ui-tooltip{border-width:2px}.form-section{width:90%;height:75px;border:0}.form-section label{float:left;width:125px;text-align:right;display:block;padding:.8em .5em .5em 0;font-weight:700}.form-section div{float:left;width:calc(100% - 150px)}.form-section div input{width:90%;border:1px solid #fff;padding:.7em}.form-section div span{font-size:10px;display:block}.two-column-split{display:grid;grid-template-columns:repeat(2,1fr)}.three-column-split{display:grid;grid-template-columns:repeat(3,1fr)}.four-column-split{display:grid;grid-template-columns:repeat(4,1fr)}.screen-too-small{display:none}.ui-widget .ui-widget{font-size:1em}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #292a2b;font-weight:400;background-color:var(--ld-primary-background);color:var(--ld-primary-color);}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #b5b5b5;font-weight:400;background-color:var(--ld-primary-background);color:var(--ld-primary-color);}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#fff;text-decoration:none}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #000;font-weight:700;background-color:var(--ld-body-background);color:var(--ld-body-color);}.ui-state-checked{border:1px solid #292a2b;background:#dbdbdb}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.ui-state-error{height:fit-content;padding:0 5px;display:none;border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-success{height:fit-content;padding:0 5px;display:none;border:1px solid #023100;background:#cfead9;color:#023100}

/* Tooltip Models */
[data-tooltip-bottom]:hover,[data-tooltip-left]:hover,[data-tooltip-right]:hover,[data-tooltip-top]:hover{position:relative}[data-tooltip-bottom]:hover::after,[data-tooltip-left]:hover::after,[data-tooltip-right]:hover::after,[data-tooltip-top]:hover::after{all:initial;display:inline-block;width:0;height:0;border-left:10px solid #fff0;border-right:10px solid #fff0;border-top:10px solid #1a1a1a;position:absolute;bottom:100%;content:"";left:50%;transform:translate(-50%,0);margin-bottom:5px}[data-tooltip-right]:hover::after{margin-bottom:0;bottom:auto;transform:rotate(90deg) translate(0,-50%);left:100%;top:50%;margin-left:-5px;margin-top:-5px}[data-tooltip-left]:hover::after{margin-bottom:0;bottom:auto;transform:rotate(-90deg) translate(0,-50%);left:auto;right:100%;top:50%;margin-right:-5px;margin-top:-5px}[data-tooltip-bottom]:hover::after{margin-bottom:0;bottom:auto;transform:rotate(180deg) translate(-50%,0);top:100%;margin-left:-20px;margin-top:5px}[data-tooltip-bottom]:hover::before,[data-tooltip-left]:hover::before,[data-tooltip-right]:hover::before,[data-tooltip-top]:hover::before{all:initial;font-family:Arial,Helvetica,sans-serif;display:inline-block;border-radius:5px;padding:7px;background-color:#252626;content:attr(data-tooltip-top);color:whitesmoke;position:absolute;bottom:100%;width:fit-content;left:50%;transform:translate(-50%,0);margin-bottom:15px;text-align:center;font-size:14px;white-space:nowrap;border:1px solid #1a1a1a}[data-tooltip-right]:hover::before{margin-bottom:0;bottom:auto;transform:translate(0,-50%);left:100%;top:50%;content:attr(data-tooltip-right);margin-left:15px}[data-tooltip-left]:hover::before{margin-bottom:0;bottom:auto;transform:translate(0,-50%);left:auto;right:100%;top:50%;content:attr(data-tooltip-left);margin-right:15px}[data-tooltip-bottom]:hover::before{margin-bottom:0;bottom:auto;top:100%;content:attr(data-tooltip-bottom);margin-top:15px}

/* Core defaults */
body {background-color:var(--ld-body-background);color:var(--ld-body-color);width:100%;margin:0;padding:0;font-size:1em;line-height:1.25em;font-family:"Open Sans",sans-serif}a, a:link, a:link, a:visited {color:var(--ld-link-color)}a:hover {color:var(--ld-link-hover);text-shadow:1px 1px 6px var(--ld-link-shadows)}p,h1{text-wrap:balance;text-wrap-style:balance}.centered {width:100%;margin-right:auto;margin-left:auto;text-align:center}h1{font-size:1.25em;text-align:center;margin-bottom:50px;grid-area:main-title}h2{font-size:1em}
[role="button"]:focus{padding:0}img {border:0}input:invalid{border:1px dotted red}input:valid{border:1px solid green}[contenteditable="true"]:focus,button:focus,input:focus,select:focus,textarea:focus {outline: 0}

/* Header Area */
.container {width:100%;max-width:1430px;margin:auto;display:grid;grid-template-columns:1fr;grid-template-rows:125px 1fr 40px;gap:0;grid-template-areas:"desktop-header" "content-body" "footer"}
.container .header {display:grid;grid-template-columns:minmax(40px,125px) minmax(180px, 1fr) minmax(40px,125px);grid-template-rows:75px 30px 30px;gap:0;grid-template-areas:"logo-left navigation logo-right" "logo-left icons-row logo-right" "logo-left info-row logo-right";grid-area:desktop-header;margin-top:10px}
.container .header .logo-left { grid-area: logo-left; }
.container .header .logo-right { grid-area: logo-right; }
.container .header .logo-left img, .container .header .logo-right img{width:100%;height:auto}
.container .header .navigation {grid-area:navigation;position:relative;top:20px;right:0;font-size:14px;z-index:150;height:50px}
.container .header .navigation .nav-desktop{width:95%;transform-style:preserve-3d;justify-content:space-evenly;position:relative;z-index:2;margin:0 auto;perspective:2000px;flex-wrap:wrap;font-family:"Archivo Narrow",sans-serif;display:flex;height:40px;align-items:center;border-radius:25px;background-color:var(--ld-secondary-background)}.container .header .navigation .nav-desktop .menu-item{color:var(--ld-primary-color);transform-style:preserve-3d;flex-grow:1;display:flex;box-sizing:border-box;justify-content:center;perspective:200px;letter-spacing:1px;min-height:50px;padding-top:3px}.container .header .navigation .nav-desktop .menu-text,.container .header .navigation .nav-desktop .menu-text a,.container .header .navigation .nav-desktop .menu-text span{cursor:pointer;font-size:16px;color:var(--ld-alt-link-color);text-decoration:none;text-shadow:0 1px 5px rgb(0 0 0 / .1);transition:color 0.1s ease-out;text-align:center;text-transform:uppercase;padding:5px 10px;vertical-align:middle}.container .header .navigation .nav-desktop .menu-item .nav-active a,.container .header .navigation .nav-desktop .menu-text a:hover,.container .header .navigation .nav-desktop .menu-item .nav-active span,.container .header .navigation .nav-desktop .menu-text span:hover{color:#292a2b;text-shadow:1px 1px 1px #292a2b;background-color:whitesmoke;border-radius:25px;text-decoration:none}.container .header .navigation .nav-desktop #sub-menu-container{position:absolute;z-index:-1;min-width:100%;top:2.5em;width:100%}.container .header .navigation .nav-desktop .menu-item .sub-menu{background-color:var(--ld-nav-menu-background);position:absolute;top:45px;border:1px solid #c4e4ff;border-top-width:1.5px;border-radius:10px;pointer-events:none;box-sizing:border-box;width:max-content;z-index:999;margin-left:-5em;clip-path:inset(0 10em 10em 15em);opacity:0;font-weight:400;padding:.75em 1.4em .75em .75em;transition:0.25s ease-out,opacity 0.25s ease-in,margin-left 0.25s ease-out,clip-path 0.15s ease-out}.container .header .navigation .nav-desktop .menu-item .sub-menu.double{min-width:fit-content;height:fit-content;display:grid;grid-template-columns:50% 50%;gap:5px;grid-template-areas:"left-sub-nav right-sub-nav"}.container .header .navigation .nav-desktop .menu-item .sub-menu.double .left-sub-nav{grid-area:left-sub-nav;width:max-content}.container .header .navigation .nav-desktop .menu-item .sub-menu.double .right-sub-nav{grid-area:right-sub-nav;width:max-content}.container .header .navigation .nav-desktop .menu-item .sub-menu.triple{min-width:41.25em;height:fit-content;display:grid;grid-template-columns:33% 34% 33%;gap:5px;grid-template-areas:"left-sub-nav middle-sub-nav right-sub-nav"}.container .header .navigation .nav-desktop .menu-item .sub-menu.triple .left-sub-nav{grid-area:left-sub-nav}.container .header .navigation .nav-desktop .menu-item .sub-menu.triple .middle-sub-nav{grid-area:middle-sub-nav}.container .header .navigation .nav-desktop .menu-item .sub-menu.triple .right-sub-nav{grid-area:right-sub-nav}.container .header .navigation .nav-desktop .menu-item:hover .sub-menu,.container .header .navigation .nav-desktop .menu-item:focus-within .sub-menu{pointer-events:all;clip-path:inset(0 0 0 0);opacity:1;margin-left:0}.container .header .navigation .nav-desktop .menu-item .sub-nav-title{text-align:center;width:90%;padding-bottom:10px}.container .header .navigation .nav-desktop .menu-text:after{transition:bottom 0.25s ease-out,opacity 10ms ease-out 10ms;opacity:0;content:"";position:absolute;pointer-events:none;left:calc(50% - 10px);border-color:#fff0 #fff0 #fff;border-width:10px;border-style:solid}.container .header .navigation .nav-desktop .menu-item:hover .menu-text:after,.container .header .navigation .nav-desktop .menu-item:focus-within .menu-text:after{bottom:.3em;opacity:1;transition:bottom 0.25s ease-out,opacity 10ms ease-out 0.15s}.container .header .navigation .nav-desktop .menu-item .sub-menu .item-box{width:100%;margin-bottom:10px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:16px 16px;gap:0;grid-template-areas:"icon title" "icon desc";text-decoration:none;color:var(--ld-nav-item-color)}.container .header .navigation .nav-desktop .menu-item .sub-menu .item-box:hover{color:var(--ld-nav-item-color);}.container .header .navigation .nav-desktop .menu-item .item-box *{transition:0.1s ease-out;position:relative}.container .header .navigation .nav-desktop .menu-item .item-box.space{margin-bottom:1.25em}.container .header .navigation .nav-desktop .menu-item .item-box.flat{height:1.5em;margin-bottom:.5em}.container .header .navigation .nav-desktop .menu-item .icon,.container .header .navigation .nav-desktop .menu-item .text{float:left;color:light-dark(#3e0808,#fff)}.container .header .navigation .nav-desktop .menu-item .sub-menu .item-box .icon{font-size:1.5em;margin:0 1em 0 0;font-family:"tabler-icons";grid-area:icon;align-content:center;text-align:center}.container .header .navigation .nav-desktop .menu-item .sub-menu .item-box .title{font-weight:500;color:light-dark(#3e0808,#fff);margin:0 0 .25em;grid-area:title}.container .header .navigation .nav-desktop .menu-item .sub-menu .item-box .desc{grid-area:desc}.container .header .navigation .nav-desktop .menu-item .icon-box .text span{clip-path:inset(0 100% 0 0);font-size:.75em;position:relative;top:-1px}.container .header .navigation .nav-desktop .icon-box.gb .icon span:before{background:linear-gradient(45deg,#0c86ef,#0cef9b);-webkit-text-fill-color:#fff0;-webkit-background-clip:text;padding-left:1px}.container .header .navigation .nav-desktop .menu-item .icon-box:hover .text i{clip-path:inset(0 0 0 0);transition:clip-path 0.1s ease-out}.container .header .navigation .nav-desktop .menu-item .icon-box:hover .icon,.container .header .navigation .nav-desktop .menu-item .icon-box:hover .sub-text,.container .header .navigation .nav-desktop .menu-item .icon-box:hover .title{color:#fd7777}.container .header .navigation .nav-desktop #sub-menu-bottom{background:#d4e3ea70;position:absolute;bottom:0;opacity:0;transition:0.25s ease-out,height 0.1s ease-out;left:0;width:100%;height:5em}.container .header .navigation .nav-desktop .bottom-container{grid-area:4/-3/4/3;padding-top:1.5em;color:#3a5260;font-weight:500}.container .header .navigation .nav-desktop .top-container{grid-area:1/-3/1/3;margin:0 0 2em}.container .header .navigation .nav-desktop .bottom-container a{float:right;background:linear-gradient(90deg,#8ea4b166,#a3b5bf6b);padding:.5em 1em;border-radius:100px;position:absolute;color:#2c4655bf;font-weight:700;text-decoration:none;right:1.5em;bottom:1.5em}.container .header .navigation .nav-desktop .bottom-container a:hover{background:linear-gradient(90deg,#8ea4b136,#a3b5bf33)}.container .header .navigation .nav-desktop .sub-menu h3{font-size:1em;text-transform:uppercase;letter-spacing:.5px;color:rgb(44 70 86 / 68%);margin:.75em 0}.container .header .navigation .nav-desktop .sub-menu .box a{width:100%;float:left;font-size:1em;line-height:1.75em;color:#7a8a94;text-decoration:none}.container .header .navigation .nav-desktop .sub-menu .box a:hover{color:#2c4656}.container .header .navigation .nav-desktop .box{margin:0 0 3em}.container .header .navigation .nav-desktop .icon.big i{font-size:1.25em;top:.2em}.container .header .navigation .nav-desktop #info-box{position:absolute;bottom:2em;right:2em}.container .header .navigation .nav-desktop #info-box ul{list-style:none}.container .header .navigation .nav-desktop #info-box a{color:#fff;text-decoration:none;text-align:right;padding:.5em 0;transition:0.1s ease-out;display:block;text-transform:uppercase;font-size:1.25em;font-weight:900;letter-spacing:1px}.container .header .navigation .nav-desktop #info-box a:hover{color:rgb(255 255 255 / .5)}.container .header .navigation .nav-desktop .menu-item .sub-menu .nav-active{text-shadow:#fd7777 0 0 5px}
.container .header .navigation .nav-mobile {display:none;}
.container .header .icons-row{display:inline-flex;justify-content:center;grid-area:icons-row}
.container .header .icons-row a{text-decoration:none;padding:0 10px;color:var(--ld-link-color)}
.container .header .icons-row a:hover{text-decoration:none;padding:0 10px;color:var(--ld-link-hover);text-shadow:1px 1px 6px }
.container .header .info-row{display:grid;grid-template-columns:auto 180px;grid-template-rows:1fr;gap:0;grid-template-areas:"breadcrumbs fire-risk";grid-area:info-row}
.container .header .info-row .breadcrumbs{grid-area:breadcrumbs;z-index:100;display:inline-flex;background-color:var(--ld-secondary-background);border-radius:25px;height:20px;width:fit-content;padding:0 10px}
.container .header .info-row a,.container .header .info-row a:link,.container .header .info-row a:visited{text-decoration:none;display:inline-flex;font-size:12px;color:var(--ld-link-color)}
.container .header .info-row a:hover{color:var(--ld-link-hover);text-shadow:1px 1px 6px var(--ld-text-shadows)}
.container .header .info-row .middle-icons{grid-area:middle-icons;text-align:center}
.container .header .info-row .middle-icons a{text-decoration:none}
.container .header .info-row .fire-risk{grid-area:fire-risk;z-index:100;display:inline-flex;background-color:var(--ld-secondary-background);border-radius:25px;height:20px;width:fit-content;padding:0 10px}.container .header .info-row .fire-risk a{text-decoration:none;display:inline-flex;font-size:12px}.container .header .info-row .fire-risk .status,.fire-risk-status{background:var(--hazard-color);color:var(--font-color);font-weight:700;padding:2px 10px;cursor:pointer;height:16px;display:inline-flex;vertical-align:middle;margin-top:0;line-height:16px;border-radius:10px}

/* Middle Content Area and Content Views */
.container .content-body {grid-area: content-body;margin-top:10px;min-height:fit-content;padding:0;overflow:visible}
.container .content-body .main-title p {line-height:1em}
.container .content-body .main-title p:last-of-type {margin-bottom:2.5em;}
    /* Two-Column Content w/ Page Title */
    .container .content-body.two-col-content{display:grid;grid-template-columns:var(--col-left) var(--col-right);grid-template-rows:auto 1fr;gap:5px 5px;grid-template-areas:"main-title main-title" "col-left col-right"}
    .container .content-body.two-col-content .main-title {grid-area:main-title;}
    .container .content-body.two-col-content .col-left { grid-area: col-left; }
    .container .content-body.two-col-content .col-right { grid-area: col-right; }
    /* Two-Column Content w/ Page Title and Wide Bottom */
    .container .content-body.two-col-content-bottom{display:grid;grid-template-columns:var(--col-left) var(--col-right);grid-template-rows:auto 1fr auto;gap:5px 5px;grid-template-areas:"main-title main-title" "col-left col-right" "bottom-content bottom-content"}
    .container .content-body.two-col-content-bottom .main-title { grid-area: main-title; }
    .container .content-body.two-col-content-bottom .col-left { grid-area: col-left; }
    .container .content-body.two-col-content-bottom .col-right { grid-area: col-right; }
    .container .content-body.two-col-content-bottom .bottom-content { grid-area: bottom-content; }
    /* Two-Column Content w/ Page Title and Wide Upper */
    .container .content-body.two-column-top-content{display:grid;grid-template-columns:var(--col-left) var(--col-right);grid-template-rows:auto auto 1fr;gap:5px 5px;grid-template-areas:"main-title main-title" "top-content top-content" "col-left col-right"}
    .container .content-body.two-column-top-content .main-title {grid-area:main-title;}
    .container .content-body.two-column-top-content .top-content { grid-area: top-content; }
    .container .content-body.two-column-top-content .col-left { grid-area: col-left; }
    .container .content-body.two-column-top-content .col-right { grid-area: col-right; }
    /* Three-Column Content w/ Page Title */
    .container .content-body.three-col-content{display:grid;grid-template-columns:var(--col-left) var(--col-mid) var(--col-right);grid-template-rows:auto 1fr;gap:5px 5px;grid-template-areas:"main-title main-title main-title" "col-left col-mid col-right"}
    .container .content-body.three-col-content .main-title {grid-area:main-title;}
    .container .content-body.three-col-content .col-left { grid-area: col-left; }
    .container .content-body.three-col-content .col-mid { grid-area: col-mid; }
    .container .content-body.three-col-content .col-right { grid-area: col-right; }
/* Footer Area */
.container .footer{grid-area:footer;height:fit-content;text-align:center;margin:20px 0}
.container .footer .icons-row a{text-decoration:none;padding:0 10px;color:var(--ld-secondary-color)}
.container .footer .icons-row a:hover{text-decoration:none;padding:0 10px;color:;text-shadow:1px 1px 6px var(--ld-text-shadows)}
.container .footer .icons-row a span.ti{font-size:22px}
.container .footer .copyright{background-color:var(--ld-secondary-background);width:fit-content;padding:0 10px;margin:10px auto;font-variant:small-caps;font-size:12px;border-radius:5px}
.container .footer .error-bubble{border:1px dotted red;border-radius:5px;padding:5px;width:80%;text-align:left;color:#fff;margin:0 auto}
.container .footer .error-bubble .error-title{font-variant:super;font-size:11px;font-weight:700;text-align:center}
.container .footer .error-bubble .error-line{display:block;font-size:10px;font-variant:normal}

/* Bubble body containers */
.container .content-body section.bubble-body{background-color:var(--ld-bubbles-background);color:var(--ld-bubbles-color);border:1px solid #0d0f49;border-radius:15px;padding:10px;height:fit-content;overflow:visible;margin-bottom:40px}.container .content-body section.bubble-body:after{clear:both}.container .content-body section.bubble-body h2{padding:5px 10px 5px;font-weight:700;border-bottom:1px solid #292a2b;border-radius:20px;background-color:var(--ld-body-background);color:var(--ld-body-color);width:fit-content;position:relative;top:-40px;margin-bottom:-20px}.container .content-body section.bubble-body h2.bubble-title.left{border-right:2px solid #292a2b;margin-left:0;margin-right:auto}.container .content-body section.bubble-body h2.bubble-title.right{border-left:2px solid #292a2b;margin-left:auto;margin-right:0}.container .content-body section.bubble-body h2.bubble-title.center{margin-left:auto;margin-right:auto}

/* Utility / Multi-Use Classes */
.word-wrap {text-wrap:balance;text-wrap-style:balance}.ajax-message-error,.ajax-message-success{padding:10px;margin:0;font-size:0.9em}.training-strike-out{opacity:0.5;text-decoration:line-through}.training-month-bubble{border:2px solid var(--ld-bubbles-color);padding:10px;border-radius:15px;}.paddle-toad{display:none}.bold{font-weight:700}.larger-font{font-size:larger}.large-font{font-size:large}.medium-font{font-size:medium}.smaller-font{font-size:smaller}.small-font{font-size:small}.simple-two-column {display: grid;grid-auto-rows: auto;grid-template-columns: max-content auto;gap: 5px 25px;align-items: center}.svg-waiting{display:none}.svg-spinner{fill:none;stroke-width:6;stroke-linecap:round}.svg-spinner.one{stroke:var(--ld-svg-spinner-one)}.svg-spinner.two{stroke:var(--ld-svg-spinner-two)}.svg-spinner.text{fill:var(--ld-tertiary-color)}.dialog-pop-over{display:none}.spacer{background:0 0;height:10px;width:auto}h1,h2,h3,h4,h5{font-weight:700}.ajax-overlay{display:none;z-index:1000;position:fixed;height:100%;width:100%;top:0;left:0;}.ajax-overlay.dialog-pop-over{background:rgb(0 0 0 / .5)}.ajax-overlay svg{margin:auto;align-items:center;display:flex;height:100%;text-anchor:middle;font-variant:small-caps}.container .portrait-notice {display:none}
    /* Form styles */
    .form-two-column {display: grid;grid-auto-rows: auto;grid-template-columns:fit-content(1vw) auto;gap: 5px 5px;align-items: center;}
    .form-two-column .status-display { grid-column: 1 / 3; height: fit-content }
    .form-two-column .field-labels { text-align: right;padding:0 5px }
    .form-two-column textarea.field-inputs { height: 8em }
    .form-two-column button.field-inputs { grid-column: 1 / 3;width:fit-content;margin:0 auto; }
/* Per-page styles */
    /* Homepage */
    .content-body.homepage video{position:absolute;width:100%;height:450px;z-index:10;opacity:.4;top:200px;left:0;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}.content-body.homepage picture{position:absolute;width:100%;z-index:20;opacity:1;top:170px;left:0;text-align:center}.content-body.homepage .introduction{position:relative;z-index:100}
    /* Contact Page */
    .contact-map {border:0;width:100%;height:20vw}
    /* History Page */
    .history-body header{position:relative}.history-body h2{font-family:Aachen;font-size:40px}.history-body section{display:grid;gap:var(--gutter);grid-template-columns:auto 1fr;align-items:center;min-height:65vh}.history-body section{--x:-100%}.history-body section:nth-of-type(even){--x:100%;grid-template-columns:1fr auto;grid-auto-flow:dense}.history-body section p{--x:0;--y:50%;view-timeline:var(--item);animation:item-reveal both ease-out;animation-timeline:var(--item);animation-delay:cover 35%;animation-end-delay:cover 50%;animation-range:cover 35% cover 50%;position:sticky;bottom:40%;z-index:2;background-color:light-dark(#bbd2ee,#230f0fab);padding:1rem;color:var(--text-1);backdrop-filter:blur(4px);font-size:1rem;border-radius:15px}.history-body section:nth-of-type(even) p{grid-column:1}.history-body section picture{--y:0;grid-column:1;width:15vw;view-timeline:--item;animation:item-reveal both ease-in;animation-timeline:--item;animation-delay:cover 10%;animation-end-delay:cover 35%;animation-range:cover 10% cover 35%}.history-body section:nth-of-type(even) picture{grid-column:2}.history-body section picture img{width:300px;height:300px;cursor:pointer;border-radius:15px}.history-body section:nth-of-type(2n) picture img{right:50px;position:relative}.popImageModal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100vw;height:auto;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .9);text-align:center}.popImageModal .popImage{max-height:85vh;margin:2vw;}.popImageModal .caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.popImageModal .caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s}.popImageModal .closePopImageModel{position:absolute;top:15px;right:15px;color:#fff;font-size:40px;font-weight:700;transition:0.3s}.popImageModal .closePopImageModel:hover,.popImageModal .closePopImageModel:focus{color:#7f0000;text-decoration:none;cursor:pointer}
    @media screen and (min-width: 320px) and (max-width: 1024px) {
        .history-body section{--x:0;display:block;text-align:center}.history-body section:nth-of-type(even){--x:0%}.history-body section p{bottom:0;text-align:left}.history-body section picture{--y:0}.history-body section:nth-of-type(2n) picture img{right:0}.history-body section:nth-of-type(even) p{width:auto}
    }
    /* Leadership Page */
    .officers-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-row-gap:5px}.trustees-grid{grid-template-columns:repeat(3,1fr);display:grid;gap:5px}.incidents-grid .incident-grid div,.officers-grid div,.trustees-grid div{width:auto;font-size:.9em;text-wrap:balance;text-wrap-style:balance}.officers-grid div:nth-child(odd){text-align:right;font-weight:700;padding-right:5px;text-decoration:underline}.officers-grid div:nth-child(2n){text-align:left}.trustees-grid{grid-template-rows:repeat(3,1fr);grid-column-gap:5px}
    /* Incidents Page */
    .incidents-grid{grid-template-columns:repeat(3,1fr);display:grid;gap:5px}.incidents-grid fieldset{width:auto;font-size:12px;margin-bottom:25px}.incidents-grid .incident-grid{display:grid;grid-template-columns:90px auto;grid-template-rows:50px 50px 50px 100px;grid-row-gap:5px;height:290px;overflow:hidden}.incidents-grid .incident-grid div:nth-child(2n),.incidents-grid .incident-grid div:nth-child(odd){text-align:left;font-weight:700;padding-right:5px;text-decoration:underline}
    /* Rentals Page */
    .form-section div span{font-size:10px;display:block}.hall-details,.pavilion-thumbnails{float:right;width:49%;padding-left:1%}.hall-thumbnails img,.pavilion-thumbnails img{width:100%;text-align:center}.rental-form-body{position:relative;z-index:25;display:none}.rental-form{width:100%;height:fit-content;z-index:25}.form-section{width:90%;height:75px;border:0}.form-section label{float:left;width:125px;text-align:right;display:block;padding:.8em .5em .5em 0;font-weight:700}.form-section div{float:left;width:calc(100% - 150px)}.form-section div input{width:90%;border:1px solid #fff;padding:.7em}.hall-thumbnails,.pavilion-details{float:left;width:48%;padding:1%}.hall-details,.pavilion-thumbnails{float:right;width:48%;padding:1%}
    /* Events Page */
    .desktop-calendar{display:block}.desktop-calendar iframe{width:98%;height:800px;border:0}.desktop-calendar iframe .mv-daynames-table,.desktop-calendar iframe .view-cap .view-container-border{background:#7f0000}.mobile-calendar{display:none;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;width:98%;margin:20px auto}.mobile-calendar embed,.mobile-calendar iframe,.mobile-calendar object{border:0;position:absolute;width:100%;height:100%}.desktop-calendar{display:block}.desktop-calendar iframe{width:98%;height:800px;border:0}.desktop-calendar iframe .mv-daynames-table,.desktop-calendar iframe .view-cap .view-container-border{background:#7f0000}.mobile-calendar{display:none}
    /* Memorials Pages */
    .memorial-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:5px;grid-row-gap:5px}.memorial-grid div{width:auto;text-align:center;font-size:11px;border-radius:4px;padding:5px;margin:5px}.memorial-blue,.memorial-green{width:100%}.memorial-green h2{text-align:center;color:#0fba73;font-size:16px}.memorial-blue ul,.memorial-green ul{display:table;padding:0;border-collapse:separate;border-spacing:5px}.memorial-blue li,.memorial-green li{display:table-cell;padding:5px;margin:5px;text-align:center}.memorial-green li{background-color:#0a6e48;width:122px;font-size:12px;color:#fff;border-radius:4px;border:1px #fff}.memorial-green .memorial-grid div{background-color:#0a6e48;color:#fff;border:1px #fff}.memorial-blue h2{text-align:center;color:whitesmoke;font-size:16px}.memorial-blue li{background-color:whitesmoke;width:204px;font-size:12px;color:#0e0f48;border-radius:4px;border:1px #0e0f48}.memorial-blue .memorial-grid div{background-color:#b7dff9;color:#0e0f48;border:1px #0e0f48}
    /* Santa Page */
    #santa-route{display:block;height:80vh;width:90%;overflow:hidden;box-sizing:border-box;position:relative;margin:auto}.santa-weather-bypass{color:#f99;list-style:square}.route-details-popup{position:absolute;top:0;left:0;transform:translate(-50%,-100%);background-color:#fff;padding:5px;border-radius:5px;font-family:sans-serif;overflow-y:auto;max-height:60px;box-shadow:0 2px 10px 1px rgb(0 0 0 / .5)}.route-details-anchor{position:absolute;width:100%;bottom:8px;left:0}.route-details-anchor::after{content:"";position:absolute;top:0;left:0;transform:translate(-50%,0);width:0;height:0;border-left:6px solid #fff0;border-right:6px solid #fff0;border-top:8px solid #fff}.route-details-container{cursor:auto;height:auto;position:absolute;width:200px;padding:10px;border-radius:5px;border:1px solid #000;background:#fff;color:#000}.santa-tracker-location{width:40px;height:40px;position:absolute;right:50%;top:50%;z-index:10000}.santa-tracker-location .direction-glow{width:40px;height:40px;position:absolute;right:50%;top:50%;border-radius:0 50% 50% 50%;border:1px solid #000;rotate:45deg;animation:2.5s infinite glowing;z-index:10001}.santa-tracker-location .circle-glow{width:40px;height:40px;position:absolute;right:50%;top:50%;border-radius:50% 50% 50% 50%;border:1px solid #000;animation:2.5s infinite glowing;z-index:10001}.santa-tracker-location .santa-icon{width:40px;height:40px;position:absolute;right:50%;top:50%;background-image:url(https://oaklandfire6.com/images/santa_icon.png);background-repeat:no-repeat;background-attachment:inherit;background-position:center;z-index:10002}
    /* Burn Ordinances Page */
    .fire-risk-bubble{margin:5px auto}.fire-risk-bubble .label,.fire-risk-bubble .status{float:left;line-height:28px;position:relative}.fire-risk-bubble .label{padding:0 15px 0 5px;width:120px;text-align:right;border-radius:10px 0 0 10px;background-color:var(--ld-secondary-background)}.fire-risk-bubble .label:after{content:"";position:absolute;width:28px;height:28px;transform:scale(.7) rotate(45deg);z-index:1;background:var(--ld-secondary-background)}.fire-risk-bubble .status{background:var(--hazard-color);color:var(--font-color);font-weight:700;border-radius:0 10px 10px 0;padding:0 10px 0 20px;width:110px}

#yardsale-map {
    display: block;
    height: 80vh;
    width: 90%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: auto;
}

/* Apparatus photos */
.apparatus-row {display: grid;grid-template-rows: 1fr;gap: 0 5px;align-content: center;height: fit-content;margin-bottom:2em}
.apparatus-row.apparatus-row-right {grid-template-columns: 60% 1fr;}
.apparatus-row.apparatus-row-left {grid-template-columns: 1fr 60%;}
.apparatus-photobox{display: grid;grid-template-columns: 1fr;grid-template-rows: minmax(auto,auto) auto;gap: 5px 5px;align-content: center;align-items: center;height:fit-content;background: url('https://oaklandfire6.com/images/apparatus/thumbs/400x/loading.png') center center no-repeat;}
.apparatus-photobox .apparatus-thumbs{display:grid;grid-template-columns:repeat(var(--column-count), 40px);grid-template-rows:40px;gap:0 10px;margin:auto}
.apparatus-photobox .apparatus-thumbs img{width: 40px;height: 40px;border-radius: 50%;cursor: pointer;border: 1px dashed #292a2b;opacity: 0.75;}
.apparatus-photobox .apparatus-thumbs img.active{border: 1px solid #292a2b;opacity: 1.0;}
.apparatus-photobox .apparatus-thumbs img:hover{border: 1px solid #292a2b;opacity: 1.0;}
.apparatus-photobox .apparatus-image img {width: 100%;border-radius:20px}


/* Responsive Overrides */
@media screen and (orientation:landscape) {
    .portrait-notice {display:none;}
}
@media screen and (orientation:portrait) {
    .portrait-notice {position:relative;left:0;width:fit-content;margin:10px auto;text-align:center;background-color:var(--ld-bubbles-background);color:var(-ld-bubbles-color);padding:0.5px 10px;line-height:20px;border-radius:15px;font-weight:bold;font-size:smaller}
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
    .apparatus-photobox .apparatus-thumbs{grid-template-columns:repeat(4, 40px);gap:10px 10px;}
}
@media screen and (max-width: 319px) {
    body{font-size:1em;font-family:Roboto,sans-serif}.screen-too-small{display:block;text-align:center;margin-left:auto;margin-right:auto}.screen-too-small .logo{width:100%;height:120px;padding-top:10px;text-align:center}.container{display:none}
}
@media screen and (max-width: 600px) {
    .container .header .info-row .breadcrumbs {display:none}
    .incidents-grid{grid-template-columns:repeat(1,1fr)}
    .three-column-split{display:grid;grid-template-columns:repeat(1,1fr)}
}
@media screen and (min-width:601px) and (max-width:900px) {
    .incidents-grid{grid-template-columns:repeat(2,1fr)}
    .three-column-split{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:800px){
    .apparatus-row.apparatus-row-right,.apparatus-row.apparatus-row-left {grid-template-columns: 1fr;grid-template-areas:"apparatus-photobox" "section"}
    .apparatus-row .apparatus-photobox{grid-area:apparatus-photobox}.apparatus-row section{grid-area:section}
}
@media screen and (min-width: 320px) and (max-width: 900px) {
    .container .header {grid-template-rows:50px 0 30px;}
    .container .header .icons-row {height:0;visibility:hidden}
    .container .header .info-row {
        grid-template-columns: auto;
        grid-template-rows: 30px 30px;
        grid-template-areas:
        "breadcrumbs"
        "fire-risk";
        justify-content: center;
    }
    .container .header .info-row .fire-risk, .container .header .info-row .breadcrumbs {margin:0 auto}
    .container .content-body.two-col-content{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "main-title"
            "col-left"
            "col-right";
    }
    /* Mobile / Touch-Responsive Navigation */
    .container .header .navigation .nav-desktop {display:none}
    .container .header .navigation {top:10px;height:30px}.container .header .navigation .nav-mobile{display:flex}.container .header .navigation .nav-mobile .nav-expand{color:var(--ld-bubbles-color);font-size:28px;width:100%;text-align:center;position:absolute;cursor:pointer}.container .header .navigation .nav-mobile .nav-list{display:none;width:100%;justify-content:center;margin:20px auto 0;}.container .header .navigation .nav-mobile .nav-list ul{flex-basis:var(--expanded);background:var(--ld-tertiary-background);height:fit-content;width:fit-content;padding:20px;border-radius:20px}.container .header .navigation .nav-mobile .nav-list li{list-style:none}.container .header .navigation .nav-mobile .nav-list li.parent{margin-left:10px}.container .header .navigation .nav-mobile .nav-list li.child{margin-left:20px;line-height:20px}.container .header .navigation .nav-mobile .nav-list li .ti{aspect-ratio:1;block-size:100%;display:inline-grid;transition:color 200ms ease-in}.container .header .navigation .nav-mobile .nav-list .nav-text{pointer-events:none;font-size:.875em;font-weight:500;transition:color 266ms ease-out}
}