/*****

This StyleSheet defines styles for classes embedded in the Crimes and Fines Database WebPart

*****/


.sig-crimedb-header {
    
   /** background-color:#CECECE; **/
   background-color:#B2B2B2;
	color:black;
	width:100%;
    margin-top:1px;
	padding:10px;	/** use along with height of sig-crimedb-search **/
	text-align:center;

}

.sig-crimedb-navigation-label {
	
	padding-top:.5em;
	font-size:1.3em;
}

/**** Start Search Bar ****/
.sig-crimedb-search {
	
	font-size:10px;
	height:40px; /** use along with padding-top of sig-crimedb-header **/
    padding-top:1.5em;
    left:10em;
}

.sig-crimedb-search input[type=text]{
    padding: 6px;
    border: none;
    font-size: 15px;
    height:2.5rem;
	max-width:275px!important;
	margin:0 auto;
}

.sig-crimedb-search > a {
	background-color:white!important;
	color:black!important;
	padding:0em!important;
	position:relative;
    top:-23px;
 	left:12em;
}

i.sig-crimedb-search-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size:2.0em;
    color:#777777!important;
    
}
/**** END Search Bar *****/

/**** START Navigation Links ****/
.sig-crimedb-navigation {
  display:table;
  margin:0 auto;
  text-align:center;
  padding:1em;
}

.sig-crimedb-navigation-label{
	font-size:1.3em;
}

.sig-crimedb-navigation-item {
	float:left;
	padding-right:2rem;
	padding-top:5px;
	font-family:"Open Sans", Lato, sans-serif;
}

.sig-crimedb-navigation-item > a, 
    .sig-crimedb-navigation-item > a:hover, 
    .sig-crimedb-navigation-item > a:visited, 
    .sig-crimedb-navigation-item > a:active, 
    .sig-crimedb-navigation-item > a:link  {

	  	color: black;
	 /** 	text-decoration: underline; **/
	   	color: black;
}
/**** END Navigation Links ****/

/**** START table header ***/
.sig-crimedb-table-header{
	background-color:#CECECE;
	color:black;
	width:100%;
	font-weight:bold;
    margin-top:1px;
	padding:5px;
}


a.sig-crimedb-sort{
	
		color:black!important;	
	/**	text-decoration: underline!important;	 **/
		font-weight:bold;
		cursor:pointer;

}
/***  END table header ***/

/*** START table body ***/
.sig-crimedb-table-body{

	color:black;
	width:100%;
	margin:5px 0px 5px 0px;
}

.sig-crimedb-table-row{
    font-size:.9em;
	padding: .5em;
}

.sig-crimedb-table-alt-row{
    font-size:.9em;
	padding: .5em;
	background-color:#f8f8f8;
}

/** Label at the top of each search results section **/
.sig-crimedb-search-results-header {

    margin-top:1px;
    background-color:#CECECE;
	color:black;
	width:100%;
	font-weight:bold;
	padding:5px;
}

/**** End table body ***/



/** less than 600 align all navigation to the left **/
@media screen and (max-width: 600px) {


	.sig-crimedb-header{
		text-align:left;	/** Move all text in the header to the left **/
	}

	.sig-crimedb-search input[type=text]{
		margin:inherit;	/** removes center alignment **/
	}

	.sig-crimedb-search > a {
		left: 25em;	/** When the search box is no longer centered, the button goes further right **/
	}

	.sig-crimedb-navigation{
		margin-left:0;/** removes center alignment **/
	}

	#sig-crimedb-graphic{
		display:none;
	}
	
	.sig-inner-grid{
		padding:0!important;
	}
	
	.sig-crimedb-navigation{
		padding:0!important;
	}
	
	.sig-crimedb-search{
		padding-top:0px;
	}
	.usa-search{
		padding: 0.85rem 1rem 0.85rem 1.8rem;
	}

	/*** On Mobile devices, create a spacing after first line **/
	.sig-crimedb-table-row > .usa-grid > .usa-width-two-thirds > .usa-grid > .usa-width-one-fourth:first-child,
	.sig-crimedb-table-alt-row > .usa-grid > .usa-width-two-thirds > .usa-grid > .usa-width-one-fourth:first-child,	
	.sig-crimedb-table-row > .usa-grid > .usa-width-one-third > .usa-grid > .usa-width-one-half:first-child,
	.sig-crimedb-table-alt-row > .usa-grid > .usa-width-one-third > .usa-grid > .usa-width-one-half:first-child

	{
		padding-bottom:1em;
	}

	/*** For centering menu options on mobile view ***/
	.sig-crimedb-header{
	
		text-align:center;

	}
	
	.sig-crimedb-search {
	
		margin: 0 auto;
	}

}


/** less than 950 the navigation items need to stack vertically in the center **/
@media screen and (max-width: 950px) {

	.sig-crimedb-navigation{
		display:inline-grid; /*** Causes span children elements to list vertically **/

	}

	.sig-crimedb-navigation-item{ 
		text-align:left;
	}
	
}