/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */

/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#header #logo, #navigation ul.nav {border: none;} 
  #navigation ul.nav > li.current_page_item a,
  #navigation ul.nav > li.current_page_parent a,
  #navigation ul.nav > li.current-menu-ancestor a,
  #navigation ul.nav > li.current-cat a,
  #navigation ul.nav > li.li.current-menu-item a {
    border: none;
  }
  	#header #logo {
	  	/* padding: 3.236em 1em; */
	  	padding: 3.236em 0;
  	}
  	#hInfo {
  		margin: 0 auto;
  	}
	#hInfo h2 {
		color: #a2c73d;
		font-family: 'Gill Sans';
	}
	#hInfo p span.hDots {
		padding-left: 17px;
		background: url('images/header-bullet.gif') 5px center no-repeat;
	}
	a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {
	background: #03b0cb;
	border-color: #03b0cb;
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	 inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	 text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	 font-weight: 700;
}	
	#constant-contact-signup #cc_email {margin-bottom: 1em;}

body footer#footer {
	font-family: "Cabin", sans-serif;
	background-color: #007200;
	color: #fff;
	border-top: none;
}

body footer#footer a {
	color: #ccc;
	text-decoration: none;
}

body footer#footer a:hover {color: #fff;}

/*TITLES FROM WIDGETS WITH H2 (eg: Promotional Widget)*/
		
  .home-section#promotion {
	  background: #a2c73d;
  }
  
   .home-section#promotion .left-section p {
    font-size: 1.145em;
    color: #000;
  }
  
  .home-section#promotion .left-section h2 {
  		font-size: 1.25em;
		text-align: center;
		text-transform: uppercase;
  }

  .home #main .widget h3.feature-title {
	  display: none;
  }
  
  .widget_woothemes_features .feature, .widget_woothemes_features .feature img {
	  margin-bottom: 0;
  }
  
  #blog-posts.home-section > header h1 {
	  border-bottom: none;
	  margin: 0 0 1em;
  }

/*DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {

.widget_woodojo_instagram ul.alignleft li {
	width: 18.9%;
	margin: 0 0 1em 1em;
}

.widget_woodojo_instagram ul.alignleft li:first-child {
	margin-left: 0;
}

.instagram-photos.alignleft img {
	width: 100%!important;
	height: auto!important;
}

.widget_woothemes_features .feature {
    width: 20%;
    margin-right: 0%;
    clear: none;
  }

/* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */

  #navigation {
    display: block !important;
    margin: 0;
    float: right;
    clear: none;
    margin-top: 2.2em;
  }
  #navigation ul.nav {
    /* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
  #navigation ul.nav > li {
    margin-left: .53em;
  }
  #navigation ul.nav > li > a {
    /* padding: 2.5em 10px; */
    padding: 3.5em 5px;
    border-top: 0px solid transparent;
    /* font-size: 1.2em; */
    font-size: 0.9em;
  }
  #navigation ul.nav > li > a:hover {
    border: none;
  }
  #navigation ul.nav > li.current_page_item a,
  #navigation ul.nav > li.current_page_parent a,
  #navigation ul.nav > li.current-menu-ancestor a,
  #navigation ul.nav > li.current-cat a,
  #navigation ul.nav > li.li.current-menu-item a {
    border-top: none;
  }
  #navigation ul.nav ul {
    background: #fff;
    margin-top: -20px;
    border-top: 3px solid #a2c73e;
    border-bottom: 3px solid #a2c73e;
    left: -1px;
  }
  #navigation ul.nav ul li {
    border-bottom: 1px solid #a2c73e;
  }
  #navigation ul.nav ul li a {
    border-top: none!important;
  }
  #navigation ul.nav ul ul {
    top: 1.2em;
    left: 100%;
  }
  .nav-toggle {
    display: none;
  }
  
/* HOME WIDGETS SPACING & STYLING */

#woo_component-3 #promotion .left-section {margin-bottom: 0;}
#woo_component-3 #promotion .right-section {margin-top: .5em;}
 	
