/* GEO: $lightgrey-bg: #EDEDEE; */
/* GEO: $top-header-region: $primary-color; */
/* This file should be the one we copy/paste to override values in the different subthemes */
/******************************************************************************
* Base colors: what everything sits on top of with out alteration;
* if items aren't styled otherwise, these are the colors that
* are inherited to elements.
*/
/*
  Colors that are supposed to be able to change from site to site

  Total of about 8-10 colors that are changed between themes

  There are some misc elements that style differently depending...

  Body
   - body-background
   - body-text
   - body-link
   - body-link-hover
   - body-link-active ( inherits hover if not defined )

  Header
   - header-title-text
   - header-background ( main color of the splash )
   - header-shadow-start
   - header-shadow-stop

  Main Menu
   - main menu text
   - main menu backgroud
   - main menu hover
   - main menu active ( can be same as hover till defined )
   - main menu separator ( border color essentially )

  Page Elements
   - page-main-title ( main title of the node )
   - page-headers ( header elements such as h1, h2 ,h3 )
*/
/*
Version 1
Primary Color: Navy #052049
Secondary Color: Blue #178CCB
Version 2
Primary Color: - Teal #18A3AC
Secondary Color: Navy #052049
Version 3
Primary Color: Green #90BD31
Secondary Color: Navy #052049
Version 4
Primary Color: Orange #F48024
Secondary Color: Navy #052049

Color Specs: http://identity.ucsf.edu/color
Grays: #d1D3D3 and #B3B9BF
Photo overlays – looks like we can have 2 (dark and light). If so, lets use navy and then the white/gray that is on UCSF.edu
*/
/* line 86, ../../scss/colors/_colors.scss */
body {
  background-color: white;
  color: #353a3f;
}
/* line 91, ../../scss/colors/_colors.scss */
body a, body a:link {
  color: #007cbe;
}
/* line 92, ../../scss/colors/_colors.scss */
body a:hover {
  color: #007cbe;
}
/* line 93, ../../scss/colors/_colors.scss */
body a:active {
  color: #007cbe;
}

/* line 96, ../../scss/colors/_colors.scss */
.top-region-container {
  background: #b4b9bf;
}
/* line 99, ../../scss/colors/_colors.scss */
.top-region-container, .top-region-container ul li a {
  color: #052049;
}

/* line 104, ../../scss/colors/_colors.scss */
.header-container {
  background: #052049;
}
/* line 109, ../../scss/colors/_colors.scss */
.header-container .siteinfo h1, .header-container .siteinfo h1 a {
  color: #48413e;
}
/* line 114, ../../scss/colors/_colors.scss */
.header-container nav {
  background: #052049;
}
/* line 116, ../../scss/colors/_colors.scss */
.header-container nav > ul > li {
  border-right: 1px solid white;
}
/* line 118, ../../scss/colors/_colors.scss */
.header-container nav > ul > li:hover {
  background: #dbdde0;
}
/* line 119, ../../scss/colors/_colors.scss */
.header-container nav > ul > li.active-trail, .header-container nav > ul > li.active, .header-container nav > ul > li:active {
  background: #dbdde0;
}
/* line 121, ../../scss/colors/_colors.scss */
.header-container nav > ul > li > ul > li {
  background-color: #dbdde0;
}
/* line 123, ../../scss/colors/_colors.scss */
.header-container nav > ul > li > ul > li:hover {
  background-color: #B4B9BF;
}
/* line 126, ../../scss/colors/_colors.scss */
.header-container nav > ul > li > ul > li.active-trail, .header-container nav > ul > li > ul > li.active, .header-container nav > ul > li > ul > li:active {
  background: #B4B9BF;
}
/* line 130, ../../scss/colors/_colors.scss */
.header-container nav > ul > li > a, .header-container nav > ul > li > a:link {
  color: black;
}
/* line 134, ../../scss/colors/_colors.scss */
.header-container nav > ul > li.active::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #6ea400;
}

