/* ******************** */
/*		Global			*/
/* ******************** */

body {
	font-family: 'Open Sans', sans-serif
}

.wow {
	visibility: hidden
}

section {
	padding-top: 100px;
	padding-bottom: 70px
}

hr {
	border: 1px solid #C84330;
	width: 90px !important;
	opacity: unset;
	margin-top: 40px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto
}

h1 {
	font-family: 'Rubik', sans-serif;
	font-size: 74px;
	font-weight: 500;
	padding-top: 15vh
}

h1 span {
	font-size: 56px
}

h2 {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 50px;
	text-align: center
}

h3 {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 60px;
	font-weight: 600
}

h4 {
	font-weight: 700;
	font-size: 28px;
	line-height: 50px
}

h5 {
	font-size: 28px
}

p {
	font-size: 22px;
	color: #444
}

small {
	font-size: .825em
}

svg {
	color: #AAA
}

.rounded-pill {
	border-radius: 1rem !important;
}

.nabaca-primary-color {
	color: #00302A
}

.nabaca-secondary-color {
	color: #C84330
}

.nabaca-background {
	background: linear-gradient(0deg,
			transparent 0,
			hsla(173.48, 100%, 9.02%, 0.013) 4.8%,
			hsla(173.48, 100%, 9.02%, 0.049) 9.6%,
			hsla(173.48, 100%, 9.02%, 0.104) 14.5%,
			hsla(173.48, 100%, 9.02%, 0.175) 19.3%,
			hsla(173.48, 100%, 9.02%, 0.259) 24.1%,
			hsla(173.48, 100%, 9.02%, 0.352) 28.9%,
			hsla(173.48, 100%, 9.02%, 0.45) 33.8%,
			hsla(173.48, 100%, 9.02%, 0.55) 38.6%,
			hsla(173.48, 100%, 9.02%, 0.648) 43.4%,
			hsla(173.48, 100%, 9.02%, 0.741) 48.2%,
			hsla(173.48, 100%, 9.02%, 0.825) 53%,
			hsla(173.48, 100%, 9.02%, 0.896) 57.9%,
			hsla(173.48, 100%, 9.02%, 0.951) 62.7%,
			#00302A 67.5%),
		no-repeat 0 37.5vh/100% url(../img/background.jpg)
}


/* ******************** */
/*		Qualiopi Logo	*/
/* ******************** */

.qualiopi-logo {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1000;
}

.qualiopi-img {
	max-height: 90px;
	width: auto;
	opacity: 0.9;
	transition: opacity 0.3s ease;
}

.qualiopi-img:hover {
	opacity: 1;
}

/* ******************** */
/*		Buttons			*/
/* ******************** */

.btn,
.btn:focus {
	box-shadow: unset;
	transition: all 0.5s ease
}

.btn:active {
	transform: translate(0px, 2px)
}

.nabaca-primary-bg button,
.nabaca-primary-bg button:focus {
	background-color: #C84330
}

.nabaca-secondary-bg button,
.nabaca-secondary-bg button:focus {
	background-color: #00302A
}

.nabaca-primary-bg button:hover,
.nabaca-primary-bg button:active,
.nabaca-secondary-bg button:hover,
.nabaca-secondary-bg button:active {
	background-color: #FFF
}

.nabaca-primary-bg button,
.nabaca-primary-bg button:focus,
.nabaca-secondary-bg button,
.nabaca-secondary-bg button:focus {
	color: #FFF
}

.nabaca-primary-bg button:hover,
.nabaca-primary-bg button:active {
	color: #00302A
}

.nabaca-secondary-bg button:hover,
.nabaca-secondary-bg button:active {
	color: #C84330
}

.nabaca-primary-bg button:focus {
	box-shadow: 0 0 0 .25rem rgba(0, 48, 42, .25)
}

.nabaca-secondary-bg button:focus {
	box-shadow: 0 0 0 .25rem rgba(200, 67, 48, .25)
}

/* ******************** */
/*	Learn More Buttons	*/
/* ******************** */

.learn-more {
	color: #000;
	border: 1px solid #000;
	font-size: 22px;
	margin-left: -22px;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 0;
	transform: scale(.75)
}

.learn-more:hover,
.learn-more:active,
.learn-more:focus {
	color: #FFF;
	background-color: #C84330;
	transform: scale(1) translate(22px, 0px)
}

.learn-more:active {
	transform: scale(1) translate(22px, 2px)
}

.nabaca-dark .learn-more {
	color: #FFF;
	border: 1px solid #FFF
}

.nabaca-half-primary .nabaca-light .learn-more:hover,
.nabaca-half-primary .nabaca-light .learn-more:active,
.nabaca-half-primary .nabaca-light .learn-more:focus {
	color: #FFF;
	background-color: #00302A;
	border: 1px solid #C84330
}

.nabaca-half-secondary .nabaca-light .learn-more:hover,
.nabaca-half-secondary .nabaca-light .learn-more:active,
.nabaca-half-secondary .nabaca-light .learn-more:focus {
	color: #FFF;
	background-color: #C84330;
	border: 1px solid #00302A
}

.nabaca-half-primary .nabaca-dark .learn-more:hover,
.nabaca-half-primary .nabaca-dark .learn-more:active,
.nabaca-half-primary .nabaca-dark .learn-more:focus {
	color: #FFF;
	background-color: #C84330;
	border: 1px solid #FFF
}

.nabaca-half-secondary .nabaca-dark .learn-more:hover,
.nabaca-half-secondary .nabaca-dark .learn-more:active,
.nabaca-half-secondary .nabaca-dark .learn-more:focus {
	color: #FFF;
	background-color: #00302A;
	border: 1px solid #FFF
}

.learn-more img.chevron-left,
.learn-more img.chevron-right {
	vertical-align: sub
}

/* ******************** */
/*			Home		*/
/* ******************** */

#home {
	min-height: 1200px
}

