@charset "utf-8";
/* CSS Document */
body {
	padding-top: 110px; /* Prevents content from hiding behind fixed header */
	background-color: #f2efe9;
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
	font-style: normal;
  }
  
a{
	  text-decoration: none;
  }

#homeCarousel{
	width: 100%;
	height: 100%;
}

#homeCarousel .carousel-item img {
    height: 550px;  /* Adjust height */
	width: 100%;
    object-fit: cover; /* Ensures images fill space properly */
}

#backToTop {
	display: none;
	position: fixed;
	background: transparent;
	border: none;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
	transform: scale(0.5);
  }
  
  .carousel-inner img {
	width: 100%; /* Maintain responsiveness */
	height: auto; /* Keep aspect ratio */
  }

.textBar{
	text-align: center;
	height: auto;
	padding-top:1%;
	padding-bottom: 2%;
	margin-top: 2.5%;
	margin-bottom: 1%;
}

.carousel-indicators li {
  list-style: none;
}

.card{
	overflow: hidden;
}

.testimonialCard{
	width: 30rem;
}

.testimonialText{
	font-size: 0.75rem;
}

.testimonialName{
	font-size: 1.1rem;
}

.cardImg{
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.card:hover .cardImg {
  transform: scale(1.05);  /* Slight zoom effect */
}

.courseCard{
	width: 14rem;
}


.eSportsTitleCards{
	width: 14rem;
	height: 350px;
}


.jumboBackground_eSports{
	background-image: url("images/eSportsCrowd.jpg");
	background-size: cover;
	padding:5vh;
	width: 100%;
	height: 70vh;
}


.jumboBannerExtend{
	padding-bottom: 50px;
	border-radius: 0px 0px 25px 25px; /* Rounded only on top */
}

.containerAdjust_Courses{
	margin-top: 0px;
}

.floatingCard{
	position:relative;
	width: 35rem;
	top:10px;
	right:40px;
	margin-left: auto; /* Center it */

}

.floatingCardeSports{
	position:relative;
	width: 32rem;
	top:10px;
	right:40px;
	margin-left: auto; /* Center it */

}

.floatingCard_eDetails{
	position:relative;
	width: 35rem;
	margin-left: auto; /* Center it */
}

.floatingCard_Courses{
	position:relative;
	width: 35rem;
	margin: auto; /* Center it */

}

.floatingTitle{
	font-size: 2rem;
}

.floatingTitleSports{
	font-size: 2rem;
}

.eSportStatsCard{
	width: 50rem;
}

.eSportStatsContent{
	transform: scale(0.95);
	width: 15rem;
	text-align: center;
}

.statsTitle{
	font-size:1.2rem;
	height:2.5rem;
	padding: 0px;
}

.statsInfo{
	font-size:1rem;
}

.calloutCard{
	width: 14rem;
	border:none;
	box-shadow: none;
}

.imgCalloutCard{
	width:128px;
	align-content: center;
}

.imgCalloutBox{
	height:50px;
}

.calloutTitle{
	font-size:2.25rem;
	text-align: center;
}

.calloutSubTitleEsports{
	font-size:1.5rem;
	text-align: center;
}

.calloutSubTitle{
	font-size: 1rem;
	text-align: center;
}


.calloutHeader{
	font-size:1.3rem;
}
.calloutSubheader{
	font-size:0.85rem;
}

.bioHeadshotImg{
	width:1.7rem;
}

.calloutHeaderBio{
	font-size:1.7rem;
}
.calloutBioSubheader{
	font-size:1.3rem;
}


.bannerBar{
	width:100%;
	left:0;
	border-radius: 25px;
}

.rowPadding{
	padding:5vh;
}

.rowPaddingeContact{
	padding: 5vh;
}

.gxPrimaryOrange{
	background-color:#feb224;
}
.gxPrimaryBlue{
	background-color:#4b9bd5;
}
.gxPrimaryGrey{
	background-color:#37393b;
}
.gxPrimaryOffWhite{
	background-color:#f2efe9;
}
.gxTextOrange{
	color:#f5ad27;
}
.gxTextBlue{
	color:#4b9bd5;
}
.gxTextGrey{
	color:#37393b;
}
.gxTextOffWhite{
	color:#f2efe9;
}

.ninSwitch{
	color: #e60012;
}

.xbox{
	color:#92C83E;
}

.playstation{
	color: #003087;
}

.pc{
	color:black;
}

.gxFrostedGlass{
		background: rgba(255, 255, 255, 0.1); /* Light semi-transparent background */
		backdrop-filter: blur(10px); /* Blurs background behind the element */
		-webkit-backdrop-filter: blur(10px); /* Safari support */
		border-radius: 10px; /* Smooth rounded corners */
		padding: 20px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
		border: 1px solid rgba(255, 255, 255, 0.3); /* Light border */
}

.cancelBtn{
	position:absolute;
	top:10px;
	right:10px;
	width:32px;
	height:32px;
}

.navLogo{
	justify-content: center;
}

.navUnderheader{
	font-size: 1rem;	
}

.roundCorners{
	border-radius: 25px;
	box-shadow: none;
}

#eSportsInput{
	display:none;
}

