/*
Theme Name: Schmocker Co Gartenbau
Theme URI: http://mtomas.com/1/
Author: Tech Computing GmbH
Author URI: http://www.techcomputing.ch/
Description: Das Theme Schmocker & Co ist ein Child Theme basierend auf dem Tiny Framework Theme. Das Child Theme enthaelt alle Anpassungen fuer die Firma Schmocker & Co. und gewaehrleistet Aktualisierungen von Plugins und Haupt Theme, Dieses Vorgehen ist nach Wordpress best practice.
Version: 2.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready
Text Domain: tiny-framework-child
Template: tiny-framework

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

@import url("../tiny-framework/style.css");

/* Custom Color definitions

color: #819966;   green logo color
color: #1c4c35;   dark-green logo color

*/

/* 4.2 Buttons */

.btn,
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite .post-author-label {
/* Twitter Bootstrap .btn style */
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	/*vertical-align: middle;*/
	-ms-touch-action: manipulation;
	  touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
/* End - Twitter Bootstrap .btn style */
	background-color: #819966;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #819966, #819966);
	background-image: -ms-linear-gradient(top,#819966, #819966);
	background-image: -webkit-linear-gradient(top, #819966, #819966);
	background-image: -o-linear-gradient(top, #819966, #819966);
	background-image: linear-gradient(top, #819966, #819966);
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
       -moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
            box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	color: #ffffff;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.menu-toggle:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
article.post-password-required input[type=submit]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus,
.menu-toggle:hover,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
article.post-password-required input[type=submit]:hover,
article.post-password-required input[type=submit]:focus {
	color: #333;
	text-decoration: none;
	background-color: transparent; /* Back compat. for IE8 */
	background-color: #819966;
	background-image: none;
}
.btn:active,
.btn.active,
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #333;
	text-decoration: none;
	background-color: transparent; /* Back compat. for IE8 */
	background-color: rgba(0%, 0%, 0%, 0.1);
	background-image: none;
	outline: 0;
}
button[disabled],
input[disabled],
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
		  box-shadow: none;
	opacity: .65;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn + .btn {
	margin: 12px 0;
	margin: 0.75rem 0;
}


/* 5.2 Menus */

/* Make WP admin-bar sticky from the beginning for a consistent user experience and avoid theme menu covering it */
#wpadminbar{
	position:fixed;
}


/* Small (mobile) menu */
.main-navigation {
	position: fixed;
	top: 0px;
	right: 0px;
	height: 42px;
	width: 100%;
	display: inline-block;
	margin-top: 0;
	z-index: 300;
	background-color: #819966;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}


/* From Expound css/expound.css */
.site-header .menu-toggle {
	background: #1c4c35;
	width: 100px;
	color: #ffffff;
	font: 16px/16px sans-serif; 
	font-weight: 300;
	padding: 10px 20px;
	padding: 0.625rem 1.25rem;
	float: right;
	overflow: hidden;
}
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus {
	background: #1c4c35;

}
.site-header .menu-toggle:before {
	content: "\2261";
	font-size: 20px;
	font-size: 1.25rem;
	margin-right: 7px;
	margin-right: 0.4375rem;
	vertical-align: baseline;
}
.main-navigation .menu-toggle,
.main-navigation.toggled .nav-menu {
	display: block;
	clear: both;   
}
.main-navigation > ul {
	display: none;
}
.main-navigation ul ul {
	display: block;
}
.main-navigation.toggled .menu-toggle {
	background: #1c4c35;
}
.main-navigation.toggled ul {
	margin: 0;
	list-style: none;
}
.main-navigation.toggled li {
	float: none;
}
.main-navigation.toggled a {
	display: block;
	color: #fff;
	padding: 10px 40px;
	padding: 0.625rem 2.5rem;
	text-decoration: none;
}
.main-navigation.toggled a:after {
	border-style: none !important;
}
.main-navigation.toggled li a {
	display: block;
	float: none;
	background: #819966;
}
.main-navigation.toggled li a:hover,
.main-navigation.toggled li a:focus
 {
	background: #1c4c35;
}
.main-navigation.toggled ul ul,
.main-navigation.toggled ul ul ul {
	position: static;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	float: none;
}
.main-navigation.toggled ul ul a {
	padding-left: 60px;
	padding-left: 4.285714286rem;
	width: auto;
}
.main-navigation.toggled ul ul ul a {
	padding-left: 80px;
	padding-left: 5.714285714rem;
	width: auto;
}
.main-navigation.toggled ul > .current_page_item > a,
.main-navigation.toggled ul > .current-menu-item > a {
	background: #1c4c35;
}






/* 9.1 General widget styles */

.widget-title {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	text-transform: uppercase;
	color: darkgoldenrod;
	/* Experimenting with text outline for better accessibility in text of light color */
	/* text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; */
}


/* 10.0 Header
-------------------------------------------------------------- */

/* Tip04 - Reminder to enable JavaScript */
#no-javascript {
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	padding: 0.3125rem 0;
	background-color: #ed0000;
}

/* 10.1 Site Header */

.site-header {
	padding: 0;
}
#site-title-wrapper {
	float: none;
	padding-top: 12px;
	padding-top: 0.75rem;
}
.site-header .site-title,
.site-header .site-description {
	text-align: center;
}
/* Tip88 - Customize color scheme: Site Title and Description - can also be changed via Admin > Appearance > Customizer */
.site-header .site-title a,
.site-header .site-description a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header .site-title a:hover,
.site-header .site-title a:focus,
.site-header .site-description a:hover,
.site-header .site-description a:focus {
	color: #ff6111;
	text-decoration: underline;
}
.site-header .site-title {
	color: #515151;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 0.875rem;
	margin-top: 0;
}
.site-header .site-description {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.8125rem;
	color: #757575;
	margin: 0;
}

/* Tip14 - Site Logo plugin/feature support. Check: inc/plugin-compatibility.php for more details. */
.site-logo-link {
	display: none;
}
.site-logo {
	
}
/* Enable Site Logo in mobile view */

/*
.site-branding {
	margin-top: 12px;
	margin-top: 0.75rem;
}
.site-logo-link {
	display: inline-block;
	float: left;
	margin: 5px 24px 0 0;
	margin: 0.3125rem 1.5rem 0 0;
}
#site-title-wrapper {
	padding: 12px 0 12px 12px;
	padding: 0.75rem 0 0.75rem 0.75rem;
}
.site-header .site-title,
.site-header .site-title a {
	clear: none;
	display: inline;
}
.site-header .site-title,
.site-header .site-description {
	text-align: left;
}
*/

img.header-image,
.site-header img.wp-post-image {
		margin-top: 1px;
	
	/*margin-top: 24px;
	margin-top: 1.5rem;*/
	max-width: 300px;
	max-height: 300px;
       box-shadow: none;

}

/* 11.0 Content
-------------------------------------------------------------- */

body {
	margin-top: 48px;
	margin-top: 3rem;
}
.site {
	padding: 0 24px;
	padding: 0 1.5rem;
	background-color: #fff;
}
.content-area {
	margin: 24px 0 0;
	margin: 1.5rem 0 0;
}

/* 11.1 Posts and pages */

.content-area article,
.content-area section { /* section is for 404.php and content-none.php */
	word-break: normal;
	word-break: break-word; /* Non standard for webkit */
	word-wrap: break-word;
	-ms-word-wrap: break-word; /* For IE8 */
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	border-bottom: 4px double #ededed;
	margin-bottom: 48px;
	margin-bottom: 3rem;
	padding-bottom: 24px;
	padding-bottom: 1.5rem;
}
/* Remove content bottom border for a single page, attachement page and for the last post in archive view listing */
.content-area article:last-child,
.page .content-area article,
.content-area section, /* section is for 404.php and content-none.php */
.attachment .content-area article {
	border-bottom: 0px;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	background-image: none!important;
}
.archive .content-area article,
.category .content-area article,
.singular .content-area article,
.blog .content-area article,
.search-results .content-area article {
	background: #fff;
	/* Old browsers */

	/* IE10 Consumer Preview */
	background-image: -ms-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
	/* Mozilla Firefox */
	background-image: -moz-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
	/* Opera */
	background-image: -o-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #fbfbfb), color-stop(1, #ffffff));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: radial-gradient(circle closest-corner at center bottom, #fbfbfb 0%, #ffffff 100%);
}

/* Tip36 - Display featured image thumbnail in archive views (index page, categories, etc.)
 * Image also gets the class "alignright", "aligncenter", etc. via content.php
 */
.entry-thumbnail .wp-post-image {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* You can try using these CSS rules if you place small size (thumbnail) image that is aligned to the left */
/*
.entry-thumbnail img.wp-post-image {
	margin: 24px 24px 0 0;
	margin: 1.5rem 1.5rem 0 0;
	width: auto;
}
*/
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.entry-header .entry-title {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.45;
	color: #333;
}
.entry-header .entry-title a {
	text-decoration: none;
	color: #819966;
}
.entry-header .entry-title a:hover,
.entry-header .entry-title a:focus {
	color: #1c4c35;
	text-decoration: underline;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.5rem;
	font-weight: normal;
}
.entry-header .title-comment-meta {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: normal;
	color: #555;
	vertical-align: super;
	white-space: nowrap; /* Do not separate icon from number */
}
.entry-header .title-comment-meta a:before {
	content: "\f0e5";
	font-size: 21px;
	font-size: 1.3125rem;
	margin-right: 3px;
	margin-right: 0.1875rem;
	position: relative;
	top: 2px;
	text-decoration: none;
}
/* Increasing line height for entry meta (header and footer) to get better spacing for the mobile tap targets */
.entry-meta {
	line-height: 2.8;
}
.entry-header .entry-meta {
	color: #555;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-top: 12px;
	margin-top: 0.75rem;
}
.entry-meta .comments-link {
	display: inline-block;
}
.comments-link a,
.entry-meta a {
	color: #555;
	text-decoration: none;
}
.comments-link a:hover,
.entry-meta a:hover,
.entry-header .title-comment-meta a:hover {
	color: #dd3811;
	text-decoration: underline;
}
.comments-link a:focus,
.entry-meta a:focus,
.entry-header .title-comment-meta a:focus {
	color: #dd3811;
	text-decoration: none;
}

/* Tip26b - Comment out next CSS rule to Print HTML bellow post title with meta information (date/time and author)
 * for the index/archive views in MOBILE view.
 */
.list-view .entry-header .entry-meta {
	display: none;
}
footer.entry-meta {
	color: #555;
	font-size: 13px;
	font-size: 0.8125rem;
}
.updated:not(.published) {
	display: none;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.edit-link:before,
.entry-format:before,
.full-size-link:before {
	font-size: 14px;
	font-size: 0.875rem;
	margin-right: 2px;
	margin-right: 0.125rem;
	position: relative;
}
.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link,
.edit-link,
.entry-format,
.full-size-link {
	margin-right: 14px;
	margin-right: 0.875rem;
	color: #959595;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.edit-link:before,
.entry-format:before,
.full-size-link:before {
	padding-right: 3px;
	padding-right: 0.1875rem;
}
.byline:before {
	content: "\f007";
}
.cat-links:before {
	content: "\f07c";
}
.comments-link:before {
	content: "\f075";
}
.edit-link:before {
	content: "\f040";
}
.full-size-link:before {
	content: "\f00e";
}
.posted-on:before {
	content: "\f073";
}
.tags-links:before {
	content: "\f02b";
}
.comments-link,
.edit-link {
	white-space: nowrap; /* Do not separate icon from number */
	display: inline-block;
}
/* Do not display icons for entry-meta-top */
.entry-header .entry-meta .byline:before {
	content: none;
	padding-right: 0;
}
.entry-header .entry-meta .byline,
.entry-header .entry-meta .posted-on,
.entry-header .entry-meta .comments-link,
.entry-header .entry-meta .edit-link {
	margin-right: 0;
}
.entry-header .entry-meta .posted-on:before,
.entry-header .entry-meta .comments-link:before,
.entry-header .entry-meta .edit-link:before {
	content: "\f111";
	font-size: 4px;
	font-size: 0.25rem;
	margin: 0 7px;
	margin: 0 0.4375rem;
	padding-right: 0;
	vertical-align: middle;
}

/* Entry-meta for specific post formats */
.format-aside .entry-format:before {
	content: "\f192"; /* fa-dot-circle-o */
}
.format-aside footer.entry-meta {
	margin-top: 5px;
	margin-top: 0.3125rem;
}
.format-image .entry-format:before {
	content: "\f03e"; /* fa-picture-o */
}
.format-link .entry-format:before {
	content: "\f0c1"; /* fa-link */
}
.format-quote .entry-format:before {
	content: "\f10e"; /* fa-quote-right */
}
.format-status .entry-format:before {
	content: "\f041"; /* fa-map-marker */
}
.format-aside .cat-links,
.format-aside .tags-links,
.format-image.cat-links,
.format-image .tags-links,
.format-link .cat-links,
.format-link .tags-links,
.format-quote .cat-links,
.format-quote .tags-links,
.format-status .cat-links,
.format-status .posted-on,
.format-status .tags-links {
	display: none;
}

/* Tip30 - Uncomment next CSS block to hide entry meta section, located below the post (with author, categories, tags)
 * in the Index page and archive listings.
 */

/*
.list-view footer.entry-meta {
	display: none;
}
.format-link footer.entry-meta,
.format-status footer.entry-meta,
.singular footer.entry-meta {
	display: block;
}
.content-area article {
	padding-bottom: 12px!important;
	padding-bottom: 0.75rem!important;
}
*/

.entry-content,
.entry-summary {
	text-align: justify;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1,
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2,
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3,
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4,
.entry-content h5,
.entry-summary h5,
.page-content h5,
.comment-content h5,
.entry-content h6,
.entry-summary h6,
.page-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.5rem 0;
	color: #333;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1,
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.5;
	font-weight: normal;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.6;
}
.entry-meta h3 {
	color: #333;
	margin: 24px 0;
	margin: 1.5rem 0;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.6;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.846153846;
}
.entry-content h5,
.entry-summary h5,
.page-content h5,
.comment-content h5 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.846153846;
}
.entry-content h6,
.entry-summary h6,
.page-content h6,
.comment-content h6 {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.846153846;
}
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
	margin-top: 0;
}
.entry-content {
	/* font-size: ; */
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
.single .entry-content p,
.single .entry-summary p,
.single .comment-content p,
.single .mu_register p,
.page .entry-content p,
.page .comment-content p {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}

/* Tip25 - Mark the links that will open in a new window with special icon (fa-external-link), usually these are the links to external resources
 * To disable it, just delete this CSS block. To disable it in child themes, please search for Tip25b in child theme's style.css
 */
.entry-content .fa-external-link {
	font-size: inherit;
	padding: 0 2px 0 2px;
	padding: 0 0.125rem 0 0.125rem;
	text-indent: 0px;
	vertical-align: baseline;
	white-space: nowrap;
}
/* Tip25c - Disable special icon, that marks the links that will open in a new window for an individual link.
 * Use for the desired link: <a href="http://site-address.com" class="no-link-icon" target="_blank">Link text</a>
 */
.no-link-icon .fa-external-link {
	display: none;
}

.entry-content .more-link:after,
.entry-summary .more-link:after {
    content: "\f101"; /* fa-angle-double-right */
	font-size: inherit;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin: 12px 0 12px 0;
	margin: 0.75rem 0 0.75rem 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.25rem;
}

/* This is mostly to style Recent Posts widget in 404 page */
.entry-content .widget li {
	margin: 0 0 12px 0;
	margin: 0 0 0.75rem 0;
}
ul.list-icon-ok,
ul.list-icon-file,
ul.list-icon-hand-right {
	list-style-type: none;
}
ul.list-icon-ok li,
ul.list-icon-file li,
ul.list-icon-hand-right li {
	padding-bottom: 10px;
	padding-bottom: 0.625rem;
	text-indent: -16px;
}
ul.list-icon-ok li:before {
	color: #6ba420;
	padding-right: 10px;
	padding-right: 0.625rem;
	content: "\f00c"; /* fa-check */
	font-size: 20px;
	font-size: 1.25rem;
	vertical-align: text-bottom;
}
ul.list-icon-file li:before {
	color: #6ba420;
	padding-right: 10px;
	padding-right: 0.625rem;
	content: "\f15b"; /* fa-file */
	font-size: 20px;
	font-size: 1.25rem;
	vertical-align: text-bottom;
}
ul.list-icon-hand-right li:before {
	color: #6ba420;
	padding: 0 10px 5px 0;
	padding: 0 0.625rem 0.3125rem 0;
	content: "\f087"; /* fa-thumbs-o-up */
	font-size: 20px;
	font-size: 1.25rem;
	vertical-align: bottom;
}

/* Tip33 - Enable hyphenation of text for article. Please note that automatic hyphenation can reduce
 * accesibility of the theme - it can cause strange pronunciation with screen readers.
 */

/*
.content-area article {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
*/

.page-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	padding-bottom: 22px;
	padding-bottom: 1.375rem;
	border-bottom: 1px solid #ededed;
}
.page-header a,
.page-header a:visited {
	color: #0066cc;
	text-decoration: underline;
}
.page-header a:hover,
.page-header a:active {
	color: #ff6111;
	text-decoration: underline;
}
.page-title {
	color: #819966;
	font-size: 27px;
	font-size: 1.6875rem;
	font-weight: normal;
	line-height: 1.4;
	text-transform: uppercase;
}
.taxonomy-description {
	color: #555;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.375rem;
}

/* Author profiles */

.author .page-header {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.author-info {
	border-top: 1px solid #ededed;
	line-height: 1.8;
	margin: 24px 0;
	margin: 1.5rem 0;
	padding-top: 24px;
	padding-top: 1.5rem;
	overflow: hidden;
}
.author-avatar {
	float: left;
	margin: 8px 24px 0 0;
	margin: 0.5rem 1.5rem 0 0;
}
.author-description {
	margin: 0;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.8125rem;
	margin: 0;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}
h2.author-title {
	clear: none;
	display: inline;
	margin: 0 0 12px 0;
	margin: 0 0 0.75rem 0;
}
.archive h2.author-title {
	line-height: 1.4;
}
.author-link:after {
	content: "\f178"; /* fa-long-arrow-right */
	padding-left: 1px;
	padding-left: 0.0625rem;
}

/* 12.0 Footer
-------------------------------------------------------------- */

.site-footer {
	border-top: 1px solid #ededed;
	font-size: 13px;
	font-size: 0.8125rem;
	max-width: 960px;
	max-width: 100rem;
	margin: 5px auto 0 auto;
	margin: 0.3125rem auto 0 auto;
	padding: 0 0 29px 0;
	padding: 0 0 1.8125rem 0;
}
/* Give extra top padding when footer widgets are present */
.footer-widgets .site-footer {
	padding-top: 5px;
	padding-top: 0.3125rem;
}
.site-footer a {
	color: #222;
}
.site-footer a:hover,
.site-footer a:focus {
	color: #dd3811;
}
.site-footer {
  background: #fff;
  /* Old browsers */

  /* IE10 Consumer Preview */
  background-image: -ms-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* Mozilla Firefox */
  background-image: -moz-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* Opera */
  background-image: -o-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #fbfbfb), color-stop(1, #ffffff));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: radial-gradient(circle closest-corner at center top, #fbfbfb 0%, #ffffff 100%);
}
.site-info,
.site-info-2 {
	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
	font-size: 14px; /* Make tap targets larger to provide a better user experience on mobile devices. */
	font-size: 0.875rem;
	font-weight: normal;
}

#copyright-design {
float: right;
}

#copyright-design a,
#copyright-design a:hover,
#copyright-design a:visited {
	color: lightgray;
	text-decoration: none;
}



.site-info ul,
.site-info-2 ul {
	margin: 0;
}
.site-info {
	clear: both; /* Because footer widgets */
	width: 100%;
	max-width: 100%;
	max-width: 100%;
	float: left;
}
.site-info .fa-wordpress {
	font-size: 16px;
	font-size: 1rem;
}

/* Tip61 - Discreet link to WordPress Admin panel in the footer */
#site-admin-link a {
	margin-right: 10px;
	margin-right: 0.625rem;
}
#site-admin-link a,
#site-admin-link a:visited {
	color: #747474;
	text-decoration: none;
	padding: 0 2px 1px 2px;
	padding: 0 0.125rem 0.0625rem 0.125rem;
	border: 1px solid #747474;
}
#site-admin-link a:hover,
#site-admin-link a:active,
#site-admin-link a:focus {
	color: #fff;
	background-color: #757575;
}
.site-info-2 {
	width: 100%;
	max-width: 250px;
	max-width: 15.625rem;
	float: right;
	text-align: right;
	margin-top: 24px;
	margin-top: 1.5rem;
}
.site-info-2 a,
.site-info-2 a:visited {
	color: #222;
	text-decoration: none;
}
.site-info-2 a:hover {
	text-decoration: none;
}




