:root {
--primary-color: #2F3188;
--secondary-color: #D83731;
--light-blue: #AEC0FA;
--light-green: #CADBDA;
--grey-500: #676767;
--grey-200: #A2A2A2;
--grey-100: #EFEFEF;
--green: #4B8B89;
--light-color: #ffffff;
}
.primary-color {
color: #2F3188;
}
.has-primary-color-color {
color: #2F3188;
}
.secondary-color {
color: #D83731;
}
.has-secondary-color-color {
color: #D83731;
}
.light-blue {
color: #AEC0FA;
}
.has-light-blue-color {
color: #AEC0FA;
}
.light-green {
color: #CADBDA;
}
.has-light-green-color {
color: #CADBDA;
}
.grey-500 {
color: #676767;
}
.has-grey-500-color {
color: #676767;
}
.grey-200 {
color: #A2A2A2;
}
.has-grey-200-color {
color: #A2A2A2;
}
.grey-100 {
color: #EFEFEF;
}
.has-grey-100-color {
color: #EFEFEF;
}
.green {
color: #4B8B89;
}
.has-green-color {
color: #4B8B89;
}
.light-color {
color: #ffffff;
}
.has-light-color-color {
color: #ffffff;
}
.bg-primary-color {
background-color: #2F3188;
}
.has-primary-color-background-color {
background-color: #2F3188;
}
.bg-secondary-color {
background-color: #D83731;
}
.has-secondary-color-background-color {
background-color: #D83731;
}
.bg-light-blue {
background-color: #AEC0FA;
}
.has-light-blue-background-color {
background-color: #AEC0FA;
}
.bg-light-green {
background-color: #CADBDA;
}
.has-light-green-background-color {
background-color: #CADBDA;
}
.bg-grey-500 {
background-color: #676767;
}
.has-grey-500-background-color {
background-color: #676767;
}
.bg-grey-200 {
background-color: #A2A2A2;
}
.has-grey-200-background-color {
background-color: #A2A2A2;
}
.bg-grey-100 {
background-color: #EFEFEF;
}
.has-grey-100-background-color {
background-color: #EFEFEF;
}
.bg-green {
background-color: #4B8B89;
}
.has-green-background-color {
background-color: #4B8B89;
}
.bg-light-color {
background-color: #ffffff;
}
.has-light-color-background-color {
background-color: #ffffff;
}
.single-solucoes__header, .archive-products__category-cover {
background-color: #2F3188;
padding: 3.75rem 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.single-solucoes__title-blog, .blog__title a, .single-post__title-blog {
margin-top: 0;
margin-bottom: 0;
color: #2F3188; font-weight: 500;
line-height: 1.3em;
}
.single-solucoes__title-blog, .blog__title a, .single-post__title-blog {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.single-solucoes__title-blog, .blog__title a, .single-post__title-blog {
font-size: calc(30px + 16 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.single-solucoes__title-blog, .blog__title a, .single-post__title-blog {
font-size: 46px;
}
}
.single-solucoes__subtitle, .blog__excerpet, .single-post__subtitle { color: #676767;
}
.single-solucoes__subtitle, .blog__excerpet, .single-post__subtitle {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.single-solucoes__subtitle, .blog__excerpet, .single-post__subtitle {
font-size: calc(16px + 8 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.single-solucoes__subtitle, .blog__excerpet, .single-post__subtitle {
font-size: 24px;
}
}
.single-solucoes__date, .blog__date, .single-post__date {
color: #D83731;
}
@media (max-width: 992px) {
.single-solucoes__date, .blog__date, .single-post__date {
font-size: 16px;
}
}
@media (min-width: 992px) {
.single-solucoes__date, .blog__date, .single-post__date {
font-size: 18px;
}
} main {
position: relative;
}
body {
background-color: #EAEDF0;
padding: 0;
margin: 0;
overflow-x: hidden;
}
main {
overflow-x: hidden;
}
* {
font-family: "Nunito Sans", sans-serif;
}
.wp-block-columns.has-background {
padding: 0 !important;
}
p, a, ul, li, cite {
font-size: 1.125rem;
color: #676767;
line-height: 1.6em;
}
h1, h2, h3, h4, h5 {
font-family: "Nunito Sans", sans-serif;
font-weight: 300;
}
h2 {
margin-top: 1.8rem;
margin-bottom: 1.8rem;
}
h3 {
margin-top: 1.3rem;
margin-bottom: 1.3rem;
}
h4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
h5 {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.page-title {
color: #2F3188;
font-weight: 300; }
.page-title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.page-title {
font-size: calc(30px + 30 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.page-title {
font-size: 60px;
}
}
figure {
padding: 0;
margin: 0;
}
.wp-block-embed__wrapper {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.js-scroll {
opacity: 0;
}
.js-scroll.scrolled {
transition: opacity 0.8 ease-out;
opacity: 1;
}
.scrolled.fade-in {
animation: fadein 0.8s ease-out both;
}
.scrolled.fade-in--delay {
animation: fadein 0.8s ease-out 0.5s both;
}
.scrolled.slide-from-left {
animation: slide-in-left 0.8s ease-out both;
}
.scrolled.slide-from-left--delay {
animation: slide-in-left 0.8s ease-out 0.5s both;
}
.scrolled.slide-from-right {
animation: slide-in-right 0.8s ease-out both;
}
.scrolled.slide-from-right--delay {
animation: slide-in-right 0.8s ease-out 0.5s both;
}
.scrolled.to-up {
animation: moveToTop 0.8s ease-out both;
}
.scrolled.delay0 {
animation-delay: 0s;
}
.scrolled.delay1 {
animation-delay: 0.5s;
}
.scrolled.delay2 {
animation-delay: 1s;
}
.scrolled.animation-mask-to-left {
animation: mask-left-to-right 0.8s ease-out both;
overflow: hidden;
right: 0;
}
.scrolled.animation-mask-to-right {
animation: mask-right-to-left 0.8s ease-out both;
overflow: hidden;
left: 0;
}
.scrolled.to-down {
animation: moveToDown 0.8s ease-out both;
}
.scrolled.to-down--delay {
animation: moveToDown 0.8s ease-out 0.5s both;
}
.scrolled.left-top {
animation: left-to-top 0.8s ease-out both;
}
.scrolled.left-top--delay {
animation: left-to-top 0.8s ease-out 0.2s both;
}
@keyframes mask-left-to-right {
0% {
width: 100%;
opacity: 1;
}
100% {
width: 0%;
opacity: 1;
}
}
@keyframes mask-right-to-left {
0% {
width: 100%;
opacity: 1;
}
100% {
width: 0%;
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes moveToBottom {
0% {
opacity: 0;
transform: translateY(-100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes moveToTop {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes anim-arrow-down {
0% {
transform: rotate(90deg) translateX(0px);
opacity: 0;
}
25% {
opacity: 1;
}
75% {
transform: rotate(90deg) translateX(15px);
}
100% {
transform: rotate(90deg) translateX(50px);
}
}
.footer {
background-color: white;
border-bottom: 1.875rem #2F3188 solid;
}
.footer a {
text-decoration: none;
}
@media (max-width: 1200px) {
.footer {
text-align: center;
}
}
.footer h2 { font-weight: 300;
color: #676767;
}
.footer h2 {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.footer h2 {
font-size: calc(24px + 6 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.footer h2 {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.footer h2 {
padding-left: 3.75rem;
}
}
.footer ul {
margin: 0;
}
.footer ul li {
list-style: none;
}
@media (max-width: 1200px) {
.footer__left {
padding: 1.25rem 0;
border-bottom: 1px solid #EFEFEF;
}
}
@media (min-width: 1200px) {
.footer__left {
border-right: 1px solid #EFEFEF;
padding-top: 2.5rem;
}
}
@media (max-width: 1200px) {
.footer__categories {
padding: 1.25rem 0;
}
}
@media (min-width: 1200px) {
.footer__categories {
border-bottom: 1px solid #EFEFEF;
padding-left: 3.75rem;
padding-bottom: 2.5rem;
column-count: 3;
column-gap: 40px;
-moz-column-count: 3;
-moz-column-gap: 40px;
-webkit-column-count: 3;
-webkit-column-gap: 40px;
gap: 20px;
}
}
.footer__categories li {
padding: 5px 0;
}
.footer__categories a {
color: #2F3188;
text-decoration: none;
font-size: 16px;
}
.footer__termos {
padding: 0;
}
.footer__termos li {
padding: 0 10px;
}
.footer__termos li a {
font-size: 14px;
color: #2F3188;
text-decoration: none;
}
.footer__selos {
border-top: 1px solid #EFEFEF;
}
@media (max-width: 1200px) {
.footer__selos {
padding: 1.25rem 0;
border-bottom: 1px solid #EFEFEF;
column-count: 3;
column-gap: 40px;
-moz-column-count: 3;
-moz-column-gap: 40px;
-webkit-column-count: 3;
-webkit-column-gap: 40px;
gap: 20px;
}
}
@media (min-width: 1200px) {
.footer__selos {
padding-left: 3.75rem;
padding-bottom: 2.5rem;
padding-top: 2.5rem;
column-count: 8;
column-gap: 40px;
-moz-column-count: 8;
-moz-column-gap: 40px;
-webkit-column-count: 8;
-webkit-column-gap: 40px;
gap: 20px;
}
}
.footer__selos img {
max-width: 60px;
}
.footer__diagnocel {
padding-bottom: 30px;
}
.footer__biocore {
padding-bottom: 30px;
}
.footer__main {
padding: 3.75rem;
}
@media (min-width: 992px) {
.footer__main {
display: grid;
grid-template-columns: 1fr 1fr auto;
grid-gap: 30px;
}
}
.footer__container {
max-width: 1366px;
margin: auto;
}
input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
border: 1px solid #A2A2A2;
font-size: 16px;
padding: 10px;
width: 100%;
box-sizing: border-box;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
outline: none;
}
input[type=submit] {
background-color: #2F3188;
border: 0;
color: white;
padding: 10px 30px;
}
::-webkit-input-placeholder { }
:-ms-input-placeholder { }
.wpcf7-not-valid-tip {
font-size: 14px;
color: #D83731;
}
.invalid .wpcf7-response-output {
background-color: #fcb900;
}
.sent .wpcf7-response-output {
background-color: #46b450;
color: white;
}
.wpcf7-response-output {
position: fixed;
bottom: 11px;
z-index: 999;
box-sizing: border-box;
border: none;
padding: 10px;
border-radius: 12px;
width: 90vw;
margin: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
border: none;
}
.btn {
text-decoration: none;
border: none;
}
.btn:focus {
outline: 0;
}
.wp-block-button__link {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-size: 16px;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/arrow-white.png);
background-repeat: no-repeat;
background-position: calc(100% - 20px) 50%;
padding-right: 5rem;
margin-top: 0.625rem;
}
.nav-container {
background-color: white;
box-sizing: border-box;
width: 100%;
z-index: 100;
position: relative;
}
@media (min-width: 992px) {
.nav-container {
padding: 0.625rem 1.25rem;
}
}
@media (max-width: 992px) {
.nav-container {
padding: 0.625rem 0.625rem;
}
}
@media (max-width: 992px) {
.nav-container.active .nav-container__logo {
display: none;
}
}
@media (max-width: 992px) {
.nav-container.active.fixed {
top: 20px;
}
}
.nav-container.fixed {
left: 0;
position: fixed;
padding-top: 0;
padding-bottom: 0;
transition: all 0.5s;
top: 0;
}
.nav-container__container {
align-items: center;
display: flex;
justify-content: space-between;
}
.nav-container__menu {
position: fixed;
right: -100vw;
transition: all 1s ease-out;
z-index: 99;
width: 100vw;
background: white;
margin: 0;
padding: 0;
height: 100vh;
top: 0;
display: flex;
align-items: center;
}
@media (min-width: 1200px) {
.nav-container__menu {
position: relative;
width: auto;
height: auto;
right: unset;
}
}
.nav-container__social {
display: flex;
}
.nav-container__social div {
width: 22px;
height: 22px;
margin-left: 10px;
}
.nav-container nav.main-menu {
width: 100%;
}
@media (max-width: 992px) {
.nav-container nav.main-menu {
height: 90%;
overflow-y: auto;
margin-top: 10%;
}
}
.nav-container nav.main-menu #menu-header-menu > .menu-item-has-children {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/seta-submenu.png);
background-repeat: no-repeat;
padding-right: 20px;
background-size: 10px;
}
@media (min-width: 1200px) {
.nav-container nav.main-menu #menu-header-menu > .menu-item-has-children {
background-position: 100% 50%;
}
}
@media (max-width: 1200px) {
.nav-container nav.main-menu #menu-header-menu > .menu-item-has-children {
background-position: 100% 13px;
}
}
.nav-container nav.main-menu #menu-header-menu > .menu-item-has-children:hover {
background-color: white;
}
.nav-container nav.main-menu #menu-header-menu > .menu-item-has-children:hover > .sub-menu {
display: grid;
z-index: 99;
}
.nav-container nav.main-menu .menu-line ul.sub-menu {
grid-template-columns: 1fr !important;
width: inherit !important;
}
@media (max-width: 1200px) {
.nav-container nav.main-menu ul {
padding: 0 1.875rem;
margin: 0;
}
}
@media (min-width: 1200px) {
.nav-container nav.main-menu ul {
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
}
.nav-container nav.main-menu ul .sub-menu {
width: 100vw;
overflow-y: auto;
padding: 8px;
min-width: 200px;
display: none;
}
@media (min-width: 1200px) {
.nav-container nav.main-menu ul .sub-menu {
grid-template-columns: 1fr 1fr;
max-width: 600px;
position: absolute;
max-height: 375px;
top: 18px;
left: 0;
background-color: #2F3188;
}
}
.nav-container nav.main-menu ul .sub-menu li {
list-style: none;
}
@media (min-width: 1200px) {
.nav-container nav.main-menu ul .sub-menu li {
padding: 5px 0;
}
}
.nav-container nav.main-menu ul .sub-menu li a {
font-size: 0.875rem;
}
@media (min-width: 1200px) {
.nav-container nav.main-menu ul .sub-menu li a {
color: white;
}
}
.nav-container nav.main-menu ul .sub-menu li a:hover {
color: white;
}
.nav-container nav.main-menu ul li:not(.search-menu-item) a::after {
content: "";
background-color: #D83731;
height: 2px;
width: 0%;
position: absolute;
bottom: 0;
left: 0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
transition: all 0.5s;
}
.nav-container nav.main-menu ul li:not(.search-menu-item) a:hover {
transition: all 0.5s;
}
.nav-container nav.main-menu ul li:not(.search-menu-item) a:hover::after {
width: 100%;
transition: all 0.3s;
}
.nav-container nav.main-menu ul li {
list-style: none;
}
@media (min-width: 1200px) {
.nav-container nav.main-menu ul li {
font-size: 0.875rem;
font-weight: 700;
position: relative;
}
}
.nav-container nav.main-menu ul li a {
text-decoration: none;
color: #30353E;
transition: all 0.5s;
position: relative;
display: inline-block;
font-size: 0.875rem;
}
@media (min-width: 1200px) {
.nav-container nav.main-menu ul li:not(:last-child) {
margin-right: 1.25rem;
}
}
.nav-container__logo {
z-index: 100;
}
@media (max-width: 992px) {
.nav-container__logo img {
max-width: 170px;
}
}
.nav-container__menu.active {
right: 0;
transition: all 1s ease-in-out;
}
.nav-container__control {
z-index: 100;
}
@media (min-width: 1200px) {
.nav-container__control {
display: none;
}
}
.nav-container .h-menu {
width: 2rem;
}
.nav-container .h-menu__line {
display: block;
width: 100%;
height: 0.3rem;
background-color: #676767;
margin-bottom: 0.2rem;
transition: all 0.3s ease-out;
border-radius: 1.2rem;
-webkit-border-radius: 1.2rem;
-moz-border-radius: 1.2rem;
}
.nav-container .h-menu.active .h-menu__line:first-child {
transform: rotate(45deg);
transition: all 0.3s ease-in-out;
}
.nav-container .h-menu.active .h-menu__line:last-child {
transform: rotate(-45deg);
margin-top: -0.5rem;
transition: all 0.3s ease-in-out;
}
.nav-container .h-menu.active .h-menu__line:nth-child(2) {
display: none;
}
.search-menu-item {
border: none;
background-color: #ededed;
padding: 5px;
border-radius: 8px;
}
@media (max-width: 1200px) {
.search-menu-item {
margin-top: 30px;
}
}
@media (max-width: 1200px) {
.search-menu-item a {
width: 100%;
}
} .tab {
overflow: hidden;
}
.tab-navigation {
display: flex;
} .tabcontent.hide {
display: none;
}
.tabcontent.active {
display: block !important;
}
.c-card-products {
height: 245px;
height: auto;
background-color: #fff;
position: relative;
overflow: hidden;
opacity: 1;
transition: all 0.4s ease-out;
width: 100%;
}
@media (min-width: 992px) {
.c-card-products {
max-width: 270px;
}
}
.c-card-products:not(:last-child) {
margin-right: 20px;
}
.c-card-products.hidden {
opacity: 0;
width: 0;
margin-right: 0;
transition: all 0.8s;
}
.c-card-products.nodisplay {
height: 0;
width: 0;
overflow: hidden;
position: absolute;
transition: all 0.8s;
}
.c-card-products .c-square-detail {
position: absolute;
z-index: 1;
right: 0;
}
.c-card-products:hover .c-card-products__content {
height: 100%;
transition: all 0.3s ease-in-out;
}
.c-card-products__content {
position: absolute;
background: rgba(47, 49, 136, 0.7);
width: 100%;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
margin: 0;
}
.c-card-products__brand {
display: flex;
justify-content: space-between;
}
.c-card-products__brand figure {
max-width: calc(100% - 40px);
padding: 5px 0 5px 5px;
}
.c-card-products__brand figure img {
width: 100%;
height: auto;
max-width: 100px;
max-height: 30px;
}
.c-card-products__image {
max-height: 200px;
}
.c-card-products__image img {
max-height: 180px;
width: auto;
height: 100%;
max-width: 90%;
margin-left: 50%;
transform: translateX(-50%);
padding-bottom: 20px;
}
.c-card-products__name {
font-size: 1.125rem;
font-weight: 500;
margin: 0;
width: 100%;
height: 100%;
}
.c-card-products__name a {
color: white;
text-decoration: none;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.c-card-products__resume {
font-size: 1rem;
font-weight: 500;
}
.c-card-products__resume p {
padding: 0;
margin: 0;
}
.c-card-products__resume a {
color: #676767;
text-decoration: none;
}
.c-products-related {
padding: 3.75rem 0;
background-color: #E2E7EB;
}
.c-products-related__title { color: #2F3188;
font-weight: 300;
}
.c-products-related__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.c-products-related__title {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.c-products-related__title {
font-size: 45px;
}
}
.c-products-related__container {
width: 95vw;
max-width: 1366px;
margin: 0 auto;
}
.c-products-related__container .c-square-detail {
background-color: #E2E7EB;
}
.c-square-detail {
background-color: #EAEDF0;
width: 30px;
height: 30px;
}
.archive-products {
max-width: 1366px;
width: 95vw;
margin: 0 auto;
}
.archive-products__category-cover {
margin-bottom: 3.125rem;
position: relative;
background-color: white;
}
.archive-products__category-cover::after {
content: "";
background-color: #2F3188;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
mix-blend-mode: multiply;
}
.archive-products__grid {
padding-bottom: 3.75rem;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.archive-products__grid {
column-gap: 1.875rem;
row-gap: 1.875rem;
}
}
@media (max-width: 992px) {
.archive-products__grid {
margin-top: 20px;
gap: 1.25rem;
}
}
.archive-products__category-head {
display: flex;
align-items: center;
justify-content: space-between;
}
.archive-products__category-name { font-weight: 300;
max-width: 1366px;
margin: auto;
color: white;
position: relative;
z-index: 1;
padding: 0 30px;
}
.archive-products__category-name {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.archive-products__category-name {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.archive-products__category-name {
font-size: 45px;
}
}
.archive-products__category-description {
font-weight: 300;
max-width: 1366px;
margin: auto;
position: relative;
z-index: 1;
padding: 0 30px;
}
.archive-products__category-description p {
color: #AEC0FA;
max-width: 800px;
}
.archive-products__subcategory-name { color: #676767;
font-weight: 300;
}
.archive-products__subcategory-name {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.archive-products__subcategory-name {
font-size: calc(24px + 6 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.archive-products__subcategory-name {
font-size: 30px;
}
}
.archive-products__category-link {
display: inline-block;
padding: 0.5rem 0.9375rem;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-color: #D83731;
color: white;
text-decoration: none;
font-size: 0.875rem;
}
.archive-products__category-link:hover {
background-color: #b42722;
transition: all 0.5s;
}
.archive-products__category-link span {
display: inline-flex;
font-size: 12px;
background: rgba(255, 255, 255, 0.4392156863);
padding: 0px;
border-radius: 110px;
width: 20px;
height: 20px;
align-items: center;
text-align: center;
justify-content: center;
margin-left: 10px;
}
@media (min-width: 992px) {
.archive-products__container {
display: grid;
grid-template-columns: 70% auto;
grid-gap: 30px;
}
}
@media (max-width: 992px) {
.archive-products__container {
display: flex;
flex-direction: column-reverse;
}
}
.archive-products__sidebar ul {
padding: 0;
margin: 0;
}
@media (max-width: 992px) {
.archive-products__sidebar ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.archive-products__sidebar li {
list-style: none;
color: white;
text-transform: uppercase;
cursor: pointer;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
transition: all 0.5s;
background-color: #2F3188;
margin-bottom: 5px;
font-size: 14px;
cursor: pointer;
}
@media (max-width: 992px) {
.archive-products__sidebar li {
padding: 5px;
margin-right: 5px;
}
}
@media (min-width: 992px) {
.archive-products__sidebar li {
padding-bottom: 0.3rem;
padding-top: 0.3rem;
padding-left: 1rem;
}
}
.archive-products__sidebar li.active {
background-color: #D83731;
}
.archive-products__sidebar li:hover {
background-color: #D83731;
transition: all 0.5s;
color: white;
}
.prod-category {
background-color: #2F3188;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
font-size: 0.875rem;
padding: 1rem 0.625rem;
margin: 2.5rem 0 0 0;
position: relative;
max-width: 1600px;
width: 95vw;
margin: 40px auto;
}
.prod-category__fixed {
position: fixed;
top: 90px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
.menu-categories {
padding: 0;
margin: 0;
}
.menu-categories li {
display: inline-flex;
list-style: none;
font-size: 1rem;
padding-left: 10px;
color: #AEC0FA;
}
.menu-categories li a {
color: #AEC0FA;
text-decoration: none;
}
.menu-categories li:not(:last-child) {
padding-right: 10px;
border-right: 1px solid #5C5EB7;
}
.menu-categories__submenu {
position: absolute;
display: none;
top: 45px;
background: #AEC0FA;
padding: 10px;
margin: 0;
width: inherit;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
width: max-content;
right: 0;
}
.menu-categories__submenu li {
list-style: none;
padding: 10px 0;
font-weight: 500;
font-size: 1rem;
}
.menu-categories__submenu li a {
color: #2F3188;
text-decoration: none;
}
.menu-categories__more {
position: absolute;
color: #2F3188;
font-weight: 500;
font-size: 0.875rem;
cursor: pointer;
right: 0;
top: 0;
padding: 0 10px;
height: 100%;
display: flex;
align-items: center;
background-color: #AEC0FA;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
z-index: 2;
}
.menu-categories__more:hover .menu-categories__submenu {
display: block;
}
.bg-square {  background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square.png);
}
.bg-square {
width: 200px;
}
@media screen and (min-width: 320px) {
.bg-square {
width: calc(200px + 350 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.bg-square {
width: 550px;
}
}
.bg-square {
height: 200px;
}
@media screen and (min-width: 320px) {
.bg-square {
height: calc(200px + 200 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.bg-square {
height: 400px;
}
}
.single-products .bg-square {
position: absolute;
left: 0;
}
.single-products__menu-testes {
max-width: 1366px;
width: 95vw;
margin: 0 auto;
padding-bottom: 3.75rem;
}
.single-products__menu-testes h2 {
font-size: 24px;
font-weight: 300;
color: #2F3188;
text-transform: uppercase;
margin-bottom: 3.75rem;
}
.single-products__menu-testes ul {
font-size: 16px;
padding: 0;
margin: 0;
}
@media (min-width: 992px) {
.single-products__menu-testes ul {
column-count: 3;
column-gap: 40px;
-moz-column-count: 3;
-moz-column-gap: 40px;
-webkit-column-count: 3;
-webkit-column-gap: 40px;
gap: 20px;
}
}
.single-products__menu-testes ul li {
margin-left: 0.9375rem;
}
.single-products__content {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
max-width: 1366px;
width: 95vw;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
.single-products__container {
max-width: 900px;
width: 95vw;
margin: 0 auto;
border: 1px solid #D8D8D8;
box-sizing: border-box;
line-height: 1.8rem;
margin-top: 3.125rem;
background-color: #EAEDF0;
z-index: 1;
position: relative;
}
@media (max-width: 992px) {
.single-products__container {
padding: 10px;
}
}
@media (min-width: 992px) {
.single-products__container {
padding: 40px;
}
}
.single-products__cover {
display: grid;
grid-gap: 40px;
width: 95vw;
max-width: 1366px;
margin: 0 auto 0;
}
@media (min-width: 992px) {
.single-products__cover {
grid-template-columns: 50% auto;
}
}
.single-products__cover-left {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.single-products__cover-right {
position: relative;
}
.single-products__title { padding-top: 2.5rem;
color: #2F3188;
font-weight: 300;
padding-bottom: 0.625rem;
margin: 0;
}
.single-products__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.single-products__title {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.single-products__title {
font-size: 45px;
}
}
.single-products__category {
color: #676767;
font-size: 1.25rem;
font-weight: 100;
}
.single-products__resume {
color: #676767;
font-size: 1.25rem;
color: black;
}
.single-products__atuacao {
color: #676767;
font-size: 1rem;
}
.single-products__image {
background-color: #fff;
width: 100%;
position: relative;
max-width: 640px;
overflow: hidden;
max-height: 31.25rem;
box-sizing: border-box;
}
.single-products__image figure {
max-width: 90%;
padding: 30px 20px;
box-sizing: border-box;
}
.single-products__image img {
height: 90%;
width: auto;
max-width: 100%;
}
.single-products .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
max-height: 500px;
}
.single-products .swiper-button-next,
.single-products .swiper-button-prev {
color: #2F3188;
}
.single-products .swiper-button-next:hover,
.single-products .swiper-button-prev:hover {
color: #D83731;
}
.single-products__brand {
position: absolute;
bottom: 0;
left: 0;
width: 4.375rem;
height: 4.375rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.single-products__brand figure {
padding: 0;
margin: 0;
}
.single-products__brand figure img {
margin-left: 15px;
}
.c-accordeon__title {
font-size: 1.125rem;
color: #676767;
font-weight: 500;
}
.c-accordeon__content {
font-size: 1.125rem;
color: #676767;
font-weight: 300;
line-height: 1.6em;
padding-bottom: 2.5rem;
padding-top: 1.25rem;
}
.c-accordeon__control {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: #A2A2A2;
border-bottom: 1px solid #CBCBCB;
}
.c-accordeon__arrow {
width: 14px;
height: 8px;
line-height: 0;
}
#breadcrumbs {
font-size: 12px;
padding: 1.25rem 1.875rem;
border-bottom: 1px solid white;
margin: 0;
}
#breadcrumbs a {
text-decoration: none;
color: #2F3188;
font-size: 12px;
}
.timeline .swiper-slide {
height: initial;
}
.timeline__title { max-width: 1366px;
width: 89vw;
margin-left: auto;
margin-right: auto;
}
.timeline__title {
margin-top: 50px;
}
@media screen and (min-width: 320px) {
.timeline__title {
margin-top: calc(50px + 100 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.timeline__title {
margin-top: 150px;
}
}
.timeline__slider {
max-width: 580px;
background-color: white;
padding: 0.9375rem 1.25rem;
position: relative;
margin-top: 130px;
}
.timeline__slider .wp-block-media-text {
grid-template-columns: 80px auto !important;
}
.timeline__slider .wp-block-media-text__media {
width: 80px;
}
.timeline__slider figure {
padding: 0;
margin: 0;
}
.timeline__slider img {
max-width: 80px;
max-height: 60px;
width: auto;
}
.timeline__year {
transform: rotate(270deg) translate(115px, 0px);
display: inline-block;
font-size: 35px;
font-weight: 300;
color: #676767;
position: absolute;
}
.timeline__year::after {
content: "";
background-color: #676767;
width: 2px;
height: 30px;
display: block;
transform: rotate(90deg) translate(-40px, 20px);
}
.timeline__content {
padding: 1.25rem;
}
.timeline__content > .wp-block-group .wp-block-columns:where(.wp-block-columns) {
margin-bottom: 1em;
}
.atuacao {
position: relative;
}
@media (min-width: 992px) {
.atuacao::after {
content: "";
position: absolute;
width: 50%;
height: 100%;
left: 50%;
top: 0;
z-index: 0;
}
}
.atuacao__header { max-width: 1366px;
width: 89vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.atuacao__header {
margin-top: 50px;
}
@media screen and (min-width: 320px) {
.atuacao__header {
margin-top: calc(50px + 100 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.atuacao__header {
margin-top: 150px;
}
}
.atuacao__areas {
max-width: 1366px;
margin: 3.125rem auto 10px;
position: relative;
z-index: 1;
align-items: center !important;
}
@media (max-width: 992px) {
.atuacao__areas .wp-block-column:first-child {
padding: 0 1.875rem;
}
}
@media (min-width: 992px) {
.atuacao__areas {
width: 89vw;
}
}
.atuacao__mapa {
text-align: center;
padding: 15px 0;
}
.atuacao__mapa img {
max-width: 500px;
}
@media (max-width: 992px) {
.atuacao__mapa img {
width: 100%;
}
}
.page-diagnocel .atuacao::after {
background-color: #2F3188;
}
.page-diagnocel .atuacao__mapa {
background-color: #2F3188;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/legendas-diagnocel.png);
background-repeat: no-repeat;
background-position: 90% 90%;
}
.page-diagnocel .atuacao__areas p {
color: #2F3188;
}
.page-diagnocel .atuacao__areas p strong {
color: #D83731;
}
.page-biocore .atuacao::after {
background-color: #4B8B89;
}
.page-biocore .atuacao__mapa {
background-color: #4B8B89;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/legendas-biocore.png);
background-repeat: no-repeat;
background-position: 90% 90%;
}
.page-biocore .atuacao__areas p {
color: #1E4E4D;
}
.page-biocore .atuacao__areas p strong {
color: #169692;
}
.c-card-selos {
display: grid;
gap: 20px;
width: 95vw;
max-width: 1200px;
margin: 0 auto;
padding: 60px 0;
align-items: center;
}
.c-card-selos__name {
font-weight: 300;
color: #4B8B89;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.c-card-selos__description {
line-height: 1.6em;
color: #676767;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.c-card-selos__content {
padding-right: 2.5rem;
}
.c-card-selos__image {
position: relative;
}
.c-card-selos__image figure {
background: white;
max-width: 380px;
max-height: 380px;
margin: 0 auto;
padding: 40px;
position: relative;
box-sizing: border-box;
z-index: 1;
}
.c-card-selos__image figure::before {
content: "";
width: 10%;
height: 10%;
display: block;
position: absolute;
background-color: #EAF2F2;
top: 0;
left: 0;
}
.c-card-selos__image img {
width: 100%;
height: auto;
}
.c-card-selos__image::after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square-green2.png);
top: 50%;
left: 50%;
max-width: 380px;
max-height: 380px;
}
.search-bar {
padding: 0;
margin: 0;
display: flex;
}
@media (min-width: 1200px) {
.search-bar {
max-width: 120px;
}
}
.search-bar input {
border: none;
background-color: transparent;
font-size: 12px;
}
.search-bar #search-input {
width: calc(100% - 30px);
}
.search-bar #searchsubmit {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/ico-search.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: 90% 50%;
width: 20px;
cursor: pointer;
}
#closesearch {
display: none;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/close.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: 90% 50%;
width: 30px;
cursor: pointer;
}
@media (min-width: 1200px) {
.search-active #closesearch {
display: inline-block;
}
}
@media (min-width: 1200px) {
.search-active li.search-menu-item {
position: absolute !important;
width: calc(100% + 40px);
transition: all 0.3s ease-out;
}
}
.search-active li.search-menu-item a {
width: 100%;
transition: all 0.3s ease-out;
}
@media (min-width: 1200px) {
.search-active .search-bar {
max-width: inherit;
}
}
.search__container {
max-width: 1366px;
margin: 0 auto;
padding: 1.875rem;
}
.search__title-page { color: #2F3188;
font-weight: 300;
}
.search__title-page {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.search__title-page {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.search__title-page {
font-size: 45px;
}
}
.search__title-page span {
font-weight: 700;
}
.search__article {
display: flex;
gap: 1.875rem;
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
.search__article {
padding: 1.25rem;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
background-color: white;
}
}
.search__image {
max-width: 200px;
}
@media (max-width: 992px) {
.search__image {
width: 25%;
}
}
.search__image img {
width: 100%;
height: auto;
max-width: 200px;
}
@media (min-width: 992px) {
.search__content {
width: calc(100% - 200px);
}
}
@media (max-width: 992px) {
.search__content {
width: 75%;
}
}
.search__date {
color: #676767;
font-size: 16px;
}
.search__title {
color: #D83731; font-weight: 300;
}
.search__title {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.search__title {
font-size: calc(24px + 6 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.search__title {
font-size: 30px;
}
}
.search__excerpet {
color: #2F3188;
font-size: 18px;
max-width: 90%;
}
.search a {
text-decoration: none;
}
.pagination {
text-align: center;
margin: 0 auto;
padding-bottom: 10rem;
}
.screen-reader-text {
display: none;
}
.nav-links {
list-style-type: none;
width: max-content;
margin: 0 auto;
}
.nav-links a, .nav-links span {
display: inline-block;
text-decoration: none;
}
@media (max-width: 992px) {
.nav-links a, .nav-links span {
margin-left: 1rem;
margin-right: 0;
}
}
@media (min-width: 992px) {
.nav-links a, .nav-links span {
margin-left: 1rem;
margin-right: 1rem;
}
}
.nav-links .page-numbers {
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
overflow: hidden;
width: 3rem;
height: 3rem;
color: #2F3188;
display: inline-flex;
align-items: center;
justify-content: center;
}
.nav-links .page-numbers.current {
background-color: #EFEFEF;
color: white;
background-color: #D83731;
}
@media (min-width: 992px) {
.form__group {
display: flex;
column-gap: 20px;
}
}
@media (min-width: 992px) {
.form__group > div {
width: 50%;
column-gap: 20px;
}
}
.form__hidden {
display: none;
}
.form__legal {
text-align: center !important;
font-size: 12px;
}
.form__legal a {
font-size: 12px;
}
.form-contato {
max-width: 1366px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.form-contato__title { font-weight: 100;
color: #2F3188;
text-transform: uppercase;
}
.form-contato__title {
font-size: 20px;
}
@media screen and (min-width: 320px) {
.form-contato__title {
font-size: calc(20px + 14 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.form-contato__title {
font-size: 34px;
}
}
.form-contato .wpcf7-submit {
background-color: #2F3188;
border: 0;
color: white;
padding: 15px 30px;
margin: 0;
font-size: 16px;
}
.form-contato form > p {
text-align: right;
}
.wpcf7-form {
padding-bottom: 20px;
}
.wpcf7-form .form__btn p {
text-align: right;
}
.jump-menu {
background: #2F3188;
position: fixed;
z-index: 99;
padding: 10px 20px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
left: 50%;
transform: translateX(-50%);
top: 145px;
}
@media (max-width: 992px) {
.jump-menu {
display: none;
}
}
.jump-menu.jump-fixed {
top: 77px;
width: 100%;
transition: all 0.5s;
}
.jump-menu__list {
display: flex;
align-items: center;
justify-content: center;
column-gap: 15px;
padding: 0;
margin: 0;
}
.jump-menu__list li {
list-style: none;
color: white;
font-size: 16px;
cursor: pointer;
}
.jump-menu__list li a {
color: white;
}
.jump-menu__list li a:link {
text-decoration: none;
}
.jump-menu__list li a:active {
color: white;
text-decoration: none;
}
.jump-menu__list li a:visited {
color: white;
text-decoration: none;
}
.contato .tabcontent {
display: none;
}
.contato__tabs-container {
max-width: 1366px;
width: 90vw;
margin: 0 auto 40px auto;
}
@media (min-width: 992px) {
.contato__tabs {
display: flex;
column-gap: 20px;
}
}
@media (max-width: 992px) {
.contato__tabs {
display: grid;
grid-template-columns: auto 50%;
gap: 20px;
}
}
.contato__title {
text-align: center;
}
.contato__tablink {
background-color: white;
font-size: 1.5rem;
max-height: 205px;
height: 100vh;
box-sizing: border-box;
padding: 0.9375rem;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
.contato__tablink h3 { font-weight: 300;
color: #2F3188;
padding: 0;
margin: 0;
}
.contato__tablink h3 {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.contato__tablink h3 {
font-size: calc(18px + 12 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.contato__tablink h3 {
font-size: 30px;
}
}
.contato__tablink svg {
width: 100%;
transition: all 0.5s;
}
.contato__svg {
width: 24px;
}
@media (min-width: 992px) {
.contato__tab {
width: 25%;
}
}
@media (min-width: 992px) {
.contato__tab.active::after {
background-color: white;
content: "";
height: 10px;
height: 30px;
width: 100%;
display: block;
transition: all 0.5s;
}
}
@media (min-width: 992px) {
.contato__tab.active .contato__tablink {
background-color: white;
}
}
@media (max-width: 992px) {
.contato__tab.active .contato__tablink {
background-color: #AEC0FA;
}
}
.contato__tab.active svg {
transform: rotate(90deg);
transition: all 0.5s;
}
.contato__text {
display: flex;
align-items: center;
justify-content: space-between;
}
.contato__tab-content {
background-color: white;
padding: 0 3rem;
}
.contato__tab-content input, .contato__tab-content select {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
@media (max-width: 992px) {
.contato__tab-content {
margin-top: 30px;
}
}
.contato__address {
background-color: white;
max-width: 1366px;
width: 90vw;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
box-sizing: border-box;
padding: 30px 0;
border-top: 1px solid #A2A2A2;
}
@media (max-width: 992px) {
.contato__address {
display: none;
}
}
.contato__address-column h3 {
color: #2F3188;
font-weight: 500;
}
.contato__address-column ul {
padding: 0;
margin: 0;
}
.contato__address-column ul li {
list-style: none;
}
.contato__address-column ul li a {
color: #2F3188;
text-decoration: none;
font-size: 14px;
}
.contato__address-column ul li a:not(.contato__address-map) {
color: #676767;
display: block;
text-decoration: none;
margin-bottom: 15px;
font-size: 16px;
}
.media-text__container {
max-width: 1200px;
margin: 0 auto;
width: 90%;
padding: 3.75rem 0;
}
.media-text__container h2 { font-weight: 300;
padding: 0;
margin: 0;
}
.media-text__container h2 {
font-size: 34px;
}
@media screen and (min-width: 320px) {
.media-text__container h2 {
font-size: calc(34px + 26 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.media-text__container h2 {
font-size: 60px;
}
}
.media-text__container .is-layout-constrained {
max-width: 500px;
margin: 0 auto;
}
.taxonomy-list {
padding: 0;
margin: 0;
}
.taxonomy-list__item {
border: 1px solid #364C93;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-sizing: border-box;
margin-bottom: 0.625rem;
list-style: none;
}
.taxonomy-list__link {
color: white;
text-decoration: none;
display: inline-block;
width: 100%;
padding: 0.75rem;
display: flex;
justify-content: space-between;
box-sizing: border-box;
}
.taxonomy-list__link svg {
width: 23px;
}
.home-diagnews {
max-width: 1250px;
width: 90vw;
margin: 0 auto;
position: relative;
}
.home-diagnews ul {
position: relative;
}
.home-diagnews ul::after {
content: "";
width: 30%;
height: 80%;
display: block;
position: absolute;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square.png);
top: -20%;
left: calc(100% - 380px);
max-width: 380px;
max-height: 380px;
z-index: -1;
}
.home-diagnews li {
position: relative;
}
.home-diagnews li figure {
transition: all 0.3s;
transform: scale(1);
}
.home-diagnews li:hover {
z-index: 4;
}
.home-diagnews li:hover figure {
transform: scale(1.1);
transition: all 0.3s;
}
.home-diagnews li .wp-block-post-featured-image {
height: 0;
padding-bottom: 75%;
position: relative;
}
.home-diagnews li .wp-block-post-featured-image .proportional__wrapper,
.home-diagnews li .wp-block-post-featured-image figure,
.home-diagnews li .wp-block-post-featured-image a {
display: block;
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.home-diagnews li .wp-block-post-featured-image img {
height: 100%;
object-fit: cover;
width: 100%;
}
@media (min-width: 992px) {
.home-diagnews li .wp-block-post-featured-image a {
max-width: 320px;
max-height: 240px;
}
}
.home-diagnews li .wp-block-post-featured-image::after {
content: "";
background-color: #EAEDF0;
width: 10%;
height: 12%;
position: absolute;
pointer-events: none;
}
.home-diagnews li .wp-block-post-featured-image::before {
content: "";
background-color: none;
border: 1px solid #cadbda;
position: absolute;
top: 10px;
z-index: 1;
pointer-events: none;
}
@media (min-width: 992px) {
.home-diagnews li .wp-block-post-featured-image::before {
width: 80%;
height: 80%;
left: 10px;
}
}
@media (max-width: 992px) {
.home-diagnews li .wp-block-post-featured-image::before {
width: 100%;
height: 100%;
right: 10px;
}
}
.home-diagnews li img {
transition: all 0.3s;
}
.home-diagnews .wp-block-post-excerpt__excerpt,
.home-diagnews .wp-block-post-date,
.home-diagnews hr {
display: none;
}
@media (min-width: 992px) {
.home-diagnews h2.wp-block-post-title {
margin-top: -20px;
max-width: 320px;
}
}
.home-diagnews h2.wp-block-post-title a {
color: #2F3188;
text-decoration: none; }
.home-diagnews h2.wp-block-post-title a {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.home-diagnews h2.wp-block-post-title a {
font-size: calc(18px + 2 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.home-diagnews h2.wp-block-post-title a {
font-size: 20px;
}
}
.home-diagnews__title {
max-width: 1250px;
width: 90vw;
margin: 0 auto 1.3em;
}
@media (max-width: 992px) {
.home-diagnews__title.wp-block-columns {
flex-wrap: nowrap !important;
}
}
.wp-block-cb-carousel .wp-block-image > img {
margin-left: 50%;
transform: translateX(-50%);
}
.slick-dots li.slick-active button:before {
color: #D83731;
}
.slick-dots li button:before {
font-size: 14px;
}
.slick-track {
display: flex;
align-items: center;
}
.wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before {
color: #2F3188;
font-size: 30px;
}
.read-more {
max-width: 1366px;
margin: 0 auto;
padding-top: 10rem;
width: 90vw;
}
.read-more__body {
margin-bottom: 10rem;
}
@media (min-width: 992px) {
.read-more__body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
}
}
.read-more__date {
font-size: 16px;
color: #2F3188;
}
.read-more__label { color: #2F3188;
padding-bottom: 1.875rem;
border-bottom: 1px solid #cadbda;
}
.read-more__label {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.read-more__label {
font-size: calc(24px + 6 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.read-more__label {
font-size: 30px;
}
}
.read-more__title {
line-height: 1em;
}
.read-more__title a { line-height: 1.3em;
font-weight: 500;
color: #D83731;
text-decoration: none;
}
.read-more__title a {
font-size: 22px;
}
@media screen and (min-width: 320px) {
.read-more__title a {
font-size: calc(22px + 18 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.read-more__title a {
font-size: 40px;
}
}
.read-more__title a:hover {
color: #2F3188;
}
.read-more__subtitle { color: #EFEFEF;
}
.read-more__subtitle {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.read-more__subtitle {
font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.read-more__subtitle {
font-size: 20px;
}
}
.archive-solucoes__title { font-weight: 300;
margin: 0;
padding: 0;
text-decoration: none;
color: #2F3188;
}
.archive-solucoes__title {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.archive-solucoes__title {
font-size: calc(24px + 36 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.archive-solucoes__title {
font-size: 60px;
}
}
.archive-solucoes__title:hover {
color: white;
}
.archive-solucoes__title--white {
color: white;
}
.archive-solucoes a {
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.archive-solucoes a svg {
width: 43px;
}
.archive-solucoes__container {
padding: 3.125rem 0;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.archive-solucoes__container::before {
content: "";
width: 100%;
height: 0;
background-color: #2F3188;
position: absolute;
top: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
mix-blend-mode: multiply;
}
.archive-solucoes__container:hover .archive-solucoes__title {
color: white;
}
.archive-solucoes__container:hover::before {
height: 100%;
transition: all 0.3s;
}
.archive-solucoes__texts {
max-width: 90vw;
margin: auto;
position: relative;
}
.home h2 { }
.home h2 {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.home h2 {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.home h2 {
font-size: 45px;
}
}
.home .institucional__cover {
background-color: #2F3188;
}
.home .institucional__cover::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/dots-blue.png);
}
.home .institucional__cover p {
color: #AEC0FA;
}
.home .institucional__cover .square-details .child-div {
background-color: #2F3188;
}
.home .slide-home {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-slide-home.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.home .solucoes-inteligentes {
max-width: 1200px;
width: 90%;
margin: 0 auto;
}
.home .solucoes-inteligentes > .wp-block-column-is-layout-flow {
border: 1px solid #EFEFEF;
padding: 30px 30px 0;
}
.home .solucoes-inteligentes a {
color: #2F3188;
text-decoration: none;
}
.home .solucoes-inteligentes .wp-block-columns {
margin-bottom: 0;
}
.home .prod-taxonomy {
padding: 3.75rem 0;
}
.home .prod-taxonomy h2 {
padding-bottom: 10px;
}
.home .taxonomy-list {
max-width: 1366px;
width: 90%;
margin: 2.5rem auto 0; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px;
-webkit-column-rule: 1px single grey; -moz-column-rule: 1px single grey; column-rule: 1px single grey;
}
@media (min-width: 992px) {
.home .taxonomy-list {
-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
}
}
.home .selos {
margin: 0;
}
.home .selos .wp-block-group-is-layout-constrained {
max-width: 606px;
float: right;
width: 100%;
}
.home .selos__shortcode {
background-color: white;
}
@media (max-width: 992px) {
.home .selos__shortcode {
display: flex;
}
}
@media (max-width: 992px) {
.home .selos__text {
max-width: 90%;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.home .selos-home__item {
padding: 0.625rem 2.5rem 0;
}
}
@media (max-width: 992px) {
.home .selos-home__item {
padding: 0.625rem 1.25rem 0;
}
}
@media (max-width: 992px) {
.home .selos-home__tab-content {
width: 80%;
}
}
@media (max-width: 992px) {
.home .selos-home__tab img {
max-width: 40px;
max-height: 40px;
}
}
@media (min-width: 992px) {
.home .selos-home__tab img {
max-width: 60px;
max-height: 60px;
}
}
@media (max-width: 992px) {
.home .selos-home__tab.active .selos-home__tablink {
border-left: 3px solid #4B8B89;
}
}
@media (min-width: 992px) {
.home .selos-home__tab.active .selos-home__tablink {
border-top: 3px solid #4B8B89;
}
}
.home .selos-home__nav {
border-top: 1px solid #EFEFEF;
}
@media (max-width: 992px) {
.home .selos-home__nav {
width: 20%;
display: block;
}
}
.home .selos-home__tablink {
cursor: pointer;
padding: 1.25rem;
display: inline-block;
}
.archive-products .bg-square {
position: absolute;
right: 80px;
top: -20px;
z-index: -1;
}
.archive-servicos {
background-color: #2F3188;
padding: 0;
margin: 0;
}
.archive-servicos__title { color: white;
font-weight: 300;
padding: 0;
margin: 0;
}
.archive-servicos__title {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.archive-servicos__title {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.archive-servicos__title {
font-size: 45px;
}
}
.archive-servicos__container {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.archive-servicos__container {
flex-direction: column-reverse;
}
}
@media (min-width: 992px) {
.archive-servicos__container:nth-child(odd) {
flex-direction: row-reverse;
}
}
.archive-servicos__container:nth-child(odd) .archive-servicos__thumbnail-container .square-details {
right: 0;
bottom: 0;
}
.archive-servicos__container:nth-child(odd) .archive-servicos__thumbnail-container .square-details div {
width: 100%;
height: 33.39%;
background-color: #2F3188;
}
.archive-servicos__container:nth-child(odd) .archive-servicos__thumbnail-container .square-details div:nth-child(2) {
margin-left: -100%;
}
.archive-servicos__container:nth-child(even) .archive-servicos__thumbnail-container .square-details {
left: 0;
bottom: 0;
}
.archive-servicos__container:nth-child(even) .archive-servicos__thumbnail-container .square-details div {
width: 100%;
height: 33.39%;
background-color: #2F3188;
}
.archive-servicos__container:nth-child(even) .archive-servicos__thumbnail-container .square-details div:nth-child(2) {
background-color: transparent;
}
.archive-servicos__content {
color: #AEC0FA; font-weight: 300;
}
.archive-servicos__content {
font-size: 16px;
}
@media screen and (min-width: 320px) {
.archive-servicos__content {
font-size: calc(16px + 4 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.archive-servicos__content {
font-size: 20px;
}
}
.archive-servicos__content p, .archive-servicos__content li, .archive-servicos__content a {
color: #AEC0FA;
}
.archive-servicos__thumbnail-container {
position: relative;
}
@media (max-width: 992px) {
.archive-servicos__thumbnail-container {
width: 100%;
}
}
@media (min-width: 992px) {
.archive-servicos__thumbnail-container {
width: 50%;
}
}
.archive-servicos__thumbnail-container .square-details {
z-index: 6;
position: absolute;
width: 20%;
height: 60%;
}
.archive-servicos__texts {
padding: 0 2.5rem;
box-sizing: border-box;
}
@media (max-width: 992px) {
.archive-servicos__texts {
width: 100%;
margin-top: 20px;
}
}
@media (min-width: 992px) {
.archive-servicos__texts {
width: 50%;
}
}
.archive-servicos__thumbnail {
height: 0;
padding-bottom: 100%;
position: relative;
}
.archive-servicos__thumbnail .proportional__wrapper,
.archive-servicos__thumbnail figure,
.archive-servicos__thumbnail a {
display: block;
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.archive-servicos__thumbnail img {
height: 100%;
object-fit: cover;
width: 100%;
}
.institucional__cover {
color: white;
position: relative;
}
.institucional__cover::after {
content: "";
width: 137px;
height: 364px;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
}
.institucional__cover .wp-block-media-text__content {
max-width: 500px;
margin: 0 auto;
}
@media (max-width: 992px) {
.institucional__cover .wp-block-media-text__content {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
}
.institucional__cover .wp-block-media-text__content h1 { font-weight: 300;
max-width: 500px;
margin: 0 auto 1.25rem;
}
.institucional__cover .wp-block-media-text__content h1 {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.institucional__cover .wp-block-media-text__content h1 {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.institucional__cover .wp-block-media-text__content h1 {
font-size: 45px;
}
}
.institucional__cover .wp-block-media-text__content p {
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 300;
max-width: 500px;
margin: auto auto;
padding-bottom: 0.625rem;
}
.institucional__cover .wp-block-media-text__content strong {
color: white;
}
.institucional__cover figure {
position: relative;
}
.institucional__cover figure .square-details {
right: 0;
bottom: 0;
position: absolute;
width: 20%;
height: 60%;
}
.institucional__cover figure .square-details div {
width: 100%;
height: 33.39%;
}
.institucional__cover figure .square-details div:nth-child(2) {
margin-left: -100%;
}
.institucional__description .wp-block-group__inner-container {
max-width: 750px;
padding-top: 5rem;
padding-bottom: 9.375rem;
margin: 0 auto;
}
@media (max-width: 992px) {
.institucional__description .wp-block-group__inner-container p {
padding: 1.875rem 1.875rem 0;
}
}
.institucional__mvv-card {
max-width: 44.6875rem;
background: white;
box-sizing: border-box;
padding: 2.5rem 1.25rem;
}
.institucional__mvv-card .safe-svg-cover {
padding-top: 1.25rem;
}
@media (min-width: 992px) {
.institucional__mvv-card .safe-svg-cover {
text-align: center !important;
}
}
.institucional__mvv-card p, .institucional__mvv-card ul {
padding-right: 2.5rem;
}
.institucional__mvv-card ul {
margin: 0;
padding-left: 0.625rem;
}
.institucional__anagrama {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-grid.png);
}
.institucional__anagrama figure {
width: 90vw;
max-width: 1024px;
margin: 0 auto;
}
.institucional__mvv {
padding-bottom: 7.5rem;
position: relative;
}
.institucional__mvv::after {
content: "";
width: 50%;
max-width: 550px;
height: 105%;
right: 0%;
transform: translate(-50%, -10%);
position: absolute;
top: 0%;
z-index: 0;
}
.institucional__mvv .wp-block-group__inner-container {
z-index: 1;
position: relative;
max-width: 1170px;
margin: 0 auto;
}
@media (min-width: 992px) {
.institucional__mvv .wp-block-group__inner-container {
display: grid;
grid-gap: 20px;
}
}
.institucional__policy {
max-width: 1366px;
margin: 0 auto;
position: relative;
width: 95vw;
}
.institucional__policy figure {
position: relative;
}
.institucional__beneficios {
max-width: 1366px;
width: 95vw;
margin: 0 auto;
position: relative;
}
@media (min-width: 992px) {
.institucional__beneficios::after {
content: "";
width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: translateX(-40%);
}
}
@media (max-width: 992px) {
.institucional__beneficios .wp-block-column {
padding: 0 30px;
}
}
.institucional__quality {
max-width: 1366px; margin-left: auto;
margin-right: auto;
position: relative;
}
.institucional__quality {
margin-top: 50px;
}
@media screen and (min-width: 320px) {
.institucional__quality {
margin-top: calc(50px + 50 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.institucional__quality {
margin-top: 100px;
}
}
@media (min-width: 992px) {
.institucional__quality {
width: 95vw;
}
}
@media (max-width: 992px) {
.institucional__quality {
width: calc(100% - 60px);
}
}
.institucional__quality h2, .institucional__quality p {
padding-left: 4%;
}
.institucional__quality .wp-block-group__inner-container p { font-weight: 300;
line-height: 1.5em;
}
.institucional__quality .wp-block-group__inner-container p {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.institucional__quality .wp-block-group__inner-container p {
font-size: calc(24px + 6 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.institucional__quality .wp-block-group__inner-container p {
font-size: 30px;
}
}
.institucional p, .institucional li {
font-size: 1.125rem;
color: #676767;
line-height: 1.8rem;
font-weight: 300;
}
.institucional h2 { font-weight: 300;
}
.institucional h2 {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.institucional h2 {
font-size: calc(24px + 6 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.institucional h2 {
font-size: 30px;
}
}
.page-diagnocel h2 {
color: #2F3188;
}
.page-diagnocel .institucional__cover {
background-color: #2F3188;
}
.page-diagnocel .institucional__cover::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/dots-blue.png);
}
.page-diagnocel .institucional__cover p {
color: #AEC0FA;
}
.page-diagnocel .institucional__cover .square-details .child-div {
background-color: #2F3188;
}
.page-diagnocel .institucional__mvv::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square.png);
}
.page-diagnocel .institucional__mvv svg, .page-diagnocel .institucional__mvv path {
fill: #2F3188;
}
@media (max-width: 992px) {
.page-diagnocel .institucional__mvv .wp-block-group__inner-container {
width: calc(100% - 30px);
margin: 0 auto;
}
}
@media (min-width: 992px) {
.page-diagnocel .institucional__mvv .wp-block-group__inner-container {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
}
}
.page-diagnocel .institucional__mvv-card {
display: block;
}
.page-diagnocel .institucional__mvv-card .safe-svg-cover {
text-align: left !important;
}
.page-diagnocel .institucional__policy figure::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #EAF2F2;
width: 5%;
height: 6%;
}
.page-diagnocel .institucional__policy figure::before {
content: "";
position: absolute;
top: 3%;
left: 3%;
border: 1px solid #88A3C4;
width: 100%;
height: 100%;
z-index: 1;
}
.page-diagnocel .institucional__beneficios::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square.png);
}
.page-biocore {
background-color: #EAF2F2;
}
.page-biocore h2 {
color: #4B8B89;
}
.page-biocore .institucional__cover {
background-color: #4B8B89;
}
.page-biocore .institucional__cover::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/dots-green.png);
}
.page-biocore .institucional__cover p {
color: #C4E8E7;
}
.page-biocore .institucional__cover .square-details .child-div {
background-color: #4B8B89;
}
.page-biocore .institucional__mvv::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square-green2.png);
}
.page-biocore .institucional__mvv .wp-block-group__inner-container {
grid-template-columns: 55% 1fr;
grid-template-rows: auto auto;
grid-template-areas: "left-left right-right" "left-right right-right";
}
.page-biocore .institucional__mvv .wp-block-group__inner-container .left-left {
grid-area: left-left;
height: 100%;
}
.page-biocore .institucional__mvv .wp-block-group__inner-container .left-right {
grid-area: left-right;
}
.page-biocore .institucional__mvv .wp-block-group__inner-container .right-right {
grid-area: right-right;
}
.page-biocore .institucional__policy figure::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #EAF2F2;
width: 5%;
height: 6%;
}
.page-biocore .institucional__policy figure::before {
content: "";
position: absolute;
top: 3%;
left: 3%;
border: 1px solid #88A3C4;
width: 100%;
height: 100%;
z-index: 1;
}
.page-biocore .institucional__beneficios::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square-green2.png);
}
.microbiologia h1 {
max-width: 1366px;
width: 95vw;
margin-left: auto;
margin-right: auto;
}
.microbiologia__grid {
max-width: 1366px;
width: 95vw;
margin: 2.5rem auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.microbiologia .bg-square {
position: absolute;
right: 20%;
top: 0;
}
.microbiologia .c-square-detail {
position: absolute;
z-index: 1;
right: 0;
}
.microbiologia .c-card-products__head {
position: relative;
}
.microbiologia .c-card-products__name {
text-align: center;
border-bottom: none;
}
.microbiologia .c-card-products__figure img {
height: auto;
width: 100%;
}
.microbiologia .c-card-products--microbiologia {
grid-template: 220px auto 0px/repeat(1, 1fr);
gap: 0;
}
.page-sustentabilidade {
background-color: #EAF2F2;
}
.sustentabilidade__content {
max-width: 1000px;
margin: 0 auto;
position: relative;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.sustentabilidade__content::after {
content: "";
width: 30%;
height: 40%;
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/bg-square-green2.png);
position: absolute;
bottom: -220px;
right: 0;
}
.sustentabilidade__cover {
background-color: #4B8B89;
}
.sustentabilidade__cover h1.wp-block-heading { font-weight: 300;
max-width: 500px;
color: white;
margin: 0 auto 1.25rem;
}
.sustentabilidade__cover h1.wp-block-heading {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.sustentabilidade__cover h1.wp-block-heading {
font-size: calc(30px + 15 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.sustentabilidade__cover h1.wp-block-heading {
font-size: 45px;
}
}
.sustentabilidade__cover .wp-block-media-text__content {
padding-top: 20px;
padding-bottom: 20px;
}
.sustentabilidade__cover p {
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 300;
max-width: 500px;
margin: auto auto;
padding-bottom: 0.625rem;
}
.sustentabilidade__cover::after {
background-image: url(//diagnocel.com.br/wp-content/themes/beta-digital/dist/scripts/./resources/images/dots-green.png);
}
.sustentabilidade__cover p {
color: #C4E8E7;
}
.sustentabilidade__cover figure {
position: relative;
}
.sustentabilidade__cover figure::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #4B8B89;
opacity: 0.3;
mix-blend-mode: multiply;
}
.sustentabilidade__cover .square-details {
right: 0;
bottom: 0;
position: absolute;
width: 20%;
height: 60%;
}
.sustentabilidade__cover .square-details div {
width: 100%;
height: 33.39%;
}
.sustentabilidade__cover .square-details div:nth-child(2) {
margin-left: -100%;
}
.sustentabilidade__cover .square-details .child-div {
background-color: #4B8B89;
}
.sustentabilidade__container {
margin: auto auto 60px;
max-width: 90vw;
}
.sustentabilidade__container img {
max-height: 700px;
}
.sustentabilidade__container h2 {
color: #4B8B89;
text-align: center; max-width: 800px;
margin: auto;
}
.sustentabilidade__container h2 {
font-size: 22px;
}
@media screen and (min-width: 320px) {
.sustentabilidade__container h2 {
font-size: calc(22px + 8 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.sustentabilidade__container h2 {
font-size: 30px;
}
}
.sustentabilidade__container p {
font-size: 18px;
text-align: center;
max-width: 800px;
margin: auto;
}
.sustentabilidade__container .wp-block-cb-slide {
margin-top: 30px;
}
.sustentabilidade__container .c-card-selos:nth-child(odd) {
grid-template-columns: 380px auto;
}
.sustentabilidade__container .c-card-selos:nth-child(odd) .c-card-selos__image::after {
transform: translate(-34%, -34%);
}
.sustentabilidade__container .c-card-selos:nth-child(even) {
grid-template-columns: auto 380px;
}
.sustentabilidade__container .c-card-selos:nth-child(even) .c-card-selos__image::after {
transform: translate(-64%, -34%);
}
.sustentabilidade__container .c-card-selos:nth-child(even) .c-card-selos__head {
grid-column: 2;
grid-row: 1;
}
.sustentabilidade .wp-block-heading {
color: #D83731; }
.sustentabilidade .wp-block-heading {
font-size: 24px;
}
@media screen and (min-width: 320px) {
.sustentabilidade .wp-block-heading {
font-size: calc(24px + 16 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.sustentabilidade .wp-block-heading {
font-size: 40px;
}
}
.sustentabilidade .wp-block-query {
max-width: 1366px;
margin: 0 auto;
width: 90%;
}
.sustentabilidade .wp-block-query .wp-block-post-featured-image {
height: 0;
padding-bottom: 75%;
position: relative;
}
.sustentabilidade .wp-block-query .wp-block-post-featured-image .proportional__wrapper,
.sustentabilidade .wp-block-query .wp-block-post-featured-image figure,
.sustentabilidade .wp-block-query .wp-block-post-featured-image a {
display: block;
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.sustentabilidade .wp-block-query .wp-block-post-featured-image img {
height: 100%;
object-fit: cover;
width: 100%;
}
@media (min-width: 992px) {
.sustentabilidade .wp-block-query .wp-block-post-featured-image a {
max-width: 320px;
max-height: 240px;
}
}
.sustentabilidade .wp-block-query .wp-block-post-featured-image::after {
content: "";
background-color: #EAF2F2;
width: 10%;
height: 12%;
position: absolute;
}
.sustentabilidade .wp-block-query .wp-block-post-featured-image::before {
content: "";
background-color: none;
border: 1px solid #cadbda;
position: absolute;
top: 10px;
z-index: 1;
}
@media (min-width: 992px) {
.sustentabilidade .wp-block-query .wp-block-post-featured-image::before {
width: 75%;
height: 75%;
left: 10px;
}
}
@media (max-width: 992px) {
.sustentabilidade .wp-block-query .wp-block-post-featured-image::before {
width: 100%;
height: 100%;
right: 10px;
}
}
@media (max-width: 992px) {
.sustentabilidade .wp-block-query .wp-block-post-date {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.sustentabilidade .wp-block-query .wp-block-post-date {
margin-top: -40px;
}
}
.sustentabilidade .wp-block-query .wp-block-post-date time {
font-size: 14px;
}
.sustentabilidade .wp-block-query .wp-block-post figure {
transition: all 0.5s;
}
.sustentabilidade .wp-block-query .wp-block-post:hover figure {
transform: scale(1.1);
transition: all 0.5s;
}
.sustentabilidade .wp-block-query h2.wp-block-post-title {
margin-top: 10px;
}
@media (min-width: 992px) {
.sustentabilidade .wp-block-query h2.wp-block-post-title {
max-width: 350px;
}
}
.sustentabilidade .wp-block-query h2.wp-block-post-title a {
color: #2F3188; text-decoration: none;
line-height: 1.4em;
}
.sustentabilidade .wp-block-query h2.wp-block-post-title a {
font-size: 18px;
}
@media screen and (min-width: 320px) {
.sustentabilidade .wp-block-query h2.wp-block-post-title a {
font-size: calc(18px + 2 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.sustentabilidade .wp-block-query h2.wp-block-post-title a {
font-size: 20px;
}
}
.single-post__main {
max-width: 980px;
}
@media (min-width: 992px) {
.single-post__main {
width: 90vw;
margin: 0 auto;
}
}
.single-post__main img {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
max-width: 100%;
}
@media (max-width: 992px) {
.single-post__header {
padding: 0 30px;
}
}
.single-post__content {
color: #2F3188;
}
@media (max-width: 992px) {
.single-post__content {
font-size: 16px;
}
}
@media (min-width: 992px) {
.single-post__content {
font-size: 24px;
}
}
.single-post figcaption {
font-size: 14px;
color: grey;
}
.single-post__category {
text-align: center;
margin-top: 4rem;
}
.single-post__category ul {
padding-left: 0;
}
.single-post__category li {
list-style: none;
display: inline-block;
}
.single-post__category li:last-child span {
display: none;
}
.single-post__category span {
display: inline-block;
margin-left: 2rem;
}
.single-post__category a, .single-post__category span {
color: #2F3188;
text-decoration: none;
text-transform: uppercase;
}
@media (max-width: 992px) {
.single-post__category a, .single-post__category span {
font-size: 12px;
}
}
@media (min-width: 992px) {
.single-post__category a, .single-post__category span {
font-size: 18px;
}
}
@media (max-width: 992px) {
.single-post__body {
padding: 0 30px;
}
}
.single-post__features {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #cadbda;
border-bottom: 1px solid #cadbda;
margin-top: 30px;
margin-bottom: 30px;
}
@media (max-width: 992px) {
.single-post__features {
padding: 0 30px;
}
}
.single-post__shared ul {
display: flex;
align-items: center;
}
.single-post__shared li {
list-style: none;
margin-right: 1rem;
width: 1.875rem;
}
.blog__parent:nth-child(1) {
background-color: #2F3188;
padding: 2.5rem 0.625rem;
}
.blog__parent:nth-child(1) .blog__title a {
color: white !important;
}
.blog__parent:nth-child(1) .blog__excerpet {
color: #AEC0FA !important;
}
@media (max-width: 992px) {
.blog__parent:nth-child(1) {
margin-bottom: 20px;
}
}
.blog__parent:not(:first-child) {
padding: 1.875rem;
}
@media (min-width: 992px) {
.blog__parent {
margin-bottom: 2.5rem;
}
}
.blog__posts {
max-width: 1366px;
margin: auto;
}
@media (min-width: 992px) {
.blog__article {
padding: 0 1.875rem;
display: grid;
grid-template-columns: 30% auto;
grid-gap: 30px;
}
}
@media (min-width: 992px) {
.blog__article .blog__image {
height: 0;
padding-bottom: 66.6666666667%;
position: relative;
}
.blog__article .blog__image .proportional__wrapper,
.blog__article .blog__image figure,
.blog__article .blog__image a {
display: block;
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.blog__article .blog__image img {
height: 100%;
object-fit: cover;
width: 100%;
}
}
@media (max-width: 992px) {
.blog__article .blog__image {
max-width: 100%;
}
}
@media (max-width: 992px) {
.blog__article img {
width: 100%;
height: auto;
}
}
.blog__title {
padding-bottom: 0;
line-height: 1rem;
}
.blog__title a {
text-decoration: none;
}
.blog__excerpet {
text-align: left;
font-size: 18px;
}
.single-solucoes__main {
max-width: 980px;
}
@media (min-width: 992px) {
.single-solucoes__main {
width: 90vw;
margin: 0 auto;
}
}
.single-solucoes__content {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.single-solucoes__content {
font-size: 16px;
}
}
@media (min-width: 992px) {
.single-solucoes__content {
font-size: 24px;
}
}
.single-solucoes img {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
max-width: 100%;
}
.single-solucoes figcaption {
font-size: 14px;
color: grey;
}
.single-solucoes__title-blog {
color: white;
max-width: 980px;
margin: 0 auto; width: 90%;
margin-left: auto;
margin-right: auto;
}
.single-solucoes__title-blog {
font-size: 30px;
}
@media screen and (min-width: 320px) {
.single-solucoes__title-blog {
font-size: calc(30px + 30 * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.single-solucoes__title-blog {
font-size: 60px;
}
}
.single-solucoes__category {
text-align: center;
margin-top: 4rem;
}
.single-solucoes__category ul {
padding-left: 0;
}
.single-solucoes__category li {
list-style: none;
display: inline-block;
}
.single-solucoes__category li:last-child span {
display: none;
}
.single-solucoes__category span {
display: inline-block;
margin-left: 2rem;
}
.single-solucoes__category a, .single-solucoes__category span {
color: #2F3188;
text-decoration: none;
text-transform: uppercase;
}
@media (max-width: 992px) {
.single-solucoes__category a, .single-solucoes__category span {
font-size: 12px;
}
}
@media (min-width: 992px) {
.single-solucoes__category a, .single-solucoes__category span {
font-size: 18px;
}
}
.single-solucoes__features {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #cadbda;
border-bottom: 1px solid #cadbda;
margin-top: 30px;
margin-bottom: 30px;
}
.single-solucoes__shared ul {
display: flex;
align-items: center;
}
.single-solucoes__shared li {
list-style: none;
margin-right: 1rem;
width: 1.875rem;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}