/* =========================================================
   INVESTITIONAL - HEADER COMUN PORTOFOLII
   VERSIUNE STABILA 28 AUGUST 2026

   Se aplica EXCLUSIV sectiunii marcate de JS:
   .inv-portfolio-hero

   Nu modifica Articles.
   ========================================================= */


/* =========================================================
   1. HEADER - FUNDAL
   ========================================================= */

.sppb-section.inv-portfolio-hero{
    position:relative !important;
    overflow:hidden !important;

    padding-top:54px !important;
    padding-bottom:54px !important;

    background:
        linear-gradient(
            rgba(0,0,0,.48),
            rgba(0,0,0,.48)
        ),
        url('/images/grafica/penny.jpg')
        center center / cover
        no-repeat !important;

    background-color:#090909 !important;

    /*
     * Important pentru iPad/iPhone:
     * nu lasam vechiul parallax fixed sa intervina.
     */
    background-attachment:scroll !important;

    background-blend-mode:normal !important;

    box-shadow:none !important;
}


/* =========================================================
   2. OPRIM OVERLAY-UL VECHI SP PAGE BUILDER

   Acesta este stratul care pastra tenta teal.
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-row-overlay,

.sppb-section.inv-portfolio-hero
> .sppb-row-overlay{
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    opacity:0 !important;

    pointer-events:none !important;
}


/* Eliminam eventualele pseudo-straturi din incercarile vechi */

.sppb-section.inv-portfolio-hero::before,
.sppb-section.inv-portfolio-hero::after{
    content:none !important;
    display:none !important;
}


/* =========================================================
   3. CONTINUTUL HEADERULUI
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-row-container,

.sppb-section.inv-portfolio-hero
.sppb-container-inner,

.sppb-section.inv-portfolio-hero
.sppb-row{
    position:relative !important;
    z-index:3 !important;
}


/* =========================================================
   4. COLOANELE NU MAI AU FUNDAL ALB
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-column,

.sppb-section.inv-portfolio-hero
.sppb-column-addons,

.sppb-section.inv-portfolio-hero
.sppb-addon-wrapper{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    box-shadow:none !important;
}


/* =========================================================
   5. CARD STANGA
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block{
    padding:28px 30px !important;

    background:rgba(3,3,3,.94) !important;
    background-color:rgba(3,3,3,.94) !important;
    background-image:none !important;

    border:1px solid rgba(212,175,55,.14) !important;
    border-radius:2px !important;

    color:#F7F5EF !important;

    box-shadow:none !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;
}


/* =========================================================
   6. SCOATEM BANDA ALBA / GRADIENTUL "ARATA MAI MULT"

   In interiorul Text Block nu avem nevoie de niciun
   background individual.
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
.sppb-addon-content,

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
.sppb-addon-content *{
    background-color:transparent !important;
    background-image:none !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;
}


/* Containere posibile pentru Show More */

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[class*="readmore"],

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[class*="read-more"],

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[class*="show-more"],

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[class*="showmore"],

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[class*="expand"]{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;

    box-shadow:none !important;
}


/* Daca gradientul este pus inline */

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[style*="linear-gradient"],

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block
[style*="background-image"]{
    background-image:none !important;
}


/* =========================================================
   7. TEXT CARD STANGA
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block h1,

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block h2,

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block h3,

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block h4{
    color:#FFFFFF !important;
}


.sppb-section.inv-portfolio-hero
.sppb-addon-text-block p{
    color:#E2E0DC !important;
}


.sppb-section.inv-portfolio-hero
.sppb-addon-text-block strong,

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block b{
    color:#FFFFFF !important;
}


/* Arata mai mult */

.sppb-section.inv-portfolio-hero
.sppb-addon-text-block a{
    color:#C79A3B !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    text-decoration:none !important;
    font-weight:700 !important;

    box-shadow:none !important;
}


