@charset "UTF-8";
/*!
 * CMGH styles

 
 .libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-bold {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}

// <uniquifier>: Use a unique and descriptive class name

.outfit-<uniquifier> {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.category-our-team .nav-link,
.category-training-courses .nav-link,
.category-research-projects .nav-link,
.category-news-events .nav-link


        .arrow-down{
            width: 8px;
            height: 8px;
            border-left: 4px solid;
            border-top: 4px solid;
            transform: rotate(225deg) skew(10deg, 10deg);
        }

*/
 
/*  Set main colours and typography */
 
html, body {
	font-family: "Outfit",sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
	color: #676757;
	}
	
.no-padding {
	padding: 0 !important;
	}

h1 {
	font-family: "Libre Baskerville", serif;
	font-size: 2.81em;
	font-weight: 400;
	letter-spacing: -0.015em;
} 

@media (max-width: 576px) {
		h1 {
			font-size: 2em;
		} 	
	}

h2 {
	font-family: "Libre Baskerville", serif;
	font-size: 1.5em;
	font-weight: 700;
}

@media (max-width: 576px) {
		h2 {
			font-size: 1.2em;
		} 	
	}

h3 {
	text-transform: uppercase;
	font-size: 1.17em;
	font-weight: 700;
	letter-spacing: 0.075em;
}

@media (max-width: 576px) {
		h3 {
			font-size: 1em;
		} 	
	}

h4 {
	text-transform: uppercase;
	font-size: 0.94em;
	font-weight: 700;
	letter-spacing: 0.075em;
}

#main .entry-content p, #main .entry-content ul, #main .entry-content ol,
#main .content-main p, #main .profile-text p, 
#main .profile-text ul, #main .project-text p, 
#main .project-text ul, .taxonomy-description p,
.cgmh-intro p, .carousel-item p {
	font-family: "Libre Baskerville", serif;
	font-size: 1.17em;
	font-weight: 400;
	color: #000;

}

@media (max-width: 576px) {
		#main .entry-content p, #main .entry-content ul, #main .entry-content ol,
		#main .content-main p, #main .project-text p, 
		#main .project-text ul, .taxonomy-description p,
		.cgmh-intro p, .carousel-item p {
			font-size: 0.94em;
		} 	
	}

a, .project-details a {
	color: #811734;
}

a:hover, a:active, 
.project-details a:hover, 
.project-details a:active {
	color: #5c001f;
}

.btn-primary {
	text-transform: uppercase;
	background-color: #811734;
	border: none;
	}

.btn-primary:hover,
.btn-primary:active,
.btn:first-child:active,
.btn.active {
	background-color: #5c001f;		
	border: none;
	}

.btn-secondary {
	text-transform: uppercase;
	background-color: #676757;
	border: none;
	}

.btn-secondary:hover, 
.btn-secondary:active {
	background-color: #515042;
	}

/*  Navigation */

.bg-primary {
    background-color: #FFF!important;
	}

.navbar-toggler {
	border: none;
	}	
navbar-toggler-icon {
	background: none;
	}	
	
.navbar {
	border-bottom: 1px #676757 solid;
	}

.custom-logo-link img { 
	width: 284px;
	}

.navbar-nav, .nav-link {
	text-transform: uppercase;
	font-size: 0.94em;
	font-weight: 700;
	letter-spacing: 0.075em;
	color: #676757;
	}	

.dropdown-menu {
	font-size: 0.94em;
	border-radius: 0;
	border: none;
	box-shadow: 0px 5px 10px #676757;
	}

.dropdown-menu a {
	font-weight: 700;
	color: #676757;
	}

.dropdown-toggle[aria-expanded="true"]::after {
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
  }

.secondary-nav .nav-link {
	font-size: 0.75em;
	}	
	
@media (min-width: 992px) {
	.secondary-nav {
		margin-bottom: 10px;
		}
	.nav-search {
		margin-left: 10px;
		}
	}
	
@media (min-width: 1200px) {
	.primary .nav-link {
		margin-left: 10px;
		}
	}
		
.nav-search .search-field {
	border: none;
	border-radius: 0;
    background: #eee;
	text-transform: uppercase;
	font-weight: 700;
    font-size: 0.75em;
    margin: 0;	
    }
    
.input-group>.form-control {
	height: 32px; 
	}
	
.navbar-nav:hover .navbar-nav:active, .nav-link:hover, .nav-link:active {
	color: #811734;
	}

.nav-search .search-submit {
   	border: none;
    height: 32px;
	color: #676757;
	}

#main-menu .active .nav-link {
	color: #811734;
	border-bottom: 1px #811734 solid;
	}


.navbar-toggler {
	color: #676757;
	}

