/*
*  CSS by Gary Aston, Splendid Digital Creative Ltd    <http://www.madebysplendid.com>	
*  Based on Golden Grid System (1.01)	<http://goldengridsystem.com/>
*/


/*
*
*  Margin, padding, and border resets
*  except for form elements
*
*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
border: 0;
}

/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/
html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
min-height: 100%;
font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
display: block;
}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
b, strong {
font-weight: bold;
}
abbr[title] {
border-bottom: 1px dotted;
}
input,
textarea,
button,
select {
margin: 0;
font-size: 100%;
line-height: normal;
vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
overflow: auto;
}


table {
border-collapse: collapse;
border-spacing: 0;
}



/*
*
*  Simple fluid media
*
*/

figure {
position: relative;
}

figure img,
figure object,
figure embed,
figure video {
max-width: 100%;
display: block;
}



img {
border: 0;
-ms-interpolation-mode: bicubic;
}

figure.video {
margin-bottom: 1em;
}

/*
*
*	Zoomable baseline grid
*	type size presets
*
*/





/* GA */

/*body {
background-color: #FFF!important;
}*/


/**, div, nav, figure, img, header, h1, h2, h3, h4, h5, h6, a, blockquote, cite, section, input, form {
border: 1px red solid;
}*/


/*
*, div  {
background-color: red;
}
*/

.width {
position: fixed;
background: #dd4400;
color: white;
height: 2em;
line-height: 2em;
width: 70px;
text-align: center;
top: 40px;
left: 48%;
font-weight: bold;
}

body {
color: #464646;
font-family: skolar,Georgia, serif;
font-style: normal;
font-weight:400
font-size: 1em/1.5em;
background: url(https://www.soilsalive.com/images/main/body-bg.jpg) #475e37;
}

div#page-wrap {
background-color: #fff;
margin: 0em 5.555555555555555%;
height: 100%;
}

h1, h2, h3, h4, h5, h6 {
font-family: myriad-pro,sans-serif;
font-style: normal;
font-weight: 700;
/*color: #75913b;*/
margin-bottom: 0.6em;
text-shadow: 1px 1px 0 #fff;
}

h1 {
font-size: 1.6em;
line-height: 1.3;
}

.green {
color: #419644;
}

#michael-quote h1 {
padding-top: 1em;
text-shadow: 1px 1px 0 #fff;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1em;
}

h5 {
font-size: 0.9em;
}

h6 {
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 400;
}

#statement blockquote {
margin-bottom: 1em;
font-style: normal;
}

blockquote {
margin-bottom: 1em;
font-style: italic;
color: #75913b;
text-shadow: #FFF 0 1px 0;
}

p {
margin-bottom: 2em;
}

footer p {
margin-bottom: 0.2em;
color: #FFF;
}

a {
outline: none;
text-decoration: none;
color: #419644;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

ul, ol {
margin-bottom: 1em;
list-style-position: inside;
}

a:hover {
color: #bc4d4a;
}

small {
line-height: 1;
color: #797979;
}

figcaption {
font-size: 0.7em;
padding: 0.3em 0;
text-align: center;
font-style: italic;
color: #464646;
}

header {
background-color: #fff;
}

figure.bgimg {
margin: 0em 5.555555555555555%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -99;
}

figure.logo {
margin-left: 1em;
margin-bottom: 1.5em;
margin-right: 0;
margin-top: 1.5em;
width: 50%;
}

nav#main {
width: 100%;
font-family: myriad-pro,sans-serif;
font-style: normal;
font-weight: 700;
}

ul.main-nav {
background-color: gray;
display: none;
}

.ie ul.main-nav {
background-color: transparent;
display: none;
visibility: hidden;
}

ul.main-nav li {
float: left;
list-style: none;
padding-top: 1em;
}	

ul.main-nav li a {
margin-right: 1.25em;
font-size: 0.6em;
}

section#slider {
margin: 1em 5.555555555555555%;
clear: both;
}

section#slider figure img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 0px 3px 15px #222;
border: 4px solid #419644;

}

.desc {
display:block;
position:absolute;
top:5%;
left:2%;
max-width:70%;
z-index:2;
padding:1%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-align:left;
background:rgb(255,255,255); /* The fallback for older browsers */
background-color:rgba(255,255,255,0.6);
}


figure.header-image img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom: 2.5em;
box-shadow: 0px 2px 10px #444;
}

#michael-pic {
display: none;
}

section#statement {
margin: 2em 5.555555555555555% 4em;
}

section#forms {
padding-top: 2em;
margin: 2em 5.555555555555555%;
clear: both;
}

footer {
display: block;
clear: both;
padding: 2em 5.555555555555555% 2em 5.555555555555555%;
background-image: url(https://www.soilsalive.com/images/main/footer-bg.jpg);
}

footer form {
padding-top: 1em;
margin-bottom: 2em;
}

#newsletter, #search {
margin-bottom: 1em;
}

footer form input, input#xlInput.xlarge {
height: 2em;
width: 70%;
border: 0;
padding: 0.2em 0 0.2em 0.4em;
font-size: 0.8em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}


