/*
Theme Name: 1green
- MUST keep above Name 1st for WP
Theme URI: http://GreenSmoothie.com
Author: Val Archer using BlankSlate 4.0.2, (c) 2011-2014 http://tidythemes.com/
Programmer: Paul O'B @ http://www.pmob.co.uk/ & Sitepoint Forums, http://www.sitepoint.com/forums/
(c) copyright (including custom images) Valerie K. Archer
*/
/*T,R/L,B. TXTBOX is 530px at 800x600, screen is 964px set by wrapper 1200px-contentmargin56px-txtboxpadding62px*/
/*--SUPERFISH v1.7.5-must be 1st,paste SF.css here(not in 1nav),delete arrows--*/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*Demo Skin - http://users.tpg.com.au/j_birch/plugins/superfish/examples/ */
.sf-menu {float:none;display:inline-block;margin-bottom:1em;}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; /* allow long menu items to determine submenu width */
*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
border-top: 1px solid rgba(255,255,255,.5);
padding: .75em 1em;
text-decoration: none;
zoom: 1; /* IE7 */
}
.sf-menu a {
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
white-space: nowrap; /* no need for Supersubs plugin */
*white-space: normal; /* ...unless you support IE7 (let it wrap) */
-webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
background: #AABDE6;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #CFDEFF;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
/*--END SUPERFISH--*/
/*--RESETS--*/
img,a img{border:none;}
a{text-decoration:none;outline:none;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
/*Blankslate Resets*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/*end Blankslate*/
/*--BODY--*/
body{max-width:1200px;line-height:1;font-size:100%;margin:2% auto;background:#e5ffbf;}
#wrapper{width:97%;margin:0 auto;}
@media screen and (max-width:330px){#wrapper{width:auto;}}
video{display:block;width:80%;margin:10px auto 20px;}
@media screen and (max-width:330px){video{width:99%;}}
/**/
a:link,a:active{color:#0000ff;text-decoration:underline;}
a:visited{color:#0276FD;}
a:hover{background:#e5ffbf;color:#e60026;text-decoration:none;}
.clear {clear:both}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*mac hide \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*End hide*/
/*--FONTS--*/
.date {font:italic 0.8em/1.8 Georgia,serif; text-align:right; color:green; padding-bottom:25px}
p,li{padding:0 0 12px 0;font:15.5px/1.7 "Lucida Sans Unicode",Verdana,sans-serif; color:black;}
ul{list-style:disc;margin:0 0 12px 30px;padding:0;}
ol{margin:0 0 12px 35px;padding:0;}
li span {color:black} /*for red/grn dot, black txt*/
em, i, cite {font-family:"Lucida Sans Unicode",Verdana,sans-serif;font-style:italic}
blockquote {padding:0 40px 10px 30px}
blockquote p {font-family:"Lucida Sans",Verdana,sans-serif; font-style:italic}
@media screen and (max-width:768px)
{blockquote{padding:0 15px 10px;}}
hr{display:block;margin:10px 100px 30px;border:1px solid green;}
.quote {font:italic bold 1.05em/1.5 "Lucida Sans",Verdana,sans-serif; color:green; margin:20px 60px}
.quote .auth {font:0.9em Arial,sans-serif; font-style:normal; font-weight:normal;
text-align:right; margin-top:15px}
.quotehigh {background:#ffffa0; padding:20px; margin:30px 40px 40px; border:1px solid green}
.quotehigh .auth {font:0.9em Arial,sans-serif; text-align:right; margin-top:15px}
@media screen and (max-width:768px)
{.quote,.quotehigh{padding:15px; margin:20px 0;}}
.ari {font:0.8em/1.5 Arial,sans-serif} /*tbls, caps*/
.ariblack {font:1em/1.5 "Arial Black",sans-serif}
.luc {font:0.88em/1.6 "Lucida Sans Unicode",Verdana,sans-serif} /*p*/
.geo {font:italic 0.9em/1.9 Georgia,serif}
.treb {font:0.8em/1.5 "Trebuchet MS",sans-serif} /*td's*/
.fnt90 {font-size:90%}
.fnt100 {font-size:100%}
.fnt110 {font-size:110%}
.fnt120 {font-size:120%}
sup{vertical-align:super;font-size:smaller;}
/*sup.ref{line-height:0.8em}*/
sub{vertical-align:sub;font-size:smaller;}
strong, .bold {font-weight:bold}
.ital {font-style:italic}
.und {text-decoration:underline}
.norm {font-style:normal; font-weight:normal}
.black {color:black}
.blue {color:blue} /*text*/
.grn {color:green}
.grn9 {color:#009900}
.grnmenu{color:#008b00;}
.red {color:red}
.red2 {color:#e60026}
.red3 {color:#d81737} /*h3 w TT image*/
.silver {color:#ababab}
.yel {color:yellow}
.high {background:yellow} /*highlight text*/
.lyel {background:#ffffa0}
.wh {background:white}
.bg {background:#e5ffbf}
.mg {background:#f2ffdf} /*ebk, midgr th's*/
.lg {background:#f9ffef} /*lightgr td's*/
.bg9 {background:#009900} /*also use h2.yel*/
.crm {background:#fafcd2}
.lft {text-align:left}
.rgt {text-align:right}
.flft {float:left}
.frgt {float:right}
.cnt {text-align:center} /*to center an image, use ![]()
*/
h2.lft {display:block; padding:10px 0 15px;
font:bold 1.5em/1.3 Helvetica,sans-serif; text-align:left}
h2.lftsm {display:block; padding:10px 0;
font:bold 1.1em Helvetica,sans-serif; text-align:left}
h2.grn {margin:10px 0 20px; padding:20px; background:yellow;
font:bold 1.2em "Arial Black",sans-serif; color:green; text-align:center}
h2.yel {margin:10px 0 20px; padding:20px; background:#009900;
font:bold 1.2em "Arial Black",sans-serif; color:yellow; text-align:center}
h2.wh {margin:10px 0 20px; padding:20px; background:blue;
font:bold 1.2em "Arial Black",sans-serif; color:white; text-align:center}
.leafh2 {
clear:both;
float:left;
width:100%;
background:transparent url(imgpg/leaf25.gif) no-repeat scroll 25% 50%;
margin:30px 0 40px;
}
.leafh2 h2 {
float:right;
width:50%;
background:#e5ffbf;
padding:12px 10px;
margin-right: -62px; /*txtbox padng*/
font:bold 1.2em/1.7 Helvetica,sans-serif; color:#e60026;
text-align:center; vertical-align:middle;
position:relative;
}
@media screen and (max-width: 768px)
{.leafh2,.leafh2 h2{clear:both;float:none;width:auto;border-radius:0 20px 20px 0;
margin:20px 20px 25px -30px;padding-left:30px;display:block;text-align:left;}}
/*--LEAVES--*/
.leaf25 { /*angel leaf-big*/
width:30px; height:25px; /*need this with bg-url*/
background: url(imgpg/leaf25.gif) no-repeat;
margin:25px auto 5px;
}
.leaftop0 {
width:30px; height:25px;
background: url(imgpg/leaf25.gif) no-repeat;
margin:0 auto 5px;
}
.leaf16 { /*angel leaf-sm*/
clear:both;
background: url(imgpg/leaf16.gif) no-repeat 50% 0;
width:100%; height:16px;
margin:0 0 20px;
}
/*--HEAD--*/
#header{width:100%;}
.boxlogo{display:table;width:100%;table-layout:auto;margin-bottom:20px;}
.boxlogo .boxlft,.boxlogo .boxrgt{display:table-cell;vertical-align:top;}
@media screen and (max-width:720px)
{.boxlogo .boxlft,.boxlogo .boxrgt {display:block;}}
.logo{margin:0;padding:0;text-align:left;}
@media screen and (max-width:450px)
{.logo,.logo img{width:300px;height:auto;margin:auto;display:block;}}
.sellsite{margin:5px 0 0 5px;font:bold italic 1em Georgia,serif;color:#d81737;}
.sellsite a:link,.sellsite a:active,.sellsite a:visited{font:15px Arial,sans-serif;color:blue;text-decoration:underline;}
.sellsite a:hover{background:#ffffa0;color:#e60026;text-decoration:none;}
@media screen and (max-width:450px)
{.sellsite{margin-left:2px;}}
.social{text-align:right;}
.boxsub{display:table;width:100%;table-layout:auto;margin-bottom:30px;}
.boxsub .boxlft,.boxsub .boxrgt{display:table-cell;vertical-align:top;}
.boxsub .boxlft{padding-right:25px;}/*space betw sub+postit*/
.boxsub .boxrgt{min-width:300px;min-height:170px;}
@media screen and (max-width:810px)
{.boxsub .boxlft,.boxsub .boxrgt{display:block;margin:10px auto;}
.boxsub .boxlft{padding-right:0;}}
.boxrgt input[type="text"]{color:#999;}/*color in amazon search*/
.boxrgt input[type="text"]:focus{color:black;}
.boxrgt .submit{color:blue;background:#ffffa0;cursor:pointer;}
.awboxtop{display:table;padding:12px 15px 12px 0;height:152px;width:auto;vertical-align:middle;max-width:600px;background:#f8f8f8;border:1px solid #3eab34;border-radius:20px;}
.subimgtop,.awhdrtop{display:table-cell;vertical-align:middle;padding-left:15px;}
.subimgtop{width:148px;height:100%;}/*so link sees table-cell-height*/
.subimgtop a{display:block;width:100%;height:100%;background:#f8f8f8 url('imgpg/coverhalf.jpg') top center no-repeat;}/*need color to fill height*/
/*.subimgtop a:link,.subimgtop a:active,.subimgtop a:visited{outline:none;}
.subimgtop a:hover{outline:1px solid blue;outline-offset:-1px;}*/
.awhdrtop h3{display:block;margin: 0 0 10px;font:bold 1.1em "Comic Sans MS", sans-serif;color:#d81737;}
.awboxtop .awsubtop{display:block;text-align:center;}
.awsubtop input{display:inline-block;margin-top:10px;padding:4px;width:13em;font-size:80%;}
.awsubtop .input1,.awsubtop .input2{border:1px inset #ccc;color:#464646;}
.awboxtop .submit{width:14em;background:#ffffa0;cursor:pointer;}
@media screen and (max-width:720px)
{.awboxtop{margin:0 6px 0;padding:12px;}.awhdrtop{margin:0 0 12px 5px;}}
.postit{background:url('imgpg/postit.png') no-repeat;width:300px;height:170px;}
.postit h3{font:1em "Comic Sans MS",sans-serif;padding:20px 0 10px 23px;margin:0;}
.postit a:link,.postit a:active,.postit a:visited,.postit h3 a:link,.postit h3 a:active,.postit h3 a:visited{color:blue;text-decoration:none;}
.postit a:hover,.postit h3 a:hover{background:#ffffa0;color:#e60026;}
.postit p{font:italic 13px Georgia,serif;color:#464646;padding:0 49px 7px 18px;margin:0;}
.postit .foot{padding:4px 30px 0 25px;text-decoration:underline;}
.gpdb{width:90%;margin:5px auto;padding:5px;}
.gpdb h3{font:bold italic 1.2em Georgia,serif;color:#008b00;text-align:center;margin:0 0 3px;}
.gpdb h3 a:link,.gpdb h3 a:visited,.gpdb h3 a:active{color:#008b00;text-decoration:none;}
.gpdb h3 a:hover{background:#ffffa0;color:#e60026;text-decoration:none;padding:5px;}
/*--TOP LEAF--*/
#leaftop {
clear:both; /*head floats*/
padding:0 40px; /*position leaf lft + rgt*/
}
.leaftoplft {
background: url(imgpg/leaftoplft.gif) no-repeat;
float:left;
}
.leaftoprgt {
background: url(imgpg/leaftoprgt.gif) no-repeat;
float:right;
}
.leaftoplft, .leaftoprgt {width:200px; height:63px; margin:0}
.tweet { /*background:url(imgpg/tweetme.gif) no-repeat 50% 0;*/
width:200px; height:63px;
margin:0 auto;
text-align:center;
}
.cat { /* betw top leaves */
width:200px; height:63px;
margin:0 auto;padding-bottom:0;
}
.cat h2 {
font:bold 1.5em "Comic Sans MS", sans-serif; color:#a1b37f; text-align:center;
padding-top:12px;}
/*--LEFT COLUMN + RIGHT COLUMN--*/
#leftcol, #rightcol {
position:absolute;
width:56px; /*53+3 see content*/
top:0;
}
#leftcol {left: -56px;}
#rightcol {right: -56px;}
/*--DOWN LEAF--*/
.leafdwnlft {
background: url(imgpg/leafdwnlft.gif) no-repeat;
clear:both; /*top-lft + top-rgt leaf*/
float:left;
}
.leafdwnrgt {
background: url(imgpg/leafdwnrgt.gif) no-repeat;
float:right;
}
.leafdwnlft, .leafdwnrgt {width:53px; height:177px; margin:0}
@media screen and (max-width:768px)
{#leaftop,.leaftoplft,.leaftoprgt,#leftcol,#rightcol,.leafdwnlft,.leafdwnrgt{display:none;}}
/*--TXTBOX-- box2 is full-width, box3 is txtbox width but after box2*/
#content {
position:relative; /*for IE6/7 to re-position leftcol on viewport resize*/
padding:0; /*for dwnleafs*/
margin:0 56px; /*53px leaf + 3px to match 66px-tweetme pushing 63px-leaftop away from txtbox by 3px*/
}
#content, .txtbox, .txtbox2, .txtbox3 {zoom:1.0}
#content:after {/*this ruleset clears floats inside content but not in txtbox*/
clear:both;
content:" ";
display:block;
height:0;
font-size:0;
}
.txtbox, .txtbox2 {margin:0 auto} /*set width under Fonts+Spacing, set marg+pad here*/
.txtbox, .txtbox2, .txtbox3 {padding:25px 62px} /*leafh2/22 h2 must match 62px*/
.txtbox2 {margin-top:20px}
.txtbox3 {margin:20px 56px 0}
@media screen and (max-width:768px)
{#content{margin:0;}
.txtbox,.txtbox2,.txtbox3{padding:20px;}}
.googlebox {zoom:1.0; margin:0 auto; margin-top:20px; padding:25px 30px}
/*--ROUNDCORNERS--*/
.rc15 { /*ebk*/
border-radius:15px; /*css3 same as FF*/
-moz-border-radius:15px; /*TL,TR,BR,BL*/
}
.rc20 { /*btmnav*/
border-radius:20px;
-moz-border-radius:20px;
}
.rc30 { /*content*/
border-radius:30px;
-moz-border-radius:30px;
}
/*--SHARE--*/
.share iframe,.share a,.share .fb_iframe_widget{display:inline-block;vertical-align:middle;margin:10px 0;}
.sharetop{text-align:right;margin:10px 0 25px;}
.sharebtm{text-align:left;margin:10px 0;}
/*--AWEBER--excl .awboxtop*/
.awbox{clear:both;margin:10px auto 25px;padding:10px 0 20px;width:auto;
max-width:600px;background:#f2ffdf;border:1px solid #3eab34;border-radius:20px;}
.awbox .awsub{text-align:center;}
.awsub input{display:inline-block;margin-top:10px;padding:4px;width:13em;font-size:80%;}
.awsub .input1,.awsub .input2{border:1px inset #ccc;color:#464646;}
.awbox .submit{clear:both;margin:10px auto 0;padding:4px 12px;background:#ffffa0;font:13px Arial,sans-serif;cursor:pointer;}/*clear image float eg btmsub*/
/*--AWEBER--landing pages*/
.landbox {background:#ffffa0; padding:30px; margin:30px -82px 40px; border:1px solid green}
@media screen and (max-width:768px)
{.landbox{padding:15px; margin:20px 0 30px;}}
h2.land{padding:0 0 20px; font:bold 2em/1.3 Helvetica,sans-serif; color:#e60026; text-align:center}
@media screen and (max-width:768px)
{h2.land{padding:20px 10px;}}
.subimgland{float:right;background:url('imgpg/pumpkin-w100.jpg') no-repeat;width:100px;height:122px;
margin:0 0 20px 20px;}
@media screen and (max-width:720px)
{.subimgland{display:none;}}
.landbox .awsub input{display:inline-block;margin-bottom:10px;width:100%;font-size:120%;line-height:1.6;color:black;}
.landbox .awsub .input1,.landbox .awsub .input2{border:1px solid green;color:#a7a7a7;width:99%;}
@media screen and (max-width:720px)
{.landbox .awsub .submit{width:100%;}}
.landbox .awsub .submit{font-weight:bold;font-style:italic;font-size:150%;color:blue;border:1px outline;background:#e5ffbf;cursor:pointer;}
@media screen and (max-width:720px)
{.landbox .awsub .submit{font-size:100%;}}
/*--BTMSUB--*/
.btmsub{width:100%;}
.subimg{float:right;background:url('imgpg/cabbage.jpg') no-repeat;width:200px;height:125px;
margin:0 0 20px 20px;}
@media screen and (max-width:720px)
{.subimg{display:none;}.btmsub .awbox{margin:10px auto;}}
.subimgteeth{float:right;background:url('imgpg/horsetail.jpg') no-repeat;width:200px;height:122px;
margin:0 0 20px 20px;}
@media screen and (max-width:720px)
{.subimg,.subimgteeth{display:none;}.btmsub .awbox{margin:10px auto;}}
.testim{margin:20px auto;}
.testim p{color:blue;font-weight:bold;font-size:110%;}
/*--BOTTOM LEAF--*/
#leafup {
clear:both; /*leftcol + rightcol*/
position:relative;
min-height:177px;
margin:15px 0 10px 0; /* keeps txtnav 15px away */
}
* html #leafup {height:177px;}
.leafuplft, .leafuprgt {
position:absolute;
width:53px;
height:177px;
bottom: -10px; /*aligns leaf with mrgn-btm of leafup*/
}
.leafuplft {left:0; background: url(imgpg/leafuplft.gif) }
.leafuprgt {right:0; background: url(imgpg/leafuprgt.gif) }
#leafbtm {
height:63px;
padding:0 40px; /*position images lft + rgt*/
}
.leafbtmlft, .leafbtmrgt {
width:200px; height:63px;
margin:0;
}
.leafbtmlft {float:left; background: url(imgpg/leafbtmlft.gif) }
.leafbtmrgt {float:right; background: url(imgpg/leafbtmrgt.gif);
clear:right; /*buynow*/
}
.pagetop {
width:25px; height:31px; /*need w+h*/
padding-top:5px;
margin:0 auto;
}
/*--TXTNAV--*/
#txtnav {
background:#f2ffdf;
zoom:1.0;
padding:10px 5px 15px 10px;
margin:0 110px;
}
.buynow {float:right; padding:0 20px 10px 10px;} /*positions img*/
@media screen and (max-width: 768px)
{#leafup,* html #leafup{display:block;}
.leafuplft,.leafuprgt,#leafbtm,.leafbtmlft,.leafbtmrgt{display:none;}
#txtnav{margin:0;}}
#txtnav h3 {
font:bold 1.2em "Comic Sans MS",sans-serif; color:#a1b37f; text-align:center;
padding:8px 0 0 30px;
margin: -2px 0 12px;
}
#txtnav h4 { /*gotopmenu*/
margin:0 auto; padding-top:7px; display:block;
font:1em "Comic Sans MS",sans-serif; color:#e60026; text-align:center;
}
#txtnav h4 a:link,#txtnav h4 a:visited,#txtnav h4 a:active{color:#e60026;text-decoration:none;}
#txtnav h4 a:hover{background:#ffffa0;color:#e60026;text-decoration:none;}
#txtnav ul { /*position of links within box*/
padding:0 35px;
list-style:none;
margin:0;
}
#txtnav li {
display:inline;
position:relative;
font:0.9em/1.9 Arial,sans-serif;
}
@media screen and (max-width:768px)
{#txtnav ul{padding:0 20px;}#txtnav li{display:inline-block;padding:5px 0;}}
#txtnav li span {
position:relative;
color:green; font-size:1em;
padding:0 3px 0 6px; /*gives space each side of pipe*/
top: -2px;
}
#txtnav li a:link, #txtnav li a:active{color:blue;text-decoration:none;}
#txtnav li a:visited{color:#0276FD;}
#txtnav li a:hover {background:#ffffa0; color:#e60026;}
/*--ADBOX--*/
.btmad{margin:20px auto 0;text-align:center;font-size:0;/* white space fix*/}
#amzn-native-ad-0 .amzn-native-header{padding-left:20px;}/*class in check element chrome F12*/
.amzn-native-header-text{font:bold 2em "Comic Sans MS", sans-serif;color:blue;}/*tried .amzn-native-container, only blue bold works*/
.adbox{width:300px;display:inline-block;text-align:center;vertical-align:baseline;
font-size:16px;font-size:1rem;}
.adbox img{display:inline;vertical-align:bottom;margin:15px auto;}
.adbanner{display:block;text-align:center;vertical-align:baseline;}/*728x90 is std, go up to 964*/
.adbanner img{height:auto;width:auto;max-width:99%;margin:15px auto;}
/*--FOOTER--*/
.leafend{background: url(imgpg/leafend.gif) no-repeat 50% 0;width:100%;height:67px;
margin:20px auto 0;}
#footer{display:table;width:100%;table-layout:fixed;margin:10px 0 20px;}
#footer p{font:0.7em/1.3 Arial,sans-serif;color:#666;}
.footlft,.footrgt{display:table-cell;}
.footlft{padding-left:20px;}
.footrgt{padding:0 20px;text-align:right;}
.footrgt a{padding:2px;}
.footrgt a:link,.footrgt a:visited,.footrgt a:active{color:blue;text-decoration:none;}
.footrgt a:hover{background:white;color:#e60026;text-decoration:none;}
/*--TABLES--
--use
in
DO NOT define font or table.dat will inherit*/
table {width:100%; margin:20px auto; padding:0; border-collapse:collapse}
table th, table td {text-align:center; border:1px solid #46A346}
table th {font:bold 1em/1.3 Helvetica,sans-serif; color:#e60026; background:#e5ffbf; padding:12px}
table th.yel {font:bold 1em/1.3 "Arial Black",sans-serif; color:yellow; background:#009900; padding:12px}
table.dat th {font:bold 1.1em/1.3 Helvetica,sans-serif; color:#e60026; background:#e5ffbf; padding:6px}
table.dat th.yel {font:bold 1.1em/1.3 "Arial Black",sans-serif; color:yellow; background:#009900; padding:10px}
table.dat {font:0.8em/1.5 "Trebuchet MS",sans-serif} /*DO NOT DELETE*/
table.dat td, table.dat p, table.dat li {font:100%/1.5 "Trebuchet MS",sans-serif}
table.dat td {padding:6px}
table th.p10, table td.p10, table.dat th.p10, table.dat td.p10 {padding:10px}
table th.p20, table td.p20, table.dat th.p20, table.dat td.p20 {padding:20px}
.col1 {text-align:left; padding-left:10px; background:#f2ffdf}
.nobord {border:none}
/*--IMAGES--*/
.alignleft{float:left;margin:15px 20px 15px 0;}
.alignright{float:right;margin:15px 0 15px 20px;}
.aligncenter {display;block;margin:15px auto;text-align:center;}
.aligncenter img {display:inline;}
.cap{font:0.78em/1.5 "Lucida Sans Unicode",Verdana,sans-serif;margin:4px auto 0;}/*font-size doesn't work*/
@media screen and (max-width:600px)
{.alignleft img,.alignright img,.aligncenter img{width:100%;height:auto;}}
/*--WORDPRESS--*/
.wp-caption-text{border:none;font-size:78%;text-align:center;margin:3px auto 0;}
.endpost{font:italic 0.8em/1.8 Georgia,serif;text-align:right;color:green;padding-top:10px;}
.nextpage{font:bold 1.1em "Comic Sans MS",sans-serif;color:#e60026;text-align:right;margin-top:10px;}
.authordescr{margin:0 0 20px; font:0.88em/1.7 "Lucida Sans Unicode",Verdana,sans-serif; color:black;}
/*these r 4 author, archive, category, index, tag*/
h2.blogtitle {display:block; padding:5px 0;
font:1.1em/1.5 Helvetica,sans-serif; text-align:left}
.blogdate{font:italic 0.8em/1.8 Georgia,serif; text-align:left; color:green}
.excerpt{font-size:90%}/*functions.php*/
.blognav{font:0.88em/1.7 "Lucida Sans Unicode",Verdana,sans-serif;}
/*--BLANKSLATE - additional minimum needed for WP theme but you can delete
.sticky{}.bypostauthor{}.wp-caption{}.gallery-caption{}--*/
/*--FONTAWESOME--*/
@font-face{font-family:'FontAwesome';src:url('fontawesome/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('fontawesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('fontawesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('fontawesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('fontawesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
/*font:font-style font-variant font-weight font-size/line-height font-family;*/
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle;}
.fa {color:#008b00;}
.fa-envelope:before{content:"\f0e0"}
.fa-envelope:hover{color:rgba(0,139,0,.6)}
.fa-sitemap:before{content:"\f0e8"}
.fa-sitemap:hover{color:rgba(0,139,0,.6)}
.fa-facebook:before{content:"\f09a"}
.fa-facebook:hover{color:blue;}
.fa-twitter:before{content:"\f099"}
.fa-twitter:hover{color:#00aced;}
.fa-linkedin:before{content:"\f0e1"}
.fa-linkedin:hover{color:#007bb6;}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest:hover{color:#cb2027;}
.fa-youtube:before{content:"\f167"}
.fa-youtube:hover{color:#bb0000;}
.fa-home:before{content:"\f015"}
.fa-home:hover{color:rgba(0,139,0,.6)}
.fa-arrow-circle-right:before{content:"\f0a9"}
/*--MENU--*/
#menu{display:table;margin:0 auto 30px;text-align:center;}
#menu li{text-align:left;}
.sf-menu{margin:0;}
.sf-menu ul{box-shadow:none;}
.sf-menu ul a{font:bold 1.1em Arial,sans-serif;}
.sf-menu a{text-decoration:none;font:bold 1em "Comic Sans MS",sans-serif;color:white;}
.sf-menu li{background:#008b00;border-right:1px solid #7dca68;}
@media screen and (max-width:889px)
{.sf-menu li{white-space:normal;}} /*wraps dropdwn txt in hamburger*/
.sf-menu > li:first-child{border-radius:8px 0 0 8px;}
.sf-menu > li:last-child{border-radius:0 8px 8px 0;border-right:none;}
.sf-menu li.end ul{left:auto;right:0;}
.sf-menu li a:hover{background:#3eab34;}
.sf-menu li:hover,.sf-menu li.sfHover{background:#3eab34;}
.sf-menu > li > a{cursor:default;} /*turns off hover-finger in parent*/
.sf-menu ul li{background:#2aa023;font-size:90%;}
.sf-menu ul li a:hover{background:#53b545;}
/* mobile nav menu */
.mobile-menu{display:none}
.mobile-menu{
padding:1px 35px 1px 7px;
margin:5px 0 0 0;
background:#008b00;
font-weight:bold;
cursor:pointer;
clear:both;
text-align:center;
line-height:49px;
height:49px;
color:#fff;
z-index:999;
border:1px solid #7dca68;
border-radius: 4px;
font-size:18px;
}
/* hamburger menu code */
.hamburger-menu {
cursor: pointer;
outline: none;
width: 30px;
height:24px;
background:#008b00;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
position: relative;
float:right;
margin:7px 0 0;
}
.hamburger-menu:before,
.hamburger-menu:after {
content: '';
display: block;
width: 30px;
height: 4px;
top:10px;
background: white;
position: absolute;
}
.hamburger-menu,
.hamburger-menu:before,
.hamburger-menu:after{
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
.hamburger-menu.hamburger-on {
-webkit-animation: animation-middle .3s forwards;
-moz-animation: animation-middle .3s forwards;
-o-animation: animation-middle .3s forwards;
-ms-animation: animation-middle .3s forwards;
animation: animation-middle .3s forwards;
}
.hamburger-menu.hamburger-on:before {
-webkit-animation: animation-top .3s forwards;
-moz-animation: animation-top .3s forwards;
-o-animation: animation-top .3s forwards;
-ms-animation: animation-top .3s forwards;
animation: animation-top .3s forwards;
}
.hamburger-menu.hamburger-on:after {
-webkit-animation: animation-bottom .3s forwards;
-moz-animation: animation-bottom .3s forwards;
-o-animation: animation-bottom .3s forwards;
-ms-animation: animation-bottom .3s forwards;
animation: animation-bottom .3s forwards;
}
.hamburger-menu:hover {
-webkit-animation: animation-middle .3s forwards;
-moz-animation: animation-middle .3s forwards;
-o-animation: animation-middle .3s forwards;
-ms-animation: animation-middle .3s forwards;
animation: animation-middle .3s forwards;
}
.hamburger-menu:hover:before {
-webkit-animation: animation-top .3s forwards;
-moz-animation: animation-top .3s forwards;
-o-animation: animation-top .3s forwards;
-ms-animation: animation-top .3s forwards;
animation: animation-top .3s forwards;
}
.hamburger-menu:hover:after {
-webkit-animation: animation-bottom .3s forwards;
-moz-animation: animation-bottom .3s forwards;
-o-animation: animation-bottom .3s forwards;
-ms-animation: animation-bottom .3s forwards;
animation: animation-bottom .3s forwards;
}
@-webkit-keyframes animation-top {
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@keyframes animation-top {
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@-webkit-keyframes animation-middle {
0% {border-color:#fff;
}
100% {border-color:transparent
}
}
@keyframes animation-middle {
0% {border-color:#fff;
}
100% {border-color:transparent
}
}
@-webkit-keyframes animation-bottom {
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes animation-bottom {
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes animation-reverse-top {
50% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes animation-reverse-top {
50% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes animation-reverse-bottom {
50% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes animation-reverse-bottom {
50% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
/* end hamburger menu */
/* main media queries follow here */
/* at 794 px width we hide the main menu and show the hamburger */
@media screen and (min-width:890px){/*794*/
#menu{display:block!important}
}
@media screen and (max-width:889px) {/*793*/
.sf-menu > li > a{cursor:pointer}
.mobile-menu{display:block}
.mobile-menu + #menu{display:none}
.sf-menu li > ul,
.sf-menu li > ul,
.sf-menu li.end > ul {
display: block!important;
left:-999em;
right:auto;
}
.sf-menu,.sf-menu li,.sf-menu li a{
display:block;
float:none;
width:auto;
}
.sf-menu ul {
min-width:0;
width:100%;
opacity:0;
-moz-transition:opacity .3s ease;
-webkit-transition:opacity .3s ease;
transition:opacity .3s ease;
}
.sf-menu li.mobileShow ul{
left:0;
top:0;
position:relative;
opacity:1;
}
}