@import url("https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700;800;900&display=swap");
* {
margin: 0;
padding: 0;
font-family: 'Exo', sans-serif;
color: #575756;
}
h1, h2, h3, h4, h5 {color: #1B1B1B;}
.linha {
background-color: #7CB92E;
width: 50px;
height: 5px;
}
.fundo {
background-image: url(//comprasbr.com.br/wp-content/themes/compras-br/img/fundo.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
a {color: #7CB92E;}
a:hover {color: #315306;}
.font-45 {font-size: 2.8rem;}
.font-35 {font-size: 2.1rem;}
.font-30 {font-size: 1.8rem;}
.font-25 {font-size: 1.5rem;}
.font-20 {font-size: 1.25rem;}
.font-18 {font-size: 1.1rem;}
.font-16 {font-size: 1rem;}
.font-15 {font-size: 0.9rem;}
.font-13 {font-size: 0.8rem;}
.font-12 {font-size: 0.75rem;}
.fw-black {font-weight: 900;}
.session {padding: 80px 0;}
.color-primary {color: #7CB92E;}
.color-secondary {color: #315306;}
.color-light {color: #fff;}
.color-red {color: #FF4E4E;}
.bg-primary {background-color: #7CB92E !important;}
.bg-light {background-color: #fff !important;}
.bg-gray {background-color: #FAFAFA;}
.footer {
padding: 80px 0;
background-color: #FAFAFA;
}
.footer .nav-link {
color: #575756;
font-size: 15px;
padding: 0px;
padding-bottom: 10px;
}
.copy {
padding: 15px 0;
background-color: #FAFAFA;
}
.infos {padding: 10px;}
.infos .nav-link {
font-size: 12px;
text-transform: uppercase;
color: #7CB92E;
}
.infos .nav-link:hover {color: #315306;}
.infos p {
font-size: 12px;
text-transform: uppercase;
}
.navbar {padding: 15px;}
.navbar .nav-link {
font-size: 15px;
text-transform: uppercase;
}
.dropdown-toggle::after {
content: url(//comprasbr.com.br/wp-content/themes/compras-br/img/chevron-color.svg) !important;
margin-left: 0.5em;
vertical-align: 0.2em;
border: 0px;
}
.dropdown .btn {padding: 8px 20px;}
.btn {
padding: 10px 20px;
font-size: 15px;
text-transform: uppercase;
border-radius: 0px;
border: 0px;
}
.btn-primary {
border: 1px solid #7CB92E;
background-color: #7CB92E;
color: #fff;
}
.btn-primary:hover {
border: 1px solid #315306 !important;
background-color: #315306 !important;
}
.btn-outline-primary, .btn-outline-primary:hover {
background-color: #fff !important;
border: 1px solid #7CB92E !important;
color: #7CB92E !important;
}
.btn-outline-secondary {
border: 1px solid #575756;
color: #575756;
}
.btn-outline-secondary:hover {
border: 1px solid #7CB92E !important;
background-color: #7CB92E !important;
color: #fff;
}
.btn-secondary {background-color: #575756;}
.btn-secondary:hover {background-color: #315306;}
#buscaAvancada .btn {
color: #fff;
padding: 15px 0px;
}
.dropdown-menu {border-radius: 0px;}
.dropdown-menu a {
font-size: 0.9rem;
text-transform: uppercase;
}
.dropdown-item:focus, .dropdown-item:hover, 
.dropdown-item.active, .dropdown-item:active {
color: #7CB92E;
background-color: #fff;
}
.card-ferramentas, .card-ferramentas .card-img-top  {
border: 0px;
border-radius: 0px;
}
.card-ferramentas .card-body {
background-color: #7CB92E;
text-align: center;
padding: 25px 0;
}
.card-ferramentas .card-body .btn {
border: 1px solid #fff;
color: #fff;
}
.plano {
background: #fff;
border: 1px solid rgba(87, 87, 86, 0.5);
border-radius: 5px;
padding: 25px;
text-align: center; }
.plano.destaque {
border: 1px solid #7CB92E;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0px 4px 0px 0px #7CB92E;
}
.cliente {
filter: grayscale(100%);
width: 100% !important;
aspect-ratio: 3/2;
object-fit: contain;
mix-blend-mode: color-burn;
}
.cliente:hover {
filter: grayscale(0%) !important;
transition: 0.5s;
}
.nav-pills .nav-link {
padding: 10px 20px;
border-radius: 0px;
border: 1px solid #7CB92E;
color: #7CB92E;
text-transform: uppercase;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #7CB92E;
}
.timeline {
width: 100%;
height: 1px;
background-color: #315306;
position: relative;
top: 8px;
}
.timeline-ponto {
width: 15px;
height: 15px;
background-color: #315306;
margin-bottom: 15px;
}
.owl-timeline .owl-nav {text-align: right !important;}
.bg-primary .owl-theme .owl-nav [class*=owl-]:hover{
background: #fff;
border: 1px solid #fff;
}
.owl-timeline .owl-prev i, .owl-timeline .owl-next i {color: #315306;}
.owl-timeline .owl-nav button.owl-prev, .owl-timeline .owl-nav button.owl-next {
padding: 10px 15px !important;
border: 1px solid #315306;
border-radius: 0px;
}
.owl-depoimentos .owl-nav {text-align: right !important;}
.bg-primary .owl-theme .owl-nav [class*=owl-]:hover{
background: #fff;
border: 1px solid #fff;
}
.owl-depoimentos .owl-prev i, .owl-depoimentos .owl-next i {color: #315306;}
.owl-depoimentos .owl-nav button.owl-prev, .owl-depoimentos .owl-nav button.owl-next {
padding: 10px 15px !important;
border: 1px solid #315306;
border-radius: 0px;
}
.owl-theme .owl-nav [class*=owl-]:hover {background: #7CB92E;}
.owl-funcionalidades .owl-prev i, .owl-funcionalidades .owl-next i {color: #315306;}
.owl-funcionalidades .owl-nav button.owl-prev, .owl-funcionalidades .owl-nav button.owl-next {
padding: 10px 15px !important;
border: 1px solid #7CB92E;
border-radius: 0px;
}
.form-control, .form-select {
border-radius: 0px;
border: 1px solid #CCCCCC;
color: #575756;
padding: 15px;
}
.form-check-input:checked {
background-color: #7CB92E;
border-color: #7CB92E;
}
.page-item:not(:first-child) .page-link {margin-left: 10px;}
.page-item.active .page-link {
color: #fff;
background-color: #7CB92E;
border-color: #7CB92E;
}
.page-link {
border: 1px solid #CCCCCC;
color: #575756;
border-radius: 0px !important; 
transition: 0.2s;
}
.page-link:hover {
color: #fff;
background-color: #7CB92E;
border-color: #7CB92E;
}
.tags a {
background-color: #F5F5F5;
color: #1B1B1B;
padding: 10px;
margin: 5px;
text-decoration: none;
}
.buscar .form-control {
border-radius: 0px;
border: 1px solid #1B1B1B;
border-right: 0px;
color: #1B1B1B;
padding: 15px;
}
.buscar .btn {
border: 1px solid #1B1B1B;
border-left: 0px;
}
.ultimas-noticias, .tags, .buscar {padding-left: 1rem;}
.ultimas-noticias {margin-bottom: 0px !important;
}
.ultimas-noticias li {
margin-bottom: 15px;
list-style-type: none;
}
.ultimas-noticias a {
font-size: 16px;
color: #1B1B1B;
text-decoration: none;
transition: 0.2s;
}
.ultimas-noticias a:hover {
color: #7CB92E;
font-weight: 600;
transition: 0.2s;
}
.processo {
border-radius: 5px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
padding: 25px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.processo .informacoes {width: 80%;}
.processo .acessar {text-align: center;}
.accordion-button:not(.collapsed) {
color: #7CB92E;
font-weight: bold;
background-color: #fff;
}
.accordion-button::after {
background-image: url(//comprasbr.com.br/wp-content/themes/compras-br/img/chevron-collapse.svg);
background-size: auto;
}
.accordion-button:not(.collapsed)::after {
background-image: url(//comprasbr.com.br/wp-content/themes/compras-br/img/chevron-collapse.svg);
transform: var(--bs-accordion-btn-icon-transform);
}
.depoimento {
padding: 10px 45px;
border-left: 1px solid #DEE2E6;
}
.depoimento .body {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 300px;
}
.depoimento .card .card-img-overlay {
background: #00000050;
display: flex;
justify-content: center;
align-items: center;
}
.owl-depoimentos .owl-stage-outer {padding-bottom: 20px}
@media (max-width: 600px) {
.fundo {
background-position: 100px bottom;
background-size: 400px;
}
.pesquisa-processos .input-group .form-control, 
.pesquisa-processos .input-group .form-select, 
.pesquisa-processos .input-group .btn {width: 100%;}
.processo {
flex-direction: column;
align-items: start;
}
.processo .informacoes {width: 100%;}
.processo .acessar {text-align: start;}
.ultimas-noticias, .tags, .buscar {padding-left: 0px;}
.navbar .nav-link {padding-right: 0px !important;}
} form#llCaptureForm {padding: 0px 0px !important;}
#llCaptureForm .form-control, #llCaptureForm .form-select {
color: #555;
font-size: 15px;
height: 50px;
font-family: 'Exo', sans-serif !important;
margin-top: 3px !important;
border-radius: 0px !important;
}
#llCaptureForm label {
color: #555;
font-weight: 600;
font-size: 14px;
font-family: 'Exo', sans-serif !important;
}
#llCaptureForm .button-bar, #llCaptureForm .error-box {width: 100% !important}
#llCaptureForm .btn {width: 100% !important}
#llCaptureForm>div:not(:last-of-type) {
width: 100%;
float: left;
box-sizing: border-box;
padding: 0 5px;
} @media (max-width: 576px) {
#llCaptureForm>div:not(:last-of-type) {
width: 100%;
float: none;
margin-right: auto;
margin-left: auto;
padding: 0 5px;
}
} @media (min-width: 577px) and (max-width: 768px) {
#llCaptureForm>div:not(:last-of-type) {
width: 50%;
float: left;
box-sizing: border-box;
padding: 0 5px !important;
}
} @media (min-width: 769px) {
#llCaptureForm>div:not(:last-of-type) {
width: 50%;
float: left;
box-sizing: border-box;
margin-bottom: 15px;
padding: 0 5px !important;
}
}