:root{
/*Font Family
	--sans-serif: 'Public Sans', poppins, roboto, noto, helvetica, arial, sans-serif;
	
	--monospace: ui-monospace, SFMono-Regular, "IBM Plex Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;
	--primary-typeface: var(--sans-serif);
	--secondary-typeface: var(--serif);*/
	--body-font-family: 'Roboto', sans-serif;
	--secondary-font: 'Public Sans', sans-serif;
	--serif: 'Source Serif Pro', Georgia, Times New Roman, serif;

/*Responsive Typo*/	
	--mobile: 600px;
	--desktop: 1200px;
	--screen-diff: calc(var(--desktop)/1px - var(--mobile)/1px);
	--font-diff: calc(var(--font-max)/1px - var(--font-min)/1px);

/*Font Sizes*/	
	--fs-display: 3rem;	/* 48px */
	--fs1: 2.25em;		/* 36px */
	--fs2: 2em;		/* 32px */
	--fs3: 1.75em;		/* 28px */
	--fs4: 1.5em;		/* 24px */
	--fs5: 1.25em;		/* 20px */
	--fs6: 1.125em;	/* 18px */
	--fs-base: 1rem;	/* 16px, base */
	--fs-sm: 0.875rem;	/* 14px */
	--fs-xs: 0.78rem;	/* 12px */

/*	--min-font-size: 125%;
    --mid-font-size: 1.7vw;
    --max-font-size: 137.5%;*/
	
/*Line Height*/
	--line-height-sm: 1.3;
	--line-height-md: 1.5;
	--line-height-lg: 1.8;
	
/*Font Weight*/
	--fw-thin: 300;
	--fw-normal: 400;
	--fw-b: 600;
	--fw-xb: 700;
	--fw-xxb: 900;
}

html{
/*	font-size: 112.5%;
	font-size: clamp(100%, 2.2vw, 118.75%);
	font-size: clamp(118.75%, 1.9vw, 175%);
	font-size: clamp(1.2rem,1rem + 3.5vw,4rem);
	font-size: calc(15px + 0.390625vw);*/
}
body{
	font-family: var(--body-font-family);
	line-height: var(--line-height-md);
	font-weight: normal;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;	
	font-weight: var(--fw-normal);
/*	font-size: clamp(var(--min-font-size),var(--mid-font-size),var(--max-font-size));*/
}
/*
p{
	margin: var(--base-margin) 0;	
}*/
p,
.content-region .body,
#about .grid-container{
	text-align: justify;
}
h1,h2,h3,h4,h5,h6{
	font-weight: var(--fw-normal);
	font-weight: var(--fw-thin);
	position: relative;
	margin: 1em 0 0.5em 0;
/*	margin: var(--base-margin) 0;*/
	line-height: var(--line-height-sm);
}
h1{
	font-size: var(--fs1);
	
/*	font-size: clamp(1.5rem,5vw,2.5rem);
	font-size: calc(1.25rem + 2vw);
	--font-min: 20px;
	--font-max: 40px;*/
}
h2{
	font-size: var(--fs2);
}
h3{
	font-size: var(--fs3);
}
h4{
	font-size: var(--fs4);
}
h5,
body.page-node-type-news #block-base-pagetitle h1,
body.page-node-type-e #block-base-pagetitle h1,
body.page-node-type-gallery #block-base-pagetitle h1,
body.page-node-type-student-highlights #block-base-pagetitle h1{
	font-size: var(--fs5);
	text-transform: none;
}
body.page-node-type-news #block-base-pagetitle h1::after,
body.page-node-type-e #block-base-pagetitle h1::after,
body.page-node-type-gallery #block-base-pagetitle h1::after{
	content: '';
    display: block;
    width: 20%;
    margin-top: 1rem;
    height: 4px;
    background: var(--secondary-color);
    margin: 1rem auto 0;
}
h6{
	font-size: var(--fs6);
}
a{
	position: relative;
	transition: all 0.3s ease;
	text-decoration: none;
/*	word-break: break-word;*/
}
a:hover{
	text-decoration: underline;
}
#block-base-mainnavigation-5 > ul.menu > li > span.nolink{
/*	font-family: var(--secondary-font);*/
	font-weight: 700;
	text-transform: uppercase;
}
/*
body.path-frontpage #block-base-mainnavigation-5 > ul.menu > li > a{
	text-shadow: rgb(0, 0, 0) 5px 1px 5px;	
}
*/
.more-link a{
	font-size: var(--fs-xs);
	text-transform: uppercase;
}
nav a:hover,
ul.sf-menu > li > a,
.btn:hover,
header .header-tab a:hover,
ul.menu-sub-tab li a:hover,
ul.menu-sub-tab li.active a,
#block-base-topmostmenu-3 ul.menu li a:hover,
#block-base-topmostmenu-3 ul.menu li.active a{
	text-decoration: none;
}
.views-field-edit-node a{
	font-size: var(--fs-sm);
    font-weight: normal;
    text-decoration: underline;
    float: right;
    display: block;
}

