:root {
--color-default: #777777;
--color-gray: #777777;
--color-dark-gray: #4c494b;
--color-blue-hover: #5d91e6;
--color-blue-hover-alt: #186aa5;
--color-blue1: #467ace;
--color-blue2: #1f57b1;
--color-blue3: #1f51a3;
--color-white: #ffffff;
--color-pink: #dd1367;
--color-red1: #c5192d;
--color-red2: #a21942;
--color-green0: #62b44a;
--color-green1: #56c02b;
--color-green2: #3f7e44;
--color-green-list: #a3cf5f;
--color-yellow: #fce84d;
}
* {
font-family: 'Helvetica Neue LT Pro', 'Open Sans', Arial, sans-serif;
}
body {
}
.main-wrapper {
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
}
a {
font-size: 16px;
color: var(--cor-azul1);
}
a:hover {
transition: all 0.3s;
}
div {
font-family: 'Helvetica Neue LT Pro', 'Open Sans', Arial, sans-serif;
font-size: 16px;
}
p {
color: var(--color-gray);
font-family: 'Helvetica Neue LT Pro', 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Helvetica Neue LT Pro', 'Open Sans', Arial, sans-serif;
font-weight: 700;
}
h1 {
font-size: 40px;
margin-bottom: 25px;
}
h2 {
color: var(--color-blue3);
font-size: 30px;
margin-bottom: 22px;
}
h3 {
font-size: 22px;
color: var(--color-blue3);
margin-bottom: 20px;
}
h4 {
color: var(--color-gray);
font-size: 18px;
margin-bottom: 20px;
}
h5 {
font-size: 16px;
margin-bottom: 20px;
}
ul {
padding-left: 20px;
}
ul li,
ol li {
color: var(--color-gray);
font-size: 16px;
}
li + li {
margin-top: 5px;
}
img,
iframe {
max-width: 100%;
height: auto;
}
.hidden {
display: none !important;
}  .container { }
.custom-container {
width: 1270px;
margin: 0 auto;
}
.section-first {
margin-top: 156px; } .visible-xs {
display: none !important;
}
.hidden-xs {
display: block !important;
}
.visible-lg {
display: none !important;
}
.hidden-lg {
display: block !important;
} [class^='gap'] {
display: block;
clear: both;
}
.gap10 {
height: 10px;
}
.gap20 {
height: 20px;
}
.gap30 {
height: 30px;
}
.gap40 {
height: 40px;
}
.gap50 {
height: 50px;
}
.gap60 {
height: 60px;
} .sub h1,
.title h1 {
font-size: 40px;
color: var(--color-blue3);
}
.title h2,
.title p,
.sub h2,
.sub p { }
.sub h2 + p {
color: var(--color-gray);
font-size: 18px;
margin-top: 20px;
}
.title.big h2,
.sub.big h2 {
font-size: 40px;
}
.title h2,
.sub h2 {
color: var(--color-blue3);
font-size: 30px;
font-weight: 700;
}
.title h3,
.sub h3,
.title h3 + p,
.sub h3 + p {
color: var(--color-blue1);
text-align: left;
}
.title strong,
.sub strong { }
.title-border {
width: 90px;
height: 2px;
background-color: #bbbbbb;
margin-bottom: 30px;
} .cta a {
background-color: var(--color-blue3);
border-radius: 30px;
border: 1px solid var(--color-blue3);
color: var(--color-white);
display: inline-block;
font-size: 17px;
font-weight: bold;
padding: 7px 32px;
transition: all 0.3s;
}
.cta a:hover {
background: var(--color-blue-hover);
border-color: var(--color-blue-hover);
text-decoration: none;
}
.cta.alt a {
background-color: var(--color-white);
border: 1px solid var(--color-white);
color: var(--color-blue-hover-alt);
}
.cta.alt a:hover {
background-color: var(--color-dark-gray);
border: 1px solid var(--color-dark-gray);
color: var(--color-white);
} .video-wrapper {
}
.video-wrapper a:hover {
opacity: 0.8;
} .swiper-slide {
display: flex;
justify-content: center;
}
.swiper-button-prev,
.swiper-button-next {
color: #dedede !important;
opacity: 0.5;
} .bg-cinza {
background-color: #f5f5f5;
}
.bg-branco {
background-color: #fff;
} .custom-list {
}
.custom-list ul {
padding-left: 0;
}
.custom-list li + li {
margin-top: 15px;
}
.custom-list li {
color: var(--color-gray);
font-size: 16px;
font-weight: 400;
list-style: none;
max-width: 95%;
padding-left: 20px;
position: relative;
}
.custom-list li:before {
background-color: var(--color-green-list);
border-radius: 100%;
content: '';
display: inline-block;
height: 7px;
width: 7px;
position: absolute;
left: 0;
top: 10px;
} #header {
background-color: transparent;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9997;
}
#header-wrapper {
display: flex;
align-items: center;
}
#header-wrapper > .container-fluid {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
width: 1290px;
} #logo .logo-container {
width: 230px;
height: 136px;
background-color: var(--color-blue3);
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 30px 0;
}
#logo .logo-container img {
width: 165px;
height: 65px;
}
#logo .logo-container-scroll {
width: 230px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
#logo .logo-container-scroll img {
width: 165px;
height: 65px;
} .seletor-wrapper {
position: relative;
}
#abreSeletorIdiomas {
cursor: pointer;
}
.seletor-de-idiomas {  display: none;
height: auto; padding: 0;
position: absolute;
top: 0px;
right: 20px;
z-index: 2;
}
.seletor-de-idiomas ul {
display: flex;
align-items: center;
justify-content: center; list-style: none;
padding: 0;
margin: 0; }
.seletor-de-idiomas ul li {
color: #333;
display: block;
float: none;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase; }
.seletor-de-idiomas ul li + li {
margin-top: 0;
}
.seletor-de-idiomas ul li a { color: #fff;
display: block;
font-size: 15px;
line-height: 1.2;
padding: 2px 15px;
text-decoration: none;
}
.seletor-de-idiomas ul li a:hover {
color: #f8f8f8;
}
.seletor-de-idiomas ul li.current-lang a { font-weight: 700;
}
.seletor-de-idiomas ul li:first-child a {
border-right: 1px solid #fff;
} @media all and (max-width: 1024px) {
.seletor-de-idiomas {
display: none;
}
.seletor-de-idiomas.mobile {
display: block !important;
right: unset;
left: 20px;
top: 20px;
}
.seletor-de-idiomas.mobile ul {
padding-top: 0 !important;
padding-left: 0 !important;
}
.seletor-de-idiomas ul li {
margin-right: 15px !important;
}
.seletor-de-idiomas ul li:first-child {
border-right: 1px solid var(--color-blue1);
padding-right: 15px !important;
}
.seletor-de-idiomas.mobile li a {
border-top: none !important;
color: var(--color-default);
font-weight: normal !important;
padding: 0 !important;
margin: 0 !important;
} .seletor-de-idiomas.mobile ul li.current-lang a {
color: var(--color-blue1);
font-weight: bold !important;
}
}    #busca-topo {
}
#abrirBusca {
cursor: pointer;
}
#search-full-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 317px;
background-color: rgba(4, 54, 134, 0.95);
text-align: center;
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
#search-full-wrapper .search-content {
width: 1290px;
position: relative;
display: flex;
justify-content: center;
}
#search-full-wrapper .search-content .menu-social {
display: flex;
display: none;
justify-content: flex-end;
gap: 16px;
margin-bottom: 5px;
position: absolute;
right: 0;
top: -100px;
}
#search-full-wrapper .search-content .menu-social img {
width: 17px;
height: 17px;
}
#search-full-wrapper form {
width: 1050px;
max-width: 100%;
top: 50px;
position: relative;
}
#search-full-wrapper input[type='text'] {
background-color: transparent;
border: none;
border-bottom: 1px solid var(--color-white);
border-radius: 0;
color: var(--color-white);
font-size: 32px;
height: 60px;
width: 100%;
}
#search-full-wrapper input[type='text']:focus {
box-shadow: none;
}
#search-full-wrapper input[type='text']::placeholder {
color: #fff;
}
#search-full-wrapper input[type='submit'] {
background: transparent url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/search-branco.svg) no-repeat center center;
background-size: 22px;
border: 0;
color: #fff;
position: absolute;
bottom: 0;
right: 0;
height: 60px;
width: 48px;
}
#search-full-wrapper input[type='submit']:hover {
cursor: pointer;
} #fecharBusca {
background: transparent url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/close.svg) no-repeat center center;
color: #fff;
cursor: pointer;
font-size: 40px;
position: absolute;
top: -30px;
right: 0;
height: 20px;
width: 20px;
}  @keyframes hideHeader {
from {
background-color: transparent;
opacity: 1;
height: 156px;
}
to {
opacity: 0;
height: 0;
}
} @keyframes showHeader {
from {
opacity: 0;
height: 0;
}
to {
background-color: var(--color-blue3);
opacity: 1;
height: 156px;
}
} #header-wrapper {
animation-fill-mode: forwards;
animation: unset;
height: 136px;
transition: all 0.3s ease;
position: fixed;
width: 100%;
top: 0;
left: 0;
}
#header-wrapper .colorido,
#header-wrapper .branco {
display: none;
}
#header-wrapper.header-scroll {
background-color: transparent !important;
} #header-wrapper.hide-header {
animation: hideHeader 0.3s forwards;
} #header-wrapper:not(.hide-header):not(.header-scroll) {
animation: showHeader 0.3s forwards;
}
#header-wrapper.header-scroll .branco {
display: block;
}
#header-wrapper:not(.header-scroll) .colorido {
display: block;
}
#header-wrapper:not(.header-scroll) #menu-superior ul li a {
color: var(--color-white);
} #menu-superior-container {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
}
#menu-superior-container .menu-social {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
}
#menu-superior-container .menu-social img {
width: 17px;
height: 17px;
}
#menu-superior-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}
#menu-superior-wrapper nav#menu-superior {
background-color: transparent;
padding: 0px 0;
width: 100%;
}
#menu-superior-wrapper nav#menu-superior ul {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding-left: 0;
gap: 65px;
}
#menu-superior-wrapper nav#menu-superior ul li {
list-style: none;
position: relative;
transition: all ease 0.3s;
border-bottom: 3px solid transparent;
}
#menu-superior-wrapper nav#menu-superior ul li a {
color: var(--color-white);
display: block;
font-size: 20px;
font-weight: 600;
padding: 16px 0;
text-decoration: none;
}
#menu-superior-wrapper nav#menu-superior ul li:hover {
border-bottom: 3px solid #a7c8ff;
}
#menu-superior ul li a:hover,
#menu-superior ul li.current-menu-item a {
color: var(--cor-cinza3);
text-decoration: none;
} #menu-superior ul.sub-menu {
background-color: #000000b3;
box-shadow: 0px 3px 6px #00000029;
display: none !important;
height: auto;
min-width: 258px;
padding: 0;
position: absolute;
top: 62px;
z-index: 2;
flex-direction: column;
gap: 0 !important;
}
#menu-superior ul.sub-menu li {
border-bottom: 0 !important;
width: 100%;
max-width: 100%;
margin: 0;
}
#menu-superior ul.sub-menu li a {
border-bottom: 1px solid #cac6c8;
color: var(--cor-padrao);
display: block;
font-size: 16px !important;
font-weight: normal;
line-height: 1.2;
padding: 14px 22px !important;
}
#menu-superior ul.sub-menu li:hover {
background-color: var(--color-blue1);
}
#menu-superior .sub-menu li:last-child a {
border-bottom: none;
}
#menu-superior .sub-menu li a:after {
display: none;
}
#menu-superior .sub-menu li a:hover,
#menu-superior .sub-menu li.current-menu-item a {
color: #fff;
background-color: var(--cor-azul1);
}
#menu-superior li:hover .sub-menu {
display: block !important;
} #menu-mobile {
cursor: pointer;
height: 50px;
float: right;
margin-top: 14px;
overflow: hidden;
position: relative;
width: 34px;
z-index: 9999;
}
#menu-mobile span {
height: 3px;
background-color: #fff;
display: block;
width: 40px;
transition: all 0.3s ease;
margin: 6px 0;
}
#menu-mobile:hover span {
}
#menu-mobile:hover .span2 {
width: 80%;
}
#menu-mobile.close {
opacity: 1;
}
#menu-mobile.close .span1 {
transform: rotate(-45deg);
position: absolute;
top: 10px;
transition: all 1s ease;
}
#menu-mobile.close .span2 {
width: 0;
transition: all 0.3s ease;
}
#menu-mobile.close .span3 {
transform: rotate(45deg);
position: absolute;
top: 10px;
transition: all 1s ease;
}
#menu-mobile.close [class^='span'] {
background-color: var(--color-blue3);
} #menu-mobile-wrapper {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
opacity: 0;
height: auto;
display: none;
padding: 0 20px 0 20px;
transition: all 0.3s linear;
z-index: 9998;
}
#menu-mobile-wrapper.open {
opacity: 1;
transition: all 0.3s linear;
} #menu-mobile-wrapper ul {
margin: 0;
padding: 0;
padding-top: 75px;
}
#menu-mobile-wrapper li {
background-color: #fff;
list-style: none;
padding: 0;
margin: 0;
text-align: left;
line-height: 1.3;
}
#menu-mobile-wrapper li a {
border-top: 1px solid #c4c6c8;
color: var(--color-blue1);
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1;
margin: 5px 0;
padding: 10px 0px;
text-align: left;
text-decoration: none;
}
#menu-mobile-wrapper li:not(.menu-item-has-children) a { }
#menu-mobile-wrapper li:first-child a {
border-top: none;
}
#menu-mobile-wrapper li a:hover,
#menu-mobile-wrapper li:hover,
#menu-mobile-wrapper li a:active,
#menu-mobile-wrapper li:active,
#menu-mobile-wrapper li a:focus,
#menu-mobile-wrapper li:focus {
background: transparent;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
} #menu-mobile-wrapper ul.sub-menu {
border-top: none;
border-bottom: none;
margin-left: 0;
position: relative;
visibility: unset;
z-index: 1;
}
#menu-mobile-wrapper li.menu-item-has-children {
}
#menu-mobile-wrapper .menu-item-has-children a {
padding-bottom: 0;
}
#menu-mobile-wrapper li > ul {
padding-top: 0;
padding-left: 0;
}
#menu-mobile-wrapper li > ul.sub-menu li {
}
#menu-mobile-wrapper li > ul.sub-menu li a {
color: var(--color-blue1);
border-bottom: none;
font-size: 15px;
font-weight: normal;
padding: 10px 15px 4px 15px;
max-width: 100%;
}
#menu-mobile-wrapper li > ul.sub-menu li a:hover,
#menu-mobile-wrapper li > ul.sub-menu li a:focus,
#menu-mobile-wrapper li > ul.sub-menu li a:active {
color: var(--color-default);
}
#menu-mobile-wrapper li:hover > ul.sub-menu {
display: block;
}   .cover-dark {
display: none;
background: #fff;
height: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 998;
} #footer {
background-color: var(--color-blue3);
max-width: 1920px;
padding: 80px 0 60px;
}
#footer .footer-container {
display: flex;
flex-direction: row;
gap: 140px;
align-items: stretch;
justify-content: space-between;
} #footer .footer-container .footer_logo {
width: 300px;
display: flex;
flex-direction: column;
align-items: start;
gap: 30px;
}
#footer .footer-container .footer_logo img {
width: 165px;
height: 65px;
}
#footer .footer-container .footer_logo p {
text-align: start;
font-size: 14px;
color: #dbe9ff;
}
#footer .footer-container .footer_logo p b {
font-size: 16px;
}
#footer .footer-container .footer_others {
justify-content: space-between;
display: flex;
gap: 70px;
flex: 1;
}
#footer .footer-container .footer_others .others_menu h3 {
color: #dbe9ff;
font-size: 16px;
font-weight: 700;
text-align: start;
}
#footer .footer-container .footer_others .others_menu .footer-border {
margin-bottom: 30px;
width: 47px;
height: 1px;
background-color: #dbe9ff;
}
#footer .footer-container .footer_others .others_menu #menu-footer ul {
list-style: none;
padding: 0;
}
#footer .footer-container .footer_others .others_menu #menu-footer ul li a {
color: #dbe9ff;
text-decoration: none;
font-weight: 400;
font-size: 15px;
}
#footer #menu-footer ul .sub-menu {
padding-left: 15px;
}
#footer .footer-container .footer_others .others_onde_estamos h3 {
color: #dbe9ff;
font-size: 16px;
font-weight: 700;
text-align: start;
}
#footer .footer-container .footer_others .others_onde_estamos .footer-border {
margin-bottom: 30px;
width: 47px;
height: 1px;
background-color: #dbe9ff;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container {
display: flex;
flex-direction: column;
gap: 16px;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container
a {
text-decoration: none;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container
.onde_estamos_single {
width: 220px;
display: flex;
gap: 15px;
flex-direction: row;
align-items: start;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container
.onde_estamos_single
img {
margin-top: 6px;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container
.onde_estamos_single
p {
color: #dbe9ff;
font-weight: 400;
font-size: 15px;
}
#footer .footer-container .footer_others .others_phone_time {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
gap: 14px;
}
#footer .footer-container .footer_others .others_phone_time .phone_time_single {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
#footer
.footer-container
.footer_others
.others_phone_time
.phone_time_single
p {
color: #dbe9ff;
font-size: 15px;
font-weight: 400;
margin: 0;
}
#footer * {
font-size: 20px;
}
#footer p,
#footer a,
#footer li {
color: #fff;
margin: 0;
} #footer .footer_text {
}
#footer .footer_text p {
font-size: 13px;
line-height: 1.6;
} #footer .footer_social {
column-gap: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
margin-bottom: 55px;
}
#footer .footer_social a {
}
#footer .footer_social a img {
width: auto;
max-width: 34px;
height: auto;
max-height: 36px;
}
#footer .footer_social a:hover {
opacity: 0.8;
}   .wpcf7 {
} .wpcf7 .row {
justify-content: space-between;
}
.wpcf7 .row .col-sm-6 {
max-width: 50%;
}
.wpcf7 .form-group {
margin-bottom: 17px;
}
.wpcf7 br {
display: none;
}
.wpcf7 h4 {
font-size: 35px;
font-weight: 900;
margin-bottom: 25px;
}
.wpcf7 span {
color: var(--color-default);
font-size: 15px;
margin: 0;
}
.wpcf7 .row + .sub {
margin-top: 20px;
}
.wpcf7 .texto {
margin-bottom: 30px;
}
.wpcf7 label {
display: block;
font-size: 15px;
}
.wpcf7 ::placeholder {
color: var(--color-gray);
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='number'],
.wpcf7 input[type='phone'],
.wpcf7 textarea {
background-color: #f8f8f8;
border: 1px solid #bbbbbb;
border-radius: 5px;
font-size: 15px;
color: var(--color-gray);
height: 45px;
padding: 16px;
width: 100%;
}
.wpcf7 textarea {
height: 210px;
padding: 10px;
}
.wpcf7 select {
background-color: transparent;
border: 1px solid #a7a9ac;
border-radius: 4px;
color: var(--cor-padrao);
height: 36px;
padding: 0px 10px;
width: 100%;
}
.wpcf7 .wpcf7-list-item {
display: block;
}
.wpcf7 .wpcf7-list-item span {
font-size: 18px;
}
.wpcf7 input[type='checkbox'],
input[type='radio'] {
margin-right: 10px;
margin-top: 5px;
}
.wpcf7 input[type='submit'],
.wpcf7 button {
background-color: var(--color-blue2);
border: 1px solid var(--color-blue2);
border-radius: 20px;
color: var(--color-white);
cursor: pointer;
display: inline-block;
font-size: 17px;
font-weight: 700;
width: 115px;
height: 40px;
transition: all 0.3s;
float: right;
}
.wpcf7 input[type='submit']:hover,
.wpcf7 button:hover {
background: transparent;
background: var(--color-blue-hover);
color: var(--color-white);
text-decoration: none;
}
.wpcf7 .wpcf7-spinner {
display: block;
} .wpcf7 input[type='text'].wpcf7-not-valid,
.wpcf7 input[type='email'].wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
background: #ffe1e2;
color: #ff585d;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ok {
background: #fff;
border: 2px solid #d9d9d9;
color: #398f14;
font-size: 12px;
padding: 7px 15px;
}
.wpcf7-form .wpcf7-response-output {
border-radius: 10px;
border-color: #fff;
background: #fff;
clear: both;
font-size: 14px;
margin: 0 !important;
padding: 12px 15px !important;
}
.wpcf7 form.sent .wpcf7-response-output { background-color: #dff2bf;
border: 0;
color: #4f8a10;
}
.wpcf7 form.invalid .wpcf7-response-output { background-color: #ffe1e2;
border: 0;
color: #ff585d;
}
.wpcf7 span.wpcf7-not-valid-tip {
color: #ff585d;
font-weight: bold;
font-size: 12px;
margin-top: 5px;
} .grecaptcha-badge {
visibility: hidden;
} .bg-blue {
background-color: var(--color-blue3);
} #section-hero-home {
background: var(--color-blue3) url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/hero-fundacao-bracell.jpg) no-repeat top center;
border-radius: 0 0 200px 0;
background-size: cover;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center; height: 934px;
padding-top: 132px;
} #section-hero-home .texto {
padding-bottom: 90px;
}
#section-hero-home .texto h2 {
color: var(--color-white);
font-size: 54px;
font-weight: 700;
line-height: 1.1;
width: 400px;
}
#section-hero-home .texto h2 strong {
font-weight: 700;
color: var(--color-green-list);
} #section-acreditamos {
background-color: var(--color-blue3);
padding: 100px 0 120px; display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 200px 0;
}
#section-acreditamos .aspas-1 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/aspas-1.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 57px;
top: -40px;
}
#section-acreditamos .aspas-2 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/aspas-2.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 57px;
top: 40px;
}
#section-acreditamos .texto {
padding: 0 10px;
width: 100%;
text-align: center;
}
#section-acreditamos .texto::before {
background-color: red;
width: 50px;
height: 50px;
}
#section-acreditamos .texto h2 {
color: var(--color-white);
font-size: 42px;
font-weight: 700;
width: 800px;
max-width: 100%;
margin: 0 auto;
} #section-fundacao {
background-color: var(--color-white);
padding: 80px 0 0;
overflow: visible;
display: flex;
gap: 50px;
}
#section-fundacao .fundacao-img {
top: -120px;
}
#section-fundacao .fundacao-img .img-fundacao {
width: 620px;
height: 497px;
}
#section-fundacao .title {
margin-bottom: 35px;
}
#section-fundacao .title h2 {
font-size: 40px;
font-weight: 700;
}
#section-fundacao .title h2 strong {
color: var(--color-green1);
font-weight: 700;
}
#section-fundacao .title .title-border {
width: 90px;
height: 2px;
background-color: #bbbbbb;
margin-bottom: 30px;
}
#section-fundacao .title p {
width: 100%;
}
#section-fundacao .title a {
text-decoration: none;
margin-top: 20px;
} #section-parallax {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/bg-parallax.jpg);
height: 1160px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: row;
padding-top: 80px;
}
#section-parallax .title {
display: flex;
justify-content: center;
}
#section-parallax .title h2 {
font-size: 40px;
color: var(--color-white);
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
#section-parallax .title .title-border {
width: 90px;
height: 2px;
background-color: var(--color-white);
margin: 0 auto;
margin-bottom: 30px;
}
#section-parallax .title > .wpb_wrapper p {
font-size: 16px;
color: var(--color-white);
max-width: 900px;
margin-bottom: 60px;
}
#section-parallax .parallax-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
#section-parallax .parallax-container .parallax-single {
width: 418px;
height: 544px;
background-color: var(--color-white);
display: flex;
align-items: center;
justify-content: center;
padding: 60px;
}
#section-parallax .parallax-container .parallax-single:first-child {
border-right: 1px solid var(--color-dark-gray);
border-radius: 16px 0 0 16px;
}
#section-parallax .parallax-container .parallax-single:last-child {
border-left: 1px solid var(--color-dark-gray);
border-radius: 0 16px 16px 0;
}
#section-parallax .parallax-container .parallax-single .parallax-icon1,
#section-parallax .parallax-container .parallax-single .parallax-icon2,
#section-parallax .parallax-container .parallax-single .parallax-icon3 {
width: auto;
height: 125px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 30px;
}
#section-parallax .parallax-container .parallax-single .parallax-icon1 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/icone-educacao-infantil.svg);
}
#section-parallax .parallax-container .parallax-single .parallax-icon2 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/icone-primeira-infancia.svg);
}
#section-parallax .parallax-container .parallax-single .parallax-icon3 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/icone-liderancas.svg);
}
#section-parallax .parallax-container .parallax-single h4 {
color: var(--color-blue1);
font-size: 22px;
font-weight: 700;
}
#section-parallax .parallax-container .parallax-single .cta p {
font-size: 15px;
}
#section-parallax .parallax-container .parallax-single .cta h4 {
min-height: 53px;
}
#section-parallax .parallax-container .parallax-single .cta a {
margin-top: 30px;
text-decoration: none;
}
#section-parallax .parallax-container .parallax-single {
transition: all ease 0.3s;
}
#section-parallax .parallax-container .parallax-single:hover {
background-color: var(--color-blue1);
}
#section-parallax .parallax-container .parallax-single:hover h4,
#section-parallax .parallax-container .parallax-single:hover p {
color: var(--color-white);
}
#section-parallax .parallax-container .parallax-single:hover .cta a {
background-color: var(--color-white);
color: var(--color-dark-gray);
border-color: var(--color-blue1);
}
#section-parallax .parallax-container .parallax-single:hover .cta a:hover {
background-color: #4c494b;
color: var(--color-white);
}
#section-parallax .parallax-container .parallax-single:hover .parallax-icon1 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/icone-educacao-infantil-hover.svg);
}
#section-parallax .parallax-container .parallax-single:hover .parallax-icon2 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/icone-primeira-infancia-hover.svg);
}
#section-parallax .parallax-container .parallax-single:hover .parallax-icon3 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/icone-liderancas-hover.svg);
} #section-ultimas-noticias {
padding: 80px 0 150px;
margin-top: -200px;
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/bg-noticias.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 200px 0px 0px 0px;
}
#section-ultimas-noticias .title h2 {
font-size: 40px;
font-weight: 700;
}
#section-ultimas-noticias .title h2 strong {
font-weight: 700;
color: var(--color-green1);
}
#section-ultimas-noticias .title .title-border {
width: 90px;
height: 2px;
background-color: #bbbbbb;
margin: 0 auto;
margin-bottom: 30px;
}
#section-ultimas-noticias .title p {
font-size: 22px;
color: var(--color-dark-gray);
}
#section-ultimas-noticias .cta {
margin-top: 60px;
}
#section-ultimas-noticias .cta a {
text-decoration: none;
} #last-news {
margin-top: 60px;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 60px;
}
#last-news .post-single {
background-color: var(--color-white);
width: 410px;
border-radius: 0px 0px 80px 0px;
}
#last-news .post-single .post-thumbnail {
overflow: hidden;
border-radius: 0px 0px 80px 0px;
}
#last-news .post-single .post-thumbnail img {
width: 100%;
height: 286px;
}
#last-news .post-single .post-date-container {
background-color: var(--color-blue1);
border: 2px solid var(--color-white);
border-radius: 8px;
position: relative;
top: -35px;
left: 30px;
width: 59px;
height: 59px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#last-news .post-single .post-date-container .post-date {
color: var(--color-white);
font-size: 22px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
line-height: 1.1;
}
#last-news .post-single .post-date-container .date-mes {
font-size: 13px;
font-weight: 400;
}
#last-news .post-single .post-content {
padding: 0 30px 40px;
}
#last-news .post-single .post-content .post-title a {
font-size: 22px;
color: var(--color-blue1);
line-height: 1.3;
text-decoration: none;
}
#last-news .post-single .post-content .post-excerpt p {
margin-bottom: 40px;
}
#last-news .post-single .read-more {
color: var(--color-blue1);
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
#last-news .post-single .read-more:hover {
color: #bbbbbb;
transition: all 0.3s ease;
}
#last-news .post-single:hover .post-thumbnail a img {
transform: scale(1.1);
transition: transform 0.3s ease;
}
#last-news .post-single:hover .post-content .post-title a {
color: var(--color-gray);
transition: all 0.3s ease;
} #section-faq {
background-color: var(--color-blue1);
border-radius: 91px;
z-index: 2;
width: 100%;
height: 140px;
position: relative;
margin-top: -70px;
display: flex;
align-items: center;
}
#section-faq .icon-faq {
padding-left: 50px;
}
#section-faq .icon-faq img {
width: 77px;
height: 80px;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
justify-content: center;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .faq-text { padding: 0 40px;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .faq-text h4 {
font-size: 36px;
color: var(--color-white);
font-weight: 700;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .cta {
margin: 0;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .cta a {
text-decoration: none;
}
#section-contato {
padding: 0 !important;
margin-top: -70px;
background-color: var(--color-blue3);
}
#section-contato .contato-content {
background-color: var(--color-white);
border-radius: 0px 0px 200px 0px;
padding: 170px 0 80px;
}
#section-contato .contato-container {
width: 1070px;
margin: 0 auto;
}
#section-contato .contato-container .title {
width: 380px;
}
#section-contato .contato-container .title h2 {
font-size: 40px;
color: var(--color-blue3);
font-weight: 700;
line-height: 1.15;
margin-bottom: 30px;
}
#section-contato .contato-container .title h2 strong {
font-weight: 700;
color: var(--color-green1);
}
#section-contato .contato-container .title p {
color: var(--color-gray);
}
#section-contato .contato-container .title .title-border {
width: 90px;
height: 3px;
background-color: #bbbbbb;
margin-bottom: 45px;
} .page-title-wrapper {
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
display: flex;
height: 510px;
}
.page-title {
display: flex;
align-items: center;
justify-content: center;
max-width: 1270px;
margin: 0 auto;
}
.page-title * {
color: var(--color-white);
}
.page-title h1 {
color: var(--color-white);
font-weight: bold;
font-size: 40px;
}
.breadcrumbs {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0;
}
.breadcrumbs * {
color: var(--cor-padrao);
font-size: 13px;
}
.breadcrumbs span {
border-right: 1px solid var(--cor-padrao);
line-height: 1;
margin-right: 15px;
padding-right: 15px;
}
.breadcrumbs span:last-of-type {
border-right: 0;
}
#section-first {
background-color: red;
background: transparent linear-gradient(180deg, var(--color-white) 0%, #fff 100%) 0% 0% no-repeat padding-box;
padding: 80px 0;
margin-top: -190px;
border-radius: 0px 200px 0px 0px;
}
#section-first-internas {
background-color: var(--color-white);
padding: 80px 0;
margin-top: -190px;
border-radius: 0px 200px 0px 0px;
}  .sobre-container {
margin-top: 100px;
}
.sobre-container::after,
.sobre-container::before {
display: none !important;
}
.sobre-nos-container {
display: flex;
align-items: center;
justify-content: center;
}
.sobre-nos-container .sobre-nos-content {
width: 1050px;
}
.sobre-nos-container .sobre-nos-content .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.sobre-nos-container
.sobre-nos-content
.vc_column-inner
> .wpb_wrapper
> .w-512 {
width: 512px;
}
.sobre-nos-container
.sobre-nos-content
.vc_column-inner
> .wpb_wrapper
> .w-636 {
width: 636px;
}
.sobre-nos-container
.sobre-nos-content
.vc_column-inner
> .wpb_wrapper
.img-sobre-apoio {
width: 386px;
height: 379px;
}
.sobre-nos-container
.sobre-nos-content
.vc_column-inner
> .wpb_wrapper
.img-sobre-apoio
img {
width: 386px;
height: 379px;
}
.mt-100 {
margin-top: 100px;
}
.sobre-nos-text.right {
padding-left: 50px !important;
}
.sobre-nos-text.right .title {
width: 620px;
}
.sobre-nos-text .title {
width: 512px;
}
.sobre-nos-text .title h2 {
font-size: 30px;
}
#onde-atuamos {
height: 491px;
}
#onde-atuamos .onde-atuamos-left {
background: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/bg-onde-atuamos.jpg) no-repeat center center;
padding: 80px 140px 80px 326px;
display: flex;
align-items: center;
height: 100%;
}
#onde-atuamos .onde-atuamos-left .text-onde-estamos h3 {
color: var(--color-white);
font-size: 40px;
font-weight: 700;
}
#onde-atuamos .onde-atuamos-left .text-onde-estamos h4 {
color: var(--color-white);
font-size: 18px;
margin-bottom: 35px;
}
#onde-atuamos .onde-atuamos-left .text-onde-estamos p {
color: var(--color-white);
}
#onde-atuamos .onde-atuamos-right {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/onde-estamos-img.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
#nossa-equipe {
padding: 80px 0;
border-radius: 0px 0px 200px 0px;
z-index: 2;
background-color: var(--color-white);
}
#nossa-equipe .title h3 {
font-size: 40px;
font-weight: 700;
}
#nossa-equipe .title h3 strong {
color: var(--color-green1);
font-weight: 700;
}
#nossa-equipe .title p {
color: var(--color-gray);
}
#nossa-equipe #cards-equipe {
margin-top: 50px;
display: flex;
align-items: start;
justify-content: space-between;
}   #nossa-equipe #cards-equipe .equipe-single {
width: 335px;
}
#nossa-equipe #cards-equipe .equipe-single .equipe-img {
margin-bottom: 30px;
}
#nossa-equipe #cards-equipe .equipe-single .equipe-img img {
width: 300px;
height: 300px;
border-radius: 100%;
}
#nossa-equipe #cards-equipe .equipe-single .title-equipe h4 {
color: var(--color-blue2);
font-size: 22px;
font-weight: 700;
}
#nossa-equipe #cards-equipe .equipe-single .title-equipe p {
font-size: 15px;
}
#nossa-equipe #cards-equipe .equipe-single .title-equipe p strong {
font-size: 15px;
color: var(--color-gray);
font-weight: bold;
}
#nossa-equipe #cards-equipe .equipe-single .aspas-depo {
text-align: center;
margin: 30px 0 15px;
}
#nossa-equipe #cards-equipe .equipe-single .aspas-depo p {
font-size: 15px;
font-style: italic;
}
#nossa-equipe #cards-equipe .equipe-single .equipe-icone span {
font-size: 20px !important;
}
#section-acreditamos.sobre-nos-aspas {
background-color: var(--color-green0);
margin-top: -200px;
padding: 300px 0 90px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 200px 0;
}
#section-acreditamos.sobre-nos-aspas .nome {
color: var(--color-white);
margin-top: 35px;
text-align: center;
}
#section-acreditamos.sobre-nos-aspas .nome p {
color: var(--color-white);
}
#section-acreditamos.sobre-nos-aspas .aspas-1 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/aspas1-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 57px;
top: -40px;
}
#section-acreditamos.sobre-nos-aspas .aspas-2 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/aspas2-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 57px;
top: 40px;
}
#section-acreditamos.sobre-nos-aspas .texto {
width: 100%;
text-align: center;
}
#section-acreditamos.sobre-nos-aspas .texto::before {
background-color: red;
width: 50px;
height: 50px;
}
#section-acreditamos.sobre-nos-aspas .texto h2 {
color: var(--color-white);
font-size: 34px;
font-weight: 700;
width: 800px;
max-width: 100%;
margin: 0 auto;
}
#nossos-parceiros {
z-index: 2;
background-color: var(--color-blue3);
}
#nossos-parceiros #linha-logos-parceiros { width: 100%;
max-width: 1300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
}
#nossos-parceiros #linha-logos-parceiros .logos img { }
#nossos-parceiros .nossos-parceiros-content {
padding: 80px 0;
background-color: var(--color-white);
border-radius: 0px 0px 200px 0px;
}
#nossos-parceiros .title {
margin-bottom: 70px;
}
#nossos-parceiros .title h3 {
font-size: 40px;
font-weight: 700;
}
#nossos-parceiros .title h3 strong {
color: var(--color-green1);
font-weight: 700;
} #header-edu-infantil {
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
display: flex;
height: 830px;
}
#header-edu-infantil .edu-infantil-title {
width: 100%;
max-width: 1270px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
padding-bottom: 60px;
margin: 0 auto;
}
#header-edu-infantil .edu-infantil-title * {
color: var(--color-white);
}
#header-edu-infantil .edu-infantil-title .edu-infantil-texts {
width: 350px;
}
#header-edu-infantil .edu-infantil-title .edu-infantil-texts h1 {
color: var(--color-white);
font-weight: bold;
font-size: 40px;
margin-bottom: 30px;
}
#header-edu-infantil .edu-infantil-title .edu-infantil-texts p {
color: var(--color-white);
font-size: 16px;
}
.edu-infantil-container .title {
width: 100%;
}
.edu-infantil-container .title h2 {
font-size: 30px;
}
.edu-infantil-container .educacao-cotainer {
max-width: 1080px;
margin: 0 auto;
float: none;
}
.edu-infantil-container .educacao-cotainer .edu-title {
margin-bottom: 50px;
}
.edu-infantil-container
.educacao-cotainer
.educacao-list-container
.edu-list
ul {
display: flex;
flex-direction: column;
gap: 20px;
}
.edu-infantil-container
.educacao-cotainer
.educacao-list-container
.edu-list
ul
li::marker {
color: var(--color-green1);
}
.edu-infantil-container
.educacao-cotainer
.educacao-list-container
.edu-list
p {
padding-left: 20px;
}
.edu-infantil-container .educacao-cotainer .edu-text-container .edu-text {
width: 90%;
}
.edu-infantil-container .educacao-cotainer .educacao-title {
padding-right: 40px;
}
.edu-infantil-container .educacao-cotainer .edu-text-border {
margin: 100px 0;
text-align: center;
border: 1px solid var(--color-green0);
padding: 30px 50px;
border-radius: 100px;
}
.edu-infantil-container .educacao-cotainer .edu-notas {
border-top: 1px solid #dddddd;
padding-top: 16px;
}
.edu-infantil-container .educacao-cotainer .edu-notas p {
font-size: 14px;
margin-bottom: 14px;
}
.edu-infantil-container .educacao-cotainer .edu-notas p a {
font-size: 14px;
}
.edu-infantil-container .apoio-container {
margin-top: 100px;
}
.edu-infantil-container .apoio-container::after,
.edu-infantil-container .apoio-container::before {
display: none;
}
.edu-infantil-container .apoio-container.des-lider-text-container {
margin: 0;
}
#nossos-projetos {
background-color: var(--color-blue3);
}
#nossos-projetos .nossos-projetos-container {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/bg-nossos-projetos.jpg);
background-position: top left;
background-size: cover;
background-repeat: no-repeat;
padding: 80px 0 120px;
border-radius: 0px 0px 200px 0px;
}
#nossos-projetos .title > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#nossos-projetos .title h3 {
font-size: 40px;
font-weight: 700;
}
#nossos-projetos .title h3 strong {
color: var(--color-green1);
font-weight: 700;
}
#nossos-projetos .title p {
color: var(--color-gray);
}
#nossos-projetos .nossos-projetos-posts {
margin-top: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 80px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single {
width: 1055px;
height: 376px;
background-color: var(--color-white);
border-radius: 0px 0px 100px 0px;
display: flex;
flex-direction: row;
gap: 50px;
justify-content: space-between;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .img-projetos {
width: 50%;
height: 376px;
overflow: hidden;
border-radius: 0 0 80px 0;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .img-projetos img {
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info {
padding: 60px 0;
width: 50%;
text-decoration: none;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info a {
text-decoration: none !important;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info h4 {
color: var(--color-blue3);
font-size: 30px;
font-weight: 700;
width: 460px;
transition: all 0.3s ease;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info p {
color: var(--color-gray);
font-size: 16px;
font-weight: 400;
width: 460px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info p a {
color: var(--color-gray);
font-size: 16px;
font-weight: 400;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info a {
color: var(--color-blue1);
font-size: 18px;
font-weight: 700;
background-color: var(--color-white);
padding: 0;
margin-top: 20px;
}
#nossos-projetos
.nossos-projetos-posts
.projetos-single:hover
.img-projetos
img {
transform: scale(1.1);
}
#nossos-projetos
.nossos-projetos-posts
.projetos-single:hover
.projeto-info
a
h4 {
color: var(--color-gray);
} .content-wrapper.blog-page {
background-color: var(--color-blue3);
margin-top: -190px;
border-radius: 0 200px 0 0;
overflow: hidden;
}
.content-wrapper.blog-page .blog-radius {
padding: 80px 0;
background-color: var(--color-white);
border-radius: 0 0 200px 0;
}
.first-two-posts {
width: 1270px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 50px;
position: relative;
}
.first-two-posts .post-first-two {
width: 619px;
}
.first-two-posts .post-first-two .col-esq {
width: 619px;
padding: 0;
height: 438px;
}
.first-two-posts .post-first-two .col-esq img {
width: 100%;
height: 438px;
border-radius: 0px 0px 100px 0px;
}
.first-two-posts .post-first-two .col-dir {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 0px 0px 100px 0px;
position: absolute;
bottom: 0;
width: 619px;
padding: 20px 30px;
}
.first-two-posts .post-first-two .col-dir .post-date-container {
display: flex;
flex-direction: row;
gap: 4px;
}
.first-two-posts .post-first-two .col-dir .post-date-container p {
color: var(--color-white);
font-size: 16px;
text-transform: uppercase;
}
.first-two-posts .post-first-two .col-dir .post-title {
width: 500px;
}
.first-two-posts .post-first-two .col-dir .post-title h1 {
color: var(--color-white);
font-weight: 700;
font-size: 22px;
}
.other-posts {
margin-top: 80px;
display: grid;
grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;
grid-row-gap: 30px;
}
.other-posts .col-esq {
width: 100%;
}
.other-posts .col-dir {
width: 100%;
padding: 0 30px;
}
.other-posts .col-dir .post-date-container {
background-color: var(--color-blue1);
border: 2px solid var(--color-white);
border-radius: 8px;
position: relative;
top: -35px;
width: 59px;
height: 59px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.other-posts .col-dir .post-date-container .post-date {
color: var(--color-white);
font-size: 22px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
line-height: 1.1;
}
.other-posts .col-dir .post-date-container .date-mes {
font-size: 13px;
font-weight: 400;
}
.other-posts .col-dir .post-title {
margin-top: -15px;
}
.other-posts .col-dir .post-title h1 {
color: var(--color-blue1);
font-size: 22px;
font-weight: 700;
}
.other-posts .col-dir .post-cta a {
text-decoration: none;
color: var(--color-blue1);
font-weight: 700;
font-size: 18px;
transition: all 0.3s ease;
}
.other-posts .col-dir .post-cta a:hover {
color: var(--color-gray);
}
.other-posts {
transition: all 0.3s ease;
}
.post-container.post-others {
overflow: hidden;
}
.post-container.post-others:hover .col-esq img {
transform: scale(1.1);
transition: transform 0.3s ease;
}
.post-container.post-others:hover .col-dir .post-title h1 {
color: var(--color-gray);
transition: all 0.3s ease;
} #section-faq-interna {
background-color: var(--color-blue3);
margin-top: -190px;
border-radius: 0px 200px 0px 0px;
}
#section-faq-interna .title {
margin-bottom: 35px;
}
#section-faq-interna .title h3 {
font-size: 30px;
font-weight: 700;
color: var(--color-blue1);
}
#section-faq-interna .faq-container {
width: 100%;
padding: 80px 0;
border-radius: 0px 0px 200px 0px;
background-color: var(--color-white);
}
#section-faq-interna .faq-container .faq-w {
width: 100%;
}
#section-faq-interna .faq-container .faq-w .faq-single {
width: 836px;
margin: 0 auto;
padding: 30px 0;
border-bottom: 1px solid #bbbbbb;
}
#section-faq-interna .faq-container .faq-w .faq-single .vc_toggle_title {
display: flex;
align-items: start;
justify-content: space-between;
gap: 60px;
}
#section-faq-interna .faq-container .faq-w .faq-single .vc_toggle_title h4 {
color: var(--color-blue1);
font-size: 22px;
font-weight: 700;
}
#section-faq-interna
.faq-container
.faq-w
.faq-single
.vc_toggle_title
.vc_toggle_icon {
width: 12px;
height: 7px;
}
#section-faq-interna
.faq-container
.faq-w
.faq-single
.vc_toggle_title
.vc_toggle_icon::after,
#section-faq-interna
.faq-container
.faq-w
.faq-single
.vc_toggle_title
.vc_toggle_icon::before {
border-color: var(--color-blue1);
width: 8px;
height: 8px;
border-width: 1px;
margin: 0;
}
#section-faq-interna .faq-container .faq-w .faq-single:not(:first-child) {
}
#section-faq-interna .faq-footer-text {
width: 836px;
margin: 35px auto 0;
}
#section-faq-interna .faq-footer-text p a:hover {
color: var(--color-blue1);
} #section-contato-interna {
background-color: var(--color-green0);
margin-top: -190px;
border-radius: 0px 200px 0px 0px;
}
#section-contato-interna .contato-container {
width: 100%;
padding: 80px 0;
border-radius: 0px 0px 200px 0px;
background-color: var(--color-white);
}
#section-contato-interna .contato-container .contato-header .contato-text {
width: 790px;
margin: 0 auto 80px;
}
#section-contato-interna .contato-container .contato-texts-form {
display: flex;
justify-content: space-between;
max-width: 1050px;
margin: 0 auto;
}
#section-contato-interna
.contato-container
.contato-texts-form
input[type='submit'] {
margin-top: 40px;
}
#section-contato-interna .contato-container .contato-texts-form::after,
#section-contato-interna .contato-container .contato-texts-form::before {
display: none;
}
#section-contato-interna
.contato-container
.contato-texts
.contato-text-single
h6 {
color: var(--color-blue3);
font-size: 16px;
font-weight: 700;
}
#section-contato-interna
.contato-container
.contato-texts
.contato-text-single
p {
margin: 0;
}
#section-contato-interna
.contato-container
.contato-texts
.contato-text-single
.contato-imprensa {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-top: 4px;
}
#section-contato-interna
.contato-container
.contato-texts
.contato-text-single
.contato-imprensa
p {
margin: 0;
}
#section-contato-interna
.contato-container
.contato-texts
.contato-text-single:not(:first-child) {
margin-top: 30px;
}
#section-contato-interna .contato-container .contato-form {
width: 620px;
float: right;
}
#section-aspas-contato {
background-color: var(--color-blue3);
}
#section-aspas-contato .contato-aspas {
background-color: var(--color-green0);
padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 200px 0;
}
#section-aspas-contato .contato-aspas .aspas-1 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/aspas1-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 57px;
top: -40px;
}
#section-aspas-contato .contato-aspas .aspas-2 {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/aspas2-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 57px;
top: 40px;
}
#section-aspas-contato .contato-aspas .texto {
width: 100%;
text-align: center;
}
#section-aspas-contato .contato-aspas .texto::before {
background-color: red;
width: 50px;
height: 50px;
}
#section-aspas-contato .contato-aspas .texto h2 {
color: var(--color-white);
font-size: 42px;
font-weight: 700;
width: 800px;
max-width: 100%;
margin: 0 auto;
} .noticias-interna {
height: 510px;
width: 100%;
display: flex;
}
.single-blog {
background-color: var(--color-white);
border-radius: 0px 200px 0px 0px;
padding: 80px 0 20px;
margin-top: -190px;
} .article-item .post-header {
max-width: 1052px;
margin: 0 auto;
}
.article-item .post-header h1 {
color: var(--color-blue3);
text-align: center;
font-size: 40px;
font-weight: 700;
margin-bottom: 0;
} .article-item .post__meta {
border-bottom: 1px solid #a7a9ac;
padding: 10px 0;
max-width: 1052px;
margin: 5px auto 50px;
text-align: center;
}
.article-item .post__meta .date {
color: var(--color-gray);
font-size: 15px;
line-height: 1.3;
} .article-item .post__feature-img {
width: 835px;
height: 591px;
border-radius: 0px 0px 80px 0px;
margin: 0 auto;
}
.article-item .post__feature-img img {
border-radius: 0 0 80px 0;
max-width: 100%;
width: 100%;
} .article-item .post__content {
width: 835px;
margin: 60px auto 0;
}
.article-item .post__content h2,
.article-item .post__content h3,
.article-item .post__content h4,
.article-item .post__content h5 {
color: var(--color-blue3);
font-size: 30px;
font-weight: 700;
margin: 0;
padding-bottom: 30px;
}
.article-item .post__content p {
font-size: 16px;
margin-bottom: 30px;
}
.article-item .post__content ul li::before {
content: '';
background-color: var(--color-green0);
border-radius: 100%;
display: inline-block;
width: 7px;
height: 7px;
position: absolute;
left: -20px;
top: 8px;
}
.article-item .post__content table td,
.article-item .post__content table th {
color: var(--color-gray);
}
.article-item .footer-tags-icons {
margin-top: 60px;
padding: 20px 0 80px;
border-top: 1px solid #9a9a9a;
display: flex;
align-items: center;
justify-content: space-between;
}
.article-item .footer-tags-icons .share-icons {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.article-item .footer-tags-icons .share-icons a {
color: var(--color-gray);
text-decoration: none;
} .article-item .post__tags strong {
color: var(--color-gray);
font-size: 15px;
font-weight: 700;
}
.article-item .post__tags .tag-separator {
width: 1px;
height: 19px;
background-color: #9a9a9a;
}
.article-item .post__tags {
display: flex;
align-items: center;
gap: 20px;
}
.article-item .post__tags a {
color: var(--color-gray);
font-size: 15px;
text-decoration: none;
}
.article-item .post__tags a:hover {
color: #bbbbbb;
} #artigos-relacionados {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/bg-pilares.jpg);
padding: 80px 0;
}
#artigos-relacionados .sub {
width: 100%;
text-align: center;
}
#artigos-relacionados .sub h2 {
font-size: 40px;
font-weight: 700;
}
#artigos-relacionados .sub h2 strong {
color: var(--color-green0);
font-weight: 700;
}
#artigos-relacionados .sub .separator-relacionados {
width: 90px;
height: 2px;
background: #bbbbbb;
margin: 0 auto 70px;
}
#artigos-relacionados #blog-wrapper {
display: flex;
flex-direction: row;
gap: 30px;
align-items: stretch;
justify-content: start;
}
#artigos-relacionados #blog-wrapper article {
background-color: var(--color-white);
border-radius: 0px 0px 80px 0px;
width: 404px;
}
#artigos-relacionados #blog-wrapper .col-esq a {
display: flex;
width: 404px;
height: 286px;
}
#artigos-relacionados #blog-wrapper .col-esq a img {
border-radius: 0 0 80px 0;
width: 100%;
height: 100%;
}
#artigos-relacionados #blog-wrapper .col-dir .post-date-container {
background-color: var(--color-blue1);
border: 2px solid var(--color-white);
border-radius: 8px;
position: relative;
top: -35px;
left: 30px;
width: 59px;
height: 59px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#artigos-relacionados #blog-wrapper .col-dir .post-date-container .post-date {
color: var(--color-white);
font-size: 22px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
line-height: 1.1;
}
#artigos-relacionados #blog-wrapper .col-dir .post-date-container .date-mes {
font-size: 13px;
font-weight: 400;
}
#artigos-relacionados #blog-wrapper .col-dir .post-content {
text-align: start;
padding: 0 30px 40px;
}
#artigos-relacionados #blog-wrapper .col-dir .post-content .post-title a {
font-size: 22px;
color: var(--color-blue1);
line-height: 1.3;
text-decoration: none;
}
#artigos-relacionados #blog-wrapper .col-dir .post-content .post-excerpt p {
margin-bottom: 40px;
}
#artigos-relacionados #blog-wrapper .col-dir .read-more {
text-align: start;
color: var(--color-blue1);
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
#artigos-relacionados #blog-wrapper .col-dir .read-more:hover {
color: #bbbbbb;
transition: all 0.3s ease;
}
#artigos-relacionados .cta {
margin-top: 80px;
}
#artigos-relacionados .cta a {
text-decoration: none;
} #paginacao-wrapper {
margin: 50px 0 30px 0;
}
#paginacao-wrapper a,
#paginacao-wrapper span {
background: var(--color-blue3);
border: 1px solid var(--color-blue3);
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-right: 20px;
padding: 6px 12px;
transition: all 0.3s ease;
text-decoration: none;
}
@media screen and (max-width: 480px) {
#paginacao-wrapper a {
margin-bottom: 25px;
}
}
#paginacao-wrapper a:hover {
background-color: #fff;
color: var(--color-blue3);
text-decoration: none;
}
#paginacao-wrapper span {
} .article-item .post__content a {
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.article-item .post__content a:hover {
color: #1e5482;
}
.article-item .post__content img {
height: auto;
max-width: 100%;
}
.article-item .post__content .wp-caption-text {
background: #f5f5f5;
font-size: 22px;
padding: 15px;
}
.article-item iframe {
max-width: 100%;
width: 100%;
}
.article-item .post__content ul {
list-style: none;
margin-bottom: 30px;
}
.article-item .post__content ol {
margin-bottom: 30px;
padding-left: 25px;
}
.article-item .post__content li {
font-size: 16px;
margin-bottom: 15px;
padding-left: 0px;
position: relative;
} .article-item .post__content blockquote {
border-left: 6px solid var(--cor-laranja);
max-width: 780px;
margin: 60px auto 60px auto;
padding-left: 25px;
}
.article-item .post__content blockquote p {
font-size: 45px;
font-weight: 700;
margin: 0;
} .nav-next-prev-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-next-prev-wrapper a {
background-repeat: no-repeat;
color: var(--cor-padrao);
display: inline-block;
font-size: 18px;
font-weight: bold;
height: 30px;
line-height: 30px;
}
.nav-next-prev-wrapper .next-post a {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/next.svg);
background-position: right center;
padding-right: 26px;
text-align: right;
}
.nav-next-prev-wrapper .previous-post a {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/icones/previous.svg);
background-position: left center;
padding-left: 26px;
text-align: left;
} .internas-search {
background-color: var(--color-blue3);
}
#section-first-search {
margin-top: -190px;
background: var(--color-white);
border-radius: 0 200px 200px 0;
padding: 70px 0 30px;
}
.page-title-wrapper.search {
padding-bottom: 0;
}
.busca-resultados {
} .busca-resultados .aviso {
font-size: 22px;
font-weight: bold;
padding: 10px 15px;
text-align: center;
} #lista-resultados-busca {
padding: 0;
margin: 0;
}
#lista-resultados-busca li {
display: block;
float: none;
list-style: none;
margin: 0;
margin-bottom: 20px;
overflow: hidden;
}
#lista-resultados-busca li:before {
display: none;
}
#lista-resultados-busca li figure {
display: none;
float: left;
margin-right: 30px;
margin-bottom: 0;
width: 130px;
height: 130px;
}
#lista-resultados-busca li .titulo a:hover,
#lista-resultados-busca li figure:hover {
opacity: 0.8;
transition: all 0.3s;
}
#lista-resultados-busca li figure img {
max-width: 100%;
}
#lista-resultados-busca li .post-info {
}
#lista-resultados-busca li .titulo {
font-size: 20px;
font-weight: bold;
}
#lista-resultados-busca li.result-tipo-paginas .titulo {
margin: 0;
} #lista-resultados-busca li .titulo a {
color: var(--cor-laranja);
text-decoration: none;
}
#lista-resultados-busca li .codigo {
margin-bottom: 10px;
}
#lista-resultados-busca li .desc {
display: none;
}
#lista-resultados-busca li .desc p {
font-size: 14px;
margin-bottom: 0;
} #pagination-wrapper {
clear: both;
margin-top: 40px;
text-align: center;
}
#pagination-wrapper h2 {
font-size: 24px;
}
#pagination-wrapper .page-numbers {
color: var(--cor-azul);
}
#pagination-wrapper .item-nav,
#pagination-wrapper .page-numbers {
border-radius: 7px;
display: inline-block;
padding: 8px 15px;
text-align: center;
background: #f8f8f8;
border: 1px solid #dfdfdf;
font-size: 16px;
margin: 10px 20px 10px 0;
text-decoration: none;
}
#pagination-wrapper .page-numbers.current {
background: var(--cor-azul);
border-color: var(--cor-azul);
color: #fff;
font-weight: bold;
}
#pagination-wrapper .page-numbers:hover {
background: var(--cor-azul);
border-color: var(--cor-azul);
color: #fff;
transition: all 0.3s;
} body.error404 .page-title-wrapper {
background-image: url(//fundacaobracell.org.br/wp-content/themes/fundacao-bracell/images/bg/header-sobre-nos.png);
}
#pg-404 {
padding: 0 0 60px 0;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
#pg-404 .ops {
color: var(--cor-azul1);
font-size: 4rem;
font-weight: bold;
margin-bottom: 2rem;
}
#pg-404 h1 {
color: var(--cor-azul1);
}
#pg-404 h3 {
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 2rem;
}
#pg-404 .cta a {
text-decoration: none;
} #lgpd-title {
padding: 60px 0;
background-color: var(--color-blue3);
text-align: center;
height: 510px;
display: flex;
align-items: center;
}
.body-lgpd {
background: transparent linear-gradient(180deg, var(--color-white) 0%, #fff 100%) 0% 0% no-repeat padding-box;
margin-top: -190px;
border-radius: 0px 200px 0px 0px;
}
#lgpd-title h1 {
color: #fff;
font-size: 50px;
font-weight: bold;
}
.tabs-container {
padding: 50px 0;
}
.tabs-container ul {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
list-style: none;
padding: 0;
}
.tabs-container ul li {
list-style: none;
}
.tabs-container ul li a {
text-transform: uppercase;
font-weight: 600;
color: #0047ba !important;
padding: 5px 20px;
text-decoration: none;
transition: all ease 0.3s;
}
.tabs-container ul li.active a {
color: #383838 !important;
}
.tabs-container ul li .tabs-border {
width: 100%;
height: 4px;
background: transparent;
border: 1px solid #0047ba;
border-radius: 2px;
transition: all ease 0.3s;
}
.tabs-container ul li.active .tabs-border {
background: #0047ba;
}
.tabs-container .tabs-select {
display: none !important;
}
.tabs-container .tabs-select {
width: 100%;
height: 46px;
padding: 10px 45px 10px 20px;
border-radius: 5px;
color: #0047ba;
background-color: transparent;
border: 1px solid #cccccc;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBQRC4gTWFkZSBieSBzdGVwaGVuaHV0Y2hpbmdzOiBodHRwczovL2dpdGh1Yi5jb20vc3RlcGhlbmh1dGNoaW5ncy9taWNyb25zIC0tPgo8c3ZnIGZpbGw9IiMwMDQ3YmEiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwMHB4IiB2aWV3Qm94PSIwIC02IDUyNCA1MjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgPjx0aXRsZT5kb3duPC90aXRsZT48cGF0aCBkPSJNNjQgMTkxTDk4IDE1NyAyNjIgMzIwIDQyNiAxNTcgNDYwIDE5MSAyNjIgMzg3IDY0IDE5MVoiIC8+PC9zdmc+);
background-repeat: no-repeat;
background-position: right 20px center;
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 1px;
text-overflow: ellipsis;
display: block;
}
.tabs-container .tabs-select:focus-visible {
border-color: var(--green);
box-shadow: 0 0 5px rgba(0, 128, 0, 0.3);
outline: none;
}
.conteudo-container {
padding-bottom: 50px;
}
.conteudo-container .tab-content {
display: none;
transition: all ease 0.3s;
}
.conteudo-container .tab-content h3 {
font-size: 32px;
color: #000000;
}
.conteudo-container .tab-content h5 {
font-size: 20px;
color: #000000;
}
.conteudo-container .tab-content a {
color: var(--color-blue1);
}
.conteudo-container .tab-content a:hover {
color: var(--color-blue-hover);
}
.conteudo-container .tab-content.active {
display: block;
}
.conteudo-container .tab-content p {
font-size: 16px;
}
#lgpd-cont {
padding: 100px 0;
}
#lgpd-cont #abas-container {
}
#lgpd-cont #abas-container .vc_tta-tabs-list {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
#lgpd-cont #abas-container .vc_tta-tab {
}
#lgpd-cont #abas-container .vc_tta-tab a {
background: transparent;
border: 0;
text-transform: uppercase;
font-weight: 600;
color: #0047ba;
padding: 5px 20px;
transition: all ease 0.3s;
}
#lgpd-cont #abas-container .vc_tta-tab::after {
content: "";
display: block;
width: 100%;
height: 4px;
background: #0047ba;
border: 1px solid #0047ba;
top: inherit; left: 0;
bottom: 0;
text-align: center;
border-radius: 2px;
transition: all ease 0.3s;
}
#lgpd-cont #abas-container .vc_tta-tab.vc_active::after {
background: transparent;
}
#lgpd-cont #abas-container .vc_tta-panels {
background: transparent;
border: none;
margin-top: 50px;
}
#lgpd-cont #abas-container .abas-content {
}
#lgpd-cont #abas-container .abas-text p {
font-size: 16px;
}
.vc_tta-panel-body {
transition: all ease 0.3s;
} .cookiealert {
background: #383838 !important;
}
.cookiealert a {
color: var(--color-blue1);
}
.cookiealert a:hover {
color: var(--color-blue-hover);
}
.cookiealert button {
background-color: var(--color-green-list);
border-radius: 30px;
border: 1px solid transparent;
color: #171914;
font-weight: bold;
height: 40px;
padding: 0 20px;
line-height: 1;
transition: all ease 0.3s;
}
.cookiealert button:hover {
color: #FFFFFF;
background: transparent;
border: 1px solid var(--color-green-list);
}   @media screen and (max-width: 1536px) {
#onde-atuamos .onde-atuamos-left {
padding: 80px 100px 80px 226px;
}
} @media screen and (max-width: 1440px) {
#section-fundacao .fundacao-img .img-fundacao {
width: 520px;
height: 497px;
}
#onde-atuamos .onde-atuamos-left {
padding: 80px 100px 80px 166px;
}
.first-two-posts {
width: auto;
}
.first-two-posts .post-first-two .col-esq {
max-width: 100%;
}
.first-two-posts .post-first-two .col-dir {
max-width: 100%;
}
#footer .footer-container {
gap: 100px;
}
#footer .footer-container .footer_others {
gap: 50px;
}
#nossa-equipe #cards-equipe {
justify-content: space-around;
}
#nossa-equipe #cards-equipe .equipe-single {
width: 330px;
}
} @media screen and (max-width: 1366px) {
#header-wrapper > .container-fluid {
padding: 0 50px;
}
#last-news .post-single .post-thumbnail img {
width: 100%;
height: 256px;
}
#section-acreditamos .texto h2 {
font-size: 32px;
}
#onde-atuamos .onde-atuamos-left {
padding: 80px 80px 80px 106px;
}
#header-edu-infantil {
background-position-x: -300px;
} #header-edu-infantil .edu-infantil-title {
padding: 0 50px 60px;
}
.first-two-posts {
padding: 0;
width: 100%;
max-width: 100%;
}
.first-two-posts .post-first-two .col-esq {
width: 100%;
}
.first-two-posts .post-first-two .col-dir {
max-width: 100%;
width: 50%;
}
} @media screen and (max-width: 1280px) {
#menu-superior-wrapper {
gap: 30px;
}
#menu-superior-wrapper nav#menu-superior ul {
gap: 35px;
}
#search-full-wrapper {
padding: 0 50px;
}
#search-full-wrapper .search-content {
width: 100%;
}
#section-fundacao .fundacao-img .img-fundacao {
width: 100%;
}
#section-fundacao::after,
#section-fundacao::before {
display: none;
}
#section-parallax .parallax-container .parallax-single {
padding: 30px;
}
#last-news {
flex-wrap: wrap;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .faq-text {
padding: 0 40px 0 30px;
}
#section-contato .contato-content {
padding: 170px 50px 80px;
}
#section-contato .contato-content .contato-container {
width: 100%;
gap: 50px;
display: flex;
}
#section-contato .contato-content .contato-container::after,
#section-contato .contato-content .contato-container::before {
display: none;
}
.sobre-nos-container .sobre-nos-content > .vc_column-inner > .wpb_wrapper {
padding: 0 50px;
}
#onde-atuamos .onde-atuamos-left {
padding: 80px 30px 80px 50px;
}
#nossa-equipe #cards-equipe .equipe-single .equipe-img img {
width: 200px;
height: 200px;
}
#nossos-parceiros .imgs-parceiros {
padding: 0 50px;
}
#nossos-projetos {
width: 100%;
}
#nossos-projetos .nossos-projetos-posts {
padding: 0 50px;
gap: 30px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single {
width: 100%;
padding: 0 20px 0 0;
gap: 30px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single img {
width: 50%;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info {
padding: 20px 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info h4 {
font-size: 26px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info h4,
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info p {
width: 100%;
margin: 0;
}
.page-title-produtos .produtos-title {
padding: 0 50px;
}
.produtos-container .projetos-video {
width: 100%;
}
.edu-infantil-container .educacao-cotainer .educacao-list-container {
padding-left: 30px;
}
.edu-infantil-container .educacao-cotainer .edu-text-container .edu-text {
width: 100%;
}
.edu-infantil-container .apoio-container {
margin-top: 100px;
gap: 30px;
flex-wrap: nowrap !important;
}
.content-wrapper.blog-page {
border-radius: 0 150px 0 0;
}
.content-wrapper.blog-page .blog-radius {
border-radius: 0 0 150px 0;
}
.first-two-posts .post-first-two .col-esq {
height: 338px;
}
.first-two-posts .post-first-two .col-esq img {
height: 338px;
}
.first-two-posts .post-first-two .col-dir {
width: 100%;
}
.single-blog {
border-radius: 0px 150px 0px 0px;
}
#artigos-relacionados #blog-wrapper {
flex-wrap: wrap;
}
#section-faq-interna {
border-radius: 0px 150px 0px 0px;
}
#section-faq-interna .faq-container {
border-radius: 0px 0px 150px 0px;
}
#section-contato-interna {
border-radius: 0px 150px 0px 0px;
}
#section-contato-interna .contato-container {
border-radius: 0px 0px 150px 0px;
}
#footer .footer-container {
gap: 70px;
}
#footer .footer-container .footer_others {
gap: 30px;
flex-wrap: wrap;
}
#nossa-equipe #cards-equipe {
justify-content: space-between;
}
#nossa-equipe #cards-equipe .equipe-single {
width: 290px;
}
#nossa-equipe #cards-equipe .equipe-single .title-equipe h4 {
min-height: 53px;
}
} @media screen and (max-width: 1024px) { h1 {
font-size: 40px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 25px;
} .hidden-lg {
display: none !important;
}
.visible-lg {
display: block !important;
}
.title.big h2,
.sub.big h2 {
font-size: 40px;
}
.title h2,
.sub h2 {
font-size: 38px;
}
.sub h2 + p {
font-size: 20px;
margin-top: 15px;
}
.cta a {
font-size: 17px;
}
#section-hero-home {
padding: 132px 50px 0 !important;
}
#section-acreditamos {
padding: 100px 50px 120px !important;
justify-content: space-between;
border-radius: 0 0 150px 0;
}
#section-acreditamos .texto h2 {
color: var(--color-white);
font-size: 28px;
font-weight: 700;
width: 800px;
max-width: 100%;
margin: 0 auto;
}
#section-fundacao,
#section-parallax,
#section-first-internas {
padding: 80px 50px !important;
}
#section-ultimas-noticias {
padding: 80px 50px 150px !important;
}
#last-news {
justify-content: center;
}
#section-faq .faq-content .faq-img {
width: 50px;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .faq-text h4 {
font-size: 24px;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .cta a {
padding: 7px 16px;
}
#section-contato .contato-content {
border-radius: 0px 0px 150px 0px;
}
#footer .footer-container {
gap: 50px;
padding: 0 50px;
max-width: 100% !important;
}
.mobile-content {
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
}
.mobile-content img {
height: 35px;
}
.sobre-nos-container .sobre-nos-content {
width: 100%;
}
.sobre-nos-container .sobre-nos-content > .vc_column-inner > .wpb_wrapper {
padding: 0 50px;
gap: 30px;
}
#nossa-equipe {
padding: 80px 50px !important;
}
#cards-equipe {
flex-direction: column;
gap: 50px;
}
#cards-equipe .equipe-single {
width: 100%;
}
#cards-equipe::after,
#cards-equipe::before {
display: none;
}
#section-acreditamos.sobre-nos-aspas {
padding: 280px 0 80px !important;
border-radius: 0 0 150px 0;
}
#section-acreditamos.sobre-nos-aspas .texto h2 {
font-size: 36px;
}
#nossos-parceiros #linha-logos-parceiros {
flex-wrap: wrap;
}
#nossos-parceiros #linha-logos-parceiros > div {
width: 33%;
}
.content-wrapper.blog-page .blog-radius {
padding: 80px 50px !important;
}
.content-wrapper.blog-page .blog-radius > .container {
width: 100%;
max-width: 100%;
}
.first-two-posts .post-first-two .col-dir {
padding: 20px;
max-width: 50%;
width: 100%;
}
.first-two-posts .post-first-two .col-dir .post-title {
width: 100%;
}
.first-two-posts .post-first-two .col-dir .post-title h1 {
font-size: 18px;
}
#section-faq-interna .faq-container {
padding: 80px 50px;
}
#section-faq-interna .faq-container .faq-w .faq-single {
width: 100%;
}
#section-contato-interna .contato-container {
padding: 80px 50px !important;
}
#section-contato-interna .contato-container .contato-texts-form {
gap: 30px;
}
#section-contato-interna
.contato-container
.contato-texts-form
.contato-texts {
width: 40%;
}
#section-contato-interna
.contato-container
.contato-texts-form
.contato-form {
width: 60%;
}
#section-aspas-contato .contato-aspas {
justify-content: space-between;
padding: 80px 50px !important;
}
#section-aspas-contato .contato-aspas .texto h2 {
font-size: 36px;
}
#nossa-equipe #cards-equipe .equipe-single {
width: 100%;
}
} @media screen and (max-width: 900px) {
#section-acreditamos {
border-radius: 0 0 100px 0;
}
#section-fundacao {
max-width: 100% !important;
display: flex;
flex-direction: column;
align-items: center;
left: 0 !important;
}
#section-fundacao .fundacao-img {
margin-top: -120px;
top: 0;
width: 100%;
}
#section-fundacao .fundacao-text {
width: 100%;
text-align: center;
}
#section-fundacao .fundacao-text .title > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
#section-contato .contato-content .contato-container {
width: 100%;
gap: 50px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
#section-contato .contato-content .contato-container > .contato-texts {
width: 100%;
}
#section-contato
.contato-content
.contato-container
> .contato-texts
.title {
width: 100%;
}
#section-contato
.contato-content
.contato-container
> .contato-texts
.title
> .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
#section-contato .contato-content .contato-container > .contato-form {
width: 100%;
}
.sobre-nos-container .sobre-nos-content {
width: 100%;
}
.sobre-nos-container .sobre-nos-content .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.sobre-nos-container
.sobre-nos-content
.vc_column-inner
> .wpb_wrapper
> .w-512 {
width: 100%;
}
.other-posts {
grid-template-columns: repeat(2, 1fr);
}
.edu-list-container {
flex-direction: column;
gap: 35px;
}
.edu-list-container .edu-list-img-container {
width: 100%;
}
.edu-list-container .edu-list-img-container .edu-img-list {
text-align: center;
}
.edu-list-container .educacao-list-container {
padding: 0;
width: 100%;
}
.edu-infantil-container .apoio-container {
flex-direction: column;
}
.edu-infantil-container .educacao-cotainer .edu-text-container {
width: 100%;
}
.edu-infantil-container .educacao-cotainer .edu-img-text-container {
width: 100%;
}
.edu-infantil-container
.educacao-cotainer
.edu-img-text-container
.edu-text-img {
text-align: center;
}
#section-contato-interna .contato-container .contato-header .contato-text {
width: 100%;
}
#nossos-projetos .nossos-projetos-posts .projetos-single {
height: auto;
flex-direction: column;
}
#nossos-projetos .nossos-projetos-posts .projetos-single img {
width: 100%;
height: auto;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info {
width: 100%;
padding: 0 20px 20px;
}
#nossos-projetos .nossos-projetos-posts .projetos-single .projeto-info h4 {
font-size: 25px;
}
#footer .footer-container {
flex-direction: column;
}
#footer .footer-container .footer_logo {
width: 100%;
}
}  @media screen and (max-width: 800px) { h1 {
font-size: 25px;
}
h2 {
font-size: 25px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 15px;
}
p,
div,
a,
ol li {
font-size: 15px;
} .hidden-xs {
display: none !important;
}
.visible-xs {
display: block !important;
}
.cta a {
font-size: 15px;
}
.title.big h2,
.sub.big h2 {
font-size: 25px;
}
.title h2,
.sub h2 {
font-size: 25px;
}
.sub h2 + p {
font-size: 15px;
margin-top: 5px;
}
#header-wrapper {
height: 100px;
}
#header-wrapper > .container-fluid {
padding: 0 20px;
}
#header-wrapper > .container-fluid #logo .logo-container {
width: 150px;
height: 100px;
}
#header-wrapper > .container-fluid #logo .logo-container img {
width: 100px;
height: auto;
}
@keyframes showHeader {
from {
opacity: 0;
height: 0;
}
to {
background-color: var(--color-blue3);
opacity: 1;
height: 100px;
}
}
#logo .logo-container-scroll {
width: 150px;
height: 100px;
}
#logo .logo-container-scroll img {
width: 100px;
height: auto;
}
.mobile-content img { height: 24px;
}
#section-hero-home {
padding: 100px 20px 60px !important;
border-radius: 0 0 100px 0;
justify-content: flex-end;
height: 634px;
text-align: center;
}
#section-hero-home .texto {
padding-bottom: 0;
}
#section-acreditamos {
border-radius: 0 0 60px 0;
padding: 50px 20px 80px !important;
}
#section-acreditamos .aspas-1,
#section-acreditamos .aspas-2 {
width: 30px;
height: 30px;
}
#section-acreditamos .acreditamos-texts {
width: 80%;
}
#section-acreditamos .acreditamos-texts .texto h2 {
font-size: 22px;
width: 100%;
}
#section-acreditamos::after,
#section-acreditamos::before {
display: none;
}
#section-parallax,
#section-first-internas,
#nossa-equipe {
padding: 50px 20px !important;
}
#section-fundacao {
gap: 0;
padding: 50px 8px 25px !important;
}
#section-fundacao .fundacao-img {
margin-top: -80px;
}
#section-fundacao .fundacao-text {
margin-top: -150px;
}
#section-fundacao .fundacao-text .title h2 {
font-size: 25px;
}
#section-fundacao .fundacao-text .title p {
font-size: 15px;
}
#section-parallax {
height: auto;
padding-bottom: 250px !important;
}
#section-parallax .title h2 {
font-size: 25px;
}
#section-parallax .title > .wpb_wrapper p {
font-size: 15px;
}
#section-parallax .parallax-container {
flex-direction: column;
}
#section-parallax
.parallax-container
.parallax-single.parallax-single-meio {
padding: 25px 20px;
}
#section-parallax .parallax-container .parallax-single {
width: 100%;
height: auto;
padding: 50px 20px;
}
#section-parallax .parallax-container .parallax-single .parallax-icon1,
#section-parallax .parallax-container .parallax-single .parallax-icon2,
#section-parallax .parallax-container .parallax-single .parallax-icon3 {
width: auto;
height: 65px;
margin-bottom: 15px;
}
#section-parallax .parallax-container .parallax-single .cta h4 {
min-height: auto;
}
#section-parallax .parallax-container .parallax-single .cta a {
margin-top: 15px;
}
#section-parallax .parallax-container .parallax-single:first-child {
border-right: 1px solid var(--color-dark-gray);
border-radius: 16px 16px 0 0;
}
#section-parallax .parallax-container .parallax-single:last-child {
border-left: 1px solid var(--color-dark-gray);
border-radius: 0 0 16px 16px;
}
#section-parallax .parallax-container::after,
#section-parallax .parallax-container::before {
display: none;
}
#section-ultimas-noticias {
padding: 50px 20px 150px !important;
border-radius: 100px 0px 0px 0px;
}
#section-ultimas-noticias .title h2 {
font-size: 25px;
}
#section-ultimas-noticias .title p {
font-size: 15px;
}
#section-faq {
height: auto;
padding: 30px 0;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper {
flex-direction: column;
gap: 30px;
}
#section-faq .faq-content > .vc_column-inner > .wpb_wrapper .cta a {
padding: 10px 40px;
}
#section-contato .contato-content {
padding: 110px 20px 70px;
border-radius: 0px 0px 100px 0px;
}
#section-contato .contato-content .title h2 {
font-size: 25px;
}
.page-title-wrapper {
height: 470px;
padding-bottom: 40px;
}
#section-first {
border-radius: 0px 100px 0px 0px;
padding: 50px 0;
}
.mt-100 {
margin-top: 50px;
}
.sobre-nos-container .sobre-nos-content > .vc_column-inner > .wpb_wrapper {
padding: 0 20px;
}
.sobre-nos-container
.sobre-nos-content
> .vc_column-inner
> .wpb_wrapper
.img-sobre-apoio {
order: 2;
}
.sobre-nos-container
.sobre-nos-content
> .vc_column-inner
> .wpb_wrapper
> .w-636 {
width: 100%;
order: 1;
}
#onde-atuamos {
height: auto;
}
#onde-atuamos .onde-atuamos-left {
padding: 70px 20px 70px;
text-align: center;
}
#onde-atuamos .onde-atuamos-left .text-onde-estamos h3 {
font-size: 25px;
}
#onde-atuamos .onde-atuamos-left .text-onde-estamos .title-border {
margin-left: auto;
margin-right: auto;
}
#onde-atuamos .onde-atuamos-right {
display: none;
}
#nossa-equipe {
border-radius: 0px 0px 100px 0px;
}
#section-acreditamos.sobre-nos-aspas {
padding: 250px 20px 50px !important;
border-radius: 0 0 100px 0;
}
#section-acreditamos.sobre-nos-aspas .aspas-1,
#section-acreditamos.sobre-nos-aspas .aspas-2 {
width: 30px;
height: 30px;
}
#section-acreditamos.sobre-nos-aspas .texto h2 {
font-size: 25px;
width: 100%;
}
#nossos-parceiros .nossos-parceiros-content {
padding: 50px 20px;
border-radius: 0px 0px 100px 0px;
}
#nossos-parceiros .nossos-parceiros-content .title {
margin-bottom: 50px;
}
#nossos-parceiros .nossos-parceiros-content .title h3 {
font-size: 25px;
}
#nossos-parceiros .nossos-parceiros-content .imgs-parceiros {
padding: 0;
}
#nossos-parceiros #linha-logos-parceiros > div {
width: 50%;
text-align: center;
}
#header-edu-infantil {
background-position-x: left;
height: 530px;
}
#header-edu-infantil .edu-infantil-title {
padding: 0 20px 60px;
}
#header-edu-infantil .edu-infantil-title .edu-infantil-texts {
width: 100%;
}
#header-edu-infantil .edu-infantil-title .edu-infantil-texts h1 {
font-size: 25px;
margin-bottom: 20px;
}
#header-edu-infantil .edu-infantil-title .edu-infantil-texts p {
font-size: 15px;
}
#section-first-internas {
border-radius: 0px 100px 0px 0px;
text-align: center;
}
.edu-infantil-container .educacao-cotainer .title h2 {
font-size: 25px;
}
.edu-infantil-container .educacao-cotainer .educacao-title {
padding: 0;
margin-bottom: 30px;
}
.edu-infantil-container .educacao-cotainer .educacao-title .title h2 {
font-size: 25px;
}
.edu-infantil-container .educacao-cotainer .educacao-list-container {
padding: 0;
text-align: start;
}
.edu-infantil-container .educacao-cotainer .edu-text-border {
margin: 50px 0;
}
.edu-infantil-container .educacao-cotainer .edu-notas {
text-align: start;
}
.edu-infantil-container .apoio-container {
margin-top: 50px;
flex-direction: column;
}
.edu-infantil-container .apoio-container .apoio-order-1 {
order: 1;
}
.edu-infantil-container .apoio-container .apoio-order-1 .title h2 {
font-size: 25px;
}
.edu-infantil-container .apoio-container .apoio-order-2 {
order: 2;
}
#nossos-projetos .nossos-projetos-container {
padding: 50px 0 50px;
border-radius: 0px 0px 100px 0px;
}
#nossos-projetos .nossos-projetos-posts {
padding: 0 20px;
}
.page-title-produtos {
height: 530px;
}
.page-title-produtos .produtos-title {
padding: 0 20px 60px;
}
.page-title-produtos .produtos-title p {
font-size: 16px;
}
.page-title-produtos .produtos-title h1 {
font-size: 25px;
}
.produtos-container {
padding: 50px 20px 20px;
border-radius: 0px 100px 100px 0px;
}
.produtos-container .article-item .post__content {
width: 100%;
margin: 0 auto 0;
}
.produtos-container .article-item .post__content h2,
.produtos-container .article-item .post__content h3,
.produtos-container .article-item .post__content h4,
.produtos-container .article-item .post__content h5 {
font-size: 25px;
padding-bottom: 20px;
}
.produtos-container .projetos-text {
padding: 50px 0;
width: 100%;
}
.produtos-container .projetos-foto-descript {
width: 100%;
}
.produtos-container .projetos-img {
width: 100%;
height: 150px;
}
.content-wrapper.blog-page {
border-radius: 0 100px 0 0;
}
.content-wrapper.blog-page .blog-radius {
padding: 50px 20px 20px !important;
border-radius: 0 0 100px 0;
}
.content-wrapper.blog-page .blog-radius > .container > .row > .col-md-12 {
padding: 0;
}
.first-two-posts {
flex-direction: column;
width: 100%;
padding: 0 12px;
}
.first-two-posts .post-first-two {
width: 100%;
}
.first-two-posts .post-first-two > .row {
position: relative;
}
.first-two-posts .post-first-two .col-esq {
width: 100%;
height: auto;
}
.first-two-posts .post-first-two .col-esq img {
width: 100%;
height: auto;
}
.first-two-posts .post-first-two .col-dir {
width: 100%;
max-width: 100%;
}
.first-two-posts .post-first-two .col-dir .post-date-container p {
margin-bottom: 10px;
}
.first-two-posts .post-first-two .col-dir .post-title h1 {
margin: 0;
width: 90%;
}
.other-posts {
margin-top: 50px;
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 50px;
}
.other-posts .col-dir .post-cta a {
font-size: 15px;
}
.page-title {
padding: 0 20px;
}
.page-title h1 {
font-size: 25px;
}
#section-faq-interna {
border-radius: 0px 100px 0px 0px;
}
#section-faq-interna .faq-container {
padding: 50px 20px;
border-radius: 0px 0px 100px 0px;
}
#section-faq-interna .title h3 {
font-size: 25px;
}
#section-faq-interna .faq-container .faq-w .faq-single {
padding: 20px 0;
}
#section-faq-interna .faq-container .faq-w .faq-single .vc_toggle_title h4 {
font-size: 16px;
margin: 0;
}
#section-faq-interna .faq-footer-text {
width: 100%;
}
#section-contato-interna {
border-radius: 0px 100px 0px 0px;
}
#section-contato-interna .contato-container {
border-radius: 0px 0px 100px 0px;
padding: 50px 20px !important;
}
#section-contato-interna .contato-container .contato-texts-form {
gap: 30px;
flex-direction: column;
}
#section-contato-interna
.contato-container
.contato-texts-form
.contato-texts {
width: 100%;
}
#section-contato-interna
.contato-container
.contato-texts-form
.contato-form {
width: 100%;
}
#section-aspas-contato .contato-aspas {
border-radius: 0 0 100px 0;
padding: 50px 45px !important;
}
#section-aspas-contato .contato-aspas .aspas-1,
#section-aspas-contato .contato-aspas .aspas-2 {
width: 30px;
height: 37px;
}
#section-aspas-contato .contato-aspas .texto h2 {
font-size: 25px;
width: 80%;
}
#section-aspas-contato .contato-aspas::after,
#section-aspas-contato .contato-aspas::before {
display: none;
}
.single-blog {
border-radius: 0px 100px 0px 0px;
padding: 50px 20px;
}
.article-item .post-header h1 {
font-size: 25px;
}
.article-item .post__feature-img {
width: 100%;
height: auto;
}
.article-item .post__content {
width: 100%;
margin: 30px auto 0;
}
.article-item .post__content h2,
.article-item .post__content h3,
.article-item .post__content h4,
.article-item .post__content h5 {
font-size: 25px;
}
.article-item .footer-tags-icons {
margin-top: 50px;
padding: 20px 0 30px;
align-items: start;
flex-direction: column;
gap: 20px;
}
.article-item .post__tags {
width: 100%;
flex-wrap: wrap;
}
#artigos-relacionados {
padding: 50px 20px;
}
#artigos-relacionados .sub h2 {
font-size: 25px;
}
#artigos-relacionados .sub .separator-relacionados {
margin: 0 auto 50px;
}
#artigos-relacionados #blog-wrapper article {
width: 100%;
}
#artigos-relacionados #blog-wrapper article > .row {
padding: 0;
}
#artigos-relacionados #blog-wrapper .col-esq a {
width: 100%;
}
#artigos-relacionados #blog-wrapper .col-dir .post-content .post-title a {
font-size: 18px;
}
#section-contato-interna .contato-container .contato-header .contato-text {
margin: 0 auto 50px;
}
#section-contato-interna
.contato-container
.contato-texts-form
input[type='submit'] {
margin-top: 10px;
}
#footer {
padding: 50px 0;
}
#footer .footer-container {
flex-direction: column;
padding: 0 20px;
}
#footer .footer-container .footer_logo p {
font-size: 14px;
}
#footer .footer-container .footer_logo p b {
font-size: 14px;
}
#footer .footer-container .footer_others .others_menu #menu-footer ul li a {
font-size: 14px;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container
.onde_estamos_single {
width: 100%;
}
#footer
.footer-container
.footer_others
.others_onde_estamos
.onde_estamos_container
.onde_estamos_single
p {
font-size: 14px;
}
#search-full-wrapper input[type='text'] {
font-size: 20px;
}
#section-first-search {
border-radius: 0 100px 100px 0;
padding: 50px 0 10px;
}
.vlibras-container {
top: 80% !important;
}
#section-faq {
border-radius: 30px;
} .body-lgpd {
border-radius: 0px 100px 0px 0px;
padding: 0 20px;
}
#lgpd-title {
padding: 40px 0;
}
#lgpd-title h1 {
font-size: 30px;
}
.tabs-nav {
display: none !important;
}
.tabs-container .tabs-select {
display: block !important;
}
.cookiealert {
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.cookiealert button {
margin-left: 0 !important;
margin-top: 10px;
width: fit-content;
}
} @media screen and (max-width: 480px) {
#section-hero-home .texto h2 {
font-size: 36px;
width: 80%;
text-align: left;
}
}