@media (max-width: 992px) {
	.offcanvas {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;

		}

	.offcanvas .secondary {
			-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
			box-ordinal-group: 2;
		}
	}
	
	
/*  Footer */

#wrapper-footer-full {
	border-top: 1px #676757 solid;
    background-color: #f0f0ef;
    padding-bottom: 40px;
	}

img.footer-logo { 
	width: 284px;
	margin-bottom: 14px;
	}
	
.boilerplate {
	font-family: "Libre Baskerville", serif;
	font-size: 0.94em;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 20px;
	}

@media (min-width: 768px) {
	.boilerplate {
		padding-left: 94px;
		font-size: 1.17em;
	}
}


#wrapper-footer-full h4 {
	margin-bottom: 24px;
	}
	
#wrapper-footer {
    background-color: #676757;
	text-transform: uppercase;
	font-size: 0.94em;
	font-weight: 700;
	letter-spacing: 0.075em;
	color: #fff;
	}	

.footer-menu li a {
	padding: 0;
	font-weight: 400;
	}

a.policy-link {
	font-weight: 400;
	color: #fff;
}

/*  Profiles - single */

.profile-header {
    background-color: #676757;
	position: relative;
	color: #fff;
	padding: 50px 0 20px;
	}

.profile-image {
	width: 244px;
	height: 244px;
	object-fit: contain;
	border: 8px solid #fff; 
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    margin-bottom: 20px;
	}

@media (max-width: 1200px) {
	.profile-image {
		height: 210px;
    	width: 210px;
		}
	}	

@media (min-width: 992px) {
	.profile-image {
		position: absolute;
		bottom: -60px;
		margin-bottom: 0px;
		}
	}	
		
.job-title {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0.075em;
	}

.profile-links {
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	padding: 10px 0;
	}

.profile-links a {
	border: none;
	margin-right: 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.94em;
	font-weight: 700;	
	letter-spacing: 0.075em;
	color: #fff;
	white-space: nowrap;
	}

.icon {
    margin-right: 4px;
	}
	
.affiliation {
	text-transform: uppercase;
	font-size: 1.17em;
	letter-spacing: 0.075em;
	}	

@media (max-width: 576px) {
	.affiliation {
		font-size: 0.94m;
		}
	}

.sections {
	text-transform: uppercase;
	color: #676757;
	}

.sections a {
	color: #811734;
	}

.research-projects {
	padding: 30px 0 60px;
	background-color: #d4d6dc;
	}

.category-theme .research-projects {
	background-color: unset;
	}
		
.research-projects .col-12,
.research-projects .col-md-6,
.research-projects .col-lg-3,
.team-listing .col-12,
.team-listing .col-md-6,
.team-listing .col-lg-3 {
	position: relative;
	background-color: #fff;
	}
	
.category-theme .research-projects .col-12,
.category-theme .research-projects .col-md-6,
.category-theme .research-projects .col-lg-3 {
	border: 1px #f0f0ef solid;
	}

.research-projects .col-md-6,
.research-projects .col-lg-3,
.team-listing .col-md-6,
.team-listing .col-lg-3 {
	min-height: 350px;
	}

.team-listing .col-md-6,
.team-listing .col-lg-3 {
	margin-top: 40px;
	}

@media (min-width: 768px) {
	.research-projects .col-md-6,
	.team-listing .col-md-6 {
		width: 48%;
	 }
}

@media (min-width: 992px) {
	.research-projects .col-lg-3,
	.team-listing .col-lg-3 {
		width: 23%;
	 }
}

.project-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: unset !important;
	height: 100% !important;
	width: 100%;
	object-fit: cover;
	}

.project-heading, 
.profile-name {
    padding: 20px 20px 0;
	}
	
.project-description,
.listing-job-title {
    padding: 0 20px;
    line-height: 1.3em;
	}   

.listing-job-title {
	text-transform: uppercase;
	}
    
.overlay {
   	position: absolute !important;
    display: flex;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0) !important;
    filter: opacity(1) !important;
    top: 0;
    left: 0;
    z-index: 520;
    overflow: hidden !important;
	}
	
/*  Projects - single */

.project-header {
	position: relative; 
	background-color: #273453;
	color: #fff;
	}
	
.project-title {
	margin-top: 80px;
	}

.project-header.background-image {
	min-height: 360px;
	}

.project-header.background-image  .project-title {
	margin-top: 20px;
}

.project-header.background-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: unset !important;
	height: 100% !important;
	width: 100%;
	object-fit: cover;
	opacity: 0.2;
	}
	
.zi-10 {
	z-index: 10;
	}

.project-left-bar {
	border-right: 1px #811734 solid;
	}

