@import url("https://fonts.googleapis.com/css?family=Oxygen");
@import url("https://fonts.googleapis.com/css?family=Raleway");
:root {
  /* Original theme name: sublime yankees */
  /* Original SCSS colors:
     $theme-heading-border: none;
     $theme-subheading-border: 1px solid #8AC2CF;
     $border-radius: 3px;
     $label-primary: #0065d8;
     $text-details: #747777;
     $theme-color: #012146;
     $theme-color-semi-trans: #012146;
     $theme-button-color: #012146;
     $link-color: #8a1751;
     $success-color: #2d772d;
     $danger-color: #bf4e30;
     $warning-color: #907143;
     $info-color: #0065d8;
     $site-header-color: #fff;
     $site-header-font-color: #444;
     $site-header-font-color-hover: $link-color;
     $feature-color: #dce7f4;
     $h1-font-size: 50px;
     $h2-font-size: 37px;
     $h3-font-size: 28px;
     $h4-font-size: 21px;
     $h5-font-size: 16px;
     $h6-font-size: 13px;
  */
  /* Potential issues / skipped variables:
     - $anchor-font-color-hover / --link-color-hover was not provided in the original SCSS input and has been skipped.
  */
  /* === Primary Color Palette (#012146 - Yankees Blue) === */
  --color-primary: #012146;
  --color-primary-100: #e6ebf2;
  --color-primary-200: #b4c3d6;
  --color-primary-300: #819bb9;
  --color-primary-400: #4f739d;
  --color-primary-500: #214d80;
  --color-primary-600: #012146;
  --color-primary-700: #011938;
  --color-primary-800: #01122a;
  --color-primary-900: #000a1c;
  /* === Success Color Palette (#2d772d) === */
  --color-success: #2d772d;
  --color-success-100: #eaf5ea;
  --color-success-200: #c9e6c9;
  --color-success-300: #a2d2a2;
  --color-success-400: #7abe7a;
  --color-success-500: #51aa51;
  --color-success-600: #2d772d;
  --color-success-700: #225c22;
  --color-success-800: #174217;
  --color-success-900: #0c270c;
  /* === Danger Color Palette (#bf4e30) === */
  --color-danger: #bf4e30;
  --color-danger-100: #fbf0ec;
  --color-danger-200: #f4d3c9;
  --color-danger-300: #eaae9e;
  --color-danger-400: #e08873;
  --color-danger-500: #d4634c;
  --color-danger-600: #bf4e30;
  --color-danger-700: #983c24;
  --color-danger-800: #712b18;
  --color-danger-900: #4a190b;
  /* === Warning Color Palette (#907143) === */
  --color-warning: #907143;
  --color-warning-100: #f6f3ee;
  --color-warning-200: #e4dbd1;
  --color-warning-300: #cebfb0;
  --color-warning-400: #b8a38f;
  --color-warning-500: #a2886e;
  --color-warning-600: #907143;
  --color-warning-700: #715833;
  --color-warning-800: #523e23;
  --color-warning-900: #332512;
  /* === Info Color Palette (#0065d8) === */
  --color-info: #0065d8;
  --color-info-100: #e6f0fc;
  --color-info-200: #b3d3f8;
  --color-info-300: #80b6f4;
  --color-info-400: #4d98f0;
  --color-info-500: #1a7bec;
  --color-info-600: #0065d8;
  --color-info-700: #004fa8;
  --color-info-800: #003978;
  --color-info-900: #002348;
  /* === Mapped Theme Variables === */
  --label-primary: var(--color-info);
  --text-details: #747777;
  --heading-color: #203e58;
  --theme-button-color: var(--color-primary);
  --theme-button-color-hover: var(--color-primary-700);
  --link-color: #8a1751;
  --site-header-color: #fff;
  --site-header-font-color: #444;
  --site-header-font-color-hover: var(--link-color);
  --feature-color: #dce7f4;
  /* === Typography & Layout Variables === */
  --header-font-family: "Oxygen", helvetica, arial, sans-serif;
  --subheader-font-family: "Raleway", helvetica, arial, sans-serif;
  --body-font-family: "helvetica neue", helvetica, arial, sans-serif;
  --border-radius: 3px;
  --h1-font-size: 50px;
  --h2-font-size: 37px;
  --h3-font-size: 28px;
  --h4-font-size: 21px;
  --h5-font-size: 16px;
  --h6-font-size: 13px;
}
/* Base Typography Styles */
body {
  font-family: var(--body-font-family);
  color: var(--text-details);
}

}

}
/* Headings & Subheadings global color enforcement */
h1, h2, h3, h4, h5, h6,
.mce-content-body h1, 
.mce-content-body h2, 
.mce-content-body h3, 
.mce-content-body h4, 
.mce-content-body h5, 
.mce-content-body h6 {
  color: #203e58;
}
h1, .mce-content-body h1 {
  font-family: var(--header-font-family);
  font-size: var(--h1-font-size);
}
h2, h3, h4, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4 {
  font-family: var(--subheader-font-family);
}
h2 { font-size: var(--h2-font-size); }
h3 { font-size: var(--h3-font-size); }
h4 { font-size: var(--h4-font-size); }
h5 { font-size: var(--h5-font-size); font-family: var(--header-font-family); }
h6 { font-size: var(--h6-font-size); font-family: var(--header-font-family); }
/* Cookie Notification Overrides */
#cookienotification a,
#cookienotification p,
.cookie-banner p,
#cookie-banner p,
.cookie-notice p,
#cookie-notice p,
.cc-banner p,
#portal-cookie-banner p,
.privacy-cookie-banner p {
  color: #ffffff !important;
}
#cookienotification h2,
.cookie-banner h2,
#cookie-banner h2,
.cookie-notice h2,
#cookie-notice h2,
.cc-banner h2,
#portal-cookie-banner h2,
.privacy-cookie-banner h2,
div[class*="cookie"] h2,
div[id*="cookie"] h2 {
  font-size: var(--h2-font-size) !important;
  font-family: var(--subheader-font-family) !important;
  color: #ffffff !important;
}
/* Top Toolbar (#edit-bar) Background Customization */
#edit-bar,
body.plone-toolbar-top #edit-bar,
body.plone-toolbar-top #edit-bar #edit-zone, 
body.plone-toolbar-top #edit-bar #edit-zone .toolbar-header,
.toolbar, 
#toolbar {
  background-color: #011e41 !important;
}
body.plone-toolbar-top #edit-bar #edit-zone a,
body.plone-toolbar-top #edit-bar #edit-zone span,
body.plone-toolbar-top #edit-bar #edit-zone button {
  color: #ffffff !important;
}
body.plone-toolbar-top #edit-bar #edit-zone a:hover,
body.plone-toolbar-top #edit-bar #edit-zone button:hover {
  color: var(--color-primary-200) !important;
}
/* Edit Zone Dropdown Menu Customization (#011e41) */
#edit-zone ul.dropdown-menu {
  background-color: #011e41 !important;
  border-color: #011e41 !important;
}
#edit-zone ul.dropdown-menu li h6.dropdown-header {
  background-color: #011e41 !important;
  color: #ffffff !important;
  margin: 0;
}

}
#edit-zone ul.dropdown-menu > li > a:hover,
#edit-zone ul.dropdown-menu > li > a:focus {
  background-color: var(--color-primary-800) !important;
  color: var(--color-primary-200) !important;
}