@charset "utf-8";
/* CSS Document */
body, html {
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	font-family: 'Montserrat', sans-serif;
}

/*---------------------- LOADER ---------------------*/
.loader { 
	position:absolute;
	width:100%;
	height:100%;
	display: block; 
	z-index:2000;
	background-color:white;
}

#loader-intro {
	background: url("../images/backgrounds/load-intro.jpg") center no-repeat #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#loader-section-one {
	background: url("../images/backgrounds/load-section-one.jpg") center no-repeat #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#loader-section-two {
	background: url("../images/backgrounds/load-section-two.jpg") center no-repeat #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.loading {
	margin-top:60px;
	/*width:400px;*/
	background-color:rgba(240,240,240,0.8);
	padding:20px;
}

#myCarousel {
	border: 2px solid #ddd;
}

.pop-up-heading {
	display:inline-block;
}


/*------------------------- MENU BAR -----------------------------*/

.nav-bar, .navbar-default {
	background:#56728A;
	border-color:#56728A;
	border-radius:0px;
	margin-bottom:0;
	color:white;
	z-index:500;
}

.navbar-brand {	
	padding: 0px; /* firefox bug fix */
	width: 250px;
	margin:5px;
	margin-right:10px;
}

.navbar-brand img{
	padding: 15px; /* firefox bug fix */
	width: auto;
	height:100%;
}

.navbar-default .navbar-nav>li>a {
	color:white;
}

.navbar-default .navbar-nav>li>a:hover {
	color:black;
	background:#eee;
}

ul.dropdown-menu li a:hover {
	background-color: #A24D44;
	color:white;
}

ul.dropdown-menu li a.active {
	background-color: #56728A;
	color:white;
}

li.dropdown {color:white;}

/* -------------------- NAVIGATION HINT ------------------------*/
.navigation-hint {
	position:fixed;
	width:100px;
	height:100%;
	padding-top: 40vh;
	z-index:500;
}

#lefty {
	left:0;
	padding-left:10px;
	background:linear-gradient(90deg, rgba(80,83,90,0.8), rgba(255,255,255,0));
}
#righty{
	right:0;
	padding-right:10px;
	background:linear-gradient(90deg, rgba(255,255,255,0), rgba(80,83,90,0.8));
}

.navigation-hint i {
	font-size:60px;
	color:black;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {transform: scale(.7);}
	50% {transform: scale(1);}
	100% {transform: scale(.7);}
}

/*---------------------- HORIZONTAL SCROLL -------------*/
.wrapper {
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}
		
.inner {
	cursor:grab;
	height: 100%;
	padding:0;
}



