/*
Theme Name: Whitecliffe
Theme URI: 
Author: Sebastian
Author URI: sebastian
Description: Whitecliffe Theme
Version: 1.0
*/
body,html,div,section{
	margin:0;
	padding: 0;
	}
	@font-face {
		font-family: gtwalsheimRegular;
		font-weight:normal;
		src: url(./fonts/GT-Walsheim-Regular-Trial.woff2);
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	@font-face {
		font-family: gtwalsheimRegular;
		font-weight:bold;
		src: url(./fonts/GT-Walsheim-Bold-Trial.woff2);
	  }  
	  @font-face {
		font-family: gtwalsheimLight;
		font-weight:lighter;
		src: url(./fonts/GT-Walsheim-Light-Trial.woff2);
	  } 
	  @font-face {
		font-family: gtwalsheimRegular;
		font-weight:medium;
		src: url(./fonts/GT-Walsheim-Medium-Trial.woff2);
	  } 
	  #myVideo {
		position: absolute;
		right: 0;
		top: 0;
		height: 100vh;
		opacity: 0.1;
		z-index: 0;
	  }
	div,section{
		font-family:gtwalsheimRegular;
	}
	h1,h5,h4,h3,p{
		margin: 0;
		padding: 0;
	}

	iframe::before {
		background-color:#000;
	  }
	h1{  
		font-size: 3em;
		font-weight: bold;
	}
	h2{
		font-size: 2.4em;
	}
	h3{
		font-size:1.7em; 
	}
	h4{
		font-size:1.7em;
	}
	
	h5{
		font-size:1.6em; /*cehck */
	}
	h6{
		margin: 0;
		padding-top:10px;
		padding-bottom: 10px;
		font-size:1.1em;
	}
	p{
		font-size:1.5em;
		font-family: gtwalsheimLight;
	}
	a[href$=jpg]:hover, 
