:root {
  --csu-green: #1e4d2b;
  --csu-gold: #C8C372;
  --oval-green: #006144;
  --lovers-lane-green: #82C503; 
  --aggie-orange: #D9782D;
  --powered-purple:#7E5475;
  --stalwart-slate: #105456;
  --horsetooth-blue: #008FB3;
  --csu-sunshine: #FFC038;
  --black80: #59595B;
  --flower-trial-red: #E56A54;
  --energy-green: #CFFC00;
  --csu-gray: #CCCCCC;
  --csu-tan:#E3CDB1;
  --csu-white: #FFFFFF;
  --silver: #eee;
}


HTML, BODY { /* default body text color: 80% black */ 
  color: var(--black80); /* dark gray body text for better contrast with green link texts - modeled on brand.colostate.edu */
}
h1, h2, h3, h4, h5, .h3 { /* overwrite default blue headers with csu green */
  color: var(--csu-green); 
}
/***** top banner on all pages with logo and title *****/
#header { /* section id header */
  background-color: var(--csu-green);
}
#header .row { /* override defaults to elminate blue bottom header row border  */
  border-bottom: none; /* default: 0.25rem solid #007cad;*/ 
  padding-left: none !important;  /* default: 1.875rem;	*/
  position: relative;
  right: 3rem;
} 
#header .logo { /* override defaults for full size, left-aligned logo */
  float: left;   /* default: right */
  height: 100%;  /* default: 75px */
  padding-left: none !important; /* default 0.5rem */
}

/***** navigation bar on all pages *****/
#navigation { /* section id navigation */
  background-color: var(--csu-white);
  border: none !important;
  clear: left;
  float: left;
  padding-top: 1em;
}
nav, *.navbar, *.navbar-default, *.navbar-collapse, *.top-bar {
  background-color: var(--csu-white) !important;
  border: none !important;
}
.navbar-default .navbar-nav > li > a {
  color: var(--csu-green);
  font-weight:bold;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: var(--silver);
  /* color: var(--aggie-orange); */ /* uncomment to turn navigation links orange on hover, like CSU main page */
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;  
}

#content { /* section id content: the main body of every page  */
  border-top: thin solid var(--csu-gold);
  border-spacing: 2px;
}

/***** paginated results list ******/
.pagination > .active > a {
  color: var(--csu-white);
  background-color: var(--csu-green);
  border-color: var(--oval-green);
  text-decoration: none;
}
.pagination > .active > a:hover {
  color: var(--csu-white);
  background-color: var(--oval-green);
  border-color: var(--csu-green);
  text-decoration: none;
}
.pagination > li > a {
  color: var(--csu-green);
  background-color: var(--csu-white);
  border-color: var(--csu-gold);
  text-decoration: none;
}
.pagination > li > a:hover { /* on hover just change white background to silver */
  color: var(--csu-green);
  background-color: var(--silver);
  border-color: var(--csu-gold);
  text-decoration: none;
}

/***** capsule menu *****/
ul.tabbing.nav-pills > li {  /* capsule menu - all options - default to white text with no underline */
  text-decoration: none;
}
ul.tabbing.nav-pills > li > a { /* capsule menu - all options - link: overwrite default blue with csu gold */
  background-color: var(--csu-gold);
  color: var(--csu-green);
  margin: 1px;
}
ul.tabbing.nav-pills > li > a.active { /* capsule menu - active option - link */
  background-color: var(--csu-green);
  color: var(--csu-white);
} 
ul.nav-pills > li.disabled > a:hover { /* capsule menu - disabled option - link - on hover/focus */
  background-color: transparent;
  color: var(--black80); 
}
/*****************************************/