/* =========================================================
   8. CARD DREAPTA
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
.sppb-addon,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2)
.sppb-addon,

.sppb-section.inv-portfolio-hero
.sppb-addon-module{
    background:rgba(3,3,3,.96) !important;
    background-color:rgba(3,3,3,.96) !important;
    background-image:none !important;

    border:1px solid rgba(212,175,55,.14) !important;
    border-radius:2px !important;

    box-shadow:none !important;
}


/* Continut interior modul */

.sppb-section.inv-portfolio-hero
.sppb-addon-module
.sppb-addon-content,

.sppb-section.inv-portfolio-hero
.sppb-addon-module
.custom{
    background:transparent !important;
    background-color:transparent !important;
}


/* =========================================================
   9. BARA "PORTOFOLIU CURENT"
   GALBEN -> AURIU
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
[style*="yellow"],

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
[style*="Yellow"],

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
[style*="#ffff00"],

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
[style*="#FFFF00"],

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
[style*="rgb(255, 255, 0)"],

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
[style*="255,255,0"]{
    background:#C79A3B !important;
    background-color:#C79A3B !important;
    background-image:none !important;

    color:#111111 !important;
}


/* Daca este caption */

.sppb-section.inv-portfolio-hero
table caption{
    background:#C79A3B !important;
    background-color:#C79A3B !important;

    color:#111111 !important;

    font-weight:700 !important;
}


/* =========================================================
   10. TABEL PREVIEW
   ========================================================= */

.sppb-section.inv-portfolio-hero table{
    width:100% !important;

    background:#080808 !important;
    background-color:#080808 !important;

    color:#F7F5EF !important;

    border-color:rgba(212,175,55,.18) !important;
}


.sppb-section.inv-portfolio-hero table thead,

.sppb-section.inv-portfolio-hero table th{
    background:#171717 !important;
    background-color:#171717 !important;

    color:#D4AF37 !important;

    border-color:rgba(212,175,55,.40) !important;
}


.sppb-section.inv-portfolio-hero table td{
    background:#080808 !important;
    background-color:#080808 !important;

    color:#F7F5EF !important;

    border-color:rgba(212,175,55,.18) !important;
}


/* =========================================================
   11. DESCOPERA PORTOFOLIU
   VERDE -> AURIU
   ========================================================= */

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2) .btn,

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2) .sppb-btn,

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2) .btn-success,

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2) .btn-primary,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2) .btn,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2) .sppb-btn,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2) .btn-success,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2) .btn-primary{
    background:#C79A3B !important;
    background-color:#C79A3B !important;

    color:#FFFFFF !important;

    border:1px solid #C79A3B !important;
    border-radius:2px !important;

    box-shadow:none !important;
}


/* Daca butonul are verde inline */

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2)
a[style*="background"],

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2)
a[style*="background"]{
    background:#C79A3B !important;
    background-color:#C79A3B !important;

    color:#FFFFFF !important;

    border-color:#C79A3B !important;
}


/* Hover */

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2) .btn:hover,

.sppb-section.inv-portfolio-hero
.sppb-row > div:nth-child(2) .sppb-btn:hover,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2) .btn:hover,

.sppb-section.inv-portfolio-hero
.sppb-row > [class*="sppb-col-"]:nth-child(2) .sppb-btn:hover{
    background:#D4AF37 !important;
    background-color:#D4AF37 !important;

    color:#111111 !important;

    border-color:#D4AF37 !important;
}


/* =========================================================
   12. TABLETA / IPAD
   ========================================================= */

@media(max-width:1100px){

    .sppb-section.inv-portfolio-hero{
        padding-top:42px !important;
        padding-bottom:42px !important;

        background-attachment:scroll !important;
        background-position:center center !important;
    }
}


/* =========================================================
   13. MOBIL
   ========================================================= */

@media(max-width:600px){

    .sppb-section.inv-portfolio-hero{
        padding-top:28px !important;
        padding-bottom:28px !important;
    }


    .sppb-section.inv-portfolio-hero
    .sppb-addon-text-block{
        padding:22px 20px !important;
    }
}