/* Bartik overrides */

@charset "UTF-8";
@import 'https://cdn.uadigital.arizona.edu/lib/ua-brand-fonts/1.0.0/milo.min.css';

/*
 * UA COLORS from https://brand.arizona.edu/guide/color
/*
/*  background: #AB0520; /* cochineal red */
/*  background: #0C234B; /* pms arizona blue */
/*  background: #003E7E; /* arizona.edu blue */
/*  background: #395180; /* brand.arizona.edu blue */
/*  background: #70B865; /* leaf */
/*  background: #5C8727; /* cactus */
/*  background: #CFE0D8; /* light cactus */
/*  background: #4A634E; /* sage */
/*  background: #81D3EB; /* sky */
/*  background: #C8D9D8; /* light sky */
/*  background: #076873; /* river */
/*  background: #B6BEC1; /* light river */
/*  background: #F19E1F; /* sand */
/*  background: #FCE1B6; /* light sand */
/*  background: #B75527; /* mesa */
/*  background: #FAE7D8; /* light mesa */
/*  background: #4A3027; /* brick */
/*  background: #E6E3D9; /* light brick */
/*  background: #F4EDE5; /* warm grey */
/*  color: #49595E       /* Dark Silver - UA text/headings */


/* Declare a base font size on the root element, allowing the use of rems */
html,
body {
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: MiloWeb, Verdana, Geneva, sans-serif;
}

/* Use sans-serif font stack by default */
#site-name,
#site-name a,
#site-slogan,
.ui-widget,
.comment-form label {
  font-family: MiloSerifWeb, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: 700;
}

/* Class to toggle serif font stack by default */
body.serif,
.serif #site-slogan,
.serif .ui-widget,
.serif .comment-form label {
  font-family: MiloSerifWeb, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

/* Disable 100% max-width for images within tables */
table img {
  max-width: none;
}

/* UA Banner overrides */

#ua-web-branding-banner-v1 .ua-container {
  max-width: none;
}

#ua-web-branding-banner-v1 .ua-home.asdf {
  margin-left: 15px;
}

/* UA Banner region */

#ua-banner .region {
  float: right;
  display: block;
  width: 50%;
  margin-right: 10px;
}

#ua-banner .block {
  margin: 0.5em 0;
  padding: 0;
  border: none;
  clear: both;
}

#ua-banner .block .content {
  padding: 0.25em 0;
  margin-top: 0;
}

#ua-banner .block h2 {
  margin: 0;
}

#ua-banner {
  letter-spacing: 0.2px;
}

#ua-banner .block-menu {
  float: right;
}

#ua-banner .block-menu h2 {
  display: none;
}

#ua-banner ul,
#ua-banner li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
}

#ua-banner li {
  float: left; /* LTR */
}

#ua-banner li a {
  float: left; /* LTR */
  padding: 0 12px;
  display: block;
  background-color: transparent;
  color: #FAFAFA;
}

#ua-banner #ua-web-branding-banner-v1.bgLight li a {
  color: #002147;
}

#ua-banner li.first a {
  padding-left: 0; /* LTR */
}

#ua-banner li.last a {
  padding-right: 0; /* LTR */
  border-right: none; /* LTR */
}


/*
 * UA Horizontal Menu
 */

#ua-hz-menu {
  background: #0C234B; /* blue */
  background: transparent;
}

#ua-hz-menu div.section {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-bottom: 1px solid #cccccc;
}

#ua-hz-menu .region {
  margin-left: 5px;
}

#ua-hz-menu ul {
  height: 100%;
  margin: 0;
}

#ua-hz-menu .sf-menu li {
  background: #0C234B; /* blue */
  background: #ffffff; /* white */
}

#ua-hz-menu .sf-menu li.sf-depth-1 {
  font-weight: 700;
  size: 1.2rem;
}

#ua-hz-menu .sf-menu a {
  color: #0C234B; /* blue */
  border: none;
}

#ua-hz-menu .sf-menu a:hover,
#ua-hz-menu .sf-menu a:focus {
  /* background: #70b865; /* leaf */
  color: #ffffff; /* white */
  background: #0C234B; /* ua blue */
}

#ua-hz-menu .sf-menu li.sf-depth-2 {
  background: #81D3EB; /* sky */
  background: #F4EDE5; /* warm grey */
  background: #0C234B; /* blue */
}

