/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* posat meu per https://displayposts.com */

/* Grid style */
/*
.site-main
{
	padding: 3%;

}
*/
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;

}

.display-posts-listing.grid .title {
	display: block;
	font-family: "Roboto", Sans-serif;
    font-weight: 600;
	font-size: 1.2em;
	margin: auto;
	color: #303133;
}

.display-posts-listing.grid img {
  display: block; 
	width :100%; 
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
/*display: grid;*/
/*  grid-template-columns: 1fr 1fr;*/
/*  grid-column-gap: 10px;*/
/*  grid-row-gap: 15px;*/
		
	}
	
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
 /*display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
 /* max-width: 100%;*/
		
	}
/*	
	.site-main
	{width : 100%;
	max-width : 100%;
	}
*/
}

/* el quadre de archive.php */
	.listing-item {
		padding: 3%;
		background-color: #FAb3b5 ; //#F9F19B;
		border-radius: 3%;
	}


/*

@media (max-width: 575px) {
  .site-header, body:not([class*="elementor-page-"]), body:not([class*="elementor-default"]), .site-main {
    padding-right: 10px;
    padding-left: 10px; } }

@media (min-width: 576px) {
  .site-header, body:not([class*="elementor-page-"]), body:not([class*="elementor-default"]), .site-main {
    max-width: 575px;} }

@media (min-width: 768px) {
  .site-header, body:not([class*="elementor-page-"]), body:not([class*="elementor-default"]), .site-main {
    max-width: 767px; } }

@media (min-width: 992px) {
  .site-header, body:not([class*="elementor-page-"]), body:not([class*="elementor-default"]), .site-main {
    max-width: 990px; } }

@media (min-width: 1200px) {
  .site-header, body:not([class*="elementor-page-"]), body:not([class*="elementor-default"]), .site-main {
    max-width: 1199px; } }

@media (min-width: 1px) {
.site-header, body:not([class*="elementor-page-"]) body:not([class*="elementor-default"]), .site-main {
 max-width :100%;
	padding : 10px;
margin-right: auto;
  margin-left: auto; }
}


 @media (max-width: 575px) {
  .site-header, body .site-main {
    padding-right: 10px;
    padding-left: 10px; }
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
  max-width: 100%;
	}
}

@media (min-width: 576px) {
  .site-header, body .site-main {
    max-width: 576px !important; } 

}

@media (min-width: 768px) {
  .site-header, body .site-main {
    max-width: 768px !important;  } }

@media (min-width: 992px) {
  .site-header, body .site-main {
    max-width: 992px !important; }
.display-posts-listing.grid {
		grid-template-columns: repeat( 4, 1fr );
 display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
}
}
@media (min-width: 1200px) {
  .site-header, body .site-main {
    max-width: 1200px !important; } }