/*
Theme Name: ECLAG Theme Child
Description: Custom child theme developed for ECLAG by Re.Brand Studio.
Theme URI:   https://rebrandstudio.eu/
Author: Re.Brand Studio
Author URI:  https://rebrandstudio.eu/
Template: salient
Version: 1.0
*/

/* ECLAG Design System — Responsive Section Spacing */

:root {
  --section-space-75: clamp(50px, 2.78vw + 35px, 75px);
  --section-space-100: clamp(60px, 4.44vw + 36px, 100px);
  --section-space-150: clamp(75px, 8.33vw + 30px, 150px);
}

.section-space-75 {
  padding-top: var(--section-space-75) !important;
}

.section-space-100 {
  padding-top: var(--section-space-100) !important;
}

.section-space-150 {
  padding-top: var(--section-space-150) !important;
}

.wpb_row.vc_row:not(.inner_row) {
    margin-bottom: 0 !important;
}

.container-wrap {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* ECLAG Design System — Content Spacing */

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

/* ECLAG Design System - Section Separator */

.blue-separator {
    border-bottom: 0.5px solid #023E8A;
}

.gray-separator {
    border-bottom: 0.5px solid #C5C7C9;
}

/* ECLAG Design System - Key Data Numbers */

.nectar-milestone .number {
  font-family: Figtree;
  font-weight: 800;
}

/* ECLAG Design System — Custom Texts */

.text-emphasis {
    font-family: 'Figtree', sans-serif !important;
    font-size: 1.75rem !important; /* 28px */
    font-weight: 700 !important;
    line-height: 1.357 !important;
}

@media only screen and (max-width: 690px) {
    .text-emphasis {
        font-size: 1.5rem !important; /* 24px */
    }
}

.small-text {
    font-size: 0.75rem !important; /* 12px */
}

.quote {
    font-family: Figtree !important;
	font-size: 3.375rem !important; /* 54px */
	font-weight: 700 !important;
	line-height: 4rem !important; /* 64px */
}

@media only screen and (max-width: 690px) {
    .quote {
        font-size: 2rem !important; /* 32px */
        line-height: 2.625rem !important; /* 42px */
    }
}

/* ECLAG Design System — Accessible Text Hyperlinks */

p a, li a {
    font-weight: 600;
}

p a:hover,
p a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

/* Footer Titles */

.wpb_wrapper h2.vc_custom_heading.footer-title {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 600 !important;
}

/* CTA Banner – Decorative Shape */

.cta-banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100% - 100vw) / 2);
    height: 100%;
    aspect-ratio: 178 / 177;
    background-image: url("https://eclag.eu/wp-content/uploads/2026/09/ECLAG_CTA_Banner_Shape.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

@media only screen and (max-width: 1000px) {
    .cta-banner::after {
    display: none;
    }
}

/* ABOUT THE COALITION — Align Full Width Content
   with standard container */

/* Align left-side text with Salient standard container */

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

    .text-container-left .vc_column-inner {
        padding-left: calc((100vw - 1425px) / 2 + 120px) !important;
        box-sizing: border-box;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 1424px) {

    .text-container-left .vc_column-inner {
        padding-left: 120px !important;
        box-sizing: border-box;
    }

}

/* Align right-side text with standard container */

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

    .text-container-right .vc_column-inner {
        padding-left: 120px !important;
		padding-right: calc((100vw - 1425px) / 2 + 120px) !important;
        box-sizing: border-box;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 1424px) {

    .text-container-right .vc_column-inner {
        padding-left: 120px !important;
		padding-right: 120px !important;
        box-sizing: border-box;
    }

}

@media only screen and (max-width: 999px) {
    .text-container-right .vc_column-inner {
        padding-left: 6% !important;
        padding-right: 6% !important;
        box-sizing: border-box;
    }
}

/* ECLAG Design System — Action Hub Cards */

.arrow-circle-animation-arrow-wrap 
{
	background-color: transparent !important; 
	margin-left: -5%;
}

.action-hub .arrow-circle-animation-arrow, .intro-cards .arrow-circle-animation-arrow {
    fill: #0D254A !important;
}

.action-hub-card > .vc_column-inner {
    aspect-ratio: 1 / 1;
}

@media (max-width: 1300px) {
    .action-hub-card > .vc_column-inner {
        aspect-ratio: auto;
    }
}

/* ECLAG Design System — Member Countries */

.team-member-image {
  display: none;
}

.team-member {
    margin-top: 20px;
	margin-bottom: 5px !important;
	border-bottom: 1px solid #C5C7C9;
}

.team-member:last-child {
    border-bottom: none !important;
}

.team-member h3 {
	margin-left: 6%;
	margin-right: 6%;
	color: #023E8A;
}

.bio-inner h2 {
	color: #023E8A;
}

.nectar_team_member_overlay {
  color: #023E8A;
}

.nectar_team_member_overlay .team_member_picture {
    background-image: url("https://eclag.eu/wp-content/uploads/2026/09/Illustration_ECLAG_1.png") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	  background-color: transparent;
}

@media (min-width: 1000px) {

.nectar_team_member_overlay .team_member_details {
	padding: 4% 60% 4% 10% !important;
	}
	
}

@media (max-width: 1100px) {

.nectar_team_member_overlay .team_member_picture {
   display: none;
}
	
}

/* ECLAG Design System — FAQs */

.toggle-title a {
  color: #0D254A !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.toggle-title i {
  border: none !important;
	color: #000 !important;
}

.toggle-title i::before, .toggle-title i::after {
	background-color: #023E8A !important;
}

/* ECLAG Design System — Myth Cards */

.myth-text, .fact-text  {
    font-size: 1rem !important; /* 16px */
}

.myths-text-column {
    background-color: #0D254A !important;
}

.myths-text-column::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 100% !important;
    width: 100vw !important;
    background-color: #0D254A !important;
}

