/*
****************************************
* RESPONSIVE *
****************************************
*/

@media (min-width: 1400px) {
  .container {
  	max-width: 1200px;
  }
}

@media screen and (max-width: 1440px) {
	#home-banner figure { width: 400px; }
	#home-sobre figure img { width: 650px }
}

@media screen and (max-width: 1200px) {
	#home-banner h2 { font-size: 2.5em; padding-right: 50% }
	.s-top a,#mobile-main-menu a,#main-menu a { margin-left: 20px }
	#home-sobre figure img { width: 525px }
	#home-porque p { padding: 0 2em; }
}

@media screen and (max-width: 1000px) {
		.mobile-only {
		  display: initial;
		}

		#home-porque p { padding: 0 1em; }
		#home-banner {
			max-height: initial;
			min-height: 0;
			padding-bottom: 2.5em;
		}
		#home-banner:after {
			height: 140px;
			bottom: -1.5em;
			background-size: 100% 100%;
		}
		#home-banner h2 {
			font-size: 1.9em;
			padding-right: 0;
			max-width: 100%;
			margin: 2.25em 0 1.25em 0;
			padding: 0.6em 0.75em;
		}
		#home-banner figure {
			width: min(44vw, 360px);
			right: 1.5em;
			margin-top: 4em;
		}
		.s-top a,#mobile-main-menu a,#main-menu a { font-size: 0.75em }
		img.main-logo { width: 200px; }
		.show-busca { top: 0; }

		.page-projetos .page__head .container,
		.page-blog .page__head .container,
		.page-biblioteca .page__head .container,
		.page-servicos .page__head .container { display: block; }
		.page-projetos .page__head .desc,
		.page-blog .page__head .desc,
		.page-biblioteca .page__head .desc,
		.page-servicos .page__head .desc { display: none; }
		.page-projetos .page__head,
		.page-blog .page__head,
		.page-biblioteca .page__head,
		.page-servicos .page__head { height: initial !important; padding: 4em 0 2em 0; clip-path: initial; }
		.page-projetos .page__body .mobile-only,
		.page-blog .page__body .mobile-only,
		.page-biblioteca .page__body .mobile-only,
		.page-servicos .page__body .mobile-only {
			display: block;
			width: 100%;
			padding: 0 0 2.5em 0;
		}
		.page-projetos .page__head h1,
		.page-blog .page__head h1,
		.page-biblioteca .page__head h1,
		.page-servicos .page__head h1 { margin-top: 1.1em; font-size: 2em }

		.projetos-grid { grid-template-columns: auto; padding: 0 6%; }
		.page-biblioteca .biblioteca {
			grid-template-columns: auto;
			padding: 0 2em 4em 2em;
		}
		.page-biblioteca .biblioteca .material figure { height: 360px; }

		.tag-filter-form {
			margin-bottom: 3em;
			max-width: 100%;
		}
		.tag-filter-select {
			max-width: 430px;
		}
		.tag-filters {
			gap: 0.75em 0.8em;
			margin-bottom: 3em;
			max-width: 100%;
		}
		.tag-filters li {
			font-size: 1em;
			max-width: calc(50% - 0.8em);
			padding-right: 0.8em;
		}

		.page-servicos .servicos-grid::before,
		.page-projetos .page__body::after,
		.page-projetos .page__body::before,
		.decor-cilinders,
		.page-text::after { display: none; }

		#home-sobre figure { display: none !important; }
		#home-sobre { padding: 10em 0 6em 0; margin: 6em 0 12em 0; background: var(--roxo) }
		#home-sobre #home-sobre-right { padding-right: 0; padding-left: 0 }
	#home-sobre::before {
	  z-index: 0;
	  top: -125px;
	  left: 15%;
	  width: 70%;
	  height: 250px;
  	background-color: transparent;
  	background: no-repeat url('../img/home-mobile-home-sobre-before.png');
  	background-size: 100%;
  	clip-path: initial;
  }
	#home-sobre::after {
		content: '';
		position: absolute;
	  z-index: 0;
	  bottom: -125px;
	  left: 15%;
	  width: 70%;
	  height: 250px;
  	background-color: transparent;
  	background: no-repeat url('../img/home-mobile-home-sobre-after.png');
  	background-size: 100%;
	  }
}

