/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */

  .nav .mini-menu .menu-depth-1 li { border-bottom: 0; }
  .nav .mini-menu .menu-depth-1 > ul { display: none; background: #b50015; font-size: 0.8em; }
  .nav .mini-menu .menu-depth-1 > ul li { background: none; border-top: 1px solid #BFA280; }
  .nav .mini-menu .menu-depth-1 > ul > li > ul > li a { padding-left: 40px; width: auto; }

@media only screen and (max-width: 480px) {
  body { font-size: 0.75em; }
  /*
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   *
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
	#header {
		/*background:none;
		background-color:#E83F52;*/
	}
	#branding{
		width:60%;
	}
	.block-search{
		display:none;
	}
	#block-block-2{
		padding:0;
	}
  #admin-menu { display: none; }
  html body.admin-menu { margin-top: 0 !important; }
  .region-highlighted .block-menu .block-inner { padding: 0; }
  .region-highlighted .block-menu .content ul.menu {
    width: 310px;
    margin: 4px auto;
  }
  .panels { padding: 0; }
  .panels-menu, .panels-wrapper { width: 100%; }
  .panels-menu select { width: 100%; }
  .panels-wrapper > div { float: none; }
  .panels-wrapper .block { margin: 0; padding: 10px; }
  .panels-wrapper .block > .block-inner { padding: 0; border: 0; }
  .panels-wrapper .block .view-content .views-field-title,
  .panels-wrapper .block .view-content .views-field-field-incident-type  { margin: 30px 0 0 0; }
  .region-tertiary-content { padding: 10px 0 0 0; }
  .region-tertiary-content .block { text-align: center; float: none !important; margin-bottom: 0; }
  #block-block-4 img { width: 36px; }
}
  /*
 * Tablet sizes and up
 */
@media only screen and (max-width: 1024px) {
  footer, #cccwr { display: none; }
}
@media only screen and (min-width: 600px) {
  .region-highlighted .block-menu .content ul.menu { /*width: 480px;*/ margin: auto }
}
/*
 * Desktops/laptops and up
 */
