.elementor-415 .elementor-element.elementor-element-7470079{--spacer-size:30px;}.elementor-415 .elementor-element.elementor-element-92ebded .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-415 .elementor-element.elementor-element-92ebded .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-415 .elementor-element.elementor-element-92ebded{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-70be4a8 *//* ==========================================
   HERO - ZA MEDIJE
========================================== */

.media-hero{

    max-width:1400px;
    margin:100px auto 120px;

    padding:0 30px;

    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:70px;

    position:relative;
}

.media-hero:after{

    content:"";

    position:absolute;

    right:0;
    top:0;

    width:42%;
    height:100%;

    background:
        linear-gradient(120deg,
        rgba(111,44,145,.04),
        rgba(236,0,140,.02));

    clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);

    z-index:-1;

}

.media-hero-content{

    max-width:620px;

}

.media-hero .section-label{

    display:inline-block;

    margin-bottom:20px;

    color:#7E8AA3;

    font-size:18px;

    font-weight:600;

    letter-spacing:6px;

    text-transform:uppercase;

}

.media-hero h1{

    margin:0;

    font-size:68px;

    line-height:1.05;

    font-weight:700;

    color:#222;

}

.hero-line{

    width:90px;
    height:4px;

    background:#62BB46;

    border-radius:20px;

    margin:35px 0;

}

.media-hero p{

    max-width:520px;

    margin:0;

    font-size:22px;

    line-height:1.8;

    color:#555;

}

.media-hero-image{

    position:relative;
    text-align:right;

}

.media-hero-image img{

    width:100%;
    max-width:520px;

    display:block;
    margin-left:auto;

}

@media(max-width:1100px){

.media-hero{

grid-template-columns:1fr;

text-align:center;

gap:50px;

}

.media-hero-content{

margin:auto;

}

.hero-line{

margin:30px auto;

}

.media-hero p{

margin:auto;

}

.media-hero-image{

text-align:center;

}

.media-hero-image img{

margin:auto;

}

.media-hero:after{

display:none;

}

}