/*----------------------- COLOURS ----------------------------------*/
.colour-white {background-color:#f0f0f0;}
.color-white-header {background-color:rgba(240,240,240,1.00);}
.colour-blue-one {background-color:#56728A;}
.colour-blue-two {background-color:#306F9C;}
.colour-blue-three {background-color:#0A798A;}
.colour-blue-four {background-color:#7cc0d0;}

.colour-red-one {background-color:#d95b26;}
.colour-red-two {background-color:#A24D44;}/*##A24D44*/
.colour-greenish {background-color:green;}

.black-text {color:black;}
.white-text {color:white;}
.blue-one-text {color:#56728A;}
.blue-two-text {color:#306F9C;}
.blue-three-text {color:#0A798A;}
.blue-four-text {color:#7cc0d0;}


.black-hr {border-top:1px solid black;}
.white-hr {border-top:1px solid white;}
.blueish-hr {border-top:1px solid #56728A;}

.board ul {
	margin:2px;
}

.nav li {
	padding:5px;
}

#board-2 ul {
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
}

.board ul li {
	margin:5px;
	line-height:18px;
}

ol {
	padding: 5px; /* Remove padding */
	margin: 4px; /* Remove margins */
}

ol li {
	margin-left:5px;
	margin-bottom:10px;
	font-size:14px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
	border: 1px solid #fff;
	text-align: left;
	padding: 8px;
	font-size:12px;
}

tr:nth-child(even) {
  background-color: #fff;
}
tr:nth-child(odd) {
  background-color: #eee;
}

h4 a {color:black; padding:5px; line-height: 1.1; display:inline-block;}
h4 a.active {background-color:#dddddd;}
h4 a:hover {background-color:#dddddd; color:black;}

a sup {color:#A24D44; margin-left:3px; margin-right:3px; cursor:auto;}
a sup:hover{color:darkorange; cursor:pointer;}

p {margin: 0 0 6px;}

.btn-survey, .btn-success {
	padding:10px 20px;
	font-size:20px;
}

.mail-to {
	padding:5px;
	color:#A24D44;
}

.mail-to-reverse {
	padding:5px;
	color:black;
}

.mail-to:hover, .mail-to:focus, .mail-to-reverse:hover, .mail-to-reverse:focus {
	color:black;
	background:#eee;
}

a.privacy-policy {margin:5px;width:100%; color:black; padding:5px; background-color:rgba(255,255,255,0.6);}
a.privacy-policy:hover, .privacy-policy:focus {color:#A24D44;}

.modal-list-link {color:#A24D44; font-weight:600;}
.modal-list-link:hover, .modal-list-link:focus {color:white; background-color:#A24D44;}




.small {font-size:12px;}

.board {
	position:absolute;
	/*padding:5px;*/
	z-index:50;
	top:5px;
	/*box-shadow: 2px 2px 2px 3px rgba(40,40,40,0.5);*/
}

.board .container-img {
	position:relative;
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	background-image: url("../images/backgrounds/cover.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position: bottom left;
}

.board .container-colour {
	position:relative;
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
}

.board-header {
	width:100%;
	height:auto;
	/*min-height:65px;*/
	flex: none;
	margin:0;
	padding:5px;
}

.board-header-empty {
	width:100%;
	height:auto;
	min-height:25px;
	flex: none;
	margin:0;
	padding:5px;
}

.board-main {
	padding:5px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	flex: auto;
}

.board-footer {
	flex: none;
	margin:0;
	padding:2px;
	width:100%;
	height:auto;
	/*background-color:purple;*/
	
}
.board-footer p {margin:2px;}



/*-------------------- EITHER A HEADING OR A MARGIN AT THE TOP OF THE BOARDS -----------------*/

.board .heading-container {
	width:100%;
	height:auto;
	/*min-height:65px;*/
	padding:5px;
	margin-top:0;
	margin-bottom:5px;
	/*background-color:green;*/
}


.top-padding25 {
	/*background-color:purple;*/
	margin-top:25px;
	
	
}

/*---------------------OPTIONAL BREADCRUMBS AT THE BOTTOM OF THE BOARD-------------------*/

.footing-container {
	position:relative;
	width:auto;
	height:auto;
	min-height:45px;
	color:white;
	/*background-color:#56728A;*/
	background-color:blue;
	bottom:10px;
	margin-bottom:10px;
	padding:5px;
}



/*----------------------------------------*/

.board .container-text {
	text-align:right;
	position:absolute;
	right:20px;
	bottom:150px;
	width:90%;
	height:auto;
	color:white;
}

/*------------------------CONTENTS SECTIONS---------------------*/
.section-block {
	width:100%;
	/*margin-bottom:10px;*/
	padding:5px;
	
}

.section-block h4 a i {
	display:inline-block;
}

.section-block-active {
	width:100%;
	/*margin-bottom:10px;*/
	padding:5px;
	background-color: rgba(255,255,255,0.2);
}

.thumbnail-img {
	position:relative;
	width:100%;
}
.thumbnail-img img {
	width:100%;
	height:auto;
}

.fa-search-plus {
	position:absolute;
	color:black;
	font-size:40px;
	top:10px;
	left:10px;
	padding:5px;
	background-color:rgba(240,240,240,0.5);
	border:2px solid black;
	border-radius:5px;
}

.fa-search-plus:hover, .fa-search-plus:focus {
	color:orange;border-color:orange;
}


#screenDims {
	position:fixed;
	top:50%;
	left:50%;
	height:auto;
	width:auto;
	z-index:5000;
	padding:10px;
	background-color:red;
	color:white;
}

/* ------------------------------ MEDIA ----------------------------*/

/* smartphones, iPhone, portrait 480x320 phones */
@media only screen and (min-width: 320px) {
	/*.inner {background-color:darkred;}*/
	
	#section-intro.inner {width:4330px;}/*13 boards (13 x (320 + 10) + 40 = */
	#section-one.inner {width:11590px;}/*22 boards (22 x (320 + 10) + 40 = */
	#section-two.inner {width:8620px;}/*16 boards (16 x (320 + 10) + 40 = */
	
	.board {width:320px; min-height:540px; height:75%; padding:2px;} /* 1.75 ratio 560*/
	
	.board .heading-container {min-height:45px;}
	.board-header-empty {min-height:10px;}
	.section-block, .section-block-active {margin-bottom:0px;}

	#board-1 {left:20px;} /* +330,  */
	#board-2 {left:350px;} 
	#board-3 {left:680px;}
	#board-4 {left:1010px;}
	#board-5 {left:1340px;}
	#board-6 {left:1670px;}
	#board-7 {left:2000px;}
	#board-8 {left:2330px;}
	#board-9 {left:2660px;}
	#board-10, #board-character-area-map {left:2990px;}
	#board-11, #board-character-area-1 {left:3320px;}
	#board-12, #board-character-area-2 {left:3650px;}
	#board-13, #board-end-intro, #board-character-area-3 {left:3980px;}
	#board-14, #board-character-area-4 {left:4310px;}
	#board-15, #board-character-area-5 {left:4640px;}
	#board-16, #board-character-area-6 {left:4970px;}
	#board-17, #board-character-area-7 {left:5300px;}
	#board-18, #board-character-area-8 {left:5630px;}
	#board-19, #board-character-area-9 {left:5960px;}
	#board-20, #board-character-area-10 {left:6290px;}
	#board-21, #board-biodiversity-1 {left:6620px;}
	#board-22, #board-biodiversity-2 {left:6950px;}
	#board-23, #board-biodiversity-3 {left:7280px;}
	#board-24, #board-biodiversity-4 {left:7610px;}
	#board-25, #board-survey-p2-1 {left:7940px;}
	#board-26, #case-study-1, #board-end-p2 {left:8270px;}
	#board-27, #case-study-2 {left:8600px;}
	#board-28, #case-study-3 {left:8930px;}
	#board-29, #case-study-4 {left:9260px;}
	#board-30, #case-study-5 {left:9590px;}
	#board-31, #case-study-6 {left:9920px;}
	#board-32, #case-study-7 {left:10250px;}
	#board-33, #case-study-8 {left:10580px;}
	#board-34, #board-survey-p1-1 {left:10910px;}
	#board-35,#board-end-p1 {left:11240px;}
	#board-36 {left:11570px;}
	
	h3 {margin-top:10px; margin-bottom:5px;}
	h4 {margin-top:0px; margin-bottom:5px;}
	
	.btn-survey, .btn-success {
		width:100%;
		padding:5px 5px;
		font-size:16px;
		margin-top:5px;
		margin-bottom:10px;
		color:black;
	}
}




/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
@media (min-width: 481px) {
	/*.inner {background-color:red;}*/
	
	#section-intro.inner {width:5110px;}/*12 boards (12 x (380 + 10) + 40 = */
	#section-one.inner {width:13690px;}/*22 boards (22 x (380 + 10) + 40 = */
	#section-two.inner {width:10180px;}/*16 boards (16 x (380 + 10) + 40 = */
	
	.board {width:380px; min-height:665px; height:90%; padding:2px; padding:4px;} /* 1.75 ratio */
	
	.board .heading-container {min-height:45px;}
	.board-header-empty {min-height:10px;}
	.section-block, .section-block-active {margin-bottom:0px;}
	
	#board-1 {left:20px;} /* +390px,  */
	#board-2 {left:410px;}
	#board-3 {left:800px;}
	#board-4 {left:1190px;}
	#board-5 {left:1580px;}
	#board-6 {left:1970px;}
	#board-7 {left:2360px;}
	#board-8 {left:2750px;}
	#board-9 {left:3140px;}
	#board-10, #board-character-area-map {left:3530px;}
	#board-11, #board-character-area-1 {left:3920px;}
	#board-12, #board-character-area-2 {left:4310px;}
	#board-13, #board-end-intro, #board-character-area-3 {left:4700px;}
	#board-14, #board-character-area-4 {left:5090px;}
	#board-15, #board-character-area-5 {left:5480px;}
	#board-16, #board-character-area-6 {left:5870px;}
	#board-17, #board-character-area-7 {left:6260px;}
	#board-18, #board-character-area-8 {left:6650px;}
	#board-19, #board-character-area-9 {left:7040px;}
	#board-20, #board-character-area-10 {left:7430px;}
	#board-21, #board-biodiversity-1 {left:7820px;}
	#board-22, #board-biodiversity-2 {left:8210px;}
	#board-23, #board-biodiversity-3 {left:8600px;}
	#board-24, #board-biodiversity-4 {left:8990px;}
	#board-25, #board-survey-p2-1 {left:9380px;}
	#board-26, #case-study-1, #board-end-p2 {left:9770px;}
	#board-27, #case-study-2 {left:10160px;}
	#board-28, #case-study-3 {left:10550px;}
	#board-29, #case-study-4 {left:10940px;}
	#board-30, #case-study-5 {left:11330px;}
	#board-31, #case-study-6 {left:11720px;}
	#board-32, #case-study-7 {left:12110px;}
	#board-33, #case-study-8 {left:12500px;}
	#board-34, #board-survey-p1-1 {left:12890px;}
	#board-35, #board-end-p1 {left:13280px;}
	#board-36 {left:13670px;}
	
	h3 {margin-top:5px; margin-bottom:5px;}
	h4 {margin-top:0px; margin-bottom:5px;}
	h4 a {line-height:1.1;}
	
	.btn-survey, .btn-success {
		padding:2px 5px;
		font-size:16px;
	}
}



/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px)  {
	/*.inner {background-color:lightcoral;} *//* this needs to be stacked */
	
	#section-intro.inner {width:3940px;}
	#section-one.inner {width:9840px;}
	#section-two.inner {width:8370px;}
	
	.board {width:480px; min-height:420px; height:44%; padding:4px;} 
	
	.board .heading-container {min-height:45px;}
	.board-header-empty {min-height:10px;}
	.section-block, .section-block-active {margin-bottom:0px;}
	
	#board-1, #board-2,
	#board-end-intro, #board-end-p1, #board-end-p2, 
	#board-survey-p1-1, #board-survey-p1-2, #board-survey-p2-1, #board-survey-p2-2, 
	#board-character-area-map, #board-biodiversity-1 {min-height:850px; height:90%;}
		
	#board-1 {left:20px;} /* +490px,  */
	#board-2 {left:510px;}
	#board-3 {left:1000px;}
	#board-4 {left:1000px; top:435px;}
	#board-5 {left:1490px;}
	#board-6 {left:1490px; top:435px;}
	#board-7 {left:1980px;}
	#board-8 {left:1980px; top:435px;}
	#board-9 {left:2470px;}
	#board-10 {left:2470px; top:435px;}
	#board-11, #board-character-area-map {left:2960px;}
	#board-12 {left:2960px; top:435px;}
	#board-13, #board-end-intro, #board-character-area-1 {left:3450px;}
	#board-14, #board-character-area-2 {left:3450px; top:435px;}
	#board-15, #board-character-area-3 {left:3940px;}
	#board-16, #board-character-area-4 {left:3940px; top:435px;}
	#board-17, #board-character-area-5 {left:4430px;}
	#board-18, #board-character-area-6 {left:4430px; top:435px;}
	#board-19, #board-character-area-7 {left:4920px;}
	#board-20, #board-character-area-8 {left:4920px; top:435px;}
	#board-21, #board-character-area-9 {left:5410px;}
	#board-22, #board-character-area-10 {left:5410px; top:435px;}
	#board-23, #board-biodiversity-1 {left:5900px;}
	#board-24 {left:5900px; top:435px;}
	#board-25, #board-biodiversity-2 {left:6390px;}
	#board-26, #board-biodiversity-3 {left:6390px; top:435px;}
	#board-27, #case-study-1, #board-biodiversity-4 {left:6880px;}
	#board-28, #case-study-2 {left:6880px; top:435px;}
	#board-29, #case-study-3, #board-survey-p2-1 {left:7370px;}
	#board-30, #case-study-4 {left:7370px; top:435px;}
	#board-31, #case-study-5, #board-end-p2 {left:7860px;}
	#board-32, #case-study-6 {left:7860px; top:435px;}
	#board-33, #case-study-7 {left:8350px;}
	#board-34, #case-study-8 {left:8350px; top:435px;}
	#board-35, #board-survey-p1-1 {left:8840px;}
	#board-36 {left:8840px; top:435px;}
	#board-37, #board-end-p1  {left:9330px;}
	#board-38 {left:9330px; top:435px;}
	#board-39 {left:9820px;}
	#board-40 {left:9820px;top:435px;}
	
	h3 {margin-top:5px; margin-bottom:5px;}
	h4 {margin-top:0px; margin-bottom:5px;}
	
	.btn-survey, .btn-success {
		padding:5px 10px;
		font-size:18px;
	}
	
}


/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px)  { 
	/*.inner {background-color:orange;}*/
	
	#section-intro.inner {width:6410px;}
	#section-one.inner {width:17190px;}
	#section-two.inner {width:12780px;}
	
	.board {width:480px; min-height:600px; height:80%; padding:5px;}
	
	.board .heading-container {min-height:45px;}
	.board-header-empty {min-height:10px;}
	.section-block, .section-block-active {margin-bottom:0px;}
	
	#board-1, #board-2,
	#board-end-intro, #board-end-p1, #board-end-p2, 
	#board-survey-p1-1, #board-survey-p1-2, #board-survey-p2-1, #board-survey-p2-2, 
	#board-character-area-map, #board-biodiversity-1 {min-height:600px; height:80%;}
	
	#board-1 {left:20px;} /* +490px,  */
	#board-2 {left:510px;}
	#board-3 {left:1000px;}
	#board-4 {left:1490px; top:5px;}
	#board-5 {left:1980px;}
	#board-6 {left:2470px; top:5px;}
	#board-7 {left:2960px;}
	#board-8 {left:3450px; top:5px;}
	#board-9 {left:3940px;}
	#board-10, #board-character-area-map {left:4430px; top:5px;}
	#board-11, #board-character-area-1 {left:4920px;}
	#board-12, #board-character-area-2 {left:5410px; top:5px;}
	#board-13, #board-end-intro, #board-character-area-3 {left:5900px;}
	#board-14, #board-character-area-4 {left:6390px; top:5px;}
	#board-15, #board-character-area-5 {left:6880px;}
	#board-16, #board-character-area-6 {left:7370px; top:5px;}
	#board-17, #board-character-area-7 {left:7860px;}
	#board-18, #board-character-area-8 {left:8350px; top:5px;}
	#board-19, #board-character-area-9 {left:8840px;}
	#board-20, #board-character-area-10 {left:9330px; top:5px;}
	#board-21, #board-biodiversity-1 {left:9820px;}
	#board-22, #board-biodiversity-2 {left:10310px; top:5px;}
	#board-23, #board-biodiversity-3 {left:10800px; top:5px;}
	#board-24, #board-biodiversity-4 {left:11290px; top:5px;}
	#board-25, #board-survey-p2-1 {left:11780px; top:5px;}
	#board-26, #case-study-1, #board-end-p2 {left:12270px; top:5px;}
	#board-27, #case-study-2 {left:12760px; top:5px;}
	#board-28, #case-study-3 {left:13250px; top:5px;}
	#board-29, #case-study-4 {left:13740px; top:5px;}
	#board-30, #case-study-5 {left:14230px; top:5px;}
	#board-31, #case-study-6 {left:14720px;top:5px;}
	#board-32, #case-study-7 {left:15210px; top:5px;}
	#board-33, #case-study-8 {left:15700px;top:5px;}
	#board-34, #board-survey-p1-1 {left:16190px; top:5px;}
	#board-35, #board-end-p1 {left:16680px; top:5px;}
	#board-36 {left:17170px; top:5px;}
	
	h3 {margin-top:5px; margin-bottom:5px;}
	h4 {margin-top:0px; margin-bottom:5px;}
	
	.btn-survey, .btn-success {
		padding:5px 10px;
		font-size:18px;
	}
}

@media (min-width:900px) and (-webkit-device-pixel-ratio: 1.125) { 
	/*.inner {background-color:black;} */
	
	#section-intro.inner {width:6410px;}
	#section-one.inner {width:17190px;}
	#section-two.inner {width:12780px;}
	
	.board {width:480px; min-height:600px; height:80%; padding:5px;}
	
	.board .heading-container {min-height:45px;}
	.board-header-empty {min-height:10px;}
	.section-block, .section-block-active {margin-bottom:0px;}
	
	#board-1, #board-2,
	#board-end-intro, #board-end-p1, #board-end-p2, 
	#board-survey-p1-1, #board-survey-p1-2, #board-survey-p2-1, #board-survey-p2-2, 
	#board-character-area-map, #board-biodiversity-1 {min-height:600px; height:80%;}
	
	#board-1 {left:20px;} /* +490px,  */
	#board-2 {left:510px;}
	#board-3 {left:1000px;}
	#board-4 {left:1490px; top:5px;}
	#board-5 {left:1980px;}
	#board-6 {left:2470px; top:5px;}
	#board-7 {left:2960px;}
	#board-8 {left:3450px; top:5px;}
	#board-9 {left:3940px;}
	#board-10, #board-character-area-map {left:4430px; top:5px;}
	#board-11, #board-character-area-1 {left:4920px;}
	#board-12, #board-character-area-2 {left:5410px; top:5px;}
	#board-13, #board-end-intro, #board-character-area-3 {left:5900px;}
	#board-14, #board-character-area-4 {left:6390px; top:5px;}
	#board-15, #board-character-area-5 {left:6880px;}
	#board-16, #board-character-area-6 {left:7370px; top:5px;}
	#board-17, #board-character-area-7 {left:7860px;}
	#board-18, #board-character-area-8 {left:8350px; top:5px;}
	#board-19, #board-character-area-9 {left:8840px;}
	#board-20, #board-character-area-10 {left:9330px; top:5px;}
	#board-21, #board-biodiversity-1 {left:9820px;}
	#board-22, #board-biodiversity-2 {left:10310px; top:5px;}
	#board-23, #board-biodiversity-3 {left:10800px; top:5px;}
	#board-24, #board-biodiversity-4 {left:11290px; top:5px;}
	#board-25, #board-survey-p2-1 {left:11780px; top:5px;}
	#board-26, #case-study-1, #board-end-p2 {left:12270px; top:5px;}
	#board-27, #case-study-2 {left:12760px; top:5px;}
	#board-28, #case-study-3 {left:13250px; top:5px;}
	#board-29, #case-study-4 {left:13740px; top:5px;}
	#board-30, #case-study-5 {left:14230px; top:5px;}
	#board-31, #case-study-6 {left:14720px;top:5px;}
	#board-32, #case-study-7 {left:15210px; top:5px;}
	#board-33, #case-study-8 {left:15700px;top:5px;}
	#board-34, #board-survey-p1-1 {left:16190px; top:5px;}
	#board-35, #board-end-p1 {left:16680px; top:5px;}
	#board-36 {left:17170px; top:5px;}
	
	h3 {margin-top:5px; margin-bottom:5px;}
	h4 {margin-top:0px; margin-bottom:5px;}
	
	.btn-survey, .btn-success {
		padding:5px 10px;
		font-size:18px;
	}
}




@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}



/* ---------------HINT CAROUSEL ------------------*/
#hintCarousel {
	border: 1px solid #333;
}

#hintModalDismiss {
	margin:10px;
	padding:10px;
}

/* --------------- LIGHTBOX MODAL --------------------------*/
/* The Modal (background) */
.lb-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	padding-top: 60px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: black;
}

/* Modal Content */
.lb-modal-content {
	position: relative;
	background-color: black;
	margin: auto;
	padding: 0;
	width: 90%;
	height:90%;
	max-width: 1000px;
}

.img-landscape {
	width:100%;
	height:auto;
}

.img-portrait {
	height:100%;
	width:auto;
	margin:auto;
	padding:0;
}

/* The Close Button */
 .close {
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
	opacity:1;
}

.close:hover, .close:focus {
	color: yellow;
	text-decoration: none;
	cursor: pointer;
	opacity:1;
}

.close {
	color:black;
}
.close:hover,
.close:focus {
	color:red;
}

#lightboxModal .close {
	color: white;
}

#lightboxModal .close:hover,
#lightboxModal .close:focus {
	color: orange;
}

/* Caption text */
.lb-caption-container {
	position: relative;
	background-color: black;
	margin: auto;
	width: 90%;
	max-width: 1000px;
	text-align: center;
	padding: 2px 16px;
	color: white;
}