/*******************************************************************
******************* GENERAL STYLES *********************************
********************************************************************/
:root{
	--dark01-colour: #000; /* var(--dark01-colour); */
	--dark02-colour: #000; /* var(--dark02-colour); */
	--light01-colour: #dfdfdf; /* var(--light01-colour); */
	--gold: #cf9b41;
}

.mobile-only {
	display:none!important;
}

@media screen and (max-width: 810px){
	.desktop-only {
		display:none!important;
	}
	.mobile-only {
		display:block!important;
	}
}	
@media screen and (min-width: 810px){
	.mobile {
		display: none;
	}

}

html {
  scroll-behavior: smooth;
}

body{
	font-family:var(--bodyfont), sans-serif;
	transition:background-color 1s ease;
}

img {
	max-width:100%;
	height:auto!important;
}

a {
	color:#cf9b41;
	transition:.3s;
}
a:hover {
	color:#000;
	cursor:pointer!important;
}


/*******************************************************************
*************************** FONTS **********************************
********************************************************************/
:root {
	--headlinefont: 'Oswald';	
	--bodyfont: 'Inter';
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--headlinefont);
	}
@media screen and (max-width: 810px){
	h1 {
		font-size:2.6em!important;
	}
}
p {
	font-family:var(--bodyfont);
	}
h4 {
	line-height:1.4;
}


/********************************************
				FOOTER
********************************************/


footer {
    background-color: #000;
    display: flex;
    align-items: center;
		font-family:var(--headlinefont);
}
@media screen and (max-width: 810px){
	footer {
		padding:25px 10px;
	}
}

footer .menu-logo {
	width:172px;
}
p.copyright {
    margin: 10px;
    font-size: 11px;
}
footer p {
	color: #fff;
}
p.links {
    margin: 10px;
    font-size: 11px;
}
footer .links a {
	text-decoration: none;
	color: #fff;
}
footer .links a:hover {
/* 	text-shadow: 0px 0px 10px black; */
	color: #cf9b41;
}
ul.links {
	list-style-type: none;
  display: flex;
  margin: 10px 2px;
  flex-wrap: wrap;
  justify-content: end;
  padding-left: 0px;
}
ul.links li {
margin: 5px 10px;
}
.sublinks{
    font-size: 0.75em;
}
@media screen and (max-width: 810px){
ul.links {
  flex-direction:column;
}
}

.brands-wrapper-footer {
/*
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:10px 0;
	margin-left:-7px;
*/
	}
	
.brands-wrapper-footer a img {
	max-width: 100%;
	width:11%;
	opacity:.8;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.5s ease;
	margin-right:25px;
}
	.brands-wrapper-footer img:hover {
	opacity:1;
	filter: none !important;
	cursor:pointer;
	}
	.brands-wrapper-footer img.udiscover-logo {
		width:22%;
	}
	.brands-wrapper-footer img.maison-logo {
		width:8%;
	}
	.brands-wrapper-footer img.studio-logo {
		width:7%; 
	}
	
	@media screen and (max-width: 810px){
		footer .menu-logo {
			display:block;
			margin: 10px auto 0 auto;
		}
		.brands-wrapper-footer {
			display: flex;
			justify-content: center;
			margin: 20px 0 10px 0;
			flex-direction:column;
			text-align:center;
						
		}
		.brands-wrapper-footer a img {
			width:25%;
			padding:10px 0;
			margin-right:0px;
		}
		.brands-wrapper-footer img.udiscover-logo {
			width:52%;
		}
		.brands-wrapper-footer img.maison-logo {
			width:21%;
		}
		.brands-wrapper-footer img.studio-logo {
		width:13%; 
		}
	}
	
ul.footer-social {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    padding-left:0px;
    clear:both;
    margin-top:20px;

  }
  

@media (max-width: 810px){
	ul.footer-social {
		display:block;
		text-align:center;
	}
  }
  
 ul.footer-social {
	 padding-bottom:0px;
	 margin-bottom:0px;
 }
 @media (max-width: 810px){
	ul.footer-social {
		 margin-left:0px;
		 margin-right:0px;
		 padding-left:15px;
		 padding-right:0px;
		 width:100%;
		 
	 }
}

 .footer-social li {
	 display:inline-block;
	 padding:0 15px;
 }
 
.footer-social li a {
	color:#fff;
	transition:.3s;
	font-size:1.5em;
}

.footer-social li a:hover {
	color:#cf765a!important;
}

@media (max-width: 810px){
	.footer-social li {
		padding: 5px 11px;
	}
	.footer-social li a {
		font-size:1.7em;
	}
}
/*******************************************************************
******************* HAMBURGER NAVIGATION MENU **********************
********************************************************************/


input {
  display: none;
}

input {
  display: none;
}

#menuArea {
	display:none!important;
/* 	border: 2px solid #fff; */
	border-radius: 100%;
	padding: 20px;
	transition:.5s;
	position:fixed;
	top:25px;
  right: 25px;
	z-index:2;
	background-color:rgba(0,0,0,0.3);
}

#menuArea:hover {
	background-color:#fff;
/* 	border:2px solid #fff; */
  cursor: pointer;
}

@media (max-width: 810px){
	#menuArea {
		top:1%;
	}
}

.open {
  background-color: #fff;
  width: 24px;
  height: 4px;
  display: block;
/*   border-radius: 2px; */
  cursor: pointer;
  position: relative;
  top: 8px;
  z-index:3;
  mix-blend-mode: difference;
}

.open:before {
  content: "";
  background-color: #fff;
  width: 24px;
  height: 4px;
  display: block;
/*   border-radius: 2px; */
  position: relative;
  top: -8px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.open:after {
  content: "";
  background-color: #fff;
  width: 24px;
  height: 4px;
  display: block;
/*   border-radius: 2px; */
  position: relative;
  top: 4px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.menuOpen {
  width: 24px;
  height: 20px;
  display: block;
  cursor: pointer;
  z-index:2;
}



.menu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0,0,0,1);
  z-index:2;
}

.menu label {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  background-size: 100%;
  cursor: pointer;
}

.menu .menuContent {
  position: relative;
  font-size: 3.3em;
  line-height:1em;
  top:30%;
  text-align: center;
  padding-bottom: 20px;
  margin-top: -170px;
}

@media only screen and (max-width: 810px) {
	.menu .menuContent {
		font-size:2.2em;
	}
}

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

.menu ul li a {
  display: block;
  color: white;
  text-decoration: none;
  transition: color 0.2s;
  font-family: var(--headlinefont);
  text-transform: uppercase;
  padding: 10px 0;
  font-weight: 600;
}

.menu ul li a:hover {
  color: #cf9b41;
}

.menu ul li:hover {
  background: white;
}

.menu ul li:first-child:hover {
	background:transparent;
}

.menuEffects {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
  transform: translateY(0%);
  transition: all 0.5s;
}

#menuToggle:checked ~ .menuEffects {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
  overflow:scroll;
}

#menuToggle:checked ~ .menuEffects ul {
  opacity: 1;
}

#menuToggle:checked ~ .menuOpen .open {
  background-color: transparent;
}

#menuToggle:checked ~ .menuOpen .open:before {
  content: "";
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:checked ~ .menuOpen .open:after {
  content: "";
  background-color: white;
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul {
  transform: translateY(-30%);
}


.menu-logo {
	width:210px;
	margin-bottom:25px;
}

footer .menu-logo {
	margin-bottom:0px;
	padding:25px 0;
}

.menu .menuContent .social-wrapper-header a {
	font-size: 1.7rem;
	padding: 0 18px;
	color:#fff;
}

.menu .menuContent .social-wrapper-header a:hover {
	color:var(--gold);
}

.menu .menuContent .brands-wrapper-header, .menu .menuContent .social-wrapper-header  {
	display:flex;
	margin:30px auto 0 auto;
	align-items:center;
	justify-content:center;
	}

@media only screen and (max-width: 1000px) {
	.menu .menuContent .brands-wrapper-header, .menu .menuContent .social-wrapper-header {
		margin-top:40px;
		width:80%;
	}
}

@media only screen and (max-width: 767px) {
	.menu .menuContent .brands-wrapper-header {
		display:none;
	}
}


.brands-wrapper-header img {
	max-width: 100%;
	opacity:.8;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.2s ease;
	margin:0 20px;
}
	.brands-wrapper-header img:hover {
	opacity:1;
	filter: none !important;
	cursor:pointer;
	background:transparent;
	}

	.brands-wrapper-header img.umusic-logo {
		width:110px;
	}
	.brands-wrapper-header img.udiscover-logo {
		width:213px;
	}
	.brands-wrapper-header img.umgb-logo {
		width:125px; 
	}
	.brands-wrapper-header img.maison-logo {
		width:80px;
	}
	.brands-wrapper-header img.studio-logo {
		width:65px; 
	}
	
@media only screen and (max-width: 767px) {
	.brands-wrapper-header img {
		width:42%;
	}
		.brands-wrapper-header img.udiscover-logo {
		width:68%;
	}
	.brands-wrapper-header img.maison-logo {
		width:29%;
	}
	.brands-wrapper-header img.studio-logo {
		width:20%;
		margin-top:20px; 
	}
}





/********************************************
				ANIMATED SCROLL ICON
********************************************/

#mouse-scroll {
    position: absolute;
    right: 50%;
    transform:translateX(50%);
    bottom: 30%;
   animation: fadeIn .7s ease-in both;
   animation-delay: .7s;
}

