/**
* Theme Name: The Exchange
* Description: Exchange theme (tied to admin back-end)
* Author: andrew
* Description: Exchange WP Theme
* Tags: exchange, wordpress
* Text Domain: exchange
* Version: 2.0.0
*/

:root {

}

body {
    overflow-y: hidden;
    --xc-panel-bg: #535353 !important;
    --bs-tertiary-bg: #535353 !important;
    scrollbar-color: #333 #535353;
}
.ag-theme-dark input[class^="ag-"] {
    background-color: #535353 !important;
}


body.home {
    background: url(Hamer_extrude_wide.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body.home #mainContent, body.home footer {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  color: #fff;
}
html, body {
    height:100%;
}
body.home #mainContent #searchform, body.home #mainContent h2 { display: none; }


body.home nav {
    background: rgb(72, 78, 85, 0.45);
    background-image: none !important;
}

body.home ul a:not(.btn) {
  color: #fff;
}

.lity-image img {
  max-height: calc(100vh) !important;
}

[data-bs-theme="dark"], body {
    --bs-body-bg: #535353 !important;
}

[data-bs-theme="dark"], body.page {
    --bs-body-bg: #535353 !important;
    --bs-link-color-rgb: --bs-navbar-active-color;
    --bs-gradient: linear-gradient(#484e55, #3a3f44 60%, #313539);
    --bs-nav-link-font-size: 14px;
}

button, input, optgroup, select, textarea {
    font-family: Helvetica Neue,sans-serif !important;
}

.navbar-brand, .navbar-default .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a, .navbar>li>a, .nav-link {
    font-family: Times, serif;
}

.dropdown-item {
    font-size: 14px;
}

.navbar {
  background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
  background-repeat: no-repeat;
  filter: none;
}

.navbar a:hover {
    text-decoration: none !important;
}

.xc-view-srv *, .srv * {
    font-size: 0.85rem;
    color: #fff;
}
.xc-sql-table {
    width: 100% !important;
}

#xc_filters {
    --bs-body-color: #ccc;
    --bs-body-font-size: 12px;
}

#xc_grid {
    --ag-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a.xc-grid-link {
    color: #ccc;
    text-decoration: none;
}
#xc_grid .ag-cell a:hover {
    color: #ccc;
    text-decoration: underline !important;
}

iframe {
    background-color: transparent !important;
}

a.navbar-brand {
    text-transform: uppercase;
}

a.navbar-brand {
    color: #c8c8c8;
    font-size: 18px;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6, h7 {
    color: #fff !important;
}

#mainContent > h2:first-child {
    text-transform: uppercase;
    margin-top: 20px;
    color: #fff;
    text-align: center;
}

#xc_sidebar_right, #xc_srv {
    height: calc(100vh - 100px);
    overflow-y: scroll;
}
#xc_sidebar_right {
    background-color: #535353 !important;
}

.srv {
    background-color: #282828;
}

.srv .table-secondary {
  --bs-table-color: #fff;
  --bs-table-bg: #000;
  --bs-table-border-color: #222;
}
.srv .table-secondary a:not(.btn), .srv table a:not(.btn) {
    color: #fff;
}

#xc_record_list .list-group-item {
    line-height: 1.1;
    padding-left: 0.75em;
}
#xc_record_list {
    overflow-y: auto;
}
.xc-graph-records {
    height: calc(100% - (300px));
}

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page h7,
.srv h1, .srv h2, .srv h3, .srv h4, .srv h5, .srv h6, .srv h7,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer h7 {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    text-transform: none;
    letter-spacing: normal;
}
.page a:not(.btn), .srv a:not(.btn), footer a, #xc_graph_records a {
    text-decoration: none;
    color: #ccc;
}
.page a:hover, .srv a:hover, footer a:hover {
    text-decoration: underline;
}

