/* GREEN TAKEOVER */
/* Dark turquoise is 20% shade of web turquoise */
/* Darker turquoise is 66% shade of web turquoise */
/* Web (or 'accessibility') turquoise is a variant designed for white text */

:root {
	--neutral: var(--main-grey);
	--medium: var(--turq-dark);
	--medium: var(--turq-web);
	--dark: #11423a;
	--dark: var(--turq-dark);
	--darker: #0b2d27;
	--darker: #11423a;
	--light: var(--turq-light);
}

/* Top nav */
.menu .gre-nav-logo img {
  visibility: hidden;
}


#main-menu li.gre-nav-logo a {
	background: url('https://www.gre.ac.uk/__data/assets/image/0022/344425/logo-green-3.png');
	background-size: cover;
	background-repeat: no-repeat;
}

#main-menu > ul > li > a {
    color: var(--darker);
}


#main-menu .mega,
#main-menu > ul > li > a:hover, #main-menu > ul > li > a:focus, #main-menu > ul > li > a:active, 
#main-menu > ul > li > button:hover, #main-menu > ul > li > button:focus, 
#main-menu > ul > li > button:active {
  background-color: var(--darker);
}

.mega a.button.dark {
  background: var(--darker);
}

#main-menu .mega-menu:nth-child(4) .mega,
#main-menu .mega-menu:nth-child(4) > a:hover, #main-menu .mega-menu:nth-child(4) > a:focus,
#main-menu .mega-menu:nth-child(4) > a:active
{
  background-color: var(--light);
}

#main-menu .mega-menu:nth-child(5) .mega,
#main-menu .mega-menu:nth-child(5) > a:hover, #main-menu .mega-menu:nth-child(4) > a:focus,
#main-menu .mega-menu:nth-child(5) > a:active
{
  background-color: var(--bright-web-blue);
  color: white;
}

#main-menu .mega-menu:nth-child(6) .mega,
#main-menu .mega-menu:nth-child(6) > a:hover, #main-menu .mega-menu:nth-child(4) > a:focus,
#main-menu .mega-menu:nth-child(6) > a:active
{
  background-color: var(--turq);
  color: var(--navy);
}

.gre-slim-banner a {
  border-color: var(--navy);
  background-color: var(--turq-light);
  color: var(--navy);
}
.gre-slim-banner a:hover, .gre-slim-banner a:focus, .gre-slim-banner a:active {
  border-color: white;
  background-color: var(--darker);
  color: white;
}

/* Headers */

.gre-page-header div.gre-header-content h1 {
    background-color: var(--medium);
}

header.gre-interrupt-text, header.gre-profile-header {
    background-color: var(--medium);
}

.gre-banner.dark {
	background-color: var(--turq-web);
	background-color: var(--medium);
	color: white;
}

section.gre-cover.dark, section.gre-split-banner.dark,
section.gre-cover.dark ~ .fader-controls-container, section.gre-split-banner.dark ~ .fader-controls-container
{
	background-color: var(--turq-web);
	background-color: var(--medium);
	color: white;
}


/* Right nav */
.gre-subsection-content {
  background-color: #edeeed;
}

ul.gre-list-group li a:hover, ul.gre-list-group li a:focus, ul.gre-list-group li a:active {
  background-color: var(--darker);
}

/* Mosaic */
.gre-mosaic .gre-mosaic-tile.dark {
  background-color: var(--medium);
  color: white;
}

.gre-mosaic .gre-mosaic-tile.variant {
	background-color: var(--medium-grey);
  color: var(--darker);
}


.gre-journey-box .gre-grid-info::after, .gre-article-box .gre-grid-info::after {
	background-color: var(--medium);
}

.gre-accented.dark {
	background-color: var(--medium);
	color: #fff;
}

.gre-accented.dark a.gre-list-item {
	background-color: var(--medium);
/*	color: #fff;
	border-color: #fff;*/
}

/* Buttons */
.sq-form-submit, .sq-form-reset,
.button, a.button,
#main-menu li.search a {
  background-color: var(--medium);
  color: white;
}

.gre-accented .button, .dark .button, .dark.gre-search-box .input-group .button,
#top-menu .gre-highlight {
  background-color: var(--darker);
  border-color: var(--darker);
  color: white;
}

.gre-accented .button, .dark .button {
  background-color: var(--darker);
  border-color: white;
  color: white;
}

/* Other */
a.accordion-title {
    color: var(--darker) !important;
}

div.quote, .gre-article-body div.quote, blockquote {
  border-left-color: var(--medium);
}
div.quote::before, .gre-article-body div.quote::before, div.quote::after, .gre-article-body div.quote::after, blockquote::before, blockquote::after {
    color: var(--medium);
}

blockquote, blockquote p {
  color: var(--medium);
}

.badge-item .badge-icon {
  color: var(--darker);
}