a[href$=jpeg]:hover, 
a[href$=png]:hover, 
a[href$=gif]:hover {
        text-decoration: none;
        border: 0;
        border: none;
        }
	.hm-h1{font-size:1.7em;align-self:flex-end;justify-self: center; }
	.hm-h2{flex-basis:100%;font-size:2.5em;border-bottom:1px solid #000;padding-bottom:10px}
	.flex-block{
		display: flex;
		flex-flow: row wrap;
	}
	.font2em{
		font-size:2em;
	}
	.font1-5{
		font-size:1.5em;
	}
	.txt-center{
		text-align: center;
	}
	.responsive {
		width: 100%;
		height: auto;
		max-width: 100%;
	  }
	  .responsive2 {
		width: auto;
		height: 100%;
	  } 
	.landing{
		min-height:100vh;
		background-repeat:	no-repeat;
		background-size: cover;
	}
	.heading-bg{
		position: absolute;
		display:flex;
		background-color: #2d2d2d30;
		z-index:1;
		height: 160px;
		width:78vw;
		margin: 40px 5% 30px 5%;
	}
	a.link-generic{
		text-decoration: none;
		color:#000;
	}
	a.link-generic:hover{color:#D59D10;text-decoration: none;}
	a.link-generic:visited{text-decoration: none;color: #000;}
	.landing-bg-default{
		background-image: url(/wp-content/uploads/2024/11/Sophelia-Shizune.jpg);
		background-size: cover;
	}
	.landing-bg-finearts{
		background-image: url(/wp-content/uploads/2024/11/Molly-Timmins-8.jpg);
		background-position: center center;
		background-size:cover;
	}
	.landing-bg-design{
		background-position: center center;
		background-size:cover;
		background-image: url(/wp-content/uploads/2024/11/Zoe_Ford_2-scaled.jpg);
	}
	.landing-bg-fashion{
		background-image: url(/wp-content/uploads/2025/01/2024-11-27-Whitecliffe-3rd-0017-scaled.jpg);
		background-position: center center;
		background-size:cover;
	}
	.landing-bg-infotech{
		background-image: url(/wp-content/uploads/2024/12/Home-IT-1-scaled.jpg);
	}
	.landing-bg-creativearts{
		background-position: center center;
		background-size:cover;
		background-image: url(/wp-content/uploads/2024/11/Ruchita-Parekh-work3.jpg);
	}
	.landing-path{background-color: rgb(34, 34, 34);}
	.landing-degree{background-color:#c8c8c8;}
	.h-nomargin{
		margin-top:0px;
	}
	.h-margin-bottom{margin-bottom: 20px;}
	.hero-gradient{
		opacity: 0.8;
		position: absolute;
		top:0;
		left:0;
		height: 100%;
		width:100%;
		z-index: 2;
		background: rgb(20,118,184);
		background: linear-gradient(180deg, rgba(20,118,184,0) 0%, rgba(173,173,173,0) 56%, rgba(28,28,28,1) 94%);
		color:#fff;
		display: flex;
		align-items: flex-end;
		text-align: center;
	}

	.hero-gradient > p{
		margin-left: auto;
		margin-right: auto;
		position: relative;
		padding-bottom: 20px;
	}
	.turn-off{
		content-visibility: hidden;
	}
	.turn-off-complete{
		content-visibility: hidden;
		display: none;
		height: 0;
		border:0;
	}
	.max-width{width:100%;}
	.no-margin{margin: 0;}
	/******* btns *****/
	.page-heading{margin-bottom: 10px;margin-top: 0;}
	.breadcrumbs{font-size:0.9em;color:#000;text-decoration: none;}
	.breadcrumbs a:hover{color:#D59D10!important;text-decoration: none;}
	.breadcrumbs a:link, .breadcrumbs a:visited{color:#000;text-decoration: none;}
	.button {
		background-color: #fff; /* Green */
		border: none;
		border-radius: 5px;
		color: #000000;
		padding: 7px 20px;
		text-align: center;
		text-decoration: none;
		transition-duration: 0.4s;
		font-size:1em;
		font-family: gtwalsheimRegular;
	}
	  
	.button:hover {
		background-color: #000; /* Green */
		color: white;
	
	}
	/***** btn regular ****/
	.btn-general {
		/* background-color: #fff;  */
		border: 1px solid black;
		border-radius: 5px;
		/* color: #000; */
		padding: 10px 20px;
		text-align: center;
		text-decoration: none;
		transition-duration: 0.4s;
		font-size:1.1em;
	}
	  
	.btn-general:hover {
		background-color: #000; /* Green */
		color: white;
	
	}/**** btn colors ***/
	.btn-w{  /* wwhite no background */
		color:#fff;
		background-color: rgba(16, 16, 16, 0.7);
		border-color:#fff;
		border-style: dashed;
	}
	.btn-bw{
		color:#000;
		background: rgba(255, 255, 255, 1) ;
		border-color:#000;
	}
	.degree-arrow-wrapper{
		border:2px solid;
		height:70px;
		width:70px;
		display: flex;
		justify-content:  center;
		align-items:center;
		border-radius: 100%;
		filter: drop-shadow(3px 3px 3px);
		background-color: #FFF;
		align-self: center;
		justify-self: center;
	}
	.degree-arrow-wrapper a{text-decoration: none;}
	.arrow-main{
		font-size:40px;
		align-self:center;
		justify-self: center;
		margin-left: 5px;
	}
	
	.wp-block-list li{
		font-size:1.4em;
		font-family: gtwalsheimLight;
		margin-bottom: 20px;
	}
	.current_page_item{
		background-color: #D59D10!important;
		color:#fff;
	}
	/* logo and menu area */
	header{
		height:70px;
		display: flex;
		z-index:2;
	}
	/* header div{
		flex-direction: column;
		flex-flow: column;
		height:100%;
	} */
	.head-logo{
		-ms-flex-align: start;
		width:25%;
		display: flex;
		justify-content:flex-start;
		flex-wrap: wrap;
		flex-grow: 1;
		align-items: flex-start;
		z-index: 2;
		/* text-shadow: 1px 1px #424242; */
		padding-left: 40px;
		margin-top: 16px;
	}
	.head-logo-home{
		-ms-flex-align: start;
		width:25%;
		display: flex;
		justify-content:flex-start;
		flex-wrap: wrap;
		flex-grow: 1;
		align-items: flex-start;
		z-index: 2;
		/* text-shadow: 1px 1px #424242; */
		padding-left: 40px;
		margin-top: 20px;
	}
	#Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window{
		z-index:2!important;
	}
	.head-logo h5:hover{color:#D59D10;}
	.head-logo h5:visited{color:#000;}
	.head-logo > a{
		display: flex;text-decoration: none;
		flex-flow: row nowrap;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.head-logo-home h5:hover{color:#D59D10;}
	.head-logo-home h5:visited{color:#fff;}
	.head-logo-home > a{
		display: flex;text-decoration: none;
		align-items: flex-end;
	}
	.logo-main{align-self: flex-end;justify-self: flex-end;margin-bottom: 0;}
	.logoW{height:40px;width:75px;}
	.logoW-menu{height:35px;width:65px;}
	/* .text-animation {
		background-image: 
		  linear-gradient(to right, #000, #fff); 
		-webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;  
		animation: text-animation 135s linear infinite;
	  }
	  
	  @keyframes text-animation {
		  to {
			  background-position: 220vh;
		  }
	  } */
	.head-logo-home h5{color:#fff;}
	.head-logo h5{
		font-size:1.6em;
		color: #000;
		
	}
	.head-area{
		width:30%;
	}
	button:hover{cursor: pointer;}
	.head-menu-close{
		display: block;
		position: absolute;
		top:0;
		right:0;
		height:60px;
		width:60px;
		z-index:99999;
		content-visibility: visible;
		margin-top: 15px;
		margin-right: 20px;
		cursor: pointer;
		vertical-align: top;
	}
	.head-menu-close > h3{color:#fff!important;font-size:2.6em;}
	.head-menu-close > h3:hover{color:#D59D10!important;}
	.head-menu-area{
		z-index: 4;
		-ms-flex-align: end;
		width:200px;
		height:70px;
		cursor: pointer;
		display: flex;
		justify-content: flex-end;
		background-color: #181818;
		border-bottom:1px dashed rgb(89, 89, 89);
		border-left: 1px dashed rgb(89, 89, 89);
		transition:width 0.5s ease-in-out; 
		border-bottom-left-radius: 5px;
	}
	
	.logoH{
		height: 50px;
		width:auto;
	}
	
	.expanded{
		width:80%;transition:width 0.5s ease-in-out;opacity: 1; 	
	}
	.shrink{width:200px;transition:width 0.5s ease-out; }
	.shrink-hide{opacity:0;}
	.btn-menu-hoverlinks{
		display: flex;
		flex-flow: row nowrap;
		gap:20px;
		align-items: center;
		width:87%;
		margin-left: 20px;
		margin-right: 40px;
		overflow: hidden;
	}
	#btn-menu-h5{text-align: center; margin: 0 60px 0 50px;justify-self: center; }
	#btn-menu-h5:hover{color:#D59D10;}
	.btn-menu-open{color:#fff;}
	.btn-menu-hoverlinks > a{
		color:#fff!important;
		border:1px dashed #fff;
		border-radius: 5px;
		padding: 10px 20px 10px 20px;
		flex-grow:1;
		text-align: center;
		text-decoration: none;
		animation: show 2s ease-in-out forwards;
		font-size:0.9em;
		height: auto;
	}
	.btn-menu-hoverlinks > a:visited{text-decoration: none;color:#fff;}
	.btn-menu-hoverlinks > a:hover{color:#000!important;background-color: #D59D10;text-decoration: none;}	  
	.head-menu-area:hover{background-color: #000;cursor: pointer;}
	.head-menu-area h5{
		font-size: 1.5em;
		align-self: center;
		justify-self: center;
		color: #fff;
		display: flex;
		justify-self: center;
		align-self: center;
	}
	/****** menu layer *****/
	.menu-layer{
		background-color: #000;
		position: sticky;
		top:0;left:0;
		height: 100vh;
		width:100%;
		z-index: 98;
		opacity: 0.99;	
		display: inline-block;
		flex-flow:row wrap;
		padding-top: 0;
	}
	.mainmenu{
		height:calc(90% - 20px);
		width:100%;
	}
	.menu-footer{
		height:10%;
	}
	
	.mainmenu-logo{
		content-visibility: visible;
		visibility: visible;display: flex;
		justify-content:flex-start;
		flex-wrap: wrap;
		flex-grow: 1;
		align-items: flex-start;
		z-index:9999;
		height:60px;
		margin-left: 40px;
		margin-top: 20px;
	}
	.mainmenu-logo h5{color:#fff;font-size:1.6em;}
	.mainmenu-logo h5:hover{color:#D59D10;}
	.mainmenu-logo h5:visited{color:#000;}
	.mainmenu-logo > a{
		display: flex;text-decoration: none;
		align-items: flex-end;
	}
	/* .mainmenu-logo h5{
		transform: rotate(-90deg);
	} */
	.menu-borders{
		border-left:1px dashed white;
		width:2vw;
		min-height:40%;
		max-height: 100%;
		align-self: center;
		justify-self: center;
		border-top: 1px dashed white;
		border-bottom:1px dashed white;
		display: flex;
		flex-flow: row wrap;
		flex-grow:1;
		content-visibility: hidden;
		display: none;
	}
	.menu-borders div{
		border-bottom:1px dashed white;
		width:100%;
	}
	.menulinks{
		color:#FFF;
		display: flex;
		flex-flow: row wrap;
		align-self: center;
		justify-content: center;
		align-items: center;
		padding-left: 0;
		height: 85%;
		text-align: center;
	}
	.menulinks ul{
		/* content-visibility: hidden; */
		margin: 0;padding:0 40px 0 40px;
		display: flex;
		align-self:flex-start;
		justify-self: center;
		width:100%;
		list-style-type:none;
		margin-bottom: 20px;
	}
	.menulinks > li{
		width:100%;
		font-size:2.4em;
		font-weight: bold;
		align-self: center;
		list-style-type: none;
	}
	/******** menu styling ********/
	.sublink-dep{cursor: pointer;}
	/* menu links */
	a.dep-link:link, a.dep-link:visited{
		text-decoration: none;
		color:#fff;
	}
	/* menu hover colors */
	a.link-finearts:hover{color:#B22325;}
	a.link-design:hover{color:#800080;}
	a.link-infotech:hover{color:#1476B8;}
	a.link-fashion:hover{color:#228C22;}
	a.link-creativearts:hover{color:#F26A23;}
	a.link-general:hover{color: #D59D10;}
	.link-social:hover{background-color: #D59D10;color:#000;}


	.menu-sublinks-dep-off{
		content-visibility:hidden;animation: hide 0.7s ease-out forwards;
	}

	.hide{content-visibility: visible!important;opacity: 1;}
	.menu-sublinks{
		/* content-visibility: hidden; */
		display: flex;
		flex-flow:row wrap;
	}
	.menu-sublinks > li{
		list-style-type: none;
		flex-basis:100%;
		font-size:1.5em;
		font-weight: lighter;
		margin-top:10px;
	}
	.active{background-color: #272727!important;color:#fff!important;}
	.btn-sm{width:50px!important;}
	.filter-btn-finearts:hover{color:#fff;background-color: #B22325;cursor: pointer;}
	.filter-btn-design:hover{color:#fff;background-color: #800080;cursor: pointer;}
	.filter-btn-fashion:hover{color:#fff;background-color: #228C22;cursor: pointer;}
	.filter-btn-infotech:hover{color:#fff;background-color: #1476B8;cursor: pointer;}
	.filter-btn-creativearts:hover{color:#fff;background-color: #F26A23;cursor: pointer;}
	.filter-btn-other:hover{color:#fff;background-color: #D59D10;cursor: pointer;}
	.filterDiv{
		display: none; /* Hidden by default */
	}
	.showFilter{display: flex!important;}
	.show {
		animation: show 0.5s ease-in forwards;
	  }
	  
	  .hide {
		animation: hide 0.5s ease-out forwards;
	  }
	@keyframes show {
		0% {
		  content-visibility: hidden;
		  opacity: 0;
		}
	  
		100% {
		  content-visibility: visible;
		  opacity: 1;
		}
	  }
	  
	  @keyframes hide {
		0% {
		  content-visibility: visible;
		  opacity: 1;
		}
	  
		100% {
		  content-visibility: hidden;
		  opacity: 0;
		}
	  }
	
	/* hero heading */
	.landing-hero-primary{
		padding-left: 6%;
		padding-right: 6%;
		height: 18vh;
		display: flex;
		margin-bottom: 20px;
	}
	.landing-hero-primary > h1{
		margin-left:auto;
		margin-right: auto;
		color:#fff;
		text-align: center;
		padding-left: 6%;
		padding-right: 6%;
		z-index: 2;
		position: relative;
		text-shadow: 2px 2px #424242;
		
		align-items: flex-end;
		justify-items: center;
		/* animation: color-change 20s linear infinite; */
	}
	@keyframes color-change {
		0% { color: #000; }
		20% { color: #000; }
		40% { color: #fff; }
		70% { color: #fff; }
		100% { color: #000; }
	  }
	/* landing main */
	.landing-main{
		width:100%;
		min-height:47vh;
		padding-top: 10px;
	}
	.landing-main h6 {
		color:#fff
	}
	/* .landing-main-menu{
		text-align: center;
		margin-left:10px;
		margin-right: 10px;
		z-index: 2;
		position: relative;
	}
	.landing-main-menu > div{
	
		width:200px;
		margin-left: auto;
		margin-right: auto;
		
	} */
	.landing-main-menu{
		text-align: center;
		z-index: 2;
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		width:100%;
		align-items: center;
  		justify-content: center;
		margin-bottom: 18px;
	}
	.landing-main-menu > div{
		width:200px;
		align-self: center;
		margin: 5px;
	}
	.landing-menu-selected{  
		border-style: groove;
		border-color:#fff;  
		border-width: 0;
		border-radius: 5px;
		background-color: rgba(16, 16, 16, 0.92);
		box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
	}
	.landing-menu-selected:hover{background-color: rgba(16, 16, 16, 1);cursor: pointer;}
	.landing-menu-unselected{
		border-style: dashed;
		border-color:#fff;  
		border-width: 1px;
		border-radius: 5px;
		background-color: #0000002b;
		box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.30);
	}
	.landing-menu-unselected:hover{background-color: rgba(16, 16, 16, 0.7);cursor: pointer;}
	.landing-road{
		text-align: center;
		margin-left:14vw;
		margin-right: 14vw;
		border-width: 0;
		border-top:0 dashed rgba(255, 255, 255, 0.7);
		border-left:0 dashed rgba(255, 255, 255, 0.7);
		border-right:0 dashed rgba(255, 255, 255, 0.7);
		z-index: 2;
		position: relative;
		display: flex;
		flex-flow: row;
	}
	.landing-road > div{
		height: 20px;
		width:25%;
		border-right: 0 dashed rgba(255, 255, 255, 0.7);
	}
	.road-fix{
		width:1px!important;
		height:30px;
		border-left:0 dashed rgba(255, 255, 255, 0.7);
		align-self: center;
		justify-self: center;
	}
	
	.landing-main-pathways{
		border:0 solid black;
		display: flex;
		margin-left:6vw;
		margin-right: 6vw;
		flex-direction: row;
		column-gap: 30px;
		content-visibility: auto;
		margin-bottom: 20px;	
	}
	
	.landing-main-pathways > div{
		width:20%;
		padding-bottom: 20px;
	}
	/****** PATHWAYS ********/
	.pathway-wrapper{
		border-radius: 5px;
		color:#ffffff;
		text-align: center;
		border:1px!important;
		padding:10px;
		padding-top: 20px;
		padding-bottom: 25px;
		min-height:10vh;
		background: rgba(16, 16, 16, 0.8) ;
		transition: 1s;
		box-shadow: 4px 8px 8px 4px rgba(0, 0, 0, 0.26);
	}
	.pathway-wrapper:hover .pathway-arrow{
		border-color: #fff;
		border:1px dashed;transition: all 0.5s;
	 }
	 .pathway-wrapper:hover .arrow-selected{
		border-color: #fff;
		color: #fff;
		border:1px dashed;transition: all 0.5s;
	 }
	/*** Categories ***/
	.designino-bg{
		background-color: #800080;
		border:0!important;
	}
	.finearts-bg{
		background-color: #B22325;
		border:0!important;
	}
	.infotech-bg{
		background-color: #1476B8;
		border:0!important;
	}
	.fashion-bg{
		background-color: #228C22;
		border:0!important;
	}
	.creativearts-bg{
		background-color: #F26A23;
		border:0!important;
	}
	#pathway-bg-finearts{
		cursor: pointer;
	}
	#pathway-bg-finearts:hover{
		background-color: #b22325;
		margin-top: 4px;
	}
	#pathway-bg-design{
		cursor: pointer;
	}
	#pathway-bg-design:hover{
		background-color: #800080;
		margin-top: 4px;
	}
	#pathway-bg-fashion{
		cursor: pointer;
	}
	#pathway-bg-fashion:hover{
		background-color: #228c22;
		margin-top: 4px;
	}
	#pathway-bg-infotech{
		cursor: pointer;
	}
	#pathway-bg-infotech:hover{
		background-color: #1476b8;
		margin-top: 4px;
	}
	#pathway-bg-creativearts{
		cursor: pointer;
	}
	#pathway-bg-creativearts:hover{
		background-color: #f26c23;
		margin-top: 4px;
	}
	/** ADD BACKGROUND COLORS HERE ***/
	.bold{
		font-weight: bold;
	}
	.pathway-title{
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 10px;
		margin-top: 0;
		height:50px;
	}
	.pathway-arrow{
		width:45px;
		height:45px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 50%;
		margin-bottom: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/****** border-colors****/
	.border-finearts{border-color: #B22325!important;}
	.border-designinno{border-color: #800080!important;}
	.border-fashion{border-color: #228C22!important;}
	.border-infotech{border-color: #1476B8!important;}
	.border-creativearts{border-color: #F26A23!important;}
	.border-other{
		border-color: #D59D10!important;
	}
	.border-white{border-color:#ffffff!important;}
	.border-black{border-color:#000!important;}
	/***** background colors ******/
	.arrow-finearts{background-color: #B22325!important;}
	.arrow-designino{background-color: #800080!important;}
	.arrow-fashion{background-color: #228C22!important;}
	.arrow-infotech{background-color: #1476B8!important;}
	.arrow-creativearts{background-color: #F26A23!important;}
	.arrow-other{background-color: #D59D10!important;}
	.arrow-gray{background-color: #979797!important;}
	.txt-finearts{color: #B22325;}
	.txt-designinno{color: #800080;}
	.txt-fashion{color: #228C22;}
	.txt-infotech{color: #1476B8;}
	.txt-creativearts{color: #F26A23;}
	.txt-black{color:#000!important;}
	.txt-other{color:#D59D10;}
	.txt-white{color:#fff;}
	.arrow-selected{
		background-color: #fff!important;
		color:black;
	}
	/**** border shadow ***/
	.border-shadow{
		border-radius:3px;
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
		border:1px solid;
		border-color: #dcdcdc;
	}
	
	
	.arrow {
		border: solid;
		border-width: 0 4px 4px 0;
		display: inline-block;
		padding: 6px;
		margin-right:2px;
	  }
	  .arrow-small {
		border: solid;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 6px;
		margin-right:2px;
	  }
	  .arrow-big {
		border: solid;
		border-width: 0 6px 6px 0;
		display: inline-block;
		padding: 6px;
		margin-right:2px;
		color:#000;
	  }
	.right {
		border-color:#fff;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	  }
	.arrowDep{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		height:8px;
		width:8px;
		margin-right:4px;
		margin-top: 4px;
	}
	.down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	  }
	.pathway-expanded{
		height: 100%;
	}
	.pathway-desc{
		font-size:0.6em;
		margin: 0 15px 0 15px;
	}
	.pathway-tags{
		height: 100%;
		display: flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		font-size:1.3em;
		column-gap:8px;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.pathway-tag{
		padding:10px;
		border:1px dashed white;
		border-radius: 5px;
		margin-top: 10px;
		font-size: 0.7em;
		flex-grow: 1;
	}
	/* landing hero secondary */
	.landing-hero-secondary{
		margin-top: 0;
		background: rgba(16, 16, 16, 0.5); 
		color:#fff;
		padding-left: 10vw;
		padding-right: 10vw;
		min-height: 10vh;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index:1;
		position: relative;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.landing-btns{
		display:flex;
		align-items: center;
		gap:15px;
		justify-content: center; 
		min-height: 12vh;
		z-index: 1;
	}
	.landing-btns > div{
		border: 0 solid black;
		flex-direction: row;  
		justify-self: center;
		align-self: center;
		z-index: 1;
	}
	/******* second layer of landing ***/
	/******* second layer ***/
	.landing-layer2{
		position:absolute;
		left: 0;
		top:0;
		display:flex;
		z-index: 1;
		background: rgb(200,200,200);
background: linear-gradient(180deg, rgba(200,200,200,1) 0%, rgba(200,200,200,1) 56%, rgba(200,200,200,0) 100%);
		width:100%;
		min-height:100%;
		height: auto;
		opacity: 0.2;flex-grow:1;
	}
	.landing-degree-layer{
		border:0 solid black;
		display: flex;
		margin-left:8vw;
		margin-right: 8vw;
		flex-direction: row;
		column-gap: 30px;
		position: relative;
		z-index: 2;
	}
	.landing-degree-layer > div{
		width:20%;
		text-align: center;
		background-color: #FFF;
		border-radius: 5px;
		color:#000;
		text-align: center;
		padding:10px;
		padding-top: 18px;
		padding-bottom: 18px;
		font-size:1.1em;
		font-weight: bold;
	}
	.landing-degree-layer2{
		position: relative;
		z-index: 2;
		margin-left:8vw;
		margin-right: 8vw;
		display: flex;
		flex-direction: row;
		gap:30px;
		flex-wrap: wrap;
		margin-top: 40px;
		margin-bottom:40px;
	}
	.landing-degree-layer2 > div:hover{background-color: #ffffffe6;border:1px solid #D59D10}
	.landing-degree-layer2 > div{
		flex-basis: calc(20% - 24px);
		background-color: #FFF;
		min-height:18vh;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 20px;
		display: none;
		gap:5px;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: flex-start;
		box-sizing: border-box;
	}
	.hm-degree-link a{color:#000;text-decoration: none;}
	.hm-degree-link a:visited{color:#000;}
	.hm-degree-link a:hover{color:#D59D10;}
	.landing-degree-layer2 p{
		font-size:0.9em;
		width:100%;
	}
	.landing-degree-layer2 h6{
		color:#000;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 20px;
		width:100%;
		font-size:1.4em;
		min-height: 40px;
	}
	.degree-duration{
		margin-top: 10px;
		width:80%;
	}
	.degree-btn{
		width:20%;
		margin-top: 20px;
	}
	/******* second layer ends ****/
	.pro-img{
		cursor: pointer!important;
		/* height: 65vh; */
		object-fit: cover;
		overflow: hidden;
	}

	.pro-img img{
		object-position: center center;object-fit: cover;
		align-self: center;
		/* transform: translateY(-15%); */
	}
	/*** student work page ***/
	.student-work-landing{
			min-height: 60vh;		
			margin-bottom: 0;
			position: relative;
			margin-top: 20px;
			flex-basis: 100%;
		}
	.student-work-landing > h1{margin:0 0 20px 0}
	.student-work-landing > span{font-size:1em;}	
	/****** home student work *****/

	.hm-student{
		margin-left: 6vw;
		margin-right: 6vw;
		margin-top: 5vh;
	}
	.hm-student h1{
		border-bottom:2px solid gray;
		margin-bottom: 25px;
	}
	.hm-student-wrapper{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		box-sizing: content-box;
	}
	/* student box **/
	
	.hm-student-box{
		flex-basis:calc(33.3% - 15px);
		display: flex;
		flex-flow:row wrap;
		border-radius:6px;
		align-items: flex-start;
		background-color: #fafafa;
	}
	.hm-student-box p{
		margin-left: 20px;
		margin-right: 20px;
	}
	.hm-student-box h3{
		margin-left: 20px;
		margin-right: 20px;
	}
	.hm-studnet-box-qual{
		width:100%;margin: 0 20px 0 20px;
	}
	.hm-student-box-img{
		min-height:400px;
		width:100%;
		margin-bottom: 5px;
		overflow: hidden;
		object-fit: cover;
	}
	.hm-student-box-img img {
			object-fit:cover;
			object-position: top ;
			border-radius: 6px;
			height:400px!important;
			width:100%;
	  }
	.hm-student-box-title{
		width:100%;
		align-self: flex-start;
		margin-bottom: 5px;
	}
	.hm-student-box-title > h5{margin-left: 20px;font-size:1.7em;margin-top: 10px;}
	.hm-student-box-dep{
		margin-bottom: 20px;
		/* max-height:50px; */
		align-self: flex-start;}
	.hm-student-box-author{
		width:100%;
		text-align: right;
		display: flex;
		align-self: flex-start;
		margin-bottom: 5px;
	}
	.hm-student-box-tag{
	   width:100%;  
	   float:left;align-self: flex-start;
	   margin-bottom: 10px;
	}
	.hm-student-box-p{
		width:100%;
		display: flex;
		min-height: 100px;
		padding-top: 0;
		padding-bottom:0;align-self: flex-start;
	}
	.hm-student-box-p p{font-size: 1.4em;margin-bottom: 10px;}
	.hm-student-box-author p{font-size:1.2em;}
	.hm-student-box-btn{
		float:right;
		width:100%;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		padding-right: 30px;
		align-self: flex-end;
		margin-bottom: 20px;
		content-visibility:hidden;
	} 
	.hm-student-box-btn a{align-self: flex-end;justify-self: flex-end;}
	.hm-alumni{
		margin: 0;
	}
	
	.hm-alumni-video{
		min-height:60vh;
		position: relative;
		margin-top: 40px;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.hm-alumni-video iframe{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* .hm-alumni-video div{
		display: flex;
		justify-content: center;
		align-items: center;
	} */
	.hm-alumni-video h1{
		position: absolute;
		top:0;
		left:0;
		color:#fff;
		font-size:4em;
		z-index:2;
		text-align: center;
		width:100%;
		padding-top: 5vh;
		text-shadow: 1px 3px #424242;
	}
	.hm-alumni-wrapper{
		margin-left: 6%;
		margin-right: 6%;
		display: flex;
		flex-flow: row wrap;
		box-sizing: border-box;
		gap: 20px;
	}
	.hm-alumni-wrapper h1{
		width:100%;
		margin-top: 5vh;
		border-bottom:2px groove gray;
	}
	.hm-alumni-wrapper > div{
		flex-basis: calc(33.333% - 15px);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		box-sizing: border-box;
		background-color: #fafafa;
		padding-bottom: 15px;
	}
	.hm-alumni-wrapper p{
		padding-left: 20px;
	}
	.hm-alumni-img{
		height:460px;
		overflow: hidden;
		margin-bottom: 15px;
	}
	.hm-alumni-img img{
			max-inline-size: 100%;
			block-size: auto;
			object-fit: cover;
			object-position: top center;
	}
	.hm-alumni-name{
		width:100%;
		margin: 0 20px 0 20px;      
	}
	/*** alumni new quals***/

	.alumni-container{
		display: flex;
		flex-flow: row wrap;
	}
	.hm-alumni-p{
		width:80%;
		justify-self: flex-start;
		min-height:70px;
		padding-right: 10px;
	}
	.hm-alumni-p > p{
		font-size:1.3em;
	}
	.hm-alumni-main{
		width:100%;
		display: flex;
		flex-flow: row nowrap;
		margin-top: 10px;
		margin-bottom: 30px;
		align-items: center;
		justify-items: center;
	}
	.hm-alumni-btn{
		height:45px;
		width:45px;
		border-radius: 50%;
		margin-left: 15px;
		display: grid;
		padding-right: 4px;
		align-self: flex-end;
	}
	.hm-alumni-btn > i{
		width:2px;
		height: 2px;
		display: flex;
		align-self: center;
		justify-self: center;
	}

	/* news update */
.events-menu{
    min-height: 60px;
    display: flex;
    flex-flow:row nowrap;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.events-menu > button{
    font-size:1.1em;
    font-weight: bold;
    flex-grow: 1;
	background-color: #fff;
	border:1px solid;
	border-radius:3px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
}
.events-listing{
    display: flex;
    flex-flow: row wrap;
    column-gap:  15px;
    row-gap: 20px;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 40px;
}
.events-listing > div{display: none;}
.event{
    flex-basis: calc(33.333% - 15px);/* cal to make space between*/
    border:1px solid black;
    box-sizing: border-box;
    display: flex;
	min-height: 270px;
    flex-flow: row nowrap;border-radius:3px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
	padding-bottom: 20px;
}
.hm-event{
	border:1px solid rgb(212, 212, 212);
    box-sizing: border-box;
    display: flex;
	min-height: 270px;
    flex-flow: row nowrap;border-radius:3px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
	background-color: #fafafa;
}
/*** events btn ****/
.video-h2{margin: 40px 6vw 20px 6vw;}
.h2-news{margin-top: 0;margin-bottom: 10px;}
.news-content ul li{
	font-size:1.1em;
	font-weight: lighter;margin-bottom: 10px;font-family: gtwalsheimLight;
}
.news-content ol li{
	font-size:1.1em;
	font-weight: lighter;
	margin-bottom: 10px;font-family: gtwalsheimLight;
}
.news-content ol {
	margin-bottom: 20px;
}
.news-content ul {
	margin-bottom: 20px;
}

.news-single{
	display: flex;
	flex-flow:row wrap;
	width:100%;
	margin-top: 40px;
}
.news-small-img{
	width: 80px;
	height: 80px;
}
.news-single-heading{width:100%;}
.news-single-img{
	flex-basis:calc(40% - 40px);
	margin-right: 40px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.news-single-editor{
	flex-basis:60%;
	margin-top: 10px;
}
.news-single-editor h2{margin-top: 0;}
.news-single-editor ul li{font-size:1.3em;font-family: gtwalsheimLight;margin-bottom: 5px;}
.news-single-editor ol li{font-size:1.3em;font-family: gtwalsheimLight;margin-bottom: 5px;}
.news-single-editor  a{color:#000}
.news-single-editor  a:hover{color:#D59D10}
/****** news listing *****/
.news-listing{
    display: flex;
    flex-flow: row wrap;
    column-gap:  15px;
    row-gap: 20px;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 40px;
}
.news-listing > div{display: none;}
.news-link a{text-decoration: none;color:#000;}
.news-link a:hover{color:#D59D10;}
.news{
    min-height:210px;
    flex-basis: calc(33.333% - 12px);/* cal to make space between*/
    background-color: #fafafa;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;border-radius:3px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
	border:1px solid;
	border-color: #dbdbdb;
	flex-grow:1;
	align-items: flex-start;
	justify-items: flex-start;
	flex-shrink: 1;
	padding-bottom: 40px;
}
.news-self{
    min-height:210px;
    flex-basis: calc(33.333% - 12px);/* cal to make space between*/
    background-color: #fafafa;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;border-radius:3px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
	border:1px solid;
	border-color: #dbdbdb;
	flex-grow:1;
	align-items: flex-start;
	justify-items: flex-start;
	flex-shrink: 1;
	padding-bottom: 40px;
}
.news > img{
    /* flex-basis: calc(50% - 20px); */
    overflow: hidden;
    max-height: 220px;
        object-fit:cover;
        object-position: top center;
        margin: 10px;
    
}
.news > h5{min-height:110px;font-size:1.5em;}
.news-self > img{
    /* flex-basis: calc(50% - 20px); */
    overflow: hidden;
    max-height: 320px;
        object-fit:cover;
        object-position: top center;
        margin: 10px;
    
}
.news-self > h5{font-size:1.5em;}
.news-quick-info{
    /* flex-basis: calc(50% - 20px); */
    align-items: flex-start;
	display: flex;
	flex-flow:row nowrap;
	width:100%;
	margin-bottom: 10px;
	align-self: flex-start;
	justify-self: flex-start;
}
.news-tile-date{
	width:50%;
	text-align:right;
}
.news-tile-cat{
	width:50%;
	font-size:1.2em;
}


	/****** news ******/
	
	.hm-newsevents{
		display: flex;
		flex-flow: row nowrap;
		margin-left: 6vw;
		margin-right: 6vw;
		gap:40px;
		margin-top: 5vh;/* was 40px */
		align-items: flex-start;
	}
	.hm-news-wrapper{
		width:65%;
		display: flex;
		flex-flow:row wrap;
		gap:15px;	
	}

	.hm-events-wrapper{
		width:35%;
		display: flex;
		gap:15px;
		flex-flow:row wrap;
	}
	.hm-newsevents h1{
		width:100%;
		border-bottom:2px solid black;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.hm-news-box{
		width:46%;
		background-color: #f5f5f5;
		min-height: 300px;
		display: block;
		padding: 15px;
	}
	.hm-news-box img{
		width:50%;
		overflow: hidden;
		max-height: 150px;
			object-fit:cover;
			object-position: top center;
		float:left;
	}
	.hm-news-right{
		width:48%;
		float: right;
		box-sizing: content-box;
		margin-left:  2%;
		padding-top: 10px;
		font-size:1em;
	}
	.hm-news-box h4{
		width:100%;
		float:left;
		margin-top:15px;
		font-size:1.5em;
		margin-bottom: 0;
	}
	.hm-news-box p{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.hm-news-btn{
		float:right;
		width:100%;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: right;
		margin-right: 20px;
		font-size:1.2em;
		text-decoration: underline;
		align-self: flex-end;
	}
	.hm-news-btn a:visited,a:link{color:#000;}
	.hm-news-btn a:hover{color:#D59D10}
	/***** events home ****/
	.hm-events-box{
		width:100%;
		background-color: #f1f1f1;
		display: flex;
		flex-flow:row wrap;
	}
	.hm-events-datearea{
		align-self: center;
		width:25%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		justify-self: center;
	}
	.hm-events-info{
		width:75%;
		display: flex;
		flex-flow:row wrap;
		justify-content: right;
	}
	.hm-events-info h5{
		margin-bottom: 5px;
		width:100%;
		padding-top: 20px;
		padding-right: 20px;
	}
	.hm-events-info p{
		margin-bottom:10px;
		margin-top: 0;
		margin-right: 15px;
		width:100%;
	}
	.hm-events-month{
		text-align: center;
		width:100%;
	}
	.hm-events-day{
		width:100%;
		text-align: center;
		font-size:4em;
	}
	.hm-events-btntext{
		text-decoration: underline;
		align-self: center;
		font-size:1.2em;
		padding-right: 15px;
	}
	.hm-events-btn{
		display: flex;
		justify-content: center;
		align-items: center;
		height:40px;
		width:40px;
		border-radius: 50%; 
		margin-right: 15px;
		margin-bottom: 20px;
	}
	.hm-events-info > div{
		margin-bottom: 15px;
		justify-self: flex-end;
	}
	/*** events page ****/
	.events-datearea{
		align-self: center;
		width:25%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		justify-self: center;
	}
	.events-info{
		width:75%;
		display: flex;
		flex-flow:row wrap;
		justify-content: right;
	}
	.events-info h5{
		margin-bottom: 5px;
		width:100%;
		padding-top: 20px;
	}
	.events-info p{
		margin-bottom:10px;
		margin-top: 0;
		margin-right: 15px;
		width:100%;
	}
	.events-month{
		text-align: center;
		width:100%;
	}
	.events-day{
		width:100%;
		text-align: center;
		font-size:4em;
	}
	.events-btntext{
		text-decoration: underline;
		align-self: center;
		font-size:1.2em;
		padding-right: 15px;
	}
	.events-btn{
		display: flex;
		justify-content: center;
		align-items: center;
		height:40px;
		width:40px;
		border-radius: 50%; 
		margin-right: 15px;
	}
	.events-info > div{
		margin-bottom: 15px;
		justify-self: flex-end;
	}
	
	/***** hm locations ***/
	.hm-locations{
		display: flex;
		flex-flow: column wrap;
		gap:15px;
		margin-left: 6%;
		margin-right: 6%;
		margin-top: 5vh;
	}
	.hm-locations h1{
		border-bottom:2px solid gray;
		margin-bottom:20px;
	}
	.hm-locations h3{
		margin-bottom: 15px;
	}
	.hm-locations-expanded{
		min-height:200px;
		display: flex;
		flex-flow:column;
		gap:15px;
		justify-content: flex-start;
	}
	.hm-locations-expanded h2{
		padding-left: 40px;
	}
	.hm-locations-campus{
		display: flex;
		flex-flow:row nowrap;
		gap: 20px;
	
	}
	.hm-locations-campus > div{
	
		min-height: 250px;
	}
	.hm-locations-map{
		object-fit:contain;
		align-self: center;
		margin: auto;
		min-height: 100px!important;
		display: flex;
		width:100px;
		flex-flow:row wrap;
		text-align: center;
	}
	.hm-locations-map img{height:100px;width:100px;}
	.hm-locations-map span{
		text-align: center;
		text-decoration: none;
		color:#000;
	}
	.hm-locations-map span:hover{color:#D59D10;}
	.hm-locations-map span:link{text-decoration:none#000;}
	.hm-locations-map a{text-decoration:none#000;}
	.hm-locations-img{
		width:28%;
		border-radius: 5px;
		/* height: 270px; */
		overflow: hidden;
	}
	.hm-locations-img img{
		 object-fit:cover;
		 display: block;
		 object-position:center;
		 margin-left: auto;
		 margin-right: auto;
	}
	.hm-locations-info{
		width:60%;
		display: flex;
		flex-flow: row wrap;
		padding-left: 15px;
	}
	.hm-locations-info h6{
		font-size:1.1em;
		margin-top: 15px;
	}
	.hm-locations-info div{
		width:50%;
	}
	.hm-locations-info p{
		margin-top: 10px;
		margin-bottom: 15px;
		padding-right: 15px;
		font-size:1.3em;
	}
	.notexpanded{
		display: flex;
		flex-flow: row; 
		border-top: 2px dashed gray;
		vertical-align: middle;
		padding-top: 20px;
	}
	.notexpanded h2{
		align-self: center;
		justify-self: center;
		width:80%;
	
	}
	.notexpanded div{
		display: flex;
		align-self: center;
		justify-self: center;
	}
	.life{margin-top: 60px;display: flex;flex-flow: row nowrap;}
	.life-menu{
		width:25%;
		gap:15px;
		display: flex;
		flex-flow:column nowrap;
	}
	.life-p{
		width:75%;
	}
	.life h4{margin-bottom: 20px;}
	.life-p p{margin-top: 10px;}
	.life-btn{
		width:70%;
		padding: 15px 20px 15px 20px;
		text-align: left;
		background-color: #FFF;
		border-radius: 5px;
		border-color: #D59D10;
		border-style: solid;
		color:#000!important;
	}
	.life-btn:link{color:#000000;}
	.life-gallery{
		display: flex;
		flex-flow: row wrap;	
		gap:20px
	}
	.life-menu button{color:#000000;}
	.life-gallery > div{
		display: flex;
		flex-basis:calc(25% - 20px);
		max-height:300px;overflow:hidden;
		object-fit: cover;
		justify-content: center;
	}
	.life-gallery img{object-fit: cover;
		object-position: center;
		flex: none;
	}
	.life-btn:hover{background-color: #D59D10;color:#fff;}
	.global-img{width:60%;}
	.global-img p{font-size:1.5em}
	.global-img ul, .global-img li{font-size:inherit;}
	/******* apply ******/
	.apply-menu{
		min-height: 60px;
		display: flex;
		flex-flow:row nowrap;
		gap: 20px;
	}
	.apply-menu a{flex-grow:1;}
	.apply-menu button:hover{color:#000;background-color: #fff!important;cursor: pointer;}
	.apply-menu button{
		font-size:1.1em;
		font-weight: bold;
		flex-grow: 1;
		border:2px solid;
		border-radius:5px;
		border-radius:3px;
		color:#fff;
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
		height:60px;
		width:100%;
	}
	.apply-menu a:hover{color:#000;background-color: #fff!important;cursor: pointer;}
	.apply-menu a{
		font-size:1.1em;
		display: flex;
		font-weight: bold;
		flex-grow: 1;
		border:2px solid;
		border-radius:5px;
		border-radius:3px;
		color:#fff;
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
		height:56px;
		width:100%;
		text-align: center;
		text-decoration: none;
	}
	.apply-menu > a > span{		
		align-self:center;
		justify-self:center;
		width:100%;
		padding: 0 10px 0 10px;
	}
	/* apply prepare */
	.apply-prepare{
		flex-flow:row;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.apply-prepare-block{
		width:48%;
		display: flex;
		flex-flow: column;
		gap:40px;
	}
	.apply-prepare-block >div{
		border:1px dashed gray;
		padding: 20px;
		border-radius: 4px;
	}
	.apply-prepare-path{
		width:4%;
	}
	.no-border{border:0px!important}
	/* apply locations */
	.apply-locations-map{
		width:40%;
		display: flex;
		flex-flow: row wrap;
	}
	.apply-locations-txt{
		width:60%;
		padding-top: 40px;
	}
	.apply-map{width:45%;}
	.apply-map-btns{
		width:40%;
		padding-top: 40px;
		margin-left: auto;
		margin-right: auto;
		flex-grow: 0;
	}
	.apply-map-btns button{
		width:90%;
		height:50px;
		font-weight: bold;
		justify-self: flex-start;
		align-self: flex-start;
		font-size:1.1em;
		margin-bottom: 20px;
	}

	.wp-block-file__button{
		background-color: #D59D10;
		padding: 10px 20px 10px 20px;
		font-size:1.2em;
	}
	.full-gallery{
		display: flex;
		min-height:200px;
		flex-flow:row nowrap;
		margin-bottom: 40px;
		gap: 10px;
		justify-content: center;
		/* margin-left: 10vw;
		margin-right: 10vw; */
	}
	.full-gallery > div{
		border:0 solid black;
		min-height:400px;
	}
	.full-gallery > div > img{
		object-fit: cover!important;
		object-position: center;
		height:100%;
		cursor: pointer;
	}
	/***** footer  ***/
	footer{
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		min-height:280px;
		position: relative;
		bottom:0;
		left:0;
	}
	.footer-heading{
		width:100%;
		min-height:220px;
		background-color: #181818;
		color:#fff;
		display: flex;
		flex-flow: row;
		font-size:1.3em;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	footer h1{
		text-align: center;
		color:#FFF;
		font-size:3em;
		align-self: center;
		justify-self: center;
	}
	.footer-align{
		width:100%;
		display: flex;
		flex-flow:row wrap;
	}
	.footer-menu{
		background-color: #000;
		width:100%;
		height:100px;
		color:#fff;
		display: flex;
		flex-flow:row wrap;
	}
	.footer-menu div{
		width:33.3%;
		text-align: center;
	}
	.footer-menu-main{
		background-color: #000;
		width:100%;
		height:100px;
		color:#fff;
		display: flex;
		flex-flow:row wrap;
		vertical-align: bottom;
		align-self: flex-end;
	}
	.footer-menu-main div{
		width:33.3%;
		text-align: center;
	}
	.footer-links{
		display: flex;
		flex-flow:row;
		justify-content: center;
		align-items: center;
	}
	.footer-links p{
		margin-left: 50px;
		align-self: center;
	}
	.footer-social{
		display: flex;
		flex-flow: row;
		align-items: center;
		justify-content: center;
		gap: 15px;
	}
	
	.footer-social img{width:60%;}
	.footer-social div{
		border:2px solid #fff;
		background-color: #fff;
		height:50px;
		width:50px;
		display: flex;align-items: center;justify-content: center;
		border-radius: 50%;
	}
	
	.footer-btn{
	   display: flex;
	   align-items: center;
	   justify-content: center;
	}
	.f-btn{
		background-color: #000;
		border:1px solid #fff;
		color:#fff;
		padding: 15px;
		font-size:1.1em;
	}
	.footer-info{
		display: flex;
		flex-flow:row nowrap;
		background-color: #181818;
		color:#fff;width:100%;
		padding: 15px 15px 8px 15px;
		align-items: center;
		justify-content: center;
	}
	.sebseb{display: flex;
		flex-flow:row nowrap;
		background-color: #181818;
		color:#fff;width:100%;
		align-items: center;
		justify-content: center;padding-bottom: 8px;}
	.sebseb p{font-size:0.7em;font-style: italic;}
	.footer-info p{margin-left:20px;font-size:medium;}
	.footer-info h4{font-size:medium;display:flex;justify-content: flex-end;}
	/******** school landing page *******/
	/****** school*******/
	.schools{
		background-repeat: no-repeat;
		background-position:top right ;
	}
	.micro-inactive{
		font-weight: lighter;
		text-decoration: underline;
		cursor: pointer;
	}
	.micro-active{
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}
	.micro-active:hover{color:#1476B8;}
	.micro-inactive:hover{color:#1476B8;}
	/*** school dropdown menu buttons ****/
	
		/* Style The Dropdown Button */
		.dropbtn {
			background-color: rgba(16, 16, 16, 0);
			color: white;
			padding: 16px;
			font-size: 16px;
			border: none;
			cursor: pointer;
			border:2px solid #fff;
			border-radius: 5px;
			font-size:1.3em;
			font-weight: bold;
			width:90%;
		  }
		  
		  /* The container <div> - needed to position the dropdown content */
		  .dropdown {
			position: relative;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width:100%;
		  }
		  
		  /* Dropdown Content (Hidden by Default) */
		  .dropdown-content {
			display: none;
			position: absolute;
			background-color: #ffffff;
			min-width: 100%;
			margin-left: 95%;
			border-radius: 15px;
			border:2px solid;
			box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.555);
			z-index: 1;
		  }
		  
		  /* Links inside the dropdown */
		  .dropdown-content a {
			color: black;
			padding: 20px 16px;
			text-decoration: none;
			display: block;
			font-weight: bold;
			font-size:1.3em;
			text-align: center;
		  }
		  
		  /* Change color of dropdown links on hover */
		  .depDesign a:hover {color:#fff;background-color: #800080;}
		  .depInfo a:hover {color:#fff;background-color: #1476B8;}
		  .depFinearts a:hover {color:#fff;background-color: #B22325;}
		  .depFashion a:hover {color:#fff;background-color: #228C22;}
		  .depArt a:hover {color:#fff;background-color: #F26A23;}
		  
		  .gradientInfo{
				background: rgb(20,118,184);
				background: linear-gradient(90deg, rgba(20,118,184,0.42620798319327735) 0%, rgba(20,118,184,1) 29%, rgba(20,118,184,1) 100%);
			}
		  /* Show the dropdown menu on hover */
		  .dropdown:hover .dropdown-content {
			display: block;
		  }
		  
		  /* Change the background color of the dropdown button when the dropdown content is shown */
		  /* .dropdown:hover .dropbtn {
		   
		  } */
		  .school-menu-btn{
			justify-items: center;
			align-items: center;
			display: flex;
			flex-grow: 1;
		  }
		  .dep-menu-fix{height:40px;width:160px;display: block;}
		  .expanded-wrapper{display: flex;flex-flow:row wrap;gap:15px;margin: 20px 0px 20px 0px;padding: 0px 10vw 0px 10vw;}
		  .expanded-wrapper-dep{display: flex;flex-flow:row nowrap;gap:15px;margin: 20px 0px 20px 0px;padding: 0px 10vw 0px 10vw;}
		  .expanded-btn{
			justify-items: center;
			align-items: center;
			display: flex;
		}
		  .schoolbtn {
			background-color: rgba(16, 16, 16, 0.7);
			color: #fff!important;
			padding: 13px;
			font-size: 16px;
			border: none;
			cursor: pointer;
			border:2px solid #fff;
			border-radius: 5px;
			font-size:1.1em;
			font-weight: bold;
			width:90%!important;
			text-align: center;
		  }
		  .schoolbtn:hover{background-color: #000!important;color:#fff!important;}
		  .expandedBtn {
			background-color: rgba(16, 16, 16, 0);
			color: white;
			font-size: 16px;
			border: none;
			cursor: pointer;
			border:1px solid #fff;
			border-radius: 5px;
			font-size:1em;
			flex-grow: 1;
			font-weight: bold;
			padding: 8px 30px 8px 30px;
		  }
		  .expandedBtn:hover{background-color: #fff;color:#000;}
		.dep-expanded-off{
			display: flex;
			height:10px;
		}
		.dep-expanded-on{
			display: flex;
			height:auto;
		}

	.qual-heading{font-size:2.6em!important;margin-top: 0!important;text-transform: uppercase;}
	.qual-small{font-size:1.4em!important;}
	.school-landing{
		display: flex;
		flex-flow: row wrap;
		height:460px;
	}
	.qual-landing{
		flex-flow:row wrap;
		width:100%;
		align-content: flex-start;
		position: relative;
	}
	.qual-landing a{text-decoration: none;width:60%;}
	.qual-landing h6{margin-top: 5px;padding:0 0 0 0; height:25px;text-decoration: none;}
	.qual-landing h6:hover{color:#000!important;}
	/* .qual-landing > a,h1,h4,h6,p{
		align-self:baseline;
	} */
	 .school-bread{width:100%;height:20px;}
	.school-landing h1{
		/* margin-top: 20px; */
		width:60%;
	}
	.school-landing h3{
		font-size:2.1em;
		margin-top: 30px;
		width:50%;
	}
	.school-landing h4{
		font-size:1.5em;
		margin-top: 0;
		width:50%;
		margin-right: 10%;
	}
	.school-landing p{
		margin-top: 20px;
		margin-bottom: 20px;
		width:50%;
		font-family:gtwalsheimLight;
		font-size:1.3em;
		
	}
	.flex-end{display: flex;justify-self: flex-end;margin-left: auto;}
	.school-menu{
		margin-bottom: 20px;
		position: absolute;
		left:0;
		bottom:0;
		display: flex;
		justify-items: flex-start;
		justify-self: flex-end;
		flex-flow: row nowrap;
		width:100%;
		gap:20px;
		align-self: flex-end;
		margin-top: auto;
	}
	.depbg-img{
		position: absolute;
		top:0;
		right:0;
		z-index: -2;
		max-height: 560px;
		overflow:hidden ;
		max-width:70%;
		object-fit: cover;
		background-position: top;
	}
	.depbg-img > img{

		min-height:560px;
		width:100%;
		object-fit: cover;
		object-position: 45% 100%;
	}
	.depbg-gradient{
		z-index: -1;
		position: absolute;
		width:100%;
		height:560px;
		background: rgb(255,255,255);
background: linear-gradient(105deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%);

	}
	.school-menu div{
		width:24%;
	}
	.school-listing{
		margin-top: 40px;
		display: flex;
		flex-flow: row wrap;
		gap:30px;
		margin-bottom: 50px;
	}
	.school-listing2{
		margin-top: 40px;
		display: flex;
		flex-flow: row wrap;
		gap:30px;
		margin-bottom: 50px;
	}
	.school-listing2 > div{
		width:100%;
		border:1px groove #6d6d6d43;
		border-radius: 5px;
		min-height:200px;
		padding-left: 0px; 
		padding-bottom: 0px;
		
	}
	.school-listing > div{
		width:100%;
		border:1px groove #6d6d6d43;
		border-radius: 5px;
		min-height:200px;
		padding-left: 0; 
		padding-bottom: 0;
		
	}
	.school-listing-micro{
		margin-top: 0;
		display: flex;
		flex-flow: row wrap;
		gap:30px;
		margin-bottom: 50px;
	}
	.school-listing-micro > div{
		width:calc(50% - 30px);
		border:1px groove #6d6d6d43;
		border-radius: 5px;
		min-height:200px;
		padding-left: 0; 
		padding-bottom: 0;
	}
	.txt-light{
		font-family:gtwalsheimLight;
	}
	.txt-heavy{
		font-family:gtwalsheimRegular;
	}
	.txt-small{
		font-size:1.2em!important;
	}
	/***** margin 10s*****/
	.margin-width-20{
		margin-left:20px;
		margin-right:20px;
	}
	.margin-top10{
		margin-top:10px;
	}
	.margin-top20{margin-top:20px;}
	.padding-40{
		padding-left: 40px;
		padding-right: 40px;
	}
	.h-margin-20{margin:20px 0 20px 0;}
	.margin-40{
		margin-right: 40px;
		margin-left: 40px;
	}
	.margin-40full{
		margin:40px
	}
	.margin-left40{
		margin-left: 40px;
	} 
	.margin-right40{
		margin-right: 40px;
	}
	.margin-top40{
		margin-top:40px;
	}
	.margin-top10{
		margin-top: 10px;
	}
	.degree{
		display: flex;
		flex-flow: row wrap;
		width:100%;
		padding-left: 40px;
		padding-top: 30px;
	}
	.degree-intro{
		display: flex;
		flex-flow: row nowrap;
		width:100%;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	.degree-intro-paragraph{
		width:58%;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-right: 40px;	
	}
	.degree-intro-paragraph p{
		font-family: gtwalsheimLight;
		font-weight:lighter;
		margin-top: 20px;
		font-size:1.3em;
	}
	.degree-intro-paragraph h4{
		font-size:1.4em;
		font-weight:lighter;
	}
	/* micro cred*/
	.cred-intro-paragraph{
		width:50%;
		padding-top: 0;
		padding-bottom: 20px;
		padding-right: 30px;	
	}
	.cred-intro-paragraph p{
		font-family: gtwalsheimLight;
		font-weight:lighter;
		margin-top: 0;
		font-size:1.1em;
	}
	.cred-intro-paragraph h4{
		font-size:1.4em;
		font-weight:lighter;
	}
	.cred-info{
		width:31%;
		margin-bottom: 20px;
	}
	.cred-info > h6{
		padding-bottom: 0!important;
		font-size:1.2em;
	}
	.cred-info p{
		margin-top: 5px;
		font-family: gtwalsheimLight;
		font-weight:lighter;
		line-height: 130%;
		font-size:1.1em;
		margin-right: 40px;
	}
	.degree-info{
		width:30%;
		margin-bottom: 20px;
	}
	.degree-info-qual{width:46%;}
	.degree-info-qual > h6{
		padding-bottom: 0!important;
		font-size:1.2em;
	}
	.degree-info > h6{
		padding-bottom: 0!important;
		font-size:1.2em;
	}
	.degree > h2{
		width:100%;
	}
	.degree-info p{
		margin-top: 5px;
		font-family: gtwalsheimLight;
		font-weight:lighter;
		line-height: 130%;
		font-size:1.1em;
		margin-right: 40px;
	}
	.degree-paragraphs{
		width:60%;
		padding-right: 20px;
	}
	.degree-paragraphs > h4{
		margin-bottom: 30px;
		font-weight: normal;
	}
	.degree-paragraphs p{
		margin-bottom: 20px;
		margin-right: 20px;
	}
	.degree-arrow{
		display: flex;
		justify-items: center;
		align-items: center;
	}

	/* event */
	.padding-10vw{
		padding-left: 10vw;
		padding-right: 10vw;
	}
	.text-right{
		text-align: right;
	}
	.event-info > div{
		width:50%;
	}
	.event-info{
		display: flex;
		margin-top: 20px;
		width:100%;
		flex-flow: row wrap;
	}
	.event-sub{
		margin-top: 0;
	}
	.event-location{
		text-align: right;

	}
	.events-crm{
		display:flex;
		flex-flow:row wrap;
		justify-items: center;
		align-items: center;
		width:100%;
	}
	.events-crm > p{
		width:100%;
		text-align: center;
	}
	.events-crm-btn{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.events-recent-wrap{
		width:100%;
		display: flex;
		flex-flow:row wrap;
		gap: 20px;
		margin-bottom:40px;
	}
	.crmform{
		width:100%;
		min-height:100vh;
	}
	/* events end */
	/******* degreee******/
	.degree-block-micro{
		width:50%;
		display: flex;
		flex-flow:row wrap;
	}
	.degree-block-micro:hover{background-color: #f8f8f868;}
	.degree-block-micro img{
		width:45%;
		min-height:400px;
		margin-left: 40px;
		margin-right: 40px;
		border:1px solid black;
		height: auto;
		object-fit: cover;
	}
	.degree-block-micro p{
		margin-left: 0;
	}
	.degree-block-micro h2{
		margin-top: 0;
		margin-bottom: 15px;
		font-size:2em;
	}
	.degree-block{
		width:100%;
		display: flex;
		flex-flow:row wrap;
	}
	.degree-block:hover{background-color: #f8f8f868;}
	.degree-block img{
		width:45%;
		min-height:400px;
		margin-left: 40px;
		margin-right: 40px;
		border:1px solid black;
		height: auto;
		object-fit: cover;
	}
	.degree-block p{
		margin-left: 0;
	}
	.degree-block h2{
		margin-top: 0;
		margin-bottom: 15px;
		font-size:2em;
	}
	.cred-arrow{
		margin-right: 20px;
	}
	.qual-short-info{
		display: flex;
		flex-flow: row nowrap;
		margin: 20px 40px 0 40px;
	}
	.qual-short-info div{
		flex-grow:1;
		align-items: center;
		justify-content: center;
		border:0 dashed black;
	}
	.qual-short-info h2{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.cred-short-info{
		display: flex;
		flex-flow: row nowrap;
		margin: 20px 40px 0 40px;
	}
	.cred-short-info div{
		flex-grow:1;
		align-items: center;
		justify-content: center;
		border:0 dashed black;
	}
	.cred-short-info h2{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.qual-cost{
		display: flex;
		flex-flow:row nowrap;
		margin: 30px 40px 0 40px;
	}
	.qual-cost div{
		width:50%;
	}
	.qual-creds{margin-bottom: 20px;}
	.qual-creds div{font-size:1.3em;}
	.qual-outcome{margin-right: 20px;}
	.qual-outcome ul li{margin-bottom: 5px;font-size:1.2em;}
	.qual-calendar{display: flex;flex-flow:row nowrap;
		align-items: flex-start;justify-content: flex-start;
		margin-top: 30px;
	}
	.qual-calendar div{
		flex-grow:1;align-self: flex-start;
		justify-self: flex-start;
		margin-bottom: 5px;
		min-width:30%;
	}
	.qual-cost-title{
		margin-bottom: 10px;margin-top: 0;
	}
	.qual-cost p {
		font-size:1.7em;
	}
	.qual-calendar div p{min-height:60px;}
	/* .degree-block span{
		height:40px;
		width:50%;
	} */
	.color-block{
    color:#fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
	flex-grow:1;
	}
	.color-block > h2{margin-top: 10px;margin-bottom: 10px;}
	/* .color-block-sm{
		padding-top: 40px;
    	padding-bottom: 40px;
		margin-top: 40px;
    	margin-bottom: 40px;
	} */
	.color-block-small{
		color:#fff;
		padding-top: 30px;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 20px;
		}
	.color-block-small h2{
		font-size:2em;
	}
	.color-block-alumni{
		font-size:1.5em;
		padding: 40px 0 40px 0;
	}
	.block-h2 h2{font-size:2em;}
	.download-btn{
		display: flex;
	}
	.download-btn div{border:2px solid}
	.download-btn > a{text-decoration: none;color:#000;}
	.download-btn div:hover{text-decoration: none;
		background-color:#000;color:#fff;}
	.pathway-tags2{
		display: flex;
		flex-flow:row wrap;
		column-gap:15px;
		margin-bottom: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 20px;
	}
	
	.pathway-tag2{
		padding:10px;
		border:2px dashed white;
		border-radius: 15px;
		margin-top: 10px;
		font-size: 1.1em;
		font-weight: bold;
		flex-grow: 0;
	}
	.pathway-tags-dep{
		display: flex;
		flex-flow:row wrap;
		column-gap:15px;
		margin-bottom: 20px;
		margin-right: 40px;
		margin-top: 20px;
	}
	
	.pathway-tag-dep{
		padding:10px;
		border:2px dashed white;
		border-radius: 15px;
		margin-top: 10px;
		flex-grow: 0;
		font-size:1.1em;
	}
	.pathway-tag-hm{
		font-size:0.9em;
		font-weight: lighter;
		border:2px dashed;
		padding:10px;border-radius: 15px;
	}
	.border-color-design{
		border-color:#800080;
	}
	.border-1{
		border-bottom:1px solid;
	}
	.border-2{
		border-bottom:2px solid;
	}
	.related-info-box{
		margin-left: 40px;
		margin-right: 40px;
		gap:20px;
		display: flex;
	}
	.related-info-box > div{
		border: 0px solid gray;
	}
	.related-info-box-alumni{
		display: flex;
		flex-flow:row;
		padding-bottom: 15px;
		gap:20px;
		margin-left: 40px;
		margin-right: 40px;
	}
	
	.related-info-box-alumni > div{
		border:1px solid gray;
		width:50%;
	}
	.related-info-box-alumni img{
		max-inline-size: 100%;
			block-size: auto;
			object-fit: cover;
			object-position: top center;
	}
	.related-info-box-alumni p{
		padding-left: 15px;
	}
	.admission{
		margin: 40px 40px 0 40px;
	}
	.admission li{margin-bottom:5px;font-size:1.3em;font-weight: lighter;font-family: gtwalsheimLight;}
	
	.member-wrapper{
		display: flex;
		flex-flow: row wrap;
		gap:20px;
		margin:40px;
	}
	.member-wrapper-filter{
		display: flex;
		flex-flow: row wrap;
		gap:20px;
		margin:40px;
	}
	.member-wrapper > div {
		flex-basis:calc(25% - 20px);
	}
	.member-wrapper-filter > div{display: none;}
	.member {	
		border-radius: 5px;
		z-index: 2;
		background-color: #fafafa;
		display: flex;
		flex-flow:row wrap;
		flex-grow:0;
		align-items: flex-start;
	}
	.memberCard{display: flex;width:calc(25% - 20px);}
	.member > img{
		border-radius: 5px;
		margin-bottom: 10px;
		max-height: 350px;
		object-fit: cover;
	}
	.member > h4{
		font-size:1.5em;
		margin-right: 20px;
		margin-left: 20px;
		font-weight: bold;
		width:100%;
		align-self: flex-start;
	}
	.member > h3{
		font-size:1.9em;
		margin-right: 20px;
		margin-left: 20px;
	}
	.member > p{
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size:1.4em;
	}
	.member-link{
		font-weight:bold;
		align-items: center;
		justify-content: center;
		width:100%;
		margin-bottom: 20px;
	}
	.member-link div{align-self: center;justify-self: center;}
	.member-link a{display: flex;align-items: center;justify-content: center;}
	.member-full{content-visibility: visible;}
	.member-tablet{content-visibility: hidden;}
	/* members page */
	.member-h2{font-size:1.8em;}
	.members-extra{max-width: 90%;word-wrap:break-word;}
	
		.container-split2{
			display: flex;
			flex-flow:row nowrap;
			margin-top: 20px;
			margin-bottom: 0;
			gap: 40px;
		}
		.container-split2 > div{
			min-height:100px;
		}
		.member-profile-info{
			width:60%;
			
		}
		.member-profile-img{
			border:0 solid;
			width:40%;
			overflow: hidden;
		}
		.member-profile-img2{
			border:0px solid;
			width:35%;
			/* height:55vh; */
			overflow: hidden;
		}
		.member-profile-info p{
			margin-right: 0;  
			margin-top: 20px;
		}
		.member-profile-info h2{
			margin-top: 0;
			margin-bottom: 10px;
		}
		.color-block-alumni{font-size:1.8em;border:1px solid;background-color: #fff;color:#000!important;}
	/**** members qualifications ***/
	.font-light{
		font-family: gtwalsheimLight;
		font-weight:lighter;
	}
	/*****************************/

	/*** ABOUT US ***/
	.border{
		border:1px solid gray;
	}
	.full-width{
		width:100%;
	}
	/* gallery */
	.gallery-3{
		display: flex;
		flex-flow:row wrap;
		width:100%;
	}
	.gallery-3 div{
		border:1px solid gray;
		min-height:400px;
		width:33.2%;
	}
	.gallery-2{
		display: flex;
		flex-flow:row wrap;
		width:100%;
		gap: 10px;
		justify-content: center;
		align-items: center;
	}
	.gallery-2 div{
		border:0 solid gray;
		max-height:520px;
		flex-basis:calc(50% - 12px);
		overflow: hidden;
	}
	/* members */
	.member-faculty{
		display: flex;
		flex-flow: row wrap;
		gap:10px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.member-about{
		border:1px solid gray;
		width:24%;
		border-radius: 5px;
		z-index: 2;
		position: relative;
	}

	.member-about > img{
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.about-wrapper{
		
		display: flex;
		flex-flow: row wrap;
	}
	.margin-10vw{
		margin-left: 10vw;
		margin-right: 10vw;
	}
	.about-video{
		border:1px solid gray;
		width:100%;position: relative;
		/* margin-left: 10vw;
		margin-right: 10vw; */
		margin-top: 20px;
		height: 600px;
	}

	.video-thumbnail{
		z-index:300;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:600px;
		object-fit:cover;
	}
	
	.video-frame{
		z-index:10;
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	
	.thumbnail-link .video-thumbnail{
		display:block;
	}
	
	.thumbnail-link:hover .video-thumbnail{
		display:none;
	}
	.about-fix{width:calc(50% - 40px)!important}
	.split-50{
		display: flex;
		flex-flow: row nowrap;
		width:100%; /* added post */
		align-items: flex-start;
		gap:40px;
	}
	.about-margin{margin-left: 25px;}
	.split-50 div{
		width:50%;
		margin-top: 0;
	}
	.split-half{
		display: flex;
		flex-flow: row wrap;
		width:100%;
	}
	.half-half{
		width:50%;
		margin-top: 20px;
	}
	.p-left{width: calc(50% - 40px);}
	.p-left > p{
		padding-right: 40px;
	}
	/* .split-half ~ p, h3, h4{
		width:50%;
		margin:0px;

	} */
	.img-border{
		border:0 solid gray;
		height:380px;
		overflow: hidden;
	}
	.img-full{
		border:0 solid gray;
		overflow: hidden;
	}
	.about-social{
		display: flex;
		flex-flow: row;
		align-items: center;
		justify-content: center;
		gap: 80px;
		width:100%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.about-social div{
		border:2px solid #000000;
		
		height:80px;
		width:80px;
		display: flex;align-items: center;justify-content: center;
		border-radius: 50%;
	}
	.about-btn{background-color: #fff;}
	.about-btn:hover{background-color: #D59D10!important;}
	
	.about-social img{width:50%;}

	/**************** **********/
	/*** news article ****/
	.margin-8vw{
		margin-left: 10vw;
		margin-right: 10vw;
		width:100%;
		margin-top: 40px;
	}
	.padding-8vw{
		padding-left: 8vw;
		padding-right: 8vw;
	}
	.news-wrapper{
		width:100%;
		display: flex;
		flex-flow: row wrap;
	}
	.news-wrapper > img{
		margin-left: 10vw;
		margin-right: 10vw;
		overflow: hidden;
	}
	
	.news-content{
		padding-left: 10vw;
		padding-right: 10vw;
		margin-bottom: 20px;
		margin-top: 20px;
		width:100%;
	}
	.news-content > p{
		font-family: gtwalsheimLight;
	}
	.news-gallery{
		display: flex;
		flex-flow:row wrap;
		gap:40px;
	}
	.news-gallery > div{
		flex-basis:calc(50% - 40px);
		position: relative;
		width: 100%;
		min-height: 600px;
		overflow: hidden;
	}
	.news-gallery img{
		position: absolute;
		height: auto;
		top: 0;
		min-height:100%;
		min-width:100%;
		width:100%;
		height:100%;
		left: 50%;
		transform: translateX(-50%);
		object-fit: cover;
  		object-position: center;
	}
	.news-gallery2{
		display: flex;
		flex-flow:row wrap;
		gap:20px;
	}
	.news-gallery2 h2{width:100%;}
	.news-gallery2 > div{
		flex-basis:calc(50% - 12px);
		position: relative;
		width: 100%;
		min-height: 300px;
		overflow: hidden;
	}
	.news-gallery2 img{
		position: absolute;
		height: auto;
		top: 0;
		min-height:100%;
		min-width:100%;
		width:100%;
		height:100%;
		left: 50%;
		transform: translateX(-50%);
		object-fit: cover;
  		object-position: center;
	}
	.news-gallery-mob{
		display: none;
		content-visibility: hidden;
	}
	/* modal */

	#myImg {
		border-radius: 5px;
		
		transition: 0.3s;
	}
	#myImg:hover {opacity: 0.7;}
	.myImg{cursor: pointer;}
	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 99; /* Sit on top */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	}
	
	/* Modal Content (image) */
	.modal-content {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 60%;
	}
	
	/* Caption of Modal Image */
	#caption {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
		text-align: center;
		color: #ccc;
		padding: 10px 0;
		height: 150px;
	}
	
	/* Add Animation */
	.modal-content, #caption {    
		-webkit-animation-name: zoom;
		-webkit-animation-duration: 0.6s;
		animation-name: zoom;
		animation-duration: 0.6s;
	}
	
	@-webkit-keyframes zoom {
		from {-webkit-transform:scale(0)} 
		to {-webkit-transform:scale(1)}
	}
	
	@keyframes zoom {
		from {transform:scale(0)} 
		to {transform:scale(1)}
	}
	
	/* The Close Button */
	.close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 50px;
		font-weight: bold;
		transition: 0.3s;
	}
	
	.close:hover,
	.close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	}
	/* modal ends*/
	/*
	####################################################
	M E D I A  Q U E R I E S
	####################################################
	*/
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.turn-off{
			visibility: hidden;
			height: 0;
			opacity:0;
			height: 0;
		}
		.turn-off-complete{
			visibility: hidden;
			display: none;
			height: 0;
			border:0;
		}
		.hide{visibility: hidden;}
		@keyframes show {
			0% {
			  visibility: hidden;
			  opacity: 0;
			}
		  
			100% {
			  visibility: visible;
			  opacity: 1;
			}
		  }
		  
		  @keyframes hide {
			0% {
			  visibility: visible;
			  opacity: 1;
			}
		  
			100% {
			  visibility: hidden;
			  opacity: 0;
			}
		  }
		  .menu-layer{padding-top: 20px;}
		  .head-menu-close{visibility: visible;height: 0;margin-top:20px;}
		  .mainmenu-logo{visibility: visible;margin-top: 0;}
		  .menu-borders{visibility: hidden;}
		  .menu-sublinks-dep-off{visibility: hidden;opacity: 0;}
		}
    
	
	/* Extra large devices (large desktops, 1200px and up)
	 * No media query since this is the default in Bootstrap because it is "mobile first"
	 */
	 @media (max-width: 1400px) {
		h1{  
			font-size: 2.5em;
			font-weight: bold;
		}
		h2{
			font-size: 2.4em;
		}
		
		h3{
			font-size:1.6em; 
		}
		h5{
			font-size:1.9em;
		}
		h6{
			margin: 0;
			padding-top:10px;
			padding-bottom: 10px;
			font-size:0.9em;
		}
		p{
			font-size:1.5em;
		}
		.head-logo{
			padding-left: 20px;
		}
		.head-logo h5{
			font-size:1.1em;
		}
		.head-logo-home{padding-left: 20px;}
		.head-logo-home h5{font-size:1.1em;}
		.mainmenu-logo{margin-left: 20px;}
		.mainmenu-logo h5{font-size:1.1em}
		.logoW{height:28px;width:52px;}
		.logoW-menu{height:28px;width:52px;}
		.head-menu-area{height:52px;width:160px;}
		.head-menu-area h5{font-size:1.1em}

		/* hero heading */
		.landing-hero-primary{
			padding-left: 6%;
			padding-right: 6%;
			height: 8vh;
		}
		.landing-hero-primary > h1{
			padding-left: 8%;
			font-size:1.7em;
			padding-right: 8%;
		}
		/* landing main */
		.landing-main{
			padding-top: 10px;
		}
		.landing-main-menu > div{
	
			width:160px;
			margin-bottom: 4px;
		}
		.landing-road{
			margin-left:12vw;
			margin-right: 12vw;
			margin-top: 0;
		}
		.landing-main-pathways{
			
			margin-left:3vw;
			margin-right: 3vw;
			column-gap: 15px;
		}
		/****** PATHWAYS ********/
		.pathway-wrapper{
			padding:0;
			padding-top: 20px;
			padding-bottom: 15px;
			min-height:12vh;
		}
		.pathway-title{
			font-size:1em;
		}
		.pathway-desc{
			font-size:0.8em;
		}
		.pathway-tags{
			font-size:1.1em;
			column-gap:8px;
			margin-bottom: 15px;
			margin-left: 15px;
			margin-right: 15px;
		}
		.pathway-tag{
			padding:9px;
			margin-top: 10px;
			font-size: 0.8em;
		}
		.pathway-arrow{
			width:35px;
			height:35px;
			margin-bottom: 10px;
		}
		/* landing hero secondary */
		.landing-hero-secondary{
			margin-top: 30px;
			min-height: 10vh;
			font-size:1em;
		}
		.landing-hero-secondary h4{font-size:1em;}
		.arrow {
			border-width: 0 3px 3px 0;
			padding: 4px;
			margin-right:1px;
		  }

		  /****** home student work *****/
		/* .hm-student{
			margin-left: 3%;
			margin-right: 3%;
			margin-top: 5vh;
		}
		.hm-student h1{
			border-bottom:2px solid gray;
			margin-bottom: 25px;
		} */
		.hm-student-wrapper{
			gap: 15px;
		}
		/* student box **/
	
		.hm-student-box{
			
			flex-basis: calc(50% - 10px);
			min-height:550px;
		}
		.hm-student-box p{
			margin-left: 15px;
			margin-right: 15px;
		}
		.hm-student-box h3{
			margin-left: 15px;
			margin-right: 15px;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		.hm-student-box-img{min-height:300px;}
		.hm-student-box-img img {
			object-fit:cover;
			object-position: top ;
			border-radius: 6px;
			height:350px!important;
			width:100%;
	  }
	  	.hm-student-box-title h5{margin-left: 15px;margin-right:15px;font-size:1.5em;}
		.hm-alumni{
			margin: 0;
		}
		.hm-student-box-dep p{font-size:1.3em;}
		.hm-alumni-video{
			min-height:60vh;
			position: relative;
			margin-top: 5vh;
		}
		.hm-alumni-video iframe{
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		/* .hm-alumni-video div{
			display: flex;
			justify-content: center;
			align-items: center;
		} */
		.hm-alumni-video h1{
			opacity: 0;
		}
		.hm-alumni-wrapper{
			margin-left: 3%;
			margin-right: 3%;
			display: flex;
			flex-flow: row wrap;
			box-sizing: border-box;
			gap: 20px;
		}
		.hm-alumni-wrapper h1{
			width:100%;
			margin-top: 5vh;
			border-bottom:2px groove gray;
		}

		.hm-alumni-wrapper p{
			padding-left: 15px;
		}
		.hm-alumni-img{
			height:300px;
			overflow: hidden;
			margin-bottom: 15px;
		}
		.hm-alumni-img img{
				max-inline-size: 100%;
				block-size: auto;
				object-fit: cover;
				object-position: top center;
		}
		.hm-alumni-name{
			width:100%;
			height: auto;
		}
		.alumni-container{
			display: flex;
			flex-flow: row wrap;
		}
		.hm-alumni-p{
			width:70%;
			min-height:70px;
			padding-right: 10px;
		}
		.hm-alumni-main{
			width:100%;
			display: flex;
			flex-flow: row nowrap;
		}
		.hm-alumni-btn{
			background-color: #585858;
			height:50px;
			width:50px;
			margin-top: auto;
			margin-bottom: auto;
			border-radius: 50%;
			margin-left: 5px;
			align-self: flex-end;
		}
		/****** news ******/
		.news{
			min-height:210px;
			flex-basis: calc(50% - 12px);/* cal to make space between*/
			flex-flow: row wrap;border-radius:3px;
		}
		.news-self{
			min-height:210px;
			flex-basis: calc(50% - 12px);/* cal to make space between*/
			flex-flow: row wrap;border-radius:3px;
		}
		.hm-newsevents{
			margin-left: 3%;
			margin-right: 3%;
			gap:40px;
			margin-top: 40px;
		}
		.hm-news-wrapper{
			width:65%;
			display: flex;
			flex-flow:row wrap;
			gap:15px;
			
		}
		.hm-events-wrapper{
			width:35%;
			display: flex;
			gap:15px;
			flex-flow:row wrap;
		}
		.hm-newsevents h1{
			width:100%;
			border-bottom:2px solid black;
			padding-bottom: 10px;
			margin-bottom: 15px;
		}
		.hm-news-box{
			width:45%;
			background-color: #f1f1f1;
			min-height: 300px;
			display: block;
			padding: 15px;
		}
		.hm-news-box img{
			width:50%;
			overflow: hidden;
			max-height: 150px;
				object-fit:cover;
				object-position: top center;
			float:left;
		}
		.hm-news-right{
			width:48%;
			float: right;
			box-sizing: content-box;
			margin-left:  2%;
			padding-top: 10px;
			font-size:1em;
		}
		.hm-news-box h4{
			width:100%;
			float:left;
			margin-top:15px;
			font-size:1.5em;
			margin-bottom: 0;
		}
		.hm-news-box p{
			width: 100%;
			float: left;
			margin-top: 15px;
		}
		.hm-news-btn{
			float:right;
			width:100%;
			margin-top: 20px;
			text-align: right;
			margin-right: 20px;
			font-size:1.2em;
			text-decoration: underline;
		}
		/***** events home ****/
		.hm-events-box{
			min-height:210px;
			width:100%;
			background-color: #f1f1f1;
			display: flex;
			flex-flow:row wrap;
		}
		.hm-events-datearea{
			width:25%;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			align-items: center;
		}
		.hm-events-info{
			width:75%;
			display: flex;
			flex-flow:row wrap;
			justify-content: right;
		}
		.hm-events-info h4{
			margin-bottom: 5px;
			width:100%;
		}
		.hm-events-info p{
			margin-bottom:15px;
			margin-top: 5px;
			margin-right: 15px;
			width:100%;
		}
		.hm-events-month{
			text-align: center;
			width:100%;
			align-self: flex-end;
		}
		.hm-events-day{
			width:100%;
			text-align: center;
			font-size:4em;
			align-self: flex-start;
		}
		.hm-events-btntext{
			text-decoration: underline;
			align-self: center;
			font-size:1.2em;
			padding-right: 15px;
		}
		.hm-events-btn{
			display: flex;
			justify-content: center;
			align-items: center;
			height:40px;
			width:40px;
			border-radius: 50%; 
			margin-right: 15px;
		}
		.hm-events-info > div{
			margin-bottom: 15px;
			justify-self: flex-end;
		}
		/*** events btn ****/
		/***** hm locations ***/
		.hm-locations{
			display: flex;
			flex-flow: column wrap;
			gap:15px;
			margin-left: 3%;
			margin-right: 3%;
			margin-top: 7vh;
		}
		.hm-locations h1{
			border-bottom:2px solid gray;
			margin-bottom:20px;
		}

		.hm-locations h3{
			margin-bottom: 15px;
		}
		.hm-locations-expanded{
			min-height:200px;
			display: flex;
			flex-flow:column;
			gap:15px;
			border-bottom: 2px dashed gray;
			justify-content: flex-start;
		}
		.hm-locations-campus{
			display: flex;
			flex-flow:row nowrap;
			gap: 20px;
	
		}
		.hm-locations-campus > div{
	
			min-height: 250px;
		}
		.hm-locations-img{
			width:28%;
			border-radius: 5px;
			background-color: #fff;
			height: auto;
			min-height: auto;
			overflow: hidden;
		}
		.hm-locations-img img{
			object-fit:cover;
			display: block;
			object-position:center;
			margin-left: auto;
			margin-right: auto;
		}
		.hm-locations-info{
			width:46%;
			display: flex;
			flex-flow: row wrap;
			padding-left: 15px;
		}
		.hm-locations-info h6{
			font-size:1.1em;
			margin-top: 15px;
		}
		.hm-locations-info div{
			width:50%;
		}
		.hm-locations-info p{
			margin-top: 10px;
			margin-bottom: 15px;
			padding-right: 15px;
		}
		.notexpanded{
			display: flex;
			flex-flow: row; 
			border-bottom: 2px dashed gray;
			vertical-align: middle;
		}
		.notexpanded h2{
			align-self: center;
			justify-self: center;
			width:80%;
	
		}
		.notexpanded div{
			display: flex;
			align-self: center;
			justify-self: center;
		}
	
		/***** footer  ***/
		
		.f-btn{
			background-color: #000;
			border:1px solid #fff;
			color:#fff;
			padding: 15px;
			font-size:1.1em;
		}
		.margin-10vw{margin-left: 60px;margin-right: 60px;}
		/* studnet work*/
		.color-block-student{padding-left: 60px;padding-right: 60px;}
		.student-work-landing{min-height:auto;margin-left: 60px;margin-right: 60px;height: auto;}
		.news-content{margin-left:60px;margin-right: 60px;padding: 0;}
		.event{flex-basis:calc(50% - 10px)}
		.member-profile-img{width:100%;}
		.gallery-2 div{max-height:370px;}
		.gallery-2 img{object-fit: cover;}
		.expanded-wrapper{
			flex-flow:row wrap;
			gap:15px;
			padding:0 60px 0 60px;
		}
		.expanded-wrapper-dep{
			flex-flow:row wrap;
			gap:15px;
			padding:0 60px 0 60px;
		}
		.qual-heading{font-size:2em!important;}
		.qual-small{font-size:1.3em!important;}
		.menulinks li{
			font-size:1.6em;
			margin-top: 15px;
		}
		.menu-sublinks > li{
			font-size:0.9em;
			margin-top: 4px;
			font-weight: lighter;
		}
		.school-listing-micro > div{
			width:100%;
		}
		.footer-menu{padding-bottom: 10px;padding-top: 10px; height:auto;}
	}
	 /* tablethere */
	 /* Large devices (desktops, 992px and up) */
	 @media (max-width: 1199px) {
		
		.landing-degree-layer{
			margin-left: 20px;
			margin-right: 20px;
		}
		.landing-degree-layer2{
			margin-left: 20px;
			margin-right: 20px;
			margin-top: 20px;
		}
		.landing-degree-layer2 > div{
			flex-basis:calc(33.3% - 20px);
		}
		.news{
			min-height:210px;
			flex-basis: 100%;/* cal to make space between*/
			flex-flow: row wrap;border-radius:3px;
		}
		.news > img{min-height:400px}
		.news > h5{min-height:auto;font-size:1.5em;}		
		.hm-event{
			display: flex;
			min-height: 270px;
			flex-flow: row wrap;border-radius:3px;
			box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
			background-color: #fafafa;
		}
		.hm-events-datearea{
			height:auto;
			width:100%;
		}
		.hm-events-info{
			width:100%;
			display: flex;
			flex-flow:row wrap;
			justify-content: right;
			margin-left: 15px;
			margin-right: 15px;
		}
		.hm-events-info > h5{
			padding-top:0px;
		}
		.hm-student-box-img{
			height:auto;
		}
		/*department */
		.depbg-img img{ opacity: 0.5;}
		.school-landing { min-height: auto;}
		.school-landing h1{width:100%;}
		.padding-10vw{padding-left: 40px;padding-right: 40px;}
		.margin-10vw{margin-left:40px;margin-right:40px;}
		.school-landing h3{width:100%;font-size:1.6em;}
		.school-landing h4{width:100%;font-size:1.6em;}
		.school-landing p{width:100%;font-size:1.4em;}
		.schools{background-image: none!important;}
		.school-menu{
			padding-top: 20px;
			flex-flow: row wrap;
			column-gap: 20px;
			align-items: flex-end;
			justify-content: flex-end;
			position: relative;
			height: auto;
		}
		.school-menu div{
			flex-basis:calc(20% - 10px);
			align-items: center;
			justify-content: flex-end;
			margin-top: 10px;margin-bottom: 10px;
			flex-grow:1;
		}
		.dep-menu-fix{height:0;width:0;display: none;}
		.dropbtn{width:100%;}
		.schoolbtn{width:100%!important;}
		.dropdown-content{
			margin-left: 20px;
			position: absolute;
			z-index:0;
		}
		.degree{
			padding: 20px 20px 0 20px;
	
		}
		.school-listing > div{padding-bottom: 20px;}
		.degree-block{padding-bottom: 20px;}
		.degree-block img{margin-bottom: 20px;width:calc(100% - 80px);}
		.degree > h2{font-size:2em;margin-bottom: 0px;}
		.degree-intro{flex-flow:row wrap;}
		.degree-info{width:100%;}
		.degree-info-qual{margin-left: 40px;}
		.degree-intro-paragraph{padding-right: 0;margin-top: 20px;}
		.degree-intro-paragraph{width:100%;}
		.degree-arrow-wrapper{margin-top:20px; margin-left:auto;margin-right: auto;}
		.related-info-box{display:block;}
		.hm-student-box h5{margin-left: 15px;}
		.hm-student-box{padding-bottom:20px;margin-bottom: 20px;}
		.member-wrapper{gap:20px;margin:40px;flex-flow: row wrap;}
		.member-wrapper > div {flex-basis:calc(33.3% - 16px);}
		.memberCard{width:calc(33.3% - 14px);}
		.hm-alumni-p{ width:80%;}
		.hm-alumni-wrapper > div {flex-basis:calc(50% - 10px);}
		/* studnet work*/
		.color-block-student{padding-left: 40px;padding-right: 40px;}
		.student-work-landing{margin-left: 40px;margin-right: 40px;}
		.news-content{margin-left:40px;margin-right: 40px;padding: 0;}
		/*newevents*/
		.event{flex-basis:calc(50% - 10px)}
		/* locatiosn home clean this*/
		.hm-locations-expanded{
			min-height:200px;
			display: flex;
			flex-flow:row wrap;
			gap:30px;
			border-bottom: 2px dashed gray;
			justify-content: flex-start;
		}
		.hm-locations-campus{
			display: flex;
			flex-flow:row wrap;
			gap: 20px;
	
		}
		.hm-locations-campus > div{
	
			min-height: auto;
		}
		.hm-locations-img{
			width:100%;
			border-radius: 5px;
			background-color: #f1f1f1;
			height: auto;
			overflow: hidden;
		}
		.hm-locations-img img{
			object-fit:cover;
			display: block;
			object-position:center;
			max-width: 100%;
		}
		.hm-locations-info{
			width:100%;
			display: flex;
			flex-flow: row wrap;
			padding-left: 15px;
		}
		.hm-locations-info h6{
			font-size:1.1em;
			margin-top: 15px;
		}
		.hm-locations-info div{
			width:100%;
		}
		.hm-locations-info p{
			margin-top: 10px;
			margin-bottom: 15px;
			padding-right: 15px;
		}
		.member-profile-img{width:100%;}
		.container-split2{flex-flow:row wrap;margin-top: 20px;}
		.member-profile-img2{width:auto;height:auto;}
		.member-profile-img2 img{margin-left: auto;margin-right: auto;}
		.member-profile-info{width:100%;}
		.member-full{content-visibility: visible;}
		.member-tablet{content-visibility: hidden;}
		.modal-content {
			width: 100%;
		}
		.hero-gradient{display: none;}
		.footer-menu > div{width:100%;margin:10px 0 20px 0;}
		.footer-menu{height: auto;padding:20px 0 20px 0;}
		.footer-menu-main > div{width:100%;margin:10px 0 20px 0;}
		.footer-menu-main{height: auto;padding:20px 0 20px 0;}
		.footer-heading{font-size:0.9em;}
		.footer-links p{margin-left: 0;flex-basis:33.33%;text-align: center;font-size:1.2em;}
		.footer-social{gap:40px}
		.footer-social div{height: 40px;width:40px;background-color: #fff;}
		.footer-btn{margin: 20px 0 20px 0;}
		.footer-social div{display: flex;align-items: center;justify-content: center;}
		.footer-social img{width:60%;}
		.mainmenu-logo{
			width:auto;
		}
		.mainmenu{height:75%;}
		.menulinks > li{
			margin-top: 20px;
			font-size:1.6em;
		}
		.head-menu-close h3{font-size:2em;}
		.menu-sublinks{margin-left: 20px;}
		.menu-sublinks > li{margin-top: 10px;font-size:1.1em;}
		.footer-links-menu{content-visibility:hidden; display:none;}
		.menu-footer{margin-top: 0px;}
		.gallery-2 > div{height: 260px;}
		.life-menu{width:30%;}
		.global-img{margin-top: 40px;}
		.apply-prepare-block{width:50%;gap:20px;}
		.apply-prepare-path{width:40px;}
		.depbg-img img{ content-visibility: hidden;}
		.apply-locations-map{width:100%;}
		.apply-locations-txt{width:100%;}
		.img-border{height:auto;}
		.dep-expanded-on{
			height:auto;
		}
		.expanded-wrapper{
			flex-flow:row wrap;
			gap:0;
			padding:0 40px 20px 40px;
		}
		.expanded-wrapper-dep{
			flex-flow:row wrap;
			gap:0;
			padding:0 40px 20px 40px;
		}
		.school-landing{height:auto;}
		.expanded-btn{margin-top: 20px;display:flex; flex-grow:1;}
		.expanded-btn > a{display: flex;flex-grow:1;text-decoration: none;margin-right: 20px;}
		.expandedBtn{flex-grow:1;}
		.degree-info-qual{width:auto;margin-right: 40px;}
		.qual-short-info div{padding-right: 40px;}
		.cred-short-info div{padding-right: 40px;width:40%;}
		.cred-short-info{flex-wrap: wrap;}
		.qual-cost{flex-flow:row wrap;}
		.qual-cost div{width:100%;}
		.hm-alumni-img{height:auto;}
		.qual-calendar{flex-flow: row wrap;}
		.qual-calendar div{min-width:auto;margin-bottom: 10px;}
		.qual-calendar div p{margin-right: 40px;min-height:auto;}
		.gform-theme--foundation .gfield .ginput_password.medium,.gform-theme--foundation .gfield input.medium,.gform-theme--foundation .gfield select.medium{inline-size:100%!important;}
	}
	 
	 /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
	 @media (max-width: 991px) {
		.school-landing{

			height:auto;
		}
		.qual-landing a{text-decoration: none;width:100%;}
		/*hm news and events*/
		p{font-size:1.4em;}
		.news{
			min-height:210px;
			flex-basis: calc(100% - 12px);/* cal to make space between*/
			flex-flow: row wrap;border-radius:3px;
		}
		.hm-news-wrapper{
			width:100%;
			display: flex;
			flex-flow:row wrap;
			gap:15px;	
		}
	
		.hm-events-wrapper{
			width:100%;
			flex-flow:row wrap;
		}
		.hm-newsevents{
			display: flex;
			flex-flow: row wrap;
			margin-left: 20px;
			margin-right: 20px;
			gap:40px;
			margin-top: 20px;/* was 40px */
			align-items: flex-start;
		}
		.hm-event{
			display: flex;
			min-height: 270px;
			flex-flow: row nowrap;border-radius:3px;
			box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);
			background-color: #fafafa;
		}
		.hm-events-datearea{
			height:auto;
			width:25%;
		}
		.hm-events-info{
			width:75%;
		}
		.hm-events-info > h5{
			padding-top:20px;
		}
		/* alumni */
		.hm-alumni-wrapper > div{
			width:100%;
			flex-basis:auto;
		}
		.hm-alumni-img{height:500px;}
		.hm-alumni-p{
			width:85%;
		}
		.hm-alumni-btn{margin-left:20px;}
		.news > img{max-height:400px}
		.hm-student-box{
			width:100%;
			min-height:200px;
			padding-bottom: 10px;
		}
		.hm-student-box > div{margin-bottom: 5px;}
		.hm-student-box-img{
			height:360px;
		}
		.hm-student-box-qual p{font-size:1.2em;}
		.hm-student-box-p{content-visibility: hidden;height:0px;display: none;}
		.hm-student-box-title{margin-top: 10px;}
		.hm-student-box-title, .hm-student-box-author{width:100%;}
		.hm-student-box-author p{text-align: left;}
		.hm-student-box-btn{content-visibility: visible; padding-right:0px;margin-right:0px;margin-top: 20px;justify-content: center;}
		.landing-hero-primary{height:15vh;}
		
		.school-menu div{
			flex-basis:calc(50% - 10px);
		}
		.dep-menu-fix{height:0px;width:0px;display: none;}
		.dropbtn{width:100%;}
		.schoolbtn{width:100%!important;}
		/* quals */
		.school-listing{margin:20px 20px 20px 20px!important;}
		.school-listing2{margin:20px 0 20px 0!important;}
		.school-listing > .border-1{border:0;}
		.school-listing2 > .border-1{border:0;}
		.pathway-tags-dep{margin-right: 0;}
		/*qual members */
		.member-wrapper{gap:20px;flex-flow: row wrap;}
		.margin-10vw{margin-left: 20px;margin-right: 20px;}
		.margin-40full{ margin:40px;}
		.margin-40{margin-left: 40px;margin-right: 40px;}
		.degree-block img{min-height:auto;width:calc(100% - 80px);margin-left: 40px;margin-right: 40px;}
		.degree-info{margin-top: 20px;}
		.related-info-box-alumni > div{width:100%;margin-bottom: 20px;}
		.related-info-box-alumni{display: inline-block;}
		.hero-gradient{display: none;}
		.split-half > h4{font-size: 1.6em;}
		.half-half{width:100%;}
		.news-gallery > div{flex-basis: 100%;}
		.news-content{margin: 0 20px 0 20px;}
		.color-block-student{padding:20px;}
		/*newevents*/
		.event{flex-basis:calc(100%)}
		.events-menu{min-height:130px;flex-flow: row wrap}
		.hm-locations-campus{
			display: flex;
			flex-flow:row wrap;
			gap: 20px;
	
		}

		.container-split2{gap:20px;flex-flow:row wrap;margin-top: 20px;}
		.member-profile-img2 img{margin-left: auto;margin-right: auto;}
		.member-profile-info{width:100%;}
		.member-full{content-visibility: visible;}
		.member-tablet{content-visibility: hidden;}
		.mainmenu{height:80vh;}

		.menu-borders{margin-left: 40px;}
		.menulinks{margin-left: 40px;}
		.gallery-2 > div{flex-basis:auto;height:auto;margin: 0 20px 0 20px;}
		.life-menu{width:30%;}
		.life-btn{width:90%;}
		.global-img{margin-top: 60px;}
		.life-gallery div{flex-basis: calc(33% - 20px);}
		.apply-menu{flex-flow:row wrap;}
		.apply-locations-map{width:100%;}
		.apply-locations-txt{width:100%;}
		.full-gallery{flex-wrap: wrap;}
		.full-gallery > div{margin-left: 20px;margin-right: 20px;}
		.hm-student{
			margin-left: 20px;
			margin-right: 20px;
		}
		.video-h2{margin-left: 20px;margin-right: 20px;}
		.hm-alumni-video{margin-left: 20px;margin-right: 20px;}
		.split-50 {flex-flow:row wrap;}
		.split-50 div{width:100%;}
		.about-fix{width:100%!important;}
		.p-left > p{padding-right: 0;}
		.news-single-img{flex-basis:100%;margin-right: 0;}
		.news-gallery2{content-visibility: hidden;display: none;}
		
		.news-single-editor{flex-basis:100%;}
		.news-gallery-mob{
			display: flex;
			content-visibility: visible;gap:20px;
			flex-flow:row wrap;
		}
		.news-gallery-mob h2{width:100%;}
		.news-gallery2-mob > div{
			flex-basis:100%;min-height:auto;
			position: relative;
			overflow: hidden;
			
		}
		.news-gallery2-mob img{
			position: absolute;
			height: auto;
			top: 0;
			min-height:100%;
			min-width:100%;
			width:100%;
			height:100%;
			left: 50%;
			transform: translateX(-50%);
			object-fit: cover;
			  object-position: center;
		}
		.h2-news{margin-top: 20px;font-size:1.9em;}
		.menulinks{
			color:#FFF;
			display: flex;
			margin-top: 5px;
			flex-flow: row wrap;
			margin-bottom:0;
			gap: 0;
			height: calc(78vh - 60px);
			flex-grow: 0;
			margin-left: 0;
		}
		
		.menulinks > li{
			width:100%;
			font-size:1.7em;
			font-weight: bold;
			margin-left: 0;
			margin-top: 15px;
			align-self: flex-start;
			justify-self: flex-start;
			flex-grow:0;
			height: 10px;
		}
		.menu-footer{
			height:auto;
			display: flex;vertical-align: bottom;
			align-self: flex-end;
			padding-top: 10px;
		}
	
		.menu-sublinks > li{font-size:1.2em;font-weight: lighter;}
		.menu-sublinks{padding-left: 0;margin-top: 0;}
	}
	 
	 /* Small devices (landscape phones, 544px and up) */
	 @media (max-width: 767px) {
		.hm-alumni-wrapper > div{
			width:100%;
			flex-basis:auto;
		}
		.school-menu div{
			flex-basis:100%;
		}
		.hero-gradient{display: none;}
		.student-work-landing{min-height: auto;}
		.events-menu{min-height:300px;flex-flow: row wrap}
		.split-50 {flex-flow:row wrap;}
		.split-50 div{width:100%;}
		.about-social{gap:20px;}
		.about-social div{height: 60px;width: 60px;}
		.life{flex-flow: row wrap;}
		.life-menu{width:100%;}
		.life-btn{width:100%;text-align: center;}
		.global-img{margin-top: 60px;width:100%;}
		.life-gallery div{flex-basis: calc(50% - 20px);}
		.life-p{margin-top: 40px;width:100%;}
		.apply-prepare{flex-flow:row wrap;}
		.apply-menu{flex-flow:row wrap;}
		.apply-prepare-block{width:100%;gap:20px;}
		.apply-prepare-path{width:40px;}
		.hm-student-box-img{
			height:auto;
		}
		.about-fix{width:100%!important;}
		.p-left > p{padding-right: 0;}
		.head-menu-area{height:40px;width:auto;margin:0;padding: 0 20px 0 20px;}
		.menulinks{margin-left: 0;}
		.cred-info{width:100%;}
		.cred-intro-paragraph{width:100%;}
	 }
	 
	 /* Extra small devices (portrait phones, less than 544px) */
	 @media (max-width: 543px) {
		
		h1{  
			font-size: 2em;
		}
		h2{
			font-size: 2em;
		}
		h4{
			font-size:1.5em;
		}
		h3{
			font-size:1.6em; 
		}
		h5{
			font-size:1.9em;
		}
		h6{
			margin: 0;
			padding-top:10px;
			padding-bottom: 10px;
			font-size:1.4em;
		}
		p{
			font-size:1.3em;
		}
		.menu-layer{padding-top: 0;}
		.landing-bg-default{
			background-image: url(/wp-content/uploads/2025/01/JONO9081-scaled.jpg)!important;
			background-size: cover;
			background-position: center center;
		}
		.landing-bg-finearts{
			background-size: cover;
			background-position: center center;
			background-image: url(/wp-content/uploads/2024/11/Molly-Timmins-7.jpg)!important;
		}
		.landing-bg-design{
			background-size: cover;
			background-image: url(/wp-content/uploads/2025/01/Image-pg-17_-Macauley_Richards83-scaled.jpg);
		}
		.landing-bg-fashion{
			background-image: url(/wp-content/uploads/2025/01/JONO0635-scaled.jpg)!important;
			background-size: cover;
			background-position: center center;
		}
		.landing-bg-infotech{
			background-image: url(/wp-content/uploads/2024/12/andras-vas-Bd7gNnWJBkU-unsplash.jpg)!important;
			background-size: cover;
			background-position: center center;
		}
		.landing-bg-creativearts{
			background-image: url(/wp-content/uploads/2025/01/CAT-Main-1-scaled.jpg)!important;
			background-size: cover;
		}
		.landing-hero-secondary h4{font-size:1.3em;}
		header{height:auto;}
		.head-logo{
			margin-top: 10px;padding-left: 10px;
		}
		.head-logo h5{
			font-size:0.9em;
			margin-left: 0;
		}
		.head-logo-home{
			margin-top: 10px;padding-left: 10px;}
		.head-logo-home h5{
			font-size:0.9em;
			margin-left: 0;
		}
		.head-menu-close{margin-top: 10px;width:40px;margin-right: 0;}
		.head-menu-close h3{font-size:1.8em;}
		.logoW{height:25px;width:46px;}
		.logoW-menu{height:25px;width:46px;z-index: 999;margin-left: 0;}
		#btn-menu-h5{margin: 0 20px 0 20px;}
		.head-menu-area h5{font-size: 1em;width:auto;}
		.landing-degree-layer2 > div{
			flex-basis:calc(50% - 10px);
		}
		.footer-links-menu{content-visibility:visible; display:flex;}
		.footer-links-menu p{font-size:1em;}
		.menulinks ul{margin-bottom: 0;padding:0 20px 0px 20px; }
		.footer-faq{content-visibility: hidden;display: none;}
		/****** menu layer *****/
	
	.container-split2{gap:10px;}
	
	.mainmenu{
		display: flex;
		flex-flow: row wrap;
		height: 72vh;
	}
	/* .head-logo{
		-ms-flex-align: start;
		width:25%;
		display: flex;
		
		
		z-index: 2;
		align-items: flex-end;
		padding-left: 4vw;
		align-self: center;
		justify-self: center;
	} */
	.mainmenu-logo{
		content-visibility: visible;
		visibility: visible;display: flex;
		justify-content:flex-start;
		flex-wrap: wrap;
		flex-grow: 1;
		align-items: flex-start;
		z-index:9999;
		height:25px;
		margin-left: 10px;
		margin-top: 10px;
	}
	.mainmenu-logo h5{color:#fff;font-size:0.9em;}
	.mainmenu-logo h5:hover{color:#D59D10;}
	.mainmenu-logo h5:visited{color:#000;}
	.mainmenu-logo > a{
		display: flex;text-decoration: none;
		align-items: flex-end;
	}
	.menu-borders{
		content-visibility: hidden;
		visibility: hidden;
		display: none;
	}
	.menu-borders div{
		content-visibility: hidden;
		visibility: hidden;display: none;
	}
	.menulinks{
		color:#FFF;
		display: flex;
		margin-top: 20px;
		flex-flow: row wrap;
		margin-bottom:0;
		gap: 0;
		height: calc(74vh - 60px);
		flex-grow: 0;
	}
	
	.menulinks > li{
		width:100%;
		font-size:1.3em;
		font-weight: bold;
		margin-left: 0;
		margin-top: 0;
		align-self: flex-start;
		justify-self: flex-start;
		flex-grow:0;
		height: 10px;
	}
	.menu-footer{
		height:auto;
		display: flex;vertical-align: bottom;
		align-self: flex-end;
		padding-top: 10px;
	}

	.menu-sublinks > li{font-size:1em;font-weight: lighter;}
	.menu-sublinks{padding-left: 0;margin-top: 0;}
	.student-work-landing h1{margin:0 0 10px 0}
	.half-half{margin-top: 10px;}
	.split-half > h4{font-size:1.3em;}
	.margin-top40{
		margin-top:20px;
	}
		/* hero heading */
		.landing-hero-primary{
			padding-left: 15px;
			padding-right: 15px;
			height: 20vh;
		}
		.landing-hero-primary > h1{
			padding-left: 0;
			font-size:1.5em;
			padding-right: 0;
			padding-top: 5vh;
			padding-bottom: 3vh;
		}
		/* landing main */
		.landing-main{
			padding-top: 10px;
		}
		.landing-main-menu > div{
	
			width:160px;
			margin-bottom: 4px;
		}
		.landing-road{
			margin-left:12vw;
			margin-right: 12vw;
			margin-top: 0;
			content-visibility: hidden;
			border-top:0;
		}
		.landing-main-pathways{
			
			margin-left:20px;
			margin-right: 20px;
			column-gap: 0;
			display: flex;
			flex-flow:row wrap;
			gap:20px
		}
		.landing-main-pathways > div{
	
			width:100%;
		}
		.landing-hero-secondary{margin-bottom:10px;font-size:0.8em;padding:20px 20px 20px 20px;}
		.landing-main h6{font-size:1.1em!important;}
		/****** PATHWAYS ********/
		.pathway-wrapper{
			padding:0;
			padding-top: 20px;
			padding-bottom: 15px;
			min-height:12vh;
		}
		.pathway-title{
			font-size:1.2em;
		}
		.pathway-desc{
			font-size:0.8em;
		}
		.pathway-tags{
			font-size:1.3em;
			column-gap:8px;
			margin-bottom: 15px;
			margin-left: 15px;
			margin-right: 15px;
		}
		.pathway-tag{
			padding:9px;
			margin-top: 10px;
			font-size: 0.8em;
		}
		.pathway-arrow{
			width:35px;
			height:35px;
			margin-bottom: 10px;
		}
		/* landing hero secondary */

		.arrow {
			border-width: 0 3px 3px 0;
			padding: 4px;
			margin-right:1px;
		  }
	
		  /******* second layer ***/
	.landing-layer2{
		position: absolute;
		left: 0;
		top:0;
		z-index: 1;
		background-color: 
		#c8c8c8;
		width:100vw;
		min-height:100vh;
		opacity: 0.2;
	}
	.landing-degree-layer{
		border:0 solid black;
		display: flex;
		margin-left:15px;
		margin-right: 15px;
		flex-flow: row wrap;
		column-gap: 15px;
		position: relative;
		z-index: 2;gap: 15px;
	}
	.landing-degree-layer > div{
		width:100%;
		text-align: center;
		border-style: dashed;
		border-color:#000;
		background-color: #FFF;
		border-width: 1px;
		border-radius: 5px;
		color:#000;
		text-align: center;
		padding:10px;
		padding-top: 13px;
		padding-bottom: 13px;
		font-size:1.1em;
		font-weight: bold;
	}
	.landing-degree-layer2{
		position: relative;
		z-index: 2;
		margin-left:15px;
		margin-right: 15px;
		display: flex;
		flex-direction: row;
		gap:15px;
		flex-wrap: wrap;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: center;
	}

	.landing-degree-layer2 p{
		font-size:0.8em;
		width:100%;
	}
	.landing-degree-layer2 h6{
		color:#000;
		margin-top: 0;
		padding-top: 0;
		text-align: center;
		padding-bottom: 20px;
		width:100%;
		font-size:1.3em;
	}
	.degree-duration{
		margin-top: 10px;
		width:100%;
	}
	.degree-btn{
		width:20%;
		margin-top: 20px;
	}
	.landing-btns{
		margin-bottom: 30px;
		padding: 5px 10px 30px 10px;
		flex-flow: row wrap;
	}
	.landing-btns button{
		justify-self: center;
		align-self: center;
	}
	/******* second layer ends ****/
		  /****** home student work *****/
		.hm-student{
			margin-left: 20px;
			margin-right: 20px;
			margin-top: 40px;
		}
		.hm-student h1{
			border-bottom:2px solid gray;
			margin-bottom: 25px;
		}
		.hm-student-wrapper{
			gap: 15px;
		}
		/* student box **/
	
		.hm-student-box{
			flex-basis:100%;
			min-height:350px;
			border-radius:5px;
		}
		.hm-student-box-p{content-visibility: visible;display:inherit;height: auto;}
		.hm-alumni{
			margin: 0;
		}
	
		.hm-alumni-video{
			min-height:60vh;
			position: relative;
			margin-top: 40px;
		}
		.hm-alumni-video iframe{
			position: absolute;
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		/* .hm-alumni-video div{
			display: flex;
			justify-content: center;
			align-items: center;
		} */
		.hm-alumni-video h1{
			opacity: 0;
		}
		.hm-alumni-wrapper{
			margin-left: 15px;
			margin-right: 15px;
			display: flex;
			flex-flow: row wrap;
			box-sizing: border-box;
			gap: 20px;
		}
		.hm-alumni-wrapper h1{
			width:100%;
			margin-top: 5vh;
			border-bottom:2px groove gray;
		}
		.hm-alumni-wrapper > div{
			width:100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			box-sizing: border-box;
			background-color: #f1f1f1;
			padding-bottom: 15px;
		}
		.hm-alumni-wrapper p{
			padding-left: 15px;
		}
		.hm-alumni-img{
			height:300px;
			overflow: hidden;
			margin-bottom: 15px;
		}
		.hm-alumni-img img{
				max-inline-size: 100%;
				block-size: auto;
				object-fit: cover;
				object-position: top center;
		}
		.hm-alumni-name{
			width:100%;   
		}
		.hm-alumni-p{
			width:80%;
			justify-self: flex-start;
			min-height:70px;
			padding-right: 10px;
		}

		/****** news ******/
		.news-self{
			min-height:210px;
			flex-basis: calc(100% - 12px);/* cal to make space between*/
			flex-flow: row wrap;border-radius:3px;
		}
		.hm-newsevents{
			margin-left: 15px;
			margin-right: 15px;
			gap:40px;
			margin-top: 40px;
			display: flex;
			flex-flow: row wrap;
		}
		.hm-news-wrapper{
			width:100%;
			display: flex;
			flex-flow:row wrap;
			gap:15px;
			
		}
		.hm-events-wrapper{
			width:100%;
			display: flex;
			gap:15px;
			flex-flow:row wrap;
		}
		.hm-newsevents h1{
			width:100%;
			border-bottom:2px solid black;
			padding-bottom: 10px;
			margin-bottom: 15px;
		}
		.hm-news-box{
			width:100%;
			background-color: #f1f1f1;
			min-height: 300px;
			display: block;
			padding: 15px;
		}
		.hm-news-box img{
			width:50%;
			overflow: hidden;
			max-height: 150px;
				object-fit:cover;
				object-position: top center;
			float:left;
		}
		.hm-news-right{
			width:48%;
			float: right;
			box-sizing: content-box;
			margin-left:  2%;
			padding-top: 10px;
			font-size:1em;
		}
		.hm-news-box h4{
			width:100%;
			float:left;
			margin-top:15px;
			font-size:1.5em;
			margin-bottom: 0;
		}
		.hm-news-box p{
			width: 100%;
			float: left;
			margin-top: 15px;
		}
		.hm-news-btn{
			float:right;
			width:100%;
			margin-top: 20px;
			text-align: right;
			margin-right: 20px;
			font-size:1.2em;
			text-decoration: underline;
		}
		/***** events home ****/
		.hm-events-box{
			min-height:210px;
			width:100%;
			background-color: #f1f1f1;
			display: flex;
			flex-flow:row wrap;
		}
		.hm-events-datearea{
			width:25%;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			align-items: center;
		}
		.hm-events-info{
			width:75%;
			display: flex;
			flex-flow:row wrap;
			justify-content: right;
		}
		.hm-events-info h4{
			margin-bottom: 5px;
			width:100%;
		}
		.hm-events-info p{
			margin-bottom:15px;
			margin-top: 5px;
			margin-right: 15px;
			width:100%;
		}
		.hm-events-month{
			text-align: center;
			width:100%;
			align-self: flex-end;
		}
		.hm-events-day{
			width:100%;
			text-align: center;
			font-size:4em;
			align-self: flex-start;
		}
		.hm-events-btntext{
			text-decoration: underline;
			align-self: center;
			font-size:1.2em;
			padding-right: 15px;
		}
		.hm-events-btn{
			display: flex;
			justify-content: center;
			align-items: center;
			height:40px;
			width:40px;
			border-radius: 50%; 
			margin-right: 15px;
		}
		.hm-events-info > div{
			margin-bottom: 15px;
			justify-self: flex-end;
		}
		/*** events btn ****/
		/***** hm locations ***/
		.hm-locations{
			display: flex;
			flex-flow: column wrap;
			gap:15px;
			margin-left: 15px;
			margin-right: 15px;
			margin-top: 40px;
		}
		.hm-locations h1{
			border-bottom:2px solid gray;
			margin-bottom:20px;
		}

		.hm-locations h3{
			margin-bottom: 15px;
		}
		.hm-locations-expanded{
			min-height:200px;
			display: flex;
			flex-flow:row wrap;
			gap:30px;
			border-bottom: 2px dashed gray;
			justify-content: flex-start;
		}
		.hm-locations-campus{
			display: flex;
			flex-flow:row wrap;
			gap: 20px;
	
		}

		.hm-locations-img{
			width:100%;
			border-radius: 5px;
			background-color: #f1f1f1;
			height: auto;
			overflow: hidden;
		}
		.hm-locations-img img{
			object-fit:cover;
			display: block;
			object-position:center;
			margin-left: auto;
			margin-right: auto;
		}
		.hm-locations-info{
			width:100%;
			display: flex;
			flex-flow: row wrap;
			padding-left: 15px;
		}
		.hm-locations-info h6{
			font-size:1.1em;
			margin-top: 15px;
		}
		.hm-locations-info div{
			width:100%;
		}
		.hm-locations-info p{
			margin-top: 10px;
			margin-bottom: 15px;
			padding-right: 15px;
		}
		.notexpanded{
			display: flex;
			flex-flow: row; 
			min-height:200px;
			border-bottom: 2px dashed gray;
			vertical-align: middle;
		}
		.notexpanded h2{
			align-self: center;
			justify-self: center;
			width:80%;
	
		}
		.notexpanded div{
			display: flex;
			align-self: center;
			justify-self: center;
		}
	
		
		.f-btn{
			background-color: #000;
			border:1px solid #fff;
			color:#fff;
			padding: 15px;
			font-size:1.1em;
		}
		.pro-img{overflow:visible;}
		.margin-40full{ margin:20px;}
		.margin-40{margin-left: 20px;margin-right: 20px;}
		.margin-left40{margin-left: 20px;}
		.pathway-tags2{margin-left: 20px;margin-right: 20px;}
		.padding-40{padding:20px}
		.degree-block img{margin-left: 20px;margin-right: 20px;}
		.pathway-tag-dep{flex-grow:1;text-align: center;}
		.related-info-box{margin:0 20px 0 20px}
		.related-info-box-alumni{margin:0 20px 0 20px}
		.hm-alumni-main{flex-flow:row wrap}
		.hm-alumni-main a{display: block;margin-left: auto;margin-right: auto;}
		.hm-alumni-p{width:100%;}
		.hm-alumni-btn{margin-top: 20px;}
		.member-wrapper{margin: 20px;}
		.member-wrapper > div{flex-basis:100%;}
		.memberCard{width:100%;}
		.event-info > div{width:100%;}
		.event-location{text-align:left;margin-top: 10px;}
		.apply-map{width:70%;}
		.apply-map-btns{width:100%;}
		.apply-map-btns button{margin-bottom: 20px;}
		.expanded-btn{width:100%;}
		.expanded-btn > a{margin-right: 0px;}
		.degree-info-qual{width:auto;margin-right: 20px;margin-left: 20px;}
		.qual-short-info{flex-flow: row wrap;margin:0 20px 20px 20px;}
		.qual-short-info div{padding-right: 20px;}
		.qual-cost{flex-flow:row wrap;margin: 20px 20px 20px 20px;}
		.qual-cost div{width:100%;}
		.admission{margin: 20px 20px 20px 20px;}
		.qual-heading{font-size:2em!important;}
		.schoolbtn{margin-left: 0;}
		.footer-menu > div{margin: 10px 10px 10px 10px;}
		.landing-bg-default{
			background-image: url(/wp-content/uploads/2024/11/Sophelia-Shizune.jpg);
			background-size: cover;
			background-position: center center;
		}
		
	 }