@media (max-width: 768px){
	#mouse-scroll {
		display:none;
	}
}
.mouse span{
	font-size: 10px;
	text-align: center;
}
#mouse-scroll .mouse {
	height: 41px;
	width: 27px;
	border-radius: 18px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 2px solid #fff;
    top: 170px;
}
#mouse-scroll .mouse-in {
    height: 10px;
    width: 2px;
    border-radius: 25%;
    display: block;
    margin: 3px auto;
    background: #fff;
    position: relative;
}
#mouse-scroll .mouse-in {
    -webkit-animation: animated-mouse 1.2s ease infinite;
    moz-animation: mouse-animated 1.2s ease infinite;
}
#mouse-scroll span {
    position: absolute;
    right: -18px;
    bottom: -28px;
    font-size: 8px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
}
@keyframes animated-mouse{
	0% {
    opacity: .85;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	}

	100% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
	}
}

.arrow-container{
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: absolute;
  bottom: 110px;
  left: 0;
  right: 0;
  animation-delay:1.5s;
  animation-duration:1.5s;
}

.arrow-1{
  width: 80px;
  height: 80px;
  background: #fff;
  opacity: 0.5;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}

.arrow-2{
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: table;
  opacity:.5;
}

.arrow-2:before{
width: 44px;
height: 44px;
content: "";
border: 1px solid #000;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
}

.arrow-2 i.fa{
  font-size: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #000;
}

/* Custom Animate.css */

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

/********************************************
				HOMEPAGE
********************************************/

.hero-content-wrapper {
	/* height:100vh; */
	display:block;
	padding:1%;
	}
.hero-logo {
	position: absolute;
	top: 25%;
	left: 50%;
	transform:translateX(-50%);
	mix-blend-mode:exclusion;
	animation: fadeIn .7s ease-in both;
	}
	.hero-logo img {
		position: relative;
		width: 50vw;
	}
	
@media screen and (max-width: 810px){
	.hero-logo {
		width:100%;
	}
	
	.hero-logo img {
		width:80%;
		display:block;
		margin:0 auto;
	}	
}
.video-wrapper {
	height:83vh;
	}
	
@media screen and (max-width: 810px){
.video-wrapper {
	height:85vh;
	}
	}

#BGvideo{
	min-width:100%;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position:top;	
	}
#BGvideo-mobile {
	display:none;
	}


.homeMenuWrapper {
	padding:0 1%;

}
@media screen and (max-width: 810px){
	.homeMenuWrapper {
		display:none;
	}
}
.homeMenuInner {
	display:flex;
	width:100%;
	justify-content:space-between;
	flex-direction:row;
	padding:0 ;
}

.homeMenuWrapper a {
	text-decoration:none;
	color:#000;

}

.homeMenuWrapper a:hover {
	color:#cf9b41;
}

.homeMenuWrapper h2 {
	font-family:var(--headlinefont);
  font-size:4.2vw;
  position:relative;
  cursor: pointer;	
letter-spacing:-3px;
}


	
.home-mission-wrapper{
	padding: 20vh 100px 20vh 0;
}

.home-mission-wrapper {
	width: 100%;
	min-height: 400px;	
	background-color: white;
	padding:1%;
	}
	.home-mission-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5rem;
		color: #fff;
/* 		-webkit-text-fill-color: black; */
		margin-bottom: 1rem;
		}
	.home-mission-wrapper p {
		color: white;
		font-size:1.05rem;
		}
	.home-mission-wrapper img {
    width: 70%;
    margin-bottom:25px;
		}
		
@media screen and (max-width: 810px){
		.home-mission-wrapper img {
			width: 100%;
		}
}

.building-wrapper {
	background-image:url('../imgs/academy.jpg');
	background-size:cover;
	background-position: center right;
 	height:100vh;
	background-attachment:fixed;
/* 	margin:55px 1.5%; */
	display:flex;
	align-items:center;
	padding-left:50px;
}

@media screen and (max-width: 810px){
	.building-wrapper {
		margin:5% 0 0 0;
		padding:0 10px;
	}
}

.mission-inner-wrapper {
	background-color:rgba(0,0,0,.6);
	padding: 10px 25px 5px 25px;
}
/*

.mission-wrapper {
	padding: 20vh 100px 20vh 0;
	}
	.mission p{
	font-family:var(--headlinefont);
	text-align: left;
	font-size:2rem;
	color: #6f7173;
	}
	.m-headline {
	font-size:2.5rem;
	text-transform: uppercase;
	color:#cf9b41;	
	}
*/
	.m-link a {
  font-family:var(--headlinefont);
	font-size:1.5rem;
	text-transform: uppercase;
	color:#cf9b41;	
	text-decoration: none;
	transition:.3s;
	position:relative;
	}

	.m-link a:hover {
	color:#fff;	
	top:1px;
	}	
	

	.mission p{
	font-family:var(--headlinefont);
	text-align: right;
	font-size:1.75rem;
	color: #fff;
	}

.mission-inner-wrapper h4 {
	color:#fff;
}	
	

.homenews.news-wrapper {
	background-color:#fff;
	padding:0px 1% 8%;
	}	
	
.homenews .news-multi-column {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	grid-auto-rows:1fr;
	margin-bottom:20px;
}

@media only screen and (max-width: 810px) {
	.homenews .news-multi-column {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows:auto;
		grid-gap:10px;
		}
	}

  @media only screen and (max-width: 767px) {
	.homenews .news-multi-column {
	  grid-template-columns: 1fr;
	  grid-auto-rows: auto;
	  grid-gap: 30px;
		padding:0 4%;
	}
}

.homenews .news-multi-column .individual-post {
	background:rgba(0,0,0,.025);
	}	

.homenews.news-wrapper h1{
	margin-bottom:50px;
	text-align:center;
}

@media (max-width: 810px){
.homenews.news-wrapper h1{
	margin-bottom:10px;
}
}

@media (max-width: 768px){
		.mission-wrapper {
    	padding: 10px;
		}
		/*
		#BGvideo {
			display:none;
		}
		#BGvideo-mobile{
			display:block;
			width:100%;
			height:60vh;
			object-fit: cover;
		}
		*/
	}

/********************************************
				About Us
********************************************/

.video-wrapper.inner-page.about-header {
	display:flex;
	align-items:flex-end;
	height:80vh;
	object-position:top;
	background-image:url('../imgs/about-header-BG.jpg');
	background-size:cover;
	background-position: center center;
	background-attachment:fixed;
	overflow:hidden!important;
}

@media only screen and (max-width: 810px) {	
	.video-wrapper.inner-page.about-header {
		background-image:url('../imgs/aboutBG-mbl2.jpg');
		background-size:cover;
		background-position: center center;
		height:50vh;
	}
}

.video-wrapper.inner-page h1.about-title {
	position: absolute;
	color: #fff;
	line-height: .9;
	font-size: clamp(0vw, 9.24vw, 90vw)!important;
	white-space: nowrap;
	overflow: hidden !important;
	width: 100%;
	display: block;
	font-family: var(--headlinefont);
	text-transform: uppercase;
	font-weight: 600;
	left:0;
	margin-bottom:0px;
	animation: fadeIn .7s ease-in both;
}


.banner-wrapper {
	background-image: url('../imgs/TorontoSkyline_blur.jpg');
	background-position: center;
	background-size: cover;
	height: 50vh;
	background-color:#000;
	width: 100%;
	}
	.banner-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		color: #fff;
		font-size: 5rem;
		}
	.banner-wrapper p, .banner-wrapper a {
		font-family:var(--bodyfont);
		color: #fff;
		font-size: 1rem;
		text-decoration: none;
		}
  .banner-wrapper a:hover {
		text-decoration: underline;
		}		
.banner-logo {
	position: fixed;
  margin: 3px 0px 0px 12px;
  z-index:1;
  mix-blend-mode: exclusion;
	}
	.banner-logo img {
		width: 210px;
		}
		
		
	@media (max-width: 810px){
		.banner-logo img {
			width: 140px;
		}
	}
		

.whoweare-wrapper{
	width: 100%;
	min-height: 400px;
	}
	.whoweare-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5rem;
		color: black;
