/*--------------------------------------------------------------
Repository Website Frame CSS
--------------------------------------------------------------*/

.page_container {
		min-height:100vh;
}

/*--------------------------------------------------------------
index page
--------------------------------------------------------------*/

.home_container_in {
		padding-right:42px;
}
	
.home_container_in a:hover, .home_container_in a:focus, .home_container_in a:visited {
	text-decoration:none;
}

.home_container_in a:hover {
	color:var(--white);
}

.product-name {
		margin-top: 160px;
}

.coverlogo-c, .coverlogo-e {
	color:var(--white);
	text-shadow: 1px 1px 2px var(--purple), 0 0 1em var(--white), 0 0 0.1em blue;
}

.coverlogo-c {
		font-size: 42px;
}

.coverlogo-e {
		padding-top:36px;
		font-size: 28px;
}

.home_stele_btn_new {
	margin-top: 60px;
}

@media screen and (min-width: 1280px) and  (max-width: 1590px)  {	
	
	.product-name {
		margin-top: 160px;
	}
	
	.coverlogo-c {
		font-size: 48px;
	}

	.coverlogo-e {
			padding-top:60px;
			font-size: 32px;
			line-height:42px;
	}
	
}

@media screen and (min-width: 1590.01px) {	
	.product-name {
		margin-top: 200px;
	}
	
	.home_stele_btn_new {
		margin-top: 80px;
	}

	.coverlogo-c {
		font-size: 52px;
	}
	.coverlogo-e {
			padding-top:60px;
			font-size: 36px;
			line-height:42px;
	}
	
}

@media screen and (max-width: 991px) {
	.product-name {
		margin-top: 120px;
	}
	
	.home_container_in {
		padding-right:33px;
	}
	
	.coverlogo-c {
		font-size: 32px;
	}

	.coverlogo-e {
			font-size: 24px;
			line-height:32px;
	}
	
}

@media screen and (max-width: 479px) {
	.product-name {
		margin-top: 80px;
	}
	
	.home_container_in {
		padding-right:24px;
	}
	
	.coverlogo-c {
		font-size: 26px;
	}

	.coverlogo-e {
			font-size: 20px;
			line-height:32px;
	}
	
}
/*--------------------------------------------------------------
TOC & Acknowledgement
--------------------------------------------------------------*/
.frontpage_container a:hover {
	text-decoration:none;
	color:var(--white);
}

.terms_of_use_btn_row a:hover {
	text-decoration:none;
	color:var(--white);
}


/*--------------------------------------------------------------
TOC Subjects
--------------------------------------------------------------*/
.prereq-checkbox {
  /* Styles for the checkbox */
  /* Example styles: */
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

/* Optional: Styles for the checkbox label */
.pre-checkbox-container label {
  /* Example styles: */
  margin-left: 5px;
  vertical-align:top;
  color: #7B7B7B;
  padding: 0 5px;
  font-weight: normal;
  font-size:18px;
  border-radius:0.25em;
  display: inline;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

/*----back-to-top button position alignment---*/
.d-flex{display:flex!important}
.align-items-center{align-items:center!important}
.justify-content-center{justify-content:center!important}


.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: calc(2.5 * (1vmin + 1vmax));
  bottom: 75px;
  z-index: 996;
  background: #47b2e4;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6bc1e9;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}