/*
*****************************
TEMPLATE CSS
*****************************
*/
#mainrow
{
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	/*top:50px;*/
}


/*
*****************************
SITEWIDE CSS
*****************************
*/
html
{ 
	overflow-y: scroll !IMPORTANT;
	margin: 0 !IMPORTANT;
	
	/*-webkit-transform: translateZ(0);*/
	background:#ffffff;
}
body
{
	/*-webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
	background: invert(100%);
	color: invert(100%);*/
}
:root 
{
	/* this is for loading all of the font awesome items from one call. it fixes the flickering */
    /*overflow-y: scroll;*/
}
h2
{
	font-size:30px;
}
.center
{	
	text-align:center;
}
.error
{
    display: none;
}
.popover-body 
{
    color: #0c5460;
}
/* This is for the no JS alert at the top of the page.*/
.no_js_alert
{
    background-color: red;
	padding:20px;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	text-align:center
}
.page-header
{
	border-bottom: 1px solid #eee;
	margin-bottom:30px;
	/*border-bottom: 35px solid ;
	border-image:url("/res/images/header-underline.jpg") 0 0 35 0 stretch !IMPORTANT;*/
}
.page-header:after
{
	background:url("/res/images/header-underline.jpg");
}
.btn-primary
{
	background-color:rgb(0, 101, 153) !IMPORTANT;
}
a
{
	color:rgb(0, 101, 153);
}
.left-col
{
	text-align: right;
}
.left-col img
{
	float:right;
	width:400px;
}
.right-col
{
	
}
.outstanding
{
	margin-top:30px;
	margin-bottom:30px;
	float:right;
	color: #971A1E;
	max-width:380px;
}
.img-fluid
{
	margin-bottom:10px;
}
/*
*****************************
FORM CSS
*****************************
*/
/*Give required stars the same colour as alert info */
.req_star
{
	font-size:1.5em;
	position:relative;
	top:5px;
	color:#0c5460;
}
/*this stops the .alert class from padding the textarea*/
.form-control.required.alert.alert-danger
{
	padding:.375rem .75rem;
}

/*
*****************************
NAVBAR CSS
*****************************
*/
.bg-light 
{
	background-color:#ffffff !IMPORTANT;
}
.topmenu_logos
{
	/*text-align:right;*/
}
.topmenu_logos img
{
	/*max-width:50%;*/
	/*vertical-align: top !IMPORTANT;*/
	/*float:right;*/
	/*max-height:60px;*/
	/*top:-20px;*/
	position:relative;
}
@media only screen and (max-width: 930px)
{
	.topmenu_logos img
	{
		display:none;
	}
}
.justify-content-end
{
	padding-bottom:50px;
}

#back-to-top 
{
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right:20px;
    display:none;
	opacity:0.7;
	/*color: rgb(0, 88, 128) !IMPORTANT;*/
	z-index:30;
}
nav
{
	/* so the fade in appears behind the menu */
	/*z-index:20;*/
}
#logo
{
	max-height:100px;
	/*position:absolute;
	top:-300;
	left:150;*/
}
@media only screen and (max-width: 768px)
{
	#logo
	{
		max-height:50px;
		/*position:absolute;
		top:-300;
		left:150;*/
	}
}

/*#navb form
{
	max-width:500px;
	float:right !IMPORTANT;
}*/
.navbar-right
{
	float:right !IMPORTANT;
}
/* FOR ACCESSABILITY */
.navbar-light .navbar-nav .nav-link
{
    color: rgb(0,0,0) !IMPORTANT;
	font-weight:bold;
}
.dropdown-item
{
	font-weight:bold;
}
.dropdown-item:hover
{
	background-color:rgb(52, 58, 64);
	color:rgb(255, 255, 255);
}
.btn
{
	font-weight:bold;
}
.btn-success
{
	background-color:rgb(151, 26, 30);
	border-color:rgb(132, 22, 24)
	/*color:rgb(0, 0, 0);*/
}
.btn-success:hover
{
	background-color:rgb(191, 34, 37);
	border-color:rgb(132, 22, 24)
	/*color:rgb(0, 0, 0);*/
}
#collapsibleNavbar, #collapsibleNavbar2
{
	position:relative;
	padding-top:80px !IMPORTANT;
	white-space: nowrap;
}
.dropdown-menu
{
	z-index:500 !IMPORTANT;
}
#mnnav
{
	z-index:60 !IMPORTANT;
}
/****************************
		CRUMBS CSS
*****************************/
#crumbs
{
	z-index:10 !IMPORTANT;
	position: relative;
	/*background-color:#E6E6E6;*/
	padding:1%;
	padding-left:5%;
	padding-right:5%;
	max-width:500px;

	-webkit-animation-name: crumbsin; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.0s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */

	-moz-animation-name: crumbsin; 
	-moz-animation-duration: 1.0s; 
	-moz-animation-fill-mode: forwards; 

	-o-animation-name: crumbsin;
	-o-animation-duration: 1.0s; 
	-o-animation-fill-mode: forwards; 

	animation-name: crumbsin; 
	animation-duration: 1.0s; 
	animation-fill-mode: forwards;

}
.ignore
{
	font-weight:bold;
}
@-webkit-keyframes crumbsin 
{
    0%   {top:-50px; opacity: 0;}
	50%   {opacity: 0.2;}
    100% {top:0px; opacity: 1;}
}
@keyframes crumbsin 
{
    0%   {top:-50px; opacity: 0;}
	50%   {opacity: 0.2;}
    100% {top:0px; opacity: 1;}
}
#crumbs > li
{
	list-style:none;
	display:inline;
	font-weight:bold;
	color: inherit; /* blue colors for links too */
	text-decoration:none !IMPORTANT;
}
#crumbs > li > a
{
	/*color: rgb(0, 88, 128) !IMPORTANT;*/
}
.nopadd
{
	padding:0px !IMPORTANT;
	width:100%;
	background-color:none !IMPORTANT;
}
.nomar
{
	margin:0px !IMPORTANT;
}
@media only screen and (max-width: 768px)
{
	#crumbs
	{
		font-size:0.5em;
	}
}
#crumbsRow
{
	/* so the menu appears on top of the fade in crumbs */
	z-index:80;
	font-size:16px;
	position:relative;
	top:-50px;
}
#crumb_spacer
{
	height:50px;
}
.crumb_chev
{
	position:relative;
	top:1;
}
/*
*****************************
ABOUT PAGE CSS
*****************************
*/
.text_img_left
{
	float:left;
	padding:15px;
	padding-left:0px;
}
.text_img_right
{
	float:right;
	padding:15px;
}

