.serif-font {
  font-family: 'PT Serif', serif;
}

.nav-ht {
  min-height: 80px;
}
.bg-midnight {
	background-color: #041968;
}
.bg-ice {
  background-color: #E6F1FE;
}

.topnav-belt {
	height: 80px;
}

.rounded-cards .card {
  border-radius: 15px;
}

.fw-300 {
	font-weight: 300;
}
a.white {
	color: #ddd;
	text-decoration: none;
}
a.white:hover {
	color: #fff;
	text-decoration: underline;
}

a.link-noline {
	text-decoration: none;
}
a.link-noline:hover {
	text-decoration: underline;
}
a.hover-bold:hover {
  font-weight: bold;
}

.bg-video {
  position: fixed;
  left: 0;
  top: 0;
  border: 0;
  background-size: cover;
  background: no-repeat center;
  z-index: -9;
  overflow:hidden;
  user-select: none;
  pointer-events: none;
  /*additional tweaks for positioning, read more in the link above*/
  height: 700px;
  width: 177.77777778vh; /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw; /* 100 * 9 / 16 */
}

.bg-blue-angles {
  background: url(../hero-bg-blue-angles.html) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/* BEGIN: block-content-social-follow-1.html */
		.blocks-social-follow a {
			position: relative;
			border-right: 1px solid #EEE;
			padding-top: 2.75rem;
			padding-bottom: 2.75rem;
			border-radius: 4px;
			transition: all .2s ease;
			width: auto;
		}
		.blocks-social-follow:hover > a:not(:hover) {
			opacity: .3;
		}
		.blocks-social-follow a:last-child {
			border-right: 0;
		}
		.blocks-social-follow a:hover i {
			color: #FFF;
			transform: scale(1.3);
		}
		/* ^^^END: block-content-social-follow-1.html */

		/* BEGIN: video thumbnail play button test */
		.video-thumbnail {
			position: relative;
			display: inline-block;
			cursor: pointer;
			margin: 0px;

			&:before {
				position:absolute;
				background-color: #fff;
				width: 150px;
				height: 150px;
				border-radius: 50%;
				text-align: center;
				padding-left: 8px; /* just to avoid icon's offset illusion */
				line-height: 150px;
				bottom: 0;
				right: 0;
				content: "\f04b";
				font-family: FontAwesome;
				font-size: 70px;
				color: #9ECA47;
				opacity: .9;
				box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
				transition: all 0.5s ease;
			}
			&:hover:before {
				color: #fff;
				background-color: #9ECA47;
				transition: all 0.5s ease;
			}
		}
		/* ^^^END: video thumbnail play button test */



/* CANVAS OVERRIDES */
/* CANVAS OVERRIDES */
/* CANVAS OVERRIDES */

.bg-facebook,
.h-bg-facebook:hover {
  background-color: #3b5998 !important;
}
.bg-twitter,
.h-bg-twitter:hover {
  background-color: #000000 !important;
}
.bg-instagram,
.h-bg-instagram:hover {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.bg-threads,
.h-bg-threads:hover {
  background-color: #000000 !important;
}
.bg-linkedin,
.h-bg-linkedin:hover {
  background-color: #0e76a8 !important;
}
.bg-youtube,
.h-bg-youtube:hover {
  background-color: #c4302b !important;
}





/* BOOTSTRAP OVERRIDES - SIMPLE ADJUSTMENTS */
/* BOOTSTRAP OVERRIDES - SIMPLE ADJUSTMENTS */
/* BOOTSTRAP OVERRIDES - SIMPLE ADJUSTMENTS */

/* NAVBAR RELATED */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.95);
}

/* BUTTON RELATED */
.btn.btn-rounded {
	border-radius: 40px;
}

