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

/* COLORS
aquamarine = rgb(51, 186, 198)
darker blue = rgb(0, 98, 131)

*/

/*
*****************************
MODAL CSS
*****************************
*/
.modal 
{
	padding:10px  !IMPORTANT;
}
.modal-dialog
{
	max-width:100% !IMPORTANT;
	text-align:left !IMPORTANT;

}
.modal-title
{
	float:left;
}


/*
*****************************
SITEWIDE CSS
*****************************
*/

h1, h2, h3, h4 ,h5
{
	color:#993366;
}
.ahref
{
	word-break: break-all;
}
html
{ 
	overflow-y: scroll !IMPORTANT;
	margin: 0 !IMPORTANT;
	
	/*-webkit-transform: translateZ(0);*/
	background:#ffffff;
}
:root 
{
	/* this is for loading all of the font awesome items from one call. it fixes the flickering */
    /*overflow-y: scroll;*/
}
.center
{	
	text-align:center;
}
.center img
{
	width:80%;
}
.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 !IMPORTANT;
	font-size:30px;
	margin-top:10px;
	/*border-bottom: 35px solid ;
	border-image:url("/res/images/header-underline.jpg") 0 0 35 0 stretch !IMPORTANT;*/
}
.btn-primary
{
	background-color:#993366 !IMPORTANT;
	border-color: #993366 !IMPORTANT;
}
a
{
	color:#993366
}
a:hover
{
	color:#C31A86;
	text-decoration: none !IMPORTANT;
}
.img-circle
{
	max-width:150px;
	max-height:150px;
	border-radius:75px;
}
.img-circle:hover 
{
    box-shadow: 0px 0px 20px rgb(51, 186, 198);
}
.big_btn
{
	/*padding:50px !IMPORTANT;*/
	padding-top:15px !IMPORTANT;
	padding-bottom:15px !IMPORTANT;
	padding-left:40px !IMPORTANT;
	padding-right:40px !IMPORTANT;
	width:90% !IMPORTANT;
	border-radius: 25px !IMPORTANT;
	
	font-size:30px !IMPORTANT;
	font-weight: bold !IMPORTANT;
}
.projectrow
{
	text-align:center;
	margin-bottom:20px;
}



/*
*****************************
datepicker CSS
*****************************
*/
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover 
{
    background-color: rgb(224, 224, 224) !IMPORTANT;
    cursor: not-allowed !IMPORTANT;
	border-radius:0px !IMPORTANT;
}

/*
*****************************
FORM CSS
*****************************
*/
.contreadbutton
{
	margin-left:10px;
}
.error, .error2, .error3, .error4
{
    /*display: none;*/
	padding-top:10px;
	margin-left:10px;
    color: #a94442;
}
.spaceerror
{
    display: none;
    color: #a94442;
}
.noblnkerror
{
	display: none;
    color: #a94442;
}
.warning
{
    display: none;
    color: #8a6d3b;
}
.servicecol
{
	text-align:center;
}
.mainicon
{
	color:#63AFF8;
}
.services
{
	color:#146EC5;
}
.war_star
{
	color: #a94442;
	font-size:20px;
	/*position:relative;
	top:15px;*/
}
.war_req
{
	color: #a94442;
}
.form-group
{
	padding:10px;
	margin-bottom:2px;
}
.title_label
{
	font-weight:bold;
}
.has-error
{
	background-color:rgb(252, 232, 230);
	border-radius:5px;
}
.be_aware
{
	border-radius:5px;
	font-weight:bold;
	background-color:rgb(252, 190, 103);
	padding:10px;
	word-wrap: break-word;
}
/****************************
TEST PAGE CSS
*****************************/
.not
{
	color:red;
}
.found
{
	color:green;
}
.war
{
	color:orange;
}
/*
*****************************
NAVBAR CSS
*****************************
*/
#mnnav
{
	/*padding:0px !IMPORTANT;*/
}
.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;
	}
}


@media only screen and (max-width: 800px)
{
	#access_buttons, #search_form
	{
		margin-bottom:10px;
	}

}



.justify-content-end
{
	padding-bottom:50px;
}

