/* 
Theme Name: Pico Y Placa
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body {
    background: url(/wp-content/uploads/2023/08/app-bk-scaled.jpg);
    object-fit: cover;
}
.blog-hero{
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    color:white;
    position: sticky;
    top: 0px;
}
.blog-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 0;
}
header.page-header {
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-content {
    padding: 50px;
}
.blog_date {
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 30px;
}
/*header*/
.header-container{
	width:33.333333%;
	max-width:422px;
}
#content{
	width:calc(100% - 422px);
	float:right;
	max-width:100%;
	margin-top: -8px;
}
.main-menu ul{
	padding-left:0px !important;
}
.blog-hero h1.entry-title {
    padding: 0px 30px;
}
.post-container {
    margin-top: -180px;
    z-index: 10;
    position: relative;
    background: white;
    padding: 40px;
    border-radius: 20px;
}
/*
@media (max-wdith:1024px){
	.header-container{
		width:33.333333%;
		max-width:300px;
	}
	#content{
		width:calc(100% - 300px);
		margin-top: -8px;
	}
}*/
@media (max-width: 1024px){
	.header-container{
		width:100% !important;
		position:relative;
        min-width: 100%;
	}
	#content{
		width:100% !important;
		margin-top: 0px;
        padding:0px;
	}
    .blog-hero {
        height: 200px;
    }
    ul#menu-main-menu {
        display: flex;
    }
    .blog-hero h1.entry-title {
        padding: 0px 30px;
    }
	.post-filter {
		padding: 0px;
	}
    .post-container {
        margin-top: -125px;
    }
    .page-header img {
        width: 50px;
        height: 50px;
        margin-top: -70px !important;
    }
}
@media(max-width:600px){
    .blog-hero h1.entry-title {
        padding: 30px 30px;
        font-size: 30px;
    }
    .page-content {
        padding: 50px 20px;
    }
	figure.post-image {
		display: none;
	}
	.post-container {
		padding: 20px;
	}
}