/*
		-webkit-text-fill-color: white;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: black;
*/
		}	
		.whoweare-wrapper a {
		font-size:1rem;
		font-weight: bold;
		text-transform: uppercase;
		color:#cf9b41;	
		text-decoration: none; 
		position:relative;
		transition:.5s;
		}
		
		.whoweare-wrapper a:hover {
			left:3px;
			color:#000;
		}
		
		li.list-group-item.border-0 {
    padding-left: 0px;
		}
.aboutus-blk-wrapper {
	width: 100%;
	min-height: 400px;	
	background-color: black;
	padding: 30px 0px;
	}
	.aboutus-blk-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5rem;
		color: white;
		margin-bottom: 2rem;
		}
	.aboutus-blk-wrapper p {
		color: white;
		}
.aboutus-wht-wrapper {
	width: 100%;
	min-height: 400px;	
	background-color: white;
	padding: 30px 0px;
	}
	.aboutus-wht-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5rem;
		color: black;
/*
		-webkit-text-fill-color: white;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: black;
*/
		margin-bottom: 2rem;
		}
	.aboutus-wht-wrapper p {
		color: black;
		}
	
	
/* panel styles */
.panel {
  /* min height incase content is higher than window height */
  min-height: 100vh;
  padding:10% 0 0 0;
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  transition: background-color 1s ease;
  /* outline: 10px solid hotpink; */
  /* turn above on to see the edge of panels */
}

.panel.small {
	padding:10% 0;
}

.artistspanel {
	min-height:55vh;
	position:relative;
}

@media (max-width: 810px){
	.panel {
		min-height:auto;
		height:auto;
		padding:60px 0;
	}
	
	.panel.artistspanel {
		padding-top:0px;
		height:50vh;
	}
	
	.panel.artistspanel .mobile-only {
		display:inline-block;
	}
	
	.artistspanel #BGvideo {
		position:absolute!important;
	}
}

.panel h1 {
	font-size:5vw;
	text-transform:uppercase;
	margin-bottom:25px;
	font-weight:600;
	letter-spacing:-.04rem;
}
@media (max-width: 810px){
	.panel h1 {
		font-size:5rem!important;
	}
}

@media (max-width: 767px){
	.panel h1 {
		font-size: 7vw !important;
		margin-top: 15px;
	}
}

.panel p {
	width:60%;
	margin:0 auto;
	font-size:1.25rem;
	margin-bottom:10px;
	text-align:center;
}
@media (max-width: 810px){
	.panel p {
		width:75%;
		font-size:1rem;
	}
}

.panelLogo {
	width:550px;
	margin-bottom:50px;
}
@media (max-width: 810px){
	.panelLogo {
		width:275px;
	}
}


.aboutpanel.topImage {
	padding:0 3%;
}
.panel h4 {
	width:60%;
	line-height: 1.5em;
	text-align: left;
	font-size:1.4em;
}
@media (max-width: 810px){
	.panel.aboutpanel h4 {
		width:100%;
		font-size:1em;
		text-align:left;
		padding:0 15px;
	}
}

.panel a, .panel a h1 {
	text-decoration:none;
	transition:.5s;
	position:relative;
	text-shadow:none!important;
	text-align:center;
}

.panel a:hover h1{
/* 	transform:scale(1.2); */
}

a.discoverLink h1 {
	display:block;
	opacity:.4;
/* 	cursor: url('../imgs/listen-now.png'), pointer!important; */
	cursor: pointer!important;
	transform:scale(1);
	transition:.5s;
}

a.discoverLink:hover h1 {
	opacity:1;
	transform:scale(1.5);

}
.panel .btn {
	background-color:#cf9b41;
	color:#fff!important;
	border:3px solid #cf9b41;
	border-radius:0;
	padding:12px 125px;
	margin-top:30px;
	font-weight:600;
	position:relative;
	transition:.3s;
	display:block;
	min-width:500px;
}

@media (max-width: 810px){
	.panel .btn {
		padding:12px 0;
		min-width:75%;
		width:75%;
		font-size:16px;
	}
}

.panel .btn:hover {
	background-color:#000;
	color:#fff!important;
	border:3px solid #000;
}

.panel .btn-blk {
	border:2px solid #000;
	color:#000;
	border-radius:0;
	padding:12px 125px;
	margin-top:30px;
	font-weight:600;
	position:relative;
	transition:.3s;
}

@media (max-width: 810px){
	.panel .btn-blk {
		padding:12px 0;
		width:75%;
		font-size:13px;
	}
}

.panel .btn-blk:hover {
	background-color:#cf9b41;
	color:#fff!important;
	border:2px solid #cf9b41;
}

.panel #BGvideo{
	position:absolute;
	min-width:100%;
	width:100%;
	object-fit: cover;
	object-position:top;
	}
@media (max-width: 810px){
	.panel #BGvideo {
		position:relative;
	}
}

/* colours */
.color-white {
  background-color: #fff;
}
.color-black {
  background-color: #000;
}
.color-black h1, .color-black p, .color-black h4, .color-gold h1, .color-gold p {
	color:#fff;
}

.color-gold {
  background-color: #cf9b41;
}

.color-black a:hover {
	color:#fff!important;
}



.building-image {
	background-image:url('../imgs/about-campusBG2.jpg');
	background-size:cover;
	background-position: center;
 	height:100vh;
}


.artist-gallery {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 90%;
	opacity: .8!important;
}

.artist-gallery img {
	width:24%;
}



/********************************************
				Our Artists
********************************************/

.artist-header-wrapper {
	padding: 120px 0 0 0;
	width: 100vw;
	overflow: hidden;
	background-color:#f7f7f7;
}

	

h1.artist-title {
	font-size: clamp(0vw, 19.4vw, 100vw);
  white-space: nowrap;
  line-height: 1em;
  margin-bottom: 0px;
  padding-bottom: 0px;
  animation: fadeIn .7s ease-in both;
  letter-spacing: -.5vw;
  padding: 0 3%;
  white-space:break-spaces;
}


@media only screen and (max-width: 810px) {
	h1.artist-title {
		font-size: clamp(0vw, 19.75vw, 100vw)!important;
	}
}

.artists-wrapper {
display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  z-index: 0;
  padding: 0 3% 3% 3%;
  background-color: #f7f7f7;
  grid-gap: 10px;
}

@media only screen and (max-width: 810px) {
.artists-wrapper {
	grid-template-columns:1fr 1fr;
	}
}

.artists-wrapper a{
	position:relative;
	transition:.3s ease-in-out;
	background-color:#f7f7f7;
}

@media only screen and (max-width: 810px) {
	.artists-wrapper a {
	}
}

@media only screen and (max-width: 809px) {
	.artists-wrapper a {
		width:100%;
	}
}

.artists-wrapper a:hover {
	transform:scale(1.02);
/* 	box-shadow:0px 0px 24px rgba(0,0,0,.6); */
	z-index:3;
}

.artists-wrapper a span {
  color: #fff;
  position: absolute;
	font-size: 2em;
  font-family: var(--headlinefont);
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(transparent, rgba(0,0,0,.3), rgba(0,0,0,.8));
  padding: 30px 0px 3px 20px;
  }


@media only screen and (max-width: 810px) {
.artists-wrapper a span {
  color: #fff;
  position: absolute;
  font-size: 1.2em;
  font-family: var(--headlinefont);
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(transparent, rgba(0,0,0,.6), rgba(0,0,0,.8));
  padding: 30px 10px 5px 7px;
	}
}


/********************************************
				Media
********************************************/
.media-header-wrapper {
	padding: 15% 0 0 0;
	background: #000;
	width: 100vw;
	overflow: hidden;
	background-image: url('../imgs/news-BG-AR.jpg');
	background-position:bottom center;
	background-size: cover;
	background-attachment:fixed;

}

	

h1.media-title {
	color: #fff;
	font-size: clamp(0vw, 19.85vw, 100vw);
	white-space: nowrap;
	line-height: .85em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: -.85%;
	animation: fadeIn .7s ease-in both;
}


@media only screen and (max-width: 810px) {
	h1.media-title {
		font-size: clamp(0vw, 19.75vw, 100vw)!important;
	}
}

.news-wrapper h3, .pressrelease-wrapper h3 {
	font-size:2rem;
}
@media only screen and (max-width: 810px) {
	.news-wrapper h3, .pressrelease-wrapper h3 {
		font-size:2.1rem;
	}
}

@media only screen and (max-width: 800px) {
	.news-wrapper h3, .pressrelease-wrapper h3 {
		font-size:1.5rem;
		padding-top:10px;
	}
}

#searchform {
	position:relative;
	display:flex;
	justify-content:flex-end;
	margin-bottom:90px;
}

@media only screen and (max-width: 767px) {
	#searchform {
		flex-direction:column;
		margin-bottom:35px;
	}
}

.searchpage .news-multi-column h3 {
	padding-top:20px;
}