#ua-hz-menu .sf-menu li.sf-depth-2 a,
#ua-hz-menu .sf-menu li.sf-depth-2 a {
  /* background: #70b865; /* leaf */
  color: #ffffff; /* white */
  background: #0C234B; /* ua blue */
}

#ua-hz-menu .sf-menu li.sf-depth-2 a:hover,
#ua-hz-menu .sf-menu li.sf-depth-2 a:focus {
  /* background: #70b865; /* leaf */
  color: #0C234B; /* ua blue */
  background: #F4EDE5; /* warm grey */
  background: #ffffff; /* white */
}

/* ua-hz-menu/superfish for small displays */
#ua-hz-menu select {
  color: #ffffff;
  color: #333333;
  background: #eeeeee; /* light-grey */
  width: 100%;
  height: 2.4rem;
  border: 0;
  text-indent: 0.2rem;
  margin-top: 0.5rem;
}

#header a.apply-now.button {
  font-size: larger;
  font-weight: bold;
  color: #fff;
  background: transparent;
  border-color: transparent;
  background: #AB0520; /* ua blue */
  border-color: #AB0520; /* ua blue */
  border-radius: 0.4em;
}
#header a.apply-now.button:hover {
  color: #fff;
  background: #0C234B; /* ua blue */
  border-color: #0C234B; /* ua blue */
}

#header #search-block-form #edit-search-block-form--2 {
  border: 1px solid #cccccc;
}

#messages .messages a {
  font-weight: bold;
}

#content h1:first-of-type {
  margin-top: 0.2em !important;
}

#content a.new-web.button {
  display: block;
  float: right;
  color: #fff;
  background: #f19e1f; /* sand */
  border-color: #f19e1f; /* sand */
  border-radius: 0.4em;
  margin: 1em 0;
}

#content a.new-web.button:hover {
  background: #70b865; /* leaf */
  border-color: #70b865; /* leaf */
}

/*
 * Over-riding responsive bartik for accessibility concerns.
*/
#content .meta {
  font-size: 0.857em;
  color: #444444;
  margin-bottom: 10px;
}

/*
 * .pane-uagc-menu-pane (UAGC menu panes)
 */
.pane-uagc-menu-pane {
  margin-bottom: 1em;
  padding: 0;
  border: 1px solid #0C234B; /* ua blue */
  border-radius: 0.6em;
}

.pane-uagc-menu-pane .pane-title,
#content .pane-uagc-menu-pane .pane-title {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: bold;
  font-size: larger;
  padding: 1em;
  background: #0C234B; /* ua blue */
  border: 2px solid #0C234B; /* ua blue */
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
}

.pane-uagc-menu-pane ul,
.pane-uagc-menu-pane ul.menu,
.pane-uagc-menu-pane li,
.pane-uagc-menu-pane li.leaf {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pane-uagc-menu-pane li a,
.pane-uagc-menu-pane ul.menu li a {
  color: #0C234B; /* arizona blue */
  color: #395180; /* brand.arizona.edu blue */
  color: #003E7E; /* arizona.edu blue */
  margin: 0;
  padding: 0.6em ;
  display: block;
}

.pane-uagc-menu-pane li a:hover {
  background: #CFE0D8; /* light leaf */
  background: #E6E3D9; /* light brick */
}

.pane-uagc-menu-pane li:last-of-type a {
  border-bottom-left-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}


/* Form element overrides */

input[readonly="readonly"] {
  border: 1px solid #cccccc;
  background: #dddddd;
}


/* List overrides */

.block ul,
.block ol,
.region-content ul,
.region-content ol {
  margin: 0 0 0 1.2em;
  padding: 0 0 0.6em 1.2em;
}


/* Address block */
address {
  padding: 0 0 1em 1.2em;
}


/* External links overrides */

/* Use em units instead of px for padding to better match theme font size */
span.ext {
  padding-right: 1em;
}
span.mailto {
  padding-right: 1em;
}

/* CKEditor tweaks */
.cke_editable {
  margin: 20px;
  float: none;
  display: block;
  height: auto;
}

#content.cke_editable {
  margin: 20px;
  float: none;
  display: block;
  height: auto;
  font-size: 0.9375em; /* mimicking Bartik .node .content font size (15px) */
}