.game-tag{
	display: inline-block;
	background-color: #f5ad27;
	color: white;
	padding: 6px 12px;
	margin: 5px;
	border-radius: 20px;
	font-size: 0.875rem;
	position: relative;
	padding-right: 25px;
}

/* Below is taken from chatGPT */

.faq-container {
	max-width: 800px;
	margin: auto;
	padding: 40px 20px;
}
.accordion-button {
	background-color: #ff8c00; /* gxPrimaryOrange */
	color: white;
	font-weight: bold;
}
.accordion-button:hover {
	background-color: #e07b00; /* Darker orange on hover */
}
.accordion-button:focus {
	box-shadow: none;
}
.accordion-item {
	border: 1px solid #ddd;
}

.contact-header {
	color: white;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
}
.contact-form {
	background: #f8f9fa;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.btn-primary {
	background-color: #ff8c00; /* gxPrimaryOrange */
	border-color: #ff8c00;
}
.btn-primary:hover {
	background-color: #e07b00; /* Darker orange */
}
.social-links a {
	text-decoration: none;
	color: #ff8c00;
	font-size: 20px;
	margin: 0 10px;
}

/* Enable hover behavior for dropdown */
.hover-dropdown:hover > .dropdown-menu {
	display: block;
	margin-top: 0; /* prevent visual glitch */
  }
  
  .hover-dropdown > .dropdown-toggle::after {
	transition: transform 0.2s ease;
  }
  
  .hover-dropdown:hover > .dropdown-toggle::after {
	transform: rotate(180deg); /* optional arrow animation */
  }

  .carousel-indicators li::before {
    content: none !important;
}

.carousel-indicators [data-bs-target]::before {
    content: none !important;
}


/* End copy */
/*
@media screen and (min-width:1440px) and (max-width:2560px){
	.testimonialText{
		font-size: 1.25rem;
	}
	
	.testimonialName{
		font-size: 1.6rem;
	}

	.floatingTitle{
		font-size: 3rem;
	}
	
	.floatingTitleSports{
		font-size: 2.5rem;
	}

	.statsTitle{
		font-size:1.2rem;
		height:2.5rem;
		padding: 0px;
	}

	.eSportStatsContent{
	transform: scale(0.95);
	width: 15rem;
	text-align: center;
}

	.statsInfo{
		font-size:1rem;
	}

	.calloutTitle{
		font-size:3.75rem;
		text-align: center;
	}
	
	.calloutSubTitleEsports{
		font-size:2rem;
		text-align: center;
	}
	
	.calloutSubTitle{
		font-size: 2rem;
		text-align: center;
	}
	
	.calloutHeader{
		font-size:1.8rem;
	}
	.calloutSubheader{
		font-size:1.85rem;
	}
	
	.bioHeadshotImg{
		width:1.7rem;
	}
	
	.calloutHeaderBio{
		font-size:1.7rem;
	}
	.calloutBioSubheader{
		font-size:1.3rem;
	}

	.navUnderheader{
		font-size: 1rem;	
	}

	
.game-tag{
	font-size: 0.875rem;
}


}

*/

