/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* troca de logos */
.home #logo img.stnd,
.home #logo img.mobile-only-logo {
    content: url('/wp-content/uploads/2026/06/relab-logo-dark.svg');
}

body:not(.home) #logo img.stnd,
body:not(.home) #logo img.mobile-only-logo {
    content: url('/wp-content/uploads/2026/08/relab-logo-white-V2.svg');
}

#header-outer.side-widget-open #logo img {
    content: url('/wp-content/uploads/2026/06/relab-logo-dark.svg') !important;
}





body #header-outer, body[data-header-color="dark"] #header-outer {
    background-color: transparent !important;
}

#header-outer[data-box-shadow="large"] {
	box-shadow: none !important;
}


.titulo-banner-homepage-1, .titulo-banner-homepage-2 {
    font-size: 70px;
    font-family: "Zalando Sans SemiExpanded", sans-serif;
	color:#fff;
}

.titulo-banner-homepage-1 {
	padding-right:8%;
}
.titulo-banner-homepage-2 {
	padding-left:8%;
}

.nectar-milestone .number .symbol-wrap, .nectar-milestone .number, .milestone-m .number::after {
    color: #FF531F !important;
font-family: "Zalando Sans Expanded", sans-serif  !important;
	font-size:35px !important;
	font-weight:600 !important;
	line-height: 40px !important;
}

.text-big-numbers p  {
    font-size: 15px;
}

.milestone-m .number::after {
    content: " M";
}

.milestone-sqm-1 .number::after,
.milestone-sqm-2 .number::after {
    content: " sq.m";
}

.milestone-assets .number::after {
    content: " assets";
}

.milestone-sqm-1 .number::after,
.milestone-sqm-2 .number::after,
.milestone-assets .number::after {
    font-size: 15px;
    font-weight: normal;
    margin-left: 4px;
    color: #1B2936;
}

.nectar-milestone .wpb_wrapper>div {
    margin-bottom: 0px !important;
}

.text-big-numbers + .nectar-milestone, .nectar-milestone {
    margin-bottom: 0 !important;
}

.cta-glass {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 30px;
    border-radius: 15px;
    color: #1B2936 !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
	font-family: "Zalando Sans Expanded", sans-serif  !important;
    background: #ffffff00;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow:
        inset 0 0 1px rgba(255,255,255,0.9),
        inset 0 1px 3px rgba(255,255,255,0.4);
    transition: all .3s ease;
}

.cta-glass::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(
        45deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.65) 20%,
        rgba(255,255,255,0.65) 80%,
        rgba(255,255,255,0) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.cta-glass:hover {
    color: #fff !important;
    background: #FF531F99;
    transform: translateY(-2px);
    box-shadow:
        inset 0 0 1px rgba(255,255,255,1),
        inset 0 1px 4px rgba(255,255,255,0.5);
}
/**/

.text-footer p, .text-footer a {
    font-size: 14px !important;
	color:#1B2936 !important;
}

img.img-with-animation.icon-arrow-banner-homepage.skip-lazy {
    top: 22vh;
}
.material .area-slide-project .wpb_content_element {
    margin-bottom: 5px !important;
}

.titulo-slider-project {
    color: #B9C1C3;
	margin-bottom: 3px !important;
}

.titulo-slider-project,
.texto-slider-project {
    font-size: 18px;
}

.area-slide-project .nectar-flickity,
.area-slide-project .flickity-slider,
.area-slide-project .cell,
.area-slide-project .cell .inner-wrap-outer,
.area-slide-project .cell .inner-wrap,
.area-slide-project .img-with-aniamtion-wrap,
.area-slide-project .img-with-aniamtion-wrap .inner,
.area-slide-project .hover-wrap,
.area-slide-project .hover-wrap-inner {
    height: 340px !important;
}

.area-slide-project img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.area-slide-project .cell {
    width: 42% !important;
    height: 335px !important;
    transition: transform 0.35s ease;
}

.area-slide-project .cell .inner-wrap-outer,
.area-slide-project .cell .inner-wrap,
.area-slide-project .img-with-aniamtion-wrap,
.area-slide-project .img-with-aniamtion-wrap .inner,
.area-slide-project .hover-wrap,
.area-slide-project .hover-wrap-inner {
    height: 100% !important;
}

