/* font tests, if you really like, remove and install fonts locally */
@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap');

/* Change default color scheme */
:root{--cassiopeia-color-primary:#8bb546;--cassiopeia-color-link:#98bd67;--cassiopeia-color-hover:#bad556}

/* change the header area background/shape */
.container-header {
    position: relative;
 	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 8%, rgba(139,181,70,1) 73%, rgba(186,213,91,1) 100%); 
}
/* remove joomla footer */
div.footer2 {
  display:none;
}

/* change the header area background/shape */
.jgeTestBanner {
  	display: flex;
  	justify-content: center;
  	align-items: center;
	background: linear-gradient(90deg, rgba(2,0,36,1) 8%, rgba(139,181,70,1) 73%, rgba(186,213,91,1) 100%);
    width: 100%;
    max-width:none;
  	height: 300px;
}

/* fix the topline alignments */

#mod-custom118 {
  display: flex;
  align-items: center;
  padding-top: .5rem;
}

#mod-custom118 > p {
      font-family: "Vujahday Script";
      color: #fdd600;
      margin: 0 0 0 1rem; !Important
      padding-left: 1rem;
}
@media (min-width: 768px) {
	#mod-custom118 > p {
      font-size: 1.5rem;
   }
}
/*Smaller screen alignments*/
@media (max-width: 768px) {
  #mod-custom118 > p {
      font-size: 1rem;
  }
}
/* Podcast Related */
.player {
  width:100%;
}

/* Assessment Page */
@media (min-width: 768px) {
	.assess-flex {
      display:flex;
      justify-content:center;
   }
}
/*Smaller screen alignments*/
@media (max-width: 768px) {
  .assess-flex {
    display:flex;
    flex-direction:column;
  }
}

.assess-text {
  font-family:"Lato";
  /*color: #fdd600;*/
  color: white;
  background-color:rgba(53, 55, 56, .7);
  border-radius: 10px;
  text-align: center;
  padding:10px;
  font-size: 1.2em;
}
.assess-text-box {
  position: absolute; 
  top: 75%;
  left: 30%; 
  transform: translate(-20%, -50%);
  z-index: 1;
}

.bgc {
  background:var(--cassiopeia-color-hover);
}
/* Footer Line all on one line large screen */
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: .7em;
}
/* Make footer Text on one row on larger screens */
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}
/* change font on banner line */
.jgeScript {
  font-family:"Vujahday Script";
  color: #fdd600;
  text-align: center;
}
/* Fix Render on Mobile */
@media (max-width: 768px) {
.container-banner .banner-overlay {
  background-attachment:scroll;
}
}
.fancy-text {
  font-family:"Vujahday Script";
  color: #fdd600;
  text-align: center;
  font-size: 2.5rem;
  background-color:#353738;
  padding-top:20px;
  padding-bottom:20px;
}
.fancy-alt {
  font-family:"Vujahday Script";
  color: #8bb546;
  text-align: center;
  font-size: 3rem;
  background-color:none;
  padding-top:15px;
  padding-bottom:15px;
}
.top-a > h1 {
  text-align: center;
  color: var(--cassiopeia-color-hover);
}
/* Center the YT Video in a Module */
.jge-yt > .mod-custom {
  text-align:center;
}
/* Different Size Videos depending on Screen */
.MariVid {
  width: 640px;
  height: 360px;
}
@media (max-width: 768px) {
  .MariVid {
    width:304px;
    height:171px;
  }
}
/* Slide in Effect */
.slide-in {
	animation: slide-in 2s ease-out forwards;
    opacity: 0;
    transform: translateX(-100%);
}
@keyframes slide-in {
  to {
    opacity: 1;
    transform: translateX(0%);
      }
}
/* Fade in, Slide up */
.fade-in-slide-up {
	opacity: 0;
	transform: translateY(80px);
	animation: fade-in-slide-up 2s ease-out forwards;
}
@keyframes fade-in-slide-up {
	from {
		opacity: 0;
		transform: translateY(80px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* Registration Page */
/* Mods for PayPal Script */
#price-label {
  font-size: 1.25rem !important;
  text-align: center;
}
#price-label::before {
  content: "$";
}

.session h3 {
  font-family:"Vujahday Script";
  color: #8bb546;
  font-size:1.8rem;
}
.session p {
  font-family:"Lato";
}
/* for larger screens */
@media (min-width: 768px) {
.text-onlay {
    font-size: 2rem;
   }

/* Registration Page Links */
  @media (hover: none) {
  a.reg-link:visited,
  a.reg-link:hover,
  a.reg-link:focus,
  a.reg-link:active,
  a.reg-link:link
    {
    font-weight: bold !important;
    color: #fff !Important;
  }
}

  a.reg-link:link,
  a.reg-link:visited
  {
  color: #fff !important;
  font-weight: normal !important;
}
  
a.reg-link:hover,
a.reg-link:focus,
a.reg-link:active
 {
  font-weight: bold !important;
  color: #fff !important;
}
/* WebKit text paint override */
a.reg-link {
  -webkit-text-fill-color: #fff !important;
}
} /* This closes @media (min-width: 768px) */

/* QR Code — default (desktop, laptop, tablet) */
/* Override assess-flex image rules */
.assess-flex .qr-image {
  width: 200px;
  max-width: 200px;
  padding: 2rem;
  box-sizing: content-box;
  display: block;
  flex: 0 0 auto;   /* prevents flexbox from stretching the image */
}

/* Mobile override */
@media (max-width: 600px) {
  .assess-flex .qr-image {
    padding: 1.2rem 0;
  }
}