.page h5, .page h6, .page h7,
.srv h5, .srv h6, .srv h7 {
  color: white;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
.page a:not(.btn), .srv a:not(.btn) {
  color: #ccc;
}
.carousel-control-next, .carousel-control-prev {
  width: 5%;
}
[data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"] .carousel .carousel-control-prev-icon {
  filter: none;
}
[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
  background-color: #fff;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}



footer.border-top {
    border-top: 0px solid #444 !important;
    margin-top: 150px !important;
    padding-left: 65px !important;
}

#xc_navbar .menu-item {
    padding-left: 0.65em;
    padding-right: 0.65em;
}

.ag-watermark {
    display: none !important;
}

/* causes last items to be clipped
.ag-virtual-list-container {
    overflow-x: auto !important;
}
*/

.xc-filter-builder-advanced .xc-fb-operator {
    max-width: 55px;
    padding-left: 6px;
    text-align: center;
}
.xc-filter-builder-advanced .xc-fb-operator-isempty {
    max-width: 105px;
    padding-left: 6px;
    text-align: center;
}
.xc-filter-builder-advanced select.xc-fb-fieldName {
    direction: rtl;
    text-overflow: ellipsis;
    width: 40%;
    max-width: 40%;
}

.xc-filter-builder-advanced select.xc-fb-fieldName option {
    direction: ltr;
}

.xc-filter-builder .form-control:disabled {
    background-color: transparent;
    opacity: 0.5;
    text-decoration: line-through;
}

#xc_sidebar_left .accordion-button.xc-filter-group-empty {
    color: rgba(204, 204, 204, 0.5) !important;
}

.xc-filter-builder .xc-multiselect .xc-multiselect-options {
    max-height: 100px;
    overflow-y: auto;
    text-overflow: ellipsis;
}
.xc-filter-builder .xc-multiselect .form-check {
    min-height: 1.0rem;
}
.xc-filter-builder .xc-multiselect .form-check .form-check-input {
    border-color: #777;
    margin-right: 4px;
}

.xc-filter-builder .form-control {
    --bs-body-color: rgb(173, 181, 189);
    background-color: #484848;
    border-color: #656565;
}

.xc-filter-builder .btn-outline-secondary {
    border-color: var(--bs-border-color);
}


.xc-filter-builder .dropdown-item {
    cursor: pointer;
}

.xc-filter-builder .btn-sm, .xc-filter-builder .input-group-sm > .form-control {
    padding: .15rem .15rem;
    font-size: 0.775rem;
}
.xc-filter-builder .btn-sm, .xc-filter-builder .btn,
.btn-sm {
    line-height: 1.1;
    --bs-btn-color: rgb(173, 181, 189) !important;
}

.ag-filter-toolpanel .ag-input-field-input {
    border-color: var(--bs-border-color) !important;
}



.split {
    display: flex;
    flex-direction: row;
}

.gutter {
    background-color: var(--xc-panel-bg);
    background-repeat: no-repeat;
    background-position: 50%;
    border-left: 1px solid #a9a9a9;
}

.gutter.gutter-horizontal {
    cursor: col-resize;
}



#xc_filters *, .accordion *, .ag-column-select-list * {
    font-size: 0.775rem !important;
}
.accordion-button:focus, .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    border-color: rgba(0,0,0,.125) !important;
    color: inherit !important;
    background-color: inherit !important;
}

