/* ---------- Menu bar color options ---------- */
/* DG: Color changes specific to desktop menu. */
@media screen and (min-width:50rem) {

#cmp-navigation, #navigation {
  background-color:#000000;
}

#cmp-navigation {
	border-top: 1px solid #ffffff;
}

/* ---------- Menu bar text color options ---------- */
.cmp-nav__link.util-pad-all-md {
	color: #ffffff;
}

.cmp-nav__item:hover {
	color: #000000;
	
}

.cmp-nav__item + .cmp-nav__item {
  border-left: 1px solid #666666;
  
}

}
/*DG: Color changes specific to menu mobile */
@media screen and (max-width:50rem){
	button.menu-top-level, a.cmp-nav__link {
		color: #ffffff;	
		border-top: 0.5px solid #ffffff;
		border-bottom: 0.5px solid #ffffff;
	}
	
	a.cmp-nav__link {
		background-color: #000000;
		border-left: 1px solid #ffffff;
	}
	
	button.menu-top-level {
		background-color: #000001;
		border-right: 1px solid #ffffff;
	}

}
/* ---------- Primary Color Scheme ----------- */

/* main color, provides link text and color for featured 3 and quaternary regions */

#main-title h1 {
  color: #222222;
}

.path-frontpage #spotlight_three_columns,
#spotlight-three-columns {
  background-color: #222222;
}

#quaternary {
  background-color: #222222;
}

#block-menu-menu-audience-menu ul.menu li a {
  background-color: #222222;
}
#block-menu-menu-audience-menu h2 {
  color: #222222;
}
.not-front #block-menu-menu-audience-menu {
  background-color: #222222;
}
.not-front #block-menu-menu-audience-menu {
  background-color: #222222;
}
/*
a, th, th a {
  color: #222222;
}*/

a, th a {
  color: #222222;
}

#main a:not([class]),
#content a:not([class]),
#secondary a:not([class]),
#department_footer a:not([class]) {
  color: #222222;
/*  border-color: #222222;*/
}
/*
}
#navigation ul li a:hover {
     color: #222222;
}*/

#tertiary a {
 color:#222222;
}


#quaternary {
  background-color: #222222;
}

.views-row a:after {
border-color:#222222;
}

#main a,
#secondary a,
#department-footer a,
.cke_editable_themed a	{
/*border-bottom:1px dotted #222222;*/
}

@media screen and (max-width:720px) {

#navigation2 ul {
/*background-color:#222222;*/
}


}



/* ---------- Secondary Color Scheme ----------- */

/* bold accents */

#middle-wrapper {
border-color:#c3c3c3;
}

#spotlight-three-columns h2 a:hover,
#main a:hover,
#content a:hover,
#secondary a:hover,
#directions a:hover {
     color: #c3c3c3;
     /*border-bottom:1px dotted #c3c3c3;*/
     }

#spotlight-three-columns {
border-color:#c3c3c3;
}

.flex-control-paging li a.flex-active {
	background: #c3c3c3 !important;
}

#navigation2 ul li a:hover:after {
border-color:#c3c3c3;
}

th a {
  color: #c3c3c3;
  border-color: #c3c3c3;
}

#main {
  border-color: #c3c3c3;
}
/*
#highlight {
    background-color: #c3c3c3;
} 

.cmp-subnav {
    background-color: #c3c3c3 !important;
}

#highlight {
  background-image: linear-gradient(to bottom right, #222222, #c3c3c3);
}*/


/*
#tertiary {
  background-color: #c3c3c3;
}*/

#tertiary {
  border-color: #c3c3c3;
}

#tertiary a:hover,
#tertiary a:hover:after {
 color:#c3c3c3;
}

.views-row a:hover:after {
border-color:#c3c3c3;
}
/*
#copyright {
  background-color: #c3c3c3;
}*/

.path-frontpage #sidebar-second ul.menu-main-menu li a:hover:after {
	border-color:#c3c3c3;
}


.views-row .views-field-title h2 a:hover:after,
.views-row .views-field-title h3 a:hover:after,
.views-row .views-field-field-last-name a:hover:after {
border-color:#c3c3c3;
}

#department-footer a:hover {
color: #c3c3c3
}

@media screen and (max-width:720px) {

#navigation2 ul li ul {
/*background-color:#c3c3c3;*/
}


}

/* ---------- Background Color Scheme ----------- */

/* neutrals */
 form {
   background-color:#f5f5f5;
 }
.view-filters {
background-color:#f5f5f5;
}

blockquote.fancy {
background-color:#f5f5f5;
}
/*
th {
  background-color:#f5f5f5;
} */
/*
body {
  background-color: #f5f5f5;
}*/
.not-front #header {
  background: #f5f5f5;
}
#department-footer {
  background-color:#f5f5f5;
  border-color: #f5f5f5;
}

#sidebar-first .wrap2 {
background-color:#f5f5f5;
}

/*.path-frontpage #sidebar-second ul.menu-main-menu h2 {
  color: #f5f5f5;
}
.path-frontpage #sidebar-second ul.menu-main-menu li a:hover {
  background-color: #f5f5f5;
}
.path-frontpage #sidebar-second ul.menu-main-menu li.active-trail a {
  background-color: #f5f5f5;
}*/
#sidebar-first .block {
  background-color: #f5f5f5;
}

#spotlight-three-columns a:hover {
  color:#f5f5f5;
}

#secondary {
background-color: #f5f5f5;
}

#spotlight-three-columns a:hover,
#quaternary a:hover {
  color:#f5f5f5;
}
/*
#contact-info {
background-color: #f5f5f5;
}*/

/* DG: Turning this off because it makes backgrounds on research areas gray. It's supposed to be white.

#content .view-id-research_areas .views-row,
#content .view-id-labs .views-row {
background-color:#f5f5f5;
}*/



/*#main-title h1, #main-title .main-title-text {
  color: #f5f5f5;
}*/

@media screen and (max-width:720px) {
/*
#navigation2 ul {
background-color:#f5f5f5;
}*/

#navigation2 ul li a:hover {
  color: #f5f5f5;
}

}