/* 15.1 Minimum width of 783 pixels - it is activated at the same time as mobile view of WordPress admin-bar 782px
 * (small screens - mobile phones, small tablets in portrait view mode)
 */
@media screen and (min-width: 783px) {
	body {
		margin-top: 0;
	}
	body .site {
		margin: 0 auto;
		max-width: 1040px;
		max-width: 75rem;
		/* overflow: hidden; */ /* Had to disable it to make visible top menu sub-items */
	}

	/* Tip52 - Default site layout for normal view */
	
       .content-area {
		float: left;
		width: 65.104166667%;
	}
	.widget-area {
		float: right;
		width: 30.5%;
	}

	/* Tip52b  - Change site layout (position of sidebar) for normal view */

	/*
	.content-area {
		float: right;
		width: 65.104166667%;
	}
	.widget-area {
		float: left;
		width: 30.5%;
	}
	*/

       .site-header {
		text-align: left;
	}



        body.custom-font-enabled {
	/* Improving font fallback in Linux */
	font-family: Geneva; /* "Open Sans", Verdana, Geneva, "DejaVu Sans", sans-serif; */
        }


       /* Top menu for the normal site */
	.main-navigation {
		position: static;
		height: 100%;
		background: none repeat scroll 0% 0% rgb(255, 255, 255);
		/* background: rgba(255, 255, 255, 0.9); */ /* make background transparent */
		border-bottom: none;
		box-shadow: none;
	}
	.main-navigation,
	body.admin-bar .main-navigation { /* Do not need extra top margin for admin-bar in normal view */
		margin-top: 1px;
			}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-top: none;
		border-bottom: none;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul.nav-menu  {
		text-align: left;
	}
	.main-navigation ul.nav-menu ul.sub-menu {
		text-align: left;
              min-height: 50px;

	}
	/* Adding shadow for the drop down menu items */
	.main-navigation ul.nav-menu ul.sub-menu li {
		-webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3);
		   -moz-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3);
				box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3);
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	
	
	/* menu items color*/

	.main-navigation li a {
		border-bottom: 0;
		color: #819966;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #1c4c35;
		outline: none;
		text-decoration:  none;
              font-weight: bold;
	}
	.main-navigation li {
		position: relative;
		margin: 0 40px 0 0;
		margin: 0 2.5rem 0 0;
		font-size: 16px;
		line-height: 1.42857143;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 100;
		height: 1px; 
		width: 1px; 
		overflow: hidden; 
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #819966;
             color: #ffffff;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.6875rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.5rem 0.625rem;
		width: 200px;
		width: 14.285714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #1c4c35;
		color: #ffffff;
	}
	.main-navigation ul li ul li,
	.main-navigation ul li ul li ul li {
		border-bottom: 1px solid #ccc;
	}
	.main-navigation ul li ul li:last-child,
	.main-navigation ul li ul li ul li:last-child {
		border-bottom: 0;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #1c4c35;
		font-weight: bold;
	}
	.main-navigation .menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: none;
	}



       .entry-header .entry-title {
	
	font-size: 24px;
	font-weight: bold;
	line-height: 1.45;
	color: #819966;
       }

       .entry-content h2,
       {
	font-size: 20px;
	line-height: 1.5;
	font-weight: normal;
	}
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2,
	.mu_register h2 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: normal;
	}

}

/* 15.2 Minimum width of 1100 pixels (average size screens - monitors, small tablets in landscape view mode, larger tablets) */
@media screen and (min-width: 1100px) {
	body {
		background-color: #ffffff;
	}
	body .site {
		padding: 12px 40px 0 40px;
		padding: 0.75rem 2.5rem 0 2.5rem;
		margin-top: 24px;
		margin-top: 1.5rem;
		margin-bottom: 48px;
		margin-bottom: 3rem;
		-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
		   -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
				box-shadow: none;
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding-top: 0;
		margin-top: 12px;
		margin-top: 0.75rem;
		margin-bottom: 0;
		box-shadow: none;
	}
	.entry-content .page-links a,
	.entry-content .page-links > span {
		margin: 0 5px 5px 0;
		margin: 0 0.3125rem 0.3125rem 0;
	}
	#site-admin-link a {
		margin-right: 3px;
		margin-right: 0.1875rem;
	}
	.site-info-2 {
		margin-top: -10px;
		margin-top: -0.625rem;
	}
}