@media screen and (max-width: 1000px)  and (orientation: landscape){
	.jumboBackground_eSports{
		height: 95vh;
	}

	.floatingCardeSports{
		top:0px;
		width: 30rem;
	}

	.floatingTitleSports{
		font-size: 1.5rem;
		color:white;
	}

	.floatingSubTitleSports{
		font-size: 0.80rem;
		color:white;
	}

	.eSportsBtn{
		transform: scale(0.80);
		width: auto;
		font-size: 0.80rem;
	}
}


@media screen and (max-width: 768px) {
	.dropdown-menu-end {
	  right: 0;
	  left: auto;
	}

	
	.jumboBackground_eSports{
		height: 75h;
	}

	.gxFrostedGlass{
		background: rgba(255, 255, 255, 0.1); /* Light semi-transparent background */
		backdrop-filter: blur(10px); /* Blurs background behind the element */
		-webkit-backdrop-filter: blur(10px); /* Safari support */
		border-radius: 10px; /* Smooth rounded corners */
		padding: 20px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
		border: 1px solid rgba(255, 255, 255, 0.3); /* Light border */
}

	.floatingCardeSports{
		top:0px;
		width: 25rem;
	}

	.floatingTitleSports{
		font-size: 1.5rem;
		color:white;
	}

	.floatingSubTitleSports{
		font-size: 0.85rem;
		color:white;
	}

	.eSportsBtn{
		transform: scale(0.85);
		width: auto;
		font-size: 0.85rem;
	}
  }



@media screen and (max-width: 600px) {

	body {
		padding-top: 100px; /* Prevents content from hiding behind fixed header */
	  }

  .navLogo {
		transform: scale(0.8);
	}

	.testimonialCard{
		width: 20rem;
		margin:auto;
	}

	.navUnderheader{
		font-size: 0.8rem;
		text-align: center;
	}

	.jumboBackground_eSports{
		height: 75vh;
	}

	.floatingCard{
		width: 25rem;
		top:10px;
		right:0px;
		margin: auto; /* Center it */
	}

	.floatingCardInvert{
		width: 25rem;
		top:10px;
		left:0px;
		margin: auto; /* Center it */
	}

	.floatingCard_Courses{
		width: 25rem;
		top:10px;
		right:0px;
		margin: auto; /* Center it */
	}
	
	.floatingTitle{
		font-size: 1.5rem;
	}

	#backToTop {
		display: none;
		position: fixed;
		background: transparent;
		border: none;
		bottom: 0;
		right: 0;
		z-index: 1000;
		transform: scale(0.5);
	  }

	  .rowPaddingeContact{
		padding: 1vh;
	}
	
}


@media screen and (max-width: 400px) {

	body {
		padding-top: 100px; /* Prevents content from hiding behind fixed header */
	  }

	.container-fluid{
		width:100%;
	}

  .navLogo {
		transform: scale(0.8);
	}

	.testimonialCard{
		width: 20rem;
		margin:auto;
	}

	.navUnderheader{
		font-size: 0.8rem;
		text-align: center;
	}

	.jumboBackground_eSports{
		height: 65vh;
	}

	.floatingCardeSports{
		width: 20rem;
		top:10px;
		right:0px;
		margin: auto; /* Center it */
		color:grey;
	}

	.floatingCardInvert{
		width: 25rem;
		top:10px;
		left:0px;
		margin: auto; /* Center it */
	}

	.floatingCard_Courses{
		width: 20rem;
		top:10px;
		right:0px;
		margin: auto; /* Center it */
	}
	
	.floatingTitle{
		font-size: 1.5rem;
	}

	#backToTop {
		display: none;
		position: fixed;
		background: transparent;
		border: none;
		bottom: 5px;
		right: 5px;
		z-index: 1000;
		transform: scale(0.35);
	  }
	
}