@charset "UTF-8";
/*
Theme Name:Professor Pimenta
Theme URI:https://www.professorpimenta.com.br
Author:Professor Pimenta
Author URI:https://www.professorpimenta.com.br
Description:Our beglobal default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least:WordPress 4.9.6
Version:1.01
License:GNU General Public License v2 or later
License URI:LICENSE
Text Domain:professor-pimenta
Tags:one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	--color-primary: #e7000b;
	--color-secondary: #00a63e;
	--color-accent: #f0b100;
	--color-blue: #0e6f92;
	--color-text-dark: #1e2939;
	--color-text-light: #f0f0f0;
	--color-bg-light: #f4f4f4;
	--color-bg-badge:#4a0e0e99;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-gray: #e1e1e1;
	--color-gray-light: #dbdbdb;
	--color-translucent: rgba(255,255,255,0.2);
	--color-border-translucent: rgba(255,255,255,0.3);
	--color-black-mensagem: #4A5565;
	--color-green-mensagem: #00A63E;
	--font-heading: 'Roboto', sans-serif;
	--font-body: 'Arimo', sans-serif;
}

.animate{
	--color-blue: #16a5d8;
	--color-black: #000000;
	--color-gray: #666666;
}

html, body {
	font-family: var(--font-body);
	color: var(--color-text-dark);
	font-size:14px;
	line-height: 1.6;
}

.container{
	--bs-gutter-x: 2.5rem;
}

@media screen and (min-width:768px) {
	html, body{
		font-size:16px;
	}
	.container{
		--bs-gutter-x: 1.5rem;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
}

h2{
	font-size: 2.2rem;
	font-weight: 300;
}

.site-header{
	top:0;
}
.admin-bar .site-header{
	top:32px;
}
.site-header-space{
	height: 90px;
}

/* Navbar */
.site-header .navbar {
	min-height: 90px;
	transition: all 0.3s ease;
}

.site-header .navbar-nav{
	gap:0.85rem;
}

.site-header .navbar-collapse{
	position: absolute;
	top: 90px;
	background-color: #FFF;
	width: 100%;
	left: 0rem;
	padding: 0 1.5rem 1rem 1.5rem;
}

.site-header .menu-item{
	position:relative;
}

.site-header .menu-item a {
	font-weight: 500;
	color: var(--color-text-dark);
	text-decoration:none;
}

.site-header .menu-item a:hover,
.site-header .menu-item a.active {
	color: var(--color-primary);
}

.sub-menu{
	position: absolute;
	top: 100%;
	left: -2rem;
	z-index: 10;
	height:0;
	width:20rem;
	overflow:hidden;
	transition: height 0.3s ease;
	background-color: var(--color-bg-light);
	padding:0;
}

.menu-item-has-children:hover .sub-menu{
	height:auto;
	padding-bottom:1.2rem;
}

.menu-item-has-children:hover .sub-menu .menu-item{
	padding:0.5rem 1rem 0rem 1.8rem;
}

.menu-item-has-children:hover .sub-menu .menu-item a{
	color:var(--color-text-dark);
	font-size: 0.8rem;
	line-height:1.5;
}