.accordion-button:after {  
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


:root[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: 'Playfair Display', serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;


  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


.graph-tooltip img.rounded-circle, .scene-tooltip img.rounded-circle, .float-tooltip-kap img.rounded-circle {
    max-width: 165px;
    width: 165px; height: 165px;
}
.float-tooltip-kap {
    background-color: transparent !important;
}


/* Grid styles */

#xc_grid {
    --ag-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.ag-filter-toolpanel .ag-input-field-input {
    border-color: var(--bs-border-color) !important;
}

.ag-cell-wrap-text {
  line-height: 1.5 !important;
}
.ag-floating-filter-input input {
  border-color: #555 !important;
}

.ag-side-buttons {
  display: none;
}

.ag-row-selected, .ag-row-focus, .ag-row-hover {
    background-color: var(--xc-panel-bg);
    /* background-color: rgb(248, 248, 248) !important; */
}

.ag-tooltip {
  max-width: 300px;
  text-wrap: normal;
}


.ag-theme-dark .ag-root-wrapper,
.ag-theme-dark .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,
.ag-theme-dark .ag-ltr .ag-side-bar-right,
.ag-theme-dark .ag-column-panel-column-select {
  border-color: var(--bs-border-color) !important;
}


/* reposition sort/filter indicators, show sorts only on hover over header */
/* ag grid 30
.ag-header:hover .ag-sort-indicator-container {
  display: inherit;
}
.ag-sort-indicator-container {
  width: 10px;
  top: 0;
  position: absolute;
  right: 18;
  display: none;
}
.ag-sort-indicator-icon {
  background-color: #555a;
  background-opacity: 0.8;
}
.ag-header-cell, .ag-header-group-cell {
  padding-left: 5px;
  padding-right: 5px;
}
.ag-header-icon {
  position: absolute;
}
.ag-filter-icon {
  position: absolute;
  top: 0;
  right: 5px;
}
*/

.ag-sort-order, .ag-sort-ascending-icon {
  display: none;
}
.ag-header:hover .ag-sort-order, .ag-header:hover .ag-sort-ascending-icon {
  display: block;
}

.ag-header, .ag-tool-panel-wrapper, .ag-side-bar,
#xc_grid .ag-tool-panel-wrapper,
#xc_grid .ag-row-selected,
xc_filters, #xc_filters .xc-filter-builder
{
    background-color: var(--xc-panel-bg);
}


/* Select 2 bootstrap-5 theme override */
.select2-container--bootstrap-5 .select2-selection {
    background-color: transparent !important;
    border: 1px solid #495057;
}

.select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color: #ccc !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	color: #ccc !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	border: 1px solid var(--bs-gray-600);
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
	color: #ccc !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    background-color: transparent !important;
    color: #ccc !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
    color: #ccc !important;
    border: 1px solid #495057 !important;
	background-color: var(--bs-body-bg);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
	color: var(--bs-secondary-color)!important;
}

.select2-dropdown {
  width: 620px !important;
}
.select2-results__option {
  font-size: 0.775rem !important;
}
#xc_filters .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #ccc !important; 
    /* color: rgb(17,17,17) !important; */
    text-align: left;
  direction: rtl;
}

#xc_filters .select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
  border-color: var(--bs-border-color) !important;
  text-decoration: line-through;
}

#xc_filters .accordion-button {
     transition: none;
     transition-delay: 0;
}

#xc_sidebar_left .collapsing { display: none;
     -webkit-transition: none;
     transition: none;
     transition-delay: 0;
}

.xc-filter-condition .col-form-label {
    line-height: 1;
}

.xc-filter-condition .xc-clear-input {
    cursor: pointer;
    position: absolute; right: 5px; top: 0.5rem;
    color: rgb(173, 181, 189); 
    /* color: rgb(17,17,17); */
    /* visibility: hidden; */
}
.xc-filter-condition-basic .xc-clear-input {
    top: 0.775rem;
}
.xc-filter-condition input.form-control {   /* formerly: :not(:placeholder-shown) */
    padding-right: 1.5em;
    text-overflow: ellipsis;;
}
.xc-filter-condition input.form-control:not(:placeholder-shown) + .xc-clear-input,
.xc-filter-condition select.form-control + .xc-clear-input {
    visibility: visible;
}

.xc-filter-builder .nav {
    /* background-color: #302e2e;  */
}

.split {
    height: 100%;
}

#xc_sidebar_left {
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color: var(--xc-panel-bg);
}

.xc-filter-builder {
    /*
    height: 71vh;
    overflow-y: auto;
*/
    padding-bottom: 10em;
}

