/* 
	
Theme Name: Desse Seed 
Theme URI: http://www.desseseed.com.au
Description: Customised version of the starter theme by KC Themes
Author: Soulscape Web Design
Author URI: http://www.soulscape.com.au/
Version: 1.0

----------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Wordpress Styles
:: Global Styles
:: Main Navigation
:: Typography
:: Your styles (Add your styles here before the media queries)
:: Media Queries

*/



/* -----------------------------------------
   Wordpress Styles
----------------------------------------- */

/* Required wordpress styles */
.wp-caption {}
.wp-caption-text  {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {float: right;
	margin-left: 30px;
}
.alignleft {float: left;
	margin-right: 30px;
}
.aligncenter  {text-align: center;}

ol li article {
	border-bottom: 1px dotted #c7c7c6;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*take off padding for columns within WP content blocks*/
.entry-content .columns {
	padding: 0;
}

#contactFormTab {
	background-color: white;
}

/* Comment styles */
#comments {
	border-top: 3px solid #c7c7c6;
	border-bottom: 3px solid #c7c7c6;
	margin-top: 20px;
}

#commentform label {
	width: auto;
	float: left;
	margin-right: 10px;
}

/* Blog article pagination */
.pagination {
		margin-bottom: 30px;
		margin-top: 30px;
	}
.pagination a, .pagination span {
	padding: 10px;
	background-color: white;
	margin-right: 0;
	margin-left: 0;
}

