/*
Theme Name: Kidz Nutrition
Theme URI: http://www.glueprojects.com.au/kidznutrition/
Version: 1.1
Description: An wordpress theme by Glue Digital.
Author: Glue Digital
Author URI: http://www.gluedigital.com.au
Tags: full-width-template, right-sidebar, custom-menu, featured-images, two-columns, responsive,
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/*--------------------------------------------------------------------------------------------

	WARNING! DO NOT EDIT THIS FILE!
	To make it easy to update your theme, you should not edit the styles in this file. Instead use
	the custom.css file to add your styles. You can copy a style from this file and paste it in
	custom.css and it will override the style in this file. You have been warned! :)

---------------------------------------------------------------------------------------------

	1.	Basic ---------------------------------
	2.  Site Structure-------------------------
	
/*-----------------------------------------------------------------------------------*/
/*	1.	Basic : General - Typography - Links - Tables - List - Images - Blockquote ...
/*-----------------------------------------------------------------------------------*/

	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(js/vendor/boxsizing.htc); }

	body {  color: #5f5f5f; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; line-height: 23px;  }
	
	/*Typography -------------------------*/
	h1, h2, h3, h4, h5, h6 { color: inherit; line-height: 1em; margin: 0 0 15px; }
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	p { margin: 0 0 20px; }
	strong { font-weight: bold; }
	em, i { font-style: italic; }

	/*Links ------------------------------*/	
	a { color: inherit; text-decoration: none;
		-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }
				
	a:hover { text-decoration: underline; }	
	
	/*List -------------------------------*/	
	#content-area ul { list-style-position: inside; list-style-type: disc; margin: 10px 0px 20px 20px; padding: 0; }
	#content-area  ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
	#content-area  ul li ul, #content-area  ul li ol { margin: 2px 0px 2px 20px; }
	#content-area  ol li ul, #content-area  ol li ol  { margin: 2px 0px 2px 35px; }	
	
	ul.checklist { list-style-image: url('images/list-check.png');  list-style-position: outside!important; margin-left: 30px!important; }
	ul.checklist li { margin-bottom: 10px; }
	ul.checklist ul { list-style-image: none;  list-style-position: outside!important; list-style-type: none; margin: 10px 0 0 20px!important; }
	
	/*Table ------------------------------*/
	table, td, th { border: 1px solid #9c9c9c; padding: 6px 10px; }	
	/*Blockquote -------------------------*/
	blockquote { background: #f9f9f9; color: #9c9c9c; clear: both; margin: 0 0 20px 0; padding:25px 40px; position: relative; }
	blockquote:before {
	  color: #9c9c9c;
	  content: "\201C";
	  font-size: 5em;
	  position:absolute;
	  left:5px;
	  top: 0.6em;
	  line-height: 0.1em;
	}

	blockquote:after {
	   color: #9c9c9c;
	  content: "\201D";
	  font-size: 5em;
	  position:absolute;
	  right:3px;
	  bottom: 0em;
	  line-height: 0.1em;
	} 
	blockquote cite { display: block; }
	blockquote cite:before { content: "\2014 \0020"; }
	hr { border: solid #9c9c9c; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	/*Images -----------------------------*/
	img { border: 0; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; } 
	object, embed, iframe { height: auto; max-width: 100%; }
	
	/*Form Elements -----------------------------*/
	label { display: block; margin: 0 0 5px; }
	input, select, textarea { border: solid 1px #9c9c9c; color: #000; padding: 5px; }
	input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select {  width: 100%; }
	input[type="checkbox"], input[type="radio"], .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }
	input[type="checkbox"] { -webkit-appearance: checkbox; } 
	input[type="radio"] { -webkit-appearance: radio; }
	textarea { resize: both;  width: 100%; }

	button, input[type="submit"], input[type="reset"] { 
		background: #1ead1f!important; 
		border: 1px solid #1ead1f!important; 
		color: #fff!important;  
		font-family: inherit;
		font-weight: bold;
		overflow: visible;
		text-transform: uppercase;
		-webkit-transition: background-color .2s ease; 
		-moz-transition: background-color .2s ease; 
		-ms-transition: background-color .2s ease; 
		-o-transition: background-color .2s ease; 
		transition: background-color .2s ease; 
		border-radius: 0; 
		-moz-border-radius: 0; 
		-webkit-border-radius: 0;
	}
	
	button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { background: #003cb1!important;  border: 1px solid #003cb1!important;  }
	
	/*Wordpress Style ---------------------*/
	div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption { background-color: #1ead1f; color: #fff; margin-bottom: 20px; padding-top: 4px; text-align: center; }
	.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
	.wp-caption.alignright { margin: 0px 0px 10px 10px; }
	.wp-caption img { margin: 0; padding: 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 10px; }
	.alignright { float: right; }
	.alignleft { float: left }
	
	img.alignleft { display:inline; float:left; margin-right:15px; }
	img.alignright { display:inline; float:right; margin-left:15px; }	
	
	.text-uppercase { text-transform: uppercase; }
	.text-capitalize { text-transform: capitalize; }
	.text-center { text-align: center; }
	.text-left { text-align: left; }
	.text-right { text-align: right; }	
	.text-bold { font-weight: bold; }
	.text-italic { font-style: italic; }

	.text-green { color: #1ead1f; }
	.text-blue { color: #003cb1; }
	.text-orange { color: #ff761d; }
	.text-yellow { color: #ffcc00; }
	
	.text-big { font-size: 55px; line-height: 50px; }
	
	.border-top-green { border-top: 1px solid #1ead1f; }
	.border-top-blue { border-top: 1px solid #003cb1; }
	.border-top-orange { border-top: 1px solid #ff761d; }
	.border-top-yellow { border-top: 1px solid #ffcc00; }
	
	/*Clearfix ---------------------------*/
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }	
	* html .clearfix { zoom: 1; }
	*:first-child+html .clearfix { zoom: 1; }
	
	::selection { background: #1ead1f; color: #fff; text-shadow: none; }
	::-moz-selection { background: #1ead1f; color: #fff; text-shadow: none; }
	
	::-webkit-input-placeholder { color:#000;  opacity: 1; }
	::-moz-placeholder { color:#000; } /* firefox 19+ */
	:-ms-input-placeholder { color:#000; } /* ie */
	input:-moz-placeholder { color:#000; }	
	
/*-----------------------------------------------------------------------------------*/
/*	2.	Site Structure...
/*-----------------------------------------------------------------------------------*/

	#page-wrap { position: relative; }
	#header { }
	#header .primary-area { background: #003cb1; color: #fff; padding: 10px 0; }
	#header .secondary-area { }
	#logo { max-height: 93px; padding: 10px 0; }
	
	.main-menu, .main-menu * { list-style: none; margin: 0; padding: 0; }
	.main-menu li { position: relative; white-space: nowrap; *white-space: normal; transition: background .2s; -webkit-transition: background .2s; }
	.main-menu > li { float: left; }
	.main-menu li:hover { transition: none;  -webkit-transition: none; }
	
	.main-menu a { color: #5f5f5f; display: block; font-size: 17px; font-weight: bold; padding: 35px 15px; position: relative; text-decoration: none; text-transform: uppercase; zoom: 1; /* IE7 */ }
	.main-menu a:hover , .main-menu li.current-menu-item > a, .main-menu li.current_page_item > a { color: #1ead1f; }
	
	.main-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); display: none; left: 0; min-width: 12em; position: absolute; top: 100%; *width: 12em; z-index: 99; }
	.main-menu ul ul { left: 100%; top: 0; }	
	.main-menu li:hover > ul { display: block; }
	
	.main-menu ul li a { background: #003cb1; color: #fff; padding: 10px 15px; }
	.main-menu ul li a:hover { color: #1ead1f; }
	
	.social { float: right; list-style: none; margin: 0; min-height: 89px; padding: 35px 0; }
	.social li { float: left; margin-left: 2px; position: relative; }
	.social span { background-color: #1ead1f!important; display: block; height: 25px; width: 25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
	.social span:hover { background-color: #003cb1!important; }	
	.social .facebook { background: url('images/icon-facebook-alt.png') center no-repeat; }
	.social .twitter { background: url('images/icon-twitter-alt.png') center no-repeat; }
	.social .rss { background: url('images/icon-rss-alt.png') center no-repeat; }
	.social .linkedin { background: url('images/icon-linkedin-alt.png') center no-repeat; }
	.social .gplus { background: url('images/icon-gplus-alt.png') center no-repeat; }
	
	.home #main { padding: 50px 0; }
        #main { padding: 20px 10px 50px; }
	#page-header { padding-bottom: 40px; text-align: center; }
	#page-header .page-title { border-top: 1px solid #1ead1f; font-size: 24px; display: inline; text-transform: uppercase; }
	#page-header p { margin-bottom: 0!important; }
	#content { }
	#content-area { }
	#content-area a { color: #1ead1f; }
	
	.top-content { padding-bottom: 50px!important; }
	
	.featured-content { padding-bottom: 90px!important; text-align: center; }
	.featured-content article { margin-bottom: 20px; }
	.featured-content article .thumb { line-height: 182px; margin-bottom: 20px; min-height: 182px; text-align: center; }
	.featured-content article.first .thumb { background: #1ead1f; }
	.featured-content article.second .thumb { background: #006df8; }
	.featured-content article.third .thumb { background: #ff761d; }
	.featured-content article.fourth .thumb { background: #ffcc00; }
	.featured-content article a.findoutmore { background: transparent!important; display: inline-block; padding: 0 0 0 5px!important; height: 25px; line-height: 25px; }
	.featured-content article a.findoutmore span { color: #fff!important; display: inline-block; height: 24px; width: 25px; }		
	.featured-content article.first a.findoutmore  { border-color: #1ead1f!important; color: #1ead1f!important;  }
	.featured-content article.second a.findoutmore  { border-color: #006df8!important; color: #006df8!important; }
	.featured-content article.third a.findoutmore  { border-color: #ff761d!important;  color: #ff761d!important; }
	.featured-content article.fourth a.findoutmore  { border-color: #ffcc00!important; color: #ffcc00!important; }
	.featured-content article.first a.findoutmore span { background: #1ead1f!important;  }
	.featured-content article.second a.findoutmore span { background: #006df8!important;  }
	.featured-content article.third a.findoutmore  span { background: #ff761d!important;  }
	.featured-content article.fourth a.findoutmore span { background: #ffcc00!important; }
	.featured-content article a.findoutmore:hover { border-color: #5f5f5f!important;; color: #5f5f5f!important; }
	.featured-content article a.findoutmore:hover span, 	.featured-content article .thumb:hover { background: #5f5f5f!important; } 
	
	.home .entry-content { background: url('images/section-bg.jpg') top center repeat-y;  }
	.home-content { }
	.home-content .services-box, .home-content .about-box {  }
	.home-content .services-box { background: #fff; font-size: 17px; padding: 30px 30px 30px 0; }
	.home-content .about-box { background: #003cb1; color: #fff; padding: 0 0 30px 30px; }
	.home-content .about-box .intro-box { padding-bottom: 30px; }
	.home-content .about-box .intro-box .col.span_6:first-child { padding-right: 20px; }
	.home-content .about-box .intro-box h2.text-right { font-size: 41px; margin: 50px 0 20px; }
	.home-content .about-box .intro-box h2.text-right span { font-size: 38px; }
	.home-content .about-box .intro-box .col.span_6:first-child p { margin: 0; }	
	.home-content .about-box .intro-box figure.thumb { background: #1ead1f; float: left; padding: 80px 15px 15px; }
	
	.blog-content { padding-top: 50px!important; }
	.blog-content .entry.grid { text-align: center; }	
	
	.section-header { padding: 20px 0; text-align: center; }
	.section-header .section-title { border-top: 1px solid #1ead1f; font-size: 16px; display: inline; text-transform: uppercase;  }
	.section-header p { margin: 0!important; }	
	
	.entry { border-bottom: 1px solid #f9f9f9; margin-bottom: 20px; padding-bottom: 20px!important; }	
	.entry-header { margin-bottom: 10px!important; }
	.entry-title { font-size: 16px; margin-bottom: 0!important; text-transform: uppercase; }
	.entry-title a { color: inherit!important; }
	.entry-title a:hover { color: #1ead1f!important; text-decoration: none; }	
	.entry-list { color: #9c9c9c; list-style: none!important; margin: 0 0 20px!important; }
	.entry-list li:before { color: #9c9c9c; content: '\2044'; margin-right: 10px; }
	.entry-list li:first-child:before { content: ''; margin-right: 0; }
	.entry-list li { display: inline; padding: 0 10px 0 0; text-transform: capitalize; }
	.entry-list li a{ color: inherit!important; }
	.entry .thumb, .has-post-thumbnail img.thumb  { background: #9c9c9c; border-top: 7px solid #003cb1; margin-bottom: 20px; }
	
	#sidebar { }
	#sidebar .widget-title { background: #003cb1; color: #fff; padding: 10px; text-align: center; }
	.widget-title { font-weight: bold; font-size: 16px; text-transform: uppercase; }
	.widget { margin-bottom: 20px; }		
	#sidebar .widget ul li {
		margin-bottom: 0;
		line-height: 16px;
	}
	#sidebar .widget ul li > a {
		display: block;
		padding: 8px 0;
	}
	#sidebar  .widget_categories ul > li:first-child, #sidebar  .widget_archive ul > li:first-child, #sidebar  .widget_nav_menu ul > li:first-child, 
	#sidebar  .widget_recent_comments ul > li:first-child, #sidebar  .widget_meta ul > li:first-child, #sidebar  .widget_recent_entries ul > li:first-child { border-top: 0; }

	#sidebar  .widget_categories ul > li, #sidebar  .widget_archive ul > li, #sidebar  .widget_nav_menu ul > li, #sidebar  .widget_recent_comments ul > li, #sidebar  .widget_meta ul > li, #sidebar  .widget_recent_entries ul > li { border-top: 1px solid #f9f9f9; }
		
	#footer { color: #fff; }
	#footer .primary-area { background: #003cb1; padding:  30px 0 10px; }
	#footer .secondary-area { background: #1ead1f; font-size: 12px; padding: 15px 0;  }
	#footer .secondary-area p { display: inline-block; margin-bottom: 5px; vertical-align: middle; }
	#footer .secondary-area .span_4 { line-height: 41px; }
		.footer-links { line-height: normal; list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
		.footer-links  li { border-left: 1px solid #fff; float: left; padding: 0 6px 0 5px; position: relative; }
		.footer-links  li:first-child { border-left: 0; padding-left: 0; }
		
		.contact-details { list-style: none; margin: 0; padding: 0; }
		.contact-details  li { margin-bottom: 10px; min-height: 30px; padding-right: 35px; }
		.contact-details .address { background: url('images/icon-address.png') no-repeat right top; }
		.contact-details .phone { background: url('images/icon-phone.png')no-repeat right top; }
		.contact-details .email {  background: url('images/icon-email.png')no-repeat right top; }
		.contact-details .web { background: url('images/icon-web.png')no-repeat right top;  }
		
/*-----------------------------------------------------------------------------------*/
/*	3.	Wordpress Related ...
/*-----------------------------------------------------------------------------------*/
	
	.pagination { margin-bottom: 20px; }
	.pagination span, .pagination a { 
		background: #1ead1f!important;  
		color: #fff!important; 
		float: left;	
		font-weight: bold;
		margin-right: 5px; 
		padding: 5px 13px; 	
		text-transform: uppercase;
	}
	.pagination a:hover, .pagination .current { 
		background: #003cb1!important; 
		text-decoration: none!important; }

	#comments { margin-top: 30px; }
	#commentform {  }
	#comments-title, #reply-title { 
		border-bottom: 1px solid #f9f9f9; 
		font-size: 16px;
		margin: 0!important; 
		padding: 10px 0; 
	}
	.commentlist, .commentlist .children { 
		list-style-type: none!important; 
		padding: 10px 20px; 
	}
	.commentlist li.comment, .commentlist .pingback  { 
		border-bottom: 1px solid #f9f9f9; 
		margin: 0 auto; 
		padding: 15px 0px 15px 60px; 
		position: relative; 
		width: auto; 
	}
	.comment-gravatar  { 
		height: 50px; 
		left: 0; 
		position: absolute; 
		top: 15px; 
		width: 50px; }
	.comment-meta { margin-bottom: 10px; }
	.comment-meta, .comment-meta a {  }
	.commentlist .reply { position: absolute; right: 0; top: 15px; }
	.comment-reply-link, .edit-link a { 
		background: #1ead1f!important;  
		color: #fff!important; 
		font-size: 12px;
		font-weight: bold;
		margin-left: 5px; 
		padding: 5px; 
		text-transform: uppercase;
	}
	.comment-reply-link:hover, .edit-link a:hover { background: #003cb1!important; text-decoration: none; }
	.nopassword, .nocomments, .form-allowed-tags { display: none; }

	.commentlist .children li.comment { border-bottom: 0; }
	.pingback p { margin: 0; }
	.pingback .url { font-style: italic; }

	#commentform label { display: inline-block; padding-top: 5px; vertical-align: top;  }
	#commentform input[type=text] { display: block; width: 100%; }
	#commentform  textarea { display: block; width: 100%; }

	.wpcf7-response-output { padding: 10px 20px 10px 44px!important; }
	.wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked { 
		background: #f9e5e6 url('images/icon-box-error.png') no-repeat 10px 9px; 
		border: 1px solid #f7c7c9!important; 
		border-left-width: 4px; 
		color: #b3696c; }
	.wpcf7-mail-sent-ok { 
		background: #e3ebc6 url('images/icon-box-success.png') no-repeat 12px 8px; 
		border: 1px solid #c2d288!important; 
		border-left-width: 4px; 
		color: #8fa442; }
	.wpcf7-not-valid-tip { color: #f02932; display: block; }
	
	
/*-----------------------------------------------------------------------------------*/
/*	4.	Shortcodes  ...
/*-----------------------------------------------------------------------------------*/
	.button { 
		background: #1ead1f!important; 
		border: 1px solid #1ead1f!important;  
		color: #fff!important;   
		display: inline-block;
		font-family: inherit;	
		font-weight: bold;
		overflow: visible;
		padding: 5px 10px; 
		text-align: center; 
		text-transform: uppercase; 
		-webkit-transition: background-color .2s ease; 
		-moz-transition: background-color .2s ease; 
		-ms-transition: background-color .2s ease; 
		-o-transition: background-color .2s ease; 
		transition: background-color .2s ease; 
		border-radius: 0; 
		-moz-border-radius: 0; 
		-webkit-border-radius: 0;	
	}

	.button.small { font-size: 12px; padding: 3px 15px!important; }
        .button.medium { font-size: 17px; padding: 10px 15px;  }
	.button.large { font-size: 18px; padding: 27px 22px 25px; }
	.button.xlarge { font-size: 24px; padding: 39px 22px 37px; }
	.button.fluid { display: block!important; width: 100%; }
	
	.button:hover { background: #003cb1!important;  border: 1px solid #003cb1!important;  color: #fff!important;  text-decoration: none; }
	
	.clear, br.clear{ clear: both; height:0;}
	.divider { border-top: 1px solid #003cb1; margin: 20px 0; }
	.space { height: 30px; }