:root.dxpr-scheme-custom {
  --dxt-color-base: #284ed9;
  --dxt-color-link: #284ed9;
  --dxt-color-accent1: #098a4a;
  --dxt-color-accent2: #284fd8;
  --dxt-color-text: #555555;
  --dxt-color-headings: #333333;
  --dxt-color-card: #eeeeee;
  --dxt-color-cardtext: #444444;
  --dxt-color-footer: #21252a;
  --dxt-color-footertext: #747a85;
  --dxt-color-secheader: #284fd9;
  --dxt-color-secheadertext: #fffffe;
  --dxt-color-header: #ffffff;
  --dxt-color-headertext: #696969;
  --dxt-color-headerside: #20252a;
  --dxt-color-headersidetext: #737a85;
  --dxt-color-pagetitle: #284fdb;
  --dxt-color-pagetitletext: #fffeff;
  --dxt-color-graylight: #cccccc;
  --dxt-color-graylighter: #ededed;
  --dxt-color-silver: #f1f1f1;
  --dxt-color-body: #efefef;
  --dxt-color-header-rgb: 255,255,255;
}

/* Typography Styles */
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
.dxpr-theme-header--side #dxpr-theme-main-menu .nav a,
.dxpr-theme-header--side #dxpr-theme-main-menu .nav span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > span {
  font-size: var(--dxt-setting-nav-font-size);
}

@media screen and (max-width: 768px) {
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
  .dxpr-theme-header--side #dxpr-theme-main-menu .nav a,
  .dxpr-theme-header--side #dxpr-theme-main-menu .nav span,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > span {
    font-size: var(--dxt-setting-nav-mobile-font-size);
  }
}

/* Custom CSS */
/* General Styles
--------------------------------------------- */
html { overflow-y:scroll; }
.content-bottom-container { margin-top: 60px; } 


/* Header Styles
--------------------------------------------- */
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
    border-bottom: 4px solid #fdd734;
}
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a {
    font-weight: 700;
}

.layout__region section .block-title {
    padding: 40px 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}


/* Mobile Menu Styles
--------------------------------------------- */
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle {
    padding-top: 2.625rem;
}

.body--dxpr-theme-nav-mobile #block-dxpr-theme-languageswitcher .nav > li:first-of-type {
    margin-top: 40px;
}

.body--dxpr-theme-nav-mobile .region-navigation-collapsible a,
.body--dxpr-theme-nav-mobile ul.menu a.is-active {
    color: #fff;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header--side .menu__level {
    visibility: visible;
}


/* Form Styles
--------------------------------------------- */
.html form .form-control,
.html form select,
#crm-container.crm-public input[type="text"]  {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 0.75rem;
}
.html form select {
    padding: 0;
}

#crm-container.crm-public input[type="text"]:focus  {
    border-color: var(--dxt-color-base);
}

.html .space-request-page form select {
    padding-left: 20px;
    padding-right: 20px;
    height: 38px;
}

.html form legend {
    margin: 10px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #dee2e6;
    font-size: 38px;
    font-weight: 800;
    width: 100%;
}
.html.path-user form legend {
    font-size: 16px;
    border-bottom: none;
    margin: 0;
}

.html form .webform-section-title {
    margin-top: 40px;
    color: #555555;
    font-size: 30px;
}

.html .manage-request-page form label {
    font-weight: 400;
    font-size: 14px;
    padding-right: 10px;
}


/* Dashboard Content Styles
--------------------------------------------- */
.field--name-body p a,
form .form-btn {
    display: block;
    width: fit-content;
    background: #098a4a;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 25px 10px 5px 0;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
    float: left;
}
.field--name-body p a:hover,
form .form-btn:hover {
    background: #000;
    text-decoration: underline;
}


/* Dashboard User Menu Styles
--------------------------------------------- */
.page-node-1 .block-system-menu-blockaccount .nav-link,
.page-node-2 .block-system-menu-blockaccount .nav-link {
    background: #fdd734;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 5px 0 5px 25px;
    padding: 10px;
    text-align: center;
    color: #000;
}
.page-node-1 .block-system-menu-blockaccount .nav-link:hover,
.page-node-2 .block-system-menu-blockaccount .nav-link:hover {
    background: #000;
    color: #fff;
    border-color: #fff;
}