@media only screen and (min-width: 1025px) {

	.region-secondary-content {
			margin-top: -15px;
	}

	#block-system-main-menu{
		background-color:#b50015;
		z-index:50;
	}

	.nav li,
	.nav ul.menu li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		height:47px;
		line-height:44px;
		border-right:1px solid #EC5F65;
		background:none;
		border-top:none;
		border-bottom:none;
	}

	.nav li a,
	.nav ul.menu li a,
	.nav ul.menu li span {
		display: inline-block;
		padding:4px 0.4em 0;
		color:#fff;
		max-width:110px;
		text-align:center;
		vertical-align:middle;
		line-height:20px;
		font-size:0.9em;
		width:auto;
	}

	.nav li.last a,
	.nav ul.menu li.last{
		border-right:none;
	}

	.nav ul.menu{
		position: relative;
	}

	.nav li > ul{
		display: none;
	}

  .nav ul.menu li:hover ul {
		 display: block;
	}

	.nav ul.menu:after {
		content: ""; clear: both; display: block;
	}

	.nav > ul.menu li.first ul {
		position: absolute;
		top: 100%;
		background-color:#003065;
		width:600px;
		z-index:999;
	}

	.nav ul.menu ul {
		position: absolute;
		top: 100%;
		background-color:#003065;
		min-width:150px;
		z-index:999;
	}

	#menu-bar .menu .menu{
		margin-left:0px;
	}

	/*second level */
	.nav ul.menu ul li {
		float: none;
		position: relative;
		font-size:1.1em;
		padding:10px 0;
		height:auto;
		width:auto;
	}

	.nav ul.menu li ul.menu li a{
		text-align:left;
		margin-left:10px;
		padding:0 10px 0px 5px;
	}

	.nav ul.menu li.first ul.menu li a{
		border-bottom:2px solid #728BB4;
		margin-bottom:15px;
	}

	.nav ul.menu li ul.menu li a:hover{
			background:none;
	}

	.nav ul.menu ul > li.menu-depth-2:nth-child(odd), .nav ul.menu ul li:nth-child(odd) ul{
		background: #003065; /* Old browsers */
		background: -moz-linear-gradient(left, #003065 0%, #004273 50%, #003065 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003065), color-stop(50%,#004273), color-stop(100%,#003065)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #003065 0%,#004273 50%,#003065 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #003065 0%,#004273 50%,#003065 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #003065 0%,#004273 50%,#003065 100%); /* IE10+ */
		background: linear-gradient(to right, #003065 0%,#004273 50%,#003065 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003065', endColorstr='#003065',GradientType=1 ); /* IE6-9 */
	}
	.nav ul.menu ul > li.menu-depth-2:nth-child(even), .nav ul.menu ul li:nth-child(even) ul{
		background: #3b5586; /* Old browsers */
		background: -moz-linear-gradient(left, #3b5586 0%, #306591 48%, #3b5586 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3b5586), color-stop(48%,#306591), color-stop(100%,#3b5586)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #3b5586 0%,#306591 48%,#3b5586 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #3b5586 0%,#306591 48%,#3b5586 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #3b5586 0%,#306591 48%,#3b5586 100%); /* IE10+ */
		background: linear-gradient(to right, #3b5586 0%,#306591 48%,#3b5586 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5586', endColorstr='#3b5586',GradientType=1 ); /* IE6-9 */
	}

  .nav li.menu-depth-3 > ul.menu { display: none !important; }

	.nav ul.menu ul li a {
		color: #fff;
		display:block;
		max-width:195px;
		line-height:15px;
	}

	/* third level */
	.nav ul.menu ul ul{
			position:relative;
	}
	.nav ul.menu ul.menu ul.menu li{
		float:left;
		display:inline-block;
		width:auto;
		font-size:0.8em;
		text-decoration:none;
		padding:5px 0 0 0;
	}
	.nav ul.menu li ul.menu li{
		border-right:none;
	}

	.nav ul.menu li ul.menu li ul.menu li a{
		border-right:1px solid #fff;
		border-bottom:none;
		margin-bottom:0px;
	}

	.nav ul.menu li ul.menu li ul.menu li.last a{
		border-right:none;
	}

	.nav ul.menu ul li li a {
		max-width:300px;
	}

	.nav ul.menu ul li a:hover {
		background: #4b545f;
	}

	.nav ul.menu:after {
		content: ""; clear: both; display: block;
	}

  .front .columns, .front #main-content { padding: 0 !important; }
  .region-highlighted .block-menu { margin: 0; }
  .region-highlighted .block-menu .block-inner { padding: 0; }
/*  .region-highlighted .block-menu .content ul.menu { width: 930px; }*/

	.region-sidebar-second {
			border-left: 2px solid #E43147;
			margin-left: -25%;
			width: 24%;
	}
}

@media only screen and (min-width: 1200px) {
  .region-highlighted .block-menu .content ul.menu { margin: 40px auto; }
  .panels { padding: 20px 140px; }
}

/* menu for phone/tablet */
@media only screen and (max-width: 1025px) {
  .slide-panel { width: 100%; height: auto; }
  .slide-panel img { max-width: none; display: block; }
  .slide-panel-overlay, .view-campaign-slideshow .views-slideshow-controls-top {
    left: 0;
    bottom: 0;
    right: 0;
    top: auto;
    width: auto;
    height: 50px;
  }
  .slide-panel-overlay .inner {
    margin: 0 50px;
  }
  .slide-panel-overlay .inner h3 {
    text-align: center;
    line-height: 55px;
  }
  .view-campaign-slideshow .views-slideshow-controls-text-next { right: 10px; }
  .view-campaign-slideshow .views-slideshow-controls-top span {
    top: 8px !important;
  }
  .slide-panel-content , #menu-bar {
			display:none;
	}
	.panels-menu ul li { font-size: 0.8em !important; }
}
@media only screen and (max-width: 500px) {
  .slide-panel-overlay .inner h3 { font-size: 1.5em; }
}

.region-secondary-content .block {
  margin: 0;
  padding: 0;
}

.region-secondary-content .block .block-inner {
  margin: 0;
  padding: 0;
  background-color: #E4E9EC;
}

#countyMap img { max-width: 100%; height: auto; }

.region-slidewrapper, .region-slidewrapper .panels { padding: 0 !important; }