#back-to-top 
{
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right:20px;
    /*display:none;*/
	opacity:0.7;
	z-index:90000;
}
nav
{
	/* so the fade in appears behind the menu */
	/*z-index:20;*/
}
#logo
{
	height:55px;
}
.navbar-brand
{
	padding:0px;
}
@media only screen and (max-width: 768px)
{
	#logo
	{
		max-height:100px;
	}
}
.sub_nav
{
	background-color:#636363 !IMPORTANT;
}
.navbar-right
{
	float:right !IMPORTANT;
}
/* FOR ACCESSABILITY */
.navbar-light .navbar-nav .nav-link
{
    color: #993366 !IMPORTANT;
	font-weight:bold;
}
.nav-link.active
{
	background-color:#993366  !IMPORTANT;
	color:rgb(255,255,255) !IMPORTANT;
}
.dropdown-item
{
	font-weight:bold;
}
.dropdown-item:hover
{
	background-color: #993366;
	color:rgb(255, 255, 255);
}
.btn
{
	font-weight:bold;
}
/*
.btn-success
{
	background-color:rgb(151, 26, 30);
	border-color:rgb(132, 22, 24)
}
.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;
}
@media only screen and (max-width: 768px)
{
	#collapsibleNavbar, #collapsibleNavbar2
	{
		padding-top:0px !IMPORTANT;
	}
}
.search_access_form
{
	margin-bottom:0px;
}
.search_input
{
	width:40% !IMPORTANT;
}
.dropdown-menu
{
	z-index:500 !IMPORTANT;
}
#mnnav
{
	z-index:60 !IMPORTANT;
}
.topmenu_logos
{
	float:right;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
}
.topmenu_logos img
{
	max-height:75px;
	float:right;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;

}
.logo_nav li
{
	display:inline;

}
/****************************
		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;
	

	
}
.crumbs_navbar
{
	flex-direction: row;
	/*padding: .5rem 1rem;*/
}
@media only screen and (max-width: 768px)
{
	.crumbs_navbar
	{
		margin-bottom:5px;
	}
}
.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;
}

#navb > ul > li > a
{
	color:#ffffff !IMPORTANT;
}
#navb > ul > li > b, #navb > ul > li > svg
{
	color:#ffffff !IMPORTANT;
}
.nopadd
{
	padding:0px !IMPORTANT;
	width:100%;
	background-color:none !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;
}


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

/*
*****************************
VIDEOS 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_row
{
	font-weight:strong;
	/*color: rgb(255,255,255);*/
	margin-right: auto;
    margin-left: auto;
	max-width:1140px;
	padding-top:10px;
	padding-bottom:10px;
}
.footer_row a
{
	color: rgb(255, 255, 255) !IMPORTANT;
	
}
.lnk_underline a
{
	text-decoration: underline !IMPORTANT;
}
.footer_links
{
	font-size:20px;
}
#footer_div
{
	padding-top:10px;
	background-color: #636363 !IMPORTANT;
}
.social_stack
{
	color: rgb(255, 255, 255) !IMPORTANT;
}
.social_stack .fa-inverse
{
	color: #636363 !IMPORTANT;
}

.geodatalink 
{
	
	color: rgb(255,255,255);
}
.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
*****************************
*/
#MainCarousel
{
	padding:0px !IMPORTANT;
	text-align:center;
}
.banner_img
{
	width:100%;
	max-width:1140px;
}
.car_header
{
	color:#ffffff !IMPORTANT;
	padding-bottom:10px;
}
.car_p
{
	padding-bottom:10px;
}
.button_div 
{
    margin-left: auto;
    margin-right: auto;
    border: 2px solid rgb(255,255,255);
    max-width: 140px;
}


@media only screen and (max-width: 764px)
{
	.car_header
	{
		margin:0px;
		font-size:14px;
	}
	.car_p
	{
		margin:0px;
		font-size:12px;
	}
	.carousel-caption
	{
		padding-bottom:0px;
		font-size:12px;
	}
	.carousel-indicators
	{
		margin-bottom:0px;
	}
	
}
/****************************
Admin PAGE CSS
*****************************/
.deleteicon:hover
{
	color: #a94442;
}
.deleteiconname:hover
{
	color: #a94442;
}
#sqlbox
{
	/*display:none;*/
}
#standard
{
	display:none;
}
#url
{
	display:none;
}
#file
{
	display:none;
}
.tiny_img_circle
{
	max-width:50px;
	/*border-radius:25px;*/
}
/****************************
timetable
*****************************/
.blue_table, .black_table
{
	color:#ffffff;
}
.blue_table td, .black_table td
{
	font-weight:bold;
}
.blue_table .even_row
{
	background-color:#34599c;
}
.blue_table .odd_row
{
	background-color:#4472c4;
}
.blue_table_head
{
	background-color:#002060;
}
.black_table .even_row
{
	background-color:#262626;
}
.black_table .odd_row
{
	background-color:#404040;
}
.black_table_head
{
	background-color:#000000;
}