#logo {
  max-width: 90%;
}

.region-header {
  margin-bottom: 0.5em;
}

/* Custom main-menu styles */
#main-menu-wrapper {
  background-color: #ffffff;
}

#main-menu {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#main-menu-links a {
  color: #333333;
  background-color: transparent;
  text-shadow: 0 1px #eeeeee;
  border-radius: 0;
  text-transform: uppercase;
}

a#menu-toggle {
  color: #ffffff;
  background-color: #333333;
}

#main-menu-links a:hover,
#main-menu-links a:focus {
  background-color: #333333;
  color: #ffffff;
  text-shadow: 0 1px #666666;
}

.breadcrumb {
  padding: 10px 15px;
}


/* Custom sidebar block styles */
.sidebar .block {
  border-radius: 0.6em;
}

/* Custom Book Navigation styles */
.book-navigation {
  padding: 1em;
  background: #E6E3D9; /* light brick */
  border-radius: 0.6em;
}

.book-navigation .menu {
  border-width: 0;
  padding-left: 1em;
}
.book-navigation .menu:before {
  content: "Table of Contents";
  margin-left: -1em;
}
.book-navigation .page-links {
  border-bottom-width: 0;
  border-top: 1px solid #eee;
  border-top-width: 0;
}


/* Custom Featured region */
#featured {
  text-align: initial;
  padding: 0;
}
#featured *,
#featured :after,
#featured :before {
  box-sizing: border-box;
}
#featured .container {
  width: inherit;
}
#featured div.section {
  max-width: 100%;
}
#featured ul {
  margin: 0;
  padding: 0;
}
#featured .content-featured-container {
  font-family: MiloSerifWeb, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
#featured .content-featured-container h2 {
  font-size: 10.5vw;
  margin: 0;
  line-height: .9;
  letter-spacing: -1.1px;
}
@media (min-width: 48rem) {
  #featured .content-featured-container h2 {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 60rem) {
  #featured .content-featured-container h2 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1em;
  }
  #featured .content-featured-container h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
  }
}
#featured .content-featured-container .flexslider .flex-direction-nav a {
  padding: 0;
}

#featured #content_featured_slides,
#featured #content_featured_slides .flex-viewport,
#featured #content_featured_nav {
  max-width: 1260px;
}

/*
 * Headings
 */
h1, h2, .h1, .h2 {
    font-family: MiloSerifWeb, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 700;
    line-height: 1.1;
    color: #49595e;
}

/* TODO: Move this CSS into the UAGC Announcements module? */
/* Custom front page announcments view */
div.frontpage-view-uagc-announcements {
  background: #E6E3D9; /* light brick */
  padding: 1rem;
  border-radius: 0.6em;
}
div.frontpage-view-uagc-announcements ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.frontpage-view-uagc-announcements ul li {
  line-height: 2.1rem;
}
div.frontpage-view-uagc-announcements ul li .views-field.views-field-title:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #ab0520; /* cochineal red */
  border-right: 0 solid transparent;
  border-bottom: 6px solid transparent;
  margin-right: 0.6rem;
  margin-bottom: 0.2rem;
}
div.frontpage-view-uagc-announcements ul li .views-field.views-field-title {
  display: inline-block;
}
div.frontpage-view-uagc-announcements ul li .views-field.views-field-created {
  padding-left: 1rem;
  color: #999;
  display: inline-block;
}
div.frontpage-view-uagc-announcements ul li .views-field-field-image {}
div.frontpage-view-uagc-announcements ul li .views-field-field-image .field-content {}
div.frontpage-view-uagc-announcements ul li .views-field-field-image img {}



/* Tweaks for GIDP content */
.entity-field-collection-item .content,
.field-type-youtube {
  margin-bottom: 10px;
}

/* Padding for floated inline-images */
.field-name-body img[style*=left] {
  padding-right: 10px;
}

.field-name-body img[style*=right] {
  padding-left: 10px;
}

/* Footer overrides */

#footer-wrapper {
  padding: 0;
}

#footer {
  margin-top: 0;
  border-top: none;
}

#footer .region {
  margin-top: 0;
}

#footer .block {
  margin: 0;
  padding: 0.5em 0 1em 0;
}

/* Undoing Bartik customizations for funding opportunity taxonomy reference fields. */
.node-uagc-main-funding-opportunity .field-type-taxonomy-term-reference {
  margin-bottom: 0;
}