/***** link styling for maxmimum accessibility *****/
a { /* all links get default line height of 2em for accessible target area */
  line-height: 2em;
}
a:not(.pagination *, .nav *):not(.nav,.btn,.footer-items > *,.accordion-toggle) { /* links default to csu oval green -except- children of .pagination & .nav, .btn, and children of .footer-items */
  color: var(--oval-green); 
  text-decoration:underline;
}
a:not(:has(img), .table *) { /* min height & width for accessible link target area -except- logo img & right sidebar table rows */
  min-height: 24px;
  min-width: 24px;
  display: inline-block; 
}
a:is(.svgContainer *)  {
  display: flex;
}
a:not(.nav,.btn,.footer-items > * ):is(:hover,:focus) { /* links hover/focus -except- .nav, .btn, & children of .footer-items */
 color: var(--lovers-lane-green);          
}
a:focus-visible { 
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/***** buttons *****/
button[type="submit"] > i { /* white font-awesome icons on submit buttons */
  color: var(--csu-white);
}

:is(.btn,.btn-primary, .btn-sm, .acc_button, .btn-default, .btn.more,  .btn.less, .btn.btn-primary) { /* overwrite default blue button with csu green */
  color: var(--csu-white);
  background-color: var(--csu-green); 
  border-color: var(--csu-green); 
}
:is(.btn,.btn-primary, .btn-sm, .acc_button, .btn-default, .btn.more, .btn.less, .btn.btn-primary):is(:hover,:active,:focus) {  /* overwrite default blue button hover & focus with csu oval green */
  color: var(--csu-white);
  background-color: var(--oval-green) !important;
  border-color: var(--oval-green);
}

/* link to contentDM record: document icon + green Digital Object text + green button inside square container */
/* example: https://colostatesb.as.atlas-sys.com/repositories/2/digital_objects/2689 */
.external-digital-object__content-container { /* square container drawn in csu gold  */
  border-color: var(--csu-gold);
}
.external-digital-object__link { /* invisible link wrapper  */
  background-color: inherit; 
} 
.external-digital-object__link:is(:hover,:active,:focus) {
  background-color: inherit !important;
}
.external-digital-object__content-btn { /* button in csu green with white text */
  color: var(--csu-white);
  background-color: var(--csu-green);
  border-color: var(--csu-green);
}
.external-digital-object__content-btn :is(:hover,:active){
  background-color: var(--oval-green); /* csu oval green on hover/active */
  border-color: var(--oval-green); 
}
.external-digital-object__link:is(:hover,:active)  .external-digital-object__content-btn { /* button color when parent container is hovered/active */
  background-color: var(--oval-green);
  border-color: var(--oval-green);
}

/***** icons and accents *****/
*:is(i.fa-file-o, i.fa-4x, i.has_digital_instance, i.fa-file-image-o, i.fa-tag) {
  color: var(--powered-purple);  /* file icon */
}
*:is(i.fa.fa-archive:not(.fa-4x)) { 
  color: var(--aggie-orange); /* collection icon */    
  border-color: var(--aggie-orange);
}

.record-type-badge:is(.agent, .resource) {
  color: var(--black80); /* text accompanying aggie orange and horsetooth blue icons - keep in gray for accessible contrast */
} 

.record-type-badge.agent :not(.fa .fa-user)  { /* person icon (but not accompanying text), e.g. https://colostatesb.as.atlas-sys.com/agents/corporate_entities/5 */
  color: var(--horsetooth-blue); 
  border-color: var(--horsetooth-blue); 
}
.record-type-badge.classification:not(i)  { /* collecting area icon & text */
  color:var(--powered-purple); 
}
:is(.record-type-badge.accession, .record-type-badge.digital_object, .record-type-badge.subject):not(i) { 
  /* icon & text for digital object, subject, unprocessed material  */
  color: var(--powered-purple); 
  border-color: var(--powered-purple);   
}
.record-type-badge.repository:not(i)  { /* repo house icon  */
  color:   var(--stalwart-slate); 
  border-color: var(--stalwart-slate); 
}
.record-type-badge.resource:not(.fa .fa-archive) { /* collection icon (but not accompanying text) */
  /* color: var(--aggie-orange); */     
  /*border-color: var(--aggie-orange);*/
}

/* misc */
span.searchterm { /* search term  */
  background-color: var(--csu-sunshine); 
}
div.filters .list-group-item { /* list of selected filters */
  float: right;
  margin-bottom: 1em;
}

/* footer */
.panel-footer {
  background-color: var(--csu-green);
  color: var(--csu-white);
}
.panel-footer > * .footer-items {
  margin-top: 1em;
}
.panel-footer > * a {
  color: var(--csu-white);
  text-decoration: none;
  text-transform: uppercase;  
}
.panel-footer > * a:is(:hover,:focus) {
  color: var(--csu-white);
}



/* responsive svg logo */
#header { 
  display: block;
}
#header .headerContainer {
 padding: 0.5em;
  margin: 0 15px;
  min-height: 5em;
}
#header .headerLogo {
  display: flex;
  align-items: center;
  justify-content: center;
}

#header .headerLogo > a {
  color: var(--csu-white);
  text-decoration: none;
  padding-left: 0.5em;
  padding-top: 0.3em;
  letter-spacing: 0.11em;
  line-height: 1.1em;
  text-transform: uppercase;
  font-size: 1.5em;
}

#header .responsiveGraphic {
  width: 145px;
  border-right: 1px solid var(--csu-white);
}

#header .svgContainer {
  width: 380px;
  margin-top: 10px;
}

#header :is(#wordLG, #wordMD) { /* default logo style is optimized for small screens */
  opacity: 0;
}

/* media queries for responsive logo on medium & large screens */
@media screen and (min-width: 768px) {
  #header .headerContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #header .responsiveGraphic {
    width: 200px;
  }
  #header :is(#csu, #wordLG) { /* hide small & large wordmarks on medium screen */
    opacity: 0;
  }
  #header #wordMD {
    opacity: 1;
  }
}

@media screen and (min-width: 1200px) {
  #header .responsiveGraphic {
    width: 390px;
  }
  #header :is(#csu,#wordMD) { /* hide small & med wordmarks on big screen */
    opacity: 0;
  }
  #header #wordLG {
    opacity: 1;
  }
}