/*
Theme Name: AfricaWoodGrow
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/* FONTS */

@font-face {
    font-family: 'PillGothic300mgSemibd'; font-weight: normal; font-style: normal;
    src: url('fonts/pillgothic300mg-semibd-webfont.eot');
    src: url('fonts/pillgothic300mg-semibd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pillgothic300mg-semibd-webfont.woff') format('woff'),
         url('fonts/pillgothic300mg-semibd-webfont.ttf') format('truetype'),
         url('fonts/pillgothic300mg-semibd-webfont.svg#PillGothic300mgSemibd') format('svg');
}

/* GENERAL STYLES */

html { height: 100%; overflow-y: scroll; }
body { height: 100%; margin: 0; padding: 0; background-color: #000; color: #25401e; font-family: Arial, sans-serif; line-height: 20px; font-size: 11pt; }
article, figure { display: block; }

h1, h2, h3, h4, h5 { margin: 0; font-weight: normal; font-family: 'PillGothic300mgSemibd', Arial, sans-serif; }
h1, div.content h2 { font-size: 22pt; margin-top: 1em; margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: solid 1px #eaf2ac; color: #4a3300; }
h2, div.content h2.small, div.content .small h2 { font-size: 16pt; margin-top: 0.5em; padding-bottom: 0.3em; margin-bottom: 0.5em; border-bottom: solid 1px #eaf2ac; color: #4a3300; }
h3 { font-size: 15pt; margin-top: 0.2em; margin-bottom: 0.3em; line-height: 1em; }
h4 { font-size: 14pt; }

ul, ol { margin: 0 0 0 15px; padding: 0;}
p { margin: 0; padding: 0; }
img { border: 0; }
table { border: 0; }
td { padding: 0; vertical-align: top; }
input { font-family: Arial, sans-serif; }

a, a.visited,
a.link,
a.active { color: #84A63C; text-decoration: none; }
a.pdf { display: block; padding: 2px 0 2px 25px; background: url("images/icons/pdf.png") no-repeat 0 center; }
a.twitter { display: block; padding: 10px 0 10px 42px; background: url("images/icons/twitter.png") no-repeat 0 center; }
a.facebook { display: block; padding: 10px 0 10px 42px; background: url("images/icons/facebook.png") no-repeat 0 center; }
div.footer a.facebook { display: block; margin-top: 1em; padding: 0 0 0 2em; background-size: contain;  }
div.footer a.twitter { display: block; margin-top: 0.2em; padding: 0 0 0 2em; background-size: contain; }

a:hover { text-decoration: underline; color: #25401e; }

.dark { color: #4a3300; }
.green { color: #25401E; }

/* CONTAINER & GENERAL */

div.container { position: relative; width: 960px; margin: 0 auto; }
div.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: solid 1px #84a63c; margin-left: 9px; /* border + margin = 10px */ margin-right: 9px; /* border + margin = 10px */ }
div.content { background: #84a63c url("images/bg_green.jpg") top center no-repeat;  }
div.header::before { position: absolute; width: 100%; height: 47px; background-color: #fff; content: " "; }
div.header { height: 247px; min-width: 960px; background: #2b1e00 url("images/bg_home.gif") repeat-x; }
div.next { background: #98a948 url("images/bg_next.gif") repeat-x; height: 160px;  }

div.header div.container div.language { position: absolute; padding: 14px 10px 12px; font-size: 0.7em; }

/* MENU */

div.header div.container ul.menu { position: absolute; right: 0; margin: 0; padding: 0; font-size: 1.28em; line-height: 2.7em; list-style-type: none; font-family: 'PillGothic300mgSemibd', Arial; }
div.header div.container ul.menu li { display: block; float: left; margin: 0 0.4em; }
div.header div.container ul.menu li.current_page_item { height: 54px; background: url("images/arrowhead.png") no-repeat bottom center; }
div.header div.container ul.menu li a { display: block; float: left; padding: 0 0.5em; color: #25401e; text-decoration: none; }
div.header div.container ul.menu li a:hover { color: #84a63c; }
div.header div.container ul.menu li.current_page_item a { color: #84a63c; }

/* BUTTONS */

a.btn_linked { position: absolute; right: 10px; bottom: 10px; }
a.btn_green { display: inline-block; float: right; padding: 4px 15px; font-size: 1em; -moz-box-shadow: inset 0 1px 0 0 #d0e682; -webkit-box-shadow: inset 0 1px 0 0 #d0e682; box-shadow:inset 0 1px 0 0 #d0e682; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b6d642), color-stop(1, #7b932d) ); background: -moz-linear-gradient( center top, #b6d642 5%, #7b932d 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6d642', endColorstr='#7b932d'); background-color: #b6d642; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px; border: 1px solid #41441a; color: #25401e; text-decoration: none; text-shadow: 1px 1px 0 #b6d642; }
a.btn_green:hover { background: #b6d642; text-decoration: none; color: #25401e; }
a.btn_brown,
input.btn_brown { display: inline-block; padding:0 15px; font-size: 13px; -moz-box-shadow: inset 0 1px 0 0 #999283; -webkit-box-shadow: inset 0 1px 0 0 #999283; box-shadow: inset 0 1px 0 0 #999283; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #645a43), color-stop(1, #45391d) ); background: -moz-linear-gradient(center top, #645a43 5%, #45391d 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#645a43', endColorstr='#45391d'); background-color: #645a43; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; border: 1px solid #41441a; color: #b6d642; text-decoration: none; text-shadow: 1px 1px 0 #000; }
a.btn_brown:hover,
input.btn_brown:hover,
input.btn_brown:active { background: #45391d; text-decoration: none; color: #fff; }

/* NEWS ITEMS */

article { padding: 30px 30px 30px 0; border-bottom: 1px solid #eaf2ac; }
article.newsitem > article:after { content: ""; display: block; clear: both;}
article.newsitem.homepage p { margin-left: 215px; }
article figure { float: left; width: 200px; margin: 0; }
article.newsitem > article:nth-of-type(even) figure { float: right;}
article figure img { width: 200px; height: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
article figure img + img { margin-top: 10px; }
article h1 { margin-left: 0; margin-top: 0; line-height: 0.8em; border-bottom: none; }
article time { display: block; margin: 10px 0 10px 215px; color: #25401e; font-style: italic; font-size: 9pt; }
div.content article.newsitem > article:nth-of-type(odd) p { margin-left: 215px; }
div.content article.newsitem > article:nth-of-type(even) p { margin-right: 215px; }
article p+p { margin-top: 1em; }
article p a:hover { color: #84A63C; }
article:after { content: ""; display: table; clear: both; }
article:nth-child(even) { margin: 0; }
article:nth-child(even) figure { float: right; }
article:nth-child(even) h1  { margin-left: 0; margin-right: 0; }
article:nth-child(even) time  { margin: 10px 0; }
article:nth-child(even) p { margin-left: 0; margin-right: 215px; }

/* HOMEPAGE */

div.header div.container div.banner { padding: 77px 0 20px; color: #eaf2ac; text-align: center; }
div.header div.container div.banner h3.green { color:#25401e; }
div.header div.container div.banner h4 a:hover { color: #84A63C; }

div.header div.container a.tree { z-index:10; position: absolute; display: inline-block; top: 40px; left: -30px; width: 367px; height: 378px; background: url("images/tree_high.png") no-repeat; cursor: pointer; cursor: hand; }

div.mainnews { background-color: #84a63c; margin-top: 25px; color: #eaf2ac; }
div.mainnews article { margin: 0; padding: 15px; border-bottom: none;}
div.mainnews article h1 { margin-top: 5px; margin-bottom: 5px; padding-bottom: 0; font-size: 16pt; border: none; margin: 10px 0 10px 215px; }
div.mainnews article p a { color: #25401e; text-decoration: underline; font-style: italic; }
div.mainnews article p a:hover { text-decoration: none; }

div.content p { margin: 10px 0; }
div.content p.has-large-font-size { font-size: 11pt }
div.content .widget_text h2 { font-size: 16pt; }
div.content div.container div.teaser { position: relative; display: inline; float: left; height: 255px; min-height: 255px; width: 298px; margin: 25px 10px; background: #eaf2ac; color: #25401e; }
div.content div.container div.teaser h2 { margin-bottom: 0; padding-left: 25px; }
div.content div.container div.teaser div.item { margin: 15px; }
div.content div.container div.teaser div.item div.image { width: 100%; height: 100px; margin-bottom: 10px; background-position: 50% 50%; background-size: cover; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
div.content div.container div.teaser div.item div.image#latestgallery { background-image: url("images/fairchar/soil.jpg"); }

#gallery-1 .gallery-item { margin-top: 0; }
#gallery-1 img { border: 0; }

.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content { padding-left: 0; }

h2.swatch_video { background: url("images/swatch.gif") no-repeat; background-position: 0 -52px; }
h2.swatch_mail { background: url("images/swatch.gif") no-repeat; background-position: 0 -25px; }
h2.swatch_tweet { background: url("images/swatch.gif") no-repeat; background-position: 0 0; }

div.content div.container div.teaser div.news a.btn_brown:hover { color: #fff; text-decoration: none; } /* homepage */

/* FOOTER */

div.footer { padding: 50px 0; clear: both; border-top: 2px solid #abce3e; background-color: #000; }
div.footer a:hover { color: #eaf2ac; }
div.footer div.column { height: 180px; margin-right: 29px; padding-left: 10px; border-left: 1px solid #222; font-size: 0.85em; color: #eaf2ac; }
div.footer div.column:first-child { border-left: none; }
div.footer div.column ul { margin: 0; padding: 0; list-style-type: none; }

/* NEXT PAGES */

div.whitebg { min-height: 500px; background: #fff; }
div.whitebg div.container { padding: 0 0 75px; }
div.whitebg div.container div.content { padding-bottom: 50px; background: none; }

div.infobox { margin: 15px 0; padding: 10px; background: #eaf2ac; color: #84a63c; font-size: 0.9em; }
div.header div.container div.oneliner { position: absolute; top: 50px; padding: 25px 0; height: 150px; text-align: center; }

div.whitebg div.container div.leftitem { left: -330px; display: block; position: absolute; z-index:50; width: 290px; margin: 65px 10px; opacity:0.98; filter: alpha(opacity=98); /* For IE8 and earlier */ }

div.twitter div.tweet span.text { display: block; }
div.twitter div.tweet span.time, div.twitter div.tweet span.user { font-style: italic; }
div.twitter div.tweet div.tweetfooter { position: absolute; left: 15px; bottom: 10px; }

/* General IMG settings in content container */
/* Creates borderbox around images */

div.whitebg div.container div.content img.portret { position: relative; display: inline; margin: 20px 0; border: 3px solid #fff; background: #fff; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -webkit-transition: box-shadow 0.1s, top 0.1s; }
div.whitebg div.container div.content div.albums div.galleryitem div.galleryfolder { display: none; }
div.whitebg div.container div.content div.albums h2 { cursor: pointer; }
div.whitebg div.container div.content div.albums a.thumb { position: relative; display: block; float: left; width: 92px; height: 80px; margin: 0 5px 10px 0; overflow: hidden; border: 3px solid #fff; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; -webkit-transition: box-shadow 0.1s, top 0.1s;  }
.content a img {margin: 20px 0; border: 3px solid #fff !important; background: #fff; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999 !important; box-shadow: 0 0 3px #999 !important; -webkit-transition: box-shadow 0.1s, top 0.1s;}
.dialog-type-lightbox {background-color: rgb(149, 183, 61, 0.8) !important;}

div.googlemaps { position: relative; height: 200px; margin: -10px 0 50px; border: 3px solid #fff; background:#fff; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; -webkit-transition: box-shadow 0.1s, top 0.1s; }
div.googlemaps2 { position: absolute; top: 50px; height: 150px; width: 100%; }

div.donate { float: right; margin-top: -5px; }

div.subscribe { padding: 30px; }
input.formitem { width: 175px; height: 25px; margin-bottom: 2px; padding: 0 5px; font-size: 1em; background: #fff; color: #49566b; border: solid 1px #84A63C; }

/* CLEARFIX STYLE FOR CLEARING DIVS WITH FLOATS */

div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix { display: inline-block; margin: 0; }
div.clearfix { display: block; zoom: 1; }