@media screen and (max-width: 1000px) {

	
	.page-single-projeto blockquote:before {
	  top: 0px;
	  left: 0px;
	}
	.page-single-projeto blockquote {
	  position: relative;
	  font-weight: 600;
	  padding-left: 0em;
	  padding-top: 8em;
	  font-size: 1.5em;
	  color: var(--grafite);
	  margin: 3em 0;
	}

	#submit-button { width: 100% }
	.page-contato .left { margin: 2em 0 }
	.page-contato .left p {
		padding: 0.5em;
		font-size: 0.8em;
	}

	body { padding-top: 3em }
	#top {
		position: fixed;
		z-index: 4;
		top: 0;
		left: 0;
		width: 100%;
	}

	.page-single-projeto .row { margin: 0;display: block; }
	.page-single-projeto .col.left,
	.page-single-projeto .col.right {
		width: 100%;
		padding: 0;
		position: initial !important;
	}
	.page-single.page-single-projeto .col.left::after { display: none }
	.page-single-projeto .col.right:before {
		content: "DESCRIÇÃO";
		font-weight: 500;
		display: block;
		font-size: 1.2em;
		margin: 2em 0 0.5em 0;
		color: var(--roxo);
	}
	.page-single-projeto .page__body {  position: initial;  }
	.page-single-projeto .col.right .pseudofloater {
		position: absolute;
		top: 100px;
		left: 0px;
		padding: 1em;
		width: 100%;
	}
	.page-single-projeto .page__content {
		padding-top: 30em;
	}

	.pagination .nav-links { margin-top: 2em;text-align: center; width: 80%; padding-top: 4em; position: relative; }
	.pagination .nav-links .prev {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}
	.pagination .nav-links .next {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
	.page-single-projeto .row { padding-bottom: 0 }
	.page-single { padding-bottom: 3em }
	.projetos-grid-container { padding-top: 1em; }
	.projetos-grid-container::before { height: 12% }
	.projetos-grid-container .projetos-grid { padding: 0 3em;grid-template-columns: auto }
	.page-projetos .page__body::after,
	.page-projetos .page__body::before { display: none }
	body .container { padding: 0 1.333em }
	#home-porque {margin-top: 5em}
	#home-porque h2 { width: 40%; font-size: 1.2em }
	.projetos-grid-container h2,
	h2, h3 { font-size: 1.3em }
	#home-banner { height: 333px; max-height: initial;}
	.s-navbar { clip-path: initial; padding: 0.5em }
	#home-banner:after { clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%); height: 70px; background: #fff; }
	.mobile-icons { display: flex; justify-content: right; align-items: center; }
		.tag-filter-form { margin: 1em 0 2em 0; }
		.tag-filters { margin: 1em 0 2em 0;flex-wrap: wrap; }
		.tag-filters li { margin-bottom: 0.5em }
	.menus-containers { flex-direction: row }
	.mobile-icons a { margin-right: 0.5em; display: block; width: 40px; height: 40px; text-decoration: none; font-size: 1.666em; padding-left: 0.2em }
	.mobile-icons span { display: none; }
	.mobile-icons #closemenu { display: none; }
	.s-top { display: none }
	#menu-list-container { display: none }
	#home-banner figure { height: 285px; overflow: hidden; top: 47%; width: 30%; }
	#home-banner h2 { font-size: 20px; padding: 0.667em; margin: 3.5em 0 2em 0 }
	#home-porque h3 { margin-bottom: 0;font-size: 1.2em; text-align: left }
	#home-porque p { font-size: 1.1em ;margin: 0 0 2em 0; padding: 0 }
	#home-porque figure {
		position: absolute;
		top: 0; left: 0;
		width: 50px;
		height: 50px;
	}
		#home-porque img {
			margin: 0;
		}
	#home-porque .is-layout-flex { flex-direction: column; }
	#home-porque .wp-block-column { width: 100%; margin: 0 auto; padding: 0 2em 0 4.5em; position: relative; display: block; }
	#home-confia .confia-grid { grid-template-columns: auto auto auto }
	
	#home-blog h2 { font-size: 1.2em; margin: 0 }
	#home-blog:before { clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);height: 90% }
	.blog-grid { padding: 0 2em; grid-template-columns: 100% }
	.blog-grid .blog-box { margin-top: 1em }
	#home-blog .more {text-align: center;}

	
  #home-confia h2 {font-size: 1.2em}
  #home-confia .confia-grid .confia-box { width: 105px; height: 62px }

  #home-contato h2 { font-size: 1.8em }
  #home-contato a { font-size: 1.1em }

  #home-sobre h2 a { font-size: 1.3em; background-size: 35px }
  #home-sobre p { font-size: 1.2em }
	#home-contato { padding: 2em 2em 4em 2em; margin-bottom: -2.2em }
	#home-contato:before { top: -30px ;width: 50px; background-size: contain }
	#home-contato:after { bottom: inherit; width: 60px; background-size: contain }
	.s-footer .f-menu { flex-direction: column; align-content: center; text-align: center}
	#menu-menu { column-gap: 1em;margin:0 ;padding: 1em 3em;column-count: 3; font-family: "Archivo", sans-serif; text-align: center;font-size: 0.8em; font-weight: 400 }
	#mobile-main-menu {
		text-align: left;
		border-top: 1px solid white; 
		margin: 0 2em 0 2em;
	}
	#mobile-main-menu a { text-transform: initial }
	.s-footer { padding-top: 4em; clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); }
	.s-footer .footer-logo { width: 50% }
	.s-footer .social { justify-content: center }
	.s-footer .cp { font-size: 0.8em; margin-top: 1em; display: block; text-align:	center }
	.s-footer .cp p:nth-child(2) {
		border-top: 1px solid #fff;
		padding: 1em 0;
		margin-bottom: 0;
	}
	.page-sobre .equipe { padding-bottom:0 }
	.page-sobre .equipe { padding-left: 0 }
	.page-servicos .servicos-grid::before,
	.page-sobre .equipe::before {
		background-size: 100% 35%;
		transform: scale(-1,-1);
	}
	.page-text::after {
		width: 50px;
		height: 200px;
		background-size: 200% 100%;
	}
	.page-servicos #home-contato { padding-bottom: 6em }
	.servicos-grid .servicos-box div p:first-child { margin-top: -2.5em }
	.servicos-grid .servicos-box h3 { font-size: 1.2em; font-weight: 400; line-height: 1.4; }
	.servicos-grid .servicos-box h3 span { --cut-size: 0.7em; }
	.servicos-grid .servicos-box:nth-child(2n) figure img,
	.servicos-grid .servicos-box figure img { clip-path: initial; }
	.servicos-grid .servicos-box figure { height: 230px }
	.page-servicos .servicos-grid { margin-top: -2em }
	.page-sobre .equipe .membro:nth-child(2n+1),
	.page-sobre .equipe .membro {
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}
	.page-sobre .equipe .membro .func,
	.page-sobre .equipe h3 {
		text-align: center;
	}
	.page-sobre .equipe h3 {
		font-family: "Work Sans", sans-serif;
	}
	.page-sobre .equipe .membro p { font-size: 1.1em }
	.page-sobre .equipe .membro figure {
		margin: 0 0 1em 0;
	}
	.page-sobre .equipe .membro figure::after {
		left: initial;
		bottom: initial;
		top: -22px;
		right: -44px;
		width: 88px;
		height: 88px;
		background-size: 100%;
	}
	.page-sobre .equipe .membro:nth-child(2n+1) figure::after {
		right: initial;
		left: -44px;
		background-size: 100%;
	}
	.projetos-grid .projetos-box figure { height: 200px }
	.projetos-grid { grid-template-columns: auto }
	.servicos-grid .servicos-box p { font-size: 1.1em }
	.page-projetos .page__head .container { display: block; }
	.page-projetos .page__head .desc { display: none }
	.page-projetos .page__head,
	.page .page__head { height: initial !important; padding: 4em 0 1.5em 0; }

	.page .page__head h1 { margin-top: 1.333em;font-size: 2em;margin-bottom: 0; }
	.page .page__lines { transform: scale(1, -0.33) }
	.page-sobre .wp-block-columns figure { left: 0; margin-top: 1em }
	.page__body .is-layout-flex {flex-direction: column;}
	.page-sobre .page__body .is-layout-flex {flex-direction: column-reverse;}
	.servicos-grid .servicos-box {flex-direction: column;}
	.servicos-grid .servicos-box figure { width: 100%; }
	.servicos-grid .servicos-box div { padding: 1em; }
	.servicos-grid .servicos-box h3 { position: relative; z-index: 1;margin-top: 0; top: -2.5em; }
	.page-single .right,
	.page-single .left,
	.page-single-projeto .right,
	.page-single-projeto .left { border-right: 0; border-left: 0 }
	.page-sobre .page__body .is-layout-flex .wp-block-column:first-child {  width: initial; padding-left: 0%; }
	#main-search-form #s { width: 60%; padding: 0.5em 0.25em 0.5em 0.25em }
	#main-search-form { margin-top: -90px; padding: 1.5em 0.5em 0.5em 0.5em}
	#main-search-form button { padding: 0.5em 0;text-align: center; width: 30%; border-radius: 4px; font-size: 1em }
	#main-search-form .hide-busca { display: none }
	.decor-cilinders,
	.s-accessibility {
		display: none;
	}
	.main-logo {
		width: 168px;
	}
	#s {
		width: 100px;
	}
	.page-single .post-thumbnail {
		height: 320px;
	}
	.page-single-projeto .page__body {
		background-image: none;
	}
	.page-blog .page__head,
	.page-biblioteca .page__head,
	.page-servicos .page__head { padding: 4em 0 2em 0; clip-path: initial; margin: 0}
	.page-blog .page__head .container,
	.page-biblioteca .page__head .container,
	.page-servicos .page__head .container { display: block; }
	.page-blog
	 .page__head .desc,
	.page-biblioteca .page__head .desc,
	.page-servicos .page__head .desc { width: 100%; padding: 0 }
	.page-biblioteca .biblioteca { grid-template-columns: auto; padding: 0 4em 4em 4em}
	.page-single .page__head { padding-bottom: 0; margin-bottom: 1em }
	.page-single .page__head .tag { margin-top: 2em; margin-bottom: 0 }
	.page-single .page__head h1 {  margin-top: 0.25em;  }
		.page-single blockquote { font-size: 1.1em }
		.page-single .col.right { display: none }
		.page-single .col.right { display: none }
		.page-single-projeto .col.right { display: initial; }
		.cookie-banner__content {
			flex-direction: column;
			align-items: flex-start;
			padding: 1em;
		}
		.cookie-banner__content .btn {
			width: 100%;
			text-align: center;
		}
	}