/*
WordPress Page Template Snag/todo Lists
From the super keirwhitaker. More at https://gist.github.com/2761605
*/
.msg 		{ background: #9CE783; border-bottom: 5px solid #006600; padding: 1em; font-size: 1.2em; text-align: center; color: #444; }
.msg p:before 	{ content: 'TO DO: '; font-weight:bold; }

/* -----------------------------------------
   Global Styles
----------------------------------------- */

/* Removes padding from column blocks */
.no-padding {
	padding: 0;
}

/* Take the numbers off OL lists */
ol {
	list-style: none;
}

/* Take off outlines on links in IE */
a img {outline : none; border: none;}

/* Move a div to the right with text flowing around */
.rightflow {
	float: right;
	margin-left: 20px;
	padding-right: 0;
	text-align: right;
}

/* Move a div to the left with text flowing around */
	.leftflow {
		float: left;
		margin-right: 0;
		padding-left: 0;
		text-align: left;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	
	
	
/* Give buttons a little bottom margin so they stack nicely */
.button {
	margin-bottom: 3px;
}
	/* and a bit of space for the icons */
	.button i {
		margin-left: 0px;
		margin-right: 5px;
		position: relative;
		top: 2px;
	}

footer { 
	color:#fff;
	text-align:center;
	background:#2f3aa2;
	margin:0 auto;
	padding: 10px 0;
}

footer p, footer ul li a {color:#fff; font-size: 11px; margin-bottom: 0;}

/*give the news block article tags a uniform height for better alignment*/
.newsblock article {
	height: 120px;
}


/* Adds full width background colour to footer	*/
.footer-bg-clr {
	background-color: #444;
	padding-top: 15px;
	color: #fff;
}


	
/* Font change to make text smaller in footer bar */
.contactinfo p {
	font-size: 12px;
}

.inlineIMG {
	padding-bottom: 20px;
}
	/* Make the buttons next to the inline IMG bigger */
	.inlineIMG .button {
		width: 100%;
		line-height: 300%;
		margin-bottom: 10px;
	}	

/* -----------------------------------------
   Typography
----------------------------------------- */

/* font family */
h1, h2, h3, h4, h5 {
  font: 13px/1.5 'Droid Sans', sans-serif;
}
 
body, p, ul, ol {
  color:#0e165e;
  font: 13px/1.5 "Droid Sans", sans-serif;
}

/* Adjust these sizes depending on what font you use to get overall sizes looking right */
/*
0.875em 		(14px equivalent)
1em 			(16px equivalent)
1.125em 		(18px equivalent)
1.3125em 		(21px equivalent)
1.5em 			(24px equivalent)
1.875em 		(30px equivalent)
*/

h1 { font-size: 1.875em;}
h2 { font-size: 1.75em;}
h3 { font-size: 1.5em; line-height: 1.75em; }
h4 { font-size: 1.3125em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1em; }


/* Links ---------------------- */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover { color: #2795b6; outline: none;}

a:focus { color: #2ba6cb; outline: none; }

footer a { color:#fff816;}
footer a:hover { color: #fff;}
footer a:visited { color:#e9e79f;}

/* -----------------------------------------
   Main Navigation
----------------------------------------- */

/* automatically center all the li items */
#mainnav.nav-bar > li {
	
	width:auto;/* For our 7 items we use this percentage */
	
	/* Other numbers of li items would work like this */
	/* width:16.6666%;    6 li items we use this percentage */
	/* width:12.5%;       8 li items we use this percentage */
	/* width:11.1111%;    9 li items we use this percentage */
	
	text-align: center;
}

/* Because its centered we need to remove last divider */
#mainnav.nav-bar > li:last-child {
}

/* stops nav text wrapping on smaller screens */
#mainnav.nav-bar > li.has-flyout a {
	white-space: nowrap;

}

/* Left justify subnav links */
#mainnav li.has-flyout ul.flyout li {
	text-align: left;
}
/* and give them a bit of padding and text size */
#mainnav li.has-flyout ul.flyout li a {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	text-shadow: 0 0 1px #f8f8f8;
}
ul.flyout li, .nav-bar li ul li {
    border-left: 1px solid #2f3aa2;
}
.flyout {
    border-bottom: 1px solid #2f3aa2;
	border-top: none;
	border-left: none;
	border-right: none;
}
ul.flyout li a, .nav-bar li ul li a { 
	background: #fff; 
	border: 1px solid #2f3aa2; 
	border-width: 1px 1px 0 0; 
	color: #2f3aa2; 
	display: block; 
	font-size: 14px; 
	height: auto; 
	line-height: 1; 
	padding: 15px 20px; 
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -
	moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
ul.flyout li.active, .nav-bar li ul li.active { 
	margin-top: 0; 
	border-top: 1px solid #2f3aa2; 
	border-left: 4px solid #2f3aa2;
}
ul.flyout li.active a, .nav-bar li ul li.active a { background: #2f3aa2; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #fff816; color: #2f3aa2; }


/* -----------------------------------------
    Your styles
----------------------------------------- */
#logo {
	margin:20px auto 0;
	text-align:center;
}

#navigation .columns { padding:0;}

/* main navigation */

.nav-bar {
	background:#2f3aa2;
	border-radius: 8px;
	text-transform:uppercase;
	padding-left: 15px;
}

.nav-bar > li.active {
	background: transparent;
    border:none;
}

.nav-bar > li.active > a {
    color: #fff816;
}

.nav-bar > li.active:hover, .nav-bar > li:hover { background: transparent;  }
.nav-bar > li.active a:hover, .nav-bar > li a:hover { color:#fff816; font-weight:bold;}
.nav-bar > li a:hover { font-weight:normal;}

/* responsive navigation */

#resp-nav.nav-bar { padding: 10px 15px;}
.lt-ie9 #resp-nav.nav-bar { display:none;}

#container { border:1px solid #e9e312; margin-bottom:30px;}
#banner { border-bottom:1px solid #e9e312; margin-bottom:30px; }

.row .row { margin: 0;}
.columns { padding: 0 15px;}


ul.link-list {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

ul.link-list li {
    display: inline;
	float:none;
    margin: 0 10px;
}
ul.link-list li a {
	display:inline;
}
	
h2.entry-title { padding: 0 15px; margin-top: 0;}

img.attachment-medium { 
	padding:10px;
	border: 1px solid #e8e103;
	margin: 0 0 15px 15px;
}

/* Sorghum Page Template */

.sorghum #photo, .sorghum #caption {
	margin: 0 auto;
	text-align:center;
}

.sorghum #photo { margin-top: 25px;}

.sorghum #caption { 
	color: #2F3AA2;
	font-weight:bold;
	margin: 10px auto 25px;
}

#sign {
	border:4px solid #2F3AA2;
	padding:0;
	margin-left: 15px;
	margin-bottom:15px;
}

#sign-logo {
	display:block;
	background:url(images/logo-small.png) no-repeat center center;
	height: 75px;
	margin:0 auto;
}

h2.sorghum {
	color: #2F3AA2;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	background:#ffff00;
	padding: 6px;
	margin:0
}

h3.sorghum {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	text-align:center;
	text-transform:uppercase;
	margin:10px;
}

.single-sorghum .large-offset-1 li {
	padding: 5px 0;
}

ul.sorghum-list { margin: 10px 0 40px 25px;}
ul.sorghum-list li { padding: 5px;}

/* Contact form */

#cntctfrm_contact_form div input.text { margin-bottom:15px !important; }

input#cntctfrm_contact_send_copy  {float:left; margin: 3px 10px 0 0 !important; }

#cntctfrm_contact_form input[type="submit"] {
	font-size: 14px;
	color: #fff;
	text-transform:uppercase;
	background: #2F3AA2;
	border:none;
	padding: 5px 12px;
	margin-top:5px !important;
}

#cntctfrm_contact_form input[type="submit"]:hover { color:#FFF816;}
	
/* -----------------------------------------
    Media Queries
----------------------------------------- */


/* Smaller than standard 940 (devices and browsers) */

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

/* Tablet Portrait size to standard 940 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 939px) {
	
	/* Make topbar right arrow size smaller */
	.toggle-topbar {width: 60px !important;}
	
	/* Make font a little smaller on CTA buttons */
	#cta-btns a {
		font-size:13px ;
	}
	
	/* Slightly smaller heading sizes for tablets */
	h1 { font-size: 37px; }
	h2 { font-size: 27px; }
	h3 { font-size: 23px; }
	h4 { font-size: 17px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }	
	
	/* Make the buttons next to the inline IMG bigger */
	.inlineIMG .button {
		line-height: 200%;
	}
	/* Make the text size of the main nav a bit smaller */
	#mainnav.nav-bar > li a {
		font-size: 12px;
		
	}
	
}

