/** * Theme Name: Lobo Carmona * Author: Byte to IT * Template: blocksy * Text Domain: lobo-carmona * Description: Lobo Carmona is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor. */ /* |General layout */ /* Hide scrollbar but keep scroll functional */ html { scrollbar-width: none; /* Firefox */ } html::-webkit-scrollbar { display: none; /* Chrome, Safari */ } @media (min-width: 1000px) { .ct-container-fluid { max-width: 1920px !important; } } /* Show/hide language-marked blocks purely by the */ html[lang^="pt"] .en-content { display: none !important; } html[lang^="en"] .pt-content { display: none !important; } /* Estilos necessários para Lenis */ html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } /* opcional, remove se precisares de interagir com iframes durante scroll */ /* Opcional: suavizar âncoras em fallback */ :root { scroll-behavior: auto; } /* Lenis controla o comportamento; fallback fica no JS */ /* Reveal base */ [data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; } .is-inview[data-reveal] { opacity: 1; transform: translateY(0); } .fs-11 { font-size: 1.125rem; line-height: 1.625rem; } .fs-16 { font-size: 1.625rem; line-height: 2rem; } @media (min-width: 992px) { .fs-lg-13 { font-size: 1.375rem; line-height: 2.125rem; } .fs-lg-18 { font-size: 1.875rem; line-height: 40px; } .fs-lg-25 { font-size: 2.5rem; line-height: 3.25rem; } } @media (min-width: 1000px) { .ct-container-fluid { --theme-container-edge-spacing: calc(100vw - 95px) !important; } } .bg-grey { background-color: #E0E0E0; } /* |Nav */ [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:hover, [data-header*="type-1"] .ct-header [data-id="menu-secondary"] > ul > li > a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; } [data-header*="type-1"] .ct-header [data-id="menu"] > ul > li.current-menu-item > a, [data-header*="type-1"] .ct-header [data-id="menu-secondary"] > ul > li.current-lang > a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } #offcanvas .lang-btn__link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; } #offcanvas .lang-btn__link.is-current { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; } [data-header*="type-1"] #offcanvas { top: 58px; } .lang-btn ul li a { font-size: 1.25rem; line-height: 1.25rem; } [data-device=mobile] .site-logo-container { position: absolute; bottom: 20px; display: block; width: calc(100% - 50px); } [data-device=mobile] .site-logo-container img { width: 100%; max-width: 100%; } #header { z-index: 9999999 !important; } /* Target the Polylang language menu */ #header-menu-2 ul#menu-lang-menu-pt, #header-menu-2 ul#menu-lang-menu-en { display: inline-flex; align-items: center; list-style: none; flex-direction: row-reverse; } /* Render the “ — ” between items (on the
  • , not on ) */ #header-menu-2 ul#menu-lang-menu-pt>li:last-child::after, #header-menu-2 ul#menu-lang-menu-en>li:last-child::after { content: " — "; display: inline-block; pointer-events: none; /* separator won't steal clicks */ line-height: 1; } [data-column=end] [data-items=primary] [data-menu*=type-1]:last-child>ul>li:last-child>a { padding-inline-end: 14px !important; } /* Keep items inline */ #header-menu-2 ul#menu-lang-menu-pt>li, #header-menu-2 ul#menu-lang-menu-en>li { display: inline-flex; } /* |team */ .lc-intro { padding: 62px 0 75px; } @media (min-width: 992px) { .lc-intro { padding: 180px 0 150px 0; } } .lc-intro-text { font-size: 2.5rem; line-height: 3.25rem; font-weight: 700; margin-bottom: 0; } .lc-grid { padding-bottom: 80px; } @media (min-width: 640px) { .lc-grid { padding-bottom: 150px; } } .lc-team-archive .lc-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; grid-template-columns: repeat(1, minmax(0, 1fr)); } @media (min-width: 640px) { .lc-team-archive .lc-cards { grid-template-columns: repeat(2, 1fr); gap: 0 30px; } } @media (min-width: 992px) { .lc-team-archive .lc-cards { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .lc-team-archive .lc-cards { grid-template-columns: repeat(3, 1fr); gap: 30px; } } .lc-card-link { opacity: .4; transition: 500ms all ease; } .lc-card-link:hover { opacity: 1; } .lc-card-caption span { display: block; } .lc-card-name { margin: 20px 0 5px; } @media (min-width: 992px) { .lc-card-name { margin: 30px 0 5px; } } .lc-card-role { font-weight: 400; margin-bottom: 80px; } .lc-callout>div { padding: 80px 0 0; } .lc-callout-text { margin-bottom: 30px; } /* |team single */ .lc-team-single { padding-top: 120px; } @media (min-width: 992px) { .lc-team-single { padding-top: 180px; } } .lc-team-single .lc-back { text-decoration: none; font-size: 1.5625rem; line-height: 1.875rem; font-weight: 400; } .lc-team-single .lc-back:hover { text-decoration: underline; } .lc-team-single .lc-hero { padding-bottom: 100px; } .lc-team-single .lc-hero-grid { display: grid; grid-template-columns: minmax(280px, 480px) 1fr; gap: clamp(20px, 3.5vw, 40px); align-items: start; } .lc-team-single .lc-hero-media { margin: 0; } .lc-team-single .lc-person-photo { width: 100%; height: auto; display: block; } @media (min-width: 921px) { .lc-team-single .lc-person-photo { max-width: 75%; left: 0; top: 100px; transform: translateY(0); } } .lc-team-single .lc-hero-content { display: grid; gap: 8px; } .lc-team-single .lc-person-name { margin: 0 0 4px 0; } .lc-team-single .lc-person-position { margin-bottom: 12px; font-weight: 400; } .lc-team-single .lc-person-email { margin-bottom: 0; } .lc-team-single .lc-person-email a { font-weight: 400; text-decoration: underline; } .lc-team-single .lc-person-bio>*:first-child { margin-top: 0; } .lc-team-single .lc-person-bio .gspb_text, .lc-team-single .lc-person-bio p { font-size: inherit; line-height: inherit; font-weight: 400; margin-bottom: 30px; } /* Publications (inline on right column) */ .lc-team-single .lc-pubs-title { margin-top: 75px; margin-bottom: 24px; font-weight: 700; font-size: .875rem; line-height: 1.25rem; } .lc-team-single .lc-pubs-list { display: grid; gap: 8px; max-width: 70ch; } .lc-team-single .lc-pub-item { line-height: 1.55; } .lc-team-single .lc-pubs-list a { text-decoration: underline; } .lc-team-single .lc-pub-list { padding-left: 1.2em; } /* Careers callout */ .lc-team-single .lc-callout { background-color: #E0E0E0; } .lc-team-single .lc-callout .lc-callout-inner { padding: 80px 0 0 0; } .lc-team-single .lc-callout-text a { text-decoration: underline; } /* A11y helper */ .lc-team-single .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } @media (max-width: 820px) { .lc-team-single .lc-hero-grid { grid-template-columns: 1fr; } } .lc-back { display: flex; gap: 12px; margin-bottom: 32px; } .team-detail__link-back__arrow { transition: all .3s linear; display: inline-block; } .team-detail__link-back__arrow svg { transform: rotate(-90deg); width: 17px; } /* |expertise */ /* ========================================================== Expertise Archive – 2-column grid + smooth accordion Scope: .lc-expertise-archive ========================================================== */ /* Grid (2 columns on >=768px) */ .lc-expertise-archive .lc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 80px 30px; } @media (min-width: 640px) { .lc-expertise-archive .lc-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; } } @media (min-width: 992px) { .lc-expertise-archive .lc-grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .lc-expertise-archive .lc-grid { grid-template-columns: repeat(3, 1fr); gap: 80px 30px; } } .lc-expertise-archive .lc-card { display: block; } /* Clickable head (image + title) */ .lc-expertise-archive .lc-card-trigger { display: block; width: 100%; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; } .lc-expertise-archive .lc-card-figure { margin: 0; display: grid; gap: 20px; opacity: .4; transition: 500ms all ease; } /* When the trigger is expanded, make the corresponding figure fully visible */ .lc-expertise-archive .lc-card-trigger[aria-expanded="true"] .lc-card-figure { opacity: 1; } /* Optional: nicer focus outline for accessibility */ .lc-expertise-archive .lc-card-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } /* Smooth height transition for panels */ .lc-expertise-archive .lc-card-panel { overflow: hidden; transition: height .28s ease; } @media (prefers-reduced-motion: reduce) { .lc-expertise-archive .lc-card-panel { transition: none; } } @media (min-width: 921px) { .lc-expertise-archive .lc-card-figure { gap: 30px; } } .lc-expertise-archive .lc-card-figure:hover { opacity: 1; } .lc-expertise-archive .lc-card-media { position: relative; overflow: hidden; background: #f3f3f3; aspect-ratio: 1 / 1; } .lc-expertise-archive .lc-card-image { display: block; width: 100%; height: 100%; object-fit: cover; } .lc-expertise-archive .lc-card-caption { display: block; } .lc-expertise-archive .lc-card-title { white-space: break-spaces; } .lc-expertise-archive .lc-card-title.is-open { text-decoration: underline; } /* Panel (animated height) */ .lc-expertise-archive .lc-card-panel { overflow: hidden; transition: height 300ms ease; margin-top: 10px; } /* Collapsed state: only when [hidden] */ .lc-expertise-archive .lc-card-panel[hidden] { display: block; height: 0; padding: 0; border-top-color: transparent; } .lc-expertise-archive .lc-card-panel-inner { font-weight: 400; padding-top: 14px; } /* Optional: for smoother perf during transition */ .lc-expertise-archive .lc-card-panel.is-opening, .lc-expertise-archive .lc-card-panel.is-closing { will-change: height; } /* While hidden attribute is present, keep it out of flow */ .lc-expertise-archive .lc-card-panel[hidden] { display: block; /* keep element for height animation logic */ height: 0; padding: 0; border-top-color: transparent; } .lc-expertise-archive .lc-card-panel-inner { padding-top: 14px; } .lc-expertise-archive .lc-card-panel-inner :where(p, ul, ol) { margin-block: 0.6em; } .lc-expertise-archive .lc-card-panel-inner p:first-child { margin-top: 0; } /* States used by JS to handle closing/opening */ .lc-expertise-archive .lc-card-panel.is-opening, .lc-expertise-archive .lc-card-panel.is-closing { will-change: height; } /* Empty state */ .lc-expertise-archive .lc-empty { opacity: .7; } /* |Problems */ /* |blog grid */ .lc-post-title { margin-bottom: 80px; } .lc-post-body a { text-decoration: underline; } .lc-post-body p, .lc-post-body .gspb_text { font-size: inherit; line-height: inherit; } .lc-all-articles { text-decoration: underline; } /* Grid: 1 col (mobile), 2 cols (≥640px), 3 cols (≥1024px) */ .lc-articles-cards { align-items: start; list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 80px 30px; } @media (min-width: 640px) { .lc-articles-cards { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .lc-articles-cards { grid-template-columns: 1fr 1fr 1fr; } } .lc-article-card { display: grid; gap: 20px; } /* Date small and subtle */ /* Title bold, multi-line, no underline by default */ .lc-article-title { display: inline-block; text-decoration: none; } .lc-article-title:hover, .lc-article-title:focus { text-decoration: underline; outline: none; } .lc-articles-empty { opacity: .7; } .lc-post-date { margin-bottom: 20px; } /* |single */ .line-break { margin-top: 80px; margin-bottom: 80px; border: 1px solid #000; } /* |footer */ footer { padding-top: 80px !important; } footer ul { list-style: none; margin: 0; flex-direction: column; gap: 8px !important; } @media (min-width: 921px) { footer { padding-top: 150px !important; } footer ul { display: flex; flex-direction: row; list-style: none; margin: 0; gap: 12px !important; } } footer ul li a { font-size: .875rem; line-height: 1.125rem; font-weight: 400 !important; } @media (max-width: 1000px) { [data-footer*="type-1"] .ct-footer [data-row*="middle"] [data-column*=copyright] { order: 2; } [data-footer*="type-1"] .ct-footer [data-row*="middle"] [data-column*=widget] { order: 1 } [data-footer*="type-1"] .ct-footer [data-row*="middle"] [data-column*=widget] .gspb_row__content { flex-wrap: nowrap !important; } } /* Floating logo at the bottom of the viewport */ .logo-website { background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } /* .page-id-20 .logo-website, .page-id-289 .logo-website, .privacy-policy .logo-website, .page-id-115 .logo-website, .page-id-225 .logo-website { background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } */ .page-id-20 .logo-website a, .page-id-289 .logo-website a, .privacy-policy .logo-website a, .page-id-115 .logo-website a, .page-id-225 .logo-website a { padding: 60px 0 20px 0; } .logo-website { position: fixed; display: flex; justify-content: center; align-items: center; bottom: 0; left: 0; right: 0; z-index: 9999; } .logo-footer { display: flex; justify-content: center; align-items: center; } .logo-website img, .logo-footer img { max-width: 1920px !important; width: 100%; height: auto; } .logo-website a{ display: flex; justify-content: center; align-items: center; width: 100%; max-width: calc(100% - 32px); padding: 20px 0; } .logo-footer a { display: flex; justify-content: center; align-items: center; width: 100%; } @media (min-width: 690px) { .logo-website a { max-width: calc(100% - 170px); } .logo-footer a { max-width: calc(100% - 86px); } } #daextlwcn-revisit-cookie-consent-container { transition: 500ms all ease; } @media (max-width: 689px) { #daextlwcn-revisit-cookie-consent-container { margin-bottom: 15%; } .offcanvas-open #daextlwcn-revisit-cookie-consent-container { margin-bottom: 15% !important; } } #block-8 { height: 0; }