/**

Theme Name: Essenziale Diary
Description: Highlight your contents thanks to Essenziale Diary theme
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.1
Requires PHP: 5.3
Tested up to: 6.4
Template: essenziale
Tags: blog, news, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: essenziale-diary
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Essenziale Diary Child WordPress Theme is a child theme of Essenziale, Copyright 2024 ThemeinProgress.
Essenziale Diary Child is distributed under the terms of the GNU GPLv3.

Essenziale WordPress Theme, Copyright 2024 ThemeinProgress.
Essenziale is distributed under the terms of the GNU GPLv3.

*/

/* ===============================================
   Global
   =============================================== */

body {
	background-color: #f1f1f1;
}

a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* ===============================================
   Page wrapper
   =============================================== */

#wrapper {
	position: relative;
	min-height:100%;
	background: #fff;
    margin: auto;
}

#wrapper img,
#wrapper iframe,
#wrapper object,
#wrapper embed {
	max-width: 100%;
}

body.overlay-active #wrapper {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 0) {

	#wrapper {
		width: calc(100% - 30px);
	}

	#menu-wrapper.fixed {
		width: calc(100% - 30px);
		left:15px;
		margin-left:0;
	}

}

@media (min-width: 768px) {

	#wrapper {
		width: 750px;
	}

	#wrapper .container {
		width: 720px;
	}

	#menu-wrapper.fixed {
		width:750px;
		margin-left:-375px;
		left:50%;
	}

}

@media (min-width: 992px) {

	#wrapper {
		width: 970px;
	}

	#wrapper .container {
		width: 940px;
	}

	#menu-wrapper.fixed {
		width:970px;
		margin-left:-485px;
		left:50%;
	}

}

@media (min-width: 1200px) {

	#wrapper {
		width: 1170px;
	}

	#wrapper .container {
		width: 1140px;
	}

	#menu-wrapper.fixed {
		width:1170px;
		margin-left:-585px;
		left:50%;
	}

}

/* ===============================================
   Topbar
   =============================================== */

section.topbar {
	border:none;
}

/* ===============================================
   Main menu
   =============================================== */

#main-menu {
	background:#333;
}

#main-menu ul li a {
	color:#fff;
    padding: 5px 10px;
    margin: 0;
    line-height: 45px;
}

#main-menu ul.children ,
#main-menu ul.sub-menu {
    top: 55px;
	background:#333;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	background:#d14a2b;
	color:#fff;
}

nav#main-menu ul li a:after {
	display:none;
}

/* ===============================================
   Post layout
   =============================================== */

body.home .col-md-12 .type-post ,
body.archive .col-md-12 .type-post ,
body.search .col-md-12 .type-post ,
body.home .col-md-12 .type-page ,
body.archive .col-md-12 .type-page ,
body.search .col-md-12 .type-page {
    padding: 50px 0;
}

/* ===============================================
   Featured posts
   =============================================== */

.featured-posts-wrapper {
    background: #ECE2D3;
	padding:25px 0;
}

#featured-posts-inner {
    margin-bottom: 0;
}

.featured-posts-container {
    margin-bottom: 0
}

.featured-posts-container .featured-post {
    display: inline-block;
    float: left;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.featured-posts-container .featured-post .title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
    line-height: 1.4em;
    font-weight: 600
}

.featured-posts-container .featured-post .featured-post-permalink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .3;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 30%, rgba(143,143,143,0.4) 50%, rgba(0,0,0,0.6) 100%);
}

.featured-posts-container .featured-post-permalink:focus ,
.featured-posts-container .featured-post:hover .featured-post-permalink {
    opacity: .5
}

.featured-posts-container.layout-1 .featured-post-0 {
    width: calc(25% - 10px);
    height: 450px;
    margin-right: 10px;
}

.featured-posts-container.layout-1 .featured-post-1 {
    width: calc(25% - 10px);
    height: 450px;
    margin-right: 10px;
}

.featured-posts-container.layout-1 .featured-post-2 {
    width: 50%;
    height: 220px;
}

.featured-posts-container.layout-1 .featured-post-3 {
    width: 50%;
    height: 220px;
    margin-top: 10px;
}

/* ===============================================
   Media
   =============================================== */

.pin-container {
	position:relative;
	z-index:999;
	height:auto;
    width: 600px;
    float: left;
}

.post .pin-container img {
	height:auto;
}

/* ===============================================
   Media
   =============================================== */

.post-content-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

#content .post-article:nth-child(even) .post-content-wrapper {
    flex-direction: row-reverse;
}

.pin-container + .post-content-inner {
    float: left;
    width: calc(100% - 400px);
    margin-left: -200px;
    padding: 50px;
    z-index: 1000;
}

#content .post-article:nth-child(even) .pin-container + .post-content-inner {
    margin-left: 0;
    margin-right: -200px;
}

.pin-container + .post-content-inner .post-content p {
	margin-bottom:0;
	margin-top:25px;
}

#content .post-article:nth-child(odd) .pin-container + .post-content-inner {
    background: #fff;
}

#content .post-article:nth-child(even) .pin-container + .post-content-inner {
    background: #F7F3E9;
}

@media screen and (min-width : 0) and (max-width : 991px) {

    .featured-posts-container.layout-1 .featured-post-0 ,
    .featured-posts-container.layout-1 .featured-post-1 ,
    .featured-posts-container.layout-1 .featured-post-2 ,
    .featured-posts-container.layout-1 .featured-post-3 {
        width: 100%;
        max-width: 100%;
        height: 250px;
        margin:0 0 15px 0
    }

    .featured-posts-container.layout-1 .featured-post-3 {
        margin:0
    }

    .featured-posts-container.layout-1 .featured-post-1 ,
    .featured-posts-container.layout-1 .featured-post-2 ,
    .featured-posts-container.layout-1 .featured-post-3 {
        height: 200px;
    }

}

@media screen and (min-width : 0) and (max-width : 991px) {

	.post-content-wrapper {
		display: block;
	}

	.pin-container {
		width: 100%;
		float: none;
		text-align:center
	}
	
	.pin-container img {
		width: 100%;
	}
	
	.pin-container + .post-content-inner,
	#content .post-article:nth-child(even) .pin-container + .post-content-inner {
		width: calc(100% - 100px);
		float: none;
		position:relative;
		margin:-50px 50px 0 50px;
	}

}