/*   
Theme Name: Weedworks
Theme URI: http://www.weedworks.com.au/
Description: Yo. 
Author: Louisa
Author URI: http://www.weedworks.com.au/
Version: 1.0.0
*/

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}

html, body {margin:0;padding:0; height:100%;}
body {
	background:#f9f9f9;
	font-size:62.5%;	
	font-weight:400;
	font-family: Arial, Sans-Serif;
color:#6f7173;
	}
	
p {margin:0 0 1.6em 0; font-size:1.35em; line-height:1.8em;}

article ul li {
line-height:1.8em;
}
article ul{
font-size:1.3em; line-height:1.4em;margin: 0;padding:0 0 20px 20px;
}
a {text-decoration:none; color:#2f3f92;}
a:hover{color:#39ff52;}
img {border:0; max-width:100%; height:auto;}
iframe {max-width:100%;}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {text-align:center;}

:focus, :active {outline:none;}

.clearer:after {display:block; visibility:hidden; height:0; clear:both; content:'.';}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	padding: 0;
	margin:0 0 1.5em 0;
color:#6f7173;

}
.hr {
border-bottom: solid #6f7173 1px;
margin:10px 0;
width:100%;
}
h1{
font: bold 1.65em Arial Narrow, Arial,sans-serif; text-transform:uppercase;letter-spacing:0.25em;
}
h2{
font: bold 1.3em Arial Narrow, Arial,sans-serif; text-transform:uppercase;letter-spacing:0.1em;margin:0 0 .3em 0;
}
.wrapper {
	margin: 0px auto;
	padding: 4em;
	max-width: 960px;
background:#FFFFFF;

}

/***********************
***** HEADER STUFF *****
***********************/
header {width: 100%;}

#logo {float:left;padding-bottom:4em;}

#tagline{ float:right;padding-top:4em;}

.menu {width:100%;height:40px; background:#f5f5f5;}

.menu ul{
	background:#f5f5f5;
	margin: 0px;
	padding: 0 0 0 25px;
	list-style: none;
}
.menu li {
  float: left;
  display: inline-block;
  position: relative;
	
}
.menu a {

	display: block;
	float: left;
	text-decoration: none;
	font: normal 1.3em Arial Narrow, Arial,sans-serif;
text-transform:uppercase;letter-spacing:0.25em; color:#6f7173; 

	line-height: 41px;
	padding: 0 25px 0 25px;
	
}
.menu a:hover {color: #000;}

/* sub-menu */
.menu li ul {
	width: 160px;
	position: absolute;
	left: 15px;
	top: 40px;
	padding: 10px 0 0px 0;
	margin: 0;
	z-index: 200;
	display:none;
background: #f5f5f5;
}

.menu ul li:hover > ul {
		display: block;
	}
.menu li ul li{


width: 160px;
height: 25px;
padding: 0;
margin: 0;
	
}

.menu li ul a{
	background: transparent;
	display: block;
	width: 160px;
	height: 25px;
	margin:0;
font: normal 1.3em Arial Narrow, Arial,sans-serif;letter-spacing:0.15em;
padding-left:10px;padding-right:0;
	
}

.menu li ul a:hover{

}

#responsive-menu #responsive-menu-title {
  text-transform:uppercase;
}

#responsive-menu .responsive-menu li a {
    text-transform:uppercase;
}

/***********************
***** BODY STUFF *******
***********************/
section {padding:3em 0; position:relative;}

.post {
float:left;
width:75%;
padding-right:4em;
}

input#submit, input#gform_submit_button_1{
background: #39ff52;
color:#fff;
padding:0.5em;
font: normal 1em Arial Narrow, Arial,sans-serif;
text-transform:uppercase;letter-spacing:0.15em; 
border:none;
cursor:pointer;
}

input#submit:hover, input#gform_submit_button_1:hover {
background:#2f3f92;
}
aside {
float:right;
width:25%;
margin:0;
padding:0;
}

aside h1{
margin-bottom:.5em;
}

aside ul {
	padding: 0;margin:0 0 2em 0;
}
aside li {list-style: none;margin-bottom:3px;}
aside li a {
	font: normal 1.3em Arial Narrow, Arial,sans-serif;
text-transform:uppercase;letter-spacing:0.25em; color:#6f7173; 
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
background:#f5f5f5;
}
aside li a:hover {
	background: #39ff52;
	color: #fff;	
}




.boxes div {
max-width:48%;
height:auto;
margin-bottom:2em;
}

.boxes div img{
width:100%;
height:auto;
}

.boxes .right{
float:right;
}

.boxes .left{
float:left;
}

/***********************
**** FOOTER STUFF ******
***********************/
footer {
	clear: both; 
	width: 100%;
	text-align: center;
color:#6f7173;
font-size:0.75em;
}

footer a{
color:#6f7173;
}
.socialmedia{
width:186px;
margin:0 auto 2em auto;

}

.socialmedia .twitter{
float:left;
width:65px;
height:45px;
background: url('images/left_Twitter.jpg') bottom;
text-indent: -99999px;
transition: none;
}

.socialmedia .facebook{
float:left;
width:51px;
height:45px;
background: url('images/middle_FB.jpg') bottom;
text-indent: -99999px;
transition: none;
}

.socialmedia .instagram{
float:left;
width:70px;
height:45px;
background: url('images/right_Instagram.jpg') bottom;
text-indent: -99999px;
transition: none;
}

.socialmedia .instagram:hover, .socialmedia .facebook:hover, .socialmedia .twitter:hover {
background-position: 0 0;
transition: none;
}


body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:47%;border:#ccc solid 1px;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {border:#ccc solid 1px;}

@media screen and (max-width: 755px) {
  header {
text-align:center;
}

#logo{

padding-bottom:0.5em;
float:none;
  }
#tagline{
float:none;
padding:0 0 1em 0;
}

.wrapper{
padding:2em;
}

aside, .post {
float:left;
width:100%;
padding:0;
}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:100%;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:100%;}


}

@media screen and (max-width: 874px) {
.menu{
display:none;
}
#logo{

padding-bottom:0.5em;
float:none;
  }
}
@media screen and (max-width: 320px) {
  #logo img{
padding-bottom:0em;
  }

}

@media screen and (max-width: 480px) {
.boxes div {
max-width:100%;
height:auto;
margin-bottom:2em;
}

}