/* WHEN COMPILED DO NOT MAKE EDITS IN THE 'wwwroot/css/site.css' file */ /* Main entry file that imports all our CSS modules */ /* This file is used to bundle all styles together for easier management and loading */ /* Ensure this file is processed by your build tool (e.g., Webpack, Parcel) */ /* Import variables first */ :root { --bs-blue: #2B376E; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #333333; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #2B376E; --bs-secondary: #2a7997; --bs-accent: #d6078e; --bs-accent-dark: #9e088f; --bs-light: #f5f5f5; --bs-dark: #1C2024; --bs-primary-rgb: 0, 46, 109; --bs-secondary-rgb: 42, 121, 151; --bs-accent-rgb: 214, 7, 142; --bs-light-rgb: 245, 245, 245; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-rgb: 33, 37, 41; --bs-font-sans-serif: "Hind", sans-serif; --bs-font-headers: "Nunito Sans", sans-serif; --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #1c2024; --bs-body-bg: #fff; --bs-link-color: #2a7997; --bs-link-color-rgb: 42, 121, 151; --bs-link-decoration: underline; --bs-link-hover-color: #2a7997; --bs-link-hover-color-rgb: 42, 121, 151; --bs-border-color: #b8b8b8; --bs-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); /* Tailwind-like spacing utilities (in increments of 4px) */ --spacing-0: 0; --spacing-1: 0.25rem; /* 4px */ --spacing-2: 0.5rem; /* 8px */ --spacing-3: 0.75rem; /* 12px */ --spacing-4: 1rem; /* 16px */ --spacing-5: 1.25rem; /* 20px */ --spacing-6: 1.5rem; /* 24px */ --spacing-7: 1.75rem; /* 28px */ --spacing-8: 2rem; /* 32px */ --spacing-9: 2.25rem; /* 36px */ --spacing-10: 2.5rem; /* 40px */ --spacing-11: 2.75rem; /* 44px */ --spacing-12: 3rem; /* 48px */ --spacing-14: 3.5rem; /* 56px */ --spacing-16: 4rem; /* 64px */ --spacing-20: 5rem; /* 80px */ --spacing-24: 6rem; /* 96px */ --spacing-28: 7rem; /* 112px */ --spacing-32: 8rem; /* 128px */ --spacing-36: 9rem; /* 144px */ --spacing-40: 10rem; /* 160px */ --spacing-44: 11rem; /* 176px */ --spacing-48: 12rem; /* 192px */ --spacing-52: 13rem; /* 208px */ --spacing-56: 14rem; /* 224px */ --spacing-60: 15rem; /* 240px */ --spacing-64: 16rem; /* 256px */ --spacing-72: 18rem; /* 288px */ --spacing-80: 20rem; /* 320px */ --spacing-96: 24rem; /* 384px */ /* Kendo UI */ --kendo-color-primary: #2B376E; --kendo-color-primary-on-surface: #2a7997; --kendo-color-surface: #ffffff; --kendo-font-family: "Hind", sans-serif; --kendo-font-size: 0.875rem; --kendo-line-height: 1.5; --kendo-font-weight: 400; --kendo-letter-spacing: 0; --kendo-font-size-xs: 0.75rem; --kendo-font-size-sm: 0.875rem; --kendo-font-size-md: 1rem; --kendo-font-size-lg: 1.25rem; --kendo-font-size-xl: 1.5rem; --kendo-line-height-xs: 1; --kendo-line-height-sm: 1.25; --kendo-line-height-md: 1.5; --kendo-line-height-lg: 2; --kendo-font-weight-light: 300; --kendo-font-weight-normal: 400; --kendo-font-weight-medium: 500; --kendo-font-weight-semibold: 600; --kendo-font-weight-bold: 700; --kendo-letter-spacing-tightest: -0.15px; --kendo-letter-spacing-tighter: -0.1px; --kendo-letter-spacing-tight: -0.5px; --kendo-letter-spacing-normal: 0px; --kendo-letter-spacing-wide: 0.5px; --kendo-letter-spacing-wider: 0.1px; --kendo-letter-spacing-widest: 0.15px; --kendo-font-family-sans-serif: "Hind", sans-serif; --kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; --kendo-btn-bg-color: var(var(--bs-accent)); --kendo-btn-bg: var(--bs-white); } /* Import typography and layout */ html { font-size: 1rem; /* 16px */ } h1, h2, h3, h4, h5, h6 { font-family: var(--bs-font-headers); font-weight: 900; } h1, .h1 { color: var(--bs-dark); font-size: 2rem; font-size: clamp(1.75rem, 5vw, 2rem); margin-bottom: 2rem; } h2, .h2 { font-size: clamp(1.25rem, 5vw, 1.5rem); line-height: 1.25; margin-bottom: 1rem; color: var(--bs-body-color); font-style: italic; } h3, .h3 { font-size: 1.25rem; font-size: clamp(1.125rem, 5vw, 1.25rem); line-height: 1; margin-bottom: 1rem; } a { color: var(--bs-secondary); /* text-decoration: none; */ } a:hover { text-decoration: none; } body { font-size: 1rem; /* 18px */ } .page-title { font-size: 2rem; margin-bottom: 2rem; } /* Main layout and common elements */ body { min-height: 100vh; display: grid; grid-template-rows: auto auto 1fr auto; } main { display: flex; flex-direction: column; justify-content: center; align-items: center; } .container-fluid { max-width: 1560px; } .main-container { display: grid; grid-template-columns: 1fr; gap: 2rem; } .main-container:has(.sidebar) { gap: 0; } .col-gap-2 { gap: 0.5rem; } .col-gap-4 { gap: 1rem; } .col-gap-6 { gap: 1.5rem; } .col-gap-8 { gap: 2rem; } .col-gap-10 { gap: 2.5rem; } .col-gap-12 { gap: 3rem; } .col-gap-14 { gap: 3.5rem; } .col-gap-16 { gap: 4rem; } .col-gap-20 { gap: 5rem; } .col-gap-24 { gap: 6rem; } .col-gap-28 { gap: 7rem; } .col-gap-32 { gap: 8rem; } /* Resources Block Styles */ .colored-block { margin-bottom: 3rem; } .colored-block > .colored-block__title { margin-bottom: 1.5rem; } .colored-block__content { padding: var(--spacing-8); } .colored-block__content.bg-secondary, .colored-block__content.bg-accent, .colored-block__content.bg-primary { color: white; } .colored-block__content > .colored-block__list { list-style-type: none; margin: 0; padding: 0; } .colored-block__content > .colored-block__list.chain-white { list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiA4LjYxNzQzQzEwLjUxODggOC42MTc0MyA5LjIyODEzIDcuODExMTggOC41Mzc1IDYuNjE3NDNIMTJDMTMuMTA2MiA2LjYxNzQzIDE0IDUuNzIzNjggMTQgNC42MTc0M0MxNCAzLjUxMTE4IDEzLjEwMzEgMi42MTc0MyAxMiAyLjYxNzQzSDguNTM3NUM5LjIyODEzIDEuNDIzNjggMTAuNTIxOSAwLjYxNzQzMiAxMiAwLjYxNzQzMkMxNC4yMDk0IDAuNjE3NDMyIDE2IDIuNDA4MDYgMTYgNC42MTc0M0MxNiA2LjgyNjgxIDE0LjIwOTQgOC42MTc0MyAxMiA4LjYxNzQzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMgNC42MTc0M0MzIDQuMDY0MzEgMy40NDY4OCAzLjYxNzQzIDQgMy42MTc0M0gxMkMxMi41NTMxIDMuNjE3NDMgMTMgNC4wNjQzMSAxMyA0LjYxNzQzQzEzIDUuMTcwNTYgMTIuNTUzMSA1LjYxNzQzIDEyIDUuNjE3NDNINEMzLjQ0Njg4IDUuNjE3NDMgMyA1LjE3MDU2IDMgNC42MTc0M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yIDQuNjE3NDNDMiA1LjcyMzY4IDIuODkzNzUgNi42MTc0MyA0IDYuNjE3NDNINy40NjI1QzYuNzcxODcgNy44MTExOCA1LjQ3ODEzIDguNjE3NDMgNCA4LjYxNzQzQzEuNzkwNjMgOC42MTc0MyAwIDYuODI2ODEgMCA0LjYxNzQzQzAgMi40MDgwNiAxLjc5MDYzIDAuNjE3NDMyIDQgMC42MTc0MzJDNS40ODEyNSAwLjYxNzQzMiA2Ljc3MTg3IDEuNDIzNjggNy40NjI1IDIuNjE3NDNINEMyLjg5Mzc1IDIuNjE3NDMgMiAzLjUxMTE4IDIgNC42MTc0M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); padding-left: var(--spacing-8); } .colored-block__content > .colored-block__list.chain-white > li a { padding-left: 0.375rem; } .colored-block__list > .colored-block__list-item { list-style-type: none; padding: 0.375rem 0; } .colored-block__list-item > .colored-block__list-link { color: var(--bs-white); text-decoration: none; } .colored-block__list-item > .colored-block__list-link:hover { text-decoration: underline; } /* Find Fast Block */ .side-panel-block { margin-bottom: 3rem; } .side-panel-block > .side-panel-block__title { margin-bottom: 2rem; } .side-panel-block > .side-panel-block__content, .side-panel-block > .side-panel-block__list { background-color: var(--bs-light); list-style-type: none; margin: 0; padding: var(--spacing-8); } .side-panel-block > .side-panel-block__list.bullets { list-style-type: disc; } .side-panel-block > .side-panel-block__list.chain { list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgOSI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDIwNykgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjMmE3OTk3OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsOC42Yy0xLjUsMC0yLjgtLjgtMy41LTJoMy41YzEuMSwwLDItLjksMi0ycy0uOS0yLTItMmgtMy41Yy43LTEuMiwyLTIsMy41LTIsMi4yLDAsNCwxLjgsNCw0cy0xLjgsNC00LDRaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTMsNC42YzAtLjYuNC0xLDEtMWg4Yy42LDAsMSwuNCwxLDFzLS40LDEtMSwxSDRjLS42LDAtMS0uNC0xLTFaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsNC42YzAsMS4xLjksMiwyLDJoMy41Yy0uNywxLjItMiwyLTMuNSwyLTIuMiwwLTQtMS44LTQtNFMxLjguNiw0LC42czIuOC44LDMuNSwyaC0zLjVjLTEuMSwwLTIsLjktMiwyWiIvPgo8L3N2Zz4="); padding-left: 3.5rem; } .side-panel-block > .side-panel-block__list.chain > li a { /* padding-left: 0.375rem;*/ } .side-panel-block > .side-panel-block__list.chain-white { list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiA4LjYxNzQzQzEwLjUxODggOC42MTc0MyA5LjIyODEzIDcuODExMTggOC41Mzc1IDYuNjE3NDNIMTJDMTMuMTA2MiA2LjYxNzQzIDE0IDUuNzIzNjggMTQgNC42MTc0M0MxNCAzLjUxMTE4IDEzLjEwMzEgMi42MTc0MyAxMiAyLjYxNzQzSDguNTM3NUM5LjIyODEzIDEuNDIzNjggMTAuNTIxOSAwLjYxNzQzMiAxMiAwLjYxNzQzMkMxNC4yMDk0IDAuNjE3NDMyIDE2IDIuNDA4MDYgMTYgNC42MTc0M0MxNiA2LjgyNjgxIDE0LjIwOTQgOC42MTc0MyAxMiA4LjYxNzQzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMgNC42MTc0M0MzIDQuMDY0MzEgMy40NDY4OCAzLjYxNzQzIDQgMy42MTc0M0gxMkMxMi41NTMxIDMuNjE3NDMgMTMgNC4wNjQzMSAxMyA0LjYxNzQzQzEzIDUuMTcwNTYgMTIuNTUzMSA1LjYxNzQzIDEyIDUuNjE3NDNINEMzLjQ0Njg4IDUuNjE3NDMgMyA1LjE3MDU2IDMgNC42MTc0M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yIDQuNjE3NDNDMiA1LjcyMzY4IDIuODkzNzUgNi42MTc0MyA0IDYuNjE3NDNINy40NjI1QzYuNzcxODcgNy44MTExOCA1LjQ3ODEzIDguNjE3NDMgNCA4LjYxNzQzQzEuNzkwNjMgOC42MTc0MyAwIDYuODI2ODEgMCA0LjYxNzQzQzAgMi40MDgwNiAxLjc5MDYzIDAuNjE3NDMyIDQgMC42MTc0MzJDNS40ODEyNSAwLjYxNzQzMiA2Ljc3MTg3IDEuNDIzNjggNy40NjI1IDIuNjE3NDNINEMyLjg5Mzc1IDIuNjE3NDMgMiAzLjUxMTE4IDIgNC42MTc0M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); padding-left: 3.5rem; } .side-panel-block > .side-panel-block__list.chain-white > li a { padding-left: 0.375rem; } .side-panel-block > .side-panel-block__content.secondary-border, .side-panel-block > .side-panel-block__list.secondary-border { border-top: 0.1875rem solid var(--bs-secondary); } .side-panel-block > .side-panel-block__content.accent-border, .side-panel-block > .side-panel-block__list.accent-border { border-top: 0.1875rem solid var(--bs-accent); } .side-panel-block__list > .side-panel-block__list-item { padding: 0.4rem 0; } .side-panel-block__list.bullets > .side-panel-block__list-item { margin-left: 1rem; } .side-panel-block__list.accent-border.bullets > .side-panel-block__list-item::marker { color: var(--bs-accent); font-size: 1.25rem; } .side-panel-block__list.secondary-border.bullets > .side-panel-block__list-item::marker { color: var(--bs-secondary); font-size: 1.25rem; } .side-panel-block__list-item > .side-panel-block__list-link { font-size: 1rem; font-style: normal; font-weight: 500; line-height: 150%; /* 24px */ text-decoration: none; } .side-panel-block__list-item > .side-panel-block__list-link:hover { text-decoration: underline; } .numbered-indicator { display: inline-block; padding: 0 0 16px 0; margin-right: 0.625rem; } .numbered-indicator > .number { display: flex; justify-content: center; align-items: center; width: 1.4375rem; height: 1.4375rem; color: var(--bs-accent); font-size: 1rem; font-weight: 700; line-height: 1; /* 20px */ border: 1px solid var(--bs-accent); border-radius: 100%; } /* Home */ .launch-map { background-image: url(/images/map.png); background-size: cover; background-position: center; width: 100%; height: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; padding: 5rem; } /* Acronyms */ .acronym-list { display: grid; grid-template-columns: minmax(0, 7rem) 1fr; } .acronym-list > .acronym-list-term { display: inline-block; margin: 0 0 1.25rem 0; padding-bottom: 0.5rem; border-bottom: 2px dotted var(--bs-gray-400); } .acronym-list > .acronym-list-definition { display: inline-block; margin: 0 0 1.25rem 0; padding-bottom: 0.5rem; border-bottom: 2px dotted var(--bs-gray-400); } .list-no-bullets { list-style-type: none; padding-left: 0; } /* also suppresses markers on indiv items in a list */ .list-force-oneline { display: inline-flex; flex-direction: row; flex-wrap: wrap; } .instructions { font-size: 12px; color: #007bff; font-style: italic; margin-top: 6px; } #accordionSIPTechRef ul:not(.list-no-bullets) { list-style-position: inside; } @media (min-width: 576px) { .acronym-list { grid-template-columns: minmax(0, 11.25rem) 4fr; } .list-no-bullets { padding-left: 1.25rem; } } .chain-primary:not(.colored-block__list)::before { display: inline-block; width: 1rem; height: 1.25rem; margin-right: 0.375rem; content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgOSI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDIwNykgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjMmE3OTk3OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsOC42Yy0xLjUsMC0yLjgtLjgtMy41LTJoMy41YzEuMSwwLDItLjksMi0ycy0uOS0yLTItMmgtMy41Yy43LTEuMiwyLTIsMy41LTIsMi4yLDAsNCwxLjgsNCw0cy0xLjgsNC00LDRaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTMsNC42YzAtLjYuNC0xLDEtMWg4Yy42LDAsMSwuNCwxLDFzLS40LDEtMSwxSDRjLS42LDAtMS0uNC0xLTFaIi8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsNC42YzAsMS4xLjksMiwyLDJoMy41Yy0uNywxLjItMiwyLTMuNSwyLTIuMiwwLTQtMS44LTQtNFMxLjguNiw0LC42czIuOC44LDMuNSwyaC0zLjVjLTEuMSwwLTIsLjktMiwyWiIvPgo8L3N2Zz4="); } .chain-white:not(.colored-block__list):before { display: inline-block; width: 1rem; height: 1.25rem; margin-right: 0.375rem; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiA4LjYxNzQzQzEwLjUxODggOC42MTc0MyA5LjIyODEzIDcuODExMTggOC41Mzc1IDYuNjE3NDNIMTJDMTMuMTA2MiA2LjYxNzQzIDE0IDUuNzIzNjggMTQgNC42MTc0M0MxNCAzLjUxMTE4IDEzLjEwMzEgMi42MTc0MyAxMiAyLjYxNzQzSDguNTM3NUM5LjIyODEzIDEuNDIzNjggMTAuNTIxOSAwLjYxNzQzMiAxMiAwLjYxNzQzMkMxNC4yMDk0IDAuNjE3NDMyIDE2IDIuNDA4MDYgMTYgNC42MTc0M0MxNiA2LjgyNjgxIDE0LjIwOTQgOC42MTc0MyAxMiA4LjYxNzQzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMgNC42MTc0M0MzIDQuMDY0MzEgMy40NDY4OCAzLjYxNzQzIDQgMy42MTc0M0gxMkMxMi41NTMxIDMuNjE3NDMgMTMgNC4wNjQzMSAxMyA0LjYxNzQzQzEzIDUuMTcwNTYgMTIuNTUzMSA1LjYxNzQzIDEyIDUuNjE3NDNINEMzLjQ0Njg4IDUuNjE3NDMgMyA1LjE3MDU2IDMgNC42MTc0M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yIDQuNjE3NDNDMiA1LjcyMzY4IDIuODkzNzUgNi42MTc0MyA0IDYuNjE3NDNINy40NjI1QzYuNzcxODcgNy44MTExOCA1LjQ3ODEzIDguNjE3NDMgNCA4LjYxNzQzQzEuNzkwNjMgOC42MTc0MyAwIDYuODI2ODEgMCA0LjYxNzQzQzAgMi40MDgwNiAxLjc5MDYzIDAuNjE3NDMyIDQgMC42MTc0MzJDNS40ODEyNSAwLjYxNzQzMiA2Ljc3MTg3IDEuNDIzNjggNy40NjI1IDIuNjE3NDNINEMyLjg5Mzc1IDIuNjE3NDMgMiAzLjUxMTE4IDIgNC42MTc0M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); } .chain-grey:not(.colored-block__list)::before { display: inline-block; width: 1rem; height: 1.25rem; margin-right: 0.375rem; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiA4LjYxNzQzQzEwLjUxODggOC42MTc0MyA5LjIyODEzIDcuODExMTggOC41Mzc1IDYuNjE3NDNIMTJDMTMuMTA2MiA2LjYxNzQzIDE0IDUuNzIzNjggMTQgNC42MTc0M0MxNCAzLjUxMTE4IDEzLjEwMzEgMi42MTc0MyAxMiAyLjYxNzQzSDguNTM3NUM5LjIyODEzIDEuNDIzNjggMTAuNTIxOSAwLjYxNzQzMiAxMiAwLjYxNzQzMkMxNC4yMDk0IDAuNjE3NDMyIDE2IDIuNDA4MDYgMTYgNC42MTc0M0MxNiA2LjgyNjgxIDE0LjIwOTQgOC42MTc0MyAxMiA4LjYxNzQzWiIgZmlsbD0iIzYwNjQ2QyIvPgo8cGF0aCBkPSJNMyA0LjYxNzQzQzMgNC4wNjQzMSAzLjQ0Njg4IDMuNjE3NDMgNCAzLjYxNzQzSDEyQzEyLjU1MzEgMy42MTc0MyAxMyA0LjA2NDMxIDEzIDQuNjE3NDNDMTMgNS4xNzA1NiAxMi41NTMxIDUuNjE3NDMgMTIgNS42MTc0M0g0QzMuNDQ2ODggNS42MTc0MyAzIDUuMTcwNTYgMyA0LjYxNzQzWiIgZmlsbD0iIzYwNjQ2QyIvPgo8cGF0aCBkPSJNMiA0LjYxNzQzQzIgNS43MjM2OCAyLjg5Mzc1IDYuNjE3NDMgNCA2LjYxNzQzSDcuNDYyNUM2Ljc3MTg3IDcuODExMTggNS40NzgxMyA4LjYxNzQzIDQgOC42MTc0M0MxLjc5MDYzIDguNjE3NDMgMCA2LjgyNjgxIDAgNC42MTc0M0MwIDIuNDA4MDYgMS43OTA2MyAwLjYxNzQzMiA0IDAuNjE3NDMyQzUuNDgxMjUgMC42MTc0MzIgNi43NzE4NyAxLjQyMzY4IDcuNDYyNSAyLjYxNzQzSDRDMi44OTM3NSAyLjYxNzQzIDIgMy41MTExOCAyIDQuNjE3NDNaIiBmaWxsPSIjNjA2NDZDIi8+Cjwvc3ZnPgo="); } .chain-primary, .chain-white, .chain-grey { display: flex; align-items: flex-start; } .pdf::before { display: inline-block; width: 1rem; height: 1.125rem; margin-right: 0.375rem; margin-bottom: 4px; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDIuNjE3NDNIM0MyLjQ0Njg3IDIuNjE3NDMgMiAzLjA2NDMxIDIgMy42MTc0M1YxNS42MTc0QzIgMTYuMTcwNiAyLjQ0Njg3IDE2LjYxNzQgMyAxNi42MTc0SDEzQzEzLjU1MzEgMTYuNjE3NCAxNCAxNi4xNzA2IDE0IDE1LjYxNzRWNS42MTc0M0wxMSAyLjYxNzQzWk03LjUyODA4IDYuNjE3NDNMNy42NDY4MyA2LjYyMzY4QzcuODU5MzMgNi42MTQzMSA3Ljk5MzcxIDYuNzg2MTggOC4wNjI0NiA2Ljk0ODY4TDguMDg0MzMgNy4wMDgwNkM4LjEwMzA4IDcuMDYxMTggOC4xMDkzMyA3LjA3OTkzIDguMTE4NzEgNy4xNDg2OEM4LjE4NDMzIDcuNjQ4NjggNy45MzExNyA5LjEyMDY5IDcuOTMxMTcgOS4xMjA2OUM3LjkxODY4IDkuMTczNzcgNy45MDYxOSA5LjIyNjg2IDcuODkwNTggOS4yODkzMUM4LjEyNDk2IDkuOTQ1NTYgOC41MDMwOCAxMC41NDI0IDguOTUzMDggMTAuOTczN0M5LjExODcxIDExLjEzMzEgOS4zMzQzMyAxMS4yNjc0IDkuNTQwNTggMTEuMzg5M0MxMC4wMDMxIDExLjMyMzcgMTAuNDQzNyAxMS4yOTI0IDEwLjgwOTMgMTEuMjk1NkMxMS4zNDY4IDExLjMwMTggMTEuNzAzMSAxMS4zODYyIDExLjg2MjUgMTEuNTQ4N0MxMS45MTg3IDExLjYwNDkgMTEuOTcxOCAxMS42ODkzIDExLjk4MTIgMTEuNzU0OUMxMi4wMDkzIDExLjk4MzEgMTEuOTkwNiAxMi4yMDE4IDExLjg4NDMgMTIuMzY0M0MxMS44MzEyIDEyLjQ0NTYgMTEuNzQzNyAxMi41MDQ5IDExLjY0MDYgMTIuNTMzMUMxMS41NzUgMTIuNTUxOCAxMS40OTM3IDEyLjU2MTIgMTEuMzk2OCAxMi41NjEyQzEwLjg1NjIgMTIuNTYxMiAxMC4wMDMxIDEyLjI4MzEgOS4zMDkzMyAxMS44ODMxQzguMzk5OTYgMTIuMDIzNyA3LjM1OTMzIDEyLjI3NjggNi40NDY4MyAxMi41Nzk5QzUuNjU2MjEgMTMuOTg5MyA1LjA4MTIxIDE0LjYyMDYgNC41ODc0NiAxNC42MjA2QzQuNDkzNzEgMTQuNjIwNiA0LjQwMzA4IDE0LjU5ODcgNC4zMTg3MSAxNC41NTQ5TDQuMTIxODMgMTQuNDU0OUMzLjk5OTk2IDE0LjM4MzEgMy45ODEyMSAxNC4yMjY4IDQuMDA2MjEgMTQuMTA0OUM0LjA4NDMzIDEzLjcyMDYgNC41NDM3MSAxMy4yNDI0IDUuMjM3NDYgMTIuODE3NEM1LjI5NTEzIDEyLjc4MzMgNS40NzU0NCAxMi42ODQ4IDUuNTg4NzggMTIuNjIzQzUuNjQxMjYgMTIuNTk0MyA1LjY3OTM5IDEyLjU3MzUgNS42ODQzMyAxMi41NzA2TDUuODg3NDYgMTIuNDYxMkM2LjA4NzQ2IDEyLjExNzQgNi4zMDMwOCAxMS43MDgxIDYuNTQzNzEgMTEuMjI5OUw2LjU3NDk2IDExLjE3MDZDNi44MDMwOCAxMC43MTQzIDcuMDU5MzMgMTAuMTk1NiA3LjI2NTU4IDkuNjgzMDZMNy4zNDA1OCA5LjQ5ODY4QzcuMDUzMDggOC4zNzM2OCA2Ljg5MzcxIDcuNTA4MDYgNy4wNDY4MyA2LjkyNjgxQzcuMDk2ODMgNi43NDI0MyA3LjI5MDU4IDYuNjE3NDMgNy41MjgwOCA2LjYxNzQzWk03LjYxMjU0IDYuODc5OTNDNy41Mzc1NCA2Ljg3OTkzIDcuNTQzNzkgNy40NjExOCA3LjU0NjkxIDcuNDY0M0M3LjU0NjkxIDcuNzY3NDMgNy41OTA2NiA4LjIzMzA1IDcuNjgxMjkgOC41MjY4QzcuNzg3NTQgOC4zMjY4IDcuODc4MTYgOC4wNTgwNSA3Ljg2ODc5IDcuNjczNjhDNy44NjI1NCA3LjI4OTMgNy43NzE5MSA2Ljg3OTkzIDcuNjEyNTQgNi44Nzk5M1pNOC42MjE5IDExLjM5NTZDOC4yMjgxNSAxMS4wNTQ5IDcuODkzNzcgMTAuNjMzMSA3LjYyNTAyIDEwLjEzMzFDNy40OTA2NSAxMC40ODkzIDcuMzA5NCAxMC45MjM3IDcuMDI1MDIgMTEuNDc2OEM2LjkwNjI3IDExLjcwNDkgNi43OTM3NyAxMS45MTc0IDYuNjgxMjcgMTIuMTIwNkM3LjI4NzUyIDExLjg4MzEgNy45NzgxNSAxMS42ODYyIDguNzc4MTUgMTEuNTIzN0M4Ljc0Mjk2IDExLjQ5NjMgOC43MTAyMSAxMS40Njg5IDguNjc4MzggMTEuNDQyM0M4LjY1OTM0IDExLjQyNjQgOC42NDA2MSAxMS40MTA4IDguNjIxOSAxMS4zOTU2Wk0xMC44MTg3IDExLjc0NTZDMTAuNjU5NCAxMS43NDU2IDEwLjQ4NDQgMTEuNzU0OSAxMC4yODc1IDExLjc2NzRDMTAuNzkwNiAxMS45ODkzIDExLjE1IDEyLjEyMzcgMTEuNDM3NSAxMi4xMjM3QzExLjUyODEgMTIuMTIzNyAxMS42NjU2IDEyLjEwNDkgMTEuNzE1NiAxMi4wNzM3QzExLjc2NTYgMTIuMDQyNCAxMS43NjI1IDExLjg5MjQgMTEuNDc4MSAxMS44MTc0QzExLjE5MzcgMTEuNzQ1NiAxMS4xMDk0IDExLjc0NTYgMTAuODE4NyAxMS43NDU2Wk00LjQ4NDM4IDE0LjIzMzFDNC43MjgxMyAxNC4xMjM3IDUuMDk2ODcgMTMuNzY0MyA1LjY1IDEyLjg2NDNMNS42Mzg5OSAxMi44NzQ5QzUuNTY3MTkgMTIuOTQzNyA1LjQ5MjA3IDEzLjAxNTcgNS40NTkzNyAxMy4wNDI0QzQuOTMxMjUgMTMuNDgzMSA0LjU3NSAxMy45Nzk5IDQuNDg0MzggMTQuMjMzMVpNMyAxNS42MTc0VjMuNjE3NDNIMTBWNi42MTc0M0gxM1YxNS42MTc0SDNaIiBmaWxsPSIjMkE3OTk3Ii8+Cjwvc3ZnPgo="); } *.pdf { display: flex; align-items: flex-start; } .word-doc::before { display: inline-block; width: 1rem; height: 1.25rem; margin-right: 0.375rem; position: relative; top: 2px; content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNi4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMjA3KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICMyYTc5OTc7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMCw3LjRoLjdsLS44LDMuNi0xLjEtNC45aC0xLjdsLTEuMiw0LjktLjktNC45aC0xLjhsMS44LDhoMS43bDEuMi00LjgsMS4xLDQuOGgxLjZsMi4xLThoLTIuNnYxLjRoMFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQuNCwzLjZjLS40LS41LS45LTEtMS40LTEuNXMtMS4xLTEtMS42LTEuNGMtLjgtLjYtMS4yLS43LTEuNC0uN0gyLjNjLS43LDAtMS4yLjYtMS4yLDEuMnYxMy41YzAsLjcuNSwxLjIsMS4yLDEuMmgxMS41Yy43LDAsMS4yLS42LDEuMi0xLjJWNWMwLS4yLDAtLjYtLjYtMS40aDBaTTEyLjMsMi44Yy41LjUuOS45LDEuMSwxLjJoLTIuNFYxLjZjLjQuMy44LjYsMS4yLDEuMWgwWk0xNCwxNC44YzAsLjEtLjEuMi0uMi4ySDIuM2MtLjIsMC0uMi0uMS0uMi0uMlYxLjJjMC0uMSwwLS4yLjItLjJoNy43djMuNWMwLC4zLjIuNS41LjVoMy41djkuOFoiLz4KPC9zdmc+"); } .word-doc { display: flex; align-items: flex-start; } .video-icon::before { display: inline-block; width: 1rem; height: 1.25rem; margin-right: 0.375rem; position: relative; top: 2px; content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNi4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMjA3KSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICMyYTc5OTc7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDIuMnYxMy41aDE4VjIuMkgwWk0zLjQsMTQuNkgxLjF2LTIuMmgyLjJ2Mi4yWk0zLjQsMTAuMUgxLjF2LTIuMmgyLjJ2Mi4yWk0zLjQsNS42SDEuMXYtMi4yaDIuMnYyLjJaTTEzLjUsMTQuNkg0LjVWMy40aDl2MTEuMlpNMTYuOSwxNC42aC0yLjJ2LTIuMmgyLjJ2Mi4yWk0xNi45LDEwLjFoLTIuMnYtMi4yaDIuMnYyLjJaTTE2LjksNS42aC0yLjJ2LTIuMmgyLjJ2Mi4yWk02LjgsNS42djYuOGw0LjUtMy40LTQuNS0zLjRaIi8+Cjwvc3ZnPg=="); } .video-icon { display: flex; align-items: flex-start; } .video::before { display: inline-block; width: 1rem; height: 1.125rem; margin-right: 0.375rem; margin-bottom: 4px; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMwMzYgMS4zNjM1M0MxMy43MjM0IDEuNzk0OTYgMTMuODYwMiAyLjc3NDc0IDEzLjg2MDIgMi43NzQ3NEMxMy44NjAyIDIuNzc0NzQgMTQgMy45MjUzMSAxNCA1LjA3NTg3VjYuMTU0NTNDMTQgNy4zMDUwNiAxMy44NjAyIDguNDU1NjIgMTMuODYwMiA4LjQ1NTYyQzEzLjg2MDIgOC40NTU2MiAxMy43MjM0IDkuNDM1NCAxMy4zMDM2IDkuODY2ODdDMTIuODIzNyAxMC4zNzc0IDEyLjI5MTQgMTAuNDI5OSAxMS45OTA4IDEwLjQ1OTZDMTEuOTU3OSAxMC40NjI5IDExLjkyNzggMTAuNDY1OSAxMS45MDA5IDEwLjQ2OTFDOS45NDE3OCAxMC42MTI5IDcgMTAuNjE3NCA3IDEwLjYxNzRDNyAxMC42MTc0IDMuMzYwMDYgMTAuNTgzNyAyLjI0MDAzIDEwLjQ3NDdDMi4xODY3NyAxMC40NjQ1IDIuMTIyMTYgMTAuNDU2NiAyLjA0ODk5IDEwLjQ0NzdDMS42OTQxNSAxMC40MDQzIDEuMTM3ODYgMTAuMzM2NCAwLjY5NjM0NCA5Ljg2NjlDMC4yNzY1OTQgOS40MzU0MyAwLjE0IDguNDU1NjUgMC4xNCA4LjQ1NTY1QzAuMTQgOC40NTU2NSAwIDcuMzA1MDkgMCA2LjE1NDUzVjUuMDc1ODdDMCAzLjkyNTMxIDAuMTQgMi43NzQ3MSAwLjE0IDIuNzc0NzFDMC4xNCAyLjc3NDcxIDAuMjc2NTk0IDEuNzk0OTYgMC42OTYzNDQgMS4zNjM0OUMxLjE3NjQ3IDAuODUyOTY3IDEuNzA4NTcgMC44MDA0MTYgMi4wMDkyNCAwLjc3MDcyMkMyLjA0MjA3IDAuNzY3NDc5IDIuMDcyMTUgMC43NjQ1MDkgMi4wOTkwOSAwLjc2MTI0NEM0LjA1ODI1IDAuNjE3NDMyIDYuOTk2OTQgMC42MTc0MzIgNi45OTY5NCAwLjYxNzQzMkg3LjAwMzAzQzcuMDAzMDMgMC42MTc0MzIgOS45NDE3OCAwLjYxNzQzMiAxMS45MDA5IDAuNzYxMjc1QzExLjkyNzggMC43NjQ1NDEgMTEuOTU3OSAwLjc2NzUxMiAxMS45OTA4IDAuNzcwNzU2QzEyLjI5MTQgMC44MDA0NTEgMTIuODIzNyAwLjg1MzAxNCAxMy4zMDM2IDEuMzYzNTNaTTkuNSA1LjYxNzQzTDUgMy4xMTc0M0w1LjAwMDY5IDguMTE3NDNMOS41IDUuNjE3NDNaIiBmaWxsPSIjMkE3OTk3Ii8+Cjwvc3ZnPgo="); } .pdf-white::before { display: inline-block; width: 1rem; height: 1.125rem; margin-right: 0.375rem; margin-bottom: 4px; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDIuNjE3NDNIM0MyLjQ0Njg3IDIuNjE3NDMgMiAzLjA2NDMxIDIgMy42MTc0M1YxNS42MTc0QzIgMTYuMTcwNiAyLjQ0Njg3IDE2LjYxNzQgMyAxNi42MTc0SDEzQzEzLjU1MzEgMTYuNjE3NCAxNCAxNi4xNzA2IDE0IDE1LjYxNzRWNS42MTc0M0wxMSAyLjYxNzQzWk03LjUyODA4IDYuNjE3NDNMNy42NDY4MyA2LjYyMzY4QzcuODU5MzMgNi42MTQzMSA3Ljk5MzcxIDYuNzg2MTggOC4wNjI0NiA2Ljk0ODY4TDguMDg0MzMgNy4wMDgwNkM4LjEwMzA4IDcuMDYxMTggOC4xMDkzMyA3LjA3OTkzIDguMTE4NzEgNy4xNDg2OEM4LjE4NDMzIDcuNjQ4NjggNy45MzExNyA5LjEyMDY5IDcuOTMxMTcgOS4xMjA2OUM3LjkxODY4IDkuMTczNzcgNy45MDYxOSA5LjIyNjg2IDcuODkwNTggOS4yODkzMUM4LjEyNDk2IDkuOTQ1NTYgOC41MDMwOCAxMC41NDI0IDguOTUzMDggMTAuOTczN0M5LjExODcxIDExLjEzMzEgOS4zMzQzMyAxMS4yNjc0IDkuNTQwNTggMTEuMzg5M0MxMC4wMDMxIDExLjMyMzcgMTAuNDQzNyAxMS4yOTI0IDEwLjgwOTMgMTEuMjk1NkMxMS4zNDY4IDExLjMwMTggMTEuNzAzMSAxMS4zODYyIDExLjg2MjUgMTEuNTQ4N0MxMS45MTg3IDExLjYwNDkgMTEuOTcxOCAxMS42ODkzIDExLjk4MTIgMTEuNzU0OUMxMi4wMDkzIDExLjk4MzEgMTEuOTkwNiAxMi4yMDE4IDExLjg4NDMgMTIuMzY0M0MxMS44MzEyIDEyLjQ0NTYgMTEuNzQzNyAxMi41MDQ5IDExLjY0MDYgMTIuNTMzMUMxMS41NzUgMTIuNTUxOCAxMS40OTM3IDEyLjU2MTIgMTEuMzk2OCAxMi41NjEyQzEwLjg1NjIgMTIuNTYxMiAxMC4wMDMxIDEyLjI4MzEgOS4zMDkzMyAxMS44ODMxQzguMzk5OTYgMTIuMDIzNyA3LjM1OTMzIDEyLjI3NjggNi40NDY4MyAxMi41Nzk5QzUuNjU2MjEgMTMuOTg5MyA1LjA4MTIxIDE0LjYyMDYgNC41ODc0NiAxNC42MjA2QzQuNDkzNzEgMTQuNjIwNiA0LjQwMzA4IDE0LjU5ODcgNC4zMTg3MSAxNC41NTQ5TDQuMTIxODMgMTQuNDU0OUMzLjk5OTk2IDE0LjM4MzEgMy45ODEyMSAxNC4yMjY4IDQuMDA2MjEgMTQuMTA0OUM0LjA4NDMzIDEzLjcyMDYgNC41NDM3MSAxMy4yNDI0IDUuMjM3NDYgMTIuODE3NEM1LjI5NTEzIDEyLjc4MzMgNS40NzU0NCAxMi42ODQ4IDUuNTg4NzggMTIuNjIzQzUuNjQxMjYgMTIuNTk0MyA1LjY3OTM5IDEyLjU3MzUgNS42ODQzMyAxMi41NzA2TDUuODg3NDYgMTIuNDYxMkM2LjA4NzQ2IDEyLjExNzQgNi4zMDMwOCAxMS43MDgxIDYuNTQzNzEgMTEuMjI5OUw2LjU3NDk2IDExLjE3MDZDNi44MDMwOCAxMC43MTQzIDcuMDU5MzMgMTAuMTk1NiA3LjI2NTU4IDkuNjgzMDZMNy4zNDA1OCA5LjQ5ODY4QzcuMDUzMDggOC4zNzM2OCA2Ljg5MzcxIDcuNTA4MDYgNy4wNDY4MyA2LjkyNjgxQzcuMDk2ODMgNi43NDI0MyA3LjI5MDU4IDYuNjE3NDMgNy41MjgwOCA2LjYxNzQzWk03LjYxMjU0IDYuODc5OTNDNy41Mzc1NCA2Ljg3OTkzIDcuNTQzNzkgNy40NjExOCA3LjU0NjkxIDcuNDY0M0M3LjU0NjkxIDcuNzY3NDMgNy41OTA2NiA4LjIzMzA1IDcuNjgxMjkgOC41MjY4QzcuNzg3NTQgOC4zMjY4IDcuODc4MTYgOC4wNTgwNSA3Ljg2ODc5IDcuNjczNjhDNy44NjI1NCA3LjI4OTMgNy43NzE5MSA2Ljg3OTkzIDcuNjEyNTQgNi44Nzk5M1pNOC42MjE5IDExLjM5NTZDOC4yMjgxNSAxMS4wNTQ5IDcuODkzNzcgMTAuNjMzMSA3LjYyNTAyIDEwLjEzMzFDNy40OTA2NSAxMC40ODkzIDcuMzA5NCAxMC45MjM3IDcuMDI1MDIgMTEuNDc2OEM2LjkwNjI3IDExLjcwNDkgNi43OTM3NyAxMS45MTc0IDYuNjgxMjcgMTIuMTIwNkM3LjI4NzUyIDExLjg4MzEgNy45NzgxNSAxMS42ODYyIDguNzc4MTUgMTEuNTIzN0M4Ljc0Mjk2IDExLjQ5NjMgOC43MTAyMSAxMS40Njg5IDguNjc4MzggMTEuNDQyM0M4LjY1OTM0IDExLjQyNjQgOC42NDA2MSAxMS40MTA4IDguNjIxOSAxMS4zOTU2Wk0xMC44MTg3IDExLjc0NTZDMTAuNjU5NCAxMS43NDU2IDEwLjQ4NDQgMTEuNzU0OSAxMC4yODc1IDExLjc2NzRDMTAuNzkwNiAxMS45ODkzIDExLjE1IDEyLjEyMzcgMTEuNDM3NSAxMi4xMjM3QzExLjUyODEgMTIuMTIzNyAxMS42NjU2IDEyLjEwNDkgMTEuNzE1NiAxMi4wNzM3QzExLjc2NTYgMTIuMDQyNCAxMS43NjI1IDExLjg5MjQgMTEuNDc4MSAxMS44MTc0QzExLjE5MzcgMTEuNzQ1NiAxMS4xMDk0IDExLjc0NTYgMTAuODE4NyAxMS43NDU2Wk00LjQ4NDM4IDE0LjIzMzFDNC43MjgxMyAxNC4xMjM3IDUuMDk2ODcgMTMuNzY0MyA1LjY1IDEyLjg2NDNMNS42Mzg5OSAxMi44NzQ5QzUuNTY3MTkgMTIuOTQzNyA1LjQ5MjA3IDEzLjAxNTcgNS40NTkzNyAxMy4wNDI0QzQuOTMxMjUgMTMuNDgzMSA0LjU3NSAxMy45Nzk5IDQuNDg0MzggMTQuMjMzMVpNMyAxNS42MTc0VjMuNjE3NDNIMTBWNi42MTc0M0gxM1YxNS42MTc0SDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); } .colored-block__list-link.pdf-white::before { display: inline-block; width: 1rem; height: 1.125rem; margin-right: 0.375rem; margin-bottom: 4px; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDIuNjE3NDNIM0MyLjQ0Njg3IDIuNjE3NDMgMiAzLjA2NDMxIDIgMy42MTc0M1YxNS42MTc0QzIgMTYuMTcwNiAyLjQ0Njg3IDE2LjYxNzQgMyAxNi42MTc0SDEzQzEzLjU1MzEgMTYuNjE3NCAxNCAxNi4xNzA2IDE0IDE1LjYxNzRWNS42MTc0M0wxMSAyLjYxNzQzWk03LjUyODA4IDYuNjE3NDNMNy42NDY4MyA2LjYyMzY4QzcuODU5MzMgNi42MTQzMSA3Ljk5MzcxIDYuNzg2MTggOC4wNjI0NiA2Ljk0ODY4TDguMDg0MzMgNy4wMDgwNkM4LjEwMzA4IDcuMDYxMTggOC4xMDkzMyA3LjA3OTkzIDguMTE4NzEgNy4xNDg2OEM4LjE4NDMzIDcuNjQ4NjggNy45MzExNyA5LjEyMDY5IDcuOTMxMTcgOS4xMjA2OUM3LjkxODY4IDkuMTczNzcgNy45MDYxOSA5LjIyNjg2IDcuODkwNTggOS4yODkzMUM4LjEyNDk2IDkuOTQ1NTYgOC41MDMwOCAxMC41NDI0IDguOTUzMDggMTAuOTczN0M5LjExODcxIDExLjEzMzEgOS4zMzQzMyAxMS4yNjc0IDkuNTQwNTggMTEuMzg5M0MxMC4wMDMxIDExLjMyMzcgMTAuNDQzNyAxMS4yOTI0IDEwLjgwOTMgMTEuMjk1NkMxMS4zNDY4IDExLjMwMTggMTEuNzAzMSAxMS4zODYyIDExLjg2MjUgMTEuNTQ4N0MxMS45MTg3IDExLjYwNDkgMTEuOTcxOCAxMS42ODkzIDExLjk4MTIgMTEuNzU0OUMxMi4wMDkzIDExLjk4MzEgMTEuOTkwNiAxMi4yMDE4IDExLjg4NDMgMTIuMzY0M0MxMS44MzEyIDEyLjQ0NTYgMTEuNzQzNyAxMi41MDQ5IDExLjY0MDYgMTIuNTMzMUMxMS41NzUgMTIuNTUxOCAxMS40OTM3IDEyLjU2MTIgMTEuMzk2OCAxMi41NjEyQzEwLjg1NjIgMTIuNTYxMiAxMC4wMDMxIDEyLjI4MzEgOS4zMDkzMyAxMS44ODMxQzguMzk5OTYgMTIuMDIzNyA3LjM1OTMzIDEyLjI3NjggNi40NDY4MyAxMi41Nzk5QzUuNjU2MjEgMTMuOTg5MyA1LjA4MTIxIDE0LjYyMDYgNC41ODc0NiAxNC42MjA2QzQuNDkzNzEgMTQuNjIwNiA0LjQwMzA4IDE0LjU5ODcgNC4zMTg3MSAxNC41NTQ5TDQuMTIxODMgMTQuNDU0OUMzLjk5OTk2IDE0LjM4MzEgMy45ODEyMSAxNC4yMjY4IDQuMDA2MjEgMTQuMTA0OUM0LjA4NDMzIDEzLjcyMDYgNC41NDM3MSAxMy4yNDI0IDUuMjM3NDYgMTIuODE3NEM1LjI5NTEzIDEyLjc4MzMgNS40NzU0NCAxMi42ODQ4IDUuNTg4NzggMTIuNjIzQzUuNjQxMjYgMTIuNTk0MyA1LjY3OTM5IDEyLjU3MzUgNS42ODQzMyAxMi41NzA2TDUuODg3NDYgMTIuNDYxMkM2LjA4NzQ2IDEyLjExNzQgNi4zMDMwOCAxMS43MDgxIDYuNTQzNzEgMTEuMjI5OUw2LjU3NDk2IDExLjE3MDZDNi44MDMwOCAxMC43MTQzIDcuMDU5MzMgMTAuMTk1NiA3LjI2NTU4IDkuNjgzMDZMNy4zNDA1OCA5LjQ5ODY4QzcuMDUzMDggOC4zNzM2OCA2Ljg5MzcxIDcuNTA4MDYgNy4wNDY4MyA2LjkyNjgxQzcuMDk2ODMgNi43NDI0MyA3LjI5MDU4IDYuNjE3NDMgNy41MjgwOCA2LjYxNzQzWk03LjYxMjU0IDYuODc5OTNDNy41Mzc1NCA2Ljg3OTkzIDcuNTQzNzkgNy40NjExOCA3LjU0NjkxIDcuNDY0M0M3LjU0NjkxIDcuNzY3NDMgNy41OTA2NiA4LjIzMzA1IDcuNjgxMjkgOC41MjY4QzcuNzg3NTQgOC4zMjY4IDcuODc4MTYgOC4wNTgwNSA3Ljg2ODc5IDcuNjczNjhDNy44NjI1NCA3LjI4OTMgNy43NzE5MSA2Ljg3OTkzIDcuNjEyNTQgNi44Nzk5M1pNOC42MjE5IDExLjM5NTZDOC4yMjgxNSAxMS4wNTQ5IDcuODkzNzcgMTAuNjMzMSA3LjYyNTAyIDEwLjEzMzFDNy40OTA2NSAxMC40ODkzIDcuMzA5NCAxMC45MjM3IDcuMDI1MDIgMTEuNDc2OEM2LjkwNjI3IDExLjcwNDkgNi43OTM3NyAxMS45MTc0IDYuNjgxMjcgMTIuMTIwNkM3LjI4NzUyIDExLjg4MzEgNy45NzgxNSAxMS42ODYyIDguNzc4MTUgMTEuNTIzN0M4Ljc0Mjk2IDExLjQ5NjMgOC43MTAyMSAxMS40Njg5IDguNjc4MzggMTEuNDQyM0M4LjY1OTM0IDExLjQyNjQgOC42NDA2MSAxMS40MTA4IDguNjIxOSAxMS4zOTU2Wk0xMC44MTg3IDExLjc0NTZDMTAuNjU5NCAxMS43NDU2IDEwLjQ4NDQgMTEuNzU0OSAxMC4yODc1IDExLjc2NzRDMTAuNzkwNiAxMS45ODkzIDExLjE1IDEyLjEyMzcgMTEuNDM3NSAxMi4xMjM3QzExLjUyODEgMTIuMTIzNyAxMS42NjU2IDEyLjEwNDkgMTEuNzE1NiAxMi4wNzM3QzExLjc2NTYgMTIuMDQyNCAxMS43NjI1IDExLjg5MjQgMTEuNDc4MSAxMS44MTc0QzExLjE5MzcgMTEuNzQ1NiAxMS4xMDk0IDExLjc0NTYgMTAuODE4NyAxMS43NDU2Wk00LjQ4NDM4IDE0LjIzMzFDNC43MjgxMyAxNC4xMjM3IDUuMDk2ODcgMTMuNzY0MyA1LjY1IDEyLjg2NDNMNS42Mzg5OSAxMi44NzQ5QzUuNTY3MTkgMTIuOTQzNyA1LjQ5MjA3IDEzLjAxNTcgNS40NTkzNyAxMy4wNDI0QzQuOTMxMjUgMTMuNDgzMSA0LjU3NSAxMy45Nzk5IDQuNDg0MzggMTQuMjMzMVpNMyAxNS42MTc0VjMuNjE3NDNIMTBWNi42MTc0M0gxM1YxNS42MTc0SDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); } *.video { display: flex; align-items: center; } .arrow-right::before { display: inline-block; width: 1rem; height: 1.125rem; margin-right: 0.375rem; margin-bottom: 4px; content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTQuNjE3NFYxMS42MTc0SDJWOS42MTc0M0g4VjYuNjE3NDNMMTQgMTAuNjE3NEw4IDE0LjYxNzRaIiBmaWxsPSIjMkE3OTk3Ii8+Cjwvc3ZnPgo="); } *.arrow-right { display: flex; align-items: center; } .download::before { display: inline-block; width: 20px; height: 20px; margin-right: 0.375rem; margin-bottom: 4px; transform: scale(0.9); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMmE3OTk3Ij48cGF0aCBkPSJNNDgwLTMyMCAyODAtNTIwbDU2LTU4IDEwNCAxMDR2LTMyNmg4MHYzMjZsMTA0LTEwNCA1NiA1OC0yMDAgMjAwWk0yNDAtMTYwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMjQwdi0xMjBoODB2MTIwaDQ4MHYtMTIwaDgwdjEyMHEwIDMzLTIzLjUgNTYuNVQ3MjAtMTYwSDI0MFoiLz48L3N2Zz4="); } *.download { display: flex; align-items: center; } @media (min-width: 1200px) { /* Default layout with .sidebar present */ .main-container:has(.sidebar) { grid-template-columns: 2fr minmax(21.25rem, 1fr); gap: 3.125rem; } .main-container > .sidebar { padding-left: 1.5rem !important; } /* Layout without .sidebar */ .main-container:not(:has(.sidebar)) { grid-template-columns: 1fr; } .main-container > *:not(.sidebar) { grid-template-columns: 1fr; } .custom-row-gap { gap: 5rem; } } @media (min-width: 576px) and (max-width: 991px) { .custom-container-width { max-width: 720px; } } @media (min-width: 576px) and (max-width: 991px) { .custom-aside-width { max-width: 720px; width: 100%; margin: 0 auto; } } @media (min-width: 992px) and (max-width: 1199px) { .custom-aside-width { max-width: 960px; width: 100%; margin: 0 auto; } } .admin-title-row { flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 20px; margin-bottom: 32px; } .admin-wrapper { display: flex; padding: 32px; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; } .admin-title { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; margin-bottom: 32px; } .admin-title__icon { width: 40px; height: 40px; aspect-ratio: 1 / 1; flex-shrink: 0; } .admin-title__text { margin: 0; color: var(--Neutral-Light-950, #1c2024); font-family: "Nunito Sans", sans-serif; font-size: 32px; font-style: normal; font-weight: 900; line-height: 110%; } .admin-note { display: flex; padding: 12px; flex-direction: row; /* 👈 put label + text on same row */ align-items: center; gap: 4px; border: 1px solid var(--Neutral-Light-500, #cdced6); color: var(--Neutral-Light-950, #1c2024); font-family: Hind, sans-serif; font-size: 16px; font-style: normal; line-height: 150%; font-weight: 400; } .admin-note__label { font-weight: 600; } /* 2x3 grid */ .admin-grid { display: grid; grid-template-columns: repeat(3, minmax(240px, 1fr)); grid-template-rows: repeat(2, auto); gap: 32px; width: 100%; } /* Card styling */ .admin-box { background: #f8f9fa; padding: 32px; display: flex; flex-direction: column; align-items: flex-start; } /* Card title typography */ .admin-box__title { margin: 0; color: var(--Neutral-Light-950, #1c2024); font-family: Hind, sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; /* 30px */ } /* Links */ .admin-links { display: flex; flex-direction: column; gap: 6px; margin: 12px 0 0; padding-left: 0; list-style: none; } .admin-links li a { color: var(--Portal-Brand-Wave-Teal---txt-links, #2a7997); font-family: Hind; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; /* 20.8px */ text-decoration-line: underline; text-decoration-style: solid; display: flex; padding: 6px 0; align-items: flex-start; gap: 10px; align-self: stretch; } /* Small screen fallback */ @media (max-width: 640px) { .admin-grid { grid-template-columns: 1fr; grid-template-rows: repeat(6, auto); } } /* Inline SVG as an icon */ .link-icon { width: 16px; height: 16px; flex-shrink: 0; } .admin-link-disabled { pointer-events: none; text-decoration: none !important; color: var(--Neutral-Light-900, #60646c) !important; } .admin-link-disabled img { filter: grayscale(100%) brightness(0.4) !important; } .admin-breadcrumb-bar { display: flex; align-items: center; align-self: stretch; padding: 0 32px 0 80px; background: var(--266-d-88, #266d88); height: 48px; } .admin-breadcrumb .breadcrumb { background: transparent; margin: 0; padding: 0; color: var(--Neutral-Light-50, #fff); font-family: var(--font-family, Hind); font-size: 14px; font-style: normal; font-weight: 500; line-height: 125%; } .admin-breadcrumb .breadcrumb a { color: #fff; text-decoration: underline; font-weight: 500; } .admin-breadcrumb .breadcrumb-item.active { color: #fff; font-weight: 500; } .admin-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: url("data:image/svg+xml;utf8,"); padding: 0 12px; vertical-align: middle; } .notice-updated { font-size: 0.75rem; } .search-menu { min-width: 350px; } .dropdown-center .dropdown-menu.search-menu { margin-left: -310px; } .fs-18 { font-size: 1.125rem; } .form-search .form-control { flex-basis: 80%; } .w-200 { width: 200px; } ul.list-disc { list-style-type: disc; } .pt-8 { padding-top: 2rem; } /* Header layout and common elements */ header { /*border-bottom: 1px solid var(--bs-border-color);*/ } .site-logos { align-items: center; display: flex; flex-direction: row; gap: 1rem; } .site-logo { margin-right: .5rem; flex-direction: row; align-items: center; } .site-logo img { height: auto; max-width: 90px; } .extension-logo img { max-width: 100%; } .login-container { flex-direction: column; /* max-width allows for skip-link */ } .login-container .welcome-message { text-align: right; /*max-width: 200px;*/ word-wrap: break-word; } .login-container ul { justify-content: flex-end; } .site-nav { background-color: var(--bs-primary); } .site-title { background-color: var(--bs-primary); position: relative; padding-right: 100px; } @media (min-width: 992px) { .site-title { padding-right: 0 } } .site-title__text { color: var(--bs-white); display: inline-block; font-family: var(--bs-font-headers); font-size: 2.5rem; font-weight: 800; letter-spacing: -0.4px; line-height: 1; margin: 2rem 0 2.5rem; } .site-title__text--admin { font-style: italic; } .permits-nav, .admin-nav { /* background-color: #9E088F; */ background-color: var(--bs-primary); } header a.skip-link.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: no-wrap; border-width: 0; left:0; top: 0; } header a.skip-link.sr-only:focus { width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } @media (min-width: 640px) { .site-logo img { margin-right: 1em; max-width: 144px; width: 100%; } .login-container .welcome-message { /*max-width: 260px;*/ } } @media (min-width: 992px) { .login-container { flex-direction: row; align-items: center; } .site-logos { flex-direction: row; align-items: center; gap: 0; } } /* Footer layout and common elements */ footer { margin-top: auto; padding: 1.5rem 0; } .footer-copyright { font-size: 0.875rem; color: var(--bs-gray-dark); } /* Import spacing classes */ /* Tailwind-like spacing utilities for Bootstrap */ /* Padding all sides */ .p-0 { padding: var(--spacing-0); } .p-1 { padding: var(--spacing-1); } .p-2 { padding: var(--spacing-2); } .p-3 { padding: var(--spacing-3); } .p-4 { padding: var(--spacing-4); } .p-5 { padding: var(--spacing-5); } .p-6 { padding: var(--spacing-6); } .p-8 { padding: var(--spacing-8); } .p-10 { padding: var(--spacing-10); } .p-12 { padding: var(--spacing-12); } .p-16 { padding: var(--spacing-16); } .p-20 { padding: var(--spacing-20); } .p-24 { padding: var(--spacing-24); } .p-32 { padding: var(--spacing-32); } /* Padding X axis (left and right) */ .px-0 { padding-left: var(--spacing-0); padding-right: var(--spacing-0); } .px-1 { padding-left: var(--spacing-1); padding-right: var(--spacing-1); } .px-2 { padding-left: var(--spacing-2); padding-right: var(--spacing-2); } .px-3 { padding-left: var(--spacing-3); padding-right: var(--spacing-3); } .px-4 { padding-left: var(--spacing-4); padding-right: var(--spacing-4); } .px-5 { padding-left: var(--spacing-5); padding-right: var(--spacing-5); } .px-6 { padding-left: var(--spacing-6); padding-right: var(--spacing-6); } .px-8 { padding-left: var(--spacing-8); padding-right: var(--spacing-8); } .px-10 { padding-left: var(--spacing-10); padding-right: var(--spacing-10); } .px-12 { padding-left: var(--spacing-12); padding-right: var(--spacing-12); } .px-16 { padding-left: var(--spacing-16); padding-right: var(--spacing-16); } .px-20 { padding-left: var(--spacing-20); padding-right: var(--spacing-20); } .px-24 { padding-left: var(--spacing-24); padding-right: var(--spacing-24); } .px-32 { padding-left: var(--spacing-32); padding-right: var(--spacing-32); } /* Padding Y axis (top and bottom) */ .py-0 { padding-top: var(--spacing-0); padding-bottom: var(--spacing-0); } .py-1 { padding-top: var(--spacing-1); padding-bottom: var(--spacing-1); } .py-2 { padding-top: var(--spacing-2); padding-bottom: var(--spacing-2); } .py-3 { padding-top: var(--spacing-3); padding-bottom: var(--spacing-3); } .py-4 { padding-top: var(--spacing-4); padding-bottom: var(--spacing-4); } .py-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); } .py-6 { padding-top: var(--spacing-6); padding-bottom: var(--spacing-6); } .py-8 { padding-top: var(--spacing-8); padding-bottom: var(--spacing-8); } .py-10 { padding-top: var(--spacing-10); padding-bottom: var(--spacing-10); } .py-12 { padding-top: var(--spacing-12); padding-bottom: var(--spacing-12); } .py-16 { padding-top: var(--spacing-16); padding-bottom: var(--spacing-16); } .py-20 { padding-top: var(--spacing-20); padding-bottom: var(--spacing-20); } .py-24 { padding-top: var(--spacing-24); padding-bottom: var(--spacing-24); } .py-32 { padding-top: var(--spacing-32); padding-bottom: var(--spacing-32); } /* Padding Top */ .pt-0 { padding-top: var(--spacing-0); } .pt-1 { padding-top: var(--spacing-1); } .pt-2 { padding-top: var(--spacing-2); } .pt-3 { padding-top: var(--spacing-3); } .pt-4 { padding-top: var(--spacing-4); } .pt-5 { padding-top: var(--spacing-5); } .pt-6 { padding-top: var(--spacing-6); } .pt-8 { padding-top: var(--spacing-8); } .pt-10 { padding-top: var(--spacing-10); } .pt-12 { padding-top: var(--spacing-12); } .pt-16 { padding-top: var(--spacing-16); } .pt-20 { padding-top: var(--spacing-20); } .pt-24 { padding-top: var(--spacing-24); } .pt-32 { padding-top: var(--spacing-32); } /* Padding Right */ .pr-0 { padding-right: var(--spacing-0); } .pr-1 { padding-right: var(--spacing-1); } .pr-2 { padding-right: var(--spacing-2); } .pr-3 { padding-right: var(--spacing-3); } .pr-4 { padding-right: var(--spacing-4); } .pr-5 { padding-right: var(--spacing-5); } .pr-6 { padding-right: var(--spacing-6); } .pr-8 { padding-right: var(--spacing-8); } .pr-10 { padding-right: var(--spacing-10); } .pr-12 { padding-right: var(--spacing-12); } .pr-16 { padding-right: var(--spacing-16); } .pr-20 { padding-right: var(--spacing-20); } .pr-24 { padding-right: var(--spacing-24); } .pr-32 { padding-right: var(--spacing-32); } /* Padding Bottom */ .pb-0 { padding-bottom: var(--spacing-0); } .pb-1 { padding-bottom: var(--spacing-1); } .pb-2 { padding-bottom: var(--spacing-2); } .pb-3 { padding-bottom: var(--spacing-3); } .pb-4 { padding-bottom: var(--spacing-4); } .pb-5 { padding-bottom: var(--spacing-5); } .pb-6 { padding-bottom: var(--spacing-6); } .pb-8 { padding-bottom: var(--spacing-8); } .pb-10 { padding-bottom: var(--spacing-10); } .pb-12 { padding-bottom: var(--spacing-12); } .pb-16 { padding-bottom: var(--spacing-16); } .pb-20 { padding-bottom: var(--spacing-20); } .pb-24 { padding-bottom: var(--spacing-24); } .pb-32 { padding-bottom: var(--spacing-32); } /* Padding Left */ .pl-0 { padding-left: var(--spacing-0); } .pl-1 { padding-left: var(--spacing-1); } .pl-2 { padding-left: var(--spacing-2); } .pl-3 { padding-left: var(--spacing-3); } .pl-4 { padding-left: var(--spacing-4); } .pl-5 { padding-left: var(--spacing-5); } .pl-6 { padding-left: var(--spacing-6); } .pl-8 { padding-left: var(--spacing-8); } .pl-10 { padding-left: var(--spacing-10); } .pl-12 { padding-left: var(--spacing-12); } .pl-16 { padding-left: var(--spacing-16); } .pl-20 { padding-left: var(--spacing-20); } .pl-24 { padding-left: var(--spacing-24); } .pl-32 { padding-left: var(--spacing-32); } /* Margin utilities following the same pattern */ .m-0 { margin: var(--spacing-0); } .m-1 { margin: var(--spacing-1); } .m-2 { margin: var(--spacing-2); } .m-3 { margin: var(--spacing-3); } .m-4 { margin: var(--spacing-4); } .m-5 { margin: var(--spacing-5); } .m-6 { margin: var(--spacing-6); } .m-8 { margin: var(--spacing-8); } .m-10 { margin: var(--spacing-10); } .m-12 { margin: var(--spacing-12); } .m-16 { margin: var(--spacing-16); } .m-20 { margin: var(--spacing-20); } .m-24 { margin: var(--spacing-24); } .m-32 { margin: var(--spacing-32); } .m-auto { margin: auto; } .mx-0 { margin-left: var(--spacing-0); margin-right: var(--spacing-0); } .mx-1 { margin-left: var(--spacing-1); margin-right: var(--spacing-1); } .mx-2 { margin-left: var(--spacing-2); margin-right: var(--spacing-2); } .mx-3 { margin-left: var(--spacing-3); margin-right: var(--spacing-3); } .mx-4 { margin-left: var(--spacing-4); margin-right: var(--spacing-4); } .mx-5 { margin-left: var(--spacing-5); margin-right: var(--spacing-5); } .mx-6 { margin-left: var(--spacing-6); margin-right: var(--spacing-6); } .mx-8 { margin-left: var(--spacing-8); margin-right: var(--spacing-8); } .mx-10 { margin-left: var(--spacing-10); margin-right: var(--spacing-10); } .mx-12 { margin-left: var(--spacing-12); margin-right: var(--spacing-12); } .mx-16 { margin-left: var(--spacing-16); margin-right: var(--spacing-16); } .mx-20 { margin-left: var(--spacing-20); margin-right: var(--spacing-20); } .mx-24 { margin-left: var(--spacing-24); margin-right: var(--spacing-24); } .mx-32 { margin-left: var(--spacing-32); margin-right: var(--spacing-32); } .mx-auto { margin-left: auto; margin-right: auto; } .my-0 { margin-top: var(--spacing-0); margin-bottom: var(--spacing-0); } .my-1 { margin-top: var(--spacing-1); margin-bottom: var(--spacing-1); } .my-2 { margin-top: var(--spacing-2); margin-bottom: var(--spacing-2); } .my-3 { margin-top: var(--spacing-3); margin-bottom: var(--spacing-3); } .my-4 { margin-top: var(--spacing-4); margin-bottom: var(--spacing-4); } .my-5 { margin-top: var(--spacing-5); margin-bottom: var(--spacing-5); } .my-6 { margin-top: var(--spacing-6); margin-bottom: var(--spacing-6); } .my-8 { margin-top: var(--spacing-8); margin-bottom: var(--spacing-8); } .my-10 { margin-top: var(--spacing-10); margin-bottom: var(--spacing-10); } .my-12 { margin-top: var(--spacing-12); margin-bottom: var(--spacing-12); } .my-16 { margin-top: var(--spacing-16); margin-bottom: var(--spacing-16); } .my-20 { margin-top: var(--spacing-20); margin-bottom: var(--spacing-20); } .my-24 { margin-top: var(--spacing-24); margin-bottom: var(--spacing-24); } .my-32 { margin-top: var(--spacing-32); margin-bottom: var(--spacing-32); } .my-auto { margin-top: auto; margin-bottom: auto; } .mt-0 { margin-top: var(--spacing-0); } .mt-1 { margin-top: var(--spacing-1); } .mt-2 { margin-top: var(--spacing-2); } .mt-3 { margin-top: var(--spacing-3); } .mt-4 { margin-top: var(--spacing-4); } .mt-5 { margin-top: var(--spacing-5); } .mt-6 { margin-top: var(--spacing-6); } .mt-8 { margin-top: var(--spacing-8); } .mt-10 { margin-top: var(--spacing-10); } .mt-12 { margin-top: var(--spacing-12); } .mt-16 { margin-top: var(--spacing-16); } .mt-20 { margin-top: var(--spacing-20); } .mt-24 { margin-top: var(--spacing-24); } .mt-32 { margin-top: var(--spacing-32); } .mt-auto { margin-top: auto; } .mr-0 { margin-right: var(--spacing-0); } .mr-1 { margin-right: var(--spacing-1); } .mr-2 { margin-right: var(--spacing-2); } .mr-3 { margin-right: var(--spacing-3); } .mr-4 { margin-right: var(--spacing-4); } .mr-5 { margin-right: var(--spacing-5); } .mr-6 { margin-right: var(--spacing-6); } .mr-8 { margin-right: var(--spacing-8); } .mr-10 { margin-right: var(--spacing-10); } .mr-12 { margin-right: var(--spacing-12); } .mr-16 { margin-right: var(--spacing-16); } .mr-20 { margin-right: var(--spacing-20); } .mr-24 { margin-right: var(--spacing-24); } .mr-32 { margin-right: var(--spacing-32); } .mr-auto { margin-right: auto; } .mb-0 { margin-bottom: var(--spacing-0); } .mb-1 { margin-bottom: var(--spacing-1); } .mb-2 { margin-bottom: var(--spacing-2); } .mb-3 { margin-bottom: var(--spacing-3); } .mb-4 { margin-bottom: var(--spacing-4); } .mb-5 { margin-bottom: var(--spacing-5); } .mb-6 { margin-bottom: var(--spacing-6); } .mb-8 { margin-bottom: var(--spacing-8); } .mb-10 { margin-bottom: var(--spacing-10); } .mb-12 { margin-bottom: var(--spacing-12); } .mb-16 { margin-bottom: var(--spacing-16); } .mb-20 { margin-bottom: var(--spacing-20); } .mb-24 { margin-bottom: var(--spacing-24); } .mb-32 { margin-bottom: var(--spacing-32); } .mb-auto { margin-bottom: auto; } .ml-0 { margin-left: var(--spacing-0); } .ml-1 { margin-left: var(--spacing-1); } .ml-2 { margin-left: var(--spacing-2); } .ml-3 { margin-left: var(--spacing-3); } .ml-4 { margin-left: var(--spacing-4); } .ml-5 { margin-left: var(--spacing-5); } .ml-6 { margin-left: var(--spacing-6); } .ml-8 { margin-left: var(--spacing-8); } .ml-10 { margin-left: var(--spacing-10); } .ml-12 { margin-left: var(--spacing-12); } .ml-16 { margin-left: var(--spacing-16); } .ml-20 { margin-left: var(--spacing-20); } .ml-24 { margin-left: var(--spacing-24); } .ml-32 { margin-left: var(--spacing-32); } .ml-auto { margin-left: auto; } /* Import all component styles */ /* Navigation component styles */ header > .site-nav .navbar { --bs-navbar-toggler-border-color: var(--bs-white); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZmZmZiINCiAgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIg0KICAgIGQ9Ik0yLjUgMTJhLjUuNSAwIDAgMSAuNS0uNWgxMGEuNS41IDAgMCAxIDAgMUgzYS41LjUgMCAwIDEtLjUtLjVtMC00YS41LjUgMCAwIDEgLjUtLjVoMTBhLjUuNSAwIDAgMSAwIDFIM2EuNS41IDAgMCAxLS41LS41bTAtNGEuNS41IDAgMCAxIC41LS41aDEwYS41LjUgMCAwIDEgMCAxSDNhLjUuNSAwIDAgMS0uNS0uNSIgLz4NCjwvc3ZnPg=="); --bs-navbar-toggler-font-size: 1.125rem; } header > .site-nav .navbar-brand { font-weight: 700; color: var(--bs-primary); } header > .site-nav .nav-link { color: white; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; } header > .site-nav .nav-link:hover { color: var(--bs-white) !important; text-decoration: underline; } header > .site-nav .nav-link.search-toggle:hover { text-decoration: none !important; } header > .site-nav .nav-link.dropdown-toggle.search-toggle::after { display: none !important; content: none !important; } header > .site-nav .search-icon { opacity: 1; transition: opacity 0.3s ease; } header > .site-nav .search-toggle[aria-expanded="true"] .search-icon { opacity: 0.85; } header > .site-nav .nav-link.active { color: var(--bs-white) !important; } header > .site-nav a:focus-visible, header > .site-nav button:focus-visible, header > .permits-nav a:focus-visible, header > .permits-nav button:focus-visible, header > .site-title a:focus-visible, header > .site-title button:focus-visible { outline: 2px solid #fff; box-shadow: none; } header > .permits-nav { display: none; /* commented out in _SiteNavPartial */ /* .nav-link.dropdown-toggle[aria-current="page"] > .active-border { background-color: #9e088f; } */ /* Custom chevron icon for dropdown toggle */ /* Rotate the chevron when dropdown is shown */ /* .nav-link.sdc-toggle[aria-current="page"] > .active-border { background-color: #9e088f; } */ /* Custom chevron icon for dropdown toggle */ } @media(min-width: 992px) { header > .permits-nav { display: block } } header > .permits-nav .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: none; --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; } header > .permits-nav .navbar-nav { --bs-nav-link-padding-x: 1.5rem; --bs-nav-link-padding-y: 1.25rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color) rgba(0, 0, 0, 0.8); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); } header > .permits-nav .navbar-nav .nav-item:not(:last-child) { /* border-right: 1px solid var(--bs-white); */ margin-right: 0.5rem; } header > .permits-nav .nav-link.active, header > .permits-nav .nav-link.dropdown-toggle[aria-expanded="true"] { background-color: var(--bs-white) !important; } header > .permits-nav .nav-item.dropdown { width: 33.3333%; box-shadow: var(--bs-dropdown-box-shadow); } header > .permits-nav .nav-item.dropdown span { font-weight: 400; } header > .permits-nav .nav-link.dropdown-toggle { position: relative; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 130%; /* 23.4px */ color: var(--bs-white); width: 100%; height: 100%; text-align: left; white-space: wrap; position: relative; box-shadow: 0px 4px 0px 0px #ffffff; z-index: 99; padding-right: 4.6875rem !important; /* Add space for our custom chevron */ transition: all 0.25s ease; border-radius: 0.25rem 0.25rem 0 0; background-color: var(--bs-accent-dark); } header > .permits-nav .nav-link.dropdown-toggle:hover { background-color: #ac2e9f; text-decoration: none; } header > .permits-nav .nav-link.dropdown-toggle > .active-border { position: absolute; top: -4px; left: 0; width: 100%; height: 0.25rem; /* 4px */ background-color: transparent; transition: all 0.25s ease; } header > .permits-nav .nav-link.dropdown-toggle[aria-expanded="true"], header > .permits-nav .nav-link.dropdown-toggle[aria-current="page"] { color: var(--bs-body-color); } header > .permits-nav .nav-link.dropdown-toggle::after { content: ""; border: none; display: inline-block; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjY2NSAxMC4wMzM0TDAuNjY2NTA0IDIuMDMzMzVMMi41MzMxNyAwLjE2NjY4N0w4LjY2NjUgNi4zMDAwMkwxNC43OTk4IDAuMTY2Njg3TDE2LjY2NjUgMi4wMzMzNUw4LjY2NjUgMTAuMDMzNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 0.25s ease; } header > .permits-nav .nav-link.dropdown-toggle[aria-current="page"]::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjY2NSAxMC4wMzM0TDAuNjY2NTA0IDIuMDMzMzVMMi41MzMxNyAwLjE2NjY4N0w4LjY2NjUgNi4zMDAwMkwxNC43OTk4IDAuMTY2Njg3TDE2LjY2NjUgMi4wMzMzNUw4LjY2NjUgMTAuMDMzNFoiIGZpbGw9IiMyQTc5OTciLz4KPC9zdmc+Cg=="); } header > .permits-nav .nav-link.dropdown-toggle[aria-expanded="true"]::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjY2NSAxMC4wMzM0TDAuNjY2NTA0IDIuMDMzMzVMMi41MzMxNyAwLjE2NjY4N0w4LjY2NjUgNi4zMDAwMkwxNC43OTk4IDAuMTY2Njg3TDE2LjY2NjUgMi4wMzMzNUw4LjY2NjUgMTAuMDMzNFoiIGZpbGw9IiMyQTc5OTciLz4KPC9zdmc+Cg=="); transform: translateY(-50%) rotate(180deg); } header > .permits-nav .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-border-color: transparent; --bs-dropdown-border-radius: 0; --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: 0; --bs-dropdown-divider-bg: var(--bs-secondary); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-link-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; width: 100%; box-shadow: var(--bs-dropdown-box-shadow); z-index: 2; } header > .permits-nav .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } header > .permits-nav .dropdown-item:hover, header > .permits-nav .dropdown-item:focus { text-decoration: underline; background-color: var(--bs-dropdown-link-hover-bg); } header > .permits-nav .nav-link.sdc-toggle[aria-expanded="true"], header > .permits-nav .nav-link.sdc-toggle[aria-current="page"] { color: var(--bs-white); } header > .permits-nav .nav-link.sdc-toggle { position: relative; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 130%; /* 23.4px */ color: var(--bs-white); width: 100%; height: 100%; text-align: left; white-space: wrap; position: relative; box-shadow: 0px 4px 0px 0px #ffffff; z-index: 99; padding-right: 4.6875rem !important; /* Add space for our custom chevron */ transition: all 0.25s ease; border-radius: 0.25rem 0.25rem 0 0; background-color: var(--bs-accent-dark); } header > .permits-nav .nav-link.sdc-toggle span { font-weight: 400; } header > .permits-nav .nav-link.sdc-toggle:hover { background-color: #ac2e9f; text-decoration: none; } header > .permits-nav .nav-link.sdc-toggle > .active-border { position: absolute; top: -4px; left: 0; width: 100%; height: 0.25rem; /* 4px */ background-color: transparent; transition: all 0.25s ease; } header > .permits-nav .nav-link.sdc-toggle[aria-expanded="true"], header > .permits-nav .nav-link.sdc-toggle[aria-current="page"] { color: var(--bs-body-color); } header > .permits-nav .nav-link.sdc-toggle::after { content: ""; border: none; display: inline-block; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; /*background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjY2NSAxMC4wMzM0TDAuNjY2NTA0IDIuMDMzMzVMMi41MzMxNyAwLjE2NjY4N0w4LjY2NjUgNi4zMDAwMkwxNC43OTk4IDAuMTY2Njg3TDE2LjY2NjUgMi4wMzMzNUw4LjY2NjUgMTAuMDMzNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");*/ background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 0.25s ease; } header > .admin-nav .nav-item a:focus-visible, header > .admin-nav .nav-item button:focus-visible { outline: 4px solid #fff; box-shadow: none; } header > .admin-nav .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: none; --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; } header > .admin-nav .navbar-nav { --bs-nav-link-padding-x: 1.5rem; --bs-nav-link-padding-y: 0; --bs-nav-link-font-weight: ; --bs-nav-link-color: rgba(255,255,255,1); --bs-nav-link-hover-color: rgba(255,255,255,.85); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); } header > .admin-nav .navbar-nav .nav-item { margin-right: 4px; } header > .admin-nav .nav-link.active { background-color: var(--bs-white) !important; } header > .admin-nav .nav-item.dropdown { width: 33.3333%; box-shadow: var(--bs-dropdown-box-shadow); } header > .admin-nav .nav-link { background: #266D88; position: relative; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: 130%; /* 23.4px */ color: var(--bs-white); width: 100%; height: 100%; text-align: left; white-space: wrap; position: relative; box-shadow: none; z-index: 99; transition: all 0.25s ease; padding: 1.25rem 1.5rem; } header > .admin-nav .nav-link:hover { background-color: #2A7997; text-decoration: none; } header > .admin-nav .nav-link.dropdown-toggle[aria-expanded="true"], header > .admin-nav .nav-link.dropdown-toggle[aria-current="page"] { color: var(--bs-secondary); } header > .admin-nav .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-border-color: transparent; --bs-dropdown-border-radius: 0; --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: 0; --bs-dropdown-divider-bg: var(--bs-secondary); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-link-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; width: 100%; box-shadow: var(--bs-dropdown-box-shadow); z-index: 1; } header > .admin-nav .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } header > .admin-nav .dropdown-item:hover, header > .admin-nav .dropdown-item:focus { text-decoration: underline; background-color: var(--bs-dropdown-link-hover-bg); } .navbar > .container-fluid { align-items: flex-end !important; } .navbar-nav a.nav-link.sdc-toggle, .navbar-nav button.nav-link.dropdown-toggle { padding-left: 1.25rem; } .navbar-nav a.nav-link.sdc-toggle:focus-visible, .navbar-nav button.nav-link.dropdown-toggle:focus-visible { outline: 2px solid; box-shadow: none; } .mobile-toggler { display: block; position: absolute; right: 20px; bottom: 20px; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 1; } .mobile-toggler:hover { color: rgba(255,255,255,.8) } @media (min-width: 992px) { .mobile-toggler { display:none } } header > .offcanvas { /* Mobile menu */ --bs-offcanvas-width: 300px; --bs-dropdown-divider-bg: var(--bs-border-color); } header > .offcanvas .offcanvas-header .btn-close { --bs-btn-close-opacity: 1; height: 14px; width: 14px; } header > .offcanvas .offcanvas-header .btn { display: flex; flex-direction: row; align-items: center; text-transform: uppercase; padding: 0; font-size: 16px; } header > .offcanvas .offcanvas-header .btn span { display: flex; padding: 0; line-height: 1; margin: 0 5px; font-weight: 500; } header > .offcanvas .offcanvas-body { padding-top: 0; } header > .offcanvas .navbar-nav { font-size: var(--kendo-font-size); } header > .offcanvas .nav-item { padding: 0; } header > .offcanvas .nav-link { line-height: 1; color: var(--bs-link-color); text-decoration: underline; padding: var(--spacing-2) 0; } header > .offcanvas .nav-link:hover { text-decoration: none; } header > .offcanvas .dropdown-toggle { background: var(--bs-body-bg); border: none; font-size: var(--kendo-font-size); padding: var(--spacing-3) 48px var(--spacing-3) 0; text-align: start; white-space: wrap; } header > .offcanvas .dropdown-toggle span { font-weight: bold; } header > .offcanvas .dropdown-toggle::after { background: transparent no-repeat center url('/images/keyboard_arrow_down.svg'); border-bottom: 0; border-left: 0; border-right: 0; border-top: 0; bottom: 50%; height: 32px; margin-left: 0; position: absolute; right: 0; top: 16px; transition: all 0.25s ease; width: 32px; } header > .offcanvas .dropdown-toggle.show::after { rotate: 180deg; } header > .offcanvas .dropdown-menu { --bs-dropdown-border-color: transparent; --bs-dropdown-border-width: 0; --bs-dropdown-border-radius: 0; font-size: var(--kendo-font-size); padding-top: 0; padding-bottom: 0; } header > .offcanvas .dropdown-item { --bs-dropdown-item-padding-x: 0; --bs-dropdown-item-padding-y: 0; white-space: wrap; } header > .offcanvas .offcanvas-search { display: flex; flex-direction: row; } header > .offcanvas .offcanvas-search button { margin-left: var(--spacing-3); } .login-nav { display: none; } @media (min-width: 992px) { .login-nav { display: flex } } .login-nav--mobile { display: flex; } @media (min-width: 992px) { .login-nav--mobile { display: none } } /* Accordion component styles */ .accordion { --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-border-width: 0; --bs-accordion-body-padding-y: 2rem; --bs-accordion-body-padding-x: 3.25rem; --bs-accordion-active-bg: var(--bs-secondary); --bs-accordion-btn-color: var(--bs-primary); /* Remove default Bootstrap accordion button icon */ --bs-accordion-btn-icon: none; --bs-accordion-btn-active-icon: none; } .accordion-button { color: var(--bs-dark); text-box-trim: trim-both; text-box-edge: cap alphabetic; font-family: Hind, sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 150%; /* 30px */ } .accordion-button:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0); border-radius: 0; } .accordion-button:focus-visible { box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); border-radius: 0; } .accordion-item { margin-bottom: var(--spacing-2); } .accordion-body { padding: 1.5rem 1rem var(--bs-accordion-body-padding-y) 1rem; } @media (min-width: 576px) { .accordion-body { padding: 1.5rem var(--bs-accordion-body-padding-x) var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } } /* Custom plus/minus icon styles */ .accordion-button { position: relative; background-color: var(--bs-light); } /* Create the plus icon using ::after pseudo-element */ .accordion-button::before { flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; content: ""; border-radius: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQzNDVfODIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSI+CjxyZWN0IHk9IjAuNjE3NDMyIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzQzNDVfODIpIj4KPHBhdGggZD0iTTExIDE3LjYxNzRIMTNWMTMuNjE3NEgxN1YxMS42MTc0SDEzVjcuNjE3NDNIMTFWMTEuNjE3NEg3VjEzLjYxNzRIMTFWMTcuNjE3NFpNMTIgMjIuNjE3NEMxMC42MTY3IDIyLjYxNzQgOS4zMTY2NyAyMi4zNTQ5IDguMSAyMS44Mjk5QzYuODgzMzMgMjEuMzA0OSA1LjgyNSAyMC41OTI0IDQuOTI1IDE5LjY5MjRDNC4wMjUgMTguNzkyNCAzLjMxMjUgMTcuNzM0MSAyLjc4NzUgMTYuNTE3NEMyLjI2MjUgMTUuMzAwOCAyIDE0LjAwMDggMiAxMi42MTc0QzIgMTEuMjM0MSAyLjI2MjUgOS45MzQxIDIuNzg3NSA4LjcxNzQzQzMuMzEyNSA3LjUwMDc2IDQuMDI1IDYuNDQyNDMgNC45MjUgNS41NDI0M0M1LjgyNSA0LjY0MjQzIDYuODgzMzMgMy45Mjk5MyA4LjEgMy40MDQ5M0M5LjMxNjY3IDIuODc5OTMgMTAuNjE2NyAyLjYxNzQzIDEyIDIuNjE3NDNDMTMuMzgzMyAyLjYxNzQzIDE0LjY4MzMgMi44Nzk5MyAxNS45IDMuNDA0OTNDMTcuMTE2NyAzLjkyOTkzIDE4LjE3NSA0LjY0MjQzIDE5LjA3NSA1LjU0MjQzQzE5Ljk3NSA2LjQ0MjQzIDIwLjY4NzUgNy41MDA3NiAyMS4yMTI1IDguNzE3NDNDMjEuNzM3NSA5LjkzNDEgMjIgMTEuMjM0MSAyMiAxMi42MTc0QzIyIDE0LjAwMDggMjEuNzM3NSAxNS4zMDA4IDIxLjIxMjUgMTYuNTE3NEMyMC42ODc1IDE3LjczNDEgMTkuOTc1IDE4Ljc5MjQgMTkuMDc1IDE5LjY5MjRDMTguMTc1IDIwLjU5MjQgMTcuMTE2NyAyMS4zMDQ5IDE1LjkgMjEuODI5OUMxNC42ODMzIDIyLjM1NDkgMTMuMzgzMyAyMi42MTc0IDEyIDIyLjYxNzRaTTEyIDIwLjYxNzRDMTQuMjMzMyAyMC42MTc0IDE2LjEyNSAxOS44NDI0IDE3LjY3NSAxOC4yOTI0QzE5LjIyNSAxNi43NDI0IDIwIDE0Ljg1MDggMjAgMTIuNjE3NEMyMCAxMC4zODQxIDE5LjIyNSA4LjQ5MjQzIDE3LjY3NSA2Ljk0MjQzQzE2LjEyNSA1LjM5MjQzIDE0LjIzMzMgNC42MTc0MyAxMiA0LjYxNzQzQzkuNzY2NjcgNC42MTc0MyA3Ljg3NSA1LjM5MjQzIDYuMzI1IDYuOTQyNDNDNC43NzUgOC40OTI0MyA0IDEwLjM4NDEgNCAxMi42MTc0QzQgMTQuODUwOCA0Ljc3NSAxNi43NDI0IDYuMzI1IDE4LjI5MjRDNy44NzUgMTkuODQyNCA5Ljc2NjY3IDIwLjYxNzQgMTIgMjAuNjE3NFoiIGZpbGw9IiMyQTc5OTciLz4KPC9nPgo8L3N2Zz4K"); background-repeat: no-repeat; background-size: 1.5rem; background-position: center; transition: all 0.2s ease-in-out; } /* Change to minus icon when expanded */ .accordion-button:not(.collapsed)::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQzMDFfNzA4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjUiPgo8cmVjdCB5PSIwLjYxNzQzMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF80MzAxXzcwOCkiPgo8cGF0aCBkPSJNNyAxMy42MTc0SDE3VjExLjYxNzRIN1YxMy42MTc0Wk0xMiAyMi42MTc0QzEwLjYxNjcgMjIuNjE3NCA5LjMxNjY3IDIyLjM1NDkgOC4xIDIxLjgyOTlDNi44ODMzMyAyMS4zMDQ5IDUuODI1IDIwLjU5MjQgNC45MjUgMTkuNjkyNEM0LjAyNSAxOC43OTI0IDMuMzEyNSAxNy43MzQxIDIuNzg3NSAxNi41MTc0QzIuMjYyNSAxNS4zMDA4IDIgMTQuMDAwOCAyIDEyLjYxNzRDMiAxMS4yMzQxIDIuMjYyNSA5LjkzNDEgMi43ODc1IDguNzE3NDNDMy4zMTI1IDcuNTAwNzYgNC4wMjUgNi40NDI0MyA0LjkyNSA1LjU0MjQzQzUuODI1IDQuNjQyNDMgNi44ODMzMyAzLjkyOTkzIDguMSAzLjQwNDkzQzkuMzE2NjcgMi44Nzk5MyAxMC42MTY3IDIuNjE3NDMgMTIgMi42MTc0M0MxMy4zODMzIDIuNjE3NDMgMTQuNjgzMyAyLjg3OTkzIDE1LjkgMy40MDQ5M0MxNy4xMTY3IDMuOTI5OTMgMTguMTc1IDQuNjQyNDMgMTkuMDc1IDUuNTQyNDNDMTkuOTc1IDYuNDQyNDMgMjAuNjg3NSA3LjUwMDc2IDIxLjIxMjUgOC43MTc0M0MyMS43Mzc1IDkuOTM0MSAyMiAxMS4yMzQxIDIyIDEyLjYxNzRDMjIgMTQuMDAwOCAyMS43Mzc1IDE1LjMwMDggMjEuMjEyNSAxNi41MTc0QzIwLjY4NzUgMTcuNzM0MSAxOS45NzUgMTguNzkyNCAxOS4wNzUgMTkuNjkyNEMxOC4xNzUgMjAuNTkyNCAxNy4xMTY3IDIxLjMwNDkgMTUuOSAyMS44Mjk5QzE0LjY4MzMgMjIuMzU0OSAxMy4zODMzIDIyLjYxNzQgMTIgMjIuNjE3NFpNMTIgMjAuNjE3NEMxNC4yMzMzIDIwLjYxNzQgMTYuMTI1IDE5Ljg0MjQgMTcuNjc1IDE4LjI5MjRDMTkuMjI1IDE2Ljc0MjQgMjAgMTQuODUwOCAyMCAxMi42MTc0QzIwIDEwLjM4NDEgMTkuMjI1IDguNDkyNDMgMTcuNjc1IDYuOTQyNDNDMTYuMTI1IDUuMzkyNDMgMTQuMjMzMyA0LjYxNzQzIDEyIDQuNjE3NDNDOS43NjY2NyA0LjYxNzQzIDcuODc1IDUuMzkyNDMgNi4zMjUgNi45NDI0M0M0Ljc3NSA4LjQ5MjQzIDQgMTAuMzg0MSA0IDEyLjYxNzRDNCAxNC44NTA4IDQuNzc1IDE2Ljc0MjQgNi4zMjUgMTguMjkyNEM3Ljg3NSAxOS44NDI0IDkuNzY2NjcgMjAuNjE3NCAxMiAyMC42MTc0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K"); transform: rotate(180deg); } .accordion-button:not(.collapsed) { color: var(--bs-white); } /* Nested Accordions */ .accordion-item.accordion-plain { border-bottom: 1px solid var(--bs-border-color); /* Create the plus icon using ::after pseudo-element */ /* Change to minus icon when expanded */ } .accordion-item.accordion-plain .accordion-button { background-color: var(--bs-white); color: var(--bs-dark); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ padding-left: 0; } .accordion-item.accordion-plain .accordion-button:not(.collapsed) { background-color: var(--bs-white); color: var(--bs-accent); font-weight: 600; } .accordion-item.accordion-plain .accordion-button::before { flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; content: ""; border-radius: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQzNDVfMjIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSI+CjxyZWN0IHk9IjAuNjE3NDMyIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzQzNDVfMjIpIj4KPHBhdGggZD0iTTExIDE3LjYxNzRIMTNWMTMuNjE3NEgxN1YxMS42MTc0SDEzVjcuNjE3NDNIMTFWMTEuNjE3NEg3VjEzLjYxNzRIMTFWMTcuNjE3NFpNMTIgMjIuNjE3NEMxMC42MTY3IDIyLjYxNzQgOS4zMTY2NyAyMi4zNTQ5IDguMSAyMS44Mjk5QzYuODgzMzMgMjEuMzA0OSA1LjgyNSAyMC41OTI0IDQuOTI1IDE5LjY5MjRDNC4wMjUgMTguNzkyNCAzLjMxMjUgMTcuNzM0MSAyLjc4NzUgMTYuNTE3NEMyLjI2MjUgMTUuMzAwOCAyIDE0LjAwMDggMiAxMi42MTc0QzIgMTEuMjM0MSAyLjI2MjUgOS45MzQxIDIuNzg3NSA4LjcxNzQzQzMuMzEyNSA3LjUwMDc2IDQuMDI1IDYuNDQyNDMgNC45MjUgNS41NDI0M0M1LjgyNSA0LjY0MjQzIDYuODgzMzMgMy45Mjk5MyA4LjEgMy40MDQ5M0M5LjMxNjY3IDIuODc5OTMgMTAuNjE2NyAyLjYxNzQzIDEyIDIuNjE3NDNDMTMuMzgzMyAyLjYxNzQzIDE0LjY4MzMgMi44Nzk5MyAxNS45IDMuNDA0OTNDMTcuMTE2NyAzLjkyOTkzIDE4LjE3NSA0LjY0MjQzIDE5LjA3NSA1LjU0MjQzQzE5Ljk3NSA2LjQ0MjQzIDIwLjY4NzUgNy41MDA3NiAyMS4yMTI1IDguNzE3NDNDMjEuNzM3NSA5LjkzNDEgMjIgMTEuMjM0MSAyMiAxMi42MTc0QzIyIDE0LjAwMDggMjEuNzM3NSAxNS4zMDA4IDIxLjIxMjUgMTYuNTE3NEMyMC42ODc1IDE3LjczNDEgMTkuOTc1IDE4Ljc5MjQgMTkuMDc1IDE5LjY5MjRDMTguMTc1IDIwLjU5MjQgMTcuMTE2NyAyMS4zMDQ5IDE1LjkgMjEuODI5OUMxNC42ODMzIDIyLjM1NDkgMTMuMzgzMyAyMi42MTc0IDEyIDIyLjYxNzRaTTEyIDIwLjYxNzRDMTQuMjMzMyAyMC42MTc0IDE2LjEyNSAxOS44NDI0IDE3LjY3NSAxOC4yOTI0QzE5LjIyNSAxNi43NDI0IDIwIDE0Ljg1MDggMjAgMTIuNjE3NEMyMCAxMC4zODQxIDE5LjIyNSA4LjQ5MjQzIDE3LjY3NSA2Ljk0MjQzQzE2LjEyNSA1LjM5MjQzIDE0LjIzMzMgNC42MTc0MyAxMiA0LjYxNzQzQzkuNzY2NjcgNC42MTc0MyA3Ljg3NSA1LjM5MjQzIDYuMzI1IDYuOTQyNDNDNC43NzUgOC40OTI0MyA0IDEwLjM4NDEgNCAxMi42MTc0QzQgMTQuODUwOCA0Ljc3NSAxNi43NDI0IDYuMzI1IDE4LjI5MjRDNy44NzUgMTkuODQyNCA5Ljc2NjY3IDIwLjYxNzQgMTIgMjAuNjE3NFoiIGZpbGw9IiNENjA3OEUiLz4KPC9nPgo8L3N2Zz4K"); background-repeat: no-repeat; background-size: 1.5rem; background-position: center; transition: all 0.2s ease-in-out; } .accordion-item.accordion-plain .accordion-button:not(.collapsed)::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQzMDJfOTE1IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjUiPgo8cmVjdCB5PSIwLjYxNzQzMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF80MzAyXzkxNSkiPgo8cGF0aCBkPSJNNyAxMy42MTc0SDE3VjExLjYxNzRIN1YxMy42MTc0Wk0xMiAyMi42MTc0QzEwLjYxNjcgMjIuNjE3NCA5LjMxNjY3IDIyLjM1NDkgOC4xIDIxLjgyOTlDNi44ODMzMyAyMS4zMDQ5IDUuODI1IDIwLjU5MjQgNC45MjUgMTkuNjkyNEM0LjAyNSAxOC43OTI0IDMuMzEyNSAxNy43MzQxIDIuNzg3NSAxNi41MTc0QzIuMjYyNSAxNS4zMDA4IDIgMTQuMDAwOCAyIDEyLjYxNzRDMiAxMS4yMzQxIDIuMjYyNSA5LjkzNDEgMi43ODc1IDguNzE3NDNDMy4zMTI1IDcuNTAwNzYgNC4wMjUgNi40NDI0MyA0LjkyNSA1LjU0MjQzQzUuODI1IDQuNjQyNDMgNi44ODMzMyAzLjkyOTkzIDguMSAzLjQwNDkzQzkuMzE2NjcgMi44Nzk5MyAxMC42MTY3IDIuNjE3NDMgMTIgMi42MTc0M0MxMy4zODMzIDIuNjE3NDMgMTQuNjgzMyAyLjg3OTkzIDE1LjkgMy40MDQ5M0MxNy4xMTY3IDMuOTI5OTMgMTguMTc1IDQuNjQyNDMgMTkuMDc1IDUuNTQyNDNDMTkuOTc1IDYuNDQyNDMgMjAuNjg3NSA3LjUwMDc2IDIxLjIxMjUgOC43MTc0M0MyMS43Mzc1IDkuOTM0MSAyMiAxMS4yMzQxIDIyIDEyLjYxNzRDMjIgMTQuMDAwOCAyMS43Mzc1IDE1LjMwMDggMjEuMjEyNSAxNi41MTc0QzIwLjY4NzUgMTcuNzM0MSAxOS45NzUgMTguNzkyNCAxOS4wNzUgMTkuNjkyNEMxOC4xNzUgMjAuNTkyNCAxNy4xMTY3IDIxLjMwNDkgMTUuOSAyMS44Mjk5QzE0LjY4MzMgMjIuMzU0OSAxMy4zODMzIDIyLjYxNzQgMTIgMjIuNjE3NFpNMTIgMjAuNjE3NEMxNC4yMzMzIDIwLjYxNzQgMTYuMTI1IDE5Ljg0MjQgMTcuNjc1IDE4LjI5MjRDMTkuMjI1IDE2Ljc0MjQgMjAgMTQuODUwOCAyMCAxMi42MTc0QzIwIDEwLjM4NDEgMTkuMjI1IDguNDkyNDMgMTcuNjc1IDYuOTQyNDNDMTYuMTI1IDUuMzkyNDMgMTQuMjMzMyA0LjYxNzQzIDEyIDQuNjE3NDNDOS43NjY2NyA0LjYxNzQzIDcuODc1IDUuMzkyNDMgNi4zMjUgNi45NDI0M0M0Ljc3NSA4LjQ5MjQzIDQgMTAuMzg0MSA0IDEyLjYxNzRDNCAxNC44NTA4IDQuNzc1IDE2Ljc0MjQgNi4zMjUgMTguMjkyNEM3Ljg3NSAxOS44NDI0IDkuNzY2NjcgMjAuNjE3NCAxMiAyMC42MTc0WiIgZmlsbD0iI0Q2MDc4RSIvPgo8L2c+Cjwvc3ZnPgo="); transform: rotate(180deg); } .accordion-item.accordion-plain.third-level { border-bottom-width: 0; margin-bottom: 0; padding-left: 2rem; } .accordion-item.accordion-plain.third-level .accordion-body { padding-top: 0.5rem; padding-bottom: 0.5rem; } .accordion-item.accordion-plain.third-level .accordion-body > ul { padding-left: 0; } .accordion-item.accordion-plain.third-level .accordion-button { font-size: 1rem; color: var(--bs-secondary); text-decoration: underline; padding-top: 0; } .accordion-item.accordion-plain.third-level .accordion-button:hover { -webkit-text-decoration: no-underline; text-decoration: no-underline; } .accordion-item.accordion-plain.third-level .accordion-button::before { margin-bottom: 2px; transform: scale(0.8); margin-right: 0.25rem; } .accordion-collapse { scroll-margin-top: 100px; } .large-numbered-tabs .nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 0.25rem; } .large-numbered-tabs .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: 0; --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color); border-bottom: 0; } .large-numbered-tabs .nav-item { display: flex; } .large-numbered-tabs .nav-link { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 1rem; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 125%; /* 22.5px */ text-align: left; border: var(--bs-border-width) solid var(--bs-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .large-numbered-tabs .nav-link.active { color: var(--bs-white); background-color: var(--bs-accent); } .large-numbered-tabs .nav-link.active > .nav-link__numbered-indicator > .nav-link__number { color: var(--bs-white); border: 1px solid var(--bs-white); } .large-numbered-tabs .nav-link__numbered-indicator { display: block; padding: 0 0 16px 0; } .large-numbered-tabs .nav-link__numbered-indicator > .nav-link__number { display: flex; justify-content: center; align-items: center; width: 1.4375rem; height: 1.4375rem; color: var(--bs-accent); font-size: 1rem; font-weight: 700; line-height: 1; /* 20px */ border: 1px solid var(--bs-accent); border-radius: 100%; } .large-numbered-tabs .tab-content { padding: 2.5rem 1.5rem; } .btn { --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-accent-rgb), 0.5); } .btn-accent, .btn-primary { background-color: var(--bs-accent); color: var(--bs-white); border: none; padding: var(--spacing-3) var(--spacing-4); font-size: 0.875rem; font-weight: 700; line-height: 1; border: 1px solid transparent; border-radius: 0; transition: background-color 0.3s ease, transform 0.2s ease; } .btn-accent:hover, .btn-primary:hover { color: var(--bs-accent); text-decoration: none; border-color: var(--bs-accent); background-color: darken(var(--bs-accent), 10%); } .btn-accent:active, .btn-primary:active { background-color: var(--bs-accent); } .btn-accent-outlined, .btn-primary-outlined { background-color: var(--bs-white); color: var(--bs-accent); border: 1px solid var(--bs-accent); padding: var(--spacing-3) var(--spacing-4); font-size: 0.875rem; font-weight: 700; line-height: 1; border-radius: 0; transition: background-color 0.3s ease, transform 0.2s ease; } .btn-accent-outlined:hover, .btn-primary-outlined:hover { color: var(--bs-white); text-decoration: none; border-color: var(--bs-accent); background-color: var(--bs-accent); } .btn-accent-outlined:active, .btn-primary-outlined:active { background-color: color-mix(in srgb, var(--bs-accent) 85%, black); } .btn:focus-visible .btn-accent:focus-visible, .btn-primary:focus-visible { color: var(--bs-accent); background-color: darken(var(--bs-accent), 10%); border-color: var(--bs-accent); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn:active, .btn-accent:active, .btn-primary:active, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-white); background-color: var(--bs-accent); border-color: var(--bs-accent); } .btn.btn-rounded { border-radius: 9999px; } .btn-disabled { pointer-events: none; cursor: default; opacity: 1; background-color: var(--bs-white); color: var(--bs-accent); border-color: var(--bs-accent); text-decoration: none; } /* Nested accordion toggle button styles */ .collapseAllNested { width: 9.375rem; font-size: 0.875rem; padding: 0.5rem 0.5rem; border: 1px solid inherit; border-radius: 0; transition: all 0.2s ease-in-out; } .back-to-top { display: none; position: fixed; bottom: 2rem; right: 2rem; border: 1px solid var(--bs-secondary); background-color: var(--bs-white); opacity: 0.75; z-index: 1000; } .card { --bs-card-spacer-y: 2.25rem; --bs-card-spacer-x: 2.25rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color); --bs-card-border-radius: 0; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); margin-bottom: 2rem; } .card-dotted-border { border: none; border-bottom: 2px dotted #1c2024; } .card-link { font-size: 18px; font-style: normal; font-weight: 600; line-height: 150%; /* 27px */ } /* Tables */ .k-grid a { color: var(--bs-link-color); text-decoration: underline; text-decoration-color: var(--bs-link-color); } .k-grid .k-table-th { border-color: #ffffff; } .k-table-thead.k-grid-header, .k-table-thead.k-grid-header a { color: white; background-color: #2B376E; } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: white; } .k-pager-md .k-pager-numbers-wrap .k-button { border-radius: 4px; } .k-button-solid-primary { border-color: var(--kendo-btn-bg-color, #d6078e); color: var(--kendo-color-on-primary, #fff); background-color: var(--kendo-btn-bg-color, #d6078e); } .k-button-solid-primary:hover { border-color: var(--kendo-btn-bg-color, #d6078e); color: var(--bs-accent, #d6078e); background-color: var(--bs-white, #ffffff); } .full-width { max-width: none; width: 100%; } .table--permitting-library.table-responsive { margin-left: -4px; margin-right: -4px; max-width: calc(100% + 6px); padding-left: 0; padding-right: 0; width: calc(100% + 6px); } @media (min-width: 992px) { .table--permitting-library.table-responsive { margin-left: 0; margin-right: 0; padding-left: 12px; padding-right: 12px; } } .field-validation-error { color: var(--color-error); font-size: 0.875rem; margin-top: 0.25rem; margin-bottom: 0.5rem; } .form-check-input:checked { background-color: var(--bs-accent); border-color: var(--bs-accent); }