/*
	Theme Name: Inovalize
	Theme URL: https://inovalize.com.br
	Author: Kezily Correa | Inovalize
	Author URL: http://inovalize.com.br
	Description: Tema desenvolvido por Inovalize
	Version: 1.0
*/

/* GERAL */

:root {
    --inz-primary: #ab72ea;
    --inz-secondary: #7b309e;
    --inz-tertiary: #f1d63d;
    --inz-dark: #3c3c3c;
    --inz-light: #faf6ff;
    --inz-gray: #f5f5f5;
    --white: #fff;
    --inz-font-primary: 'Rubik';
    --inz-font-secondary: 'Syne';
}

* {
	border: none;
	margin: 0;
}

body {
	background-color: var(--inz-light);
	color: var(--inz-dark);
	font: 400 0.92rem/1.5 var(--inz-font-primary), Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
	-webkit-text-rendering:optimizeLegibility;
}

a {
	color: var(--inz-dark);
	border: none;
	text-decoration: none;
}

a:hover {
	color: var(--inz-secondary);
	text-decoration: none;
}

a {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

img,
iframe,
video {
	vertical-align: bottom;
}

div,
section,
h1,
article {
	position: relative;
}

b, strong {
    font-weight: bold;
}

#main {
    position: relative;
    z-index: 1;
}

/* MARGIN TOP */

.m-t-5 {margin-top: 5px;}
.m-t-10 {margin-top: 10px;}
.m-t-15 {margin-top: 15px;}
.m-t-20 {margin-top: 20px;}
.m-t-25 {margin-top: 25px;}
.m-t-30 {margin-top: 30px;}
.m-t-35 {margin-top: 35px;}
.m-t-40 {margin-top: 40px;}
.m-t-45 {margin-top: 45px;}
.m-t-50 {margin-top: 50px;}
.m-t-55 {margin-top: 55px;}
.m-t-60 {margin-top: 60px;}
.m-t-65 {margin-top: 65px;}
.m-t-70 {margin-top: 70px;}
.m-t-75 {margin-top: 75px;}
.m-t-80 {margin-top: 80px;}
.m-t-85 {margin-top: 85px;}
.m-t-90 {margin-top: 90px;}
.m-t-95 {margin-top: 95px;}
.m-t-100 {margin-top: 100px;}

.m-t-30n {
    top: -30px;
}

/* MARGIN BOTTOM */

.m-b-5 {margin-bottom: 5px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-25 {margin-bottom: 25px;}
.m-b-30 {margin-bottom: 30px;}
.m-b-35 {margin-bottom: 35px;}
.m-b-40 {margin-bottom: 40px;}
.m-b-45 {margin-bottom: 45px;}
.m-b-50 {margin-bottom: 50px;}
.m-b-55 {margin-bottom: 55px;}
.m-b-60 {margin-bottom: 60px;}
.m-b-65 {margin-bottom: 65px;}
.m-b-70 {margin-bottom: 70px;}
.m-b-75 {margin-bottom: 75px;}
.m-b-80 {margin-bottom: 80px;}
.m-b-85 {margin-bottom: 85px;}
.m-b-90 {margin-bottom: 90px;}
.m-b-95 {margin-bottom: 95px;}
.m-b-100 {margin-bottom: 100px;}

/* PADDING TOP */

.p-t-2 {padding-top: 2px;}
.p-t-5 {padding-top: 5px;}
.p-t-10 {padding-top: 10px;}
.p-t-15 {padding-top: 15px;}
.p-t-20 {padding-top: 20px;}
.p-t-25 {padding-top: 25px;}
.p-t-30 {padding-top: 30px;}
.p-t-35 {padding-top: 35px;}
.p-t-40 {padding-top: 40px;}
.p-t-45 {padding-top: 45px;}
.p-t-50 {padding-top: 50px;}
.p-t-55 {padding-top: 55px;}
.p-t-60 {padding-top: 60px;}
.p-t-65 {padding-top: 65px;}
.p-t-70 {padding-top: 70px;}
.p-t-75 {padding-top: 75px;}
.p-t-80 {padding-top: 80px;}
.p-t-85 {padding-top: 85px;}
.p-t-90 {padding-top: 90px;}
.p-t-95 {padding-top: 95px;}
.p-t-100 {padding-top: 100px;}
.p-t-120 {padding-top: 120px;}

/* PADDING BOTTOM */

.p-b-5 {padding-bottom: 5px;}
.p-b-10 {padding-bottom: 10px;}
.p-b-15 {padding-bottom: 15px;}
.p-b-20 {padding-bottom: 20px;}
.p-b-25 {padding-bottom: 25px;}
.p-b-30 {padding-bottom: 30px;}
.p-b-35 {padding-bottom: 35px;}
.p-b-40 {padding-bottom: 40px;}
.p-b-45 {padding-bottom: 45px;}
.p-b-50 {padding-bottom: 50px;}
.p-b-55 {padding-bottom: 55px;}
.p-b-60 {padding-bottom: 60px;}
.p-b-65 {padding-bottom: 65px;}
.p-b-70 {padding-bottom: 70px;}
.p-b-75 {padding-bottom: 75px;}
.p-b-80 {padding-bottom: 80px;}
.p-b-85 {padding-bottom: 85px;}
.p-b-90 {padding-bottom: 90px;}
.p-b-95 {padding-bottom: 95px;}
.p-b-100 {padding-bottom: 100px;}
.p-b-120 {padding-bottom: 120px;}

/* FORM */

.acf-block-body input,
.acf-block-body textarea {
    border: 1px solid;
}

.form-box {
    width: 100%;
    padding: 2.6rem 2.6rem 1.6rem;
    margin-bottom: 2rem;
    background-color: #fff;
    border: 1px solid #e4dced;
    border-radius: 0.3rem;
}

form label {
	margin-bottom: 0.5rem;
}

form input,
form textarea,
form select {
	width: 100%;
	padding: 0.6rem 1.1rem;
	background-color: transparent;
	border: 1px solid #b7bfc7;
	border-radius: 6px;
	font-size: 0.9rem;
	outline: none;
	position: relative;
	z-index: 1;
}

form input:focus,
form input:hover,
form textarea:focus,
form textarea:hover,
form select:focus,
form select:hover {
    border-color: var(--inz-secondary);
}

form input[type="radio"],
form input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	position: relative;
	top: 5px;
}