/* Dashboard Table Accordion Styles
--------------------------------------------- */
.views-element-container {
    margin-bottom: 20px;
}

/* Collapsible content */
.view-content {
    overflow: hidden;
    transition: max-height 1s ease-out;
}

/* Used when accordion behavior is disabled */
.no-accordion .view-content {
    overflow: initial;
    max-height: none;
    transition: none;
}

/* When expanded */
.view-content.expanded {
    max-height: 2000px; /* Must be larger than your tallest table */
    transition: max-height 1s ease-in;
}

/* Header styles */
.view-header {
    cursor: pointer;
    background-color: #696969;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
}

.view-header::after {
    content: "";
    display: table;
    clear: both;
}

.view-header .expand-icon {
    padding-right: 10px;
}

.view-header .left {
    float: left;
}

.view-header .right {
    float: right;
}


/* Manage Requests Styles
--------------------------------------------- */
.manage-request-page h3 {
    margin-top: 70px;
}

.manage-request-page input {
    background: #098a4a;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.manage-request-page input:hover {
    background: #000;
    color: #fff;
    border-color: #fff;
}


/* Request Spaces Styles
--------------------------------------------- */
.space-request-page .table th:nth-of-type(2) {
    text-align: right;
}

.space-request-page .table td:nth-of-type(2) select {
    float: right;
}

.path-space-request .content-bottom-container {
    margin-top: 0;
}
.path-space-request .content-bottom-container #block-dxpr-theme-spacerequestbottomtext {
    margin-bottom: 60px;
}


/* CiviCRM Styles
--------------------------------------------- */
.crm-container .modal-dialog { 
    pointer-events: unset;
}

.crm-container.ui-dialog.ui-resizable {
    z-index: 9999 !important;
}

.html #crm-container textarea,
.html #crm-container input,
.html .crm-block textarea,
.html .crm-block input {
    background: #ffffff;
    border: 1px solid #d1d1d1;
    padding: 4px 8px;
}
.html #crm-container textarea:focus,
.html #crm-container input:focus,
.html .crm-block textarea:focus,
.html .crm-block input:focus {
    border-color: #0060df;
}

.crm-container .ui-dialog-titlebar .crm-dialog-titlebar-print,
.crm-container .ui-dialog-titlebar .crm-dialog-titlebar-resize {
    display: none;
}

#civicrm-footer.crm-public-footer {
    display: none;
}

/* Layout Styles */
body {
  background-position: var(--dxt-setting-background-image-position);
  background-attachment: var(--dxt-setting-background-image-attachment);
}

