/* Project specific CSS */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* LOGIN */

body.login {
	background-image:url('../img/login-background.jpg');
	background-position:center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	height:100vh;
}

body.login #content {
	margin-top:-10vh;
}

.login-box {
	background-color:#FFF;
	width:300px;
	-webkit-box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.5);
}

.login-box .alert {
	font-size:0.8rem;
	text-align: left;
}
.login-box label {
	display:none;
}

/* GENERAL */

body {
	font-family: 'Inter', sans-serif;
	overflow-y: scroll;
}

.blue {
	color: #5ec3f5 !important;
}

.red {
	color:#9f1630;
}

.grey {
	color:#666;
}

.grey-background {
	background-color:#EFEFEF;
}

a, a:hover {
	color:#5ec3f5;
}

.btn {
	background-color: #5ec3f5;
    border-color: #5ec3f5;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
    color:#FFF;
    transition:0.3s;
}

.btn:hover, .bt:focus {
	background-color: #9f1630;
    border-color: #9f1630;
    color:#FFF;
}

.form-control {
	border-radius: 0rem !important;
}

/* NAV */

body nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-vinyl.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.mid-2020-vision nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/mid2020-header-background.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}


body.mid-2020-vision nav.navbar a img{
	width: 10rem;
}

body.groove nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-vinyl.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.edinburgh-mar-21 nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-mountain.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.circum-21 nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-planes.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.brightfive nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/test-background.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.getting-inside-21 nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-london-21.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.discovery-22 nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-discovery-22.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.the-new-normal-22 nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-the-new-normal-22.jpg');
	background-position:center right;
	background-size:cover;
	margin-bottom: 2rem;
}

body.the-new-normal-22 .navbar-brand {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-right: 0rem;
}

body.the-new-normal-22 .navbar-brand img {
	width: 33vw;
}

body.the-new-normal-22 nav.navbar {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

body.the-new-normal-22 nav.navbar > .container-fluid {
	padding-left: 0px;
}

body.navigation a.navbar-brand img {
	padding: 1rem 1rem 1rem 0rem;
}

body.navigation nav.navbar {
	/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-bottom: 2rem; */
    background-image:url('../img/header-background-navigation-scotland.jpg');
	background-position:center right;
	background-size:cover;
}

.navbar-brand {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right:1rem;
}

.navbar-brand img {
	width:18rem;
}

nav.navbar .nav-item {
	margin-right:1rem;
}

nav.navbar .nav-link {
	background-color:#5ec3f5;
	color:#FFF;
	transition:0.3s;
}

nav.navbar .nav-link:hover {
	background-color:#9f1630;
	color:#FFF;
}

.mobile-nav {
	display:none;
}

.mobile-nav .col-4 {

}

.mobile-nav a {
	font-size:0.8rem;
	color:#FFF;
	background-color:#5ec3f5;
}

/* VIDEO/SPEAKER LIST */

.sticky-offset {
    top: 27px;
}

.video-list {

}

.video-list a {
	border:4px solid #FFF;
}

.video-list a:hover {
	border:4px solid #5ec3f5;
	text-decoration:none !important;
}

.video-list a.active {
	border:4px solid #9f1630;
}

.speaker-block {
	background-color:#EEE;
	margin-bottom:1rem;
}

.speaker-block h4 {
	font-size:1rem;
}

.speaker-block p {
	font-size:0.7rem;
	margin-bottom:8px;
}

.speaker-block p.clip-title {
	font-size:0.8rem;
	color:#9f1630;
	font-weight:600;
}

.video-list a:hover h4, .video-list a:hover p {
	text-decoration:none !important;
}

.video-navigation {
	border-top:2px solid #DDD;
}

footer {
	background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
    margin-top:30px;
}

footer img {
	width:15rem;
}

/* RESPONSIVE */

@media screen and (max-width: 767px) {

	.h2, h2 {
		font-size:1.4rem;
	}

	.h3, h3 {
		font-size:1.2rem;
	}

	p.lead {
		font-size:1rem;
	}

	.navbar-brand img {
	    width: 10rem;
	}

	nav.navbar {
		margin-bottom:0px !important;
	}

	nav.navbar li.nav-item a.nav-link i {
		display:none;
	}

	.mobile-nav {
		display:block;
	}

	.text-right.not-mobile {
		text-align:left !important;
	}

	body.circum-21 nav.navbar {
		/* background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(50%,#fff),to(#d1e9e8));
	    background: linear-gradient(90deg,#fff 0,#fff 50%,#d1e9e8);
	    margin-bottom: 2rem; */
		background-position:center left;
		background-size:cover;
	}


}