form textarea {
	width: 100%;
	height: 100px;
	margin: 0 0 20px;
	box-sizing: border-box;
	outline: none;
	resize: none !important;
}

input[type="submit"] {
	width: 100%;
	height: auto;
	padding: 1rem 2rem;
	margin-bottom: 0;
	background-color: var(--inz-primary);
	color: var(--white);
    font-size: 1.4rem;
	font-weight: 700;
	outline: none;
	border: none;
	cursor: pointer;
}

button[type=submit]:disabled,
input[type=submit]:disabled {
    background-color: #ECEAEF;
    color: var(--inz-light);
    pointer-events: none;
}

input::-webkit-input-placeholder {
	color: #484848;
}

textarea::-webkit-input-placeholder {
	color: #484848;
}

input::-moz-placeholder {
	color: #484848;
}

input:-ms-input-placeholder {
	color: #484848;
}

.wpcf7-form-control-wrap.pessoa {
	font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.wpcf7-list-item {
	margin: 10px 3rem 20px 0;
}

.lgpd .wpcf7-list-item {
    margin: 10px 0 20px 0;
}

.wpcf7-form-control-wrap[data-name=lgpd] {
    padding-left: 40px;
}

.wpcf7-form-control-wrap[data-name=lgpd] input {
    position: absolute;
    left: 0;
    top: -2px;
}

.wpcf7-not-valid-tip,
span.error {
    color: #f00;
    font-size: 13px;
}

.wpcf7 form .wpcf7-response-output {
    padding: 12px 15px;
    border-width: 1px;
    font-size: 19px;
    text-align: center;
}

.wpcf7-spinner {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

@media (max-width: 575px) {
    .form-box {
        padding: 1.6rem 1.6rem 1rem;
    }

    .wpcf7-form-control-wrap[data-name=lgpd] input {
        top: -22px;
    }
}

/* GENERAL */

.clear {
	clear: both;
}

/* TITLE */

.intitle,
h2.intitle,
p.intitle {
    font-family: var(--inz-font-secondary);
    font-size: 2em;
    font-weight: 700;
    line-height: 1.1;
}

.intitle small {
    color: #8f8f8f;
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
}

@media (max-width: 575px) {
    .intitle br {
        display: none;
    }
}

@media (min-width: 768px) {
    .intitle,
    h2.intitle,
    p.intitle {
        font-size: 3em;
    }
}

/* HEADER */

.main-header {
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	position: relative;
	z-index: 2;
}

.main-header__icons {
    display: flex;
    align-items: center;
}

.home .main-header {
    position: absolute;
    left: 0;
    top: 0;
}

/* MAIN NAV */

.navbar-toggler {
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    text-align: left;
}

.navbar-toggler img {
    width: 100%;
    max-width: 20px;
}

.navbar-toggler:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.navbar-brand {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 0;
    position: relative;
}

.navbar-brand h1 {
    margin: 0;
    line-height: 0;
}

.navbar-brand img {
    width: auto;
    max-height: 1.8rem;
    height: auto;
}

#main-nav {
	width: 100%;
	padding: 1.6rem 0;
	margin: 0 auto;
	background: transparent;
	border: none;
	font: 600 0.9rem var(--inz-font-secondary);
}

#main-nav .navbar-collapse {
    justify-content: center;
}