/* Theme Settings */
:root {
  --dxt-setting-background-image-attachment: fixed;
  --dxt-setting-background-image-position: center center;
  --dxt-setting-block-divider-length: 0.625rem;
  --dxt-setting-block-divider-spacing: 1.25rem;
  --dxt-setting-block-divider-thickness: 0.25rem;
  --dxt-setting-blockquote-font-face: "Open Sans Italic", "Open Sans";
  --dxt-setting-blockquote-font-size: 1.3125rem;
  --dxt-setting-blockquote-line-height: 1.5;
  --dxt-setting-blockquote-mobile-font-size: 1.125rem;
  --dxt-setting-body-font-face: "Open Sans", "Open Sans";
  --dxt-setting-body-font-size: 1rem;
  --dxt-setting-body-line-height: 1.6;
  --dxt-setting-body-mobile-font-size: 0.875rem;
  --dxt-setting-box-max-width: 98.75rem;
  --dxt-setting-boxed-layout-boxbg: #ffffff;
  --dxt-setting-divider-length: 100;
  --dxt-setting-divider-position: 0;
  --dxt-setting-divider-position-block: 0;
  --dxt-setting-divider-thickness: 0.5rem;
  --dxt-setting-dropdown-width: 10rem;
  --dxt-setting-gutter-container: 3.75rem;
  --dxt-setting-gutter-container-mobile: 1.875rem;
  --dxt-setting-gutter-horizontal: 1.875rem;
  --dxt-setting-gutter-horizontal-mobile: 1.875rem;
  --dxt-setting-gutter-vertical: 1.875rem;
  --dxt-setting-gutter-vertical-mobile: 1.875rem;
  --dxt-setting-h1-font-size: 3.25rem;
  --dxt-setting-h1-mobile-font-size: 3.25rem;
  --dxt-setting-h2-font-size: 2.375rem;
  --dxt-setting-h2-mobile-font-size: 2.375rem;
  --dxt-setting-h3-font-size: 1.8125rem;
  --dxt-setting-h3-mobile-font-size: 1.8125rem;
  --dxt-setting-h4-font-size: 1.3125rem;
  --dxt-setting-h4-mobile-font-size: 1.5rem;
  --dxt-setting-header-mobile-breakpoint: 75rem;
  --dxt-setting-header-mobile-height: 3.75rem;
  --dxt-setting-header-side-align: left;
  --dxt-setting-header-side-direction: left;
  --dxt-setting-header-side-logo-height: 1.875rem;
  --dxt-setting-header-side-width: 18.75rem;
  --dxt-setting-header-top-bg-opacity: 1;
  --dxt-setting-header-top-bg-opacity-scroll: 1;
  --dxt-setting-header-top-height: 7.5rem;
  --dxt-setting-header-top-height-scroll: 5rem;
  --dxt-setting-header-top-height-sticky-offset: 3.75rem;
  --dxt-setting-headings-bold: normal;
  --dxt-setting-headings-font-face: "Open Sans Extrabold", "Open Sans";
  --dxt-setting-headings-line-height: 1.1;
  --dxt-setting-headings-uppercase: none;
  --dxt-setting-layout-max-width: 80rem;
  --dxt-setting-logo-height: 70%;
  --dxt-setting-menu-border-size: 0.125rem;
  --dxt-setting-nav-font-face: "Open Sans", "Open Sans";
  --dxt-setting-nav-font-size: 1rem;
  --dxt-setting-nav-mobile-font-size: 0.875rem;
  --dxt-setting-page-title-align: left;
  --dxt-setting-page-title-breadcrumbs-align: right;
  --dxt-setting-page-title-breadcrumbs-separator: "/";
  --dxt-setting-page-title-height: 13.75rem;
  --dxt-setting-page-title-image-opacity: 1;
  --dxt-setting-page-title-image-position: center center;
  --dxt-setting-page-title-image-style: cover;
  --dxt-setting-scale-factor: 1.34;
  --dxt-setting-sitename-font-face: "Open Sans Bold", "Open Sans";
  --dxt-setting-title-align: left;
  --dxt-setting-title-font-size: var(--dxt-setting-h3-font-size);
  --dxt-setting-title-font-size-mobile: var(--dxt-setting-h3-mobile-font-size);
  --dxt-setting-title-sticker: block;
  --dxt-setting-title-type-uppercase: 0;
  --dxt-setting-title-type-bold: 0;
  --dxt-setting-title-type-italic: 0;
}

/* Header Styling */
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity));
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity-scroll));
}

/* Menu Options */
.dropdown-menu, .dropdown-menu li {
  min-width: var(--dxt-setting-dropdown-width);
}

.dxpr-theme-header .menu a {
  text-transform: uppercase;
}


    #block-dxpr-theme-main-menu .dropdown-menu {
      .dropdown {
        color: #696969;

        * {
          color: #696969;
        }
      }
    }
  /* body font face */
body, .tooltip {
  font-family: var(--dxt-setting-body-font-face);
  font-style: normal;
  font-weight: 400;
}

/* nav font face */
nav,nav ul li,nav a {
  font-family: var(--dxt-setting-nav-font-face);
  font-style: normal;
  font-weight: 400;
}

/* headings font face */
h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: var(--dxt-setting-headings-font-face);
  font-style: normal;
  font-weight: 800;
}

/* sitename font face */
.site-name, .navbar-brand {
  font-family: var(--dxt-setting-sitename-font-face);
  font-style: normal;
  font-weight: 700;
}

/* blockquote font face */
blockquote, blockquote p {
  font-family: var(--dxt-setting-blockquote-font-face);
  font-style: italic;
  font-weight: 400;
}

/* Page Title Styles */
.page-title-full-width-container:after {
  opacity: var(--dxt-setting-page-title-image-opacity);
  background-position: var(--dxt-setting-page-title-image-position);
  background-image: url('/sites/default/files/2025-11/page-header-bg.jpg');
}