.area-slide-project .cell.is-selected {
    transform: scale(1.18);
    z-index: 2;
}

.area-slide-project .flickity-slider {
    display: flex;
    align-items: center;
}

.area-slide-project .flickity-viewport {
    height: 380px !important;
    overflow: hidden;
}
#top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    height: 45px;
	
}

/* body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
	background: rgba(185, 193, 195, 0.48);
  border-radius: 5px;
  backdrop-filter: blur(2.3px);
  -webkit-backdrop-filter: blur(2.3px);
} */

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
	background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#slide-out-widget-area .menu li {
    text-align: center !important;
}

#slide-out-widget-area .menu li a {
    justify-content: center;
    text-align: center;
}

#slide-out-widget-area.fullscreen-split .inner-wrap > .inner .off-canvas-menu-container li a {
	color:#1B2936 !important;
	font-size: 44px;
	  font-family: "Zalando Sans Expanded", sans-serif;
  font-weight: 300;
}

#slide-out-widget-area.fullscreen-split .inner-wrap > .inner .off-canvas-menu-container li a:hover, #slide-out-widget-area.fullscreen-split .inner-wrap > .inner .off-canvas-menu-container li a:active{
	color:#FF531F !important;
}

#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:after {
	border-color: transparent;
}


/******/
/* =========================
   RELAB FULLSCREEN MENU
   ========================= */
/* RELAB fullscreen menu */
#slide-out-widget-area.fullscreen-split,
#slide-out-widget-area.fullscreen-split .inner-wrap {
    background: #FAFAF6 !important;
}

#slide-out-widget-area.fullscreen-split {
    position: relative;
    overflow: hidden;
}

#slide-out-widget-area.fullscreen-split .right-side {
    display: none !important;
}

#slide-out-widget-area.fullscreen-split .left-side {
    width: 100% !important;
}

#slide-out-widget-area.fullscreen-split .inner-wrap {
    min-height: 100vh;
    padding: 0 !important;
}

#slide-out-widget-area.fullscreen-split .container {
    width: 100%;
    max-width: none;
    padding: 40px 48px;
}

/* menu centrado */
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#slide-out-widget-area.fullscreen-split .menu {
    text-align: center;
}

#slide-out-widget-area.fullscreen-split .menu li {
    margin: 0 0 24px 0;
}

#slide-out-widget-area.fullscreen-split .menu li:last-child {
    margin-bottom: 0;
}

#slide-out-widget-area.fullscreen-split .menu li a {
    font-size: 58px;
    line-height: 1.15;
    font-weight: 400;
    color: #1f3042;
}

#slide-out-widget-area.fullscreen-split .menu li a:hover,
#slide-out-widget-area.fullscreen-split .menu li.current-menu-item > a {
    color: #ff5722 !important;
}

/* fechar */
#slide-out-widget-area .slide_out_area_close {
    top: 40px;
    right: 48px;
    z-index: 20;
}

/* imagem canto superior esquerdo */
#slide-out-widget-area.fullscreen-split::before {
    content: "";
    position: absolute;
    top: 200px;
    left: 48px;
    width: 230px;
    height: 185px;
    border-radius: 20px;
    background: url('/wp-content/uploads/2026/06/relab-menu-1.png') center / cover no-repeat;
    z-index: 1;
}

/* imagem canto inferior direito */
#slide-out-widget-area.fullscreen-split::after {
    content: "";
    position: absolute;
    right: 48px;
    bottom: 48px;
    width: 230px;
    height: 185px;
    border-radius: 20px;
    background: url('/wp-content/uploads/2026/06/relab-menu-2.png') center / cover no-repeat;
    z-index: 1;
}

#slide-out-widget-area.fullscreen-split .off-canvas-menu-container {
    z-index: 10;
}