.project-text .project-left-bar {
	height: 100px;
	}

@media (max-width: 768px) {
	.project-left-bar {
		display: none;
		}
}

.theme-links {
	margin-bottom: 10px;
	}
	
.theme-links .btn-primary {
	text-transform: uppercase;
	background-color: #811734;
	border: none;
	}	
	
.theme-links .btn-primary:hover, .theme-links .btn-primary:active {
	background-color: #5c001f;
	}	

.project-details {
	width: 100%;	
	padding-bottom: 20px;
	border-bottom: 1px solid #676757;
	}

.news-listing .project-details {
	border-bottom: none;
}
.project-details h3 {
	border-top: 1px solid #676757;
	border-bottom: 1px solid #676757;
	padding: 12px 0;
	}

.project-details p {
	font-family: "Outfit",sans-serif !important;
	font-size: 0.94em !important;
	color: #676757 !important;
	}

.detail-heading {
	margin-top: 16px;
	text-transform: uppercase;
	}
	
/* Profile listings */
.wrapper.category-our-team {
	background-color: #ecece9;
	}

.category-our-team .project-header {
	background-color: #676757;
	}

.listing-image {
	padding: 40px;
	margin-top: -80px;
	}

.listing-image img {
	object-fit: contain;
	border: 8px solid #fff; 
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
	}

/* News & Events */

.news-listing#archive-wrapper article,
#search-wrapper article {
	border-top: 1px solid #676757;
	padding: 20px 0;
}

.news-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: unset !important;
	height: 100% !important;
	width: 100%;
	object-fit: cover;
	}

.events-page {
	position: relative;	
	}

.event-date {
	position: absolute;
	top: 6px;
	left: 6px;
	padding: 10px;
	width: 80px;
	height: auto;
	background-color: #fff;
	color: #811734;
	font-weight: 700;
	}	

.events-page .event-date {
	background-color: #811734;
	color: #fff;
	}

.event-day {
	font-size: 2.5em;
    line-height: 1em;
	}

.event-month {
	font-size: 1.5em;
    line-height: 1em;
	}

.event-year {
    font-size: 1.2em;
    line-height: 1.2em;
	}

li.categories, li.categories li {
	display: block;
	}

li.categories ul {
	padding-left: 0;
	}

.entry-meta {
	text-transform: uppercase;
	}

#single-wrapper .entry-meta {
    margin-bottom: 20px;		
	}

/* Homepage */

.carousel-control-next, .carousel-control-prev {
	width: 10%;
}
.carousel-item {
	padding: 60px 40px;
	background-color: #f0f0ef;
}

.carousel-item.count-1, .carousel-item.count-4 {
	background-color: #a2a391;
	color: #fff !important;
}

.carousel-item.count-2, .carousel-item.count-5 {
	background-color: #d5d5c3;
}

.hero-text {
	position: relative;
}

.news-section {
	text-transform: uppercase;
	color: #5c001f;
}

.count-1 .news-section {
	color: #fff !important;
}

.hero-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: unset !important;
	height: 100% !important;
	width: 100%;
	object-fit: cover;
	}

.carousel-indicators [data-bs-target] {
    width: 50px;
    height: 10px;
	}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #811734;
	}	

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(90%) sepia(24%) saturate(7215%) hue-rotate(324deg) brightness(91%) contrast(87%);
}

.cgmh-intro {
	padding: 60px 0;
	}

.page-template-homepage .research-projects, 
.page-template-homepage .research-projects .hp-projects-header .col-md-6,
.page-template-globalmap .research-projects, 
.page-template-globalmap .research-projects .hp-projects-header .col-md-6 {
	background-color: #273453;
	}

.hp-projects-header {
	color: #fff;
	}

.hp-projects-header .col-md-6 {
	min-height: unset !important;
	}

.hp-projects-header h3 {
	font-size: 2.08em;
	}

.hp-projects-footer {
	padding-top: 30px;
	}

.page-template-homepage .research-projects .col-12, .page-template-homepage .research-projects .col-md-6, .page-template-homepage .research-projects .col-lg-3 {
	background-color: #ecece9;	
	min-height: 300px;
	}

.hp-projects-header .col-md-6 {
	min-height: unset;
	background-color: unset;
}

.hp-projects-footer .btn-primary {
	background-color: #fff;
	color: #273453;
	}

.hp-projects-footer .btn-primary:hover,
.hp-projects-footer .btn-primary:active,
.hp-projects-footer .btn:first-child:active,
.hp-projects-footer .btn.active {
	background-color: #ecece9;	
	}	

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #811734;
    border-color: #811734;
	}
    
.page-link {
    color: #811734;
}