/* CAROUSEL RELATED */
#heroCarousel .carousel-item {
  height: 620px;
}
.carousel-indicators [data-bs-target] {
	width: 60px;
	height: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

.bg-hero-teacher-digital-girl-student {
  background-image: url('../png/figma-hero-rh-teacher-digital-girl-student.png');
  background-repeat: no-repeat;
  background-position: right;
  height:100%;
}

.bg-hero-teacher-training-at-home {
  background-image: url('../png/teacher-learning-at-home.png');
  background-repeat: no-repeat;
  background-position: right;
  height:100%;
}

.bg-hero-male-teacher-elementary-model-windmills {
  background-image: url('../png/male-teacher-k-5-model-windmills.png');
  background-repeat: no-repeat;
  background-position: right;
  height:100%;
}

.bg-hero-female-teacher-over-shoulder-of-elementary-girl {
  background-image: url('../png/female-teacher-over-shoulder-elemetary-girl-945x746.png');
  background-repeat: no-repeat;
  background-position: left;
  height:100%;
}

.bg-hero-peer-female-student-aside-elementary-male-student {
  background-image: url('../png/peer-female-student-aside-elementary-male-student.png');
  background-repeat: no-repeat;
  background-position: left;
  height:100%;
}

.bg-hands-typing-on-laptop {
  background-image: url('../hands-typing-on-laptop.html');
  background-repeat: no-repeat;
  background-position: right;
  height:100%;
}

/* RIGHTHAND IMG */
@media (max-width: 1399.98px) { /* .02 less than bs "xxl" (>=1400px) */
  .bg-hero-img {
    background-position: right -300px center;
  }
}
@media (max-width: 1199.98px) { /* .02 less than bs "xl" (>=1200px) */
  .bg-hero-img {
    background-position: right -600px center;
  }
}
@media (max-width: 991.98px) { /* .02 less than bs "lg" (>=992px) */
  .bg-hero-img {
    background-image: none;
  }
}
@media (max-width: 767.98px) { /* .02 less than bs "md" (>=768px) */
  .bg-hero-img {
    background-image: none;
  }
}
/* ^^^ */

/* LEFTHAND IMG */
@media (max-width: 1399.98px) { /* .02 less than bs "xxl" (>=1400px) */
  .bg-hero-img-lh {
    background-position: left -300px center;
  }
}
@media (max-width: 1199.98px) { /* .02 less than bs "xl" (>=1200px) */
  .bg-hero-img-lh {
    background-position: left -600px center;
  }
}
@media (max-width: 991.98px) { /* .02 less than bs "lg" (>=992px) */
  .bg-hero-img-lh {
    background-image: none;
  }
}
@media (max-width: 767.98px) { /* .02 less than bs "md" (>=768px) */
  .bg-hero-img-lh {
    background-image: none;
  }
}



/* CARD RELATED */
.card.uniform {
  height: 100%;
}
.card.hover-shadow {
  box-shadow: none;
  transition: all 200ms;
}
.card.hover-shadow:hover {
  box-shadow: 2px 6px 12px rgb(0 0 0 / 0.3);
  transition:  box-shadow 300ms;
  -webkit-transition:  box-shadow 300ms;
}
.card.cats {
  border-radius: 10px;
  color: #50545B;
  background-color: #fff; /*D0DBEA*/
  box-shadow: none;
  transition: all 200ms;
  -webkit-transition: all 200ms;
}
.card.cats a {
  text-decoration: none;
}
.card.cats:hover {
  color: #0C1E3D;
  background-color: #9ECA47;
  box-shadow: 2px 6px 12px rgb(0 0 0 / 0.3);
  transition:  all 300ms;
  -webkit-transition: all 300ms;
}

.feature-cards .card {
  border-radius: 12px;
  border: 1px solid #cccccc !important;
}
.feature-cards img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.masonry-cards .card {
  border-radius:12px;
}

/* FORM RELATED */
.form-control::placeholder {
    color: #cdcdcd;
    opacity: 1; /* Firefox */
}

/* TABLE RELATED */
.table {
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0,0,0,0.02);
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: inherit;
  color: inherit;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color:var(--bs-table-striped-color);
}



/* BEGIN: UNPOLISHED STYLES FOR THEME 2024; MORE TESTING MAY BE NEEDED */

		/* TODO: Compile these styles to only what is needed and move to custom file */

		/* BEGIN: block-content-testimonials.html */
		.block-testimonials .owl-carousel .owl-nav [class*=owl-] {
			opacity: 1 !important;
		}
		.block-testimonials .owl-carousel .owl-nav .owl-next {
			right: -20px !important;
		}
		.block-testimonials .owl-carousel .owl-nav .owl-prev {
			left: -20px !important;
		}
		/* custom... */
		.block-testimonials .bg-dark {
			background-color: #0C1E3D !important;
		}
		/* ^^^END: block-content-testimonials.html */

		/* BEGIN: block-content-social-follow-1.html */
		.blocks-social-follow a {
			position: relative;
			border-right: 1px solid #EEE;
			padding-top: 2.75rem;
			padding-bottom: 2.75rem;
			border-radius: 4px;
			transition: all .2s ease;
			width: auto;
		}
		.blocks-social-follow:hover > a:not(:hover) {
			opacity: .3;
		}
		.blocks-social-follow a:last-child {
			border-right: 0;
		}
		.blocks-social-follow a:hover i {
			color: #FFF;
			transform: scale(1.3);
		}
		/* ^^^END: block-content-social-follow-1.html */

		/* BEGIN: video thumbnail play button test */
		.video-thumbnail {
			position: relative;
			display: inline-block;
			cursor: pointer;
			margin: 0px;

			&:before {
				position:absolute;
				background-color: #fff;
				width: 150px;
				height: 150px;
				border-radius: 50%;
				text-align: center;
				padding-left: 8px; /* just to avoid icon's offset illusion */
				line-height: 150px;
				bottom: 0;
				right: 0;
				content: "\f04b";
				font-family: FontAwesome;
				font-size: 70px;
				color: #9ECA47;
				opacity: .9;
				box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
				transition: all 0.5s ease;
			}
			&:hover:before {
				color: #fff;
				background-color: #9ECA47;
				transition: all 0.5s ease;
			}
		}
		/* ^^^END: video thumbnail play button test */

/*^^^ UNPOLISHED STYLES FOR THEME 2024; MORE TESTING MAY BE NEEDED */