/*
 * Brand orange for text and for buttons with text (George 21/10/2026, accessibility / readability): #b35300, 5.1:1 on
 * white and 4.6:1 on the light orange boxes, instead of #fd9233 / #ff8a24 / #e57d20 (2.2-2.9:1); hover and pressed
 * #9f4a00. The bright orange of custom.css stays for the logo, lines, borders, bars, checkboxes and other decoration.
 * Loaded after custom.css (frontend) / custom2.css (backend); the rules below are those of custom.css that colour text,
 * buttons, labels, pagination and active tabs with the brand orange, with the same selectors.
 */
:root { --primary: #b35300; --primary-600: #9f4a00; }

/* text */
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-secondary-navigation .active a { color: #b35300; }
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover { color: #b35300 !important; }
a { color: #b35300; }
a:focus, a:hover { color: #9f4a00; }
.page-link, .page-link:hover, .page-link:focus, .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #b35300; }
.btn-outline-primary { color: #b35300; }
.g-color-primary, .g-color-primary--hover:hover, .g-color-primary--active.cbp-filter-item-active { color: #b35300 !important; }
.g-color-primary--before::before, .g-color-primary--after::after { color: #b35300; }
.g-bg-primary ::-moz-selection { color: #b35300; }
.g-bg-primary ::selection { color: #b35300; }
.u-btn-outline-primary { color: #b35300; }
.u-check input[type="checkbox"]:checked + .u-check-icon-font i, .u-check input[type="radio"]:checked + .u-check-icon-font i, .u-check input[type="checkbox"]:checked + * .u-check-icon-font i, .u-check input[type="radio"]:checked + * .u-check-icon-font i { color: #b35300; }
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 { color: #b35300; }
.u-checkbox-v1--checked-color-primary:checked + label { color: #b35300 !important; }
.u-arrow-v4:hover .u-arrow-icon, .u-arrow-v7:hover .u-arrow-icon, .u-arrow-v8:hover .u-arrow-icon { color: #b35300; }
.u-blockquote-v3::before { color: #b35300; }
.u-carousel-indicators-v6 li.slick-active { color: #b35300; }
.u-pagination-v1-2:hover, .u-pagination-v1-2:focus { color: #b35300; }
.u-pagination-v1-4:hover, .u-pagination-v1-4:focus { color: #b35300; }
.u-accordion-color-primary__header [aria-expanded="true"] { color: #b35300 !important; }
.u-icon-block--hover:hover .g-color-primary--hover { color: #b35300; }
.navbar .u-main-nav-v9 .nav-item.active > .nav-link::after, .navbar .u-main-nav-v9 .nav-item:hover > .nav-link::after, .navbar .u-main-nav-v9 .nav-item:focus > .nav-link::after, .navbar .u-main-nav-v9 .nav-item .nav-link:focus::after { color: #b35300; }
.u-steps-v2__item:hover a, .u-steps-v3__item:hover a { color: #b35300; }
.g-color-primary--active.active { color: #b35300; }
.u-nav-v2-2 .nav-link.active, [class*="u-nav-v3"] .nav-link.active, [class*="u-nav-v3"].u-nav-light .nav-link.active, [class*="u-nav-v5"].u-nav-primary .nav-link.active, [class*="u-nav-v7"] .nav-link.active { color: #b35300; }
.g-color-primary:focus { color: #b35300; }
.u-has-success-v1 .form-control-feedback, .u-has-success-v1-2 .form-control-feedback, .u-has-success-v1-3 .form-control-feedback { color: #b35300; }
.u-has-success-v1-2 .input-group-addon:last-child, .u-has-success-v1-2 .chosen-single div b, .u-has-success-v1-3 .input-group-addon:last-child, .u-has-success-v1-3 .chosen-single div b { color: #b35300; }
.u-has-success-v2::after { color: #b35300; }
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] { color: #b35300 !important; }
.u-blockquote-v1::before { color: #b35300; }
.u-filter-v1 > li:hover, .u-filter-v1 [class*="active"] { color: #b35300; }
.arrow_down { color: #b35300; }

/* buttons, labels, pagination, active tabs: background and border */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover, .btn-primary, .btn-primary:disabled, .btn-primary.disabled { border-color: #b35300; }
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover, .btn-primary, .btn-primary:disabled, .btn-primary.disabled { background-color: #b35300; }
.btn-outline-primary { border-color: #b35300; }
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { background-color: #9f4a00; }
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { border-color: #9f4a00; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #9f4a00; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { border-color: #9f4a00; }
.g-bg-primary, .g-bg-primary--hover:hover, .g-parent:hover .g-bg-primary--parent-hover, .g-bg-primary--active.active, .active .g-bg-primary--active, .g-parent.active .g-bg-primary--parent-active { background-color: #b35300 !important; }
.g-bg-primary--before::before, .g-bg-primary--after::after { background-color: #b35300 !important; }
.u-btn-primary { background-color: #b35300; }
.u-btn-primary.u-btn-hover-v1-1::after, .u-btn-primary.u-btn-hover-v1-1:hover::after, .u-btn-primary.u-btn-hover-v1-2::after, .u-btn-primary.u-btn-hover-v1-2:hover::after, .u-btn-primary.u-btn-hover-v1-3::after, .u-btn-primary.u-btn-hover-v1-3:hover::after, .u-btn-primary.u-btn-hover-v1-4::after, .u-btn-primary.u-btn-hover-v1-4:hover::after, .u-btn-primary.u-btn-hover-v2-1::after, .u-btn-primary.u-btn-hover-v2-1:hover::after, .u-btn-primary.u-btn-hover-v2-2::after, .u-btn-primary.u-btn-hover-v2-2:hover::after { background-color: #b35300; }
.u-btn-primary.u-btn-hover-v1-1:hover, .u-btn-primary.u-btn-hover-v1-2:hover, .u-btn-primary.u-btn-hover-v1-3:hover, .u-btn-primary.u-btn-hover-v1-4:hover, .u-btn-primary.u-btn-hover-v2-1:hover, .u-btn-primary.u-btn-hover-v2-2:hover { background-color: #b35300; }
.u-btn-outline-primary { border-color: #b35300; }
.u-btn-outline-primary:hover { background-color: #b35300; }
.u-badge-bg-primary::after { background-color: #b35300; }
[class*="u-badge-v2"] { background-color: #b35300; }
.u-pagination-v1-1--active, .u-pagination-v1-1:hover, .u-pagination-v1-1:focus { background-color: #b35300; }
.u-pagination-v1-1--active, .u-pagination-v1-1:hover, .u-pagination-v1-1:focus { border-color: #b35300; }
.u-pagination-v1-2:hover, .u-pagination-v1-2:focus { border-color: #b35300; }
.u-pagination-v1-2--active, .u-pagination-v1-2--nav { background-color: #b35300; }
.u-pagination-v1-2--active, .u-pagination-v1-2--nav { border-color: #b35300; }
.u-pagination-v1-4:hover, .u-pagination-v1-4:focus { border-color: #b35300; }
.u-pagination-v1-4--active { background-color: #b35300; }
.u-pagination-v1-4--active { border-color: #b35300; }
.u-accordion-bg-primary__header [aria-expanded="true"] { background-color: #b35300 !important; }
.u-accordion-v2:nth-child(odd) { background-color: #9f4a00; }
.u-datepicker-v1 .ui-datepicker-calendar td span.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar th span.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active, .u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active { background-color: #b35300; }
.js-header-change-moment.g-bg-primary--shift { background-color: #b35300; }
.u-icon-block--hover:hover .g-bg-primary--hover { background-color: #b35300; }
.navbar .u-main-nav-v1 .nav-item.active > .nav-link, .navbar .u-main-nav-v1 .nav-item:hover > .nav-link, .navbar .u-main-nav-v1 .nav-item:focus > .nav-link, .navbar .u-main-nav-v1 .nav-item.show > .nav-link, .navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v1 .nav-item .nav-link:focus, .navbar .u-main-nav-v8 .nav-item.active > .nav-link, .navbar .u-main-nav-v8 .nav-item:hover > .nav-link, .navbar .u-main-nav-v8 .nav-item:focus > .nav-link, .navbar .u-main-nav-v8 .nav-item.show > .nav-link, .navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v8 .nav-item .nav-link:focus { background-color: #b35300; }
[class*="u-nav-v8"] .nav-link.active, [class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon, [class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__icon { background-color: #b35300; }
.u-nav-v1-1.u-nav-primary .nav-link.active, .u-nav-v2-1.u-nav-primary .nav-link.active, [class*="u-nav-v8"].u-nav-light .nav-link.active { background-color: #b35300; }
input[type="checkbox"]:checked + .g-bg-primary--checked, input[type="radio"]:checked + .g-bg-primary--checked, input[type="checkbox"]:checked + * .g-bg-primary--checked, input[type="radio"]:checked + * .g-bg-primary--checked, .g-checked .g-bg-primary--checked, .g-bg-primary--checked.g-checked { background-color: #b35300 !important; }
.ui-autocomplete .ui-menu-item:hover { background-color: #b35300; }
.u-go-to-v1:hover, .u-go-to-v1:focus:hover { background-color: #b35300; }
.list-group-item.active { background-color: #b35300; }
.list-group-item.active { border-color: #b35300; }
.u-pagination-v1-5--active, .u-pagination-v1-5:hover, .u-pagination-v1-5:focus { background-color: #b35300; }
.u-pagination-v1-5--active, .u-pagination-v1-5:hover, .u-pagination-v1-5:focus { border-color: #b35300; }
#save_btn.btn, #save_btn.btn-primary { background-color: #b35300; }
#save_btn.btn, #save_btn.btn-primary { border-color: #b35300; }
#save_btn.btn-primary:hover { background-color: #9f4a00; }
#save_btn.btn-primary:hover { border-color: #9f4a00; }

/* theme buttons outside custom.css (unify-components.css): orange button, light-grey on hover. The outline orange
   buttons (custom.css) follow --primary. */
.u-btn-orange, .u-btn-orange.g-btn-hover-reset:hover, .u-btn-orange.g-btn-hover-reset.active { background-color: #b35300; border-color: #b35300; }
.u-btn-orange:hover, .u-btn-orange.active, .u-btn-orange:focus, .u-btn-orange.u-btn-hover-v1-1::after, .u-btn-orange.u-btn-hover-v1-1:hover::after { background-color: #9f4a00; border-color: #9f4a00; }
.u-btn-lightgray:focus, .u-btn-lightgray.active, .u-btn-lightgray:hover { background-color: #b35300; border-color: #b35300; }


/* links without a colour class on the dark footer keep the bright orange (7:1 there; the dark one would be 3.7:1) */
.g-bg-black-opacity-0_9 a:not([class*="g-color-"]), .g-bg-gray-dark-v1 a:not([class*="g-color-"]) { color: #fd9233; }
.g-bg-black-opacity-0_9 a:not([class*="g-color-"]):hover, .g-bg-gray-dark-v1 a:not([class*="g-color-"]):hover,
.g-bg-black-opacity-0_9 a:not([class*="g-color-"]):focus, .g-bg-gray-dark-v1 a:not([class*="g-color-"]):focus { color: #fdb06c; }