fieldset {
margin-bottom: 3em;
}

#container section.right-column.wrapper form.contact fieldset div.group label {
display: block;
margin-bottom: 0.5em;
}

.submit {
height: 2.3em;
color: #fff;
background-color: #464646;
width: 25%;
float: right;
border: 0;
padding: 0;
font-size: 0.8em;
line-height: 1.5;
position: relative;
top: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

input.btn.primary, button.btn {
height: 2.3em;
color: #fff;
background-color: #74903a;
width: 40%;
border: 0;
padding: 0;
font-size: 0.8em;
line-height: 1.5;
position: relative;
top: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}



form.contact div.group {
margin-bottom: 1em;
}

input.btn.primary:hover {
background-color: #bc4d4a;
}

.submit:hover {
background-color: #bc4d4a;
}

form.contact input#xlInput.xlarge {
width: 100%;
background-color: #d1dfb5;
}

textarea#textarea2.xxlarge {
width: 100%;
border: 0;
padding: 0.2em 0 0.2em 0.4em;
font-size: 0.8em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 10em;
background-color: #d1dfb5;
}

div#social {
clear: both;
padding: 0em 5.555555555555555% 0.5em 5.555555555555555% ;
background-color: rgba(117, 145, 59, 0.25);
text-align: right;
}

img.icon {
width: 15%;
position: relative;
top: 0.5em;
opacity: 0.7;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

img.icon:hover {
opacity: 1;
}

div#footerforms {
clear: both;
}

div#facebook, div#twitter {
width: 50%;
float: left;
}

div#facebook figure, div#twitter figure {
width: 62.5%;
margin-left: auto;
margin-right: auto;
padding-top: 0.5em;
}

div#facebook p, div#twitter p {
text-align: center;
}

div#links {
width: 100%;
clear: both;
font-size: 1em;
padding-top: 2em;
line-height: 1.9;
}

div#links a {
color: #fff;
margin-right: 1em;
}

div#links a:hover {
color: #464646;
}

#container {
margin: 0em 5.555555555555555% 0em 5.555555555555555%;
clear: both;
}

nav#secondary {
font-family: myriad-pro,sans-serif;
font-style: normal;
font-weight: 700;
/*background-color: rgba(210, 216, 159, 0.28);
padding: 1em;*/
}

ul.secondary-nav li {
list-style: none;
/*margin-bottom: 0.5em;*/
}

ul.secondary-nav li a {
font-size: 0.8em;
display: block;
padding: 0.2em;
border-bottom: 1px solid #c7d8ad;
}

ul.secondary-nav li a:hover {
color: #fff;
background-color: #bc4d4a;
}

ul.secondary-nav li a.active {
color: #fff;
background-color: #bc4d4a;
}

.left-column {
margin-bottom: 2em;	
}

.right-column {
width: 100%;
margin-bottom: 4em;
}

p.pagination {
clear: both;
text-align: center;
padding: 0.5em 0;
}

p.pagination a {
margin-left: 0.75em;
padding: 0.3em;
}

p.pagination a:hover {
color: #fff;
background-color: #bc4d4a;
}

.inline-image-left {
float: left;
margin: 0 1em 1em 0;
width: 37.5%;
background-color: #d1dfb5;
}

.inline-image-right {
float: right;
margin: 0 0 1em 1em;
width: 37.5%;
background-color: #d1dfb5;
}

figure.gallery-image {
float: left;
width: 50%;	
margin-bottom: 1.5em;
}

#colorbox {
position: relative;
z-index: 999;
}

figure img#map {
margin-bottom: 2em;
border: 1px solid #e2e1b1;
}

/*.inline-image-left img, .inline-image-right img {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}*/

/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}





/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/

body {
/*background-color: purple;*/
}

figure.logo {
padding-top: 1.5em;
margin-top: 0em!important;
}

header {
margin: 0 5.555555555555555%;
}

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-8
*/

.wrapper {
padding: 0 0.75em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/

.ie div#social.group {
background-color: #d2d89f;
}

.ie #newsletter form input.submit, .ie #search form input.submit {
position: relative;
top: 0px;
height: 2.5em;
float: right;
}

.ie #newsletter form input, .ie #search form input {
height: 2.1em;
float: left;
}


.ie figure.video {
margin-bottom: 2em;
}






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

body {
/*background-color: yellow;*/
}

figure.logo {
margin-left: 1em;
margin-bottom:0em;
margin-right: 1em;
margin-top: 1.5em;
width: 37.5%;
float: left;
}

.ie #newsletter form input, .ie #search form input {
line-height: 2.1;
}

nav#main {
float: left;
width: 60%;
margin-top: 1.25em;
margin-left: 1em;
margin-bottom: 1.25em;
}


}


@media screen and (min-width: 30em) {

figure.logo {
margin-left: 1em;
margin-bottom: 1.5em;
margin-right: 0;
margin-top: 1.5em;
width: 25%;
}



}


/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {

body {
/*background-color: aqua;*/
font-size: 1.0625em;
}

h1 {
font-size: 1.6em;
}

figure.logo {
margin-left: 1em;
margin-bottom: 1.5em;
margin-right: 0;
margin-top: 1.5em;
width: 17.5%;
float: left;
}

nav#main {
width: 75%;
margin-top: 1em;
float: right;
}