.news-wrapper input {
	display:inline-block!important;
	float:right;
	margin-left:10px;
	font-family:var(--bodyfont);
	font-size:revert;
	min-height:40px;
}
@media only screen and (max-width: 767px) {
	.news-wrapper input {
		margin-bottom:10px;
		margin-left:0px;
	}
}

#searchsubmit {
	padding: 0 55px;
	border-radius: 0;
	border: 0;
	background:#cf9b41;
	color:#fff;
	transition:.3s;
	position:relative;
	font-family:var(--bodyfont);
}

#searchsubmit:hover {
	background:#000;
	top:1px;
}

.news-wrapper h3{
	color:#000;
}

.news-wrapper{
	width: 100%;
	padding: 130px 3%;
	background-color:#efefef;
	}
	@media only screen and (max-width: 810px) {
		.news-wrapper {
			padding-top:17%;
		}
	}
	@media only screen and (max-width: 767px) {
		.news-wrapper {
			padding-top:30%;
		}
	}

	.news-wrapper .list-group-item {
	  border: 0;
	  align-items:center;
	  display:grid;
	  align-items:start;
	  width:100%;
	  padding:15px;
	}
		
	@media only screen and (max-width: 810px) {
		.news-wrapper .list-group-item {
			flex-direction:column;
		}
	}
	
.news-featured-posts {
	display:flex;
	flex-direction:row;
}
@media only screen and (max-width: 810px) {
	.news-featured-posts {
		flex-direction:column;
	}
}
	
.news-featured-posts .list-group-item{
	margin-bottom:30px;
	display:flex;
	align-items:center;
}

.news-featured-posts .list-group-item:first-child{
	margin-right:30px;
}

@media only screen and (max-width: 810px) {
	.news-featured-posts .list-group-item{
		min-height:auto;
	}
}


.news-multi-column {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
	grid-auto-rows:1fr;
	margin-bottom:20px;
}

@media only screen and (max-width: 810px) {
	.news-multi-column {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows:auto;
		grid-gap:10px;
		}
	}

  @media only screen and (max-width: 767px) {
	.news-multi-column {
	  grid-template-columns: 1fr;
	  grid-auto-rows: auto;
	  grid-gap: 30px;
	}
}

.news-multi-column .individual-post{
	width:100%;
}
	  

	.news-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5rem;
		color: #000;
/*
		-webkit-text-fill-color: white;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: black;
*/
		}	
		.news-wrapper a {
		font-size:1rem;
		height:100%;
		color:#6f7173;	
		text-decoration: none;
		cursor: pointer;
		}
		.news-wrapper a:hover {
		color:#fff;
		background-color: #000;	
		transition:.3s;
		}
		.news-wrapper a:hover h3 {
			color:#fff!important;
		}
.news-wrapper .news-featured-posts .featured-image {
		background-size: cover !important;
		background-position: center center !important;
		min-height: 500px;
		min-width: 48%;
		width:100%;
		background-position-x: 0%;
		background-position-y: 0%;
		background-size: auto;
		margin-right:25px;
	}
.title-date-wrapper h3, .individual-post h3 {
	text-transform:capitalize!important;
}	

@media only screen and (max-width: 810px) {
	.news-wrapper .news-featured-posts .featured-image {
		margin-right:0px;
		min-height:300px;
		margin-bottom:15px;
	}
}

@media only screen and (max-width: 767px) {
	.news-wrapper .news-featured-posts .featured-image {
		min-height:245px;
		margin-bottom:0px;
	}
}
			
		.news-wrapper .featured-image, .pressrelease-wrapper .featured-image {
		background-size: cover !important;
		background-position: top center !important;
		background-position-x: 0%;
		background-position-y: 0%;
		background-size: auto;
		width:100%;
		min-height:280px;
			margin-bottom:15px;
	}	
	@media only screen and (max-width: 810px) {
		.news-wrapper .featured-image, .pressrelease-wrapper .featured-image {
			width:100%;
			min-height:325px;
			margin-right:0px;
		}
	}
	
	@media only screen and (max-width: 800px) {
		.news-wrapper .featured-image, .pressrelease-wrapper .featured-image {
			min-height:245px;
		}
	}


		.news-wrapper .title-date-wrapper, .pressrelease-wrapper .title-date-wrapper {
		display:flex;
		flex-direction:column;
	}
		.news-wrapper span, .pressrelease-wrapper span{
			font-style: italic;
			font-size:.9rem;
			padding-bottom:10px;
		} 
		
		.news-wrapper .wn-link a, .pressrelease-wrapper .wn-link a {
		font-size:1.5rem;
		text-transform: uppercase;
		color:#cf9b41;	
		text-decoration: none; 
		font-family:var(--headlinefont);
		text-align: left;
		font-style:normal!important;
		position:relative;
		font-weight:400;
		}

	@media only screen and (max-width: 810px) {
		.news-wrapper .wn-link a, .pressrelease-wrapper .wn-link a {
			font-size:1.1em;
			margin-left:3%;
		}
	}
		
		.news-wrapper .wn-link a:hover {
			background-color:transparent;
			color:#000;
			top:1px;
			transition:.3s;
		} 

	.news-signup {
		display: flex;
		background: #fff;
		text-align: left;
		width: 50%;
		margin: 5% auto 0 auto;
		justify-content: center;
		align-items: center;		
	}
	
@media only screen and (max-width: 1600px) {
	.news-signup {
		margin: 100px auto 0 auto;
		flex-direction: column;
		max-width:800px;
		width:100%;
	}
}




	.signupleft {
	background-image: url('../imgs/signupimage.jpg');
	background-size: cover;
	min-height: 450px;
	width:50%;
	background-position: center;
}

@media only screen and (max-width: 1600px) {
	.signupleft {
		width:100%;
		min-height:350px;
	}
}

	.news-signup h4 {
		font-size:1.4rem;
		line-height:1.5
	}
@media only screen and (max-width: 1600px) {
	.news-signup h4 {
		font-size:1.2rem;
	}
}
	
	.signupright {
		padding:50px;
		width:50%;
	}
@media only screen and (max-width: 1600px) {
	.signupright {
		padding:20px;
		width:100%;
	}
}
.signupright img {
	padding:0px;
}
	.news-signup .btn {
		background-color:#cf9b41;
		border-radius:0px;
		color:#fff;
		text-transform:uppercase;
		font-weight:600;
		padding: 10px 0px;
		font-size: 1rem;
		border: 0px;
		position: relative;
		transition: .3s;
		display: block;
		margin: 45px auto 0px auto;
		min-width:auto;
	}
@media only screen and (max-width: 1200px) {
	.news-signup .btn {
		width:100%;
		font-size:12px;
		margin-top:15px;
	}
}


.press-pagination {
	text-align:center;
	padding:15px 0;
	display:block;
}

.press-pagination a, .press-pagination span {
	padding:5px 10px;
}

.news-wrapper .press-pagination a:hover {
	color:#cf9b41;
	background:transparent;
}

.press-pagination span.current {
	font-style:inherit;
	font-size:1rem;
	background:#cf9b41;
	color:#fff;
	
}

/******** CATEGORY ************/
.category .list-group-item {
	background:#fff;
}
/******** SINGLE POST ************/

.single-banner-wrapper {
	background: #f5f5f5;
	background-position: center;
	background-size: cover;
	height: 90px;
	width: 100%;
	}
	
.single-outer-wrapper {
		background-color:#f5f5f5;
		display:flex;
		padding: 1% 4% 4% 4%;
}	
	.single-news-wrapper{
		width: 75%;
		}

@media only screen and (max-width: 810px) {
	.single-news-wrapper {
		padding:3% 2%;
		width:100%;
	}		
}
		.single-news-wrapper h1 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 2rem;
		padding:0 0 35px 0;
		color: #000;
		margin-bottom:0px;
		}
		@media only screen and (max-width: 810px) {
			.single-news-wrapper h1 {
				font-size: 1.2em !important;
				margin-top: 15px;
				text-align:center;
  			}
  		}
		.single-news-wrapper a {
		font-size:1rem;
		text-transform: uppercase;
		color:#cf9b41!important;	
		text-decoration: none;
		cursor: pointer;
		}
		.single-news-wrapper a:hover {
		color:#000;
		background-color: #fff;	
		}	
		
		.single-news-wrapper .catlink a {
			font-weight: 700;
			background-color: #cf9b41;
			color:#fff!important;
			padding: 5px 21px;
			transition:.3s;
			font-size:.8rem;
		}
		
		.single-date {
			font-weight: 500;
			margin-bottom: 10px;
			font-style: italic;
		}
		
		@media only screen and (max-width: 810px) {
			.single-date {
				text-align:center;
			}
		}
		
		.single-news-wrapper .catlink a:hover {
			background-color:#000;
			}
			
		.single-news-wrapper .featured-image img {
			max-height:800px;
			width:auto;
			display:block;
			margin:0 auto;
		}	
		.single-news-wrapper .list-group-item {
			position:unset;
			padding:15px;
			border:0px;
		}
		
	.post-wrap {
		flex-direction:row;
		flex-wrap:wrap;
	}
	
	
	.individual-post h3 {
		font-size:1.3rem;
		padding:5px 0 0px 0;
	}
