/*
Theme Name: 	Lotus Patch
Description: 	WordPress theme for the Lotus Patch website
Version: 		1.0
Author: 		DK Media
Author URI: 	http://www.dkmedia.com.au
*/

html {
	background: #f6f6f6;
}

body {
	font-size:14px;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:140%;
}

a {
	color:#169c9c;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:120%;
	margin:0;
	padding:0 0 15px;
	color:#169c9c;
}
h1 {
	font-size:24px;
	color:#fcb968;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
h2 {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fcb968;
	font-style:italic;
}
h3 {
	font-size:18px;
	font-weight:600;
}
h4 {
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 6px;
	text-transform:uppercase;
	margin-bottom:13px;
}
h4 small {
	color:#bdbdbd;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-transform:none;
	margin-left:5px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:12px;
}
p {
	margin-bottom:16px;
}

br {clear:both;}
.left {float:left;}
.right {float:right;}
img.alignleft {margin:5px 15px 5px 0;}
img.alignright {margin:5px 0 5px 15px;}


.field {}
.field .right {
	float:right;
}
select {
	padding:6px;
	height:34px;
}
textarea {
	height:150px;
}


/* - Header */
#header {
	min-height:85px;
	position:relative;
	z-index:3;
	border-top:7px solid #fcb968;
}
#header .container {
	border-bottom:1px solid #f6f6f6;
}
#logo {
	float:left;
	padding:25px 0 0;
}



/* - Menu */
#menu {
	position:relative;
	z-index:5;
	float:right;
}
#menu ul {
	margin:0;
	padding:0;	
}
#menu ul li {
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	float:left;
}
#menu ul li a {
	display:block;
	padding:0 19px;
	text-decoration:none;
	font-size:14px;
	line-height:84px;
	font-weight:700;
	color:#999;
	text-transform:uppercase;
}
#menu ul li a:hover,
#menu ul li:hover > a,
#menu ul li.current-menu-item > a {
	background:#f6f6f6;
	border-top:7px solid #169c9c;
	border-bottom:1px solid #169c9c;
	margin:-7px 0 -1px;
	color:#169c9c;
}


/*2nd level*/
#menu ul li:hover > ul {
	left:0;
	opacity:1;
}
#menu ul ul {
	background:#f6f6f6;
	border-top:5px solid #169c9c;
	border-bottom:1px solid #169c9c;
	width:200px;
	position:absolute;
	top:84px;
	left:-9999px;
	margin:0;
	padding:0;
	z-index:9998;
	opacity:0;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}
#menu ul ul li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:none;
}
#menu ul ul li a {
	display:block;
	font-weight:normal;
	line-height:normal;
	text-transform:none;
	padding:6px 25px;
	border:0 !important;
	margin:0 !important;

}
#menu ul ul li:hover > a,
#menu ul ul li a:hover,
#menu ul ul li.selected > a {}





/* - Body */
#body {
	position:relative;
	z-index:2;
	padding-bottom:90px;
}

#hero-unit {
	position:relative;
	margin:0;
	border-bottom:1px solid #d8d8d8;
}
.hero-img {}
.hero-caption {
	position:absolute;
	top:15%;
	left:40px;
	width:490px;
}
.hero-caption h1 {
	font-size:30px;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:160%;
	padding-bottom:20px;
	font-style:normal;
}
.hero-caption h1 strong {
	display:block;
	font-size:55px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.hero-caption p {
	font:italic 18px Georgia, "Times New Roman", Times, serif;
}
.hero-caption p a {
	margin-right:25px;
}

#hero-unit .copyright {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
	opacity: 0.90;
	font-size: 11px;
	z-index: 10;
	text-shadow: 0 0 1px #000;
}


#content {
	padding:25px 0;
}

.pagecontent .alignleft {
	float: left;
}
.pagecontent .alignright {
	float: right;
}

/* Articles */

.pagecontent article.post {
	margin-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
}
.pagecontent article.post h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 4px 0;
	padding: 0;
	color: #169c9c;
}
.pagecontent article.post .date {
	color: #bdbdbd;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 12px;
}

.lutospatch-box {
	background:url(img/bg-lotus-patch.png) no-repeat right bottom;
	padding:0 0 30px;
}
.lutospatch-box h1 {
	font: 300 24px "Open Sans", Arial, Helvetica, sans-serif;
	color:#fcb968;
	text-align:center;
	margin-left:20px;
	padding-bottom:20px;
}
.lutospatch-box h3 {
	color:#666666;
	font-weight:400;
}
.lutospatch-list {
	margin:0;
	padding:0;
}
.lutospatch-list li {
	background:url(img/bg-bullet.png) no-repeat left center;
	color:#169c9c;
	font-weight:600;
	list-style:none;
	padding:6px 0 6px 35px;
	line-height:130%;
}
.lutospatch-list li a {}

