/*
Theme Name: ActionLabs New
Template: generatepress                             
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a fast, lightweight (less than 1MB zipped), mobile responsive WordPress theme built with speed, SEO and usability in mind. GP is compatible with major plugins like WooCommerce, Beaver Builder, Elementor, WPML, BuddyPress, bbPress and many more. It's also mobile & tablet responsive, 100% valid HTML, Schema microdata integrated, search engine friendly, translated into over 20 languages and cross browser compatible (including IE8). GeneratePress has 8 widget areas, 5 navigation positions, 5 sidebar layouts, dropdown menus (click or hover), a back to top button and so much more. Navigate to Appearance > Customize to start customizing. Create your website exactly the way you want it using the Customizer and see your changes take place right in front of you before publishing. See more and check out our awesome add-ons at https://generatepress.com 
Version: 1.3.41
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

GeneratePress, Copyright 2016 Tom Usborne
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
To add your own CSS, use a child theme or install this plugin: https://wordpress.org/plugins/simple-css/
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,600,800');


/*******************************
ESTRUTURA
*******************************/

body {
	font-weight: 300;
}

body.elementor-page #main.site-main {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

body.elementor-page #main article .inside-article {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

body.elementor-page header.entry-header {
	display: none;
}

body.elementor-page #main article .entry-content {
	margin-top: 0px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1280px !important;
}

#main.site-main {
	margin-top: 0px;
	margin-bottom: 120px;
}


/*******************************
HEADER
*******************************/

body.elementor-page .site-header {
	position: absolute;
    z-index: 900;
    left: 0;
    right: 0;
    top: 0;
    padding: 0px 10px 0px 10px;
    background: transparent;
}

.site-header,
body.elementor-page.page-id-311 .site-header,
body.elementor-page.page-id-581 .site-header,
body.elementor-page.page-id-822 .site-header,
body.elementor-page.page-id-873 .site-header  {
	position: relative;
    z-index: 900;
    left: 0;
    right: 0;
    top: 0;
    padding: 0px 10px 0px 10px;
    background: #323232;
}

.inside-header {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.site-header .site-logo {
	width: 200px;
}

.elementor-editor-active .site-header {
	display: none;
}

body.elementor-page .page-header-image {
	display: none;
}


/*******************************
MENU
*******************************/

.main-navigation, 
.main-navigation ul ul,
.main-navigation ul li,
.main-navigation ul li a:link,
.main-navigation ul li a:visited,
.main-navigation ul li a:active {
	background: none !important;
}

body .main-navigation ul li a:hover {
	color: #A0E283 !important;
	background: rgba(255,255,255,0.02) !important;
}

.main-navigation ul li a{
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
}

.main-navigation ul li ul li {
	background-color: #3C3C3C !important; 
}

 .main-navigation .main-nav ul ul li a {
	font-weight: 200;
	font-size: 11px;
	padding: 20px 30px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li.current-page-ancestor > a,
.single .main-navigation .main-nav ul li.insights a {
	color: #A0E283;
}

nav span.mobile-menu {
	display: none;
}


/*******************************
ELEMENTOR
*******************************/

.elementor-text-editor {
	line-height: 200%;
}

.zindextitulo {
	z-index: 1000 !important;
}

.elementor-button-wrapper .elementor-button {
	background: #2cb2cd;
}

.equipe-todos .elementor-text-editor {
	font-size: 14px;
	line-height: 150%;
}


/*******************************
PROJETOS 
*******************************/

.PaginaProjetos {
	padding-left: 130px;
	padding-top: 130px;
	padding-bottom: 40px;
}

.PaginaProjetos h1 {
	font-size: 90px;
	margin-bottom: 40px;
}

.PaginaProjetos ul.ListaProjetos {
	margin-left: 160px;
}

.PaginaProjetos ul.ListaProjetos:after {
	clear: both;
	content: "";
	display: block;
}

.PaginaProjetos ul.ListaProjetos li {
	list-style: none;
	width: 46%;
	float: left;
	padding: 2%;
	margin-bottom: 60px;
}

.PaginaProjetos ul.ListaProjetos li:nth-child(2n+3) {
	clear: both;
}

.PaginaProjetos ul.ListaProjetos li a h2 {
	font-weight: 200;
	font-size: 32px;
	display: block;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

.PaginaProjetos ul.ListaProjetos li a:hover h2 {
	color: #2CB2CD;
}

.PaginaProjetos ul.ListaProjetos li p { 
	color: #a8a8a8;
}

#ProjetosRelacionados {
	background: #FFF;
	padding: 120px 0px 0px 0px;
	width: 99vw;
	position: relative;
	left: 51%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

#ProjetosRelacionados .PR-content {
	max-width: 1280px !important;
	padding-bottom: 120px;
	margin: 0 auto;
}

#ProjetosRelacionados .PR-content h2 {
	text-transform: uppercase;
	padding-left: 2%;
}

#ProjetosRelacionados .PR-content ul {
	margin: 0px;
	padding: 0px; 
}