@media only screen and (max-width: 810px) {
	.individual-post h3 {
		padding-top:10px;
		font-size:1.3em;
	}
}

.single-sidebar-wrapper {
	width:25%;
	min-width:300px;
	margin-left:50px;
	padding:0 30px 30px 30px;
}

@media only screen and (max-width: 810px) {
	.single-sidebar-wrapper {
		display:none;
	}
}
.single-sidebar-wrapper .featured-image {
	width:100%;
	height:200px;
	background-size:cover!important;
}

.single-sidebar-wrapper .individual-post {
	background: #fff;
	padding: 15px;
}


.single-news-inner-wrapper {
	padding:15px 35px 15px 35px;
	margin-top:30px;
}
@media only screen and (max-width: 810px) {
.single-news-inner-wrapper {
	padding:15px 0;
	}
}


.single-sidebar-wrapper .individual-post h3 {
  font-size: 1.3rem;
  padding: 10px 0 0px 0;
  margin-bottom: 10px;
  }

.single-sidebar-wrapper .individual-post:last-child h3 {
	margin-bottom:0px;
}

.single-sidebar-wrapper .individual-post p span {
text-transform: capitalize!important;
  color: #cf9b41!important;
  font-weight: 700!important;
  display: inline-block!important;
  font-size: .9rem!important;
  }
  
  .individual-post {
	  margin-bottom:10px;
  }
/********************************************
				Search
********************************************/
.searchpage {
	min-height:80vh;
}

.searchpage h3 {
	display:inline-block;
	margin-bottom:20px;
}

/********************************************
				Partners
********************************************/
.video-wrapper.inner-page.partners-header {
	display:flex;
	align-items:flex-end;
	height:80vh;
	object-position:top;
	overflow: hidden;
	/** background-image: url('../imgs/labelsBG.jpg'); **/
	background-position: bottom center;
	background-size: cover;
	background-attachment:fixed;
}

@media only screen and (max-width: 810px) {	
	.video-wrapper.inner-page.partners-header {
		/** background-image: url('../imgs/labelBG-mbl.jpg'); **/
		background-position: bottom center;
		height:50vh;
	}
}
.video-wrapper.inner-page h1.partners-title {
	position: absolute;
	color: #fff;
	line-height: .9;
	font-size: clamp(0vw, 10.89vw, 90vw) !important;
	white-space: nowrap;
	overflow: hidden !important;
	width: 100%;
	display: block;
	font-family: var(--headlinefont);
	text-transform: uppercase;
	font-weight: 600;
	left:0;
	margin-bottom:0px;
	animation: fadeIn .7s ease-in both;
}

@media only screen and (max-width: 810px) {
	.video-wrapper.inner-page h1.partners-title {	
		font-size:clamp(0vw, 11vw, 90vw) !important;
	}
}

.campus-wrapper.label .campus-panel {
	flex-direction:row;
	padding:10% 3%;
	min-height:auto;
}

@media only screen and (max-width: 810px) {	
	.campus-wrapper.label .campus-panel {
		flex-direction:column;
		padding:15% 5%;
	}
}

.campus-wrapper.label .campus-panel.signup {
	flex-direction:row;
	padding:5% 3%;
	min-height:auto;
}

@media only screen and (max-width: 810px) {	
	.campus-wrapper.label .campus-panel.signup {
		flex-direction:column;
		padding:25% 5%;
	}
}


.label img {
	display:block;
	margin:0 auto;
	width:400px;
	max-width:100%;
	padding:0 10px;
}
@media only screen and (max-width: 810px) {
	.label img {
		margin:0 auto 50px auto;
		width:200px;
		max-width:100%;
	}
}

.label .rightsideinfo {
	padding-left:0px;
}
/********************************************
				COMMUNITY
********************************************/
.community-header-wrapper {
	display:flex;
	align-items:flex-end;
	height:80vh;
	object-position:top;
	overflow: hidden;
	background-image: url('../imgs/communityBG3.jpg');
	background-position: center;
	background-size: cover;
	background-attachment:fixed;
}
@media only screen and (max-width: 810px) {
	.community-header-wrapper {
		background-image: url('../imgs/communityBG-mbl2.jpg');
		background-position: unset;
		height:50vh;
	}
}
.campus-wrapper.partners .campus-panel {
	flex-direction:row;
	padding:10% 3%;
	min-height:auto;
}

@media only screen and (max-width: 810px) {	
	.campus-wrapper.partners .campus-panel {
		flex-direction:column;
		padding:15% 5%;
	}
}

.campus-wrapper.partners .campus-panel.signup {
	flex-direction:row;
	padding:5% 3%;
	min-height:auto;
}

@media only screen and (max-width: 810px) {	
	.campus-wrapper.partners .campus-panel.signup {
		flex-direction:column;
		padding:25% 5%;
	}
}

.partners .news-signup {
	margin-top:0px;
	background-color:#f3f3f3;
}
.partners img {
	display:block;
	margin:0 auto;
	width:500px;
	padding:0 10px;
	max-width:100%;
}
@media only screen and (max-width: 810px) {
	.partners img {
		margin:0 auto 50px auto;
		padding:0;
	}
}

.panel.signup img {
	margin-bottom:0px;
	padding:0px;
}
.partners .rightsideinfo {
	padding-left:0px;
}

.news-signup .btn:hover {
	border:0px;
}









h1.community-title {
	color: #fff;
	font-size: clamp(0vw, 11.19vw, 100vw);
	white-space: nowrap;
	line-height: .85em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: -.85%;
	animation: fadeIn .7s ease-in both;
}


@media only screen and (max-width: 810px) {
	h1.community-title {
		font-size: clamp(0vw, 11.2vw, 100vw) !important;
	}
}

.community-blk-wrapper {
	width: 100%;
	min-height: 400px;	
	background-color: black;
	padding: 30px 0px;
	}
	.community-blk-wrapper p {
		color: white;
		}
.communnity-wht-wrapper {
	width: 100%;
	min-height: 400px;	
	background-color: white;
	padding: 30px 0px;
	}
	.partners-wht-wrapper p {
		color: black;
		}
	.partners-wht-wrapper.community img, .partners-blk-wrapper.community img {
		width: 400px;
		max-width:100%;
	}
	



/********************************************
				FAQ
********************************************/

.faq-wrapper{
	width: 100%;
	min-height: 400px;
	padding: 50px 0px;
	}
	.faq-wrapper .accordion-button {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 1.8rem;
		color: #000;
		background-color: #f4f4f4;
		font-weight: bold;
		}	
		.faq-wrapper a {
		font-size:1rem;
		font-weight: bold;
		text-transform: uppercase;
		color:#6f7173;	
		text-decoration: none;
		cursor: pointer;
		}
		.faq-wrapper a:hover {
		color:#fff;
		background-color: #000;	
		}	
		.faq-wrapper span, .faq-wrapper p, .faq-wrapper span{
			font-style: italic;
		}  
		.faq-wrapper .accordion-item {
    margin: 15px 0px;
		}
		.faq-wrapper .accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
		}
		
		
/********************************************
				CAREERS
********************************************/

.video-wrapper.inner-page.career-header {
	display:flex;
	align-items:flex-end;
	height:80vh;
	width: 100vw;
	overflow: hidden;
	background-image: url('../imgs/careersBG2.jpg');
	background-position: center;
	background-size: cover;
	background-attachment:fixed;
}

@media only screen and (max-width: 810px) {	
	.video-wrapper.inner-page.career-header {
		background-image: url('../imgs/careersBG-mbl.jpg');
		background-position: center;
		height:50vh;
	}
}

.video-wrapper.inner-page.career-header #BGvideo {
	position:fixed;
	z-index:-1;
}

.video-wrapper.inner-page h1.career-title {
	position: absolute;
	color: #fff;
	line-height: .9;
	font-size: clamp(0vw, 5.941vw, 90vw) !important;
	white-space: nowrap;
	overflow: hidden !important;
	width: 100%;
	display: block;
	font-family: var(--headlinefont);
	text-transform: uppercase;
	font-weight: 600;
	left:0;
	margin-bottom:0px;
	animation: fadeIn .7s ease-in both;
}

h2.career-title {
	font-size:3vw;
}
@media only screen and (max-width: 810px) {	
	
	h2.career-title {
		font-size:5vw;
		padding:25px 0 15px 0
	}
}

@media only screen and (max-width: 767px) {	
	
	h2.career-title {
		font-size:11vw;
	}
}

.color-black h2, .color-black ul li {
	color:#fff;
}


ul.career-list {
	font-family: var(--headlinefont);
	font-size: 1.4rem;
	margin-bottom:0px;
}


