/*!
 * Overrides for City of Akron Ohio Site
 */
body {
font-family:'Avenir Next W01', sans-serif;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}


@media print {
  
}

.search img, .logo img, #btn_menu img  {
box-sizing: content-box;
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  div.overview p { border:5px solid red; } /* your css rules for ipad portrait */
  
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  
   .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  
  .visible-xs-block {
    display: block !important;
  }
  
    .visible-xs-inline {
    display: inline !important;
  }
  
  .visible-xs-inline-block {
    display: inline-block !important;
  }
  
   .hidden-xs {
    display: none !important;
  }
  

}



/*SMALL DEVICES and IPAD PORTRAIT */
@media (max-width: 767px), (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

			#trigger {
			display:none;
			}
			
			.bodyHome {
			  	background-image:none;
			  	}
			  	
			  	
			
			.featureImagePhoto {
				float:left;
				width:35%;
			}
			
			.featureImagePhoto a img {
			padding-top:10px;
			}
			
			.featureImagePhotoBig {
				width:100%;
			}
			
			.featureImageCopy {
				float:left;
				width:60%;
				margin:10px 0 0 10px;
			}
			
			.featureImageCopy h3 {
				color:#fff;
				font-size:1.1em;
			}


			img.featureimage {
			height: auto;
			width: 246px;
			}

			img.border {
			height: auto;
			margin: 0 10px 10px 10px;
			width: 90%;
			border:none;
			}

			img.borderbig {
			height: auto;
			width: 100%;
			border:none;
			}

			div.mobilereset {
			padding:0;
			margin:26px 0 0 0;
			width:100%;
			}

			iframe#headlineFrame {
			height: 33px;
			margin: 0;
			width: 100%;
			}

			body {
			background-color: #fff;
			background-image: none;
			}

			div#main {
			margin: 0;
			padding: 0;
			position: relative;
			top: 0;
			z-index: 20;
			float:none;
			width:100%;
			}

			div#inner {
			background-color: #fff;
			background-image: none;
			float:none;
			width:100%;
			margin:0;
			padding:0;
			}

			iframe#top_navigation {
			margin:0;
			width:100%;
			}


			div#mainColumn, div#resourceColumn {
			margin: 0;
			padding: 0;
			float:none;
			width:100%;
			}
			
			
			

			div#resourceColumn {
			background-color:#274f83;
			}
			
			div#resourceColumn div.half ul li {
			background-color:#1e3c70;
			}
			
			div#resourceColumn div.half ul li:nth-child(odd) {
			background-color:#002b55;
			}



			div#resourceColumn h3.addlResources{
			color:#fff;
			text-transform:uppercase;
			text-align:center;
			padding:15px 0 10px 0;
			}

			div#resourceColumn ul{
			list-style-type:none !important;
			padding:0;
			margin:0;
			}
			
			.sidebar {
			display:none;
			}

			div#resourceColumn div.half ul li {
			margin:0;
			padding:12px 55px;
			width:100%;
			margin:0 auto;
			text-align:center;
			}
			div#resourceColumn ul li a {
			text-align:center;
			font-size:1.2em;
			line-height:1.1em;
			text-decoration:none;
			}
			
			#newsPrevious, #newsNext {
			position:fixed;
			width:35px;
			height:65px;
			z-index:100;
			bottom:10%;
			
			}
			
			#newsPrevious{
			left:-10px;
			}
			
			#newsNext{
			right:10px;
			}
			

			div.bodycopy {
			width:100%;
			margin:0;
			padding:0;
			}

			div.bodycopy p, div.bodycopy form, div.bodycopy h2, div.bodycopy h4, div.bodycopy table, div.bodycopy h2, div.bodycopy > div {
			width:100%;
			padding-left: 10px;
			padding-right: 10px;
			}
			
			
			div.bodyimage, div.imagepreview {
			width:100%;
			padding-left: 0 !important;
			padding-right: 0 !important;
			}

			div.bodycopy table {
			width:95%  !important;
			margin-left:10px;;
			}

			div#headline {
			/*display:none;*/
			background-image:none;
			padding:0;
			width:100%;
			}

			div#headline h1 {
			color:#000;
			width:100%;
			}



			div.bodycopy h2.header, div#headline h1 {
			background-color: #f4f7f9;
			background-image: url(/siteflow/images/h2header_back.png);
			background-repeat: repeat-x;
			background-position: bottom left;
			clear: both;
			color: #292b5a;
			margin: 0 0 10px 0;
			padding: 15px 5px;
			width: 100%;
			text-align:center;
			text-transform:uppercase;
			}

			div.bodycopy h2.header a, div.bodycopy h2.header a:VISITED, div.bodycopy h2.header a:HOVER, div.bodycopy h2.header a:ACTIVE,
			div#headline h1 a,  div#headline h1 a:VISITED,  div#headline h1 a:HOVER,  div#headline h1 a:ACTIVE {
			color: #292b5a;
			}

			div.bodycopy h2 {
			clear:both;
			margin:10px 0;
			font-weight:normal;
			background-color:#1e3c70;
			background-image: url(/siteflow/images/line.png);
			background-position:top right;
			background-repeat: repeat-x;
			color:#fff;
			text-transform:uppercase;
			font-size:15px;
			line-height:19px;
			padding:5px 0 5px 10px;
			}


			div.bodycopy h2 span {
			background-color:#1e3c70;
			padding:0px 10px 0 10px;
			margin-left:-10px;
			width:90%;
			}
			
			
			div#resourceColumn div.resource.homeResource p a, 
			div#resourceColumn div.resource.homeResource p a:visited, 
			div#resourceColumn div.resource.homeResource p a:active, 
			div#resourceColumn div.resource.homeResource p a:HOVER {
			color:#fff;
			}
			
			div.bodycopy h3 {
			clear:both;
			margin:10px 0;
			font-weight:normal;
			background-color:#FFF;
			background-image: url(/siteflow/images/line-dark.png);
			background-position:top right;
			background-repeat: repeat-x;
			color:#1e3c70;
			text-transform:uppercase;
			font-size:15px;
			line-height:19px;
			padding:5px 0 5px 10px;
			}


			div.bodycopy h3 span {
			background-color:#fff;
			padding:0px 10px 0 10px;
			margin-left:-10px;
			width:90%;
			}
			
			
			.mayorFooter {
			display:block;
			}
			
			p.footerLinkBottom {
			background-color:#2c3450;
			background-image: url(/siteflow/images/footer_shadow.png);
			background-repeat: repeat-x;
			padding:20px 0;
			}


			div.bodyimage, div.bodyimagecenter{
			float:none;
			width:100%;
			padding:0;
			margin:10px 0;
			}

			div.bodyimage img, div.bodyimagecenter img{
			width:100%;
			height:auto;
			}

			div.bodyimage span, div.bodyimagecenter span {
			background-color:#1e3c70;
			display:block;
			text-align:center;
			color:#fff;
			font-size:1.1em;
			line-height:1.1em;
			padding:10px 10px;
			margin-bottom:10px;
			text-align:left;
			}
			
			
			/*icons for text sizing */
			
			
			
			
			
			div.iconsrule {
			width:100%;
			margin:10px auto;
			font-weight:normal;
			background-color:#FFF;
			background-image: url(/siteflow/images/line-dark.png);
			background-position:top right;
			background-repeat: repeat-x;
			color:#1e3c70;
			font-size:15px;
			line-height:19px;
			padding:5px 0 5px 10px;
			text-align:right;
			}
			
			
			
			/*
			div.iconsrule {
			display:block;
			float:left;
			width:61%;
			margin:10px 0;
			padding-left:10px;
			}
			*/
			
			div.theicons  {
			float:right;
			width:20%;
			min-width:120px;
			margin:0;
			background-color:#fff;
			border-left:5px solid #fff;
			}
			
			.iconsMobile div#fontsmall, .iconsMobile div#fontmedium, .iconsMobile div#fontlarge {
			float:right;
			width:1%;
			min-width:15px;
			}
			.textSize {
			float:right;
			width:7%;
			min-width: 66px;
			}
			
			#resourceColumn.calendarBack {
			background-color:#fff;
			text-align:center;
			}
			
			#calendar table.calendar{
			margin:0 auto;
			width:95%;
			}
			
			
			/* HOME SPECIALS */
			div#resourceColumn.resourceColumnHome {
			background-image:none;
			background-color: #1e3c70;
			width:100%;
			}
			
			
			div.resource {
			float:none;
			width:100%;
			margin:0 auto;
			padding:10px;
			color:#fff;
			}
			
			div.resource img {
			width:100%;
			}
			
			
			#main.mainHome {
			top:0;
			}
			
			div#inner, div#headline, div#main, div#mainColumn {
			width:100% !important;
			}
			
			
			
			div#headline.emergency p.left{
			width:100%;
			text-align:center;
			}
			
			div#fullalert {
			width:50% ;
			}
			
			.alert p.right {
			display:none;
			}
			
			div#mainColumn h2 {
			font-size:1.3em;
			text-transform:uppercase;
			text-align:center;
			color:#FFF;
			}
			
			div#resourceColumn div.resource p a, div#resourceColumn div.resource p a:VISITED,
			div#resourceColumn div.resource ul li a, div#resourceColumn div.resource ul li a:VISITED {
			color:#fff;
			text-decoration:underline;
			}

			div#resourceColumn div.resource p a:HOVER, div#resourceColumn div.resource p a:ACTIVE, 
			div#resourceColumn div.resource ul li a:HOVER, div#resourceColumn div.resource ul li a:ACTIVE {
			color:#fff;
			}

			#resourceColumn h5.special {
			background-color:#1e3c70;
			background-image: url(/siteflow/images/line-light.png);
			background-position:top right;
			background-repeat: repeat-x;
			color:#fff;
			text-transform:uppercase;
			font-size:13px;
			line-height:16px;
			padding:5px 0 5px 10px;
			WIDTH:95%
			}
			
			


			#resourceColumn h5.special span {
			background-color:#1e3c70;
			padding:0px 10px 0 10px;
			margin-left:-10px;
			width:90%;
			}
			
			.economicWrap {
			background-color:#edf3f5;
			margin-left:-10px;
			}
			
			
			div#resourceColumn {
			background-color:#274f83;
			}
			
			ul.ecLinks li {
			background-color:#edf3f5 !important;
			text-align:left !important;
			}
			
			ul.ecLinks li:nth-child(odd) {
			background-color:#edf3f5 !important;
			
			}
			
			ul.ecLinks li a {
			color: #036 !important;
			text-align:left !important;
			}
			
			
				
	
  
}

/* TABLETS */
@media (min-width: 768px) and (max-width: 991px) {
  
  
}

/* DESKTOP */
@media (min-width: 992px) and (max-width: 1199px) {
 
 
 
}


/* LARGE DESKTOP */
@media (min-width: 1200px) {
 
}


@media print {


}