/* mobile */
@media (max-width: 768px) {
    #slide-out-widget-area.fullscreen-split .container {
        padding: 28px;
    }

    #slide-out-widget-area.fullscreen-split .menu li a {
        font-size: 38px;
    }

    #slide-out-widget-area .slide_out_area_close {
        right: 24px;
    }

    #slide-out-widget-area.fullscreen-split::before {
        width: 170px;
        height: 135px;
        top: 110px;
        left: 24px;
    }

    #slide-out-widget-area.fullscreen-split::after {
        width: 170px;
        height: 135px;
        right: 24px;
        bottom: 28px;
    }
}

.itens-menu-relab {
    margin-bottom: 60px !important;
}

/****/

.down-banner {
    position: relative;
    overflow: hidden;

    width: 50px;
    height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

  /**  background: rgba(185, 193, 195, 0.48);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow:
        inset 0 0 1px rgba(255,255,255,0.9),
        inset 0 1px 3px rgba(255,255,255,0.4);**/

    text-decoration: none;
    transition: all .3s ease;
}

/* border glass 
.down-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;

    background: linear-gradient(
        45deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.65) 20%,
        rgba(255,255,255,0.65) 80%,
        rgba(255,255,255,0) 100%
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}*/

/* seta */
.down-banner::after {
    content: "";
    width: 15px;
    height: 15px;

    border-right: 3px solid #FF531F;
    border-bottom: 3px solid #FF531F;

    transform: rotate(45deg) translate(-2px, -2px);

    transition: all .3s ease;
}

/* hover */
.down-banner:hover {
    /**background: rgba(255, 83, 31, 0.6);**/
    transform: translateY(3px);
}

.down-banner:hover::after {
    width: 20px;
    height: 20px;

    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;

    transform: rotate(45deg) translate(-2px, -2px);
}

.icon-arrow-banner-homepage a {
    top: 22vh;
    left: 50%;
}

.texto-slider-project a {
    color: #1b2936 !important;
}

.relab-titulos-strat-value strong {
    font-family: "Zalando Sans Expanded", sans-serif !important;
}

/* mobile */

@media only screen and (max-width: 700px) {
h5 {
    font-size: 24px !important;
    line-height: 34px !important;
}
p {
	font-size:18px !important;
}	

.titulo-banner-homepage-2 {
	padding-left: 0% !important;
}

.titulo-banner-homepage-1 {
	padding-right: 0% !important;
}	
	
.titulo-banner-homepage-1 p, .titulo-banner-homepage-2 p {
	font-size: 45px !important;
}	
	
.icon-arrow-banner-homepage a {
    left: 40% !important;
}	

#slide-out-widget-area.fullscreen-split::after, #slide-out-widget-area.fullscreen-split::before {
	width: 120px !important;
    height: 120px !important;	
}
#slide-out-widget-area.fullscreen-split .inner-wrap > .inner .off-canvas-menu-container li a {
	font-size: 29px  !important;	
}	
	
.itens-menu-relab {
    margin-bottom: 35px !important;
}	
	
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container {
   top: 85% !important;
}
	
#slide-out-widget-area.fullscreen-split::after {
	right: 50px !important;
}	

#slide-out-widget-area.fullscreen-split::before {
	top: 140px !important;	
}	
	
.nectar-milestone .number .symbol-wrap, .nectar-milestone .number, .milestone-m .number::after {
	font-size:35px !important;
}	
	
.relab-titulo-banner-about-us {
	margin-left: 5% !important;		
}	

.relab-tabs-about-us .wpb_tabs_nav {
    background: transparent !important;
}

.material .relab-area-slide-project .wpb_content_element, .material .relab-area-slide-project .wpb_row {
    margin-bottom: 5px !important;
}	
	
}

/* fundo glass - MENU
body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(185, 193, 195, 0.48);
    border-radius: 5px;

    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);

    pointer-events: none;
}*/

/* border só canto sup. esquerdo + inf. direito 
body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 5px;
    padding: 1px;

    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.75) 0%,
        rgba(255,255,255,0.75) 22%,
        rgba(255,255,255,0) 38%,
        rgba(255,255,255,0) 62%,
        rgba(255,255,255,0.75) 78%,
        rgba(255,255,255,0.75) 100%
    );

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}*/

/* garantir que as barras ficam por cima e centradas */
body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a > span {
    position: relative;
    z-index: 2;
}

a.closed {
    padding: 17px !important;
}