/* line 141, ../../scss/colors/_colors.scss */
.form-type-textfield input#edit-search-block-form--2 {
  border-color: #d1d3d3;
}

/* line 145, ../../scss/colors/_colors.scss */
.view-id-events .event-meta {
  background: #f1f4fa;
}

/* line 149, ../../scss/colors/_colors.scss */
.footer-container {
  color: white;
}

/* line 154, ../../scss/colors/_colors.scss */
#main-content {
  background: #FFF;
}

/* line 162, ../../scss/colors/_colors.scss */
h1 {
  color: #052049;
}

/* line 166, ../../scss/colors/_colors.scss */
h2, h3, h4, h5, h6 {
  color: #052049;
}

/* line 169, ../../scss/colors/_colors.scss */
.page .sidebar-first,
.page .sidebar-second {
  /* GEO: border-top: 10px solid $header-background-color;
  .title, .title a { color: $header-sidebar; } */
  /* GEO: */
  /* :GEO */
}
/* line 174, ../../scss/colors/_colors.scss */
.page .sidebar-first .title, .page .sidebar-first .title a,
.page .sidebar-second .title,
.page .sidebar-second .title a {
  color: #007cbe;
}
/* line 175, ../../scss/colors/_colors.scss */
.page .sidebar-first .title:hover, .page .sidebar-first .title a:hover,
.page .sidebar-second .title:hover,
.page .sidebar-second .title a:hover {
  background-color: #e9e9e9;
}
/* line 176, ../../scss/colors/_colors.scss */
.page .sidebar-first .title.active, .page .sidebar-first .title a.active,
.page .sidebar-second .title.active,
.page .sidebar-second .title a.active {
  color: #666;
}

/* line 191, ../../scss/colors/_colors.scss */
.page .sidebar-first .callout-box, .page .sidebar-first .callout-box h1, .page .sidebar-first .callout-box h2, .page .sidebar-first .callout-box h3, .page .sidebar-first .callout-box h4, .page .sidebar-first .callout-box h5, .page .sidebar-first .callout-box a, .page .sidebar-first .callout-box p, .page .sidebar-first .callout-box .title,
.page .sidebar-second .callout-box,
.page .sidebar-second .callout-box h1,
.page .sidebar-second .callout-box h2,
.page .sidebar-second .callout-box h3,
.page .sidebar-second .callout-box h4,
.page .sidebar-second .callout-box h5,
.page .sidebar-second .callout-box a,
.page .sidebar-second .callout-box p,
.page .sidebar-second .callout-box .title,
.view-id-callout,
.view-id-callout h1,
.view-id-callout h2,
.view-id-callout h3,
.view-id-callout h4,
.view-id-callout h5,
.view-id-callout a,
.view-id-callout p,
.view-id-callout .title,
.callout-box,
.callout-box h1,
.callout-box h2,
.callout-box h3,
.callout-box h4,
.callout-box h5,
.callout-box a,
.callout-box p,
.callout-box .title {
  color: #FFF;
}

/* line 198, ../../scss/colors/_colors.scss */
.page .sidebar-first .callout-box, .page .sidebar-first .callout-box h3, .page .sidebar-first .callout-box h4, .page .sidebar-first .callout-box h5, .page .sidebar-first .callout-box a, .page .sidebar-first .callout-box p,
.page .sidebar-second .callout-box,
.page .sidebar-second .callout-box h3,
.page .sidebar-second .callout-box h4,
.page .sidebar-second .callout-box h5,
.page .sidebar-second .callout-box a,
.page .sidebar-second .callout-box p,
.callout-box,
.callout-box h3,
.callout-box h4,
.callout-box h5,
.callout-box a,
.callout-box p {
  color: black;
}

