:root{
	/* Colors: */
	--color-9caed7: #9CAED7;
	--color-272729: #272729;
	--color-333271: #333271;
	--color-5972fb: #5972FB;
	--color-9acefc: #9ACEFC;
	--color-f5f4f0: #F5F4F0;
	--color-c6c6c6: #C6C6C6;
	--color-ffffff: #FFFFFF;
	--color-35346b: #35346B;
}

@font-face {
	font-family: basisGrotesque;
	src: url("../fonts/basis_grotesque/BasisGrotesqueArabicPro-Regular.ttf");
}

@font-face {
	font-family: bookmania;
	src: url("../fonts/bookmania/Bookmania\ Regular.otf");
}

p{
	font-family: basisGrotesque;
	font-size: 20px;
}
p.bio-header{
	font-size: 30px;
}
h1{
	font-family: bookmania;
}

h2{
	font-family: bookmania;
}

h6{
	font-family: basisGrotesque;
}

.container{
	overflow: hidden;
}

@media (min-width: 1400px){
	h1.large{
		font-size: 70px;
	}
	
	h1.medium{
		font-size: 50px;
	}
}

@media (max-width:1399px){
	.display-large-only{
		display: none;
	}
}

@media (min-width:1000px){
	.display-table-small{
		display: none;
	}
	.border-bottom-white{
		border-bottom:1px solid #FFFFFF;
	}
}

@media (max-width:999px){
	.display-table-large{
		display: none;
	}
	.heading-text{
		width:90%;
	}
}

@media (min-width:551px) {
	.gallery-offset{
		margin-top: 168px;
	}
}
@media (max-width:550px){
	.display-small-none{
		display: none;
	}
	h1.header {
		font-size: 26px;
	}
	h1.footer{
		font-size: 20px;
	}

	.gallery-offset{
		margin-top: 70px;
	}
}

.blue-text{
	color: #35346B;
}

/* Style the video: 100% width and height to cover the entire window */
.video {
	width:100%;
	height: 100vh;
	filter: brightness(70%);
	object-fit: cover;
}

img.footer{
	filter: brightness(60%);
}

.btn-login{
	font-family: basisGrotesque;
	background-color: #5972fb;
	border-radius: 50px;
	color:#ffffff
}
.btn-login:hover{
	background-color: #3a4aa3;
	color:#ffffff
}

.btn-blue{
	font-family: basisGrotesque;
	background-color: #35346B;
	border-radius: 50px;
	color: #FFFFFF;
}
.btn-blue:hover{
	background-color: #1e1e3b;
	color: #FFFFFF;
}

.btn-join{
	font-family: basisGrotesque;
	background-color: #5972fb;
	border-radius: 50px;
	color:#ffffff
}
.btn-join:hover{
	background-color: #3a4aa3;
	color:#ffffff
}

.btn-file{
	font-family: basisGrotesque;
	background-color: #f5f4f0;
	border-radius: 50px;
}
.btn-file:hover{
	background-color: #bbbab7;
}

.white{
	color: #FFFFFF;
}

.dark-grey-text{
	color:#272729;
}

.footer {
	color: white;
}

.footer .copy a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.footer .social a {
	text-decoration: none;
}


.navbar-dark .navbar-nav .nav-link {
	color:white;
	font-family: basisGrotesque;
	font-size: 14px;
}

.logo-background {
	background-image: url("../img/TXC_logo_x.png");
	background-size: 100% 100%;
}

.edges{
	margin-top:20px;
	margin-bottom:20px;
	width: 100%;
	border-bottom: 1px solid #5972fb;
	position: relative;
	z-index: -1;
}

.edges::before,
.edges::after,
.nodes{
	background: #5972fb;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border:1px solid #5972fb;
	position: absolute;
	content:'';
	top: -8px;
}

.edges::before{
	left: 0;
}

.edges::after{
	right: 0;
}

.nodes{
	left: 50%;
	margin-left: -8px;
}

.grey-border{
	border: 1px solid #d6d3d1;
}

.blue-background{
	background-color: #333271;
	color: #FFFFFF;
}

.values-background{
	background-color: #333271;
	color: #FFFFFF;
}

.values-background:hover{
	background-color: #ffffff;
	color:#333271;
}

.values-background:hover p{
	color:#272729;
}

.form-background{
	background-color: #f5f4f0;
	border:none;
}

.bio{
	text-decoration: none;
}
.bio:hover{
	transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
    transition-duration: 1s;
	filter: brightness(50%)
}

.file-display-hidden{
	display: none;
}

.linkedin-link{
	text-decoration: none;
	font-size: 20px;
}

.linkedin-link:hover{
	text-decoration: none;
	color: #d4d4d4;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 1000;
}