.teaser-box {}
.homecontent {}
.sidebar {}
.sidebar h4 {
	padding-left:8px;
}
.workshop-box {}
.workshop-img {
	margin:0 0 10px;
	max-width:300px;
}
.workshop-box a:hover,
.workshop-box:hover {
	text-decoration: none;
}
.workshop-title {
	text-align:center;
	font-size:18px;
	max-width:300px;
	font-weight:600;
	color:#999;
}
.workshop-title small {
	display:block;
	color:#999;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

.article-list {
	margin:0;
	padding:0;
}
.article-list li {
	list-style:none;
	color:#999999;
	padding:0 0 10px;
}
.article-list li a {
	color:#999999;
	font:italic 18px Georgia, "Times New Roman", Times, serif;
}
.article-list li .adate, 
.article-list li a .adate {
	display:block;
	font:13px "Open Sans", Arial, Helvetica, sans-serif;
}

.row > .pagetitle {
	margin-left:20px;
}
.pagetitle {
	font-size:14px;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-style:normal;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 6px;
	text-transform:uppercase;
	margin-bottom:13px;
	color:#169C9C;
}
.pagetitle  small {
	color:#bdbdbd;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-transform:none;
	margin-left:5px;
	font-size:14px;
}

/* Workshops */
.workshop-item {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
	color: #999999;
}
.workshop-item:hover {
	background: #f6f6f6;
}
.workshop-item .information {
	padding-left: 10px;
}
.workshop-item .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 17px;
	color: #169c9c;
}
.workshop-item .date {
	font-weight: bold;
}
.workshop-item .cost {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 19px;
	text-align: center;
}
.information-box {
	width: 250px;
	padding: 25px;
	float: right;
}
.information-box #information-table td {
	padding: 5px;
	vertical-align: top;
}
.information-box #information-table td.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	color: #169c9c;
}
.information-box #information-table td.book {
	text-align: center;
}

/* Forms */
.wpcf7 .field .wpcf7-form-control-wrap input,
.wpcf7 .field .wpcf7-form-control-wrap textarea {
	width: 100%;
}
.wpcf7-response-output {
	border: 1px solid #169c9c !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wpcf7-not-valid-tip {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
	border-color: #169C9C;
}
#wpcf7-f40-p38-o1, #wpcf7-f47-p12-o1 {
	width: 400px;
}
.required {
	color: #ff0000;
}
.btn {
	background: #169C9C;
	border-color: #0c7676;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	color: #ffffff;
	text-shadow: none;
}
.btn:hover {
	background: #0c7676;
	color: #ffffff;
}


/* - Footer */
#footer {
	position:relative;
	z-index:3;
	background:#f6f6f6;
	padding:20px 0;
	font-size:12px;
	color:#535353;
}
.contact-info {
	margin:-85px 0 0;
	height:85px;
}
.contact-info img {
	float:left;
}
.contact-info h3 {
	font:19px "Open Sans", Arial, Helvetica, sans-serif;
	color:#9b9a9a;
	margin:0 0 0 170px;
	padding:22px 0 0;
}
.contact-info h3 strong {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#169c9c;
}
.foot-nav {
	clear:both;
	margin:0 0 10px;
}
.foot-nav ul {
	margin:0;
	padding:0;
	text-align:center;
}
.foot-nav ul li {
	list-style:none;
	display:inline-block;
}
.foot-nav ul li:first-child a {
	border-left:0;
}
.foot-nav ul li a {
	display:inline-block;
	color:#c5c5c5;
	font-size:14px;
	line-height:16px;
	border-left:1px solid #c5c5c5;
	padding:0 8px;
}
.foot-nav ul li a:hover {}
.copyright {
	color:#c6c6c6;
	font-size:12px;
	text-align:center;
}
.websiteby {
	color:#c6c6c6;
	font-size:12px;
	text-align:center;
}
.websiteby a {
	color:#c6c6c6;
}




/* Media Queries ------------------------------- */

.res-menu {display:none;}
.res-footmenu {display:none;}

/* Large desktop */
@media (max-width: 1024px) {}
 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1005px) {
	
	#menu {}
	#menu ul li a {padding:0 9px; font-size: 11px;}
	
	#hero-unit {}
	.hero-caption {top:10%;}
	.hero-caption h1 {font-size:25px;}
	.hero-caption h1 strong {font-size:45px;}
	
	#footer {}
	.contact-info h3 {padding-top:25px; font-size: 15px;}
	
}
 
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
	body {padding:0;}
	#header, #body, #footer {padding-left:15px; padding-right:15px;}
	
	#logo {float:none; text-align:center; padding:15px;}
	#menu {float:none;}
	#menu ul {display:none;}
	#menu .res-menu {display:block; width:100%; margin:0 0 15px;}	

	.hero-caption {top:0; left:auto; width:auto; padding:10px;}
	.hero-caption h1 {font-size:15px; padding:0 0 8px;}
	.hero-caption h1 strong {font-size:25px;}
	.hero-caption p {font-size:12px;}
	
	.lutospatch-box {}
	.lutospatch-box h1 {margin-left:0;}
	
	.sidebar {display: none;}

	.contact-info h3 {display:none;}
	.foot-nav ul {display:none;}
	.foot-nav .res-menu {display:block; width:100%;}
	
}
 
 
/* Landscape phones and down */
@media (max-width: 479px) {
	
	body {font-size:12px;}
	
	.left, .right {float:none; }
	img.left, img.right {margin:0 0 5px;}
	
	.hero-caption {padding:2px 5px;}
	.hero-caption h1 {font-size: 12px; padding: 0 0 5px;}
	.hero-caption h1 strong {font-size: 20px;}
	.hero-caption p {padding:0; font-size:12px;}
	.hero-caption p a {margin-right:10px;}

}