.career-BG-image {
	background-image:url('../imgs/creative-campus-BG-AR.jpg');
	background-attachment:fixed;
	background-size:cover;
	background-position: center;
 	padding:20% 0;
	display:flex;
	flex-direction:column;
	min-height:auto!important;
}
@media only screen and (max-width: 810px) {	
	.career-BG-image {
		height:auto;
		min-height:65vh;
	}
}




.careers-wrapper{
	width: 100%;
	padding:50px 0 0 0;
	background-color:#fff;
	}
	
	.careers-wrapper h2 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5vw;
		color: white;
		text-align:center;
		margin-bottom:30px;
	}
@media only screen and (max-width: 767px) {	
	.careers-wrapper h2 {
		font-size:2.3rem;
	}
}
	
.careers-wrapper .btn {
	background-color:#cf9b41;
	border-radius:0px;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	padding: 15px;
	font-size: 1rem;
	width: 95%;
	border: 0px;
	position: relative;
	transition: .3s;
	display: inline-block;
	margin: 0 auto 18px auto;
}

.careers-wrapper .btn:hover {
	background-color:#000;
	top:1px;
}
.headline-text {
	font-size:5.3vw;
	text-align:center;
	display:block;
	font-family:var(--headlinefont);
	text-transform:uppercase;
	font-weight:600;
	padding-top:10px;
/*
	animation: fadeIn .7s ease-in both;
	 animation-delay: .4s;
*/
}

@media only screen and (max-width: 810px) {
	.headline-text {
		font-size:4rem;
		line-height:1.2em;
	}
}
@media only screen and (max-width: 767px) {
	.headline-text {
		font-size: 3rem;
		line-height: 1.2em;
		padding: 0 20px;
	}
}
.section {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  text-align: left;
}
.section--offwhite {
  background: #FBFBFB;
}
.section--gradient {
  background: #7cf1ec;
  background: linear-gradient(90deg, #7cf1ec 0%, #62ffd8 100%);
}
.section h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 75px;
}
.section p {
  color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.6;
  max-width: 900px;
}

/*
.pinned-image {
  color: white;
  display: flex;
  min-height: 100vh;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 810px) {
	.pinned-image {
		min-height:110vh;
	}
}

.pinned-image--small {
  height: 65vh;
}
.pinned-image--light h2 {
  color: #000!important;
}
.pinned-image--light .pinned-image__container-overlay {
  background: rgba(255, 255, 255, 0.7);
}
.pinned-image__container {
  padding-top: 58%;
  position: relative;
  transform: scale(0.75);
  width: 100%;
}
.pinned-image__container-overlay {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.pinned-image__container-overlay--gradient {
  background: rgba(207, 165, 55, 0.7);
  background: linear-gradient(90deg, #cf9b41 0%, rgba(207, 165, 55, 0.7) 100%);
}
.pinned-image__container img {
  height: 100%!important;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.pinned-image__quote {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media only screen and (max-width: 810px) {
	.pinned-image__quote {
		width:90%;
	}
	
	.pinned-image__quote.whoyouare {
		padding-top:160px;
	}
}
.pinned-image__quote blockquote {
  padding-bottom: 75px;
}
.pinned-image__quote p {
	font-family:var(--headlinefont);
	width:90%;
	margin:0 auto;
	font-size:1.5rem;
	margin-bottom:10px;
	text-align:left;
  margin-bottom:10px;
  font-weight:500;
}

@media only screen and (max-width: 810px) {
	.pinned-image__quote blockquote p {
		font-size:1.2rem;
	}
}

.pinned-image__quote ul li {
	font-family:var(--headlinefont);
	width:90%;
	margin:0 auto;
	font-size:1.5rem;
	margin-bottom:10px;
	text-align:left;
  margin-bottom:0px;
  font-weight:500;
}

@media only screen and (max-width: 810px) {
	.pinned-image__quote ul li {
		font-size:1rem;
	}
}

.pinned-image__quote blockquote p:before {
  content: .pinned-image__quote blockquote p:before ldquo;
}
.pinned-image__quote blockquote p:after {
  content: .pinned-image__quote blockquote p:after rdquo;
}
.pinned-image__quote-author {
  font-size: 32px;
  font-weight: 700;
}
.pinned-image__quote-role {
  font-size: 18px;
  letter-spacing: 1px;
  margin-left: 20px;
  text-transform: uppercase;
}

.horizontal-slider {
  display: flex;
  overflow-x: hidden;
  height: calc(100vh - 2 * 10px);
  padding: 10px 0;
}

.horizontal-slider img {
  height: 100%!important;
  padding-left: 10px;
  width: auto;
}

.horizontal-slider img:last-child {
  padding-right: 10px;
}
*/

/***************** CREATIVE CAMPUS ***********/
.video-wrapper.inner-page.campus-header {
	display:flex;
	align-items:flex-end;
	height:80vh;
	object-position:top;
	background-image:url('../imgs/80BG.jpg');
	background-size:cover;
	background-position: top center;
	background-attachment:fixed;
	overflow:hidden!important;
}

@media only screen and (max-width: 810px) {	
	.video-wrapper.inner-page.campus-header {
		height:50vh;
		background-position:20% top;
	}
}

.video-wrapper.inner-page h1.campus-title {
	position: absolute;
	color: #fff;
	line-height: .9;
	font-size: clamp(0vw, 8.4vw, 90vw) !important;
	white-space: nowrap;
	overflow: hidden !important;
	width: 100%;
	display: block;
	font-family: var(--headlinefont);
	text-transform: uppercase;
	font-weight: 600;
	left:0;
	margin-bottom:0px;
	animation: fadeIn .7s ease-in both;
}

.campus-wrapper{
	width: 100%;
	overflow:hidden;
	}

section.campus-tagline {
	width: 65%;
	margin: 0 auto;
	padding: 5% 0 2% 0;
	text-align:center;
}

@media only screen and (max-width: 810px) {
	section.campus-tagline {
	  width: 95%;
	  padding: 15% 0;
	}
}


section.tour-top {
	padding:1% 3% 1% 3%;
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}
@media only screen and (max-width: 810px) {
	section.tour-top {
		column-width: 250px;
		padding-bottom:0;
		grid-auto-columns:unset;
		  display: block;
		  grid-auto-flow: unset;
		  grid-gap: 10px;
	}
}

@media only screen and (max-width: 767px) {
	section.tour-top {
		column-width: auto;
	}
}


section.tour {
	padding:1% 3% 7% 3%;
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}
@media only screen and (max-width: 810px) {
	section.tour {
		column-width: 250px;
		padding-bottom:15%;
		grid-auto-columns:unset;
		  display: block;
		  grid-auto-flow: unset;
		  grid-gap: 10px;
	}
}

@media only screen and (max-width: 767px) {
	section.tour {
		column-width: 150px;
	}
}

section.tour img, section.tour-top img {
  width: 100%;
  cursor: pointer;
  margin-bottom:10px;
}

section.tour img:hover, section.tour-top img:hover {
	opacity:.7;
}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  background: #7f8c8d;
  perspective: 1000;
  z-index:10;
}

.filter {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(20px);
  opacity: 0.5;
  background-position: center;
  background-size: cover;
}

.lightbox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(0deg);
  max-height: 95vh;
  max-width: calc(95vw - 100px);
  transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
  transform-style: preserve-3d;
}


/*.lightbox:hover img{
  transform: translate(-50%, -50%) rotateY(180deg);
}*/

[class^="arrow"] {
  height: 200px;
  width: 50px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

[class^="arrow"]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 15px;
  height: 15px;
}

.arrowr {
  right: 0;
}

