/* Tints could be set with:
  color: mix($color--navy, #FFF, 10%);
  But the mix function seems slightly off
  */
/* breakpoints */
.ucsf-top-header {
  background-color: #052049; }

#footer {
  background-color: #052049; }

body.ucsf-b1gfoot .cke_reset_all div.cke_dialog_title {
  background: #052049; }

body.ucsf-b1gfoot .cke_dialog_tabs a.cke_dialog_tab_selected,
body.ucsf-b1gfoot .cke_dialog_tabs a.cke_dialog_tab_selected:hover {
  border-top: 1px solid #052049;
  box-shadow: inset 0 1px 0 0 #052049; }

.slider-no-image .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders:after {
  background-color: #052049; }

.slider-no-image .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .group-slider-content {
  background-color: #052049; }

.slider-image-behind .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .paragraphs-items > .field > .field-items > .slick-list >
.slick-track > .field-item:before {
  background-color: #052049; }

.slider-image-behind .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .field-name-field-pg-slider-image:before {
  background-color: #052049; }

.slider-image-right .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders:before {
  background-color: #052049; }

.slider-image-left .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders:before {
  background-color: #052049; }

@media (min-width: 0) and (max-width: 960px) {
  .slider-image-behind .region-content-top .group-slider-content {
    background-color: #052049; } }

.slider-image-behind .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .group-slider-content:after {
  background-color: #052049; }

@media (min-width: 0) and (max-width: 960px) {
  .slider-image-left .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .group-slider-content {
    background-color: #052049; } }

.slider-secondary .region-content-top {
  background-color: #052049; }
  @media (min-width: 0) and (max-width: 769px) {
    .slider-secondary .region-content-top .group-slider-content {
      background-color: #052049; } }

.block-ucsf-b1gfoot-xmlevents .event-image .day,
.view-display-id-events_block .event-image .day,
.view-display-id-events_page .event-image .day {
  background-color: #052049; }

.block-ucsf-b1gfoot-xmlevents .event-image .number-date,
.view-display-id-events_block .event-image .number-date,
.view-display-id-events_page .event-image .number-date {
  border-color: #052049; }

.wysiwyg_featured_content .wysiwyg_featured_content--image_area img {
  border-bottom: 10px solid #052049; }

@media (min-width: 769px) {
  #header .block-menu-block .menu-block-wrapper > ul li:hover,
  #header .block-menu-block .menu-block-wrapper > ul li.active-trail,
  #header .block-menu-block .menu-block-wrapper > ul li.active {
    border-color: #052049; } }

.node-type-events .field-name-field-date-event,
.node-type-events .field-name-field-text-event-time,
.node-type-events .field-name-field-term-event-location {
  border-color: #052049; }

#block-ucsf-b1gfoot-blog-startingpoint-blog-header {
  background-color: #052049;
  color: #FFF; }
  #block-ucsf-b1gfoot-blog-startingpoint-blog-header .blog-header-background.with-image:after {
    background: linear-gradient(to bottom, rgba(5, 32, 73, 0.3), rgba(5, 32, 73, 0.7)); }
  @media (min-width: 0) and (max-width: 480px) {
    #block-ucsf-b1gfoot-blog-startingpoint-blog-header .blog-header-background.with-image h2 {
      background-color: #052049; } }