.header-top-region,
.footer-region,
.footer-bottom-region{
	font-size: var(--fs-sm);
}
.large{
	font-size: var(--fs6);
}
p.lead{
	font-size: var(--fs5);
}
.sub-heading{
	font-size: var(--fs4);
}
.text-center{
	text-align: center;
}
.content-wrapper{
/*	word-break: break-word;*/
}
.dates-wrapper,
td.views-field-field-end-dates,
td.views-field-field-end-year,
table time{
	font-size: var(--fs-sm);
}
#block-base-pagetitle{
	text-align: center;
/*	margin-top: 3em;*/
	
	margin-inline: auto;
	width: 100%;
	max-width: var(--max-width-md);
	float: left;
/*	background: #feeec7;*/
}
#block-base-pagetitle h1{
/*	margin-bottom: 0;*/
}
#block-base-facilities h2,
#block-base-people-2 h2,
#block-base-research-2 h2,
#block-base-campuslife h2,
#block-base-academics-2 h2,
#block-base-admissions h2,
#block-base-donation h2,
#block-base-alumniwellwishers h2,
#block-base-notifications h2,
#block-base-recruitment h2,
#block-base-leadershiptitle h2,
#block-base-abouttitle h2,
#block-base-page-title h1{
	text-align: center;
	text-transform: uppercase;
/*	letter-spacing: 0.025em;*/
	color: #fff;
	text-shadow: 0 1px 15px #666;
    font-weight: var(--fw-xb);
}
#block-base-primary-local-tasks{
	text-align: center;
	font-size: var(--fs-sm);
}
#block-base-copyright p{
	color: var(--light-color);
	margin: 0;
}

.field_title{
	font-size: var(--fs1);
	font-weight: var(--fw-thin);
}
.views-field-title{
	line-height: var(--line-height-sm);
/*	font-weight: var(--fw-xb);
    font-family: var(--secondary-font);
    font-size: var(--fs6);
    padding-bottom: .75rem;*/
	padding-top: .15rem;
	font-weight: 500;
}
.view-name-news .views-field-title,
.view-name-studenthighlights .views-field-title{
/*	font-size: var(--fs-base);
	float: left;
	padding-block: 1rem 0;*/
	text-align: justify;
}
.slick-slider .views-field-title .title{
	min-height: 2lh;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
table .views-field-title{
	font-weight: inherit;
	font-size: inherit;
}
.field_publishing_date{
	text-transform: uppercase;
	color: var(--light-color);
	font-size: var(--fs-sm);
}
.views-field-view-node{
	font-size: var(--fs-sm);
	margin-top: 0.25rem;
}

/*Animating link underline on hover*/
.footer-region h2{
	font-size: var(--fs-sm);
	font-weight: var(--fw-b);
	text-transform: uppercase;
/*	letter-spacing: 0.1rem;*/
	padding-bottom: 10px;
}
nav ul.menu li a::after,
ul.sf-menu > li > span.nolink::after,
ul.sf-menu > li.active-trail > span.nolink::after,
ul.sf-menu > li > a::after,
.footer-region h2::after{
	content: '';
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	height: 1px;
	background-color: var(--secondary-color);
}
ul.sf-menu > li.active-trail > span.nolink::after{
	height: 2px;
}
nav ul.responsive-menu li a::after{
	display: none;
}
nav ul.menu li a::after,
ul.sf-menu > li > a::after,
ul.sf-menu > li > span.nolink::after{
	left: 5%;
	bottom: 0px;
	width: 90%;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}
.content-top-region nav ul.menu li a::after{
	height: 2px;
}
.content-region nav ul.menu li a::after,
.content-top-region nav ul.menu-sub-tab li a::after,
#block-base-topmostmenu-3 ul.menu li a::after{
	display: none;
}
.footer-region h2::after{
	width: 20%;
	height: 2px;
}
#block-base-mainnavigation-5 > ul.menu > li > span.nolink::after{
	width: 80%;
	left: 10%;
	height: 3px;
}
nav ul.menu li:hover a::after,
ul.sf-menu > li:hover > span.nolink::after,
ul.sf-menu > li:hover > a::after{
	transform: scaleX(1);
}

/*
th,
.counter{
	font-family: var(--secondary-font);
}
*/
.view-name-publications .field-content strong{
	font-family: var(--serif);
	font-style: initial;
}
header .header-tab a, ul.menu-sub-tab li a{
	font-size: var(--fs-sm);
}
/*
@media(min-width: 769px){
	html{
		font-size: calc(13px + 0.390625vw);
	}
}*/
@media(min-width: 992px){
	h1,h2,h3,h4,h5,h6{
		text-align: inherit;
	}
	#contact h2,
	#block-base-pagetitle h1{
		text-align: center;
	}
	.grid-container,
	table tbody{
		text-align: left;
	}
	.footer-region h2::after{
		width: 80%;
	}
}
@media(min-width: 1400px){
	html{
		font-size: calc(12px + 0.390625vw);
	}
}

/*Responsive
@media(max-width: 599px){
	body{
		
	}
	h1{
		font-size: var(--font-min);
	}
}
@media(min-width: 600px) and (max-width: 1200px){
	h1{
		font-size: calc((var(--font-min)) + (100vw - (var(--mobile)/var(--screen-diff))) * var(--font-diff));
	}
}
@media(min-width: 1201px){
	h1{
		font-size: var(--font-max);
	}
}
*/