* {
padding:0;
margin:0
}
body {
margin:0 auto;
padding:0;
font-family:'Nunito', sans-serif;
font-size:18px;
font-weight:300;
color:#000;
text-align:center;
background:#fff
}
#wrapper {
width:100%;
position:relative;
margin:0;
padding:0;
display:table;
text-align:left
}
#headcontainer {
position:fixed;
width:100%;
height:73px;
background:#fff;
display:block;
overflow:visible;
top:0;
z-index:9999
}
.hdbg::after {
position:absolute;
display:block;
box-sizing:border-box;
content: '';
left: 0;
bottom: -28px;
height: 100px;
background: url(//learnyourland.com/wp-content/themes/griddles/images/nav-background@3x.png) bottom / cover no-repeat transparent;
width: 100%;
z-index: -1;
}
header {
display:block;
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
position:relative;
box-sizing:border-box;
overflow:visible;
color:#000;
text-align:center
}
.admin-bar #headcontainer {
top:32px
}
.lgobox {
position:absolute;
left:0;
width:125px;
margin:0;
padding:0
}
.txt {
display:block;
margin-top:20px;
margin-bottom:5px;
width:115px;
padding:0 5px
}
#logo {
display:block;
margin:0px auto;
width:115px;
transition: width 0.35s ease;
}
#smlgo {
display:block;
margin:0px auto;
width:80px;
transition: width 0.35s ease;
}
#logo img,
#smlgo img {
background:#fff;
padding:5px;
border-bottom-left-radius: 65px;
border-bottom-right-radius: 65px;
}
#logo.shrink {
width:80px !important;
margin-bottom:-80px
}
#site-nav {
width:830px;
height:auto;
box-sizing:border-box;
overflow:visible;
position:relative;
margin:0 auto;
padding:0;
font-size:.83em;
font-weight:700;
text-transform:uppercase
}
.menu-top-navigation-container {
position:relative;
right:0;
padding-top:25px;
}
#site-nav ul#menu-top-navigation {
width:auto;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
right:0;
z-index:1100
}
#site-nav li {
display:block;
float:left;
}
#site-nav li a {
display:block;
padding:0 20px;
text-align:center;
color:#000;
text-decoration:none
}
#site-nav li.current-menu-item a {
color:#a3d4ac
}
#site-nav li:hover a {
color: #7bad84
}
#site-nav li:hover ul {
position:relative;
box-sizing:border-box;
overflow:hidden;
max-width:167px;
}
#site-nav li:hover ul a {
background:#f2f2f2;
color:#000;
text-align:left;
padding:5px 10px;
border-bottom:1px solid #c0c0c0;
font-size:.93em;
}
#site-nav li:hover ul a:hover {
background:#e2e2e2;
color:#000
}
#site-nav li.menu-item-has-children >a:after {
content: "\25BE";
padding-left:3px
}
#site-nav li ul {
display:none
}
#site-nav li ul li {
display:block;
float:none
}
#site-nav li ul li a {
padding:0 25px
}
#site-nav ul li:hover >ul {
display:block
}
.show-menu {
text-decoration:none;
color:#000;
background:#f2f2f2;
border-radius:999px;
text-align:center;
height:28px !important;
padding:10px;
width:32%;
margin:0;
position:absolute;
top:10px;
right:20px;
display:none
}
#headcontainer input[type=checkbox] {
display:none
}
#headcontainer input[type=checkbox]:checked ~ #site-nav ul.nav-menu {
display:block
}
#container {
position:relative;
box-sizing:border-box;
overflow:hidden;
width:100%;
line-height:1.8em;
display:block;
top:50px;
margin:0 0 60px
}
#container::after {
content: "";
display: table;
clear: both
}
input,select,textarea {
font-family:'Montserrat',sans-serif;
color:#333;
font-size:.85em
}
input,textarea {
border:1px solid silver
}
hr {
display:block;
border:0;
width:100%;
background:url(//learnyourland.com/wp-content/themes/griddles/images/borderline.png) top center repeat-x;
height:7px;
margin:10px 0;
clear:both
}
img.icon {
float:none;
display:block;
margin:0 auto;
width:100%;
max-height:50px;
margin-bottom:2px
}
#soc {
height:85px;
margin-bottom: 20px;
}
#soc a,#soc a:hover {
display:inline-block;
text-align:center;
vertical-align:middle;
font-size:1.5em;
width:28px;
line-height:28px;
padding:.2em;
border:2px solid #fff;
border-radius:50%;
margin:50px 10px 0;
color:#fff;
opacity:1;
filter:alpha(opacity=100)
}
#soc i.fa-facebook-f {
font-size:0.9em
}
#soc i.fa-youtube {
font-size:0.85em
}
.fa-facebook-f::before {
content: "\f39e" !important;
}
#soc a:hover {
opacity:.5;
filter:alpha(opacity=50)
}
.ftcont #soc {
float: none;
margin:20px auto
}
.ftcont #soc a,.ftcont #soc a:hover {
color:#333;
border:2px solid #333;
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
border:0;
cursor:pointer
}
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box
}
input[type="search"] {
box-sizing:content-box
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0
}
input {
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
background:#fff
}
.action,a.action,a.action:visited,#commentform .submit {
display:inline-block;
margin:10px 0 5px;
background:#882f07;
min-width:100px;
max-width:400px;
font-style:400;
color:#fff;
text-transform:uppercase;
font-size:1em;
line-height:32px;
padding:8px 20px;
text-align:center;
text-decoration:none
}
a.action:hover,#commentform .submit:hover {
background:#722705;
color:#fff
}
button,input.ghost,a.ghost,a.ghost:visited {
display:inline-block;
margin:0;
background:none;
border:2px solid #882f07;
min-width:100px;
max-width:400px;
font-style:normal;
font-size:.9em;
color:#882f07;
text-transform:uppercase;
padding:8px 15px;
text-align:center;
line-height:32px;
text-decoration:none
}
button:hover,input.ghost:hover,input.ghost:active,a.ghost:hover,a.ghost:active {
background:#882f07;
color:#fff;
border:2px solid #882f07;
transition:background-color .3s ease-in,color .3s ease-in
}
a.grnbtn,a.grnbtn:visited {
display:inline-block;
margin:0;
background:#465c4a;
min-width:100px;
max-width:400px;
font-style:normal;
font-size:.9em;
color:#FFF;
text-transform:uppercase;
padding:8px 20px;
text-align:center;
line-height:32px;
text-decoration:none
}
a.grnbtn:hover,a.grnbtn:active {
background:#000;
color:#FFF;
transition:background-color .3s ease-in,color .3s ease-in
}
.back-to-top {
background-color: #222;
color: #FFFFFF;
opacity: 0;
transition: opacity .6s ease-in-out;
z-index: 999;
position: fixed;
right: 10px;
bottom: 20px;
width: 50px;
height: 50px;
box-sizing: border-box;
border-radius: 50%;
}
a.back-to-top {
font-weight: 1000;
letter-spacing: 2px;
font-size: 22px;
text-transform: uppercase;
text-align: center;
line-height: 1.6;
padding-left: 2px;
padding-top: 7px;
}
.back-to-top:hover, .back-to-top:focus, .back-to-top:visited {
color: #FFFFFF;
}
.back-to-top.show {
opacity: 1;
}
.white,
.whtpln {
background:#fff;
color:#222!important
}
.black {
background:#000;
color:#FFFFFF
}
.ltgray {
background:#f2f2f2;
color:#222
}
.dkgray {
background:#222;
color:#fff
}
.green {
background:#465c4a;
color:#FFFFFF
}
.orange {
background:#882f07;
color:#FFFFFF
}
.white,.whtpln,.black,.ltgray,.gray,.green,.orange,.whtdivi {
position:relative;
box-sizing:border-box;
overflow:visible
}
.white::before {
display:table;
content: '';
position:absolute;
top: -30px;
left: 0;
height:60px;
background: url(//learnyourland.com/wp-content/themes/griddles/images/header-background2@3x.png) 0 0 / cover no-repeat transparent;
width: 100%;
z-index:1;
}
.green::before {
display:table;
content: '';
position:absolute;
left: 0;
top: -70px;
height: 100px;
background: url(//learnyourland.com/wp-content/themes/griddles/images/nav-background@3x.png) bottom / cover no-repeat transparent;
width: 100%;
z-index:1;
}
.torn::before {
display:table;
content: '';
position:absolute;
top:-25px;
left:0;
height:50px;
background: url(//learnyourland.com/wp-content/themes/griddles/images/grey-background2@3x.png) 0 0 / cover no-repeat transparent;
width:100%;
z-index:1;
}
.torn::after {
display:table;
content: '';
position:absolute;
bottom:-28px;
left:0;
height:100px;
background: url(//learnyourland.com/wp-content/themes/griddles/images/grey-bkg-flip.png) 0 0 / cover no-repeat transparent;
width:100%;
z-index:1;
}
.hilite {
width:100%;
margin:0;
padding:70px 0;
background:url(//learnyourland.com/wp-content/themes/griddles/images/overlay.png);
color:#fff !important;
text-align:center !important
}
h3.hmttl {
display:none
}
.billboard {
background-repeat:no-repeat;
background-size:cover;
background-position:50% 30%;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding: 200px 0 100px;
color:#fff
}
.cvrimg {
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding:0
}
.treeid {
position:relative;
background-image:url(//learnyourland.com/wp-content/themes/griddles/images/tree-id.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding:0;
color:#fff;
z-index:3
}
.forg {
position:relative;
background-image:url(//learnyourland.com/wp-content/themes/griddles/images/foraging.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding:0;
color:#fff;
z-index:3
}
.ecosys {
position:relative;
background-image:url(//learnyourland.com/wp-content/themes/griddles/images/ecosystems.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding:0;
color:#fff;
z-index:3
}
.oldgrth {
position:relative;
background-image:url(//learnyourland.com/wp-content/themes/griddles/images/old-growth.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
box-sizing:border-box;
overflow:hidden;
margin:0 auto;
padding:0;
color:#fff;
z-index:3
}
.treeid, .forg, .ecosys, .oldgrth {
width: 95%;
max-width:1100px;
margin-bottom:2em
}
.forg .action,
.treeid .action,
.ecosys .action,
.oldgrth .action {
display:block;
max-width:260px;
margin:10px auto
}
.maincontent {
width:98%;
max-width:760px;
margin:0 auto;
padding:1.5em 0 3em;
margin-bottom:100px;
position:relative;
box-sizing:border-box;
overflow:hidden;
text-align:left;
color:#000;
min-height:600px
}
.fullcontent {
width:98%;
max-width:1000px;
margin:0 auto;
padding:2em 0 3em;
margin-bottom:50px;
position:relative;
box-sizing:border-box;
overflow:hidden;
text-align:left;
color:#000;
min-height:600px
}
.pgcont {
float:right;
width:55%;
box-sizing:border-box;
overflow:hidden;
padding:25px 0 0
}
.sidebar {
float:left;
width:40%;
box-sizing:border-box;
overflow:hidden;
padding:65px 0 0
}
.plncontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:3em 0;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:hidden
}
.plncontent.nrrw {
padding:1em 0;
overflow:visible
}
.evntcont {
clear:both;
width:100%;
max-width:750px;
margin:0 auto;
padding:2.5em 0;
position:relative;
box-sizing:border-box;
text-align:center;
overflow:hidden;
z-index:5;
}
.evntpst {
background: #fff;
box-sizing: border-box;
overflow: hidden;
padding: 10px !important;
margin-bottom: .5em !important;
}
.blbdcontent {
clear:both;
background:url(//learnyourland.com/wp-content/themes/griddles/images/heroverlay.png);
color:#fff;
width:90%;
max-width:580px;
margin:0px;
line-height:1.2em;
padding:15px 15px 0px;
box-sizing:border-box;
overflow:hidden;
text-align:center
}
.blbdcontent p {
padding:0 0 12px;
margin:0
}
.blbdcontent .nf-form-cont {
float:none;
width:420px;
margin:0px auto;
line-height:1em
}
.campaign-monitor-optin-container {
display:none;
}
.blbdcontent .nf-field-container {
margin-bottom: 15px !important
}
.igcontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:3em 0;
position:relative;
box-sizing:border-box;
text-align:left;
overflow:visible
}
.igcontent::after {
content: "";
display: table;
height:60px;
clear: both;
}
.ttlcontent {
clear:both;
width:100%;
color:#fff;
max-width:1000px;
margin:0 auto;
padding:1.8em 0;
position:relative;
box-sizing:border-box;
text-align:center;
overflow:hidden
}
.ltcont {
background:#f2f2f2;
padding:30px;
box-sizing:border-box;
overflow:hidden
}
.col-md-5 {
width:30%;
float:left
}
.col-md-5 label {
display:block;
padding:10px 0;
line-height: 1.5em;
font-weight:700
}
.col-md-6 {
width:60%;
float:right
}
.section {
box-sizing:border-box;
overflow:visible;
clear:both;
padding:0;
margin:0
}
.group:before,.group:after {
content:"";
display:table
}
.group:after {
clear:both
}
.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}
.col:first-child {
margin-left:0
}
.span_1_of_2 {
width:49.2%
}
.span_1_of_3 {
width:32.26%
}
.span_1_of_6 {
width:15.33%
}
.span_5_of_6 {
width:83.06%
}
.span_1_of_3:nth-child(3n+1) {
clear:both;
margin-left:0
}
#headcontainer .col {
margin:0;
padding:0
}
#headcontainer .span_5_of_6 {
float:right;
}
.breakit {
display:block;
clear:both;
margin:0 auto;
width:100%;
max-width:1000px;
height:25px
}
.small {
font-size:0.7em
}
.breakit::before {
content:"";
display:table
}
.clear { clear: both; }
.footer {
position:relative;
display:block;
box-sizing: border-box;
overflow:hidden
}
.ftrcontent {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:1em 0;
position:relative;
box-sizing:border-box;
overflow:hidden;
text-align:center
}
.footer .menu-top-navigation-container {
position:static;
width:620px;
margin:0px auto;
padding:25px 0
}
.footer #site-nav li a {
display:block;
padding:0 40px 0 0;
text-align:center;
color:#000;
text-decoration:none
}
img.footer-logo {
float:none;
width:66px;
margin:10px auto
}
.ftcont {
clear:both;
width:100%;
max-width:1000px;
margin:0 auto;
padding:4.5em 0 .5em;
position:relative;
box-sizing:border-box;
text-align:center;
overflow:hidden
}
.smallprint::before {
content:"";
display:table
}
.smallprint {
position:relative;
display:block;
width:100%;
max-width:580px;
margin:0 auto;
padding:25px 0;
color:#666;
background:#fff;
font-size:.65em;
text-align:center;
border-top:1px solid #e5e7e7
}
.smallprint p {
vertical-align:middle
}
.smallprint a:link,.smallprint a:visited {
color:#666;
text-decoration:none;
margin:0
}
.smallprint a:hover {
color:#5d7a42;
text-decoration:underline
}
.smallprint img a {
margin:0
}
.smallprint ul {
list-style-type:none;
display:inline-block;
padding:0;
margin:0
}
.smallprint ul li {
list-style-type:none;
display:inline-block;
padding:0;
margin:0 10px;
font-size:1em
}
.smallprint ul li::before {
content:"•";
margin:0 20px 0 0
}
.menu-footer-links-container {
display:inline-block
}
h1,h2,h3,h4,h5,h6 {
line-height:1.2
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration:none
}
h1 {
font-weight:400;
margin-top:1em;
margin-bottom:.7em;
font-size:2.5em;
padding:0;
}
.allcap {
text-transform:uppercase
}
.billboard h1 {
margin-top:.6em;
margin-bottom:15px;
}
h1.sngpst {
margin-bottom:.5em
}
.ltgray .ttlcontent h1{
color:#000;
}
h2 {
font-weight:300;
margin-bottom:.5em;
margin-top:1em;
font-size:2em
}
h2.posted {
clear:both;
display:block;
font-weight:700;
font-size:1.2em;
margin:10px 10px 0;
}
h2.widget-title,#soc h3.widget-title {
display:none;
line-height:0
}
.blg {
height:70px;
margin:10px
}
.evt {
height:60px;
margin:0 0 10px
}
.ltcont .blg {
height:auto;
margin:5px 0
}
h3 {
font-weight:300;
margin-top:1.2em;
margin-bottom:.5em;
font-size:1.8em
}
h3.widget-title {
margin-top:0
}
h4 {
font-weight:700;
margin-top:.5em;
margin-bottom:1em;
font-size:1.7em
}
h4.entry-title {
font-weight:700;
margin-top:0;
padding-top:10px;
font-size:1em;
text-align:left
}
.col-md-6 h4 {
display:none !important
}
h5 {
font-weight:300;
font-size:1em;
margin:15px 10px 5px;
text-transform:uppercase;
text-align:left
}
h5 a {
color:#666
}
h6 {
font-weight:700;
font-size:1.2em;
margin-top:5px;
margin-bottom:10px
}
h6 a,h6 a:visited,h6 a:hover {
text-decoration:none;
}
.nrwcont {
width:95%;
margin:0px auto;
max-width:475px
}
.upcmgnone h3,
.upcmgnone .upw-after {
display: none !important;
}
p,dl,address {
margin-top:2em
}
p:empty { display: none; }
.evntpst p {
margin-top:0;
}
.upcmgnone p {
text-align:center;
margin:0px auto;
margin-top:2em;
width:98%;
max-width:750px
}
#nf-form-2-cont,
#nf-form-3-cont {
text-align:left
}
#nf-form-2-cont p {
margin-top:15px
}
.hmpst p {
padding:0 10px 10px;
margin-top:0
}
.nomarg,
p.subttl {
margin-top:0;
margin-bottom:0
}
.evnmarg {
margin-top:.75em;
margin-bottom:.75em
}
.notop {
margin-top:0
}
.nobtm {
margin-bottom:0
}
ul,ol {
margin:1.5em 0;
padding:0 0 0 24px
}
li ul,li ol {
margin:0
}
.cntr {
text-align:center!important
}
.maincontent ul,.maincontent ol {
margin:1.5em 10px 1.5em 30px;
padding:0
}
.maincontent ul li {
list-style-type:disc;
margin:0 20px 5px 0
}
.maincontent ol li {
list-style-type:decimal;
margin:0 20px 5px 0
}
.maincontent ol.fancylist {
list-style-type: none;
margin: 2em;
padding: 2em;
counter-reset: li-counter;
}
.maincontent ol.fancylist > li{
position: relative;
padding: 0.5em 0 0 0.5em;
min-height: 1.5em;
}
.maincontent ol.fancylist > li:before {
position: absolute;
top: 8px;
left: -1.4em;
width: 1.4em;
font-size: 1.2em;
line-height: 1.4em;
font-weight: bold;
text-align: center;
color: #fff;
background: #5d7a42;
border-radius: 50%;
content: counter(li-counter);
counter-increment: li-counter;
}
.sidebar ul {
margin:0 0 2em
}
.sidebar ul li {
margin:0 0 .2em;
font-size:.75em;
font-weight:500
}
.sidebar ul li:before {
content:"";
padding:0 5px;
color:#4c6037;
font-size:.85em
}
.sidebar ul li a {
text-decoration:none
}
dl,dd {
margin-bottom:1.5em
}
dt {
font-weight:400
}
b,strong,bold {
font-weight:700
}
.ftnote {
display:block;
font-size:.82em;
line-height:1.2em;
margin:15px 0;
padding:0 10px
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
.subtext {
color:#666
}
a {
color:#6c9073;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
text-decoration:underline
}
a:visited {
color:#777
}
a:hover {
outline:0;
color:#882f07
}
a.white,a.white:visited,a.white:hover,
.green a, .orange a, .dkgray a, .black a {
color:#fff!important;
text-decoration:none;
border-bottom:1px dotted #fff
}
a.more {
display:block;
text-transform:uppercase
}
header a, header a:visited,header a:hover {
text-decoration:none;
border:none
}
img {
border:0
}
img.brdr {
padding:10px;
border:1px solid #c0c0c0
}
.wp-post-image {
display:block;
margin:0;
padding:0
}
.evntpst .wp-post-image {
float: left;
margin: 0 25px 0 0;
padding:5px;
}
.addtoany_list {
width:160px;
display:block !important;
float:none;
margin: 30px auto
}
.thumbbg {
width:100%;
height:160px;
overflow:hidden;
text-align:center;
margin:0px auto;
margin-bottom:2px;
}
.thumbbg img{
width:100% !important
}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width:100%;
height:auto
}
.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:50px
}
.alignright,img.alignright {
display:inline;
float:right;
margin-left:50px
}
.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}
.alignleft,.alignright,.aligncenter {
margin-bottom:10px
}
img.alignright .bio {
margin-bottom:-50px
}
.ltcont.aligncenter {
margin-bottom:1.5em
}
img.rnded {
margin:30px 25px 0 0;
border-radius:15%;
border:2px solid #eaeaea;
max-width:200px
}
img.featr {
display:inline-block;
margin:20px
}
.wp-caption {
line-height:18px;
margin-bottom:20px;
max-width:600px!important;
padding:10px 0 5px 0;
text-align:center
}
.wp-caption img {
margin:5px 5px 0
}
.wp-caption-text {
display:block;
color:#666;
font-weight:700;
font-size:.8em;
margin:15px 10px 5px;
text-align:center!important
}
img.avatar {
float:left;
margin:5px 10px 0 0;
width:50px;
height:inherit
}
figure.gallery-item {
position: relative;
width: inherit;
float:left;
margin:20px;
text-align:center
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(//learnyourland.com/wp-content/themes/griddles/images/grytrns.png);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.gallery-item:hover .gallery-caption {
height: 30%;
}
.wp-caption-text.gallery-caption {
white-space: nowrap; 
color: white;
font-weight: 400;
font-size: 14px;
line-height: 1.1em;
margin: 0;
position: absolute;
overflow: hidden;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%, -10%);
transform: translate(-50%, -10%)
}
.gallery-caption h5, .gallery-caption h5 a, .gallery-caption h5 a:hover, .gallery-caption h5 a:visited {
color: #fff;
margin-bottom: 0;
}
.gallery::after {
clear:both;
content:"";
display:table
}
embed,iframe,object,video {
max-width:100%
}
.ftfwd {
display:none
}
.single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date {
display:none
}
blockquote {
display:inline-block;
margin:20px 80px 20px 40px;
padding:15px 40px;
border-left:6px solid #8da472;
background:#fff
}
blockquote p {
margin-top:0
}
#crumbs {
font-size:.8em;
text-align:right;
margin:0 0 25px;
padding:5px;
background:#f7f7f7
}
#lndr .footer {
display:none
}
#lndr h1 {
color:#39c;
margin-bottom:1.2em;
border-bottom:none
}
#lndr h2 {
font-family:'Merriweather', serif;
color:#D70508;
margin-top:1.2em;
margin-bottom:1.2em;
font-size:1.8em
}
#lndr h3 {
font-family:'Merriweather', serif;
font-size:1.5em;
margin-top:1em;
margin-bottom:1em
}
#lndr .ltcont {
width:98%;
max-width:480px;
padding:20px 30px
}
.related {
background:#f7f7f7;
padding:25px 25px 0;
box-sizing:border-box
}
.divider {
width:100%;
max-width:1000px;
display:block;
margin:25px 0 -20px
}
.sidebar h3.widget-title {
font-size: 0.9em;
font-weight:700;
text-transform:uppercase;
margin-top:1em
}
.sidebar a.action {
width:300px;
font-size:1em;
padding:8px 0;
margin:5px 0
}
.upw-posts article {
background:#fff;
color:#333;
box-sizing:border-box;
overflow:hidden;
padding:8px 8px 0 !important;
margin-bottom:.5em !important;
}
.entry-image {
float:left;
margin:5px 15px 0 5px;
padding:0
}
.upw-posts .entry-image {
margin-bottom:5px !important;
}
.upw-after {
padding-bottom:3em;
}
.maincontent form ul li,.sidebar ul li {
list-style-type:none
}
.formfit {
width:50%
}
.hmpst {
width:300px;
font-size: 0.85em;
margin:0px auto;
margin-top:25px;
padding:0;
line-height:1.4em;
background:#fff;
box-sizing:border-box;
overflow:hidden
}
.hm {
background:#f4f4f4 !important
}
.blgdt {
margin:10px 20px;
padding-bottom:10px
}
.ltcont .blgdt {
margin:0;
font-size:.85em;
border-top:none;
text-align:left
}
.blgcont {
padding:30px 50px 30px 0
}
.entry {
margin:0 10px;
padding-bottom:5px;
}
.authbox {
display:block;
width:100%;
box-sizing:border-box;
overflow:hidden;
font-size:.8em;
font-weight:300;
color:#333;
padding:5px 0;
margin:10px 0 20px;
border-top:3px double #dedede;
border-bottom:3px double #dedede;
clear:both
}
.authbox .fas,
.authbox .fab,
.authbox .fad,
.authbox .fal {
margin:0 10px
}
.authbox .fa-list-alt {
margin-left:20px
}
.postinfo {
display:block;
width:100%;
box-sizing:border-box;
overflow:hidden;
font-size:.75em;
color:#333;
margin:15px 0 0;
padding:15px 5px 15px 15px;
background:#f9f9f9;
clear:both
}
.postinfo .fas,
.postinfo .fab,
.postinfo .fad,
.postinfo .fal {
margin:0 10px
}
#pgnav {
float:right;
width:300px;
margin:20px auto;
margin-bottom:55px;
text-align:center
}
#pgnav a {
display:inline-block;
background:none;
color:#882f07;
margin:0px auto;
padding:3px 10px;
margin:5px;
border:2px solid #882f07;
text-transform:lowercase;
text-align:center;
text-decoration:none
} #sngnav {
font-size:.8em;
color:#666
}
#sngnav a {
padding:25px;
margin:0
}
#sngnav ul li a {
padding:20px 0
}
li.categories {
list-style-type: none;
line-height:43px;
margin:25px 0 0;
}
li.categories,
li.categories ul,
li.categories ul li {
font-size: 0.9em;
display:inline-block !important;
}
li.categories ul {
padding:0 0 0 10px;
}
li.categories ul li::before {
content:' | ';
}
li.categories ul li:first-child::before {
content:'';
}
li.categories::marker {
display:none !important;
}
.nf-form-fields-required {
display:none;
}
table#wp-calendar {
margin:10px auto!important
}
table#wp-calendar th {
text-align:center;
background:#f7f7f7
}
table#wp-calendar td {
border:1px solid #f1f1f1;
padding:2px
}
table#wp-calendar td.pad,table#wp-calendar td#prev,table#wp-calendar td#next {
border:none
}
table#wp-calendar td#next {
text-align:right
}
table#wp-calendar tbody {
font-size:.85em
}
#calendar_wrap caption {
font-size:1.2em;
font-weight:400;
color:#4c6037;
margin-bottom:10px
}
#comments a,#comments a:hover,#comments a:visited {
color:#5d7a42
}
.comments-area {
width:100%;
padding:0;
margin:35px 0 0
}
.comment-reply-title,.comments-title {
margin:10px 0 20px;
font-weight:400
}
.maincontent ol.comment-list {
list-style:none;
background:#f7f7f7;
padding:0 5px 1px 30px;
box-sizing:border-box;
overflow:hidden;
margin:24px 0
}
.comment-author {
font-size:1em;
line-height:1.7
}
.comment-list .reply,.comment-metadata {
font-size:.85em;
line-height:2
}
.comment-list .reply {
margin-top:24px
}
.comment-author .fn {
font-weight:400
}
.comment-author a {
color:#2b2b2b
}
.comment-list .trackback a,.comment-list .pingback a,.comment-metadata a {
color:#767676
}
.comment-author a:hover,.comment-list .pingback a:hover,.comment-list .trackback a:hover,.comment-metadata a:hover {
color:#000
}
.comment-list article,.comment-list .pingback,.comment-list .trackback {
border-top:1px solid rgba(0,0,0,0.1);
margin-bottom:24px;
padding-top:24px
}
.comment-list > li:first-child > article,.comment-list > .pingback:first-child,.comment-list > .trackback:first-child {
border-top:0
}
.comment-author .avatar {
border:1px solid rgba(0,0,0,0.1);
height:50px;
padding:2px;
position:relative;
top:0;
right:0;
width:50px
}
.bypostauthor > article .fn:before {
content:"\f02d";
margin-right:2px;
font-family: "Font Awesome 5 Pro";
text-decoration:none
}
.says {
display:none
}
.comment-meta,.comment-content {
width:100%
}
.comment-content p {
margin:20px 0 0
}
.comment-author,.comment-awaiting-moderation,.comment-content,.comment-list .reply,.comment-metadata {
padding-left:0
}
.comment-edit-link {
margin-left:10px
}
.comment-edit-link:before {
content:"\f044";
margin-right:2px;
font-family: "Font Awesome 5 Pro";
text-decoration:none!important
}
.comment-reply-link:before,.comment-reply-login:before {
content:"\f112";
margin-right:2px;
font-family: "Font Awesome 5 Pro";
text-decoration:none
}
.comment-content {
-webkit-hyphens:auto;
-moz-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto;
word-wrap:break-word
}
.comment-content ul,.comment-content ol {
margin:0 0 24px 22px
}
.comment-content li > ul,.comment-content li > ol {
margin-bottom:0;
list-style-type:none
}
#comments ol li,#comments ul li {
list-style-type:none!important
}
#commentform {
margin-left:0
}
.comment-form-comment {
width:97%
}
.form-allowed-tags {
display:none
}
.comment-content > :last-child {
margin-bottom:0
}
.comment-list .children {
list-style:none;
margin-left:15px
}
.comment-respond {
margin-bottom:24px;
padding:0
}
.comment .comment-respond {
margin-top:24px
}
textarea#comment {
width:98%
}
.comment-respond h3 {
margin-top:25px;
margin-bottom:24px
}
.comment-notes,.comment-awaiting-moderation,.logged-in-as,.no-comments,.form-allowed-tags,.form-allowed-tags code {
color:#767676
}
.comment-notes,.comment-awaiting-moderation,.logged-in-as {
font-size:.9em;
line-height:1.5
}
.no-comments {
font-size:1em;
font-weight:7;
line-height:1.5;
margin-top:24px;
text-transform:uppercase
}
.comment-form label {
display:block
}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"] {
width:100%
}
.form-allowed-tags,.form-allowed-tags code {
font-size:12px;
line-height:1.5
}
.required {
color:#c0392b
}
.comment-reply-title small a {
color:#2b2b2b;
float:right;
height:24px;
overflow:hidden;
width:24px
}
.comment-reply-title small a:hover {
color:#41a62a
}
.comment-reply-title small a:before {
content:"\f112";
margin-right:2px;
font-family: "Font Awesome 5 Pro";
text-decoration:none
}
.comment-navigation {
font-size:.75em;
line-height:2;
margin-bottom:48px;
text-transform:uppercase
}
.comment-navigation .nav-next,.comment-navigation .nav-previous {
display:inline-block
}
.comment-navigation .nav-previous a {
margin-right:10px
}
#comment-nav-above {
margin-top:36px;
margin-bottom:0
}
.screen-reader-text {
display:none
}
.search-form {
background:#f2f2f2;
box-sizing:border-box;
overflow:hidden;
padding:0;
width:90%;
margin:0px auto;
z-index:100
}
.search-form .screen-reader-text {
display:none
}
.search-submit {
float:left;
background-color:#222;
font-size:.9em;
color:#fff;
width:15%;
border-radius:0;
letter-spacing:2px;
height:38px;
margin:0
}
.search-field {
float:left;
background-color:#fff;
background-image:url(//learnyourland.com/wp-content/themes/griddles/images/search.svg);
background-position: 5px center;
background-repeat:no-repeat;
background-size:20px 20px;
border: 1px solid #222;
border-radius:0;
width: 80%;
height: 16px;
padding:10px 0 10px 32px;
margin:0 auto;
}
.twocolumns {
-moz-column-count:2;
-moz-column-gap:2em;
-webkit-column-count:2;
-webkit-column-gap:2em;
column-count:2;
column-gap:2em
}
.breaker {
clear:both;
margin-bottom:10px
}
@media print {
@page 
{
size: auto; margin: 0; }
body {
background:#fff;
color:#000;
margin:.5cm 1cm;
font:11pt Verdana,Helvetica,sans-serif
}
div#container {
position:static;
margin:0
}
.maincontent {
padding:0;
margin-bottom:0;
min-height:none
}
a:link,a:visited {
background:transparent;
font-weight:400;
text-decoration:underline;
color:#00f
}
h1,h2,h3,h4 {
font-family:Verdana,Helvetica,sans-serif
}
h1 {
display:inline;
width: 80%;
float:right;
font-size:1.8em;
font-weight:bold;
margin-top:25px;
margin-bottom:5px
}
h2 {
font-size:1.3em
}
h3 {
font-size:1.2em
}
h4 {
font-size:1.1em
}
img {
display:block;
border:0
}
img.brdr {
border:none
}
div#headcontainer,div#soc,div.sidebar,div#commentblock,div#crumbs,div.authbox,div.footer,a.back-to-top,div.smallprint,div.postinfo {
display:none
}
hr {
background:#000;
color:#000;
width:100%;
height:1px;
margin:2em 0;
border:none
}
blockquote {
margin:10px 0 10px 35px;
padding:0 35px 0 15px;
border-left:4px solid silver
}
div.pgcont {
width:99%;
margin:0;
padding:20px 0 0 40px
}
}
@media screen and (max-width: 834px) {
body {
font-size:18.5px
}
.span_1_of_6, .span_5_of_6 {
float:none;
width:100%
}
#headcontainer {
height:60px
}
.hdbg::after {
bottom: -38px;
height: 60px;
}
.lgobox {
position:relative;
top:15px;
left:20px;
width:50%;
}
.txt {
margin:10px auto;
width: 150px
}
#logo,
#smlgo {
display:none
}
#site-nav {
width:100%;
margin-top:0
}
.nav-menu {
width: 100%;
white-space:normal
}
#site-nav ul {
position:static;
width:100%;
padding:0;
display:none
}
#site-nav ul#menu-top-navigation {
width:100%;
position:static
}
#site-nav ul li,#site-nav li a {
width:100%;
float:none;
margin:0 auto
}
#site-nav li a {
background:#f2f2f2;
color:#000;
padding:20px 0;
border-bottom:2px solid #fff
}
#site-nav li.menu-item-has-children >a:after {
font-family:'Nunito','FontAwesome',sans-serif;
content:"";
padding-left:5px
}
#site-nav li a:hover {
color:#000;
background:#f2f2f2
}
#site-nav li:hover a {
color:#000
}
#site-nav ul li ul li a {
background:#e2e2e2;
color:#000;
}
#site-nav li:hover ul a {
background:#e2e2e2;
color:#000;
padding:20px 0;
font-size:1em;
text-align:center
}
#site-nav li:hover ul,
#site-nav ul li:hover >ul {
width:100%;
max-width:none;
margin:0;
}
.show-menu {
display:block
}
#container {
top:80px
}
.maincontent {
width:90%;
}
.pgcont,
.sidebar {
float:none;
width:100%
}
.search-field {
width: 65%;
}
.search-submit {
width:25%;
letter-spacing:normal;
}
.sidebar {
display:block;
clear:both;
padding:50px 0 0;
text-align:center
}
.sidebar a.action {
margin: 0px auto;
margin-top:5px
}
.pgcont {
padding:0 1em
}
a.white,a.white:visited,a.white:hover {
margin-right:15px
}
.billboard {
padding: 30px 0
}
.blbdcontent {
width:95%;
margin:0px auto;
padding:20px
}
.blbdcontent .nf-form-cont {
float:none;
width:100%;
margin:0px auto;
line-height:1em
}
h2.posted {
text-align:center
}
.hmpst {
width:98%
}
#soc {
height:30px;
margin-bottom:70px
}
#soc a,#soc a:hover {
margin:10px
}
.blg {
height:100px
}
.ftcont {
display:block;
width:95%;
padding:3em 1em 1em;
margin-top:1em;
text-align:center !important
}
#nf-form-2-cont {
padding:10px;
border:1px solid #c0c0c0
}
#nf-form-2-cont p {
text-align:center !important
}
.billboard h1 {
text-align:center
}
.ltcont {
padding:10px
}
.prodimg {
margin:10px 20px
}
h1 {
margin-top:1em
}
.wp-post-image,
.evntpst .wp-post-image {
float:none;
margin:0 auto
}
.footer .menu-top-navigation-container {
margin-bottom:2em
}
.footer ul.ftmenu {
display:block;
margin:0 auto;
margin-bottom:30px;
text-align:center
}
}
@media screen and (max-width: 736px) {
a.back-to-top {
bottom:55px
}
a.phnbtn {
display:block
}
.thumbbg {
height:250px;
}
.blg {
height:auto
}
.smallprint {
width:90%;
margin-bottom:110px
}
}
@media screen and (max-width: 480px) {
a.action,a.ghost,a.gstwhite,a.actblu {
line-height:34px
}
img {
max-width: 100%;
height: auto;
width: auto;
}
.alignleft,img.alignleft,.alignright,img.alignright,a.action,a.ghost {
display:block;
float:none;
margin:0 auto;
clear:both;
margin-bottom:15px
}
a.action,a.ghost {
margin-top:15px
}
a.white,a.white:visited,a.white:hover {
margin-right:10px
}
.billboard h1 {
font-size:1.8em;
margin-top:.2em
}
.col-md-5,
.col-md-6 {
width:90%;
float:none;
padding:10px
}
.col {
float:none;
margin:1% 0;
padding-bottom:2em
}
.span_1_of_2,
.span_1_of_3 {
float:none;
width:100%
}
.whtover {
padding:25px 25px 0;
width:90%;
margin-top:10px;
font-size:.8em
}
.gryover {
width:90%;
padding:25px 25px 0;
font-size:.7em;
margin:10px auto
}
h2 {
font-size:1.5em
}
.menubox {
float:none;
width:100%
}
.maincontent ul,.maincontent ol {
margin:0 1em 1.5em
}
.footer #site-nav ul {
width:90%
}
.menu-footer-links-container {
display:block;
}
.smallprint ul {
display:block
}
.smallprint ul li {
padding:0;
margin:5px auto;
font-size:1.2em;
text-transform:uppercase
}
.smallprint ul li::before {
content:"";
margin:0
}
.smallprint ul li.menu-item-84::before {
content:"•";
margin:0 10px
}
}