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

/* 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) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.mobile {
			display: none !important;
		}
		
		.menu-toggle {
			display: none !important;
		}

	}

	/* All Desktop Sizes (devices and browser) */
	@media only screen and (min-width: 768px) {

		#menu-main-nav.nav-menu,
		.container .search-filter-list {
			display: block !important;
		}
		
		.menu-toggle {
			display: none !important;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.desktop {
			display: none !important;
		}

		.mobile {
			display: block;
		}
		
		.menu-toggle {
			display: block !important;
		}
		
		#footer p {
			padding: 0px;
		}
		
		h1,
		.h1 {
		    font-size: 28px;
		    line-height: 32px;
		}

		a.button {
			padding-left: 0;
			padding-right: 0;
			text-align: center;
			width: 100%;
		}
		
		.button, 
		button {
			padding: 0px !important;
		}
		
		#header {
			padding: 10px 0 9px;
		}

		#menu-main-nav.nav-menu {
			background: #f68428;
			display: none;
			left: 0;
			position: absolute;
			top: 66px;
			width: 100%;
			z-index: 100;
		}

		#menu-main-nav.nav-menu li {
			display: block;
			float: none;
			line-height: normal;
			margin: 0;
			padding: 10px 20px;
			text-align: left;
		}

		#menu-main-nav.nav-menu li a {
			display: block;
			padding: 0px 15px 5px;
			text-align: left;
		}
		
		.media-asset-individual {
			padding-top: 30px;
		}
		
		#ninja_forms_field_13_options_span ul,
		#ninja_forms_field_13_options_span ul li {
			display: block;
			width: 100%;
		}
				
		section.homepage-heritage {
		    min-height: 840px;
		}
		
		.callout-california-map {
		    left: 0;
		    top: 400px;
		}
		
		section.homepage-did-you-know {
		    margin-bottom: 30px;
		}
		
		.citrus-orange-container img {
			width: 100%;
		}
		
		/***** Tip 01 *****/
		.tip01 {
			left: 162px;
			top: 616px;
		}
		.tooltip01.text01 {
		    left: -125px;
		    top: -60px;
		}
		.tip01 span.close-button01 {
		    left: 195px;
		    top: -60px;
		}
		
		/***** Tip 02 *****/
		.tip02 {
		    left: 200px;
		    top: 718px;
		}
		.tooltip02.text02 {
		    left: -170px;
		    top: -150px;
		}
		.tip02 span.close-button02 {
		    left: 165px;
		    top: -150px;
		}
		
		/***** Tip 03 *****/
		.tip03 {
			left: 255px;
		    top: 705px;
		}
		.tooltip03.text03 {
		    left: -225px;
		    top: -100px;
		}
		.tip03 span.close-button03 {
		    left: 95px;
		    top: -100px;
		}
		
		/***** Tip 04 *****/
		.tip04 {
		    left: 130px;
		    top: 690px;
		}
		.tooltip04.text04 {
		    left: -100px;
		    top: -100px;
		}
		.tip04 span.close-button04 {
		    left: 235px;
		    top: -100px;
		}
		
		/***** Tip 05 *****/
		.tip05 {
			left: 105px;
			top: 511px;
		}
		.tooltip05.text05 {
		    left: -75px;
		}
		.tip05 span.close-button05 {
			left: 255px;
		}
		
		/***** California Citrus *****/
		.iconic-state-fruit .circle {
		    padding: 0px 75px;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.main-navigation {
			float: right;
		}
		#logo img {
			margin: 0 auto;
			width: 300px;
		}
		.columns input[type="text"],
		.columns input[type="password"],
		.columns input[type="email"],
		.columns textarea {
			width: 390px !important;
		}
		
		#ninja_forms_field_13_options_span ul,
		#ninja_forms_field_13_options_span ul li {
			display: block;
			width: 100%;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.main-navigation {
			float: right;
		}
		#logo img {
			margin: 0 auto;
			width: 300px;
		}
	
		h1,
		.h1 {
		    font-size: 28px;
		    line-height: 32px;
		}
		
		.button, 
		button {
			padding: 0px !important;
		}
		
		/***** HOMEPAGE ******/
		callout-citrus-yellow {
			display: none;
		}
		
		img.callout-tree {
			width: 100%;
		}
		
		section.homepage-heritage {
		    min-height: 840px;
		}
		
		.callout-california-map {
		    left: 0;
		    top: 470px;
		}
		
		section.homepage-did-you-know {
		    margin-bottom: 60px;
		}
		
		/***** Tip 01 *****/
		.tip01 {
		    left: 135px;
		    top: 650px;
		}
		.tooltip01.text01 {
		    left: -130px;
		    top: -100px;
		    width: 250px;
		}
		.tip01 span.close-button01 {
		    left: 140px;
		    top: -100px;
		}
		
		/***** Tip 02 *****/
		.tip02 {
		    left: 170px;
		    top: 738px;
		}
		.tooltip02.text02 {
		    left: -175px;
		    top: -225px;
		    width: 250px;	    
		}
		.tip02 span.close-button02 {
		    left: 95px;
		    top: -225px;
		}
		
		/***** Tip 03 *****/
		.tip03 {
		    left: 220px;
		    top: 725px;
		}
		.tooltip03.text03 {
		    left: -220px;
		    top: -100px;
		    width: 250px;
		}
		.tip03 span.close-button03 {
		    left: 50px;
		    top: -100px;
		}
		
		/***** Tip 04 *****/
		.tip04 {
		    left: 110px;
		    top: 713px;
		}
		.tooltip04.text04 {
		    left: -110px;
		    top: -150px;
		    width: 250px;
		}
		.tip04 span.close-button04 {
		    left: 160px;
		    top: -150px;
		}
		
		/***** Tip 05 *****/
		.tip05 {
		    left: 88px;
		    top: 563px;
		}
		.tooltip05.text05 {
			left: -85px;
			top: -50px;
			width: 250px;
		}
		.tip05 span.close-button05 {
		    left: 185px;
		    top: -50px;    
		}
				
		.columns input[type="text"],
		.columns input[type="password"],
		.columns input[type="email"],
		.columns textarea {
			width: 270px !important;
		}
		
		.flex-control-nav {
			bottom: -75px;
		}
		
		/***** FOOTER *****/
		.wrapper {
			margin: 0 auto -290px; /* the bottom margin is the negative value of the footer's height */
		}
		
		#footer,
		.push {
			height: 290px;
		}

		#footer h2 {
		    font-size: 28px;
		    line-height: 32px;
		    padding-bottom: 15px;
		}

	}
	
	/* Retina Display Images */
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) { 	

	}