#ProjetosRelacionados .PR-content ul li {
	list-style: none;
	display: block;
	width: 21%;
	float: left;
	padding: 2%; 
	margin-bottom: 20px;
}

#ProjetosRelacionados .PR-content:after {
	clear: both;
	display: block;
}

#ProjetosRelacionados .PR-content ul li a h3 {
	font-weight: 200;
	font-size: 24px;
	display: block;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

#ProjetosRelacionados .PR-content ul li a:hover h3 {
	color: #2CB2CD;
}

#ProjetosRelacionados .PR-content ul li p {
	font-size: 14px;
	color: #a8a8a8;
}


/*******************************
FORMS
*******************************/

.contato-form {
	max-width: 480px;
}

.nf-response-msg {
	padding: 40px !important;
	font-weight: bold;
	color: #2CB2CD;
	background: #f3f3f3;     
}

.nf-form-fields-required {
    font-size: 11px;
    color: #a8a8a8;
    margin-bottom: 20px;
}


/*******************************
RODAPÉ
*******************************/

footer.site-info {
	display: none !important;
}

.site-footer .footer-widgets {
	background: #323232;
	background-image: URL("images/barra-color-01.png");
	background-position: bottom center;
	background-repeat: repeat-x;
}

.site-footer .footer-widgets .footer-widget-2 {
	text-align: right;
}

.site-footer .footer-widgets .textwidget {
	color: #8A8A8A;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	letter-spacing: 1px;
}

.site-footer .footer-widgets .footer-widget-2 a i.fa {
	font-size: 18px;
	color: #8A8A8A;
	padding: 0px 5px 0px 5px;
}

.site-footer .footer-widgets .footer-widget-2 a:hover i.fa {
	color: #A0E283;
}



/*******************************
TIPOGRAFIA
*******************************/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 800;
	color: #323232;
}

body.page .elementor-widget-heading .elementor-heading-title {
	color: #323232;	
}

body .elementor-widget-heading .elementor-heading-title {
	color: #2CB2CD;
}

h3, h4, h5, h6 {
	font-weight: 600;
}

/*******************************
BGS
*******************************/

body.single,
body.blog,
body.archive,
body.search,
body.page-id-311,
body.page-id-581,
body.page-id-822 {
	background-image: URL("images/bg-triangle-05.gif");
}

body.single .inside-article,
body.single .comments-area,
body.single #nav-below,
body.blog .inside-article,
body.blog .comments-area,
body.blog #nav-below,
body.archive #main article .inside-article,
body.search #main article .inside-article,
body.archive #main .page-header, 
body.search #main .page-header, 
body.elementor-page.page-id-311 #main article .inside-article,
body.elementor-page.page-id-581 #main article .inside-article,
body.elementor-page.page-id-822 #main article .inside-article {
	background: none !important;
}


body.blog #main.site-main,
body.archive #main.site-main,
body.search #main.site-main,
body #main .PaginaProjetos,
body.elementor-page.page-id-311 #main article .inside-article,
body.elementor-page.page-id-581 #main article .inside-article,
body.elementor-page.page-id-822 #main article .inside-article {
	background-image: URL("images/barra-degrade-3.png") !important; 
	background-repeat: repeat-y !important;
	background-position: 0px 0px !important;
}

body.single .inside-article {
	background-image: URL("images/barra-degrade-3.png") !important; 
	background-repeat: repeat-y !important;
	background-position: 0px 0px !important;
}

/*******************************
BLOG / LISTA
*******************************/

.entry-meta {
	display: none;
}

.single footer.entry-meta {
	display: block;
}

.blog article,
.archive article,
.search article {
	clear: both;
	display: block;
	padding-top: 60px;
	padding-left: 100px;
}

.blog article:first-child::before {
    content: "INSIGHTS";
	display: block;
	text-align: left;
	font-size: 90px;
	font-weight: 900;
	font-family: 'Montserrat', sans-serif !important;
	padding: 68px 30px 10px 30px;
	/*background-image: URL("images/barra-degrade.png");
	background-repeat: no-repeat; 
	background-position: 40px 0px;*/
	margin-bottom: 40px; 
	position: relative;
}

.blog .post-image,
.archive .post-image,
.search .post-image {
	width: 50%;
	float: left;
	margin: 0px 0px 30px 0px;
	clear: both;
}

.blog .entry-header,
.archive .entry-header,
.search .entry-header {
	width: 50%;
	float: left;
}

.blog .entry-header h2,
.archive .entry-header h2,
.search .entry-header h2 {
	font-size: 42px;
	line-height: 120%;
	font-weight: 200;
	padding-left: 40px;
	letter-spacing: -2px;
}

.blog .entry-header h2 a,
.archive .entry-header h2 a,
.search .entry-header h2 a {
	color: #323232;
}

.blog .entry-header h2 a:hover,
.archive .entry-header h2 a:hover,
.search .entry-header h2 a:hover {
	color: #2CB2CD;
}

