/***************************************************************************************************
****************************************************************************************************

Project..... Vaughan Memorial Library website
Date........ Q2-2023
Developer... vincent.grovestine@acadiau.ca

****************************************************************************************************
***************************************************************************************************/



/*******************************************************************************
********************************************************************************
** COLOR VARIABLES: per Dec/22, Brand and Visual Identity Guide (page 22)
**
** https://acadiau.sharepoint.com/sites/projects/brand/SitePages/Brand-and-Visual-Identity-Guidelines.aspx
********************************************************************************
*******************************************************************************/

:root {
  --au-color-black: #1d1d1b;
  --au-color-white: #ffffff;
  /*
  --au-color-red-light: #ff6767;
  */
  --au-color-red: #c41424;
  --au-color-red-dark: #940513;
  /*
  --au-color-red-darker: #670000;
  --au-color-blue-lighter: #7ec3ff;
  --au-color-blue-light: #00599d;
   */
  --au-color-blue: #004077;
  --au-color-blue-dark: #002957;
  --au-color-blue-alt-light: #397fbb;
  /*
  --au-color-blue-alt-dark: #14283a;
  */
  --au-color-grey-lighter: #f4f4f4;
  --au-color-grey-light: #cccccc;
  --au-color-grey: #828282;
  --au-color-grey-dark: #666666;
  --au-color-grey-darker: #444444;

  --vml-color-alert: #c85200;
  --vml-color-highlight: #fbbe00;
  --vml-color-pale-blue: #b9c3da;
  --vml-color-pale-grey: #ededed;

  --vml-color-attention-notice: var(--au-color-blue-alt-light);
  --vml-color-attention-important: var(--vml-color-alert);
  --vml-color-attention-urgent: var(--au-color-red-dark);
  --vml-color-status-pass: #007700;
  --vml-color-status-fail: var(--au-color-red-dark);
  --vml-color-status-null: var(--vml-color-highlight);
  --vml-color-online: #007700;
  --vml-color-online-light: #009900;
  --vml-color-offline: var(--au-color-grey-dark);
  --vml-color-offline-light: var(--au-color-grey);

  --vml-color-focus-border: #1d7777;
  --vml-color-hr: var(--vml-color-pale-grey);
  --vml-color-border: var(--au-color-grey-light);
  --vml-color-text-shadow: var(--au-color-white);
  --vml-color-box-shadow: var(--au-color-grey-darker);
  --vml-color-h2-after-text: var(--au-color-grey);

/******************************************************************************/

  --vml-color-page-background: var(--au-color-white);
  --vml-color-page-text: var(--au-color-black);

  --vml-color-header-background: var(--au-color-blue);
  --vml-color-header-text: var(--au-color-white);
  --vml-color-header-border: var(--au-color-white);
  --vml-color-header-logo-border: var(--au-color-white);

  --vml-color-topnav-background: var(--au-color-white);
  --vml-color-topnav-border: var(--au-color-blue);
  --vml-color-topnav-mod_customnav-a-hover: var(--au-color-red);
  --vml-color-topnav-mod_customnav-a-active: var(--au-color-red);

  --vml-image-footer-background: url("../images/au_logo_tagline-900x338-white.png");
  --vml-color-footer-background: var(--au-color-blue);
  --vml-color-footer-border: var(--au-color-blue-dark);
  --vml-color-footer-text: var(--au-color-white);
  --vml-color-footer-icons: var(--au-color-white);
  --vml-color-footer-a-text: var(--au-color-white);
  --vml-color-footer-a-active-text: var(--vml-color-pale-blue);
  --vml-color-footer-decolonization-text: var(--au-color-white);
  --vml-color-footer-copyright-text: var(--vml-color-pale-blue);

  --vml-color-sidebar-background: var(--au-color-grey-lighter);
  --vml-color-sidebar-nav-column-rule: var(--vml-color-hr);
  --vml-color-sidebar-nav-h2-border: var(--au-color-grey-light);
  --vml-color-sidebar-mod_navigation-submenu-trail-a: var(--au-color-blue);
  --vml-color-sidebar-mod_navigation-span-active-background: var(--au-color-red);
  --vml-color-sidebar-mod_navigation-span-active-text: var(--au-color-white);
  --vml-color-sidebar-mod_navigation-a-active-background: var(--au-color-blue);
  --vml-color-sidebar-mod_navigation-a-active-text: var(--au-color-white);

/******************************************************************************/

  --vml-color-mod_navigation-simplelist-h2-border: var(--au-color-grey-light);

  --vml-color-mod_newslist-date-text: var(--au-color-grey-dark);
  --vml-color-mod_newsreader-date-text: var(--au-color-grey-dark);

  --vml-color-hours-mod_eventlist-border: var(--vml-color-hr);
  --vml-color-hours-mod_eventlist-current-text: var(--au-color-blue);
  --vml-color-hours-mod_eventlist-closed-text: var(--au-color-grey-dark);

  --vml-color-mod_calendar-th-current-text: var(--au-color-red);
  --vml-color-mod_calendar-th-label-text: var(--au-color-grey);
  --vml-color-mod_calendar-td-days-background: var(--au-color-grey-lighter);
  --vml-color-mod_calendar-td-days-text: var(--au-color-grey-dark);
  --vml-color-mod_calendar-td-days-empty-background: var(--au-color-grey-light);
  --vml-color-mod_calendar-td-days-open-background: var(--vml-color-pale-blue);
  --vml-color-mod_calendar-td-days-open-text: var(--au-color-blue);
  --vml-color-mod_calendar-td-days-closed-background: var(--au-color-grey-light);
  --vml-color-mod_calendar-td-days-closed-text: var(--au-color-black);
  --vml-color-mod_calendar-td-days-today-background: var(--au-color-red);
  --vml-color-mod_calendar-td-days-today-text: var(--au-color-white);
  --vml-color-mod_calendar-td-event-tba-text: var(--au-color-grey);

  --vml-color-mod_search-form-input-text: var(--vml-color-page-text);
  --vml-color-mod_search-form-input-background: var(--au-color-white);
  --vml-color-mod_search-form-input-border: var(--au-color-grey);
  --vml-color-mod_search-form-input-placeholder-text: var(--au-color-grey);
  --vml-color-mod_search-form-button-text: var(--au-color-white);
  --vml-color-mod_search-form-button-background: var(--au-color-blue);
  --vml-color-mod_search-form-button-border: var(--au-color-blue);
  --vml-color-mod_search-form-button-active-background: var(--au-color-red);
  --vml-color-mod_search-form-button-active-border: var(--au-color-red);
  --vml-color-mod_search-header-strong-background: var(--au-color-grey-lighter);
  --vml-color-mod_search-header-strong-text: var(--au-color-red);
  --vml-color-mod_search-result-relevance-text: var(--au-color-grey);
  --vml-color-mod_search-result-highlight-background: var(--vml-color-highlight);

/******************************************************************************/

  --vml-color-quick_links-seperator-text: var(--au-color-grey-dark);

  --vml-color-tweet-reactions-text: var(--au-color-grey-darker);

  --vml-color-slider-control-b-text: var(--au-color-grey-light);
  --vml-color-slider-control-b-active-text: var(--au-color-blue);

  --vml-color-accordion-summary-text: var(--au-color-blue);
  --vml-color-accordion-summary-active-text: var(--au-color-red);

  --vml-color-form-error-text: var(--vml-color-alert);
  --vml-color-form-error-background: var(--au-color-grey-lighter);
  --vml-color-form-error-border: var(--vml-color-alert);
  --vml-color-form-legend-text: var(--au-color-red);
  --vml-color-form-mandatory-text: var(--au-color-red);

  --vml-color-table-thead-th-text: var(--au-color-white);
  --vml-color-table-thead-th-background: var(--au-color-blue);
  --vml-color-table-tbody-tr-hover-background: var(--vml-color-pale-grey);
  --vml-color-table-thead-th-sortable-text: var(--vml-color-pale-blue);
  --vml-color-table-thead-th-sorted-text: var(--vml-color-highlight);
  --vml-color-table-flexible-tbody-col_first-text: var(--au-color-blue);

  --vml-color-figure-img-border: var(--vml-color-border);
  --vml-color-figure-img-background: var(--au-color-white);

/******************************************************************************/

  --vml-color-studyrooms-booking-button-text: var(--au-color-white);
  --vml-color-studyrooms-booking-button-background: var(--au-color-blue);
  --vml-color-studyrooms-booking-button-border: var(--au-color-blue-dark);
  --vml-color-studyrooms-booking-button-active-background: var(--au-color-red);
  --vml-color-studyrooms-booking-button-active-border: var(--au-color-red-dark);

/******************************************************************************/

  --vml-color-bento_search-background: var(--au-color-grey);
  --vml-color-bento_search-border: var(--au-color-blue-dark);
  --vml-color-bento_search-form-background: rgba(255, 255, 255, 0.25);
  --vml-color-bento_search-form-a-text: var(--au-color-grey-lighter);
  --vml-color-bento_search-form-a-active-text: var(--vml-color-highlight);
  --vml-color-bento_search-form-input-text: var(--au-color-grey-dark);
  --vml-color-bento_search-form-input-background: var(--au-color-white);
  --vml-color-bento_search-form-input-border: var(--au-color-grey);
  --vml-color-bento_search-form-input-placeholder-text: var(--au-color-grey);
  --vml-color-bento_search-form-button-text: var(--au-color-white);
  --vml-color-bento_search-form-button-background: var(--au-color-blue);
  --vml-color-bento_search-form-button-border: var(--au-color-blue);
  --vml-color-bento_search-form-button-active-background: var(--au-color-red);
  --vml-color-bento_search-form-button-active-border: var(--au-color-red);
  --vml-color-bento_did_you_mean-background: var(--au-color-grey-lighter);
  --vml-color-bento_did_you_mean-border: var(--vml-color-highlight);
  --vml-color-bento_results-h2-phrase-background: var(--au-color-grey-lighter);
  --vml-color-bento_results-h2-phrase-border: var(--au-color-red);
  --vml-color-bento-h3-text: var(--au-color-blue);
  --vml-color-bento-h3-background: var(--au-color-grey-lighter);
  --vml-color-bento-h3-border: var(--vml-color-border);
  --vml-color-bento-highlight-background: var(--vml-color-highlight);
  --vml-color-bento-success-li-hover-background: var(--au-color-grey-lighter);
  --vml-color-bento-success-li-hover-border: var(--au-color-red);
  --vml-color-bento-info-label-text: var(--au-color-grey-dark);
  --vml-color-bento-info-match-highlight: var(--au-color-grey-darker);
  --vml-color-bento-loading-h3-after-text: var(--au-color-blue);
  --vml-color-bento-loaded-success-h3-after-text: var(--vml-color-status-pass);
  --vml-color-bento-loaded-empty-h3-after-text: var(--vml-color-status-null);
  --vml-color-bento-loaded-failure-h3-after-text: var(--vml-color-status-fail);

/******************************************************************************/

  --vml-color-heading-text: var(--au-color-red);
  --vml-color-heading6-text: var(--au-color-black);
  --vml-color-h2-ce_headline-first-border: var(--vml-color-heading-text);

  --vml-color-a-text: var(--au-color-blue);
  --vml-color-a-visited-text: var(--au-color-blue);
  --vml-color-a-active-text: var(--au-color-red);

  --vml-color-a-faux_button-background: var(--au-color-blue);
  --vml-color-a-faux_button-text: var(--au-color-white);
  --vml-color-a-faux_button-visited-background: var(--au-color-blue-dark);
  --vml-color-a-faux_button-active-background: var(--au-color-red);

  --vml-color-livehelp-online-a-text: var(--vml-color-online);
  --vml-color-livehelp-online-a-active-text: var(--vml-color-online-light);
  --vml-color-livehelp-offline-a-text: var(--vml-color-offline);
  --vml-color-livehelp-offline-a-active-text: var(--vml-color-offline-light);

  --vml-color-pagination-a-background: var(--vml-color-pale-grey);
  --vml-color-pagination-a-active-background: var(--au-color-blue);
  --vml-color-pagination-a-active-text: var(--au-color-white);
  --vml-color-pagination-a-hover-background: var(--au-color-red);
  --vml-color-pagination-a-hover-text: var(--au-color-white);

  --vml-color-attention-urgent-text: var(--au-color-white);
  --vml-color-attention-urgent-background: var(--vml-color-attention-urgent);
  --vml-color-attention-important-text: var(--au-color-white);
  --vml-color-attention-important-background: var(--vml-color-attention-important);
  --vml-color-attention-notice-text: var(--au-color-white);
  --vml-color-attention-notice-background: var(--vml-color-attention-notice);

  --vml-color-fineprint-text: var(--au-color-grey-dark);

  --vml-color-boxed-background: var(--au-color-grey-lighter);

/******************************************************************************/

  --vml-color-everbridge-alert-text: var(--au-color-white);
  --vml-color-everbridge_alert-background: var(--vml-color-alert);
  --vml-color-everbridge_alert-border: var(--au-color-white);

  /* Manually specified in templates/vml2023_web/includes/cookie_consent.html5
  --vml-color-cc-window-background: var(--au-color-blue);
  --vml-color-cc-window-text: var(--au-color-white);
  --vml-color-cc-window-a-cc-btn-background: var(--au-color-red);
  --vml-color-cc-window-a-cc-btn-text: var(--au-color-white);
  */
  --vml-color-cc-window-border: var(--vml-color-pale-blue);
  --vml-color-cc-window-a-cc-link-text: var(--vml-color-pale-blue);
  --vml-color-cc-window-a-hover-cc-link-text: var(--vml-color-highlight);

}