@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {font-family: 'Roboto', sans-serif; font-size:14px; margin:0; padding:0; background: #FAFAFA !important; color:#3E4551; overflow-x:hidden}

 
#mobile-menu {margin:0; padding:0; background: #FAFAFA;   position:relative; left:0; right:0; top:58px; z-index:99999 ; display:none; } 
#mobile-menu ul {margin:0; padding:0;}
#mobile-menu ul  li {margin:0; padding:0; display:block}
#mobile-menu ul  li a {  display:block; padding:10px 30px; border-top:1px solid #ddd; font-weight: bold; text-transform:uppercase}

a.submenu { text-transform: none !important; font-size:13px; padding:10px 30px 10px 50px !important;}

.lead {font-size:18px !important; line-height: 24px; color:#000 !important }

.desktop-floater-wrapper { display:none; position:fixed; left:0; top:60px; right:0; bottom:0; background: rgba(0,0,0,0.8); z-index:9999999 ;}

.desktop-floater  { position:absolute; width:100%; height:auto; z-index:99999999999;   top: 0px; text-align: center;
     
    overflow:hidden !important;
    }

a#close-floater { position:relative; display:block; width:100%; text-align:center ;padding:10px 20px; font-size:24px; background:#222; color:#fff; z-index:9999999999999999999999999999 !important}
a#close-floater:hover { position:relative;display:block; width:100%;  text-align:center ;padding:10px 20px; font-size:24px; background:#222; color:#e94e1b;  z-index:9999999999999999999999999999 !important }

/* MAIN COLORS ______________________________________________ */

.white-color { color:#fff;}
.white-color-bg { background: #fff !important;}

.main-color { color: #193144; }
.main-color-bg { background: #193144;}

.light-color { color: #1172ac; }
.light-color-bg { background: #1172ac;}

.orange-color { color:#e94e1b; }
.orange-color-bg { background:#e94e1b; }

.style-color-bg { background: #3E4551;}
.stylish-color-bg { background: #313740;}

/* CATEGORY COLORS ______________________________________________ */

.aktualno-bg { background: #e94e1b;}
.aktualno, .aktualno-color {color:#e94e1b;}
.aktualno-border-left {border-left:4px solid #e94e1b;}
.aktualno-border-top {border-top:2px solid #e94e1b;}

.sport-bg { background: #e94e1b;;}
.sport-color {color:#e94e1b;}
.sport-border-left {border-left:4px solid #e94e1b;}
.sport-border-top {border-top:2px solid #e94e1b;}

.scena-bg { background: #e94e1b;}
.scena-color {color:#e94e1b;}
.scena-border-left {border-left:4px solid #e94e1b;}
.scena-border-top {border-top:2px solid #e94e1b;}

.magazin-bg { background: #e94e1b;;}
.magazin-color {color:#e94e1b;}
.magazin-border-left {border-left:4px solid #e94e1b;}
.magazin-border-top {border-top:2px solid ##e94e1b;}

.kultura-bg { background: #e94e1b;;}
.kultura-color {color:#e94e1b;}
.kultura-border-left {border-left:4px solid #e94e1b;}
.kultura-border-top{border-top:2px solid #e94e1b;}

.kolumne-bg { background: #e94e1b;;}
.kolumne-color {color:#e94e1b;}
.kolumne-border-left {border-left:4px solid #e94e1b;}
.kolumne-border-top{border-top:2px solid #e94e1b;}

.plus-border-top {border-top:2px solid #e94e1b}

.grey-color-bg { background: #FAFAFA;}


/* MAIN COLORS ______________________________________________ */

/* COMMON STYLES ______________________________________________ */

 

.article-content { line-height: 26px; font-size:16px;}
a   { color:#434853 }
a:hover   {color:#000 }

#article-sadrzaj a {color:#1172ac !important; font-weight:bold !important;}

#article-main-content img {width:100% !important;  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;}

 

.f900 { font-weight:900}

.category-title {border-left:4px solid #e94e1b}
.category-links {margin-top:-5px !important}
.category-links a {opacity: 0.8}
.dropdown-menu a {font-size:12px;}

.nom {margin:0;}

hr.orange {border-top:1px solid #e94e1b !important }



.nadnaslov { color:#fff;   ; text-transform: uppercase; font-weight:500}
.nadnaslov.small {font-size:12px;}

.overlay {position:absolute; left:0; top:0; right:0; bottom:0; background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(53,58,66,0.8) 100%);}
.overlay:hover,   .news-item:hover .overlay { background: linear-gradient(180deg, rgba(17,114,172,0) 0%, rgb(37, 37, 37) 100%);}

a:hover { text-decoration: none !important;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin:20px 0px !important }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.facebook-share {color:#3B5998}
.twitter-share {color:#1DA1F2}
.at-share {color:#e94e1b}

.page-item a {color: #193144;}
.page-item a:hover {color:#e94e1b}

.page-item.active a {background: #193144 !important; border: 1px solid #193144 !important;  color:#fff;}
.page-item a:hover {color:#e94e1b}



/* COMMON STYLES ______________________________________________ */


/* HEADER ______________________________________________ */

#header-wrapper { position:fixed; left:0; top:0; right:0; z-index:999999999999999  }

#portal-top-banner-wrapper {padding-top:70px !important;}

#header-wrapper {}
    #header-wrapper ul {margin:0; padding:0;}
        #header-wrapper ul li {margin:0; padding:0; display:inline;}
            #header-wrapper ul li a {display:inline-block; color:#3E4551; font-weight:900; padding-left:30px; font-size:16px; font-weight:700}
            #header-wrapper ul li a:hover { color:#e94e1b; }
    #header-logo-wrapper img {margin-top:-8px; width:250px;}
    #header-logo-wrapper i {font-size:20px}

#open-main-menu, #close-main-menu {font-size:28px !important;}
#open-main-menu:hover, #close-main-menu:hover { color:#e94e1b !important; } 

/* HEADER ______________________________________________ */

 

/* PORTA TOP BANNER ______________________________________________ */

#portal-top-banner-wrapper { }

#close-portal-top {position:absolute; right:-16px; top:-22px; font-size:24px;}

/* PORTA TOP BANNER ______________________________________________ */


.main-slider-gradient {background: rgb(255,255,255);  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);}


/* sponsor-wrapper ______________________________________________ */

#sponsor-wrapper {margin-top: 50px;}

/* sponsor-wrapper ______________________________________________ */
 
 footer {color:#7b7e86}
 footer .col-md-7 a {color:#7b7e86; margin-right:10px;}
 footer .col-md-5 a {color:#7b7e86; margin-left:10px; width:40px; text-align: center;}

 footer .text-muted  {color:#a1a3a9 !important}
 footer a {color:#7b7e86 !important}
 footer a:hover {color:#193144 !important}
 footer h6 a {color:#434853 !important}

 .footer-menu {height:190px; overflow-y: hidden}

/* MAIN SLIDER ______________________________________________ */
 
 

 .news-item {position: relative; overflow:hidden; background-repeat: no-repeat; background-size: cover;  background-position: center center !important;  -webkit-transition: all 0.3s ease-in-out; overflow:hidden  }
 .news-item::before { 
    content:"";
    position:absolute; top:0;right:0;bottom:0;left:0;
    background:inherit;
    transition:inherit;
  }
  .news-item:hover::before { 
    transform: scale(1.05);
  }

 .news-item .slider-text {position:absolute; bottom:0;}

  .news-item-lg {height:576px; position: relative; overflow:hidden}

  .news-item-md {height:280px; position: relative;}

  .news-item-dir {height:280px; position: relative;}

  .news-item-sm {height:182px; position: relative;}

 .news-item-xs {height:110px; position: relative;}

 .news-item-h {height:145px; position: relative;}

 .news-item-xxl {height:800px; position: relative;}

 .news-item-box {height:148px; position:relative; z-index:99999999}

 .news-item-box-xs {height:110px}


 .news-item-cat, .news-item-box-cat {height:200px; position: relative;}

 #mobile_anchor {position:fixed; width:100%; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5); z-index:999 ;  }
 #close-mobile-anchor {display:block; position:absolute; padding:5px 10px; background: #000; color:#fff; font-size:18px; right:10px; top:-20px;}

/* MAIN SLIDER ______________________________________________ */

@media (min-width: 1680px) {
    .container-fluid {max-width:1024px !important; margin:0 auto;}
     
}