/*
Theme Name: Cleanine
Description: Cleanine is a child theme of the new Twenty Nineteen WordPress theme. Twenty Nineteen is a beautiful and elegant WordPress Theme. But the header and appearance of featured images on post pages was something which I could not get used to. Cleanine themes gives Twenty Nineteen a more conservative header with clearly marked boundaries on homepage and post pages. It also changes how the featured images appear. In this child theme, the featured images appear in the old fashioned way below the post title and not as a background. These distinctions make Cleanine a more suitable theme for majority of blogs and bloggers.
Author: Afadel
Theme URI: https://www.bigtimedaily.com/cleanine/
Text Domain: cleanine
Template: twentynineteen
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
Version: 1.2
Requires at least: WordPress 4.9.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Cleanine Theme is Licensed under GNU GPL v2.0
Cleanine Theme - (C) 2018, Afadel

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.

*/
body {
	font-family: "Arial", "Helvetica", sans-serif;
}
#masthead {
	padding: 20px 20px;
	background: #eee;
	border-bottom: solid 1px #ddd;
}
.site-title {
	font-weight: bold;
}
#site-navigation ul li a {
	font-size: 16px;
	background: #ccc;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 3px;
}
#site-navigation ul li:hover  li a {
	background: none;
}
.site-description {
	font-size: 18px;
    position: relative;
    top: -3px;
}
.entry {
	margin-top: 25px;
}

@media screen and (min-width: 768px) {
.cleanine-layout {
	margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
.cleanine-layout .entry-cleanine {
	display: block;
	width: 100%;
	overflow: auto;
}

.cleanine-layout-left {
	width: 180px;
	float: left;
}
.cleanine-layout-right {
	width: calc(100% - 200px);
		float: left;
	
}

.cleanine-excerpt {
	width: 100%;
	display: block;
	clear: both;
}
}
@media screen and (max-width: 767px) { 
	.cleanine-layout-left img {
		width: 100%;
	}
	.cleanine-layout-right, .cleanine-excerpt {
		padding: 0 20px;
	}
	
}
.cleanine-layout:first-child {
    margin-top: 50px;
}
.cleanine-layout-right a {
	color: #222;
}
.cleanine-layout-right h1:before {
	content: none !important;
}


#top-parent {
	background: #222;
	
}
#top-menu {
	background: #222;
	color: #eee;
	margin: 0;
	text-align: right;
	font-size: 14px;
}
@media screen and (min-width: 768px) {
#top-menu {
	margin: 0 calc(10% + 60px) ;
}
}
#top-menu ul li a {
	color: #eee;
	display: inline-block;
	margin-left: 8px;
	padding: 5px;
}
#top-menu ul li a:hover {
	text-decoration: underline;
}
#top-menu ul li {
	display: inline-block;
	list-style: none;
}
#top-menu ul {
	margin: 0;
}
#top-menu ul ul {
	display: none;
}