.xc-filter-builder .form-control {
    padding: 0.275rem;
}

.xc-filter-builder .form-check-input:checked {
    background-color: #666;
    border-color: #666;
}

.xc-quickfilter-wrap {
    border: 1px solid #6c757d;
    border-radius: 0.25em;
}

.xc-filter-builder .form-control:focus, #xc_quickfilter:focus {
    /*border-color: #eee;*/
    border-color: #999;
    outline: 0;
    /* box-shadow: 0 0 0 .25rem rgba(110,110,110,.25); */
    box-shadow: none;
}

#xc_sidebar_left .accordion-item, #xc_sidebar_left .accordion-button, #xc_sidebar_left .form-check-label {
    color: #ccc !important;
    background-color: var(--xc-panel-bg);
    /* color: #111 !important; */
}

#xc_filters .nav-tabs .nav-link {
    font-family: inherit !important;
    color: #ccc !important; 
    /* color: #111 !important; */
    text-transform: uppercase;
}

#xc_filters .text-right {
    text-align: right;
}
#xc_filters .text-left {
    text-align: left;
}

/* remove caret from dropdown buttons (enable, etc.) */
#xc_filters .dropdown-toggle::after {
    display: none;
}


/* multiselect */
#xc_filters .btn-group {
    max-width: 100%;
}
#xc_filters .dropdown-toggle {
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: var(--bs-body-bg);
}
#xc_filters .dropdown-menu {
    /*width: 100%; */
    max-height: 50vh;
    overflow-y: auto;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
#xc_filters .dropdown-menu .form-check {
    white-space: nowrap;
}
#xc_filters .dropdown-menu .form-check-input {
    margin-left: -1em;
    padding-right: 0;
}

#xc_filters .htmx-request * {
    visibility: hidden;
}
#xc_filters .htmx-indicator {
    display: none;
}
#xc_filters .htmx-request .htmx-indicator {
    display: block;
    visibility: visible;
}


#xc_filters .form-switch .form-check-input {
    height: 1.8em;
    width: 3.2em;
}

h6.accordion-header {
    font-family: var(--bs-body-font-family) !important;
}


#xc_filters .accordion-button {
    /*background-color: #302e2e; */
    /* background-color: #fff; */
}

.accordion-body {
    padding-top: 0;
}

/* second-level tabs */
/*
.accordion-body .tab-content .col-md-4 {
    width: 20%
}
.accordion-body .tab-content .col-md-8 {
    width: 78%;
}
*/

.accordion-item {
  background-color: #fff;
  --bs-border-radius: 0.225em;  // default .375
}

.col-form-label {
    padding-top: 0;
    padding-right: 0;
    font-size: 0.775rem;
    display: table;
    line-height: 1.0;
    padding-bottom: 0;
}
.col-form-label div {
  display: table-cell; 
  vertical-align: middle; 
}

.ag-theme-dark .ag-column-panel .ag-icon-tree-open::before {
  content: "\f12a";  /* arrow down */
}

.ag-theme-dark .ag-column-panel .ag-icon-tree-closed::before {
  content: "\f12c";  /* arrow right */
}

/* move accordion caret to beginning of line */
.accordion-button[aria-expanded="true"]::before {
    content: "\f0d7"; 
    /*content: "\f146";  minus */
}
.accordion-button::before {
    flex-shrink: 0;
    width: 0.9rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 0.9rem;
    /* content: "\f0fe"; minus */
    content: "\f0da"; /* arrow */

    /*
    // play: f04b
    // right: "f0da" 
    // down: "f0d7"

    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    */
    transition: 0.2s ease-in-out;
}
.accordion-button::after {display: none !important;} 
.accordion-button::before {display: none !important;}  /* hide carets for flyout */





/* from: https://getbootstrap.com/docs/5.3/examples/blog/ */

/*
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }


.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

.blog-pagination {
  margin-bottom: 4rem;
}

.blog-post {
  margin-bottom: 4rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

*/