/* xl - DESKTOP STYLES */ 
@media (min-width: 1441px) {
  /* Tamanho do menu lateral */
  .menu-lateral {
  	width: 20%;
      max-width: 350px;
  	min-width: 250px;
  }
  
  /* Barra lateral */
  .interiores-lateral {
  	max-width: 300px;
  	min-width: 250px;
  }
}

/* lg - TABLET LANDSCAPE STYLES */ 
@media (min-width: 1024px) and (max-width: 1440px) {
  /* Tamanho do menu lateral */
  .menu-lateral {
  	width: 20%;
      max-width: 350px;
  	min-width: 250px;
  }
  
  /* Barra lateral */
  .interiores-lateral {
  	max-width: 300px;
  	min-width: 250px;
  }
}

/* md - TABLET PORTRAIT STYLES */ 
@media (min-width: 768px) and (max-width: 1023px) {
  /* Tamanho do menu lateral */
  .menu-lateral {
  	display: none;
  }
  
  /* Barra lateral */
  .interiores-lateral {
      width: 100%;
  }
  
  /* Interiores */
  .interior-content iframe, .interior-content .wp-post-image, .featured-img img {
  	max-height: 300px;
  	min-height: 200px;
  	aspect-ratio: 16 / 9;
  	object-fit: cover;
  }
  .interior-content img {
  	min-height: 200px;
  	max-height: 300px;
    	width: 100%;
    	object-fit: contain;
    	background: var(--e-global-color-text);
    	padding: 16px;
  	margin: 0;
  }
}

/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (min-width: 641px) and (max-width: 767px) {
  /* Tamanho do menu lateral */
  .menu-lateral {
  	display: none;
  }
  
  /* Barra lateral */
  .interiores-lateral {
      width: 100%;
  }
  
  /* Interiores */
  .interior-content iframe, .interior-content .wp-post-image, .featured-img img {
  	max-height: 300px;
  	min-height: 200px;
  	aspect-ratio: 16 / 9;
  	object-fit: cover;
  }
  .interior-content img {
  	min-height: 200px;
  	max-height: 300px;
    	width: 100%;
    	object-fit: contain;
    	background: var(--e-global-color-text);
    	padding: 16px;
  	margin: 0;
  }
}

/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 640px) {
  /* Tamanho do menu lateral */
  .menu-lateral {
  	display: none;
  }
  
  /* Barra lateral */
  .interiores-lateral {
      width: 100%;
  }
  
  /* Interiores */
  .interior-content iframe, .interior-content .wp-post-image, .featured-img img {
  	max-height: 300px;
  	min-height: 200px;
  	aspect-ratio: 16 / 9;
  	object-fit: cover;
  }
  .interior-content img {
  	min-height: 200px;
  	max-height: 300px;
    	width: 100%;
    	object-fit: contain;
    	background: var(--e-global-color-text);
    	padding: 16px;
  	margin: 0;
  }
}

/* RETINA DISPLAY STYLES */ 
/* Tamanho dos layouts */
.max-width {
  max-width: 1800px !important;
	margin-left: auto;
	margin-right: auto;
}
	
/* Tamanho do texto do post-content */	
.texto-max .elementor-widget-container {
   max-width: 100%;
}
.texto-max p, .texto-max h1, .texto-max h2, .texto-max h3, .texto-max h4, .texto-max h5, .texto-max h6, ol.wp-block-list, ul.wp-block-list, .block-citacao {
  max-width: 720px !important;
}
	
/* Tamanho dos textos em destaque - usado nas landings */
.hero-max {
  max-width: 800px !important;
	margin-left: auto;
	margin-right: auto;
}

/* Tamanho dos formulários */		
.max-width-form {
  max-width: 680px !important;
	margin-left: auto;
	margin-right: auto;
}

/* Tamanho dos layouts */
.max-width {
  max-width: 1800px !important;
	margin-left: auto;
	margin-right: auto;
}
	
/* Tamanho do texto do post-content */	
.texto-max .elementor-widget-container {
   max-width: 100%;
}
.texto-max p, .texto-max h1, .texto-max h2, .texto-max h3, .texto-max h4, .texto-max h5, .texto-max h6, ol.wp-block-list, ul.wp-block-list, .block-citacao {
  max-width: 720px !important;
}
	
/* Tamanho dos textos em destaque - usado nas landings */
.hero-max {
  max-width: 800px !important;
	margin-left: auto;
	margin-right: auto;
}

/* Tamanho dos formulários */		
.max-width-form {
  max-width: 680px !important;
	margin-left: auto;
	margin-right: auto;
}

/* Tamanho do menu lateral */
@media only screen and (max-width: 1023px) {
	.menu-lateral {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	.menu-lateral {
		width: 20%;
    max-width: 350px;
	  min-width: 250px;
	}
}

/* Barra lateral */
@media only screen and (min-width: 1024px) {
	.interiores-lateral {
    max-width: 300px;
	  min-width: 250px;
	}
}
@media only screen and (max-width: 1023px) {
	.interiores-lateral {
    width: 100%;
	}
}
	
/* Interiores */
@media screen and (max-width: 1023px) {
	.interior-content iframe, .interior-content .wp-post-image, .featured-img img {
		max-height: 300px;
		min-height: 200px;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
	.interior-content img {
		min-height: 200px;
		max-height: 300px;
  	width: 100%;
  	object-fit: contain;
  	background: var(--e-global-color-text);
  	padding: 16px;
		margin: 0;
	}
}