/*
 Theme Name:   PlantLink
 Description:  ForeverWood Child Theme
 Author:       Johan Nordström
 Author URI:   http://flavors.me/johannordstrom
 Template:     foreverwood
 Version:      1.0.0
 Text Domain:  foreverwood
*/

/**
 * PLANTLINK COLOR TABLE
 *
 * logo: #77ca31
 * primary color: #63a828 (four steps darker in chroma)
 * footer color: #4f8720 (eight steps darker in chroma)
 *
 * #63a828 four steps darker
 * #599724 six steps darker
 */

/**
 * change green theme to plantlink-green color
 */
/* Color scheme Green
----------------------------------------------- */
body p {
	font-size: 1em;
	line-height: 165%;
}

body a,
body .site-title a,
body .post-entry .post-entry-headline a,
body .grid-entry .grid-entry-headline a {
	color: #8a5711;
}
body .post-entry .read-more-button,
body .grid-entry .read-more-button,
body input[type="submit"],
body input[type="reset"],
body .header-image .header-image-text .header-image-link,
body #searchform .searchform-wrapper .send {
	background-color: #6f4210;
}
body .post-entry .read-more-button:hover,
body .grid-entry .read-more-button:hover,
body input[type="submit"]:hover,
body input[type="reset"]:hover,
body .header-image .header-image-text .header-image-link:hover,
body #searchform .send:hover {
	background-color: #8a5711;
}
body .menu-box a:hover,
body .menu-box :hover > a,
body #wrapper-header .menu-box .current-menu-item > a,
body #wrapper-header .menu-box .current-menu-ancestor > a,
body #wrapper-header .menu-box .current_page_item > a,
body #wrapper-header .menu-box .current-page-ancestor > a,
body .menu-panel a:hover,
body .menu-panel :hover > a,
body #wrapper-header .menu-panel .current-menu-item > a,
body #wrapper-header .menu-panel .current-menu-ancestor > a,
body #wrapper-header .menu-panel .current_page_item > a,
body #wrapper-header .menu-panel .current-page-ancestor > a,
body .sidebar-widget a {
	color: #8a5711;
}
body .menu-box ul ul,
body .menu-panel ul ul {
	border-top: 1px solid #8a5711;
	border-bottom: 1px solid #8a5711;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
body #footer a,
body .footer-signature .footer-signature-content a {
	color: #dafa96;
}

/**
 * theme modify
 */

.sidebar-widget .sidebar-headline {
	background-color: #6f4210;
	color: #fafafa;
}

#main-content .grid-entry .grid-entry-headline {
	line-height: 130%;
}

#wrapper #wrapper-header .menu-box ul li a,
#wrapper #wrapper-header .menu-panel ul li a {
	font-weight: 600;
	text-transform: uppercase;
}

#wrapper-footer {
	background-color: #54320c;
	color: #fefcfa; /* second brightest of above background earth chroma */
}
#footer .footer-widget .footer-headline {
	border-color: #673e0f;
}

.sidebar-widget ul {
	background: none;
}

.sidebar-widget ul li {
	border-bottom: 1px solid #ccc;
	padding: 1em;
	line-height: 180%
}

.sidebar-widget #subscribeform {
	margin-top: 8px;
}
#subscribeform .subscribeform-wrapper {
	height: 33px;
	position: relative;
	width: 100%;
}
#subscribeform .subscribeform-wrapper #email {
	background-color: #fff;
	border: 1px solid #e3e3e3;
	color: #aaa;
	font-size: 13px;
	height: 21px;
	padding: 5px 0 5px 3%;
	position: absolute;
	left: 0;
	top: 0;
	width: 96%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#subscribeform .subscribeform-wrapper .subscribe {
	background-color: #8a5711;
	border: none;
	color: #fff;
	cursor: pointer;
	font-family: ElegantIcons !important;
	font-size: 15px;
	height: 33px;
	line-height: 33px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	width: 33px;
	z-index: 20;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	-ms-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
#subscribeform .subscribeform-wrapper .subscribe span {
	top: -1px;
	position: relative;
}