.myth-card .myth-text {
    min-height: 130px;
}

/* ECLAG Design System — Key Figures Tabs */

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

.wpb_tabs_nav {
  width: 50% !important;
  float: left;
}

.tabbed[data-style*="vertical"] > div {
    width: 50% !important;
  }
	
.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
	padding-left: 6% !important;
	padding-right: 6% !important;
}
	
}

.tab-item {
    background-color: #F3F3ED !important;
	border-radius: 15px !important;
}

.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
  background-color: #F3F3ED;
  box-shadow: 0px 5px 5px rgba(0,0,0,0.1) !important;
}

 .active-tab {
    background-color: #BFF3FD !important;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1) !important;
}

.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
	font-family: Figtree;
    font-weight: 600 !important;
	color: #023E8A !important;
	font-size: 1.25rem !important;
    font-weight: 600 !important;
}

.tabs .nectar-highlighted-text {
    margin-bottom: 25px;
}

/* GET INVOLVED – Hero background shape */

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

.get-involved-hero {
    position: relative;
}

.get-involved-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100% - 100vw) / 2);
    width: 42%;
    height: 100%;
    background-image: url("https://eclag.eu/wp-content/uploads/2026/10/Blue_Vector_Background.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 1;
}

.get-involved-hero > .row_col_wrap_12 {
    position: relative;
    z-index: 2;
}
	
}

/* MAIN MENU – Button text color on transparent header */

#header-outer[data-lhe="default"] #top nav .sf-menu .current_page_item[class*="button_solid_color"] > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a {
    color: #0D254A !important;
}

#header-outer #top nav > ul > li[class*="button_solid_color"] > a .menu-title-text {
    color: #0D254A !important;
}

/* Decorative overlapping rows – prevent blocking underlying links */

.decorative-overlap-row {
    pointer-events: none;
}

/* ECLAG Design System — Document Library Pro */

.barn2-dataview .dataview-container {
 margin-top: 50px !important; 
}

.main-content table {
  background-color: #F3F3ED;
}

body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
  background-color: #F3F3ED;
}

.barn2-dataview table.data-table th {
    border-bottom: 1px solid #C5C7C9 !important;
}

.barn2-dataview table.data-table tr {
  border-bottom: 1px solid #c5c7c9 !important;
}

.barn2-dataview .responsive-control {
 padding-left: 0px !important; 
}

.barn2-dataview.data-view {
  background: transparent !important;
}

.barn2-dataview .data-table tbody td {
    vertical-align: middle !important;
}

.barn2-dataview table.data-table td  {
    padding-top: 20px !important;
	padding-bottom: 20px !important
}

.barn2-dataview .dlp-download-button {
    margin-bottom: 0 !important;
	width: 100%;
}

.barn2-dataview .data-table thead th {
    font-family: "Figtree", sans-serif;
    color: #0D254A;
	font-weight: 600 !important;
}

.barn2-dataview .data-table tbody td.col-title {
    font-family: "Figtree", sans-serif;
    color: #0D254A;
}

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

.barn2-dataview .data-table tbody td.col-title {
    font-size: 20px;
    line-height: 30px;
	padding-right: 5%;
}
	
}

@media only screen and (max-width: 999px) {

.barn2-dataview .data-table tbody td.col-title {
    font-size: 1rem;
	padding-right: 20px;
}
	
}

/* ECLAG Design System — Post Grid and Blogposts */

.nectar-post-grid-filters[data-sortable="yes"] {
  padding-bottom: 0px;
  margin-left: 0px;
}

.nectar-post-grid-filters a {
  color: #023E8A;
  font-weight: 600;
}

.nectar-post-grid-filters a::after {
  height: 100% !important;
  width: 112% !important;
  z-index: -1 !important;
  margin-left: -5% !important;
  border-radius: 5px;
}

@media only screen and (max-width: 999px) {

.post-heading::before {
  display: none !important;
}
	
body.single-post .featured-media-under-header .post-featured-img {
        position: relative !important;
    }
	
}	

.main-content .featured-media-under-header {
  padding: min(6vw,50px) 0;
}

@media (min-width: 1000px) {

.featured-media-under-header__featured-media:not([data-has-img="false"]) {
  margin-top: 50px;
}
	
}

/* Single post headings */

.featured-media-under-header h1, .single-post h2, .single-post h3 {
  color: #023E8A;
}

body.single-post h1 {
    font-size: 3.375rem;
    line-height: 1.15;
}

@media (max-width: 999px) {
    body.single-post h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 690px) {
    body.single-post h1 {
        font-size: 2.124rem;
        line-height: 1.2;
    }
}

#page-header-bg {
  background-color: transparent !important;
}

/* Cookie Banner */

[data-cky-tag="powered-by"] div {
  opacity: 1 !important;
}