.pink_table
{
	color:#ffffff;
}
.pink_table td
{
	font-weight:bold;
}
.pink_table .even_row
{
	background-color:#993366;
}
.pink_table .odd_row
{
	background-color:#854276;
}
.pink_table_head
{
	background-color:#660066;
}
.table_row_link
{
	cursor: pointer;
}

/****************************
ArtsHumFest-registration
*****************************/
.lgbt
{
	background-color:rgb(190,25,82) !IMPORTANT;
	border-color: rgb(190,25,82) !IMPORTANT;
	width:100%;
}
.lgbt h1
{
	margin-top: 10px;
	color:#F7BC10;
}
.btn_div a
{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:40px;
	margin-right:40px;
}


/****************************
finding_us
*****************************/
.special_text
{
	color:#9A0032;
}
/*
*****************************
EVENTS
*****************************
*/
.rgb_stack
{
	/*background: linear-gradient(red 16.6%, 
				orange 16.6%, orange 33.2%, 
				yellow 33.2%, yellow 49.8%, 
				#06BD02 49.8%, #06BD02 66.4%, 
				blue 66.4%, blue 83%, 
				purple 83%, purple 100% );*/
	background-image: url("/res/images/300 x 300 - lgbthm BACKGROUND.png");			

	height: 140px;
    width: 140px;
    background-size: cover;
    background-position: 100% 50%;
	border-radius: 80px;
	border:10px solid #ffffff;
}
.blk_stack
{
	background-color:#000000;
	height: 140px;
    width: 140px;
    background-size: cover;
    background-position: 100% 50%;
	border-radius: 80px;
	border:10px solid #ffffff;
}
.ukdis_stack
{
	background-color:#FFE220;
	height: 140px;
    width: 140px;
    background-size: cover;
    background-position: 100% 50%;
	border-radius: 80px;
	border:10px solid #ffffff;
	color:#000000;
}
.blk_lnk
{
	color:#000000;
}
.blk_but
{
	border:5px solid #000000;
}
.age_but_blk
{
	background-color:#000000;
	color:#ffffff;
}
.ukdis_but
{
	background-color:#FFE220;
	color:#000000;
}
.pink_stack
{
	background-image: url("/res/images/300 x 300 - Hands-on Hum Day PINK BACKGROUND 2.jpg");
	height: 140px !IMPORTANT;
    width: 140px !IMPORTANT;
    background-size: cover;
    background-position: 100% 50%;
	border-radius: 80px;
	border:10px solid #ffffff;
}
.pink_stack i
{
	top:25px !IMPORTANT;
}
.pnk_lnk
{
	color:#993366;
	line-height:1.5em;
}
.pink_but
{
	border:5px solid #993366;
}
.age_but_pink
{
	background-color:#993366;
	color:#ffffff;
}
.build_but_pink
{
	background-color:#993366;
	color:#ffffff;
}
.theme_div
{
	margin-top:20px;
}
.blue_stack
{
	background-image: url("/res/images/300 x 300 - Human Worlds Festival PURPLE BACKGROUND 2.jpg");
	height: 140px !IMPORTANT;
    width: 140px !IMPORTANT;
    background-size: cover;
    background-position: 100% 50%;
	border-radius: 80px;
	border:10px solid #ffffff;
}
.blue_stack i
{
	top:25px !IMPORTANT;
}
.blue_stack:hover, .pink_stack:hover, .blk_stack:hover, .rgb_stack:hover, .ukdis_stack:hover
{
	border:10px solid #d9d9d9; /* grey */
}
.lnk.active > .blue_stack
{
	border:10px solid #FABD00;
}
.type_lnk.active .blue_stack, .type_lnk.active .pink_stack, .type_lnk.active .blk_stack, .type_lnk.active .rgb_stack, .type_lnk.active .ukdis_stack
{
	border:10px solid #ffcc00; /* gold */
}
.type_lnk.active:hover .blue_stack, .type_lnk.active:hover .pink_stack, .type_lnk.active:hover .blk_stack, .type_lnk.active:hover .rgb_stack, .type_lnk.active:hover .ukdis_stack
{
	border:10px solid #ffc95d;  /* light gold */
}
.text
{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
.stack_text {
	line-height:1.5em;
}
.sp_text {
	margin-top:30px;
	color:#993366;
	padding-right:30px;
}

.hand_svg > svg
{
	margin-top:20px;
	height: 80px;
    width: 80px;
}
.type_lnk
{
	cursor: pointer;
}
.type_div
{
	margin-bottom:60px;
}

.type_div a
{
	display:inline;
}
.type_div div
{
	position:absolute;
	top:125px;
	width:100%;
	
}
.fa-stack
{
	/*margin-top:80px;*/
}
.stack_text
{
	word-break:normal;
}

.hide_type_div, .hide_category_div, .hide_age_div, .hide_build_div
{
	display:none;
}
.theme_but
{
	margin-bottom:5px;
}
.blue_but
{
	border:5px solid #993366;
}
.theme_but.focus, .theme_but:focus
{
	box-shadow:none;
}
.theme_but:hover
{
	border:5px solid #d9d9d9; /* grey */
	margin-bottom:5px;
}
.theme_but.active
{
	border:5px solid #ffcc00;  /* gold */
	
}
.theme_but.active:hover
{
	border:5px solid #ffc95d;  /* light gold */	
}

.age_but
{
	min-width:100px;
	margin:3px;
}
.age_but.focus, .age_but:focus
{
	/*box-shadow: 0 0 0 0.3rem #ffcc00 !IMPORTANT;*/
	box-shadow: none !IMPORTANT;
}
.age_but:hover
{
	background-color: #d9d9d9 !IMPORTANT; /* grey */
	color:000000;
}
.age_but.active
{
	/*background-color:#ffcc00 !IMPORTANT; /* gold */
	/*border:3px solid #ffcc00;*/
	box-shadow: 0 0 0 0.3rem #ffcc00 !IMPORTANT;
}
.age_but.active:hover
{
	/*background-color:#ffc95d !IMPORTANT;  /* light gold */	
}

.build_but
{
	min-width:100px;
	margin:3px;
}
.build_but.focus, .build_but:focus
{
	/*box-shadow: 0 0 0 0.3rem #ffcc00 !IMPORTANT;*/
	box-shadow: none !IMPORTANT;
}
.build_but:hover
{
	background-color: #d9d9d9 !IMPORTANT; /* grey */
	color:000000;
}
.build_but.active
{
	/*background-color:#ffcc00 !IMPORTANT; /* gold */
	/*border:3px solid #ffcc00;*/
	box-shadow: 0 0 0 0.3rem #ffcc00 !IMPORTANT;
}
.build_but.active:hover
{
	/*background-color:#ffc95d !IMPORTANT;  /* light gold */	
}

.resource_pills li.nav-item a
{
	border: 1px solid #993366;
	font-weight:bold;
}
.resource_pills li.nav-item a:hover
{
	background-color: #d9d9d9;
}
/*
*****************************
CONTACT US
*****************************
*/
.contact_us_icon
{
	width:100px !IMPORTANT;
	height:100px !IMPORTANT;
	border-radius:50px;
}




/*
*****************************
human_worlds_festival CSS
*****************************
*/
.sm_event_img
{
	width:100%;
}
.event_row
{
	border-bottom:1px solid grey;
	padding-bottom:10px;
	padding-top:10px;
}
.read_more
{
	 font-style: italic;
	 color:#c6c6c6;
}
.event_row:hover
{
	background-color:#eaeaea;
}

/* Search styles */
.searchresult {
   border-bottom: 1px dashed #B3DBD6;
   margin-top: 15px;
   margin-bottom: 15px;
   padding-bottom: 5px;
}
.searchresult .modified {
   text-align: right;
   font-size:  80%;
   color:        #888;
   font-style: italic;
}
.htdig_string {
   color:            #005C84;
   font-weight:        bold;
}

.attn {
   color:            #005C84;
   font-weight:        bold;
}
.htdig_result {
   color:            #005C84;
   font-weight:        bold;
}

.center_text p {
  margin: 0;
  position: absolute;
  top: 50%;
  
  transform: translate(-0%, -50%);
}

.data_magement_blurb
{
	font-size:80%;
	/*padding:10px;*/
	/*border: 1px solid red;*/
	margin:0px;
}
.form_p {
	padding: 10px;
    font-weight: bold;
}