@media(max-width:768px){

.media-hero{

margin:70px auto;

padding:0 20px;

}

.media-hero h1{

font-size:44px;

}

.media-hero p{

font-size:18px;

}

.media-hero .section-label{

font-size:16px;

letter-spacing:5px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9619a8 *//* ==========================================
   MEDIA KIT
========================================== */

.media-kit-section{

    max-width:1280px;
    margin:120px auto;
    padding:0 30px;

}

.media-kit-header{

    max-width:900px;
    margin:0 auto 70px;
    text-align:center;

}

.media-kit-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.media-card{

    display:flex;
    flex-direction:column;

    padding:42px;

    background:#fff;

    border-radius:20px;

    border-top:5px solid #6F2C91;

    text-decoration:none;

    color:inherit;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

    transition:.35s;

}

.media-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(0,0,0,.10);

}

.media-card.green{

    border-top-color:#62BB46;

}

.media-card.purple{

    border-top-color:#6F2C91;

}

.media-card.pink{

    border-top-color:#EC008C;

}

/* ---------- */

.media-icon{

    width:72px;
    height:72px;

    border-radius:50%;

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

    margin-bottom:28px;

}

.media-card.green .media-icon{

    background:#eef8e8;
    color:#62BB46;

}

.media-card.purple .media-icon{

    background:#f4eefb;
    color:#6F2C91;

}

.media-card.pink .media-icon{

    background:#fdebf6;
    color:#EC008C;

}

.media-icon svg{

    width:34px;
    height:34px;

}

/* ---------- */

.media-card h3{

    margin:0 0 18px;

    line-height:1.2;

}

.media-card p{

    margin:0;

    line-height:1.8;

    color:#666;

    flex:1;

}

.media-download{

    display:inline-block;

    margin-top:30px;

    color:#62BB46;

    font-weight:600;

}

/* ---------- */

@media (max-width:1024px){

    .media-kit-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .media-kit-section{

        margin:80px auto;
        padding:0 20px;

    }

    .media-kit-grid{

        grid-template-columns:1fr;

    }

    .media-card{

        padding:30px;

    }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-11520340 *//* ==========================================
   PRESS RELEASES
========================================== */

.press-releases-grid{

    max-width:1200px;
    margin:80px auto;

    display:flex;
    flex-direction:column;

    gap:30px;

}

.press-card{

    display:grid;

    grid-template-columns:90px minmax(0,1fr) auto;

    align-items:center;

    gap:35px;

    padding:35px 40px;

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:22px;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    transition:all .35s ease;

    box-sizing:border-box;

}

.press-card:hover{

    transform:translateY(-6px);

    box-shadow:0 22px 50px rgba(0,0,0,.10);

}

/* ==========================================
   IKONE
========================================== */

.press-icon{

    width:72px;
    height:72px;

    border-radius:50%;

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

    flex-shrink:0;

}

.press-icon svg{

    width:34px;
    height:34px;

    display:block;

    fill:#fff;

}

/* Barve ikon */

.press-icon.green{
    background:#62BB46;
}

.press-icon.purple{
    background:#6F2C91;
}

.press-icon.pink{
    background:#EC008C;
}

.press-icon.blue{
    background:#7E8AA3;
}

.press-icon.dark{
    background:#555;
}

/* ==========================================
   VSEBINA
========================================== */

.press-content{

    min-width:0;

}

.press-label{

    margin-bottom:10px;

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:3px;

}

/* Barve oznak */

.press-label.green{
    color:#62BB46;
}

.press-label.purple{
    color:#6F2C91;
}

.press-label.pink{
    color:#EC008C;
}

.press-label.blue{
    color:#7E8AA3;
}

.press-label.dark{
    color:#444;
}

.press-content h3{

    margin:0 0 12px;

    color:#222;

    line-height:1.2;

    word-break:break-word;

}

.press-content p{

    margin:0;

    color:#666;

    line-height:1.7;

}

/* ==========================================
   DESNI DEL
========================================== */

.press-right{

    min-width:170px;

    text-align:right;

}

.press-date{

    margin-bottom:25px;

    color:#7E8AA3;

    font-size:18px;

    font-weight:600;

}

.press-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:16px 28px;

    background:#62BB46;

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.press-button:hover{

    background:#54A63D;

    color:#fff;

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:900px){

    .press-card{

        grid-template-columns:1fr;

        text-align:center;

        gap:25px;

        padding:30px;

    }

    .press-icon{

        margin:0 auto;

    }

    .press-right{

        min-width:0;

        text-align:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-988dad0 *//* ==========================================
   BIOGRAFIJA
========================================== */

.bio-section{

    max-width:1280px;

    margin:120px auto;

    padding:0 30px;

}

.bio-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.bio-content{

    max-width:700px;

}

.bio-content h1{

    margin:0;

    font-size:56px;

    line-height:1.15;

    font-weight:700;

    color:#222;

}

.bio-line{

    width:70px;

    height:4px;

    background:#62BB46;

    border-radius:20px;

    margin:32px 0 40px;

}

.bio-content p{

    margin:0 0 26px;

    color:#555;

    line-height:1.9;

    font-size:18px;

}

.bio-image{

    position:relative;

}

.bio-image img{

    width:100%;

    display:block;

    border-radius:24px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.bio-image:before{

    content:"";

    position:absolute;

    inset:-25px;

    background:linear-gradient(135deg,
        rgba(98,187,70,.08),
        rgba(111,44,145,.05),
        rgba(236,0,140,.04));

    border-radius:36px;

    z-index:-1;

}

@media(max-width:1024px){

.bio-grid{

grid-template-columns:1fr;

gap:60px;

}

.bio-image{

max-width:650px;

margin:auto;

}

}

@media(max-width:768px){

.bio-section{

margin:80px auto;

padding:0 20px;

}

.bio-content h1{

font-size:40px;

}

.bio-content p{

font-size:17px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef81dbb */.gallery-header{
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a748108 *//* ==========================================
   MEDIA CONTACT
========================================== */

.media-contact{

    max-width:1280px;

    margin:120px auto;

    padding:40px 50px;

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:22px;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    display:grid;

    grid-template-columns:90px 1fr auto auto;

    align-items:center;

    gap:40px;

}

/* ---------------------------------- */

.media-contact-icon{

    width:72px;
    height:72px;

    border-radius:50%;

    background:#f4eefb;

    color:#6F2C91;

    display:flex;

    align-items:center;

    justify-content:center;

}

.media-contact-icon svg{

    width:34px;
    height:34px;

}

/* ---------------------------------- */

.media-contact-content h2{

    margin:0 0 12px;

    color:#222;

}

.media-contact-content p{

    margin:0;

    color:#666;

    line-height:1.8;

    max-width:520px;

}

/* ---------------------------------- */

.media-contact-info{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.media-contact-item{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#222;

    font-weight:600;

    transition:.3s;

}

.media-contact-item:hover{

    color:#6F2C91;

}

.media-contact-item svg{

    width:22px;
    height:22px;

    color:#6F2C91;

}

/* ---------------------------------- */

.media-contact-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    background:#62BB46;

    color:#fff;

    text-decoration:none;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

    white-space:nowrap;

}

.media-contact-button:hover{

    background:#54A63D;

    color:#fff;

    transform:translateY(-2px);

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:1100px){

    .media-contact{

        grid-template-columns:80px 1fr;

        gap:30px;

    }

    .media-contact-info{

        grid-column:2;

    }

    .media-contact-action{

        grid-column:2;

    }

}

@media (max-width:768px){

    .media-contact{

        margin:80px auto;

        padding:30px 25px;

        grid-template-columns:1fr;

        text-align:center;

        gap:25px;

    }

    .media-contact-icon{

        margin:auto;

    }

    .media-contact-content p{

        max-width:none;

    }

    .media-contact-info{

        align-items:center;

    }

    .media-contact-button{

        width:100%;

    }

}/* End custom CSS */