@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab');
body{
background:#131502;/*Dark green*/
background-image:url("../images/2016/11/forest_concept2_by_tatchit-d58b0av.jpg");
background-repeat: no-repeat; background-position: top center; background-attachment: fixed;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
/* Mobile menu burger */
a.uk-button.uk-hidden-large{
	position:fixed;top:0;left:0;
	z-index:999;
	border-radius:0;
	background:transparent;
	color:white;
	height:50px; line-height:50px
}
i.uk-icon-navicon.uk-margin-small-right{margin-left:5px}
a.uk-button.uk-hidden-large:hover{background:rgba(68,68,68,0.35)}

/********************************************************
	FULL PAGE BACKGROUND AND GRADIENT EFFECT
/*******************************************************/
.tm-header{height:100vh;border:0;
background: -moz-linear-gradient(top,  rgba(19,21,2,0.65) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(19,21,2,0.65) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(19,21,2,0.65) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.tm-main{
padding:10% 7% 10% 7%;
margin:0 auto;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(19,21,2,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(19,21,2,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(19,21,2,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
/********************************************************
	SITE BRANDING
/*******************************************************/
.tm-site-branding{
	text-align:center;
	width:100%;
	margin:0 auto;
	padding:20% 0 10% 0
}
.tm-site-branding a,
.tm-site-title-tag{
	width:100%;
	float:left;
	font-family: 'Roboto Slab', serif;
	color:#DFEC93;
	text-shadow: 2px 2px rgba(19,21,2,1);
}
.tm-site-branding a{
	font-size:2em;
}
.tm-site-title-tag{
	display:block;
	padding:1em 0 0 0;
	font-size:0.75em;
	color:#78853F;
	text-shadow: 1px 1px rgba(19,21,2,1);
}

/********************************************************
	MAIN POST CONTENT
/*******************************************************/
.uk-container{max-width:100%;padding:0}
.tm-content{padding:0 10% 0 0%}
.uk-panel-box{padding:7% 8% 7% 8%}/*Blog post content padding*/

/*Main article*/
.tm-content article{background:rgb(241,247,210);}
.uk-article-title{font-size:38px;line-height:48px;}
.tm-article-content{margin:0;padding:0;padding-top:2em;font-size:16px;line-height:26px;}

/*Title and meta style*/
.uk-article-title,
.uk-article-meta{margin:0;padding:0;text-align:center}
.uk-article-meta{list-style:none;border-bottom:2px dashed #78853F;}
.uk-article-meta li:first-child:after{content:'\00a0'}
.uk-article-meta li {display:inline-block;padding-bottom:2em}

/*Roboto Slab*/
.uk-article-title,
.uk-article-meta,
.tm-article-content h1,
.tm-article-content h2,
.ynef-post-meta-categories,
.ynef-post-meta-tags{font-family: 'Roboto Slab', serif;}

/*Links*/
.uk-article-meta li a,
.tm-article-content a,
.ynef-post-meta-categories a,
.ynef-post-meta-tags a{color:#131502;}
.uk-article-meta li a:hover,
.tm-article-content a:hover,
.ynef-post-meta-categories a:hover,
.ynef-post-meta-tags a:hover{text-decoration:underline}

/*Headings*/
.tm-article-content h1{font-size:28px;line-height:38px;}
.tm-article-content h2{font-size:24px;line-height:34px;}

/*Footer*/
.ynef-post-meta-categories,
.ynef-post-meta-tags{font-size:12px;line-height:18px;color:#999;}

/********************************************************
	SIDEBAR WIDGET
/*******************************************************/
input[type="search"]{font-family: 'Roboto Slab', serif;}
.uk-panel-title{font-size:24px; line-height: 24px; font-family: 'Roboto Slab', serif; color:rgb(241,247,210);}
.uk-list{margin:0; padding:0}
.uk-list ul li a{color: #DFEC93}
.uk-list il li a:hover{color: #78853F}

/********************************************************
	COOL STICKY MENU
/*******************************************************/
.uk-active,
.uk-navbar{
	background:rgba(19,21,2,0.7);
	border:0;
	color:#DFEC93;
}
.uk-sticky-placeholder{width:100%;margin:0 auto;position:absolute;bottom:0}
.uk-navbar{padding:1em 0 1em 0}
.uk-navbar ul,
.uk-navbar li{float:none}
.uk-navbar ul{width:100%;text-align:center}
.uk-navbar ul li{display:inline-block;text-align:left;border:0;margin-bottom:6px}
.menu-item a::after {
    content:'';
    display:block;
    width:0;
    height:2px;
    background:#DFEC93;/*Yellow-ish*/
    transition:width .3s
}
.menu-item a:hover::after {
    width: 100%
}
.uk-navbar ul li a,
.uk-navbar ul li a:hover,
.uk-navbar ul li a:active,
.uk-navbar ul li a:focus,
.uk-navbar-nav > li.uk-active > a,
li.uk-active{color:#DFEC93;/*Yellow-ish*/background:transparent}

/* Media queries */
@media screen and (max-width:960px){
	.tm-site-branding{padding-top:30%}
	.uk-navbar{background:transparent}
}

@media screen and (max-width:959px) {
	.tm-primary-menu.uk-navbar{height:50px;position:fixed;top:0;width:100%;z-index:998;background:rgba(68,68,68,0.35);padding:0}
}

@media screen and (max-width:850px) {
	.tm-site-branding{padding-top:35%}
	.tm-content{padding:0 5% 0 5%}
	footer div.uk-container{width:90%}
}

@media screen and (max-width:767px) {
	.tm-site-branding{padding-top:40%}
	.tm-site-branding a{font-size:1.5em}
	.tm-site-title-tag{display:block;padding-top:0.5em;font-size:0.65em}
}

@media screen and (max-width:690px){
	.tm-site-branding{padding-top:50%}
	}

@media screen and (max-width:500px){
	.tm-site-branding{padding-top:60%}
	body{background-image:none}
	footer div.uk-container{width:95%}
	.tm-content{padding:0 2.5% 0 2.5%}
	.tm-main{padding-bottom:0}
	.tm-article-content img{width:100%;float:left;padding-bottom:1em}
	.tm-article-content p {width:100%;float:left}
}
@media screen and (max-height: 314px) {
	.tm-site-branding{padding-top:25%}
}
@media screen and (max-height: 265px) {
	.tm-site-branding{padding-top:15%}
}