body #wrapper-header .menu-box ul ul a {
	line-height: 1.7 !important;
	min-height: auto !important;
	padding-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: calc(15em - 9px) !important;
}
body #wrapper-header .menu-box ul ul li {
	min-height: auto !important;
	line-height: 1.7 !important;
}

.menu-box ul ul {
	right: -1em;
	top: 5.5em;
}
#wrapper-header .menu-box ul ul,
#wrapper-header .menu-box ul ul a,
#wrapper-header .menu-box ul ul a:visited,
#wrapper-header .menu-box ul ul li {
	width: 15em;
}
.menu-box ul ul li {
	border-bottom: 2px solid #aaa;
}

#wrapper-header .menu-box ul ul ul,
#wrapper-header .menu-box ul ul ul a,
#wrapper-header .menu-box ul ul ul a:visited,
#wrapper-header .menu-box ul ul ul li {
	width: 15em;
}
#wrapper-header .menu-box ul ul ul {
	left: auto;
	right: 11em;
	top: 0.8em;
}

/**
 * search form
 */
div#searchform-wrapper {
	/* display: block; */
	display: none;

	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #5c8d23;
	z-index: 9999;
	position: fixed;
}

body.admin-bar div#searchform-wrapper {
	top: 32px;
}

div#searchform-wrapper form#searchform {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width: 100vw;
}

div#searchform-wrapper form#searchform input#s {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #c1da8e;
	color: #fff;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin-right: 0.2em; /* some space before the submit icon plz */
}
@media screen and (min-width: 991px) {
	div#searchform-wrapper form#searchform input#s {
		font-size: 5em;
	}
}
div#searchform-wrapper form#searchform input#s:focus {
	outline: none;
}

div#searchform-wrapper form#searchform input#searchsubmit {
	background-color: #5c8d23;
	border: 1px solid #c1da8e;
	font-size: 1em;
}
@media screen and (min-width: 991px) {
	div#searchform-wrapper form#searchform input#searchsubmit {
		border: none;
		font-size: 3em;
	}
}
div#searchform-wrapper form#searchform input#searchsubmit:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #5c8d23 !important;
}
div#searchform-wrapper form#searchform input#searchsubmit:focus {
	outline: none;
}

div#searchform-wrapper ::-webkit-input-placeholder {
	color: #c1da8e; /* rgba(255, 255, 255, 0.5); */
}

div#searchform-wrapper #searchform-close {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 1em;
	margin-right: 0.65em;
	color: #fff;
	text-decoration: none;
	font-size: 2em;
	cursor: pointer;
}
@media screen and (min-width: 991px) {
	div#searchform-wrapper #searchform-close {
		margin-right: 1em;
	}
}

/**
 * menu
 */
div.menu-search-container ul.search li input#showsearch {
	background-color: #5c8d23;
}
div.menu-search-container ul.search li input#showsearch:focus {
	outline: none;
}
@media screen and (max-width: 990px) {
	div.menu-search-container ul.search li {
		height: auto;
		position: inherit;
	}
	div.menu-search-container ul.search li input#showsearch {
		position: absolute;
		top: 10px;
		right: 0;
	}
}

/**
 * header
 */
div.header-social-wrapper {
	background-color: #eee;
	border-bottom: 1px solid #ebebeb;
}
div.header-social-container {
	height: auto;
	margin: 0 auto;
	max-width: 1170px;
	position: relative;
	width: 100%;
}
div.header-social-container ul.social-icons {
	display: flex;
	justify-content: flex-end;
	list-style: none;
}
div.header-social-container ul.social-icons li {
	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
	margin-top: 0.5rem;
}
div.header-social-container ul.social-icons li a {
	color: #888;
	font-size: 16px;
	text-decoration: none;
}
div.header-social-container ul.social-icons li a:hover {
	color: #555;
}


div.header-logo-container {
	background-color: #eee;
	border-bottom: 1px solid #ebebeb;
	float: left;
	height: auto;
	position: relative;
	width: 100%;
}

div.header-logo-container div.logos {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0.2em 0;
}

div.header-logo-container div.logos div.logo {
	margin: 0;
	padding: 0.75em 2em;
	line-height: 0;
}

/**
 * post metadata
 */
#main-content .post-meta .post-info-date {
	border-left: none;
	padding-left: 0;
}