#main-nav .navbar-nav > li > a {
    padding: 1.4rem 1.4rem;
    display: block;
    position: relative;
}

#main-nav .navbar-nav li a:hover,
#main-nav .navbar-nav > li:hover > a {
	color: var(--inz-secondary);
}

#main-nav .navbar-collapse {
	position: static;
}

#main-nav .navbar-nav > li > a.dropdown-toggle:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    position: absolute;
    right: 4px;
    top: 50%;
}

#main-nav ul>li>.dropdown-menu {
    width: 100%;
    max-width: 250px;
    padding: 1.2rem 1.8rem;
    margin: 0;
    background-color: var(--inz-primary);
    border-radius: 1rem;
    border-top: none;
    font-size: 0.9rem;
    display: none;
    top: 100%;
}

#main-nav ul>li>.dropdown-menu.mgm-wrapper {
    max-width: 100%;
    padding: 3rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    justify-content: center;
    flex-wrap: wrap;
}

#main-nav ul>li>.dropdown-menu .mgm-title {
    margin-bottom: 10px;
    color: var(--inz-primary);
    font-size: 14px;
    font-weight: 700;
}

#main-nav ul>li>.dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#main-nav ul>li>.dropdown-menu li {
    padding: 6px 0;
    display: block;
}

#main-nav ul>li>.dropdown-menu li a {
	color: var(--white);
}

#main-nav ul>li>.dropdown-menu li a:hover {
    text-decoration: underline;
}

#main-nav ul>li>.dropdown-menu img {
    border-radius: 5px;
}

#main-nav ul>li>.dropdown-menu .wp-block-image {
    max-width: 300px;
    margin-bottom: 0;
}

#main-nav .navbar-nav > li.featured-item a {
    padding: 0.5rem 1rem;
    margin-top: 1rem;
    border: 1px solid;
    border-radius: 30px;
    color: var(--inz-primary);
    display: table;
}

#main-nav .navbar-nav > li.featured-item a:hover {
    background-color: var(--inz-primary);
    border-color: var(--inz-primary);
    color: var(--inz-light);
}

#main-nav .social-block a {
    color: var(--inz-primary);
    font-size: 0.8rem;
}

.close-menu {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 9;
}

@media (max-width: 1199px) {
    #main-nav {
        padding: 1rem 0;
    }
    #main-nav #navbarContent {
        width: 100%;
        max-width: 450px;
        padding: 3rem 2rem 2rem;
        background-color: var(--white);
        box-shadow: 0 10px 10px rgba(0,0,0,0.05);
        position: fixed;
        top: 0;
        bottom: 0;
        left: -450px;
        transform: translateX(-100%);
        transition: transform 0.3s;
        visibility: hidden;
        transition: 0.5s;
        align-items: flex-start;
        overflow-y: auto;
        z-index: 999999;
    }
    #main-nav #navbarContent.show {
        transform: translateX(0);
        visibility: visible;
        left: 0;
    }

    #main-nav .navbar-nav > li > a {
        padding: 0.8rem 0;
        font-size: 1.2rem;
    }

    #main-nav ul>li>.dropdown-menu {
        max-width: 100%;
    }

    #main-nav ul>li>.dropdown-menu.mgm-wrapper {
        padding: 1.2rem 2rem;
    }
    #main-nav ul>li>.dropdown-menu.show,
    #main-nav ul>li>.dropdown-menu.mgm-wrapper.show {
        display: block;
        
    }
    #main-nav ul>li>.dropdown-menu ul li {
        width: 100%;
        padding: 7px 0;
    }

    #main-nav .social-block {
        display: none;
    }
}

@media (min-width: 1200px) {
    #main-nav .navbar-nav > li.featured-item a {
        margin-left: 1rem;
        margin-top: 0.9rem;
    }

    #main-nav ul > li.dropdown:hover > .dropdown-menu {
		display: block;
	}
}

@media (min-width: 1400px) {
    #main-nav .container {
        max-width: 85vw;
    }
}

/* CLOSE BUTTON */

.close-icon {
	width: 30px;
	height: 30px;
	padding: 10px;
	cursor: pointer;
}

.close-icon:before,
.close-icon:after {
	content:'';
	position:absolute;
	width: 26px;
	height: 3px;
	background-color: var(--inz-primary);
	top: 16px;
}

.close-icon:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	left:2px;
}
.close-icon:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	right:2px;
}

/* TOP PAGE */

.top-page .container {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
	z-index: 1;
}

