/*
Theme Name: PaulBridges
Theme URI: 
Author: Naru/Toborino
Author URI: 
Description: Paul Bridges block theme for Wordpress.
Requires at least: 6.0
Tested up to: 6.6.2
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paulbridges
Tags: grid-layout, wide-blocks, accessibility-ready, 
*/

:root {
	--preto: #333638;
	--branco: #fff;
	--laranja: #f58220;
	--azul: #003e6f;
	--azul-claro: #3777bc;
	--cinza: #939598;
	--cinza-claro: #e6e7e8;
	--gibki-container-max-width: 75rem;
	--gibki-small-container-max-width: 38.25rem;
	--gibki-container-padding: 1.5rem;
	--gibki-gutter-vertical: 1.5rem;
	--gibki-gutter-horizontal: 1.5rem;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--verde);
}

/* Form */
.container.form {
	max-width: 64rem;
	margin: 0 auto;
	padding: 0;
}

input[type=text],
input[type=tel],
input[type=email],
select,
textarea {
	font-family: inherit;
	width: 100%;
	min-height: 2.5rem;
	border-radius: .5rem;
	border: 0;
	color: #777;
	line-height: normal;
	text-indent: 1rem;
	background-color: var(--cinza-claro);
}

textarea {
	padding: 1rem;
	text-indent: 0;
	width: calc(100% - 1.75rem);
}


.send {
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--laranja);
	color: #fff;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: inherit;
	line-height: inherit;
	padding: 10px 50px;
	text-decoration: none;
	cursor: pointer;
	border: 3px solid var(--laranja);
	border-radius: 9999px;
}

.send:hover {
	background-color: var(--branco);
	color: var(--laranja);
}


.wpcf7 form .wpcf7-response-output {
	font-family: inherit;
	padding: 1rem;
	font-weight: 700;
	text-align: center;
	margin: 2rem 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
	background: #ffb900;
	color: var(--branco);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	background: #46b450;
	color: var(--branco);
	/* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232;
	background: #dc3232;
	color: var(--branco);
	/* Red */
}

.wpcf7-spinner {
	display: block;
}

/* Header */

header {
	position: -webkit-sticky;
	/* Safari */
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: var(--azul);
}

.hero_home h2 {
	font-size: 3.5rem;
}

.hero_home h3 {
	font-size: 1.5rem;
}

/* Footer */
footer {
	background-color: var(--preto);
}

.credits {
	background-color: var(--cinza);
}

.credits a {
	text-decoration: none;
	color: var(--preto);
}

.credits a:hover {
	text-decoration: underline;
}

.social {
	background-color: #e8e8e8;
	padding: .65rem .85rem;
	border-radius: 50%;
}

.social a:hover {
	filter: invert();
}

/* Buttons */
.wp-block-button__link:hover {
	background-color: var(--branco);
	color: var(--laranja);
}

/* hero */
.hero h2 {
	text-transform: uppercase;
	padding-bottom: 0;
}

.hero h3 {
	width: 60rem;
	margin: 0 auto;
	text-wrap: balance;
}

.heading {
	font-size: 3.5rem;
}

.desktop {
	display: block;
}

.mobile {
	display: none !important;
}

.radius {
	border-radius: 2rem;
}

.radius img {
	height: 180px;
	padding: 2rem 0 0;
}

/* What we do accordions */
.accordion {
	padding: 3rem;
	border-radius: 1.5rem;
	margin-bottom: 50px;
	color: var(--branco);
	position: relative;
}

.accordion.cinza-claro {
	background: var(--cinza-claro);
	color: var(--azul);
}

.accordion.cinza {
	background: var(--cinza);
}

.accordion.azul-claro {
	background: var(--azul-claro);
}

.accordion.azul {
	background: var(--azul);
}

.accordion.laranja {
	background: var(--laranja);
}

.accordion summary {
	font-size: var(--wp--preset--font-size--large) !important;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
}

summary::after {
	content: '';
	width: 48px;
	height: 48px;
	background: url(assets/img/plus_branco.svg) no-repeat;
	transition: 0.2s;
	background-size: contain;
	text-wrap: balance;
	position: absolute;
	right: 48px;
}

details[open]>summary::after {
	content: '';
	background: url(assets/img/minus_branco.svg) no-repeat;
	background-size: contain;
	transform: rotate(-180deg);
}