ul.main-nav {
display: inline;
}

.ie ul.main-nav {
display: inline;
visibility: visible;
}

.main-nav li a {
display: block;
margin-right: 0.75em;
font-size: 0.6em;
text-shadow: 1px 1px 1px #ffffff;
}

div#michael-quote {
width: 75%;
float: right;
}

figure#michael-pic {
padding-top: 1.4em;
display: block;
float: left;
width: 25%;
}

.ie figure#michael-pic {
width: 20%;
}

footer .wrapper {
width: 25%;
float: left;
}

footer #newsletter.wrapper {
width: 37.5%;
}

footer #search.wrapper {
width: 37.5%;
}

div#facebook, div#twitter {
width: 12.5%;
float: left;
}

div#facebook figure, div#twitter figure {
width: 62.5%;
margin-left: auto;
margin-right: auto;
padding-top: 1.85em;
}

div#facebook p, div#twitter p {
text-align: center;
}



form.contact input#xlInput.xlarge {
width: 78%;
}

select#normalSelect {
width: 78%;
}

.ie select#normalSelect {
padding: 0.2em 0;
line-height: 1.4;
font-size: 13px;
}

#container section.left-column.wrapper p small {
font-size: 0.7em;
}

}

/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 720px) */

@media screen and (min-width: 45em) {

body {
/*background-color: fuchsia;*/
}

figure.logo {
margin-left: 1em;
margin-bottom: 1.5em;
margin-right: 0;
margin-top: 1.5em;
width: 17.5%;
float: left;
}

nav#main {
width: 75%;
margin-top: 1em;
float: right;
}

.main-nav li a {
margin-right: 1em;
font-size: 0.7em;
}

.left-column {
width: 37.5%;
float: left;
}

.ie .left-column {
width: 25%;
}

.right-column {
width: 62.5%;
float: right;
}

.ie .right-column {
width: 57.5%;
float: right;
}

figure.gallery-image {
float: left;
width: 25%;	
margin-bottom: 1.5em;
}

img.icon {
width: 8%;
margin: 0 0.6em;
}



}

/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {

body {
/*background-color: gray;*/
font-size: 1.0625em;
}

h1 {
font-size: 2em;
}

figure.logo {
margin-left: 1em;
margin-bottom: 1.5em;
margin-right: 0;
margin-top: 1.5em;
width: 17.5%;
}

nav#main {
width: 75%;
margin-top: 1.2em;
}

.ie nav#main {
width: 62.5%;
margin-top: 1.2em;
}

.main-nav li a {
margin-right: 0.8em;
font-size: 0.8em!important;
}

div#facebook figure, div#twitter figure {
width: 62.5%;
margin-left: auto;
margin-right: auto;
padding-top: 1.25em;
}

}

/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {

body {
/*background-color: maroon;*/
font-size: 1.3em;
margin: 0 auto;
}

h1 {
font-size: 2.1em;
}

nav#main {
margin-top: 1.4em;
}

.main-nav li a {
margin-right: 0.8em;
font-size: 0.6em;
}

.ie .main-nav li a {
font-size: 0.7em;
}

.submit {
position: relative;
top: 0px;
}

div#facebook figure, div#twitter figure {
width: 50%;
padding-top: 1.5em;
}

}

/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {

body {
/*background-color: olive;*/
font-size: 1.4em;
}

h1 {
font-size: 2.1em;
}

nav#main {
margin-top: 1.6em;
}

.main-nav li a {
margin-right: 0.8em;
font-size: 1em;
}

.ie .main-nav li a {
margin-right: 0.8em;
font-size: 1.2em;
}

}


@media screen and (min-width: 82em) {

body {
/*background-color: #fff;*/
}

div#container, section#slider, section#statement, header, div#page-wrap  {
width: 1140px;
margin-left: auto;
margin-right: auto;
}

div#social.group div.wrapper, div#footerforms.group {
width: 1140px;
margin-left: auto;
margin-right: auto;
}

div#links.wrapper  {
width: 1140px;
margin-left: auto;
margin-right: auto;
float: none;
}

.main-nav li a {
font-size: 1.00em!important;
}

}



/* @media screen and (min-width: 1392px) */
/*
@media screen and (min-width: 87em) {

body {
background-color: teal;
font-size: 1em;
}
header {
margin: 0 27.77777777777778%;
}
}
*/

/* @media screen and (min-width: 1680px) */
/*
@media screen and (min-width: 105em) {
body {
background-color: silver;
font-size: 1.0625em;
}
}
*/

/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*	
*
*/

/* @media screen and (min-width: 1872px) */
/*
@media screen and (min-width: 117em) {
header {
margin: 0 5.555555555555555%;
}

header .wrapper {
width: 37.5%;
margin-left: 25%;
}

}
*/

/* @media screen and (min-width: 2080px) */
/*
@media screen and (min-width: 130em) {
body {
font-size: 1.125em;
max-width: 2560 em;
}
}
*/