.menu-item-has-children:hover .sub-menu .menu-item a:hover{
	color:var(--color-primary);
}
.title-seja-inovador{
	margin:4rem 0 2rem 0;
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	color: #1A1A1A;
}
.texto-seja-inovador{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 29px;
	color: #4A5565;
}
.card-porque-ser-inovador{
	padding: 2rem;
	margin: 2rem 0;
	box-sizing: border-box;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 29px;
	color: #4A5565;
	background: linear-gradient(180deg, #FAF2F7 0%, #F0F9FF 100%);
	border-left: 4px solid #00A63E;
	border-radius: 16px;
}
.texto-seja-inovador-dest{
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #1A1A1A;
}
@media screen and (min-width:768px) {
	h2{
		font-size: 3.1rem;
	}
	.site-header .navbar-nav{
		gap:2rem;
	}
	.site-header .navbar-collapse{
		position: relative;
		top: 0;
		width: 100%;
		left: 0rem;
		padding: 0;
	}
}



/* Buttons */
.btn{
	font-weight:200;
}

.btn-primary {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color:var(--color-white);
	padding:1rem 1.8rem;
	font-weight:300;
	text-shadow: 1px 1px 3px #003215;
}

.btn-primary:hover {
	background-color: #008f36;
	border-color: #008f36;
	color:var(--color-white);
}

.btn-success {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color:var(--color-white);
}

.btn-success:hover {
	background-color: #008f36;
	border-color: #008f36;
	color:var(--color-white);
}

.btn-header {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color:var(--color-white);
	font-weight:300;
	text-shadow: 1px 1px 3px #003215;
}
.btn-header:hover {
	background-color: #008f36;
	border-color: #008f36;
	color:var(--color-white);
}

.btn-outline {
	background-color: rgba(255,255,255,0.2);
	border-color: var(--color-secondary);
	color:var(--color-white);
	padding:1rem 1.8rem;
}

.btn-outline:hover {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color:var(--color-white);
}

.form-control{
	padding:1rem 1.8rem;
	font-size:1rem;
	font-weight:200;
}

.form-control.text-white::placeholder{
	color:var(--color-white);
	opacity:0.4;
}

/* Sections */

.animated-blocks{
	position:absolute;
	width:8rem;
	height:6rem;
	z-index:1;
}

.animated-blocks .block{
	float:left;
	opacity:0;
}

.animated-blocks .block.on{
	animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
	0% { opacity: 0; }
	50% { opacity: 0.2; }
	100% { opacity: 0; }
}

.animated-blocks.s1{
	width:8rem;
	height:6rem;
	left:0;
	top:0;
}

.animated-blocks.s2{
	width:9rem;
	height:9rem;
	left: -7rem;
    top: -1rem;
}

.animated-blocks.s3{
	width:12rem;
	height:10rem;
	right:0;
	top:0;
}
.animated-blocks.s4{
	width:12rem;
	height:6rem;
	left:7rem;
	bottom:-7rem;
}

.animated-blocks.s5{
	width:12rem;
	height:10rem;
	left:-2rem;
	top:-4rem;
}

.animated-blocks.s6{
	width:8rem;
	height:4rem;
	right:2rem;
	bottom:-4rem;
}

.animated-blocks.s7{
	width:15rem;
	height:9rem;
	left:0;
	top:-2rem;
}

.page-title{
	font-size:2.5rem;
	font-weight:300;
	line-height:1;
	margin:2rem 0 2rem 0;
}

.page-image{
	width:100%;
	height:20rem;
	position:relative;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#000000;
	margin:0;
}
.table-cell{display: table-cell;}
.table{display: table;height: -webkit-fill-available;}
.middle{vertical-align: middle;}
.session-gray{
	background: linear-gradient(180deg, #F8F9FA 0%, #E9ECEF 100%);
}

/* Footer */
.footer {
	padding: 5rem 0;
	background-color: #1a1a1a;
}

.footer-logo{
	max-width:6.5rem;
	margin-bottom:1.5rem;
}

.footer-title{
	font-size:1.125rem;
	margin-bottom:1rem;
	font-weight:400;
	line-height:1;
	color:var(--color-text-light);
}

.footer .menu-item a{
	color:var(--color-gray-light);
	text-decoration:none;
	transition: color 0.2s;
	font-weight:200;
	font-size:1rem;
	line-height:1.2;
}

.footer .menu-item a:hover{
	color:var(--color-primary);
}

.footer .menu-item.current-menu-item a.active{
	color:var(--color-primary);
}

.footer-line{
	margin:1rem 0;
	width:100%;
	height:1px;
	border:0;
	background-color:var(--color-gray-light);
}

.footer-legal *{
	font-size:0.8rem;
	color: var(--color-gray);
	line-height:1.2;
	text-decoration:none;
	transition: color 0.2s;
}

.spacer-1, .spacer-2, .spacer-3, .spacer-4, .spacer-5, .spacer-6, .spacer-7, .spacer-8, .spacer-9{ display:block; position:relative; width:100%; margin:0; padding:0; }
.spacer-1{ height:1rem; }
.spacer-2{ height:2rem; }
.spacer-3{ height:3rem; }
.spacer-4{ height:4rem; }
.spacer-5{ height:5rem; }
.spacer-6{ height:6rem; }
.spacer-7{ height:7rem; }
.spacer-8{ height:8rem; }
.spacer-9{ height:9rem; }

.desktop{ display:none; }
.mobile{ display:inline-block; }
@media screen and (min-width:768px){
	.desktop{ display:inline-block; }
	.mobile{ display:none; }
}