/*
*****************************
Meet the team PAGE CSS
*****************************
*/
.user_img
{
	border-radius:75px;
	float:left;
	margin:15px;
	margin-left:0px;
}
.user_text
{
	margin-top:15px;
}

/*
*****************************
People with learning disabilities PAGE CSS
*****************************
*/
.resource_img
{
	border-radius:75px;
	float:left;
	margin:15px;
	margin-left:0px;
}
.resource_text
{
	margin-top:15px;
}
.resource_text ul
{
	float:left;
}
.quote_para, .quote_para2
{
	padding-left:20px;
	padding-right:20px;
	font-style: italic;
}
.quote_para2
{
	background-color:rgb(224, 224, 224);
	padding:20px;
	font-weight:bold;
	/*color: #971A1E;*/
}
/*
*****************************
VIDEOS PAGE CSS
*****************************
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
*****************************
FOOTER CSS
*****************************
*/
#footer
{
	padding-top:20px;
	margin-top:50px;
	border-top: 1px solid #eee;
	margin-bottom:150px;
}
.geodatalink 
{
	
	color: rgb(0, 0, 0);
}
.geodatalink:hover
{
	text-decoration: none;
}
.logocol img
{
	width:50%;
}
.geologo
{
	position:relative;
	top:-2px;
}
.menu_table
{
	border:none;
}
.menu_table td 
{ 
vertical-align: top; 
}

/*
*****************************
carousel CSS
*****************************
*/

.carousel-control-prev-icon, .carousel-control-next-icon
{
	width:50px;
	height:50px;
}
.carousel-caption
{
	float:right !IMPORTANT;
	text-align:left;
	right: 0%;
	left:auto;
	padding:15px;
	padding-bottom:0px;
	background-color:#ffffff;
}
.carousel-caption h5
{
	color:#006599;
}
.carousel-caption p
{
	color:#000000;
	font-weight:bold;
	
}
.colband
{
	width:100%;
	height:50px;
	z-index:1;
}
#about_band
{
	background-color:#ff9000;
}
#news_band
{
	background-color:#ffd800;
}
#video_band
{
	background-color:#83BF4D;
}
#resource_band
{
	background-color:rgb(151, 26, 30);
}
#contact_us_band
{
	background-color:#E5E5E5;
}
#research_band
{
	background-color:rgb(23, 90, 139);
}

/*
*****************************
Activities Toolkit
*****************************
*/
.number_circle_div
{
	position:absolute;
	top:5%;
	right:5%;
	background-color:#ffffff;
	border-radius:40px;
	height:80px;
	width:80px;
	
	/*color:rgba(0,0,0,0);*/
}
.number_div
{
	font-size:50px;
	font-weight:bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.green_num
{
	color: #5c8738;
}
.red_num
{
	color: rgb(151, 26, 30);
}
.orange_num
{
	color: #ff9000;
}
.green_col
{
	background-color: #5c8738;
	display: flex;
	justify-content: center;
	align-items: center;
}
.green_col h4
{
	color:FFFFFF;
	font-style:italic;
}
.orange_col
{
	background-color: #ff9000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.orange_col h4
{
	color:FFFFFF;
	font-style:italic;
}
.red_col
{
	background-color: rgb(151, 26, 30);
	display: flex;
	justify-content: center;
	align-items: center;
}
.red_col h4
{
	color:FFFFFF;
	font-style:italic;
}

.img_citation
{
	text-align:right !IMPORTANT;
	font-style:italic;
}
.rd_txt
{
	color:rgb(151, 26, 30);
}
/*
*****************************
People With Learning Disabilities And Their Supporters CSS
*****************************
*/
.house_logo
{
	margin-right:15px;
	float:left;
}
.link_div
{
	margin-bottom:40px;
	min-height:75px;
	clear: left;
}
.log_b
{
	position:relative;
	top:10px;
	font-size:18px;
}
.sub_title
{
	min-height:60px;
	margin-bottom:40px;
}
.summary_sheet_img
{
	width:100%;
	border: 1px solid grey;
}
.lft_fl
{
	float:left;
}
.rht_fl
{
	float:right;
}
.das_list
{
	margin-top:30px;
}