#home video {
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1
}

#home img {
	animation: 1s pulse;
	max-width: 310px
}

/* ******************** */
/*		Social			*/
/* ******************** */

.social a {
	margin: 30px;
	text-decoration: none
}

.social i {
	color: #FFF
}

/* ******************** */
/*		Chevron			*/
/* ******************** */

img.chevron-left {
	transform: rotate(270deg);
	margin-right: 20px;
	height: 1.5rem
}

img.chevron-right {
	transform: rotate(90deg);
	margin-left: 20px;
	height: 1.5rem
}

.nabaca-dark img.chevron-left,
.nabaca-dark img.chevron-right,
.nabaca-light .learn-more:hover img.chevron-left,
.nabaca-light .learn-more:active img.chevron-left,
.nabaca-light .learn-more:focus img.chevron-left,
.nabaca-light .learn-more:hover img.chevron-right,
.nabaca-light .learn-more:active img.chevron-right,
.nabaca-light .learn-more:focus img.chevron-right {
	filter: invert(1)
}

/* ******************** */
/*	Call To Action		*/
/* ******************** */

.calltoaction {
	text-align: center
}

.calltoaction a,
.calltoaction a:focus {
	font-size: 30px;
	box-shadow: unset;
	transform: scale(.75)
}

.calltoaction a:hover,
.calltoaction a:active {
	transform: scale(1)
}

.calltoaction a:active {
	transform: scale(1) translate(0px, 2px)
}

/* ******************** */
/*  Nabaca Backgrounds  */
/* ******************** */

.nabaca-primary-bg {
	background: #00302A
}

.nabaca-secondary-bg {
	background: #C84330
}

.nabaca-felt-primary {
	background: linear-gradient(90deg,
			rgba(0, 48, 42, .8) 0,
			rgba(0, 48, 42, .8) 100%),
		url('../img/felt.png'),
		#00302A
}

.nabaca-felt-secondary {
	background: linear-gradient(90deg,
			rgba(200, 67, 48, .8) 0,
			rgba(200, 67, 48, .8) 100%),
		url('../img/felt.png'),
		#C84330
}

.nabaca-half-primary {
	background: linear-gradient(90deg,
			#FFF 50%,
			rgba(0, 48, 42, .8) 50%),
		url('../img/felt.png'),
		#00302A
}

.nabaca-half-secondary {
	background: linear-gradient(90deg,
			rgba(200, 67, 48, .8) 50%,
			#FFF 50%),
		url('../img/felt.png'),
		#C84330
}

.nabaca-between-primary,
.nabaca-twothirds-primary-ltr,
.nabaca-twothirds-primary-rtl {
	background-color: #00302A
}

.nabaca-between-secondary,
.nabaca-twothirds-secondary-ltr,
.nabaca-twothirds-secondary-rtl {
	background-color: #C84330
}

@media (min-width: 992px) {

	.nabaca-between-primary {
		background: linear-gradient(90deg,
				#FFF 10%,
				#00302A 10%,
				#00302A 90%,
				#FFF 90%)
	}

	.nabaca-between-secondary {
		background: linear-gradient(90deg,
				#FFF 10%,
				#C84330 10%,
				#C84330 90%,
				#FFF 90%)
	}

	.nabaca-twothirds-primary-ltr {
		background: linear-gradient(90deg,
				#00302A 0,
				#00302A 66%,
				transparent 66%,
				transparent 100%)
	}

	.nabaca-twothirds-secondary-rtl {
		background: linear-gradient(90deg,
				transparent 0,
				transparent 33%,
				#C84330 33%,
				#C84330 100%)
	}

	.nabaca-twothirds-primary-rtl {
		background: linear-gradient(270deg,
				#00302A 0,
				#00302A 66%,
				transparent 66%,
				transparent 100%)
	}

	.nabaca-twothirds-secondary-ltr {
		background: linear-gradient(270deg,
				transparent 0,
				transparent 33%,
				#C84330 33%,
				#C84330 100%)
	}

}

.nabaca-frame.nabaca-half-primary hr,
.nabaca-frame.nabaca-half-secondary hr,
.nabaca-frame.nabaca-twothirds-primary hr,
.nabaca-frame.nabaca-twothirds-secondary hr {
	margin-left: 0
}

.nabaca-half-primary,
.nabaca-half-secondary {
	padding-bottom: 330px
}

.nabaca-frame img {
	max-width: 90px
}

.nabaca-frame p {
	font-size: 18px
}

.nabaca-frame hr {
	margin-left: 0
}

.nabaca-light h3 {
	color: #00302A
}

.nabaca-dark p {
	color: #FFF
}

.nabaca-dark h3 {
	color: #C84330
}

.nabaca-dark hr {
	border-color: #FFF
}

/* Text shadow for better readability over background images */
.text-shadow {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

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

.footer-partners h2 {
	color: #fff;
	font-size: 2.7rem;
	margin-bottom: 36px;
	letter-spacing: 2px;
}

.partners-logos {
	display: flex;
	justify-content: center;
	gap: 60px;
	align-items: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

.partner-logo {
	max-height: 60px;
	height: auto;
	width: auto;
	max-width: 160px;
	object-fit: contain;
}

.logo-rehzzo {
	filter: brightness(0) invert(1);
}