.arrowr:after {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.arrowl {
  left: 0;
}

.arrowl:after {
  border-left: 1px solid white;
  border-top: 1px solid white;
}

.close {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
}

.close:after,
.close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #fff;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.title {
  font-size: 20px;
  color: #000;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}


	
.campus-wrapper .campus-panel {
	flex-direction:row;
	padding:7% 3%;
	min-height:auto;
}

.campus-wrapper .campus-panel.studio-panel, .campus-wrapper .campus-panel.academy-panel {
	flex-direction:row;
	padding:7% 3% 1% 3%;
	min-height:auto;
}

@media only screen and (max-width: 810px) {	
	.campus-wrapper .campus-panel.studio-panel, .campus-wrapper .campus-panel.academy-panel, .campus-wrapper .campus-panel {
		flex-direction:column;
		padding:15% 5%;
	}
}

.campus-wrapper.black {
	background:#000!important;
}

.academy-panel-black {
	background-color:#000;
}

.panel .studio-logo {
	width:220px;
	margin-bottom:20px;
	display:block;
}

.panel .academy-logo {
	width:500px;
	margin-bottom:20px;
	display:block;
}
@media only screen and (max-width: 810px) {	
	.panel .studio-logo {
		width:170px;
		margin:20px auto
	}
	
	.panel .academy-logo {
		width:80%;
		margin:20px auto
	}
}

.rightsideinfo {
	padding-left:4%;
}

@media only screen and (max-width: 810px) {	
	.rightsideinfo {
		padding-left:0%;
	}
}

.campus-panel h4, .signupright h4 {
	line-height: 1.6em;
	text-align: justify;
	font-size:1.4em;
	font-weight:400;
	margin-bottom:10px;
	width:100%;
}

@media only screen and (max-width: 800px) {	
	.campus-panel h4, .signupright h4 {
		margin:0 auto;
		padding-bottom:10px;
	}
}


	
	.tour-wrapper h2 {
		font-family:var(--headlinefont);
		text-transform: uppercase;
		font-size: 5vw;
		color: white;
		text-align:center;
		margin-bottom:30px;
	}
@media only screen and (max-width: 767px) {	
	.tour-wrapper h2 {
		font-size:2.3rem;
	}
}

.tour-headline-wrapper {
	display: block;
	width: 75%;
	margin: 0 auto;
	text-align: center;
	animation: fadeIn .7s ease-in both;
	  animation-delay: 0s;
	animation-delay: 1s;
	font-size: 2.5rem;
	padding-top:5vh;
}
@media only screen and (max-width: 810px) {	
	.tour-headline-wrapper {
		width:90%;
	}
}

.tour-wrapper h4 {
	display: block;
	margin: 0 auto;
	text-align: left;
	animation: fadeIn .7s ease-in both;
	  animation-delay: 0s;
	animation-delay: 1s;
	font-size: 2rem;
}

@media only screen and (max-width: 810px) {	
	.tour-wrapper h4 {
		font-size:1.4rem;
		line-height:2rem;
	}
}
.tour-wrapper .btn {
	background-color:#cf9b41;
	border-radius:0px;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	padding: 15px;
	font-size: 1rem;
	width: 95%;
	border: 0px;
	position: relative;
	transition: .3s;
	display: inline-block;
	margin: 0 auto 18px auto;
}

.tour-wrapper .btn:hover {
	background-color:#000;
	top:1px;
}

.tour-logo-academy {
	width:65%;
	padding-bottom:40px;
}

.tour-logo-studio {
	width:22%;
	padding-bottom:40px;
}


/***************** LAND ACKNOWLEDGEMENT ***********/
.landacknowledgement{
		background-image:url('../imgs/landBG.jpg');
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
}
.legal-wrapper-outer{
	padding: 200px 3%;
	background-color:#f5f5f5;
	}
	@media only screen and (max-width: 810px) {
		.legal-wrapper-outer {
			padding-top:17%;
		}
	}
	@media only screen and (max-width: 767px) {
		.legal-wrapper-outer {
			padding-top:30%;
		}
	}

	.legal-wrapper-inner {
	  width:85%;
	  padding:3%;
	  margin:0 auto;
	  background-color:#fff;
	}
	@media only screen and (max-width: 810px) {	
		.legal-wrapper-inner {
		  width:100%;
		}
	}
			
	.legal-wrapper-inner h2 {
		margin-bottom:20px;
		font-size:2.5vw;
	}
	@media only screen and (max-width: 810px) {	
		.legal-wrapper-inner h2 {
			font-size:7vw;
		}
	}
	.legal-wrapper-inner h4 {
		font-weight:400;
	}
		
	@media only screen and (max-width: 810px) {
		.legal-wrapper .list-group-item {
			flex-direction:column;
		}
	}

/*******************************************************************
******************* MOBILE STYLES  **********************
********************************************************************/

@media screen and (max-width: 810px){
	.whoweare-wrapper h1 {
    font-size: 4rem;
    }
	.video-wrapper.inner-page h1 {
		font-size: 4em;
		left: 0rem;
		}	
	.news-wrapper h1 {
    font-size: 4rem;
    }
.pressrelease-wrapper h1 {
    font-size: 4rem;
    }
	.aboutus-wht-wrapper h1 {
		font-size: 3rem;
		}
		.aboutus-blk-wrapper h1 {
		font-size: 3rem;
		}
}	


/*******************************************************************
******************* KEYFRAME ANIMATION  **********************
********************************************************************/

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}




/*******************************************************************
******************* OCT 4 2023 EDITS **********************
********************************************************************/
.panel.aboutpanel.aboutPage {
	display:flex;
	flex-direction:column;
	padding:0% 1% 5% 1%;
}

.aboutPage img.aboutTop {
	display:block;
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 810px){
	img.aboutTop {
		width:90%;
	}
}

.aboutPage.box-container {
	padding:0 1% 5% 1%;
}

@media screen and (max-width: 810px){
	.aboutPage.box-container {
		padding:0 2.5% 5% 2.5%;
	}
}
.about-inner-wrapper {
	background:#000;
	color:#fff;
	padding:2%;
}

 .about-inner-wrapper.aboutPage {
  padding: 50px;
	width:85%;
	margin-top:-10%;
	color:#fff;
	background:#000;
}

@media screen and (max-width: 810px){
 	.about-inner-wrapper.aboutPage {
		padding: 15px;
  		width: 95%;
	}
}

@media screen and (max-width: 810px){
.about-inner-wrapper {
	width: 92%;
	padding:15px;
	margin-top:5%;
	}
}

.about-inner-wrapper h1 {
	text-align:center;
}



.about-inner-wrapper h2 {
	text-align:center;
	font-size: 3em;
	margin-bottom:45px;
}