.blog .entry-summary,
.archive .entry-summary ,
.search .entry-summary {
	width: 50%;
	float: left;
}

.blog .entry-summary p,
.archive .entry-summary p,
.search .entry-summary p {
	padding-left: 40px;
	font-size: 14px;
	color: #A8A8A8;
}

body.blog #nav-below { 
	display: block;
	clear: both;
}

body.single .inside-article {
	padding-top: 0px !important;
}

.single .entry-header h1 {
	font-size: 90px;
	line-height: 100%;
	padding-bottom: 60px;
	text-transform: uppercase;
	padding-left: 100px;
}

.single .entry-header h2 {
	text-transform: uppercase;
	font-weight: 200;
	letter-spacing: 5px;
	font-size: 24px;
	color: #A8A8A8;
	padding-top: 114px;
	padding-left: 100px;
}

.single h3.entry-header-excerpt {
	font-weight: 200;
	line-height: 200%;
	font-size: 18px;
	padding-bottom: 20px;
	padding-left: 30%;
}

.single .entry-content h1, 
.single .entry-content h2, 
.single .entry-content h3, 
.single .entry-content h4, 
.single .entry-content h5, 
.single .entry-content h6 {
	line-height: 150%;
}

.single .page-header-image-single {
	padding-left: 100px;
}

.single .entry-content {
	margin-top: 60px; 
	padding-left: 30%;
}

.single .entry-content p {
	line-height: 200%;
}

.paging-navigation {
	clear: both;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
}

.paging-navigation .page-numbers {
	padding: 0px 10px 0px 10px;
}



/********************
MEDIA QUERIES
********************/

@media (max-width: 768px) { 

	.inside-header {
		padding-left: 0px;
		padding-right: 0px;
	}

	.inside-header>:not(:last-child) {
		margin-bottom: 0px !important;
	}

	#primary-menu ul#menu-menu {
		background: rgba(50,50,50,0.95);
		padding: 20px; 
	}

	.blog article:first-child::before {
		font-size: 36px;
		padding: 20px 0px 10px 40px;
	}

	.single .entry-header {
		margin-bottom: 30px;
	}

	.single .entry-header h1 {
		font-size: 36px;
		padding: 0px 0px 10px 0px;
		background-position: 0px 0px
	}

	.single .entry-header h2 {
		padding-left: 0px;
	}

	.single .entry-header h3 {
		padding-left: 0%;
	}

	.single h3.entry-header-excerpt {
		padding-left: 0px;
	}

	.single .page-header-image-single {
		padding-left: 0px;
	}

	.single .entry-content {
		padding-left: 0%;
	}

	.blog article,
	.archive article,
	.search article {
		padding-left: 0px;
	}

	.blog .post-image,
	.archive .post-image,
	.search .post-image {
		width: 100%;
		float: none;
		margin: 0px 0px 20px 0px;
		clear: both;
	}

	.blog .entry-header,
	.archive .entry-header,
	.search .entry-header {
		width: 100%;
		float: none;
	}

	.blog .entry-header h2,
	.archive .entry-header h2,
	.search .entry-header h2 {
		font-size: 32px;
		padding-left: 0px;
	}

	.blog .entry-summary,
	.archive .entry-summary,
	.search .entry-summary {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.blog .entry-summary p,
	.archive .entry-summary p,
	.search .entry-summary p {
		padding-left: 0px;
	}

	body.single .inside-article,
	body.blog #main.site-main,
	body.archive #main.site-main,
	body.search #main.site-main,
	body #main .PaginaProjetos,
	body.elementor-page.page-id-311 #main article .inside-article,
	body.elementor-page.page-id-581 #main article .inside-article,
	body.elementor-page.page-id-822 #main article .inside-article {
		background-position: -210px 0px !important;
	}

	.PaginaProjetos {
		padding-bottom: 20px;
	}

	.PaginaProjetos h1 {
		font-size: 36px;
		padding: 65px 0px 10px 20px;
	}

	.PaginaProjetos {
		padding: 20px;
	}

	.PaginaProjetos ul.ListaProjetos {
		margin-left: 0px;
	}

	#ProjetosRelacionados .PR-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	#ProjetosRelacionados .PR-content ul li {
		width: 46%;
		padding: 2%; 
	}

	#ProjetosRelacionados .PR-content ul li:nth-child(2n+3) {
		clear: both;
	}

}

@media (max-width: 767px) {

	body .elementor-873 .elementor-element.elementor-element-gdnuejp > .elementor-element-populated {
		background-position: -210px 0px !important;
	}	

}


@media (max-width: 480px) {

	.PaginaProjetos {
		padding-bottom: 0px;
	}

	.PaginaProjetos ul.ListaProjetos li {
		width: 96%;
		padding: 2%; 
	} 

	#ProjetosRelacionados .PR-content ul li {
		width: 96%;
		padding: 2%; 
	}

	#ProjetosRelacionados .PR-content ul li a img {
		width: 100% !important;
	}

}