/*
Theme Name: Penciletto
Theme URI: https://blogonyourown.com/themes/penciletto
Author:	BlogOnYourOwn.com
Author URI: https://blogonyourown.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: penciletto
Description: Penciletto is a modern WordPress theme, which with its appearance and attention to detail can successfully compete with more than one premium theme. Well-designed menu, various options for displaying posts in the slider (statically or automatically with smooth speed regulation), a large number of widgets that will give your site an individual character. The one-column layout will make your photos look great. A matched and legible font, with a perfect line width, will allow you to read each article freely. Penciletto was created for beginners bloggers, therefore it is easy to use. With our motif, you can easily set your website to look dazzling.
Tags: translation-ready, blog, news, right-sidebar, custom-background, two-columns, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments
Template: pencil
Version: 1.0.1
*/

body,
button,
input,
select,
textarea {
	font-size: 1.15rem;
	line-height: 2;
}

.site-header {
	background-color: #fff;
}

.main-navigation {
	min-height: 70px;
	padding: 10px 30px;
	border-bottom: 1px solid #edebeb;
	letter-spacing: 0.2em;
}

.main-navigation ul ul {
	top: 4.25em;
}

.main-navigation .sub-menu {
	box-shadow: rgb(204, 204, 204) 0 1px 4px;
}

.main-navigation.toggled .sub-menu {
	box-shadow: none;
}

.main-navigation.toggled {
	padding-left: 0;
}

.pencil-featured-slider-header span {
	color: #000;
	background-color: #fff;
	font-weight: 700;
}

.posts-navigation {
	width: 100%;
	padding-right: 1.5625rem;
	padding-left: 1.5625rem;
	font-weight: 700;
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
	display: block;
	border-bottom: 1px solid #000;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.custom-logo-link {
	float: left;
}

.custom-logo-link img {
	width: auto;
	height: 30px;
	margin: 10px 30px 10px 0;
}

.site-info p {
	text-align: right;
}

.tags-links {
	font-size: 1rem;
}

.pencil-featured-slider {
	width: 1680px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.widget-title,
.category-list,
.pencil-page-intro,
.comments-title,
.comment-reply-title,
.pencil-next-article,
.pencil-previous-article {
	letter-spacing: 0.2em;
}

.top-widget {
	width: 1420px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 30px 0;
}

.fat-wpp-list .entry-title {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}

.top-widget .fat-wpp-list li {
	padding: 0;
	background-color: transparent;
}

.top-widget .widget.popular-posts {
	margin-bottom: 0;
}

.footer-widget {
	background-color: #000;
}

.footer-widget .container {
	display: -ms-flexbox;
	display: flex;
	max-width: 1420px;
	padding-top: 60px;
	padding-right: 30px;
	padding-left: 30px;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-widget .widget {
	width: 100%;
	padding: 10px;
	color: #fff;
}

.footer-widget .widget a {
	color: #fff;
}

@media (min-width: 48em) {
	.main-navigation li {
		padding: 1.125em 0.75em;
	}

	.site-info .footer-text {
		text-align: left;
	}

	.top-widget .fat-wpp-list {
		display: -ms-flexbox;
		display: flex;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.top-widget .fat-wpp-list li {
		width: 50%;
		padding: 0 16px;
	}

	.top-widget .fat-wpp-list li:nth-of-type(2n) {
		padding-right: 0;
	}

	.top-widget .fat-wpp-list li:nth-of-type(2n+1) {
		padding-left: 0;
	}

	.footer-widget .widget {
		width: 50%;
		padding: 0 20px;
	}

	.footer-widget .widget:nth-of-type(2n) {
		padding-right: 0;
	}

	.footer-widget .widget:nth-of-type(2n+1) {
		padding-left: 0;
	}
}

@media (min-width: 62em) {
	.main-navigation {
		float: none;
		width: 1420px;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.site-content {
		max-width: 80.72rem;
		padding-top: 5.125rem;
	}

	.home .site-main .entry-title {
		max-width: 60%;
	}

	.top-widget .fat-wpp-list li {
		width: 25%;
		padding: 8px;
	}

	.top-widget .fat-wpp-list li:nth-of-type(2n) {
		padding-right: 10px;
		padding-left: 4px;
	}

	.top-widget .fat-wpp-list li:nth-of-type(2n+1) {
		padding-right: 4px;
		padding-left: 10px;
	}

	.top-widget .fat-wpp-list li:nth-of-type(4n) {
		padding-right: 0;
		padding-left: 16px;
	}

	.top-widget .fat-wpp-list li:nth-of-type(4n+1) {
		padding-right: 16px;
		padding-left: 0;
	}

	.footer-widget .widget {
		width: 25%;
	}

	.footer-widget .widget:nth-of-type(2n) {
		padding-right: 13px;
		padding-left: 6px;
	}

	.footer-widget .widget:nth-of-type(2n+1) {
		padding-right: 6px;
		padding-left: 13px;
	}

	.footer-widget .widget:nth-of-type(4n) {
		padding-right: 0;
		padding-left: 20px;
	}

	.footer-widget .widget:nth-of-type(4n+1) {
		padding-right: 20px;
		padding-left: 0;
	}
}