/*
Theme Name: Butterfly
Author: klik
Author URI: http://www.klik.net.au
Description: Custom theme for Butterfly Conservation SA
*/

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media screen {

	/* ---------------- overall style ---------------- */
	
	body {
		font-family:proxima-nova,sans-serif;
		color:#555;
		font-size:16px;
		line-height:140%;
		background-color:#f5f5f5;
	}
	
	.full_width {
		width:100%;
		max-width:1920px;
		margin:0 auto;
		background-color:#fff;
		overflow:hidden;
	}
	
	.max_width {
		width:90%;
		max-width:1600px;
		margin:0 auto;
	}
	
	a {
		color:#629886;
	}
	
	h1,h2,h3,h4,h5,h6 {
		line-height:110%;
	}
	
	p img {
		max-width:100%;
		height:auto;
	}
	
	.heading_with_line .heading {
		font-family:essonnes,"Times New Roman",serif;
		margin:0 0 16px 0;
		letter-spacing:0.05em;
	}
	
	.heading_with_line .line {
		width:64px;
		border-top:2px solid #555;
	}
	
	.heading_with_line.blue .heading {
		 color:#629886; 
	}
	
	.heading_with_line.blue .line {
		border-color:#629886; 
	}
	
	.heading_with_line.green .heading {
		color:#629886;
	}
	
	.heading_with_line.green .line {
		border-color:#629886;
	}
	
	/* ---------------- header ---------------- */
		
	.home_feature_wrap {
		background-image:url('images/test-background-3.jpg');
		background-size:cover;
		background-position:center center;
	}
	
	#header {
		position:relative;
		width:100%;
		color:#fff;
		z-index:9000;
		background-image:url('images/test-background-3.jpg');
	}
	
	.home_feature_wrap #header {
		background-image:none;
	}
	
	#header a {
		color:#fff;
		text-decoration:none;
	}
	
	#header .header_logo {
		display:table;
		width:100%;
	}
	
	#header .header_logo {
		padding:16px 0;
	}
	
	#header .header_logo .logo {
		display:table-cell;
		width:50%;
		text-align:left;
		vertical-align:middle;
	}
	
	#header .header_logo .logo a {
		
	}
	
	#header .header_logo .logo a img {
		height:40px;
		width:auto;
		max-width:none;
	}
	
	#header .header_logo .nav_button {
		display:table-cell;
		width:50%;
		text-align:right;
		vertical-align:middle;
	}
	
	#header .header_logo .nav_button a {
		
	}
	
	#header .header_logo .nav_button a img {
		height:26px;
		width:auto;
	}
	
	#nav {
		display:none;
		padding:0 0 32px 0;
	}
	
	#nav.open {
		display:block;
	}
	
	#nav ul {
		padding:0;
		margin:0;
	}
	
	#nav ul li {
		list-style:none;
	}
	
	#nav ul li a {
		display:block;
	}
	
	#nav > ul > li {
		font-size:20px;
		font-weight:700;
	}
	
	#nav > ul > li > a {
		padding:4px 0;
		color:#FFF;
	}
	
	#nav > ul > li > .divider {
		display:none;
	}
	
	#nav > ul > li > ul {
		padding:4px 0 4px 16px;
	}
	
	#nav > ul > li > ul > li {
		font-size:18px;
		font-weight:500;
		list-style:disc;
		color:#fff;
	}
	
	#nav > ul > li > ul > li > a {
		padding:2px 0;
	}
	
	#nav .search a {
		padding:8px 0;
	}
	
	#nav .search img {
		height:32px;
		width:auto;
	}
	
	/* ---------------- footer ---------------- */
	
	#footer {
		background-color:#fff;
		border-top:2px solid #eee;
		padding:32px 0;
	}
	
	#footer a {
		color:#555;
	}
		
	#footer ul {
		padding:0;
		margin:0;
	}
	
	#footer ul li {
		list-style:none;
	}
	
	#footer ul li a {
		display:block;
		text-decoration:none;
		color:#555;
	}
	
	#footer ul li a {
		padding:4px 0;
	}
	
	#footer .footer_left {
		margin-bottom:32px;
		letter-spacing:0.05em;
	}
	
	#footer .social_icons {
		margin-top:24px;
	}
	
	#footer .heading_with_line {
		margin-bottom:24px;
	}
	
	#footer .footer_bot {
		color:#ccc;
		margin-top:32px;
	}
	
	#footer .footer_bot a {
		text-decoration:none;
		color:#ccc;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature {
		color:#fff;
		position:relative;
		height:300px;
		line-height:300px;
		/*text-align:center;*/ 
		background-repeat:no-repeat;
		background-position:center top;
  		background-size:cover;
	}
	
	/*#home_feature .slide {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		overflow:hidden;
		visibility: hidden;
		opacity:0;
		transition:opacity 1s, visibility 0s 1s;
		z-index:1000;
	}
	
	#home_feature .slide.show {
		visibility:visible;
		opacity:1;
		transition:opacity 1s, visibility 0s;
		z-index:1500;
	}
	
	#home_feature .slide video {
		position: absolute;
		left: 50%;
		bottom:0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 100;
	}
	
	#home_feature .slide .video {
		z-index:100;
	}*/
	
	#home_feature .slide {

	}
	
	#home_feature .slide .text {
		position:relative;
		display:inline-block;
		vertical-align:middle;
		line-height:130%;
		z-index:200;
		text-align:left; 
		width:80%;
		max-width:1024px;
		margin:0 auto;
		
	}
	
	#home_feature .slide .text h2 {
		font-family:essonnes,serif;
		font-size:32px;
		line-height:110%;
		margin:0 0 16px 0;
		color:#629886;
		color:#fff;
	}
	
	#home_feature .slide .text p {
		font-size:18px;
		line-height:130%;
		font-weight:300;
		color:#666;
		color:#dbf5e0;
		max-width:600px;
		/*margin:16px auto;*/
	}
	
	#home_feature .slide .text .button a {
		display:inline-block;
		height:32px;
		line-height:32px;
		padding:0 10px;
		border:2px solid #fff;
		color:#fff;
		font-weight:700;
		font-size:14px;
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:0.01em;
		transition:background-color 0.1s, color 0.1s;
	}
	
	#home_boxes {
		border-style: solid;
		border-width: 15px 15px 0px 15px;
		border-color: #fff;
	}
	
	#home_boxes:before,
	#home_boxes:after {
		display:table;
		content:'';
		clear:both;
	}
	
	#home_boxes .box {
		display:block;
		position:relative;
		border-bottom:15px solid #fff;
		background-color:#fff;
		color:#fff;
		text-align:center;
		text-decoration:none;
		height:75vw;
		line-height:75vw;
	}
	
	#home_boxes .box .bg_image {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:1;
		background-color:#ccc;
		background-size:cover;
		background-position:center center;
	}
	
	#home_boxes .box .overlay {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(0,0,0,0.5);
		z-index:2;
	}
	
	#home_boxes .box .inner {
		padding:32px;
		display:inline-block;
		vertical-align:middle;
		line-height:120%;
	}
	
	#home_boxes .box h4 {
		margin:0;
		font-family:essonnes,serif;
		font-size:24px;
	}
	
	#home_boxes .box .line {
		width:48px;
		border-top:2px solid #fff;
		margin:16px auto;
	}
	
	#home_boxes .box .subline {
		font-style:italic;
		margin:0;
	}
	
	#home_intro {
		background-color:#629886;
		color:#fff;
		text-align:center;
		padding:48px 0;
	}
	
	#home_intro .inner {
		width:80%;
		max-width:768px;
		margin:0 auto;
	}
	
	#home_intro .icon {
		margin-bottom:24px;
	}
	
	#home_intro .intro {
		font-size:18px;
		margin:0;
	}
	
	/* ---------------- back pages ---------------- */
	
	/* general style */
	
	.content_section {
		padding:32px 0;
	}

	.page_heading {
		margin:0 0 32px 0;
	}
	
	.page_heading .left {
		display:table-footer-group;
	}
	
	.page_heading .right {
		display:table-header-group;
	}
	
	.page_heading .breadcrumb {
		margin:0 0 32px 0;
		color:#999;
		font-family:essonnes,serif;
		letter-spacing:0.05em;
	}
	
	.page_heading .breadcrumb a {
		color:#999;
		text-decoration:none;
	}
	
	.page_main {
		
	}
	
	.page_main .left {
		margin-bottom:32px;
		padding-bottom:32px;
		border-bottom:1px solid #eee;
	}
	
	.page_main .the_content {
		line-height:140%;
	}
	
	.page_main .right {
		vertical-align: top;
	}
	
	.wp-caption {
		position:relative;
		width:auto!important;
		max-width:100%;
		margin:16px 0;
	}
	
	.wp-caption img {
		vertical-align:top;
		max-width:100%;
		height:auto;
	}
	
	.wp-caption .wp-caption-text {
		padding:8px 0;
		font-size:14px;
		margin:0;
		line-height:100%;
	}
	
	/* identify */
	
	.identify_form {
		background-color:#eee;
		padding:24px;
		margin-bottom:24px;
	}
	
	.identify_form h2 {
		margin:0 0 16px 0;
	}
	
	.identify_form .col {
		margin-bottom:8px;
	}
	
	.identify_form .col:nth-child(1){
		z-index:400;
	}
	
	.identify_form .col:nth-child(2){
		z-index:300;
	}
	
	.identify_form .col:nth-child(3){
		z-index:200;
	}
	
	.identify_form .col:nth-child(4){
		z-index:100;
	}
		
	.identify_form .col:last-child {
		margin-bottom:0;
	}
	
	.fake_dropdown {
		position:relative;
	}
				
	.fake_dropdown .top {
		position:relative;
		display:block;
		height:48px;
		line-height:48px;
		padding:0 16px;
		background-color:#fff;
		text-decoration:none;
		font-weight:700;
		color:#444;
		border:1px solid #ccc;
	}
	
	.fake_dropdown.open .top {
		border-color:#999;
	}
	
	.fake_dropdown .top .value {
		font-size:14px;
		font-weight:500;
		font-style:italic;
		margin-left:8px;
	}
	
	.fake_dropdown .top .arrow {
		position:absolute;
		display:inline-block;
		width:8px;
		height:8px;
		background-image:url('images/dropdown_arrow.svg');
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
		top:20px;
		right:20px;
		bottom:20px;
	}
	
	.fake_dropdown.open .top .arrow {
		background-image:url('images/close.svg');
	}
	
	.fake_dropdown .bot {
		position:absolute;
		display:none;
		top:48px;
		right:0;
		left:0;
		padding:16px;
		background-color:#f5f5f5;
		border:1px solid #999;
		border-top:none;
		z-index:1000;
	}
	
	.fake_dropdown.open .bot {
		display:block;
	}
		
	.fake_dropdown .bot .info {
		line-height:110%;
		margin-bottom:8px;
	}
	
	.fake_dropdown .bot .checkbox_item {
		display:block;
		cursor:pointer;
		padding:2px 0;
		vertical-align:middle;
		line-height:16px;
	}
	
	.fake_dropdown .bot .checkbox_item .fake_checkbox {
		position:relative;
		display:inline-block;
		width:14px;
		height:14px;
		border:1px solid #666;
		margin-right:8px;
		background-color:#fff;
		vertical-align:middle;
	}
	
	.fake_dropdown .bot .checkbox_item .fake_checkbox.circle {
		border-radius:50%;
	}
	
	.fake_dropdown .bot .checkbox_item .fake_checkbox:after {
		position:absolute;
		top:2px;
		right:2px;
		bottom:2px;
		left:2px;
		content:'';
	}
	
	.fake_dropdown .bot .checkbox_item .fake_checkbox.circle:after {
		border-radius:50%;
	}
	
	.fake_dropdown .bot .checkbox_item input:checked + .fake_checkbox:after {
		background-color:#629886;
	}
	
	.fake_dropdown .bot .checkbox_item input {
		display:none;
	}
	
	.fake_dropdown .bot .checkbox_item .swatch {
		display:inline-block;
		width:32px;
		height:16px;
		vertical-align:middle;
		margin-right:8px;
	}
	
	.fake_dropdown .bot .checkbox_item .swatch.black {
		background: linear-gradient(to right, 
		#33221C 0%,
		#1E2A31 50%,
		#1D1313 100%);
	}
	
	.fake_dropdown .bot .checkbox_item .swatch.white {
		background: linear-gradient(to right, 
		#BBA289 0%,
		#F7FCE5 50%,
		#FFCC69 100%);
	}
	
	.fake_dropdown .bot .checkbox_item .swatch.red {
		background: linear-gradient(to right, 
		#CC2F04 0%,
		#EF8818 50%,
		#674C35 100%);
	}
	
	.fake_dropdown .bot .checkbox_item .swatch.blue {
		background: linear-gradient(to right, 
		#40F2D0 0%,
		#13C6FF 50%,
		#783DA4 100%);
	}
	
	.identify_form input[type='text'] {
		box-sizing:border-box;
		width:100%;
		height:48px;
		line-height:48px;
		border:1px solid #ccc;
		padding:0 16px;
	}
	
	.identify_form input[type='text']:focus {
		border-color:#999;
	}
	
	.identify_form input[type='submit'] {
		height:48px;
		width:96px;
		background-color:#444444;
		color:#fff;
		font-weight:700;
		text-transform:uppercase;
		border:none;
		cursor:pointer;
	}
	
	.suburb_input_wrapper {
		position:relative;
	}
	
	.suburb_input_wrapper .suburb_hint {
		position:absolute;
		padding:0;
		margin:0;
		background-color:#f5f5f5;
		top:47px;
		left:0;
		right:0;
	}
	
	.suburb_input_wrapper.open .suburb_hint {
		border:1px solid #999;
		border-top:none;
	}
	
	.suburb_input_wrapper .suburb_hint li {
		list-style:none;
	}
	
	.suburb_input_wrapper .suburb_hint li a {
		display:block;
		padding:8px 16px;
		text-decoration:none;
		color:#444;
	}
	
	.suburb_input_wrapper .suburb_hint li a:focus {
		background-color:#629886;
		color:#fff;
	}
	
	#form_suburb input[type='submit']:disabled {
		background-color:#ccc;
		cursor:not-allowed;
	}
	
	#identify_results {
		margin-top:32px;
	}
	
	#identify_results .search_loading {
		background-color:#fff;
		height:200px;
		position:relative;
	}
	
	#identify_results .search_loading:after {
		content:'';
		width:128px;
		height:128px;
		position:absolute;
		left:50%;
		top:50%;
		margin:-64px 0 0 -64px;
		background-image:url('images/loading.svg');
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-animation: rotating 2s linear infinite;
	  	-moz-animation: rotating 2s linear infinite;
	  	-ms-animation: rotating 2s linear infinite;
	  	-o-animation: rotating 2s linear infinite;
	  	animation: rotating 2s linear infinite;
	}
				
	/* butterfly list */
	
	.result_list_item {
		display:block;
		text-decoration:none;
		background-color:#fff;
		opacity:1;
		transition:opacity 1s;
		text-align:center;
		color:#444;
		border-bottom:2px dotted #ccc;
	}
	
	.result_list_item:last-child {
		border:none;
	}
	
	.result_list_item.hidden {
		opacity:0;
	}
	
	.result_list_item .image {
		padding:48px 16px 24px 16px;
	}
	
	.result_list_item .image img {
		width:auto;
		height:auto;
		max-width:256px;
		max-height:256px;
	}
	
	/*.result_list_item.plant .image.placeholder span {
		display:inline-block;
		padding:24px;
		border-radius:16px;
		background-color:#eee;
	}
	
	.result_list_item.plant .image.placeholder img {
		width:96px;
	}*/
	
	.result_list_item .text {
		padding:0 16px 24px 16px;
	}
	
	.result_list_item .text h4 {
		font-size:20px;
		margin:0;
	}
	
	.result_list_item .text h4 .scientific {
		font-size:16px;
		font-weight:500;
		font-style:italic;
		color:#999;
	}
	
	.result_list_item .text .food_icons {
		margin-top:16px;
	}
	
	.result_list_item .text .food_icons .icon {
		display:inline-block;
		margin:0 8px 0 0;
	}
	
	.result_list_item .text .food_icons .icon .icon_image img {
		height:24px;
		width:auto;
	}
	
	.result_list_item .text .food_icons .icon .icon_label {
		text-transform:uppercase;
		font-size:14px;
		color:#666;
	}
	
	.result_list_item .text .food_icons .icon[data-on='true'] .icon_label {
		color:#629886;
	}
	
	.result_list_item .text .food_icons .icon[data-on='false'] .icon_label {
		color:#ddd;
	}
	
	.result_list_item .text .food_icons .icon .icon_label .tick {
		display:inline-block;
		margin-right:4px;
	}
	
	.result_list_item .text .food_icons .icon .icon_label .tick img {
		height:8px;
		width:auto;
	}
	
	.result_list_item .readmore {
		padding:0 16px 48px 16px;
	}
	
	.result_list_item .readmore span {
		display:inline-block;
		line-height:100%;
		padding:8px;
		background-color:#444;
		color:#fff;
		text-transform:uppercase;
		font-size:14px;
	}
	
	.result_list_item .text .butterfly_thumbnails {
		margin-top:8px;
	}
	
	.result_list_item .text .butterfly_thumbnails .thumbnail {
		display:inline-block;
		max-width:48px;
		max-height:48px;
		height:auto;
		vertical-align:middle;
		margin-right:8px;
	}
	
	/* suburb vegetation type pdf download */
	
	#veg_type_pdf_results {
		display:none;
	}
	
	#veg_type_pdf_results.show {
		display:block;
	}
	
	#veg_type_pdf_results ul {
		padding:0;
	}
	
	#veg_type_pdf_results ul li {
		list-style:none;
	}
	
	#veg_type_pdf_results ul li a {
		display:inline-block;
		padding:8px 0;
		text-decoration:none;
		font-weight:700;
	}
	
	#veg_type_pdf_results ul li a img {
		display:inline-block;
		width:16px;
		height:auto;
		margin-right:8px;
	}
	
	/* -- single butterfly --*/
	
	.single_listing h2 {
		margin:0 0 16px 0;
		color:#629886;
		font-weight:500;
		text-transform:uppercase;
	}
	
	.single_listing .listing_heading {
		border-bottom:2px dotted #ddd;
		padding-bottom:32px;
		margin-bottom:32px;
	}
	
	.single_listing .listing_heading .left {
		margin-bottom:32px;
	}
	
	.single_listing .listing_heading h1 {
		font-size:28px;
		font-weight:700;
		color:#444;
		margin:0;
	}
	
	.single_listing .listing_heading h1 .scientific {
		font-size:20px;
		font-style:italic;
		font-weight:500;
		color:#999;
		line-height:110%;
	}
	
	.single_listing .listing_heading .thumbnails {
		display:table;
		width:100%;
	}
	
	.single_listing .listing_heading .thumbnail {
		display:table-cell;
		width:50%;
		text-align:center;
		text-decoration:none;
	}
	
	.single_listing .listing_heading .thumbnail figure {
		margin:8px;
	}
	
	.single_listing .listing_heading .thumbnail img {
		width:auto;
		height:auto;
	}
	
	.single_listing.plant_listing .listing_heading .thumbnail {
		text-align:right;
	}
	
	.single_listing.plant_listing .listing_heading .thumbnail img {
		max-width:300px;
		max-height:300px;
	}
	
	.single_listing .listing_heading .thumbnail figcaption {
		color:#666;
	}
	
	.single_listing .listing_heading .thumbnail figcaption img {
		display:inline-block;
		margin-right:4px;
		height:12px;
		width:auto;
	}
	
	.single_listing .listing_details {
		border-bottom:2px dotted #ddd;
		padding-bottom:32px;
		margin-bottom:32px;
	}
	
	.single_listing .listing_details .the_content {
		display:table-footer-group;
	}
	
	.single_listing .listing_details .key_facts {
		display:table-header-group;
	}
		
	.single_listing .listing_details .key_facts table {
		width:100%;
	}
	
	.single_listing .listing_details .key_facts table tr {
		
	}
	
	.single_listing .listing_details .key_facts table td {
		border-bottom:1px dotted #ddd;
		padding:8px;
	}
	
	.single_listing .listing_details .key_facts table td.key {
		font-weight:700;
		padding-left:0;
		padding-right:0;
	}
	
	.single_listing .listing_details .key_facts table td.val {
		text-align:right;
		padding-right:0;
	}
	
	.single_listing .listing_details .key_facts table tr:last-child td {
		border-bottom:none;
	}
	
	.single_listing .listing_details .key_facts .fact_sheet {
		padding:16px 0;
	}
	
	.single_listing .listing_details .key_facts .fact_sheet a {
		display:inline-block;
		background-color:#629886;
		background-color:#444;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		font-weight:700;
		text-transform:uppercase;
		height:32px;
		line-height:32px;
		padding:0 10px;
	}
	
	.single_listing .listing_details .key_facts .fact_sheet a img {
		display:inline-block;
		vertical-align:middle;
		height:12px;
		width:auto;
		margin-right:4px;
	}
	
	.single_listing .listing_related {
		
	}
	
	/* -- general content pages --*/
	
	.link_inner {
		padding:55px 30px;
	}
	
	.link_inner p {
		margin: 0px;	
		padding-top:5px;
		color:#878787;
	}

	#sidebar {
		display:none;	
	}
	
	.content_subpage_links {
		margin-top:48px;
	}
	
	.subpage_main_link {
		text-decoration:none;	
	}
	
	.subpage_main_link:hover {
		color:#80ada5;
	}
	
	.sidebar_block {
		padding:32px;
		background-color: #eee;
	}
	
	.sidebar_block a {
		font-family: essonnes,serif;
		letter-spacing: 0.05em;
		color:#444;  	 
		text-decoration:none;
	}
	
	.sidebar_block h2 {
		padding:0px 0px;
		margin:0px 0px;  
	}
	
	.sidebar_block_feature {
		padding:32px;
		background-color: #629886;
		margin-bottom: 10px;
		background-repeat: no-repeat;  
		background-size: auto 30px;
		background-position: 90% center;
		transition: all 0.2s;
	}
	
	.sidebar_block h4 {
		margin: 0 0 4px 0;
		font-size: 18px;
	}
	
	.sidebar_block ul li a {
		display: block;
		font-weight: 300;
		color: #666;
		text-decoration: none;
		line-height: 32px;
		border-bottom: 1px solid #ddd;
		height: 32px;
		overflow-y: hidden;
		transition: color 0.2s;
	}
	
	.sidebar_block ul li {
		list-style:none;
	}
	
	.sidebar_block ul {
		padding-left:0px;
	}
	
	.sidebar_block_link {
		text-decoration:none;	
	}
	
	.sidebar_block_link:hover .sidebar_block_feature {
		background-color: #bef0c8;
	}
	
	.sidebar_block_feature a {
		font-family: essonnes,serif;
		margin: 0 0 16px 0;
		letter-spacing: 0.05em;
		color:#444;  	 
		text-decoration:none;
	} 
	
	.sidebar_block_feature h2 {
		padding:0px 0px;
		margin:0px 0px;  
	}
	
	.subpage_links {			
		display: table;
		width: 100%;
		background-color: #eee;
		margin-bottom: 10px;
	}
	
	.right_link h3 {
		margin: 0px;
	}
	
	.newsletters_inner {
		padding: 35px 30px;
	}
	
	/* -- woocommerce -- */
	
	.woocommerce #respond input#submit.alt, 
	.woocommerce a.button.alt, 
	.woocommerce button.button.alt, 
	.woocommerce input.button.alt {
		background-color:#629886;
		background-color:#E39244;
		transition:background-color 0.1s;
	}
	
	.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
		background-color:#E39244;
		background-color:#999;
	}
	
	.woocommerce div.product div.images img {
		max-width:512px;
	}
	
	.woocommerce form .form-row input.input-text {
		border:1px solid #ccc;
		height:40px;
		line-height:40px;
		padding:0 12px;
	}
	
	.woocommerce form .form-row input.input-text:focus {
		border:1px solid #666;
	}
	
	.woocommerce .select2-container .select2-choice {
		height:40px;
		line-height:40px;
	}
	
	/* -- tribe events -- */
	
	a.tribe-events-gcal, a.tribe-events-ical {
		float:none;
		clear:none;
	}
	
	/* -- google custom search engine -- */
	
	/*
    #cse {
		line-height:140%;
	}
	
	#cse td.gsc-input {
		padding:0;
	}
	
	#cse input.gsc-input {
		box-sizing:border-box;
		width:100%;
		height:48px;
		line-height:48px;
		padding:0 16px;
		font-size:16px;
		border:1px solid #ccc;
		border-right:none;
		background:none!important;
	}
	
	#cse input.gsc-input:focus {
		border-color:#629886;
	}
	
	#cse input.gsc-search-button {
		box-sizing:border-box;
		height:48px;
		padding:0 16px;
		margin:0;
		font-size:14px;
		background-color:#629886;
		color:#fff;
		border:none;
		cursor:pointer;
		font-weight:700;
		text-transform:uppercase;
	}
	
	#cse .gsc-adBlock {
		display:none!important;
	}
	
	#cse div.gs-title {
		font-size:18px;
		margin-bottom:8px;
	}
	
	#cse .gsc-table-result {
		font-size:16px;
	}
	
	#cse .gsc-result {
		padding:24px 0;
	}
    */
    
    .gsc-adBlock {
        display:none!important;
    }
    
    .gsc-search-box {
        
    }
	
    .gsc-search-box td.gsc-input {
        vertical-align:top;
    }
        
    .gsc-search-box td.gsc-search-button {
        vertical-align:top;
        margin:0;
    }
    
    .gsc-search-box  div.gsc-input-box {
        height:46px;
        margin:0;
    }
    
    .gsc-search-box .gsib_a {
        padding:none;
    }
    
    .gsc-search-box input.gsc-input {
        height:40px!important;
        padding:0 8px;
        margin:0;
    }
    
    .gsc-search-box input.gsc-search-button {
        background-color:#629886;
        border:none;
        padding:18px 32px;
        margin:0;
    }
    
    
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */

	/* ---------------- back pages ---------------- */

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 768px) {
	
	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	#header .header_logo {
		padding:32px 0;
	}
	
	#header .header_logo .logo a img {
		height:64px;
		width:auto;
	}
	
	#header .header_logo .nav_button a img {
		height:32px;
		width:auto;
	}
	
	#nav > ul > li {
		font-size:24px;
	}
	
	#nav > ul > li > ul > li {
		font-size:20px;
	}
	
	/* ---------------- footer ---------------- */

	#footer {
		padding:48px 0;
	}
	
	#footer .footer_left .column {
		display:inline-block;
		width:47%;
		vertical-align:top;
	}
	
	#footer .social_icons .social_icon {
		display:inline-block;
		margin-right:8px;
		border-radius:50%;
		background-color:#629886;
		width:48px;
		height:48px;
		line-height:48px;
		text-align:center;
		vertical-align:middle;
	}
	
	#footer .social_icons .social_icon img {
		height:24px;
		width:auto;
		max-width:24px;
		vertical-align:middle;
	}

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:350px;
		line-height:350px;
	}
	
	#home_feature .slide {
		
	}
	
	#home_boxes .box {
		width:50%;
		float:left;
		height:50vw;
		line-height:50vw;
	}
	
	#home_boxes .box .bg_image, 
	#home_boxes .box .overlay {
		right:15px;
	}
	
	#home_boxes .box:nth-child(2n) .bg_image, 
	#home_boxes .box:nth-child(2n) .overlay {
		right:0;
	}
	
	#home_intro {
		padding:96px 0;
	}
	
	#home_intro .intro {
		font-size:20px;
		line-height:160%;
	}
	
	#home_feature .slide .text {
		
	}
	
	#home_feature .slide .text h2 {
		font-size:48px;
	}
	
	#home_feature .slide .text p {
		font-size:22px;
	}
		
	/* ---------------- back pages ---------------- */
	
	.content_section {
		padding:48px 0;
	}
	
	.page_heading .table_div {
		display:table;
		width:100%;
	}
	
	.page_heading .left {
		display:table-cell;
		width:60%;
		text-align:left;
		vertical-align:middle;
	}
	
	.page_heading .right {
		display:table-cell;
		width:40%;
		text-align:right;
		vertical-align:middle;
	}
	
	.page_heading .breadcrumb {
		margin:0;
	}
	
	#identify_search {
		display:table;
		width:100%;
	}
	
	#identify_search .identify_form {
		display:table-cell;
		width:50%;
		vertical-align:top;
	}
	
	#identify_search .identify_form.plant_suburb_form {
		display:block;
		width:100%;
		max-width:512px;
	}
	
	#identify_search .identify_form:first-child {
		border-right:8px solid #fff;
	}
	
	#identify_search .identify_form:last-child {
		border-left:8px solid #fff;
	}
	
	#identify_search .identify_form.plant_suburb_form:first-child,
	#identify_search .identify_form.plant_suburb_form:last-child {
		border:none;
	}
	
	#identify_results .search_loading {
		height:400px;
	}
	
	.result_list_item {
		display:table;
		width:100%;
		text-align:left;
	}	
	
	.result_list_item .image {
		display:table-cell;
		vertical-align:middle;
		padding:32px;
		width:256px;
	}
		
	.result_list_item .text {
		display:table-cell;
		padding:32px 32px 32px 16px;
		vertical-align:middle;
		width:auto;
	}
	
	.result_list_item .text h4 {
		display:inline-block;
		margin-right:32px;
	}
	
	.result_list_item .text .food_icons {
		display:inline-block;
	}
	
	.result_list_item .text .food_icons .icon {
		text-align:center;
	}
	
	.result_list_item .readmore {
		display:table-cell;
		vertical-align:middle;
		padding:32px 32px 32px 0;
		min-width:128px;
		text-align:right;
	}
	
	/* -- single butterfly --*/
	
	.single_listing .table_div {
		display:table;
		width:100%;
	}
	
	.single_listing .table_div .left {
		display:table-cell;
		vertical-align:top;
	}
	
	.single_listing .table_div .right {
		display:table-cell;
		vertical-align:top;
	}
		
	.single_listing .listing_heading .table_div .left {
		width:60%;
		padding-right:5%;
		vertical-align:bottom;
	}
	
	.single_listing .listing_heading .table_div .right {
		vertical-align:bottom;
	}
	
	.single_listing .listing_details .table_div .left {
		width:auto;
		padding-right:5%;
	}
	
	.single_listing .listing_details .table_div .right {
		width:300px;
	}
	
	/* -- general content pages -- */
	
	.link_container {
		
	}
	
	.link_container_inner {
		padding-left: 30px;	
	}
	
	.left_link {
		display: table-cell;
		width: 360px;
		background-size: cover;
		background-position: 70% center;
	}
	.right_link { 
		display: table-cell;
	}
	
	.right_link .link_inner {
		
	}
	
	.right_link {
		text-decoration:none;
	}
			
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */
	
	#footer .footer_top {
		display:table;
		width:100%;
	}
	
	#footer .footer_left {
		display:table-cell;
		width:66%;
	}
	
	#footer .footer_right {
		display:table-cell;
		width:33%;
	}
	
	#footer .footer_left .column {
		display:inline-block;
		width:48%;
		vertical-align:top;
	}
	
	#footer .social_icons {
		margin:0;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature .slide {
		
	}
	
	/* ---------------- back pages ---------------- */
	
	.page_main {
		display:table;
		width:100%;
	}
	
	.page_main .left {
		display:table-cell;
		border:none;
		margin:0;
		padding:0 64px 0 0;
		vertical-align:top;
	}
	
	.page_main .the_content {
		
	}
	
	.page_main .right {
		display:table-cell;
		width:300px;
		vertical-align:top;
	}
	
	.single_listing .listing_details .table_div .right {
		width:400px;
	}
	
	.single_listing.plant_listing .listing_heading .thumbnail img {
		max-width:400px;
	}
		
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	.home_feature_wrap {
		/*background-attachment:fixed;
		 background-size:contain;*/
		background-size:cover;
		background-position:center top; 
	
	}
	
	#header {
		padding:40px 0;
		/*background: url(images/test-background-3.jpg); 
		background-repeat:no-repeat;
		background-position:center top;
		background-attachment:fixed;
	  	background-size: contain;*/
	}
	
	#header a {
		color:#fff;
	}
	
	#header .header_inner {
		display:table;
	}
	
	#header .header_inner .header_logo {
		display:table-cell;
		width:auto;
		text-align:left;
		vertical-align:middle;
		padding:0;
	}
	
	#header .header_inner .header_logo .logo {
		display:block;
		width:auto;
	}
	
	#header .header_inner .header_logo .nav_button {
		display:none;
	}
	
	#header .header_inner .header_nav {
		display:table-cell;
		width:99%;
		text-align:right;
		vertical-align:middle;
	}
	
	#nav {
		display:block;
		padding:0;
	}
	
	#nav > ul > li {
		display:inline-block;
		font-size:20px;
	}
	
	#nav > ul > li:hover > ul {
		display:block;
	}
	
	#nav > ul > li:hover > a {
		color:#dbf5e0;
	}
	
	#nav > ul > li > .divider {
		display:inline-block;
		margin:0 16px;
	}
	
	#nav > ul > li > a {
		display:inline-block;
	}
	
	#nav > ul > li > ul {
		display:none;
		position:absolute;
		text-align:left;
	
		min-width:200px;
		padding:16px 0px 0px 0px;
		margin:0px 0 0 -16px;
	}
	
	#nav > ul > li > ul > li {
		list-style:none;
		font-size:18px;
		background-color:#fff;
	}
	
	#nav > ul > li > ul > li a {
		padding:8px 16px;
		color:#666;
	}
	
	#nav > ul > li > ul > li a:hover {
		background-color:#bef0c8;
	}
	
	#nav .search {
		margin-left:16px;
	}
	
	#nav .search a {
		padding:2px;
	}
	
	#nav .search img {
		height:20px;
		width:auto;
		transform: translateY(4px);
	}
	
	/* ---------------- footer ---------------- */
	
	#footer {
		padding:64px 0;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}
	
	#footer ul li a:hover {
		text-decoration:underline;
		color:#629886;
	}
	
	#footer .footer_left {
		width:50%;
	}
	
	#footer .footer_right {
		width:50%;
	}
	
	#footer .footer_right .column {
		display:inline-block;
		width:48%;
		vertical-align:top;
	}
	
	#footer .social_icons .social_icon:hover {
		background-color:#bef0c8;
	}
	
	#footer .footer_bot a:hover {
		text-decoration:underline;
		color:#999;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature .slide {
		
	}
	
	#home_feature {
		height:400px;
		line-height:400px;
		/*background-image:url(images/test-background-3.jpg);
		background-size:contain;
		background-attachment:fixed;*/
	}
	
	#home_feature .slide .text {
		
	}
	
	#home_feature .slide .text .button a:hover {
		background-color:#fff;
		color:#629886;
	}
	
	#home_boxes .box {
		width:25%;
		height:15vw;
		line-height:15vw;
	}
	
	#home_boxes .box .bg_image, 
	#home_boxes .box .overlay {
		right:15px;
	}
	
	#home_boxes .box:nth-child(2n) .bg_image, 
	#home_boxes .box:nth-child(2n) .overlay {
		right:15px;
	}
	
	#home_boxes .box:nth-child(4n) .bg_image, 
	#home_boxes .box:nth-child(4n) .overlay {
		right:0px;
	}
	
	#home_boxes .box .overlay {
		transition:background-color 0.3s;
	}
	
	#home_boxes .box:hover .overlay {
		background-color:rgba(114, 153, 146, 0.9);
		transition:background-color 0s;
	}
	
	#home_intro {
		padding:128px 0;
	}
	
	#home_intro .intro {
		font-size:24px;
	}
	
	/* ---------------- back pages ---------------- */
	
	.content_section {
		padding:64px 0;
	}
	
	.page_main .right {
		width:400px;
	}
	
	.page_heading .breadcrumb a:hover {
		text-decoration:underline;
	}
	
	/* -- identify -- */
	
	#identify_search #form_appearance {
		width:66%;
	}
	
	.fake_dropdown.open[data-name='colour'] .bot {
		min-width:256px;
	}
	
	#identify_search #form_suburb {
		width:33%;
	}
	
	#identify_search #form_suburb.plant_suburb_form {
		width:100%;
	}
	
	.identify_form .form_table_div {
		display:table;
		width:100%;
	}
	
	.identify_form .form_table_div .col {
		display:table-cell;
		margin-bottom:0;
		padding-right:4px;
	}
	
	.identify_form .form_table_div .col.field {
		width:32%;
	}
	
	.identify_form .form_table_div .col:last-child {
		padding-right:0;
		width:96px;
	}
	
	.identify_form input[type="submit"]:hover {
		background-color:#666;
	}
	
	.suburb_input_wrapper .suburb_hint li a:hover {
		background-color:#43b2e2;
		color:#fff;
	}
	
	#identify_results .search_loading {
		height:600px;
	}
	
	.result_list_item .text h4 {
		font-size:24px;
		margin-right:48px;
	}
	
	.result_list_item .text h4.scientific {
		font-size:18px;
	}
	
	.result_list_item .readmore span {
		padding:12px;
		font-size:16px;
	}
		
	/* -- butterfly -- */
		
	.result_list_item:hover .readmore span {
		background-color:#666;
	}
	
	.single_listing .listing_heading h1 {
		font-size:36px;
	}
	
	/* -- general content pages -- */
	
	.sidebar_block ul li a:hover {
		text-decoration:underline;
	}
	
	/* -- woocommerce -- */
	
	.woocommerce #respond input#submit.alt:hover, 
	.woocommerce a.button.alt:hover, 
	.woocommerce button.button.alt:hover, 
	.woocommerce input.button.alt:hover {
		background-color:#F8A95D;
	}
	
	/* -- google custom search engine -- */
	
	#cse input.gsc-search-button {
		transition:background-color 0.1s;
	}
	
	#cse input.gsc-search-button:hover {
		background-color:#6abda1;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	#nav > ul > li {
		font-size:24px;
	}
	
	#nav > ul > li > ul > li {
		font-size:20px;
	}
	
	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:550px;
		line-height:550px;
	}
	
	#home_feature .slide {
		
	}
	
	#home_feature .slide .text {
		
	}
	
	#home_boxes .box h4 {
		font-size:30px;
	}
	
	#home_boxes .box .line {
		margin:24px auto;
	}
	
	/* ---------------- back pages ---------------- */
	
	.page_main .right {
		width:500px;
	}
	
	.result_list_item .text h4 {
		font-size:28px;
	}
	
	.result_list_item .text h4 .scientific {
		font-size:20px;	
	}
	
}


/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	
	/* ---------------- back pages ---------------- */

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

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

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */

	/* ---------------- back pages ---------------- */

}

.clearfix:before,
.clearfix:after {
	display:table;
	content:'';
	clear:both;
}

@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}