/* line 205, ../../scss/colors/_colors.scss */
.page .sidebar-first .callout-box-alt-1, .page .sidebar-first .callout-box-alt-1 h3, .page .sidebar-first .callout-box-alt-1 h4, .page .sidebar-first .callout-box-alt-1 h5, .page .sidebar-first .callout-box-alt-1 a, .page .sidebar-first .callout-box-alt-1 p,
.page .sidebar-second .callout-box-alt-1,
.page .sidebar-second .callout-box-alt-1 h3,
.page .sidebar-second .callout-box-alt-1 h4,
.page .sidebar-second .callout-box-alt-1 h5,
.page .sidebar-second .callout-box-alt-1 a,
.page .sidebar-second .callout-box-alt-1 p,
.callout-box-alt-2,
.callout-box-alt-2 h3,
.callout-box-alt-2 h4,
.callout-box-alt-2 h5,
.callout-box-alt-2 a,
.callout-box-alt-2 p {
  color: #FFF;
}

/* line 212, ../../scss/colors/_colors.scss */
.page .sidebar-first .callout-box-alt-2, .page .sidebar-first .callout-box-alt-2 h3, .page .sidebar-first .callout-box-alt-2 h4, .page .sidebar-first .callout-box-alt-2 h5, .page .sidebar-first .callout-box-alt-2 a, .page .sidebar-first .callout-box-alt-2 p,
.page .sidebar-second .callout-box-alt-2,
.page .sidebar-second .callout-box-alt-2 h3,
.page .sidebar-second .callout-box-alt-2 h4,
.page .sidebar-second .callout-box-alt-2 h5,
.page .sidebar-second .callout-box-alt-2 a,
.page .sidebar-second .callout-box-alt-2 p,
.callout-box-alt-2,
.callout-box-alt-2 h3,
.callout-box-alt-2 h4,
.callout-box-alt-2 h5,
.callout-box-alt-2 a,
.callout-box-alt-2 p {
  color: #052049;
}

/* line 218, ../../scss/colors/_colors.scss */
.view-id-callout,
.callout-box {
  background: #dde2e8;
}

/* line 221, ../../scss/colors/_colors.scss */
.callout-box-alt-1 {
  background: #716fb2;
}

/* line 224, ../../scss/colors/_colors.scss */
.callout-box-alt-2 {
  background: white;
}

/* line 231, ../../scss/colors/_colors.scss */
.view-id-callout h2.title,
.callout-box h2.title,
.callout-box-alt-1 h2.title,
.callout-box-alt-2 h2.title {
  background-color: #052049;
  margin-left: -1em;
  margin-right: -1em;
  margin-top: -1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  border-bottom: 8px solid #d1d3d3;
  margin-bottom: 0.8em;
}

/*
  article meta
  found in a node contains date and other misc info,
*/
/* line 249, ../../scss/colors/_colors.scss */
.article-meta {
  background: #f1f4fa;
  color: #052049;
}

/* line 256, ../../scss/colors/_colors.scss */
.view-display-id-news_block .views-field-title {
  font-weight: 300;
}
/* line 259, ../../scss/colors/_colors.scss */
.view-display-id-news_block .views-field-title a {
  color: #052049;
}

/* line 267, ../../scss/colors/_colors.scss */
.view-id-news.view-display-id-page .views-field-title a {
  color: #052049;
}

/* User login */
/* line 274, ../../scss/colors/_colors.scss */
.marker,
.form-required {
  color: #052049;
}

/* FOOTER */
/* line 282, ../../scss/colors/_colors.scss */
.footer-container footer h2 {
  color: #FFF;
}
/* line 284, ../../scss/colors/_colors.scss */
.footer-container footer nav[role='navigation'] {
  border-top: 1px solid #f1f4fa;
}
/* line 286, ../../scss/colors/_colors.scss */
.footer-container footer nav[role='navigation'] ul.menu li {
  border-right: 1px solid #FFF;
}
/* line 288, ../../scss/colors/_colors.scss */
.footer-container footer nav[role='navigation'] ul.menu li a {
  color: #FFF;
}