@media screen and (max-width: 810px){
	.about-inner-wrapper h2 {
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
}

.about-inner-wrapper h4 {
	width:100%;
}

.line {
	height:120px;
	width:1px;
	background:#fff;
	margin:0 auto 25px auto;
}

.label-partners-logos-outer {
	 padding: 0 3% 7% 3%;
}
.label-partners-logos {
	display: flex;
	justify-content:space-around;
	align-items:center;
  flex-wrap: wrap;
  position: relative;
  z-index: 0;
  background-color:#fff;
}

.label-partners-logos img {
	width:300px;
	transition:.3s;
}
@media screen and (max-width: 810px){
	.label-partners-logos img {
		width:200px;
		margin-bottom:50px;
	}
}
	

.community-partners-logos {
display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  position: relative;
  z-index: 0;
  width: 53%;
  margin-top: 50px;
  gap:50px;
}

@media screen and (max-width: 810px){
.community-partners-logos {
	width: 85%;
	gap: 20px;
	grid-template-columns:1fr;
}
}

.community-partners-logos img {
	padding:5px;
	width:400px;
	transition:.3s;
	}

@media screen and (max-width: 768px){
	.community-partners-logos img {
	  padding: 15px;
	  width: 90%;
	 }
	}

.inthenews-logos {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 0;
	width: 100%;
	margin-top:50px;
	background:#fff;
	width:94%;
	padding:5% 0;
}

.inthenews-logos img {
	width:195px;
	transition:.3s;
	}

.inthenews-logos img.torontostar, .inthenews-logos img.globemail {
	width:250px;
	}


@media screen and (max-width: 768px){	
	.inthenews-logos img, .inthenews-logos img.torontostar, .inthenews-logos img.globemail {
		  width: 140px;
		  padding: 25px 0;
		}
	}
		


.label-partners-logos img:hover, .community-partners-logos img:hover, .inthenews-logos img:hover{	
		opacity:.7;
}

h1.artist-title-secondary {
	font-size: clamp(0vw, 6.42vw, 100vw);
	text-align:center;
	line-height: 1em;
	letter-spacing:-.2vw;
	padding: 7% 3% 50px 3%;
	white-space:break-spaces;
}

@media only screen and (max-width: 810px) {
	.maison-office {
		margin-bottom:25px;
	}
}

.social-icons {
	width:65%;
}
@media only screen and (max-width: 810px) {
	.social-icons {
		width:95%;
	}
}
	
.icon-wrapper {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	text-align: center;
	flex-wrap: wrap;
}
.icon-wrapper a {
	font-size:3.5em;
	color:#000;
	transition:.3s;
	padding:25px;
}

@media only screen and (max-width: 810px) {
	.icon-wrapper a {
		font-size: 3em;
		padding:20px;
		margin-top: 20px;
		line-height: 1em;
	}
}
.icon-wrapper a:hover {
	color:var(--gold);
}

.aboutSignup {
	margin-top:2%;
	background-color:#f7f7f7;
}

@media only screen and (max-width: 810px) {
	.aboutSignup {
		background-color:transparent;
		padding:3%;
		margin-top:12%;
	}
	}
.aboutSignup .signupright {
	background-color:#f7f7f7;
}




/****** 2025 UPDATES *********/

.panel.aboutpanel {
min-height: auto;
  padding: 8% 1%;
}

.panel.aboutpanel p {
  width: 100%;
  margin: 0 auto;
    margin-bottom: 0px;
  font-size: 1.25rem;
  margin-bottom: 10px;
  text-align: left;
}

.aboutpanel h2 {
font-size: 3rem;
  text-align: center;
  margin-bottom: 50px;
	color:#fff;
}
@media screen and (max-width: 810px){
	.aboutpanel h2 {
		font-size: 1.7rem;
		margin-bottom:25px;
		text-align:left;
	}
	.aboutPage h2 {
		text-align:left;
	}
	.panel.aboutpanel p {
		font-size:1rem;
	}
}



.about-boxes-outer {
	display:grid;
	grid-gap:10px;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	padding-top:50px;
}


.about-box-inner {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	min-height:500px;
	width:100%;
	display:flex;
	align-items: flex-end;
  	padding-left: 5%;
}

@media screen and (max-width: 810px){
	.about-box-inner {
		min-height:250px;
		background-position:center top;
	}
}

.about-box-inner h2{
	font-size: 2.5rem;
	text-align:left;
	margin-bottom:5%;
	color:#fff;
}
@media screen and (max-width: 810px){
	.about-box-inner h2{
		font-size: 2rem;
	}
}

.about-box-inner.box1 {
	background-image:url('../imgs/about-box-1.jpg');
}
.about-box-inner.box2 {
	background-image:url('../imgs/about-box-2.jpg');
}
.about-box-inner.box3 {
	background-image:url('../imgs/about-box-3.jpg');
}
.about-box-inner.box4 {
	background-image:url('../imgs/about-box-4.jpg');
}
.about-box-inner.box5 {
	background-image:url('../imgs/about-box-5.jpg');
}

.partnership-headline h1 {
	text-align: center;
  	font-size: clamp(0vw, 4vw, 90vw) !important;
  	padding-top: 5%;
	line-height:1;
}
@media only screen and (max-width: 810px) {
	.partnership-headline h1 {
  	font-size: clamp(0vw, 5.5vw, 90vw) !important;
	padding: 25px 4% 0 4%;
		line-height:.1.3;
	}
}

.partnership-wrapper {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	padding-top:2%;
}
@media only screen and (max-width: 810px) {
.partnership-wrapper {
	grid-template-columns:repeat(1, minmax(0, 1fr));
}
}

.partnership-video {
	padding:10px;
}

.partnership-video video{
	width:100%;
	height:auto;
	filter:grayscale(100%);
	transition:border-radius 0.3s ease-in-out;
}

.partnership-video video:hover{
	filter:grayscale(0);
	border-radius:50px;
	cursor:pointer!important;
}

.partnership-video h2 {
	font-size:1.4em;
	margin-bottom:10px;
}
@media only screen and (max-width: 810px) {
	.partnership-video h2 {
	font-size:1em;
	}
}

.subhead-outer {
	background-color:#000;
	color:#fff;
	padding:5% 10%;
	margin-top:5%;
	text-align:center;
}
@media (max-width: 768px) {
	.subhead-outer {
		padding:5%;
	}
}

	

.partnership-headline.subhead h2 {
	text-align: center;
  	font-size: clamp(0vw, 3vw, 90vw) !important;
}
@media (max-width: 768px) {
.partnership-headline.subhead h2 {
  	font-size: clamp(0vw, 5vw, 90vw) !important;
}
}

.partnership-contact {
	text-align:center;
}

a.partnership-button {
background:var(--gold);
	color:#fff;
  padding: 15px 50px;
  font-size: 1.5rem;
	line-height:1;
  border-radius: 50px;
  text-decoration: none;
  margin: 2% 0 5% 0;
  display: inline-block;
  position: relative;
  transition: .3s;
  font-family: var(--headlinefont);
}

a.partnership-button:hover {
	background:#fff;
	color:#000;
	top:1px;
}

@media (max-width: 810px) {

a.partnership-button {
  	font-size: 1rem;
	margin-bottom:12%;
}
}

.partnership-logo-wrapper img {
	margin: 0 auto;
    margin-top: 0px;
  display: block;
  margin-top: 5%;
  width: 430px;
	filter:invert(1);
}

@media (max-width: 810px) {
	.partnership-logo-wrapper img {
		width: 65%;
  		margin: 10% auto 5% auto;
	}
}

.logo-scroller {
  position: relative;
   display: block;
  width:100%;  /* Will fit parent container at 100% */
  margin:0 auto;
}

.logo-scroller-content {
  padding: 2% 0 0% 0;
}
@media (max-width: 810px) {
.logo-scroller-content {
  padding: 7% 0 3% 0;
}
}

.logo-scroller-items {
  overflow: hidden;
  cursor: default;
}

.logo-scroller-row {
  display: flex;
  position: relative;
  white-space: nowrap;
  justify-content: space-around; /* Ensures logos have space around them */
  gap: 40px; /* Adds consistent space between logos */
}
@media (max-width: 810px) {
	.logo-scroller-row {
		gap:0px;
	}
}


.logo-scroller-item {
  position: relative;
  flex: 1 1 auto; /* Flexible sizing */
  min-width: 150px; /* Prevent logos from getting too small */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-scroller-item span {
  position: relative;
  display: inline-block;
  z-index: 1;
}

/* Default logo size */
.logo-scroller-item span img {
  max-width: 100%;  /* Ensure the logo doesn't overflow horizontally */
  max-height: 100px;  /* Set consistent max height for logos */
  object-fit: contain;  /* Ensure logos maintain aspect ratio */
  display: block;  /* Remove inline spacing issues */
}

/* For larger screens (desktop) */
@media (min-width: 1024px) {
  .logo-scroller-item span img {
    max-height: 100px;  /* Larger height for big screens */
  }
}

/* For smaller screens (tablets) */
@media (max-width: 768px) {
  .logo-scroller-item {
    min-width: 80px; /* Adjust minimum width for smaller screens */
  }
  .logo-scroller-item span img {
    max-height: 80px;  /* Smaller height for tablets */
  }
}

/* For very small screens (phones) */
@media (max-width: 480px) {
  .logo-scroller-item {
    min-width: 80px; /* Adjust minimum width for mobile phones */
  }
  .logo-scroller-item span img {
    max-height: 60px;  /* Even smaller size for mobile phones */
  }
}


.text-center {
  text-align: center;
}

.color-white {
  color: #fff;
}

.box-container {
align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  padding: 35px 0px 0 0;
  width: 100%;
  grid-gap: 20px;
}

@media screen and (max-width:810px) {
  .box-container {
    grid-template-columns: 1fr 1fr;
  }
}

.box-item {
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
}

.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  min-height: 350px;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (max-width: 810px){
	.flip-box-front,
.flip-box-back {
	min-height:180px;
}
}

.flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box-back p {
	line-height:1.2;
	font-family: var(--headlinefont)!important;
	  font-size: 1.5rem !important;
}

.flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 25px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
	bottom:0;
	background:transparent;
  

}

.flip-box-header {
  font-size: 2.5rem;
	text-align:center;
	line-height:1.2;
}
@media screen and (max-width:810px) {
	.flip-box-header {
  font-size: 1rem;
	}
}

}
.flip-box p {
font-family: var(--headlinefont)!important;
  font-size: 1.8rem !important;
  line-height: 1.2em;
}


.flip-box-back .inner {
  height: 100%;
  display: flex;
  align-items: center;
}

.flip-box-img {
  width: 50px;
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
}

@media screen and (max-width:810px) {
	.flip-box-img {
	width: 40px;
  	margin-bottom: 13px;
	}
}

.flip-box-button {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  padding: 15px 20px;
  text-transform: uppercase;
}

.what-we-do-partnerships {
	padding-top:6%;
}

.wwd-blocks {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
}

@media screen and (max-width:810px) {
	.wwd-blocks {
		grid-template-columns:1fr;
	}
}

.wwd-blocks .inner {
	background:#000;
	min-height:750px;
	color:#fff!important;
	display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10%;
}

@media screen and (max-width:810px) {
	.wwd-blocks .inner {
		min-height:380px;
		margin: 10px 10px 0 10px;
	}
}


.wwd-blocks .inner h3, .wwd-blocks .inner p {
	color:#fff;
}

.wwd-blocks .inner h3 {
	font-size:3em;
}
@media screen and (max-width:810px) {
	.wwd-blocks .inner h3 {
		font-size:2em;
	}
}

.wwd-blocks .inner p {
	font-size:1.25em;
}
@media screen and (max-width:810px) {
	.wwd-blocks .inner p {
		font-size:1em;
	}
}


.wwd-blocks .inner.block1 {
	background-image:url('../imgs/wwd1.jpg');
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}

.wwd-blocks .inner.block2 {
	background-image:url('../imgs/wwd2.jpg');
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}


.wwd-blocks .inner.block3 {
	background-image:url('../imgs/wwd3.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.wwd-blocks .inner .flip-box-img {
  width: 125px;
}

.partnership-contact-wrapper {
		background-image:url('../imgs/umgb-contact.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	padding: 2% 0;
  	margin-top: 5%;
  	background-attachment: fixed;
}