@media screen and (max-width: 700px) {
	#home-sobre #home-sobre-right { padding-left: 0; }
	#home-banner figure {
		height: 255px;
		width: 50%;
		right: 0;
	}
}

@media screen and (max-width: 500px) {
	#home-banner h2 { font-size: 1.2em; }
	#home-banner figure {
		height: 255px;
		width: 50%;
		right: 0;
	}
	#home-porque{
		margin-top: 2em;
	}
	.tag-filter-select {
		max-width: 100%;
	}
	.tag-filter-select select {
		font-size: 1em;
	}
	.tag-filters {
		display: block;
	}
	.tag-filters li {
		display: block;
		max-width: 100%;
		padding-right: 0;
	}
	.tag-filters li:after {
		display: none;
	}
}

/* Galerias de imagem no corpo dos posts (ver css/main.css). */
@media screen and (max-width: 1000px) {
	.page-single .page__content ul.wp-block-gallery,
	.page-single .page__content .blocks-gallery-grid,
	.page-single .page__content .gallery,
	.page-single .page__content ul.wp-block-gallery[class*="columns-"],
	.page-single .page__content .gallery[class*="gallery-columns-"] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 600px) {
	.page-single .page__content ul.wp-block-gallery,
	.page-single .page__content .blocks-gallery-grid,
	.page-single .page__content .gallery,
	.page-single .page__content ul.wp-block-gallery[class*="columns-"],
	.page-single .page__content .gallery[class*="gallery-columns-"] {
		grid-template-columns: 1fr;
	}
	.page-single .page__content ul.wp-block-gallery figcaption,
	.page-single .page__content .gallery-caption {
		position: static;
		background: none;
		color: var(--grafite);
		padding: 0.4em 0 0;
	}
}