/* line 294, ../../scss/colors/_colors.scss */
a.accordion:before {
  border-left-color: #052049;
}
/* line 297, ../../scss/colors/_colors.scss */
a.accordion.active:before {
  border-top-color: #052049;
}

/* line 302, ../../scss/colors/_colors.scss */
.view-id-news .view-display-id-page .views-field-title a {
  color: #052049;
}

@media screen and (max-width: 814px) {
  /* line 309, ../../scss/colors/_colors.scss */
  .header-container #mobile-link span {
    background-color: #052049;
  }
  /* line 312, ../../scss/colors/_colors.scss */
  .header-container #mobile-link.active {
    background: #052049;
  }
  /* line 314, ../../scss/colors/_colors.scss */
  .header-container .header-region {
    background: #052049;
  }
  /* line 316, ../../scss/colors/_colors.scss */
  .header-container .header-region .form-actions input {
    color: #052049;
  }
  /* line 318, ../../scss/colors/_colors.scss */
  .header-container nav[role=navigation] ul.menu li a:hover {
    background: #6ea400;
  }

  /* GEO: ul.nice-menu-down, xul.nice-menu {
    li, li.menuparent, li.over.menuparent, li.active-trail.menuparent {
      a, a:active {
        color: #fff;
        background: $main-menu-background;
        &:hover {
          background: $main-menu-hover;
          color: #FFF;
        }
      }
    }
  }*/
  /* line 336, ../../scss/colors/_colors.scss */
  ul.quicktabs-tabs.quicktabs-style-zen li.active a.active, ul.quicktabs-tabs.quicktabs-style-zen li.active a.active:hover {
    color: #052049;
    background-color: #fff;
  }

  /* line 344, ../../scss/colors/_colors.scss */
  .page .sidebar-second,
  .page .sidebar-first {
    /* GEO: background: $sidebar-first-background; */
  }
}
/* GEO: ul.nice-menu-down {
  background: $main-menu-background;
  li {
    &.over.menuparent, &.active-trail.menuparent {
      a, a.active {
        //background-color: $main-menu-active;
	   background-color: $main-menu-active;
      }
    }
    ul {
      background: $main-menu-active;
      a {
        background: $main-menu-active;
        &:hover {
          background: $main-menu-background;
        }
      }
    }
    a {
      color: #fff;
      &:hover, &.active {
        background: $main-menu-hover;
      } */
/*&.active:after {
  border-top-color: $main-menu-active;
}*/
    /*GEO: }
  }
}*/
/* line 379, ../../scss/colors/_colors.scss */
.breadcrumb {
  color: #052049;
}
/* line 381, ../../scss/colors/_colors.scss */
.breadcrumb a, .breadcrumb .separator {
  color: #353a3f;
}

/* line 386, ../../scss/colors/_colors.scss */
.view-id-news.view-display-id-page .views-field-created {
  color: #989898;
}

/* line 392, ../../scss/colors/_colors.scss */
.sidebar-first.col .block .more-link a,
.sidebar-second.col .block .more-link a {
  border-color: #052049;
  color: #052049;
}

/* line 398, ../../scss/colors/_colors.scss */
.flex-nav-container .views-field.views-field-field-link a {
  color: #052049;
}

/* same background color as body for the footer so it hides the bottom box shadow on the .page */
/* line 408, ../../scss/colors/_colors.scss */
.footer-container {
  background: #052049;
}

@media screen and (min-width: 0px) and (max-width: 1px) {
  /* line 422, ../../scss/colors/_colors.scss */
  .sidebar-second {
    /*border-top: 30px solid $body-background!important;*/
  }

  /* line 428, ../../scss/colors/_colors.scss */
  .page .sidebar-second,
  .page .sidebar-first {
    background: #d1d3d3;
  }
}
