header .contain .branding {
	display: grid;
	column-gap: 50px;
	row-gap: 20px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: 
	'logo'
	'tagline';
}

header .contain h1 {
	grid-area: logo;
	color: var(--accent-lt);
	padding-right: 0px;
	border-right: 0;
	padding-bottom: 30px;
	border-bottom: 1.5px solid var(--main-lt);
	font-size: 5.9em;
	text-align: left;
	word-spacing: 0px;
	line-height: 1;
	justify-self: left;
	font-weight: 400;
	margin: 0;
}


.contain {
	padding: 0 30px;
}

header .contain .tagline {
	font-size: 4em;
}

header .contain .tagline br:first-of-type {
	display: none;
}
#intro .contain {
	flex-wrap: wrap;
	gap: 20px;
}

#intro .portrait, #intro p {
	width: 90%;
	max-width: 100%;
}

#intro p {
	margin: 0 0 0 0px;
}

#events h3 {
	font-size: 6em;
	margin: 0 0 5px 0;
	line-height: .9;
}

#events ul li a {
	display: grid;
	column-gap: 30px;
	row-gap: 10px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: 
		'edate'
		'eplace'
		'emore';
}

#events ul li a .date {
	grid-area: edate;
}

#events ul li a .place {
	grid-area: eplace;
}

#events ul li a .more {
	grid-area: emore;
}

#events ul li span.date {
	text-align: left;
	color: var(--accent);
	width: auto;
	margin-right: 10px;
}

#events ul li span.date strong {
	display: inline;
}

#events ul {
	padding: 20px 20px;
}

#events ul li span.place {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px solid #fff;
	line-height: 1.3;
}

	#test .contain {
	display: grid;
	column-gap: 50px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas:         
	'quotationmark'
	'quote'
	'quoteauthor ';
	align-items: start;
}

footer .contain {
display: grid;
	column-gap: 30px;
	row-gap: 20px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: 
	'ftlogo'
	'fttagline';
	align-items: start;
}

footer .contain .details {
	gap: 20px;
}

footer #menu-mainnav-1 {
	display: none;
}

#prev, #next {
	top: -400px;
	position: absolute;
}
#prev {
	left: -25px;
}

#next {
	right: -25px;
}

.eventdetails {
	display: grid;
	column-gap: 50px;
	row-gap: 30px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: 
	'eventdesc'
	'eventdt';
}



ul.pubs li {
	width: 94%;
	margin: 3%;
}

ul.pubs li:nth-of-type(2) {
	display: none;
}

.pubslist li a {
	display: grid;
	column-gap: 50px;
	row-gap: 30px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: 'booklistcov''booklistmeta''booklistbuy';
	align-items: center;
	padding: 40px 0;
	margin: 0;
}

body:not(.home) article h2 {
	font-size: 5.2em;
}

.single-publications .bookdetails {
	display: grid;
	column-gap: 50px;
	row-gap: 20px;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas:         
	'booktitle'    
	'bookcover'    
	'bookmeta'        
	'bookdesc ';
}

.single-publications article h5 {
	text-align: center;
}

.single-publications .buy h3 {
margin: -110px 0 30px 00px;
font-size: 5.5em;
}

.single-publications .buy ul li {
width: 100%;
}

.single-publications .reviews h3 {
	font-weight: 400;
	line-height: 1;
	margin: 0 0 20px 0;
	font-size: 5.5em;
	color: var(--main);
	text-align: center;
}

.single-publications .reviews ul {
	list-style: none;
	padding: 0;
	margin: 0;
	columns: 1;
	column-gap: 80px;
	position: relative;
}

.projectgroup ul li {
	width: 96%;
	margin: 2%;
}

.projectgroup .contain > h3 {
	font-size: 4.5em;
}

ul.upcomingevents li {
	width: 96%;
	margin: 5% 2%;
	padding: 0;
	background-color: #fff;
	position: relative;
	transition: all .3s;
}

body:not(.home) header .contain h1 {
	padding-bottom: 0;
	border-bottom: 0;
}


/* The side navigation menu */
.sidenav {
	display: block;
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 30000; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
	background-color: #1c488b; 
	background-color: rgba(28, 72, 139, 0.842); 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 1.6em;
  line-height: 1.3;
  color: #fff;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #ddd;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.sidenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidenav ul li {
	margin: 0;
	padding: 0;
}

.sidenav .sub-menu {
	padding-left: 20px;
}

nav > ul {
	display: none;
}

header .contain .branding {
	padding-top: 40px;
}

.trigger {
	display: block;
	position: absolute;
	right: 50px;
	top: 30px;
	font-size: 5em;
	line-height: 1;
	color: #fff;
}

	#publications h3 {
		font-size: 4.8em;
	}
	
	p.allpubs {
	padding-right: 0px;
}

.sidenav ul li::after {
	display: block;
	content: '\00A0';
	height: 0;
	border-bottom: 1px solid #fff;
	width: 90%;
	margin: 0 auto;
}

.sidenav ul li.menu-item-has-children::after {
	border-bottom: 0;
}

	.sidenav a {
padding: 7px 8px 7px 32px;
}