/*TITLES FROM WIDGETS WITH H1 */
	.home-section > header h1 {
		margin: 0 0 1em;
		padding: 0 1em .53em;
		font-size: 1.25em;
		text-align: center;
		text-transform: uppercase;
		border:none;
		display: inline-block;
		}
		
	.home #main .widget {
  		margin-bottom: 2em;
  		text-align: center;
  		}

/* REMOVES TITLES FROM WIDGETS WITH H3 */
	.home #main .widget h3,
	.home #main .widget > h3,
	.home #main .widget #connect h3 {
		display: none;
	}
 	 	
/* ADDS TITLE BACK TO INSTAGRAMM WIDGET */

	.home #main .widget#woodojo_instagram-4 h3 {
		display: block;
		border-bottom: none;
		font-family: 'Cabin', arial, sans-serif;
		margin: 0 0 1em;
		padding: 0 1em .53em;
		font-size: 1.25em;
	}
 	
/* Style for header tagline & info - JMH */

#hInfo {
	float: right;
	width: 100%;
	text-align: center;
	background-color: #007200;
	padding: 1.1em 0;
	margin-bottom: 2em;
}
	#hInfo div {margin: 0 1.1em;}
	#hInfo img {
		width: 100%;
	}
	#hInfo h2 {
		font-size: 2.5em;
		margin: 0 0 0.1em;
	}
	#hInfo p {padding-right: 18px;}
	#hInfo p span.hPhone {background: none;}
#smIcons {
	float: right;
	padding-top: 2.6em;
	margin-left: 22px;
}
.smIcon {
	float: left;
	padding-left: 5px;
}
	.smIcon img {height: 33px; width: 33px;}

/* Remove margin from the bottom of the features widget */

.home #main .widget#woothemes_features-2 {margin-bottom: 0;}

.widget_woothemes_features .feature img {height: auto;}

/* Hide slider title */

.flexslider .has-slide-background .slide-content {display: none;}
}

@media only screen and (max-width: 1095px) {
	#header #logo {
		float: none;
		margin: 0 auto;
		width: 365px;
		padding: 3.236em 1em 0 1em;
	}
	#navigation {
		float: none;
		margin-top: 0;
	}
	.widget_woodojo_instagram ul.alignleft li {
	  width: 18.4%;
	}
}

@media only screen and (max-width: 925px) {

	#hInfo h2 {font-size: 2em;}
	#smIcons {
		clear: both;
		padding-top: 0;
		margin-top: -71px;
		padding-right: 20px;
	}
	#navigation ul.nav {margin-top: 15px;}
	#credit.col-right {
		float: none;
		display: block;
		clear: both;
	}
}
@media only screen and (max-width: 767px) {

	 .widget_woodojo_instagram ul.alignleft li {
	 	 width: auto;
	 	 height: auto;
	  }
	#header #logo {
		padding: 2em 1em;
		width: 90%;
	}
	#hInfo {
		background-color: #007200;
		padding: .1em 0;
		margin-top: 1.1em;
	}
		#hInfo div {margin: 1em;}
	#navigation {
		display: block;
		margin: 0;
	}
	#main-nav {display: none;}
	#smIcons {
		margin: 0;
		padding: 0;
		width: 141px;
		margin: 21px auto 0 auto;
	}
		#smIcons a {margin-left: 3px;}
		#smIcons a.first {margin-left: 0;}
	span.break {display: block;}
	#hInfo p span.hPhone {background: none;}
	#header {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.widget_woothemes_features .feature img {
		margin: 0;
	}
	#woo_component-3 #promotion p {text-align: center;}
	#woo_component-3 #promotion a.button.large {
		padding: 1em 2.631em;
	}
	.home #main .widget > h3 {border-bottom: none; display: none;}
	.home #main .widget#woodojo_instagram-4 > h3 {
		display: block;
	}

	.widget_woodojo_instagram ul.alignleft li {
		float: none;
		margin: 0 auto;
	}
	#constant-contact-signup #cc_email {
		width: 100px;
	}
	#footer-widgets {border-top: 0;}
	#constant_contact_api_widget-2 {margin-bottom: 5em;}
	#footer-widgets .block {
		width: 50%;
		margin: 0 auto;
	}
	#footer-widgets .block .widget {text-align: center;}
}