/* All Mobile Sizes (devices and browser) */

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

	/* Make topbar right arrow size smaller */
	.toggle-topbar {width: 60px !important;}
	
	/* set width back for mobile nav so not centered */
	#mainnav.nav-bar > li {		
		width:100%;		
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Make topbar right arrow size smaller */
	.toggle-topbar {width: 60px !important;}

}

/* The media query for screens larger than 640px */
@media screen and (min-width: 641px) {
#resp-nav {display:none;}
}
/* The media query for screens smaller than 640px */
@media screen and (max-width: 640px) {
#mainnav {display:none;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
	
	/* Change the font size and padding so it fits on small screens */
	.top-bar > ul .name h1 a, .top-bar .row > ul .name h1 a { 
		font-size: 13px !important;
		padding-right: 0px;
	}
		.toggle-topbar {width: 60px !important;}
	
	/* Make the strapline a bit smaller */	
	#strap  h2 {
		font-size: 22px;		
		padding-right: 0px;
		padding-left: 0px;
	}	
	.nav-bar { padding-left: 0;}
	.nav-bar li, .nav-bar li a { border-left:none;}
	
	#sign-logo { background-size:90%;}
	
	#cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_message, #cntctfrm_contact_name, #cntctfrm_contact_email, #cntctfrm_contact_subject { width:90% !important;}
}