.cinza-claro summary::after {
	background: url(assets/img/plus_laranja.svg) no-repeat;
	background-size: contain;
}

details.cinza-claro[open]>summary::after {
	background: url(assets/img/minus_laranja.svg) no-repeat;
	background-size: contain;
}

summary::-webkit-details-marker {
	display: none;
}

.accordion .detail_body {
	border-top: 2px solid var(--branco);
	margin-top: 3rem;
	padding-top: 3rem;
}

.accordion.cinza-claro .detail_body {
	border-top: 2px solid var(--azul);
}

.column-reverse img {
	width: 80%;
}

.expertise h2 {
	font-size: 40px;
}

/* Jobs Blocks */

.block_01 .column {
	background: bottom / contain no-repeat url(assets/img/bg-block_01.svg);

}

.block_02 {
	background: bottom / contain no-repeat url(assets/img/bg-block_02.svg);
}

/*
.block_03 {
	background: left / contain no-repeat url(assets/img/bg-block_03.svg);
}

.check_our_jobs {
	background: top / contain no-repeat url(assets/img/bg-check_our_jobs.svg);
}
*/

.check_jobs {
	width: 102px;
}

.check_jobs_txt {
	padding: 5rem 0;
}

.block_04 .column {
	background: bottom / contain no-repeat url(assets/img/bg-block_04.svg);
}

.block_01, .block_02, .block_03, .block_04 {
	min-height: 466px;
}


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

	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	.hero_home h2 {
		font-size: 2.5rem;
	}

	.hero_home h3 {
		font-size: 1rem;
	}

	.heading {
		font-size: 2.5rem;
	}

	.hero h3,
	.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
		width: auto;
	}

	.alignwide_mobile {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		background-image: url(assets/img/pb-logo.svg);
		background-repeat: no-repeat;
        padding-top: 8rem;
        align-items: flex-start;
	}
	
	.wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: flext-start !important;
	}

	.wp-block-cover.mobile {
		min-height: 284px;
	}

	.wp-block-navigation__responsive-container-open svg {
		height: 36px!important;
		width: 36px!important;
	}
	/*
	.hero_home {
			background-image: url(https://paulbridges.toborino.com/wp-content/uploads/2024/10/bg_hero_home.jpg);
					background-size: cover;
			background-position-x: center;
		}
	.hero_home .wp-block-cover .wp-block-cover__image-background {
		display: none;
	}

	.wp-block-cover .text_block {
		padding: 1rem 1rem 0;
	}
	*/

	.text_block {
		padding: 2rem 2rem;
	}

	.text_block_t0 {
		padding: 0 2rem 2rem 2rem;
	}

	.text_block h2 {
		font-size: 26px !important;
	}

	.text_block p {
		font-size: 16px !important;
	}

	.text_block .has-text-align-center  {
		/* text-align:left; */
	}

	/* What we do accordions */
	.accordion {
		padding: 1.5rem;
		margin-bottom: 20px;
	}

	.expertise {
		padding: 1.5rem;
	}

	.expertise_2 {
		padding: 0 1.5rem;
		text-align: center!important;
	}

	.expertise_2 .wp-block-buttons {
		justify-content: center;
	}

	.accordion summary {
		font-size: 20px!important;
		padding-right: 50px;
	}

	summary::after {
		right: 15px;
	}

	.accordion .detail_body {
		margin-top: 1.5rem;
		padding-top:1.5rem;
	}

	.space_responsive {
		height:20px!important;
	}

	.expertise h2 {
		font-size: 20px;
	}

	.check_jobs {
		width: 80px;
	}

	.check_jobs_txt {
		padding: 3rem 0;
	}
	
	.copy,
	.colophon {
		text-align: center !important;
	}

	.column-reverse {
		flex-direction: column-reverse;
	}
	
	.column-reverse img {
		width: 100%;
		margin-bottom:2rem;
	}
	
	footer {
		text-align: center;
	}
	
	footer .blocos {
		margin-top: 3rem;
	}
	
	footer .blocos_redes {
		justify-content: center;
	}
	
	footer .wp-block-navigation.is-vertical {
		--navigation-layout-align: center;
		margin:auto;
	}
}