/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.menu-top-nav-container {
			display: none;
		}
		.top-nav-holder > a {
			padding: 9px 0;
		}
		.top-nav-holder {
			background: 0;
		}
		.home-callouts a {
			width: 50%;
			text-align: center;
		}
		.home-callout-text {
			line-height: 24px;
		}
		.home-callout-text {
			font-size: 22px;
		}
		.home-callouts a:first-child, .home-callouts a:nth-child(2){
			margin: 0 0 10px 0;
		}
		#access a {
			font-size: 11px;
		}
		.home-events-wrapper, .home-events-sidebar {
			width: 100%;
		}
		.home-events-wrapper {
			margin: 0;
		}
		#menu-footer-nav li a {
			padding: 0 5px;
			font-size: 12px;
		}
		.home-photo-holder {
			width: 48%;
			margin: 0 2% 0 0;
			display: inline-block;
			vertical-align: middle;
		}
		.home-sidebar-holder {
	    display: inline-block;
	    vertical-align: middle;
	    width: 50%;
		}
	}

	/* 2.  Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {		
		.sb-buttons h1, .sb-headers h1 {
			font-size: 15px;
			line-height: 20px;
			padding: 0 10px;
			width: 60%;
		}
		.sidebar ul.subnav li a {
			padding: 10px 20px;
			font-size: 14px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.logo {
			text-align: center;
		}
		#access, .menu-wrapper, .slideshow-holder, .footer-nav-wrapper, #menu-topnav, .header-search-form, .top-nav-wrapper {
			display: none;
		}
		.slicknav_menu, .select-menu {
			display:block;
		}
		.home-photo-holder, .home-sidebar-holder {
			width: 100%;
		}
		.footer-cor a {
			width: 70%;
			margin: 5px auto;
			display: block;
		}
		.footer-cor h1 {
			margin: 20px 0 5px 0;
		}
		.home-callouts a {
			width: 100%;
			display: block;
	    max-width: 328px;
	    margin: 0 auto 10px auto !important;
		}
		.home-callouts a:last-child {
			margin: 0;
		}
		.logo-wrapper {
			background: #f1f1f4;
		}
		.header-search-form {
			margin: 8px 0 4px;
		}
		.mobile-search-wrapper {
			display: block;
			float: none;
			text-align: center;
		}
		.mobile-search-wrapper .header-search-form {
			display: inline-block;
			float: none;
		}
	}

	/* 3.  Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		}

	/* 4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.footer-cor h1 {
			font-size: 24px;
		}
		body.home .entry-content p {
			font-size: 14px;
		}
		body.home .entry-content h2 {
			font-size: 18px;
			line-height: 25px;
			margin: 5px 0 0 0;
		}
		body.home .entry-content h1 {
			font-size: 26px;
		}
		.home-billpay h2, .home-ftrans h2 {
			font-size: 13px;
		}
		.home-billpay h1, .home-ftrans h1 {
			font-size: 21px;
		}
		.home-billpay h1 {
			margin: 0 0 0 5px;
		}
		.event-date {
			width: 30%;
		}
		.event-content {
			width: 70%;
		}
		.logo-normal {
			display: none;
		}
		.logo-mobile {
			display: block;
			text-align: center;
		}
		.header-search-form {
			float: none;
			display: inline-block !important;
		}
		.sb-buttons h1, .sb-headers h1 {
			font-size: 22px;
			width: 68%;
		}
		.entry-content.public-safety a {
			width: 100%;
		}
		.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span {
			width: 100% !important;
			display: block !important;
		}
	}