.top-page__img {
    width: 100%;
    height: 25rem;
    max-height: 500px;
    overflow: hidden;
}

.top-page img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.top-page .intitle {
    margin: 0;
    color: var(--inz-primary);
}

.top-page .subtitle {
    max-width: 500px;
    margin: 0;
    font: 600 1rem var(--inz-font-secondary);
    letter-spacing: 0.05rem;
    line-height: 1;
}

#breadcrumbs {
    margin: 1rem 0 0;
    font-size: 0.7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .top-page__img {
        height: 20rem;
    }

	.top-page .intitle {
		font-size: 3.5rem;
	}
}

/* ENTRY */

.entry {
	word-wrap: break-word;
	position: relative;
	z-index: 1;
}

.entry p a,
.entry ul a,
.entry ol a {
    text-decoration: underline;
}

.entry img {
	max-width: 100%;
	height: auto;
}

.entry p:not(.intitle),
.entry ul,
.entry ol {
	margin-bottom: 2rem;
}

.entry blockquote,
.entry blockquote.wp-block-quote {
    padding-left: 4rem;
    margin: 3rem 0;
    border: none;
    position: relative;
}

.entry blockquote:before,
.entry blockquote.wp-block-quote:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url(images/quote.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 1rem;
    transform: translateY(-50%);
    z-index: -1;
}

.entry blockquote.wp-block-quote > blockquote.wp-block-quote {
    padding: 0;
}

.entry blockquote.wp-block-quote > blockquote.wp-block-quote:before {
    display: none;
}

.entry iframe {
	width: 100%;
	display: block;
}

.entry__content {
    max-width: 880px;
    padding: 3rem 0;
    margin: 0 auto;
}

div.alignwide:not(.container),
.has-text-align-wide:not(.container),
.wp-block-image.alignwide {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .post-header .container {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .post-header__title {
        font-size: 3em;
    }
}


/* SCROLL BAR */

.custom-scroll {
    max-height: 200px;
    padding-right: 20px;
    overflow-y: auto;
}

.custom-scroll::-webkit-scrollbar {
    width: 3px;
}
  
.custom-scroll::-webkit-scrollbar-track {
    background-color: #d0d0d0;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #858585;
}

/* ALERT */

.alert {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid;
    border-radius: 0.3rem;
}

.alert.alert-danger {
    border-color: #f00;
    color: #f00;
}

/* OL */

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

ol.list-2 {
    counter-reset: item 1;
}

ol.list-3 {
    counter-reset: item 2;
}

ol.list-4 {
    counter-reset: item 3;
}

ol.list-5 {
    counter-reset: item 4;
}
  
ol.list-6 {
    counter-reset: item 5;
}

ol > li {
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}
  
ol > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}

ol li ol {
    margin-top: 5px;
}
  
li ol > li {
    margin: 0;
}
  
li ol > li:before {
    content: counters(item, ".") " ";
}

/* FOOTER */

.main-footer {
	width: 100%;
	background-color: #ffffff;
	font-size: 0.86rem;
	position: relative;
	bottom: 0;
}

.main-footer > .container {
    padding-top: 3rem;
}

.main-footer h2.main-footer__title {
    margin-bottom: 0.5rem;
    color: var(--inz-primary);
    font: 700 1rem var(--inz-font-secondary);
    position: relative;
    text-transform: lowercase;
}

.main-footer ul.menu {
    padding: 0;
    margin: 0;
    letter-spacing: 0.03rem;
    list-style: none;
}

.main-footer ul.menu li {
    padding: 5px 0;
    line-height: 1.1;
}

.main-footer ul.menu li a:hover{
    text-decoration: underline;
}

.main-footer__copyright {
	padding: 2rem 0;
    margin-top: 3rem;
    border-top: 1px solid rgba(0,0,0,0.1);
	font-size: 0.82rem;
	text-align: center;
}

.main-footer__copyright img {
    max-width: 150px;
    height: auto;
}

.main-footer__copyright p {
	margin: 0;
}

/* MEDIA QUERIES */

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

@media (min-width: 992px) {
    .container {
        width: 95%;
        max-width: 1240px;
    }

    .m-container,
    .s-container,
    .m-container.container,
    .s-container.container {
        max-width: 1020px;
        margin-left: auto;
        margin-right: auto;
    }

    .s-container,
    .s-container.container {
        max-width: 800px;
    }

    .col-left {
        border-right: 1px solid #dbd7e1;
    }
}

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

@media screen and (min-width: 90em) {
    html {
        font-size: 100%;
    }
}

@media screen and (min-width: 145em) {
    html {
        font-size: 120%;
    }
}

@media screen and (min-width: 180em) {
    html {
        font-size: 150%;
    }
}