.node-uagc-main-funding-opportunity .field-type-taxonomy-term-reference .field-label,
.node-uagc-main-funding-opportunity .field-type-taxonomy-term-reference ul.links {
  font-size: 1.0em;
}

.node-uagc-main-funding-opportunity .field-type-taxonomy-term-reference .field-label {
  font-weight: bold;
  padding-right: 0;
}

/* --------------- Taxonomy Term Page Customizations ------------- */

.view-uagc-tag-overview .views-row {
  background-color: #eeeeee;
  padding: 1em;
  margin-bottom: 3em;
}

.view-uagc-tag-overview .views-row h2 a {
  color: #ab0520;
}

.view-uagc-tag-overview .views-row a {
  color: #333333;
}

.field-type-taxonomy-term-reference a {
  font-weight: normal !important;
}

.text-right {
  text-align: right;
}

/* ------------------- Style Media Queries ---------------------- */

@media all and (max-width: 460px) {

  #logo {
    padding: 5px 0 0 5px; /* LTR */
  }

  /* UA Banner sizing */

  #ua-web-branding-banner-v1 .ua-home.asdf {
    margin-left: 5px;
  }

  #ua-web-branding-banner-v1 .ua-home.asdf p {
    max-width: 80%;
    margin-bottom: 0;
  }

  #ua-web-branding-banner-v1.twenty-five .ua-home.asdf p {
    max-width: none;
    margin-bottom: 20px;
  }

  #header a.apply-now.button {
    display: block;
    font-size: inherit;
    text-align: left;
    margin-right: 0;
    margin-bottom: 0.4em;
  }

  #superfish-1-toggle {
    display: none;
  }

  .sf-menu li {
    float: none;
  }

  #ua-hz-menu .region {
    margin-left: 0;
  }

  .pane-uagc-menu-pane img {
      display: none;
  }

  .breadcrumb {
      display: none;
  }
}

@media all and (max-width: 700px) {
  #header a.apply-now.button {
    display: block;
    font-size: inherit;
    text-align: left;
    margin-right: 0;
    margin-bottom: 0.4em;
  }

  #superfish-1-toggle {
    display: none;
  }
}

@media all and (min-width: 461px) and (max-width: 900px) {

  #logo {
    padding: 10px 0 0 10px; /* LTR */
  }

  #ua-web-branding-banner-v1 .ua-home.asdf {
    margin-left: 10px;
  }

  .region-header {
    margin-bottom: 1.0em;
  }

  #superfish-1-toggle {
    display: none;
  }

  #ua-hz-menu .region {
    text-align: center;
    margin-left: 0;
  }
}

@media all and (min-width: 901px) {
  .region-header {
    margin-bottom: 1.5em;
  }

  #logo {
    padding: 15px 15px 15px 15px; /* LTR */
  }

  ul.menu li {
    margin: 0;
  }

  ul.menu li a {
    padding: 0;
  }

}


/* ------------------- Layout Media Queries ---------------------- */

@media all and (min-width: 560px) and (max-width: 850px) {

  /* Footer block positioning */
  #footer #block-uagc-common-dept-branding {
    float: left;
  }

  #footer #block-copyright-block-copyright-block {
    float: right;
    clear: none;
  }

}

@media all and (min-width: 851px) {
  #ua-web-branding-banner-v1 .ua-container {
    max-width: 1290px;
  }

  #ua-hz-menu div.section {
    max-width: 1290px;
  }

  #main-menu {
    max-width: 1290px;
  }

  #footer {
    max-width: 1260px;
  }

  /* Footer block positioning */
  #footer #block-uagc-common-dept-branding {
    float: left;
  }

  #footer #block-copyright-block-copyright-block {
    float: right;
    clear: none;
  }

  /* Article & Announcement Page customization */
  /*
   * *** experimental ***
   */
  article.node-uagc-article .content img,
  article.node-uagc-announcement .content img {
    float: right;
    padding-left: 1em;
  }
  article.node-uagc-article .content img.left,
  article.node-uagc-announcement .content img.left {
    float: left;
    padding-right: 1em;
  }
  article.node-uagc-article .content img.right,
  article.node-uagc-announcement .content img.right {
    float: right;
    padding-left: 1em;
  }
}