#header-outer::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 155px;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,.50) 0%,
        rgba(0,0,0,.25) 45%,
        rgba(0,0,0,0) 100%
    );
}

#header-outer #top .slide-out-widget-area-toggle[data-custom-color=true] a {
	padding: 18px !important;
}
div#header-outer{
	transform:none !important;
}
/*equipa*/
.team-section,
.team-section * {
    box-sizing: border-box;
}

.team-section {
    width: 100%;
    font-family: "Zalando Sans Expanded", sans-serif !important;
}

.team-card {
    position: relative;
    width: 100%;
    max-width: 400px !important;
    min-height: 540px !important;
    overflow: hidden;
    border-radius: 8px;
    background: #222;
}

.team-card__image {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.team-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 45%,
        rgba(0, 0, 0, 0.4) 100%
    );
    pointer-events: none;
}

.team-card__image img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
    transition:
        filter 500ms ease,
        transform 600ms ease;
}

.team-card__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: 28px;
    color: #fff;
    pointer-events: none;
}

.team-card__content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to bottom,
        rgba(255, 83, 31, 0) 10%,
        rgba(255, 83, 31, 0.04) 22%,
        rgba(255, 83, 31, 0.1) 34%,
        rgba(255, 83, 31, 0.22) 46%,
        rgba(255, 83, 31, 0.42) 58%,
        rgba(255, 83, 31, 0.68) 72%,
        rgba(255, 83, 31, 0.88) 86%,
        #ff531f 100%
    );
    opacity: 0;
    transform: translateY(15%);
    transition:
        opacity 450ms ease,
        transform 550ms ease;
}

.team-card__info {
    position: relative;
    z-index: 1;
    width: 100%;
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 400ms ease,
        transform 450ms ease;
}

.team-card__info h3 {
    margin: 0 0 8px;
    color: #fff;
    font-family: "Zalando Sans Expanded", sans-serif !important;
    font-size: clamp(20px, 4vw, 28px) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

.team-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.team-card__meta span {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
}

.team-card__linkedin {
    flex: 0 0 auto;
    display: block;
    width: 28px;
    height: 28px;
    pointer-events: auto;
    transition: transform 250ms ease;
}

.team-card__linkedin:hover {
    transform: scale(1.08);
}

.team-card__linkedin img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-card__info p {
    max-width: 32ch;
    margin: 0;
    color: #fff;
    font-size: 12px !important;
    line-height: 1.55;
}

.team-card__toggle {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 4;

    display: grid;
    width: 46px;
    height: 46px;
    padding: 0;
    place-items: center;

    border: 0;
    background: transparent;
    cursor: pointer;

    transition:
        transform 300ms ease,
        opacity 300ms ease;
}

.team-card__toggle img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team-card__toggle:hover {
    transform: scale(1.06);
}

.team-card__toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.team-card.is-open .team-card__image img {
    filter: grayscale(0);
    transform: scale(1.025);
}

.team-card.is-open .team-card__content::before {
    opacity: 1;
    transform: translateY(0);
}

.team-card.is-open .team-card__info {
    opacity: 1;
    transform: translateY(0);
}

.team-card.is-open .team-card__toggle {
   opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: rotate(45deg);
}

@media (min-width: 768px) {
    .team-card {
        min-height: 560px;
    }

    .team-card__content {
        padding: 34px;
    }
}

@media (max-width: 480px) {
    .team-card {
        max-width: none;
        min-height: 540px;
    }

    .team-card__content {
        padding: 28px;
    }

    .team-card__info h3 {
        font-size: 25px;
    }

    .team-card__meta span {
        font-size: 15px;
    }

    .team-card__linkedin {
        width: 28px;
        height: 28px;
    }

    .team-card__info p {
        font-size: 17px;
        line-height: 1.5;
    }
}

@media (prefers-reduced-motion: reduce) {
    .team-card *,
    .team-card *::before,
    .team-card *::after {
        transition: none !important;
    }
}

/* coockie banner */
.cmplz-documents.cmplz-links {
  display: none !important;
}


@media screen and (min-width: 2350px) {

body #header-outer, body #header-space {
    max-width: none !important;
}

}