@internal-fonts: 'Inter:400,500,600';
@global-font-family: Inter;
@global-font-size: 16px;
@global-line-height: 1.5;
@global-2xlarge-font-size: 42px;
@global-xlarge-font-size: 32px;
@global-large-font-size: 24px;
@global-medium-font-size: 20px;
@global-small-font-size: 15px;
@global-primary-font-family: inherit;
@global-primary-font-weight: 500;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: inherit;
@global-secondary-font-weight: inherit;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
@global-color: #4E4E4E;
@global-emphasis-color: #171712;
@global-muted-color: #757575;
@global-link-color: lighten(@global-primary-background, 10%);
@global-link-hover-color: @global-primary-background;
@global-inverse-color: #FFFFFF;
@global-background: #FFFFFF;
@global-muted-background: #F2F2F2;
@global-primary-background: #00509D;
@global-secondary-background: #0B294F;
@global-success-background: #71CE54;
@global-warning-background: #F7A406;
@global-danger-background: #F42F00;
@global-border-width: 1px;
@global-border: #E5E5E5;
@global-border-radius: 2px;
@global-small-box-shadow: 0 0 6px rgba(0,0,0,0.1);
@global-medium-box-shadow: 0 3px 13px rgba(0,0,0,0.12);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;
@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;
@global-control-height: 40px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-blockquote-font-style: normal;
@base-code-padding-horizontal: 6px;
@base-code-padding-vertical: 2px;
@base-code-background: @global-muted-background;
@base-blockquote-padding-left: 40px;
@base-blockquote-padding-right: 30px;
@base-blockquote-padding-vertical: 30px;
@base-blockquote-background: fade(@global-muted-background, 55%);
@base-pre-padding: 10px;
@base-pre-background: @global-background;
@base-h4-font-weight: 500;
@base-h5-font-weight: 500;
@base-h6-font-weight: 500;
@base-blockquote-footer-color: @global-muted-color;
@base-blockquote-border-mode: -left;
@base-blockquote-border-width: 5px;
@base-blockquote-border: @global-primary-background;
@base-pre-border-width: @global-border-width;
@base-pre-border: @global-border;
@base-pre-border-radius: 3px;
@inverse-base-link-color: fade(@global-inverse-color, 55%);
@inverse-base-link-hover-color: @global-inverse-color;
@inverse-base-code-background: @inverse-global-muted-background;
@inverse-base-blockquote-background: fade(@global-inverse-color, 10%);
@inverse-base-blockquote-border: @global-inverse-color;
@link-heading-hover-color: @global-emphasis-color;
@link-heading-hover-text-decoration: underline;
@heading-divider-border-width: 2px;
@heading-divider-border: @global-primary-background;
@heading-bullet-border: @global-primary-background;
@heading-line-border-width: ~'calc(0.3px + 0.09em)';
@heading-line-border: @global-primary-background;
@heading-small-font-weight: 500;
@heading-medium-font-weight: 500;
@heading-large-font-weight: 500;
@heading-xlarge-font-weight: 500;
@heading-2xlarge-font-weight: 500;
@inverse-heading-divider-border: fade(@global-background, 60%);
@inverse-heading-bullet-border: fade(@global-background, 60%);
@inverse-heading-line-border: fade(@global-background, 70%);
@divider-icon-width: 28px;
@divider-icon-height: 24px;
@divider-icon-color: #FF0000;
@divider-icon-line-border: @global-primary-background;
@internal-divider-icon-image: "../../../../uikit-themes/master-oakville/images/divider-icon.svg";
@inverse-divider-icon-color: fade(@global-background, 75%);
@list-margin-top: 6px;
@list-striped-border-width: @global-border-width;
@list-striped-border: @global-border;
@inverse-list-striped-border: @inverse-global-border;
@description-list-term-font-size: @global-small-font-size;
@description-list-term-text-transform: uppercase;
@table-striped-row-background: fade(@global-primary-background,3%);
@table-striped-border-width: @global-border-width;
@table-striped-border: @global-border;
@icon-button-color: @global-emphasis-color;
@icon-button-hover-background: @global-background;
@icon-button-hover-color: @global-emphasis-color;
@icon-button-active-background: @global-background;
@icon-button-active-color: @global-emphasis-color;
@icon-overlay-color: @global-primary-background;
@icon-overlay-hover-color: fade(@icon-overlay-color, 60%);
@icon-button-border-width: @global-border-width;
@icon-button-border: @global-border;
@icon-button-hover-border: @global-border;
@icon-button-active-border: @global-border;
@icon-button-hover-box-shadow: @global-small-box-shadow;
@icon-button-active-box-shadow: 0 0 0 rgba(0,0,0,0);
@inverse-icon-link-color: fade(@global-inverse-color, 70%);
@inverse-icon-button-color: fade(@global-inverse-color, 70%);
@inverse-icon-button-border: @inverse-global-border;
@inverse-icon-button-hover-border: fade(@global-inverse-color, 80%);
@inverse-icon-button-active-border: fade(@global-inverse-color, 80%);
@form-range-thumb-background: @global-background;
@form-range-thumb-border-width: @global-border-width;
@form-range-thumb-border: darken(@global-border, 10%);
@form-range-track-focus-background: darken(@global-muted-background, 15%);
@form-range-thumb-background: @global-primary-background;
@form-background: @global-background;
@form-color: @global-emphasis-color;
@form-focus-background: @global-background;
@form-placeholder-color: lighten(@global-muted-color, 10%);
@form-radio-background: transparent;
@form-radio-checked-focus-background: @global-primary-background;
@form-stacked-margin-bottom: 5px;
@form-label-font-size: @global-small-font-size;
@form-range-thumb-border-width: 0;
@form-border-width: @global-border-width;
@form-border: @global-border;
@form-focus-border: @global-primary-background;
@form-disabled-border: @global-border;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @global-primary-background;
@form-radio-border-width: @global-border-width;
@form-radio-border: darken(@global-border, 10%);
@form-radio-focus-border: @global-primary-background;
@form-radio-disabled-border: @global-border;
@form-border-radius: 3px;
@inverse-form-border: fade(@global-background, 50%);
@inverse-form-focus-border: @inverse-global-color;
@inverse-form-radio-border: @inverse-global-border;
@inverse-form-radio-focus-border: @inverse-global-color;
@inverse-form-radio-checked-border: @inverse-global-primary-background;
@button-default-background: lighten(@global-muted-background, 4%);
@button-default-hover-background: @global-background;
@button-default-active-background: @global-background;
@button-primary-hover-background: @global-secondary-background;
@button-primary-active-background: darken(@button-primary-hover-background, 4%);
@button-secondary-hover-background: @global-primary-background;
@button-secondary-active-background: darken(@button-secondary-hover-background, 4%);
@button-danger-hover-background: darken(@global-danger-background, 8%);
@button-danger-active-background: darken(@global-danger-background, 12%);
@button-disabled-color: lighten(@global-muted-color, 28%);
@button-text-color: @global-primary-background;
@button-link-color: @global-primary-background;
@button-link-hover-color: @global-emphasis-color;
@button-text-icon-mode: arrow;
@button-text-border-width: 2px;
@internal-button-text-arrow-image: "../../../../uikit-themes/master-oakville/images/button-text-arrow.svg";
@internal-button-text-arrow-width: 11px;
@internal-button-text-arrow-image-position: 0;
@button-font-family: @global-primary-font-family;
@button-font-weight: @global-primary-font-weight;
@button-text-transform: @global-primary-text-transform;
@button-letter-spacing: @global-primary-letter-spacing;
@button-font-style: @global-primary-font-style;
@button-border-width: @global-border-width;
@button-default-border: darken(@global-muted-background, 7%);
@button-default-hover-border: darken(@global-muted-background, 9%);
@button-default-active-border: darken(@global-muted-background, 11%);
@button-primary-border: darken(@global-primary-background, 8%);
@button-primary-hover-border: darken(@global-secondary-background, 10%);
@button-primary-active-border: darken(@global-secondary-background, 12%);
@button-secondary-border: darken(@global-secondary-background, 8%);
@button-secondary-hover-border: darken(@global-primary-background, 10%);
@button-secondary-active-border: darken(@global-primary-background, 12%);
@button-danger-border: darken(@global-danger-background, 8%);
@button-danger-hover-border: darken(@global-danger-background, 18%);
@button-danger-active-border: darken(@global-danger-background, 20%);
@button-disabled-border: @global-border;
@button-border-radius: @global-border-radius;
@button-default-hover-box-shadow: @global-small-box-shadow;
@button-default-active-box-shadow: 0 0 0 rgba(0,0,0,0);
@inverse-button-default-background: fade(@global-muted-background, 78%);
@inverse-button-default-hover-background: fade(@global-muted-background, 55%);
@inverse-button-secondary-background: fade(@global-muted-background, 88%);
@inverse-button-secondary-hover-background: fade(@global-muted-background, 70%);
@inverse-button-text-hover-color: fade(@global-background, 80%);
@inverse-button-link-hover-color: fade(@global-background, 70%);
@inverse-button-default-border: fade(@global-inverse-color, 50%);
@inverse-button-default-hover-border: fade(@global-inverse-color, 45%);
@inverse-button-default-active-border: fade(@global-inverse-color, 45%);
@inverse-button-primary-hover-border: @global-inverse-color;
@inverse-button-primary-active-border: @global-inverse-color;
@inverse-button-secondary-border: @global-inverse-color;
@inverse-button-secondary-hover-border: @global-inverse-color;
@inverse-button-secondary-active-border: @global-inverse-color;
@progress-height: 10px;
@progress-background: darken(@global-muted-background, 3%);
@internal-section-muted-gradient: radial-gradient(lighten(@global-muted-background, 1%), darken(@global-muted-background, 1%));
@internal-section-primary-gradient: radial-gradient(lighten(@global-primary-background, 1%), darken(@global-primary-background, 1%));
@internal-section-secondary-gradient: radial-gradient(@global-secondary-background, darken(@global-secondary-background, 4%));
@internal-tile-muted-gradient: radial-gradient(lighten(@global-muted-background, 1%), darken(@global-muted-background, 1%));
@internal-tile-primary-gradient: radial-gradient(lighten(@global-primary-background, 1%), darken(@global-primary-background, 1%));
@internal-tile-secondary-gradient: radial-gradient(@global-secondary-background, darken(@global-secondary-background, 4%));
@card-hover-background: @card-default-hover-background;
@card-default-color: @global-emphasis-color;
@card-default-hover-background: @global-background;
@card-overlay-background: rgba(163, 164, 165, 0.4);
@card-overlay-hover-background: fade(@global-background, 35%);
@card-overlay-color-mode: light;
@card-overlay-inverse-background: darken(@card-overlay-background, 16%);
@card-overlay-hover-inverse-background: darken(@card-overlay-hover-background, 10%);
@card-overlay-backdrop-filter: blur(25px);
@card-badge-text-transform: uppercase;
@card-hover-border-width: @global-border-width;
@card-hover-border: rgba(200, 200, 200, 0.24);
@card-default-border-width: @global-border-width;
@card-default-border: rgba(200, 200, 200, 0.24);
@card-default-hover-border: rgba(200, 200, 200, 0.24);
@card-primary-border-width: @global-border-width;
@card-primary-border: darken(@global-primary-background, 8%);
@card-primary-hover-border: darken(@global-primary-background, 10%);
@card-secondary-border-width: @global-border-width;
@card-secondary-border: darken(@global-secondary-background, 8%);
@card-secondary-hover-border: darken(@global-secondary-background, 10%);
@card-overlay-border-width: @global-border-width;
@card-overlay-border: rgba(200, 200, 200, 0.24);
@card-overlay-hover-border: @card-overlay-border;
@card-border-radius: @global-border-radius;
@card-badge-border-radius: @global-border-radius;
@internal-card-primary-gradient: radial-gradient(lighten(@global-primary-background, 1%), darken(@global-primary-background, 1%));
@internal-card-primary-hover-gradient: radial-gradient(darken(@global-primary-background, 3%), darken(@global-primary-background, 5%));
@internal-card-secondary-gradient: radial-gradient(@global-secondary-background, darken(@global-secondary-background, 4%));
@internal-card-secondary-hover-gradient: radial-gradient(darken(@global-secondary-background, 5%), darken(@global-secondary-background, 9%));
@card-hover-box-shadow: @global-small-box-shadow;
@card-default-hover-box-shadow: @global-small-box-shadow;
@close-hover-color: @global-primary-background;
@inverse-close-color: @global-background;
@inverse-close-hover-color: fade(@global-background, 70%);
@marker-background: @global-primary-background;
@marker-hover-background: @global-secondary-background;
@inverse-marker-color: @global-primary-background;
@inverse-marker-hover-color: darken(@global-primary-background, 10%);
@inverse-marker-hover-background: darken(@inverse-marker-background, 16%);
@totop-padding: 15px;
@totop-color: @global-primary-background;
@totop-hover-color: @totop-color;
@totop-active-color: @totop-color;
@totop-background: @global-muted-background;
@totop-hover-background: @global-background;
@totop-active-background: @global-background;
@totop-border-width: 1px;
@totop-border: @global-border;
@totop-hover-border: @global-border;
@totop-active-border: @global-border;
@totop-border-radius: 2px;
@totop-hover-box-shadow: @global-small-box-shadow;
@totop-active-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
@inverse-totop-color: @global-primary-background;
@inverse-totop-hover-color: @global-primary-background;
@inverse-totop-active-color: @global-primary-background;
@inverse-totop-background: @global-inverse-color;
@inverse-totop-hover-background: fade(@global-inverse-color, 80%);
@inverse-totop-active-background: fade(@global-inverse-color, 70%);
@inverse-totop-border: darken(@global-inverse-color, 5%);
@inverse-totop-hover-border: darken(@global-inverse-color, 5%);
@inverse-totop-active-border: darken(@global-inverse-color, 5%);
@alert-primary-background: @global-primary-background;
@alert-primary-color: @global-inverse-color;
@alert-success-background: @global-success-background;
@alert-success-color: @global-inverse-color;
@alert-warning-background: @global-warning-background;
@alert-warning-color: @global-inverse-color;
@alert-danger-background: @global-danger-background;
@alert-danger-color: @global-inverse-color;
@alert-close-opacity: 1;
@alert-border-width: @global-border-width;
@alert-border: darken(@global-muted-background, 4%);
@alert-primary-border: darken(@global-primary-background, 7%);
@alert-success-border: darken(@global-success-background, 10%);
@alert-warning-border: darken(@global-warning-background, 5%);
@alert-danger-border: darken(@global-danger-background, 8%);
@alert-border-radius: @global-border-radius;
@label-padding-horizontal: 5px;
@label-border-width: @global-border-width;
@label-border: darken(@global-primary-background, 6%);
@label-success-border: darken(@global-success-background, 9%);
@label-warning-border: darken(@global-warning-background, 4%);
@label-danger-border: darken(@global-danger-background, 7%);
@label-border-radius: @global-border-radius;
@overlay-default-background: rgba(163, 164, 165, 0.4);
@overlay-default-color-mode: light;
@overlay-primary-background: fade(@global-secondary-background, 70%);
@overlay-default-inverse-background: darken(@overlay-default-background, 16%);
@overlay-primary-inverse-background: darken(fade(@overlay-primary-background, 75%), 4%);
@overlay-default-backdrop-filter: blur(25px);
@overlay-primary-backdrop-filter: blur(25px);
@article-title-font-size: @global-font-size;
@article-meta-link-color: @global-primary-background;
@article-meta-link-hover-color: @global-emphasis-color;
@search-default-background: transparent;
@search-default-border-width: @global-border-width;
@search-default-border: @global-border;
@search-default-focus-border: @global-primary-background;
@search-navbar-border-width: 1px;
@search-navbar-border: @global-border;
@search-navbar-focus-border: @global-primary-background;
@search-medium-border-width: @global-border-width;
@search-medium-border: @global-border;
@search-medium-focus-border: @global-primary-background;
@search-large-border-width: @global-border-width;
@search-large-border: @global-border;
@search-large-focus-border: @global-primary-background;
@search-default-border-radius: 3px;
@search-navbar-border-radius: 3px;
@search-medium-border-radius: 3px;
@search-large-border-radius: 3px;
@inverse-search-placeholder-color: fade(@global-inverse-color, 70%);
@inverse-search-icon-color: fade(@global-inverse-color, 70%);
@inverse-search-default-background: transparent;
@inverse-search-toggle-color: fade(@global-inverse-color, 70%);
@inverse-search-default-border: fade(@inverse-global-border, 10%);
@inverse-search-default-focus-border: @inverse-global-border;
@inverse-search-medium-border: fade(@inverse-global-border, 10%);
@inverse-search-medium-focus-border: @inverse-global-border;
@inverse-search-large-border: fade(@inverse-global-border, 10%);
@inverse-search-large-focus-border: @inverse-global-border;
@accordion-default-item-margin-top: 16px;
@accordion-default-title-font-size: 18px;
@accordion-default-title-hover-color: @global-primary-background;
@accordion-default-item-mode: title;
@accordion-default-item-background: @global-muted-background;
@accordion-default-item-active-background: @global-background;
@accordion-default-title-padding-vertical: 15px;
@accordion-default-title-padding-horizontal: 20px;
@accordion-default-icon-color: @global-primary-background;
@accordion-default-content-padding-horizontal: 20px;
@accordion-default-content-padding-bottom: 0;
@accordion-default-title-font-weight: 500;
@accordion-default-item-border-width: @global-border-width;
@accordion-default-item-border: @global-border;
@accordion-default-item-border-radius: @global-border-radius;
@accordion-default-item-active-box-shadow: @global-small-box-shadow;
@inverse-accordion-default-title-color: @global-emphasis-color;
@inverse-accordion-default-title-hover-color: @global-primary-background;
@inverse-accordion-default-item-background: fade(@global-muted-background, 86%);
@inverse-accordion-default-icon-color: @accordion-default-icon-color;
@dropdown-padding: 25px;
@dropdown-background: @global-background;
@dropdown-color: @global-emphasis-color;
@dropdown-nav-item-color: @global-emphasis-color;
@dropdown-nav-item-hover-color: @global-link-hover-color;
@dropdown-nav-sublist-item-color: @global-emphasis-color;
@dropdown-nav-sublist-item-hover-color: @global-link-hover-color;
@dropdown-nav-font-size: @global-small-font-size;
@dropdown-border-radius: @global-border-radius;
@dropdown-box-shadow: @global-medium-box-shadow;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 15px 20px -20px rgba(0,0,0,0.16);
@dropbar-bottom-box-shadow: 0 -15px 20px -20px rgba(0,0,0,0.16);
@dropbar-left-box-shadow: 15px 0 20px -20px rgba(0,0,0,0.16);
@dropbar-right-box-shadow: -15px 0 20px -20px rgba(0,0,0,0.16);
@modal-background: rgba(0, 0, 0, 0.5);
@modal-backdrop-filter: blur(10px);
@modal-dialog-border-radius: @global-border-radius;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@offcanvas-overlay-background: rgba(0, 0, 0, 0.5);
@offcanvas-overlay-backdrop-filter: blur(10px);
@offcanvas-bar-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.08);
@notification-message-padding: 15px;
@notification-message-color: @global-emphasis-color;
@notification-message-primary-color: @global-emphasis-color;
@notification-message-success-color: @global-emphasis-color;
@notification-message-warning-color: @global-emphasis-color;
@notification-message-danger-color: @global-emphasis-color;
@notification-message-primary-background: lighten(@global-primary-background, 65%);
@notification-message-success-background: lighten(@global-success-background, 30%);
@notification-message-warning-background: lighten(@global-warning-background, 40%);
@notification-message-danger-background: lighten(@global-danger-background, 45%);
@notification-message-primary-color-mode: dark;
@notification-message-success-color-mode: dark;
@notification-message-warning-color-mode: dark;
@notification-message-danger-color-mode: dark;
@tooltip-background: @global-primary-background;
@nav-item-padding-vertical: 3px;
@nav-default-item-color: @global-emphasis-color;
@nav-default-item-hover-color: @global-primary-background;
@nav-default-item-active-color: @global-primary-background;
@nav-default-sublist-item-hover-color: @global-primary-background;
@nav-default-sublist-item-active-color: @global-primary-background;
@nav-primary-font-size: 20px;
@nav-primary-item-color: @global-emphasis-color;
@nav-primary-item-hover-color: @global-primary-background;
@nav-primary-item-active-color: @global-primary-background;
@nav-primary-subtitle-font-size: @global-small-font-size;
@nav-primary-sublist-item-hover-color: @global-primary-background;
@nav-primary-sublist-item-active-color: @global-primary-background;
@nav-secondary-subtitle-hover-color: @global-emphasis-color;
@nav-secondary-sublist-item-hover-color: @global-emphasis-color;
@nav-secondary-sublist-item-active-color: @global-primary-background;
@nav-primary-item-padding-vertical: 3px;
@nav-secondary-margin-top: 1px;
@nav-secondary-item-padding-vertical: 8px;
@nav-secondary-item-padding-horizontal: 18px;
@nav-secondary-item-hover-background: @global-muted-background;
@nav-secondary-item-active-background: @global-muted-background;
@nav-header-font-weight: 500;
@nav-default-font-weight: 500;
@nav-default-subtitle-color: @global-muted-color;
@nav-primary-font-weight: 500;
@nav-primary-subtitle-color: @global-muted-color;
@nav-secondary-font-weight: 500;
@nav-secondary-item-border-radius: @global-border-radius;
@inverse-nav-default-item-color: fade(@global-inverse-color, 70%);
@navbar-background: @global-primary-background;
@navbar-gap: 0px;
@navbar-color-mode: light;
@navbar-nav-gap: 0px;
@navbar-nav-item-height: 50px;
@navbar-nav-item-padding-horizontal: 20px;
@navbar-item-padding-horizontal: 20px;
@navbar-dropdown-margin: 15px;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-nav-item-color: @global-emphasis-color;
@navbar-dropdown-nav-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-item-active-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background;
@navbar-dropdown-nav-sublist-item-active-color: @global-primary-background;
@navbar-gap-m: 0px;
@navbar-nav-gap-m: 0px;
@navbar-nav-item-padding-horizontal-m: 30px;
@navbar-nav-item-hover-background: darken(@global-primary-background, 6%);
@navbar-nav-item-active-background: lighten(@global-primary-background, 6%);
@navbar-item-padding-horizontal-m: 30px;
@navbar-toggle-hover-background: @navbar-nav-item-hover-background;
@navbar-container-padding: false;
@navbar-nav-item-font-weight: 500;
@navbar-primary-nav-item-font-weight: 500;
@navbar-dropdown-nav-font-weight: 500;
@navbar-border-vertical-mode: all;
@navbar-border-width: 1px;
@navbar-border: darken(@global-primary-background, 6%);
@navbar-dropdown-border-radius: @global-border-radius;
@internal-navbar-gradient: linear-gradient(2deg, darken(@global-primary-background, 1%), lighten(@global-primary-background, 1%));
@navbar-group-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
@navbar-nav-item-box-shadow: inset 1px 0 0 rgba(255,255,255,0.1);
@navbar-nav-item-hover-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.15);
@navbar-dropdown-box-shadow: @global-medium-box-shadow;
@inverse-navbar-nav-item-color: @global-inverse-color;
@inverse-navbar-toggle-color: @global-inverse-color;
@subnav-item-color: @global-emphasis-color;
@subnav-item-hover-color: @global-primary-background;
@subnav-item-active-color: @global-primary-background;
@subnav-divider-border-height: 0.75em;
@subnav-pill-margin-horizontal: 8px;
@subnav-pill-item-padding-vertical: 7px;
@subnav-pill-item-padding-horizontal: 17px;
@subnav-pill-item-background: @global-muted-background;
@subnav-pill-item-color: @global-color;
@subnav-pill-item-hover-background: @global-background;
@subnav-pill-item-hover-color: @global-emphasis-color;
@subnav-item-font-size: @global-small-font-size;
@subnav-item-font-weight: 500;
@subnav-item-text-transform: none;
@subnav-pill-item-border-width: 1px;
@subnav-pill-item-border: @global-border;
@subnav-pill-item-hover-border: @global-border;
@subnav-pill-item-onclick-border: @global-border;
@subnav-pill-item-active-border: darken(@subnav-pill-item-active-background, 8%);
@subnav-pill-item-border-radius: 500px;
@subnav-pill-item-hover-box-shadow: @global-small-box-shadow;
@subnav-pill-item-onclick-box-shadow: 0 0 0 rgba(0,0,0,0);
@inverse-subnav-item-color: fade(@global-inverse-color, 70%);
@inverse-subnav-pill-item-color: fade(@global-inverse-color, 80%);
@inverse-subnav-pill-item-active-color: @global-primary-background;
@breadcrumb-item-color: @global-emphasis-color;
@breadcrumb-item-hover-color: @global-primary-background;
@breadcrumb-item-active-color: @global-muted-color;
@breadcrumb-divider-margin-horizontal: 16px;
@breadcrumb-divider-font-size: inherit;
@breadcrumb-divider-color: @global-emphasis-color;
@breadcrumb-item-font-weight: 500;
@internal-breadcrumb-divider-background-image: "../../../../uikit-themes/master-oakville/images/breadcrumb-divider.svg";
@inverse-breadcrumb-item-color: fade(@global-background, 70%);
@inverse-breadcrumb-divider-color: @global-background;
@pagination-margin-horizontal: 5px;
@pagination-item-padding-horizontal: 13px;
@pagination-item-color: @global-emphasis-color;
@pagination-item-hover-color: @global-emphasis-color;
@pagination-item-active-color: @global-inverse-color;
@pagination-item-min-width: 33px;
@pagination-item-height: 37px;
@pagination-item-background: @global-muted-background;
@pagination-item-hover-background: @global-background;
@pagination-item-active-background: @global-primary-background;
@pagination-item-font-weight: 500;
@pagination-item-border-width: @global-border-width;
@pagination-item-border: @global-border;
@pagination-item-hover-border: @global-border;
@pagination-item-active-border: darken(@global-primary-background, 5%);
@pagination-item-border-radius: 2px;
@pagination-item-hover-box-shadow: @global-small-box-shadow;
@inverse-pagination-item-color: @global-inverse-color;
@inverse-pagination-item-hover-color: @global-inverse-color;
@inverse-pagination-item-background: fade(@global-inverse-color, 10%);
@inverse-pagination-item-hover-background: fade(@global-inverse-color, 30%);
@inverse-pagination-item-active-background: @global-primary-background;
@inverse-pagination-item-border: fade(@global-inverse-color, 10%);
@inverse-pagination-item-hover-border: fade(@global-inverse-color, 10%);
@inverse-pagination-item-active-border: lighten(@global-primary-background, 5%);
@tab-margin-horizontal: 5px;
@tab-item-padding-horizontal: 15px;
@tab-item-padding-vertical: 6px;
@tab-item-color: @global-color;
@tab-item-active-color: @global-inverse-color;
@tab-item-mode: background;
@tab-item-background: @global-muted-background;
@tab-item-hover-background: @global-background;
@tab-item-active-background: @global-primary-background;
@tab-vertical-item-margin-vertical: 5px;
@tab-item-font-weight: 500;
@tab-border: @global-primary-background;
@tab-item-border-width: 1px;
@tab-item-hover-border: @global-border;
@tab-item-border-radius: 5px;
@inverse-tab-item-color: @global-inverse-color;
@inverse-tab-item-hover-color: @global-primary-background;
@inverse-tab-item-active-color: @global-primary-background;
@inverse-tab-item-background: fade(@global-inverse-color, 10%);
@inverse-tab-item-hover-background: @global-inverse-color;
@inverse-tab-item-active-background: @global-inverse-color;
@slidenav-padding-vertical: 12px;
@slidenav-padding-horizontal: 15px;
@slidenav-color: @global-inverse-color;
@slidenav-hover-color: @global-inverse-color;
@slidenav-active-color: @global-inverse-color;
@slidenav-large-padding-vertical: 15px;
@slidenav-large-padding-horizontal: 18px;
@slidenav-background: @global-primary-background;
@slidenav-hover-background: @global-secondary-background;
@slidenav-active-background: darken(@global-secondary-background, 4%);
@slidenav-margin: 5px;
@slidenav-border-width: 1px;
@slidenav-border: darken(@slidenav-background, 8%);
@slidenav-hover-border: darken(@global-secondary-background, 10%);
@slidenav-active-border: darken(@global-secondary-background, 12%);
@slidenav-border-radius: 2px;
@inverse-slidenav-color: @global-primary-background;
@inverse-slidenav-hover-color: @global-primary-background;
@inverse-slidenav-active-color: @global-primary-background;
@inverse-slidenav-background: @global-background;
@inverse-slidenav-hover-background: fade(@global-inverse-color, 80%);
@inverse-slidenav-active-background: fade(@global-inverse-color, 70%);
@inverse-slidenav-hover-border: @global-background;
@inverse-slidenav-active-border: @global-background;
@dotnav-margin-horizontal: 5px;
@dotnav-item-width: 30px;
@dotnav-item-height: 12px;
@dotnav-item-border-radius: 0;
@dotnav-item-background: fade(@global-primary-background, 50%);
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-onclick-background: @dotnav-item-hover-background;
@dotnav-item-active-background: @dotnav-item-hover-background;
@inverse-dotnav-item-background: fade(@global-background, 50%);
@inverse-dotnav-item-onclick-background: @global-background;
@inverse-dotnav-item-border: @global-background;
@thumbnav-item-background: transparent;
@thumbnav-item-border-width: 2px;
@thumbnav-item-hover-border: @global-primary-background;
@thumbnav-item-active-border: @global-primary-background;
@thumbnav-item-border-radius: @global-border-radius;
@thumbnav-item-gradient: linear-gradient(180deg, fade(@global-primary-background, 0%), fade(@global-primary-background, 20%));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-color: @global-emphasis-color;
@iconnav-item-hover-color: @global-primary-background;
@iconnav-item-active-color: @global-primary-background;
@inverse-iconnav-item-color: fade(@global-inverse-color, 70%);
@lightbox-background: @global-background;
@lightbox-color-mode: dark;
@lightbox-caption-color: @global-inverse-color;
@text-lead-font-size: 18px;
@text-large-font-size: 18px;
@dropcap-color: @global-emphasis-color;
@inverse-global-color: @global-inverse-color;
@inverse-global-inverse-color: @global-emphasis-color;
@inverse-global-border: fade(@global-inverse-color, 30%);