@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');

/* font-family: 'Roboto', sans-serif; */

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

/* font-family: 'Lato', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap');
body {
    font-family: 'Roboto', sans-serif;
}
/* page loading animation */
body { 
	animation-name: loadOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .75s;
 }
 
@keyframes loadOpacity {
	0% { opacity: .8; }
	100% { opacity: 1; }
}

a {
    transition: all 0.1s ease-in-out;
}

article a {
    color: #ed008e;
}

article a:hover {
    color: #009ee3;
}

img {
    max-width: 100%;
    height: auto;
}

.btn-pink {
    background-color: #ed008e;
    color: #fff;
}
.btn-pink:hover {
    background-color: #009ee3;
    color: #fff;
}
.btn-gold {
    background-color: #e2a233;
    color: #fff;
}
.btn-gold:hover {
    background-color: #93700e;
    color: #fff;
}
/* #e2a233 #ffe13e #93700e */
#yt_video_modal .klubprijatelja_poruka {
    padding: 50px 0;
}

/*live*/
.live{
  position:absolute;
  top:0;
  left:5px;
  color:#ef0000;
  text-transform:uppercase;
  font-size:12px;
  line-height:40px;
  font-weight:500;
}
.live-dot {
 position:relative;
 text-transform:uppercase;
 padding-left:32px;
 height:40px
}
.live-dot:before {
  content:"";
  position:absolute;
  left:0;
  top:-webkit-calc(50% - 14px);
  top:calc(50% - 14px);
  display:inline-block;
  background:#ef0000;
  border-radius:50%;
  margin:10px;
  margin-top:8px;
  width:10px;
  height:10px;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-box-shadow:0 0 0 0 #ef0000;
  box-shadow:0 0 0 0 #ef0000;
  -webkit-animation:pulse-news 2s infinite;
  animation:pulse-news 2s infinite
}
@keyframes pulse-news{
  0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(239,0,0,.7);box-shadow:0 0 0 0 rgba(239,0,0,.7)}70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px rgba(239,0,0,0);box-shadow:0 0 0 10px rgba(239,0,0,0)}to{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgba(239,0,0,0);box-shadow:0 0 0 0 rgba(239,0,0,0)}
}


main {
    margin-top: 40px;
}

.page_content_container {
    margin-top: 50px;
}

.path-frontpage .page_content_container {
    margin-top: 0;
}

.path-frontpage main {
    background: #ddd;
}

a:hover {
    text-decoration: none;
}

.feed-icons {
    display: none;
}

.play_btn.vip {
    background-image: -webkit-linear-gradient(#e2a233 0%,#ffe13e 100%);
    background-color: #e2a233;
    background-size: cover;
    color: #93700e !important;
    border: solid 1px #fbe779
}

.play_btn.vip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: -120px -120px, 0 0;
    
    background-image: -webkit-linear-gradient(
      top left,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 37%,
      rgba(255, 255, 255, 0.7) 45%,
      rgba(255, 255, 255, 0.0) 50%
    );
    background-image: -moz-linear-gradient(
      0 0,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 37%,
      rgba(255, 255, 255, 0.7) 45%,
      rgba(255, 255, 255, 0.0) 50%
    );    
    background-image: -o-linear-gradient(
      0 0,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 37%,
      rgba(255, 255, 255, 0.7) 45%,
      rgba(255, 255, 255, 0.0) 50%
    );
    background-image: linear-gradient(
      0 0,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 37%,
      rgba(255, 255, 255, 0.7) 45%,
      rgba(255, 255, 255, 0.0) 50%
    );
    
    -moz-background-size: 250% 250%, 100% 100%;
         background-size: 250% 250%, 100% 100%;
    
    -webkit-transition: background-position 0s ease;
       -moz-transition: background-position 0s ease;       
         -o-transition: background-position 0s ease;
            transition: background-position 0s ease;
  }
  .play_btn.vip:hover::before {
    background-position: 0 0, 0 0;
    
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }



.play_btn.vip:hover {
    background-image: -webkit-linear-gradient(#e2a233 0%,#ffe13e 100%);
}
.play_btn.premium {
    background-color: #ed008e;
}
.play_btn.premium:hover {
    background-color: #d4007f
}
.play_btn.guest,
.play_btn {
    background-color: #009ee3;
}
.play_btn.guest:hover,
.play_btn:hover {
    background-color: #008cca;
}

.display-4.page-title {
    text-transform: uppercase;
    font-size: 2.8rem;
    font-weight: 300;
    margin: 20px 0;
    opacity: .8;
    letter-spacing: 3px;
}

#backtotop {
    background-size: 50px;
    height: 50px;
    width: 50px;
    opacity: 0.6;
}

nav.navbar {
    padding: 0;
    border-bottom: 1px solid #eee;
    position: fixed;
    z-index: 99;
    border: none;
    width: 100%;
}
nav.navbar .pratitenas{
  position:absolute;
  top:0;
  right:10px;
  line-height:40px;
  font-size:1.3em
}
@media (max-width: 1470px) {nav.navbar .pratitenas{display:none}}
nav.navbar .pratitenas a{
  color:#fff;
  display:inline-block;
  padding:0 5px
}
nav.navbar .pratitenas a:hover{
  color:#ed008e
}
.modal-yt {
    max-width: 1100px;
}

.modal-yt .modal-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 24px;
    color: #777;
}

.modal-yt a.close:hover {
    cursor: pointer;
}

button:focus {
    outline: none !important;
}

/* Laudato Network start */
.laudato-network{
  height:50px;
  line-height:50px;
  color:#fff;
background: rgb(0,158,227);
background: -moz-linear-gradient(90deg, rgba(0,158,227,1) 0%, rgba(232,62,140,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,158,227,1) 0%, rgba(232,62,140,1) 100%);
background: linear-gradient(90deg, rgba(0,158,227,1) 0%, rgba(232,62,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009ee3",endColorstr="#e83e8c",GradientType=1);
}
.laudato-network-inner{
  max-width:1120px;
  margin:auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.laudato-network-inner>a{
  width:15%;
  color:#fff;
  flex-grow: 1;
  flex-basis: 80px; /*set the initial length*/
  text-align:center;
    overflow: hidden;
}
.laudato-network-inner>a span{
  background-repeat:no-repeat;
  background-size:contain;
  background-position:left;
position:relative;
  display:block;
 margin: 0 35px;
 pointer-events:none;
}
.laudato-network-inner>a i{
  position:absolute;
  top:-2px;
  right:0;
  width:100%;
  text-align:center;
  white-space: nowrap;
  font-size:10px;
  text-overflow: ellipsis;
  height:20px;
  line-height:20px;
  opacity:0;
  transition-property: opacity;
  color:#fff;
  font-style:normal;
  text-transform:uppercase
}
.laudato-network-inner>a:hover i{
  opacity:0;
}
.laudato-network-inner>a:hover{
  background:rgba(255,255,255,.3)
}
a.laudato-network-selected{
  font-weight:bold;
  background:rgba(255,255,255,.2)
}
.laudato-network-title{
  width:150px;
  margin:5px;
  background-image:url('https://cdn.laudato.hr/res/laudato_network.png?v3');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:left;
  opacity:.85
}
a.laudato-network-laudatotv span{
  background-image:url('https://cdn.laudato.hr/res/laudato_tv.png?v3');
}
a.laudato-network-galerije span{
  background-image:url('https://cdn.laudato.hr/res/laudato_galerije.png?v3');
}
a.laudato-network-webshop span{
  background-image:url('https://cdn.laudato.hr/res/laudato_webshop.png?v3');
}
a.laudato-network-klubprijatelja span{
  background-image:url('https://cdn.laudato.hr/res/laudato_klub.png?v3');
}
a.laudato-network-progledaj span{
  background-image:url('https://cdn.laudato.hr/res/laudato_progledaj.png?v3');
}
a.laudato-network-progledaj-online span {
  background-image: url('https://cdn.laudato.hr/res/laudato_progledaj_online.png?v3');
}
a.laudato-network-ime-dobrote span {
  background-image: url('https://cdn.laudato.hr/res/laudato_ime_dobrote.png?v3');
}
a.laudato-network-domu-mom span {
  background-image: url('https://cdn.laudato.hr/res/laudato_domu_mom.png?v1');
}

@media(max-width: 700px) {
  .laudato-network{
    height:auto
  } 
  .laudato-network-inner{
     -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  }
  .laudato-network-inner > a{
    width:100%;
    max-height: 52px;
  }
  .laudato-network-inner > a span{background-size:35%;background-position:center}
}
/* Laudato Network end */
/* Pager - učitaj više*/

.view-emisije .pager,
.taxonomy-view-default .pager,
.view-nove-epizode .pager,
.category-view-block-container .category-view .view-footer,
.three-col-grid-container .pager,
.view-vijesti-grid .pager {
    text-align: center;
    width: 100%;
}

.view-emisije .pager li a,
.taxonomy-view-default .pager li a,
.view-nove-epizode .pager li a,
.category-view-block-container .category-view .view-footer a,
.three-col-grid-container .pager li a,
.view-vijesti-grid .pager li a,
.view-emisije-subterms a.button
{
    border: none;
    border-radius: 0;
    /* border-bottom: 2px solid #333; */
    background: #e83e8c;
    color: #fff;
    transition: all 0.1s ease-in-out;
}

.view-emisije .pager li a:hover,
.taxonomy-view-default .pager li a:hover,
.view-nove-epizode .pager li a:hover,
.category-view-block-container .category-view .view-footer a:hover,
.three-col-grid-container .pager li a:hover,
.view-vijesti-grid .pager li a:hover {
    /* border-color: #ed008e; */
    background: #009ee3;
    color: #fff;
}


/* Main navigation*/

nav.navbar .navbar-collapse {
    height: 40px;
}

.region-nav-main {
    width: 100%;
}

#superfish-main {
    float: none;
    margin-bottom: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 849px;
    margin: auto;
}

#superfish-main a,
#superfish-main span.nolink {
    color: rgba(255, 255, 255, .8);
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 1em;
    font-size: 16px;
}

#superfish-main li:hover {
    cursor: pointer;
}

#superfish-main,
#superfish-main li {
    background: #343a40;
    align-items: center;
}

#superfish-main li:hover,
#superfish-main li.sfHover,
#superfish-main a.is-active,
#superfish-main a:focus,
#superfish-main a:hover,
#superfish-main span.nolink:hover,
#superfish-main li.active-trail>a,
#superfish-main li.active-trail>span {
    background: transparent;
    color: #fff;
    background: #ed008e;
}

ul.sf-menu .sf-sub-indicator::after {
    content: "\f107";
    font-family: "FontAwesome";
}

ul.sf-menu ul .sf-sub-indicator::after {
    content: "\f105";
    font-family: "FontAwesome";
}

ul.sf-menu.sf-style-white li li li {
    background: #343a40;
}

ul.sf-menu li:hover>ul,
ul.sf-menu li.sfHover>ul {
    top: 38px;
}

#superfish-main li ul li a {
    padding-top: 12px;
    padding-bottom: 12px;
}

ul.sf-menu .sf-sub-indicator {
    right: 3px;
    width: 10px;
}


/* END Main navigation*/


/* Top banner */

#block-topbanner p {
    margin: 0;
}

#block-topbanner img {
    width: 100%;
    height: auto;
}


/* END Top banner*/


/* Floating menu */

#block-floatingmenu {
    background: #002537;
    width: 100%;
    margin-top: 0px;
    z-index: 9;
}

.path-frontpage #block-floatingmenu {
    margin-top: -10px;
    position: relative;
}

#block-floatingmenu.fixed-menu {
    position: fixed;
    z-index: 30;
    margin-top: 0;
}

#superfish-floating-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: row;
    max-width: 1140px;
    margin: auto;
    padding: 0 15px;
    justify-content: center;
}

#superfish-floating-menu li {
    flex: 0 auto;
    text-align: center;
    padding: 0 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

#superfish-floating-menu li a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 20px 0;
}

#superfish-floating-menu li a:hover {
    color: #ed008e;
}


/* END Floating menu */


/* Breadcrumbs */

.breadcrumb {
    display: none;
    background-color: transparent;
    padding: 0;
    margin: 20px auto;
    max-width: 1140px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}

.breadcrumb-item a {
    color: rgba(0, 0, 0, 0.4);
}

.breadcrumb-item a:hover {
    color: rgba(0, 0, 0, 0.6);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(0, 0, 0, 0.4);
    content: ">";
    padding-right: 0;
}


/* END Breadrcumbs*/


/* Full page */

article.node--type-page,
form.user-pass,
article.profile,
.user-login-form {
    max-width: 1140px;
    margin: auto;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.region-content .user-login-form>div {
    flex: 1 100%;
}

.kalendar-wrap article.node--type-page {
    max-width: 100%;
}

.user-logged-in.path-user article.profile>div,
form.user-pass>* {
    flex: 1 100%;
}


/* END Full page */


/* Najvnovije epizode */

#block-views-block-nove-epizode-block-1 {
    background: #ddd;
    padding: 20px 0;
}

#block-views-block-nove-epizode-block-1 h2,
#block-views-block-nove-epizode-block-1 .view-nove-epizode {
    max-width: 1140px;
    margin: auto;
}

#block-views-block-nove-epizode-block-1 h2 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 20px;
    opacity: .8;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode {
    padding: 15px 6px;
    box-shadow: 0 0 10px 1px #ccc;
    background: #fff;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .col-epizoda {
    padding: 6px;
}

#block-views-block-nove-epizode-block-1 .views-infinite-scroll-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#block-views-block-nove-epizode-block-1 .views-infinite-scroll-content-wrapper .views-row {
    margin-bottom: 20px;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda {
    position: relative;
    overflow: hidden;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .slika {
    position: relative;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .slika .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 14px 18px 14px 22px;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
}

/* #block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .slika .play_btn:hover {
    background: #ed008e;
} */

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-end;
    margin-top: 10px;
    transition: all 0.3s ease-in-out;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis>div {
    flex: 1 100%;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .tax_naslov a {
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .tax_naslov a:hover {
    color: #ed008e;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .naslov a {
    color: #333;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .naslov a:hover {
    color: #ed008e;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .body {
    display: none;
}

#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .body p,
#block-views-block-nove-epizode-block-1 .view-nove-epizode .epizoda .opis .body p a {
    color: #333;
    font-weight: 300;
}


/* END Najnovije epizode*/


/* MAXtv A1 TV block */

#block-maxtvilia1tv {
    background-color: #ddd;
    padding-bottom: 20px;
}

#block-maxtvilia1tv.article_node {
    background: transparent;
}

#block-maxtvilia1tv .field--name-body {
    max-width: 1140px;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 10px 1px #ccc;
}
#block-maxtvilia1tv .field--name-body .row{
margin:0;
}
#block-maxtvilia1tv .field--name-body .row>div{
padding-top:15px;
padding-bottom:15px
}
#block-maxtvilia1tv .box-laudatogalerije{
  background: url('/themes/laudato_theme/slike/laudatogalerijebg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
#block-maxtvilia1tv a.link-galerije-btn{
  color: #fff;
padding: 10px 20px;
background:#009ee3
}
#block-maxtvilia1tv.article_node .field--name-body {
    box-shadow: 0 0 27px #eee;
}

#block-maxtvilia1tv .field--name-body .text {
    flex: 1 100%;
}

#block-maxtvilia1tv .field--name-body .button {
    flex: 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

#block-maxtvilia1tv .field--name-body .button p {
    margin: 0;
    flex: 1 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

#block-maxtvilia1tv .field--name-body .button p a {
    color: #fff;
    padding: 10px 20px;
}

#block-maxtvilia1tv .field--name-body .button p a.maxtv {
    background: #e20074;
}

#block-maxtvilia1tv .field--name-body .button p a.maxtv:hover {
    background: #b4035e
}

#block-maxtvilia1tv .field--name-body .button p a.a1 {
    background: #da291c;
}

#block-maxtvilia1tv .field--name-body .button p a.a1:hover {
    background: #be291e;
}


/* END MAXtv A1 TV block */

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    max-width: 150px;
    max-height: 30px;
    width: auto !important;
    height: auto;
}

.user-login-block {
    position: relative;
}

.user-login-block>a {
    color: #fff;
    background: #009ee3;
    padding: 12px;
    display: block;
}

.user-login-block>a.collapsed {
    background: transparent;
}

.user-login-block #collapse-user-login {
    position: absolute;
    top: 44px;
    right: 0;
    width: 300px;
    background: #009ee3;
    padding: 0 15px;
    box-shadow: 0 0 26px 10px rgba(0, 0, 0, .1);
    margin-bottom: 0;
}

#collapse-user-login .user-login-form label,
#collapse-user-login #edit-forgot,
#collapse-user-login #edit-forgot--2,
#collapse-user-login #edit-register,
#collapse-user-login #edit-register--2 {
    display: none;
}

#collapse-user-login .form-control {
    border-radius: 0;
    border: none;
}

#collapse-user-login .user-login-form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

#collapse-user-login .user-login-form>.form-item {
    flex: 1 100%;
    margin: 10px 0;
}

#collapse-user-login .user-login-form .form-item-name {
    order: 1;
}

#collapse-user-login .user-login-form .form-item-pass {
    order: 2;
}

#collapse-user-login .user-login-form #edit-actions,
#collapse-user-login .user-login-form #edit-actions--2 {
    flex: 0 auto;
    margin: 10px 0;
    order: 3;
}

#collapse-user-login .user-login-form #edit-actions input {
    border-radius: 0;
    border: none;
    background: #ed008e;
}

#collapse-user-login .user-login-form #edit-actions input:hover {
    background: #cc087d;
}

#collapse-user-login .user-login-form .forgot-password {
    flex: 1 auto;
    order: 4;
    padding-left: 10px;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

#collapse-user-login .user-login-form .forgot-password a {
    color: #fff;
    font-size: 16px;
}

#collapse-user-login .user-login-form .forgot-password a:hover {
    color: #ed008e;
}
/* Login page*/
.path-user #edit-forgot {
    display: none;
}

/* END Login block */

.region.region-nav-additional {
    flex: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: right;
    align-items: center;
    position: relative;
    padding: 8px;
}

.user-logged-in .region.region-nav-additional {
    padding: 0;
}


/* Search block */

.region.region-nav-additional #block-customsearch {
    padding: 0;
}

.region.region-nav-additional #block-customsearch i {
    color: #fff;
}

#block-customsearch .custom_search_icon a {
    background: #009ee3;
    padding: 10px;
    color: #fff;
}

#block-customsearch .custom_search_icon a.collapsed {
    background: transparent;
}

#block-searchform {
    position: absolute;
    top: 40px;
    right: 0;
    background: #009ee3;
    padding: 10px;
    width: 300px;
    box-shadow: 0 0 26px 10px rgba(0, 0, 0, .1);
}

#block-searchform #edit-keys {
    width: 230px;
    border-radius: 0;
    border: none;
}

#block-searchform .form-submit {
    font-family: "FontAwesome";
    background: none;
    border: none;
} 


/* END Search block */

.region.region-nav-additional #block-views-block-custom-login-block-1 {
    padding: 5px 0;
    padding-right:10px;
    background: rgba(255, 255, 255, .1);
    border-left: 1px solid rgba(255, 255, 255, .1);
    margin-left: 10px;
}

.region.region-nav-additional #block-views-block-custom-login-block-1 a.user_menu_dropdown {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    
    
}
.user-logged-in.path-user nav.tabs{
  display:none
}
.region.region-nav-additional #block-views-block-custom-login-block-1 a.user_menu_dropdown span.user_name {
    padding: 0 5px;
    padding-left:10px;
    max-width:189px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.region.region-nav-additional #block-views-block-custom-login-block-1 a.user_menu_dropdown span.user_picture {
    margin-left: 5px;
}

.region.region-nav-additional #block-views-block-custom-login-block-1 a.user_menu_dropdown span.user_picture img {
    border-radius: 50%;
}

.region.region-nav-additional #block-views-block-custom-login-block-1 a.user_menu_dropdown span.user_picture i {
    padding: 8px 10px;
    background: #e7e8ea;
    color: #bcbdbf;
    font-size: 14px;
    border-radius: 50%;
}

nav.loggedin_block {
    position: absolute;
    top: 40px;
    right: 0;
    min-width: 200px;
    background: #343a40;
    z-index: 9;
    padding: 0 10px
}

nav.loggedin_block ul.navbar-nav {
    flex-direction: column;
}

nav.loggedin_block ul.navbar-nav li {
    padding: 4px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

nav.loggedin_block ul.navbar-nav li:last-of-type {
    border-bottom: none;
}

#block-views-block-emisije-block-1>h2,
#block-views-block-novosti-block-1>h2,
#block-views-block-emisije-block-2>h2 {
    margin: 20px 0;
    padding-top: 15px;
    margin-left: 15px;
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 300;
    text-align: center;
}

#views_slideshow_cycle_main_main_slideshow-block_1 {
    max-height: 720px;
    overflow-y: hidden;
}

.slideshow_slide,
.view-izdvojeno .view-content .views-row,
#block-views-block-novosti-block-1 .slide__description {
    position: relative;
    margin-bottom: 10px;
}

.slideshow_slide img {
    min-width: 100%;
}


/* #block-views-block-novosti-block-1 .slide__description, */

.view-izdvojeno .view-content .views-row .views-field-title,
#block-views-block-novosti-block-1 .slide__description .views-field-title {
    position: absolute;
    bottom: 0;
    padding: 50px 30px 30px;
    left: 0;
    margin: auto;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000', GradientType=0);
}

.view-izdvojeno .view-content .views-row .views-field-title,
#block-views-block-novosti-block-1 .slide__description .views-field-title {
    padding: 8px;
}

.slideshow_slide .slide_title a,
.view-izdvojeno .view-content .views-row .views-field-title a,
#block-views-block-novosti-block-1 .slide__description .views-field-title a {
    color: #fff;
    line-height: 30px;
    font-size: 26px;
    font-weight: 700;
}

.view-izdvojeno .view-content .views-row .views-field-title a,
#block-views-block-novosti-block-1 .slide__description .views-field-title a,
#block-views-block-novosti-block-1 .slide__description .views-field-title .field-content {
    line-height: 18px;
    font-size: 16px;
}

.slideshow_slide .slide_category,
.view-izdvojeno .view-content .views-row .views-field-field-izdvojeno,
#block-views-block-novosti-block-1 .slide__description .views-field-field-glavna-kategorija {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0098d9;
    padding: 2px 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.view-izdvojeno .view-content .views-row .views-field-field-izdvojeno,
#block-views-block-novosti-block-1 .slide__description .views-field-field-glavna-kategorija {
    font-size: 11px;
}

.slide__caption {
    padding: 10px;
}

.slick__arrow {
    top: 48%;
}

.slick-arrow::before {
    color: #009ee3;
}

.slick-arrow:hover::before {
    color: #ed008e;
}

.views-slideshow-controls-bottom {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
}

#widget_pager_top_main_slideshow-block_1 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 95;
    align-items: center;
}

#widget_pager_top_main_slideshow-block_1 li {
    margin: 0 4px;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

#widget_pager_top_main_slideshow-block_1 li::before {
    content: "";
    background: #fff;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    border: 2px solid #fff;
}

.views-field.views-field-field-slika:hover::before {
    box-shadow: 0 0 12px 1px rgba(0, 0, 0, .7);
    cursor: pointer;
}

#widget_pager_top_main_slideshow-block_1 li.active::before {
    background: #ed008e;
    width: 16px;
    height: 16px;
}

#widget_pager_bottom_main_slideshow-block_1 {
    margin: 0;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    background: #eee;
}

.region.region-main-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#views_slideshow_controls_text_pause_main_slideshow-block_1 {
    display: none;
}
.cover_slika_container img{
  width:100%
}

/* Main slideshow */


#block-views-block-main-slideshow-block-2 .view-header {
  max-width: 1140px;
  margin: auto;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header {
  position: absolute;
  top: 50px;
  z-index: 80;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header span,
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link i {
  color: #fff;
  text-shadow: 0 0 1px #000;
  transition: all 0.2s ease-in-out;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header span {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link {
  padding: 0 6px;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link i {
  font-size: 22px;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link.yt:hover i {
  color: #f70000;
  text-shadow: none;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link.fb:hover i {
  color: #395694;
  text-shadow: none;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link.in:hover i {
  color: #d62977;
  text-shadow: none;
}
#block-views-block-main-slideshow-block-2 .view-header .pratite-nas-header .pratite-nas-links .link.tw:hover i {
  color: #1da1f2;
  text-shadow: none;
}

#block-views-block-main-slideshow-block-2 {
    max-width: 100%;
    overflow: hidden;
}

#slick-views-main-slideshow-block-2-1 {
    position: relative;
}

#block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #ed008e;
    font-size: 72px;
    transform: scaleY(3) scaleX(1.5);
    max-height: 720px;
}

#block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow:focus #block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow:-moz-focus-inner {
    border: none !important;
    outline: none !important;
}

#block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow.slick-prev {
    left: 0;
}

#block-views-block-main-slideshow-block-2 .slick__arrow .slick-arrow.slick-next {
    right: 0;
}

#block-views-block-main-slideshow-block-2 ul.slick-dots {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}

#block-views-block-main-slideshow-block-2 ul.slick-dots li {
    color: transparent;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 14px;
    margin: 0 6px;
}

#block-views-block-main-slideshow-block-2 ul.slick-dots li button {
    background: transparent;
    border: none;
}

#block-views-block-main-slideshow-block-2 ul.slick-dots li::before {
    content: "";
    background: #e8038f;
    border: none;
    height: 12px;
    width: 12px;
    margin: 0 5px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    border-radius: 50%;
}

#block-views-block-main-slideshow-block-2 ul.slick-dots li.slick-active::before {
    border: 2px solid #fff;
    top: 0;
    height: 16px;
    width: 16px;
}

.slideshow_slide .slide_description {
    position: absolute;
    bottom: 0;
    padding: 50px;
    left: 0;
    margin: auto;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, .1) 80%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000', GradientType=0);
    text-align: center;
    text-shadow: 0 0 1px #000;
}

.slideshow_slide .slide_description>div {
    max-width: 1170px;
    margin: auto;
}

.slideshow_slide .slide_description .dani_emitiranja {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

.slideshow_slide .slide_description .vrijeme_emitiranja {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
}

.slideshow_slide .slide_description .tax_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
}
.slideshow_slide .slide_description .repriza{
  color:#fff
}

.slideshow_slide .slide_description .title a {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.slideshow_slide .slide_description .podnaslov p {
    font-size: 20px;
    color: #fff;
}

.slideshow_slide .slide_description .najava {
    margin-top: 20px;
}

.slideshow_slide .slide_description .najava a {
    color: #fff;
    background: transparent;
}

.slideshow_slide .slide_description .najava .fa-play {
    color: #fff;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 8px 10px 10px 13px;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    background: #009ee3;
}

.slideshow_slide .slide_description .najava .fa-play:hover {
    background: #e8038f;
}

.slideshow_slide .slide_description .title a:hover {
    color: #ed008e;
}


/* Blocks progledaj_srcem, friends_club*/

#block-friendsclubiprogledajsrcemblock {
    width: 100%;
    padding: 20px 0;
}

#block-friendsclubiprogledajsrcemblock .field--name-body {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 10px;
    justify-content: center;
}

#block-friendsclubiprogledajsrcemblock .field--name-body>p {
    flex: 0 auto;
    overflow: hidden;
    text-align: center;
    margin: 0;
}

#block-friendsclubiprogledajsrcemblock .field--name-body>p:first-of-type {
    margin-right: 10px;
}

#block-friendsclubiprogledajsrcemblock .field--name-body p a img {
    transition: all 0.3s ease-in-out;
}

#block-friendsclubiprogledajsrcemblock .field--name-body p a:hover img {
    transform: scale(1.05);
}


/* Emisije - grid - frontpage */

#block-views-block-emisije-block-2 {
    background: #fff;
    border: 1px solid rgba(237, 0, 142, .1);
    margin-bottom: 20px;
}

.view-emisije .views-view-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.view-emisije .emisija {
    margin-bottom: 20px;
}

.view-emisije .emisija .views-field-name {
    padding: 10px 0;
}

.view-emisije .emisija .views-field-name a {
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    color: #333;
}

.view-emisije .emisija .views-field-name a:hover {
    color: #ed008e;
}

.view-emisije .emisija .views-field-field-slika {
    position: relative;
}

.views-field.views-field-field-slika .play_icon .fa {
    color: #fff;
    padding: 12px 12px 12px 16px;
    background: #009fe3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, .1);
    border: none;
}

.views-field.views-field-field-slika .play_icon .fa:hover {
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .7);
    background: #ed008e;
}

.view-novosti .novost {
    margin-bottom: 20px;
}

.view-novosti .novost .img_container {
    position: relative;
    margin-bottom: 10px;
}

.view-novosti .novost .img_container .kategorija {
    position: absolute;
    left: 0;
    bottom: 0;
}

.view-novosti .novost .img_container .kategorija a {
    padding: 4px 12px;
    font-size: 12px;
    background: #009fe3;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 2px;
}

.view-novosti .novost .img_container .kategorija a:hover {
    background: #ed008e;
}

.view-novosti .novost .views-field.views-field-title {
    margin-bottom: 5px;
}

.view-novosti .novost .views-field.views-field-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #333;
}

.view-novosti .novost .views-field.views-field-title a:hover {
    color: #ed008e;
}


/** Login popup */

.ui-dialog {
    min-width: 480px;
    left: 50% !important;
    transform: translateX(-50%);
    border-radius: 30px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 0 37px 10px rgba(0, 0, 0, .2);
}

.ui-dialog * {
    transition: all 0.3s ease-in-out;
}

.ui-dialog a {
    color: #007bff;
}

.ui-dialog a:hover {
    color: #ed008e;
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane {
    background: none;
    border-bottom: none;
    border-top: none;
}

.ui-dialog .ui-dialog-title,
.ui-dialog .user-login-form label,
.ui-dialog .user-login-form .description {
    display: none;
}

.ui-dialog .user-login-form .form-item-register {
    text-align: center;
}

.ui-dialog .user-login-form .form-item-register label {
    display: inline-block;
}

.ui-dialog .user-login-form .form-item-register a {
    font-weight: 700;
}

.ui-dialog .user-login-form input {
    border-radius: 30px;
    background: #eee;
    padding: 25px 20px;
    font-size: 14px;
    border: none;
}

.ui-dialog .user-login-form>div {
    margin-bottom: 0;
}

.ui-dialog .user-login-form div:first-of-type {
    margin-bottom: 40px;
}

.ui-dialog .user-login-form .form-item-forgot {
    margin: 0;
    padding-left: 20px;
}

.ui-dialog .user-login-form .form-item-forgot a {
    font-size: 12px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: none;
    border: 3px solid #ed008e;
    border-radius: 30px;
    color: #ed008e;
    padding: 8px 30px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    color: #fff;
    background: #ed008e;
}


/** Join friends club */

#block-joinfriendclub .field--name-body {
    height: 100%;
    padding-bottom: 10px;
}

.join_friends {
    height: 100%;
    background: #009ee3;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.join_friends .image img {
    width: 120px;
}

.join_friends .text {
    text-transform: uppercase;
    color: #fff;
    font-weight: bolder;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}

.join_friends .join a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: 3px solid #fff;
    padding: 8px 30px;
    border-radius: 30px;
}

.join_friends .join a:hover {
    background: #fff;
    color: #009ee3;
}

.main-view.naslovna-kategorija {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-view.naslovna-kategorija .view-header {
    flex: 2 100%;
}

.main-view.naslovna-kategorija>.view-content,
.main-view.naslovna-kategorija .attachment-after {
    flex: 1 50%;
    max-width: 50%;
}


/** Right sidebar */

#block-views-block-desni-sidebar-block-1 * {
    max-width: 100%;
}

#block-views-block-desni-sidebar-block-1 .view-content .views-row .views-field-field-video-link,
#block-views-block-desni-sidebar-block-1 .view-content .views-row .views-field-field-image {
    margin-bottom: 10px;
}


/** Emisija cover */

.view-taxonomy-term.emisija {
    margin-bottom: 50px;
}

.view-taxonomy-term .view-header .contextual-region>h2,
.page-node-type-emisija .block-page-title-block {
    display: none;
}

.view-taxonomy-term .view-header .emisija_cover,
article.emisija-article .emisija_cover,div.emisija-article .emisija_cover {
    margin-bottom: 20px;
    max-height: 500px;
    overflow: hidden;
    position: relative;
}

.view-taxonomy-term .view-header .emisija_cover .cover_name,
article.emisija-article .emisija_cover .cover_name,div.emisija-article .emisija_cover .cover_name {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    align-content: flex-end;
    padding-bottom: 30px;
}

.emisija_cover .cover_name>div {
    flex: 1 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.emisija_cover .cover_name .dani_emitiranja {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}

.emisija_cover .cover_name .vrijeme_emitiranja {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
}

.emisija_cover .play_btn {
    color: #fff;
    font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 30px 18px 41px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 17px 5px rgba(0, 0, 0, .4);
}

.emisija_cover .play_btn .fa-play:hover {
    cursor: pointer;
    /* background-color: #ed008e; */
}

.emisija_cover .nadnaslov a,
.emisija_cover .nadnaslov {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
}

.emisija_cover .nadnaslov a:hover {
    color: #ed008e;
}

.emisija_cover .cover_name .field--name-name,
.emisija_cover .field--name-field-naslov,
.emisija_cover .naslov span {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
}

.emisija_cover .cover_video_container {
    display: none;
}

.emisija_content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}

.emisija_content>div:not(:empty) {
    flex: 1 50%;
    max-width: 50%;
}

.emisija_content>div:empty {
    flex: 0;
}

.emisija_content .emisija_content_text {
    border-top: 2px solid #777;
    border-bottom: 2px solid #777;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top:20px;
    min-height: 313px;
}

.emisija_content .emisija_content_text .content_name .field--name-name,
.emisija_content .emisija_content_text .content_name {
    font-size: 34px;
    line-height: 36px;
    font-weight: 700;
    padding: 20px 0;
}

.emisija_content .emisija_content_text .field--name-field-trajanje,
.emisija_content .emisija_content_text .field--name-field-datum-vrijeme,
.emisija_content .emisija_content_text .field-repriza-wrap {
    padding: 5px 0;
    color: #777;
    font-style: italic;
    line-height: 20px;
    font-weight: 300;
}
.emisija_content .emisija_content_text .field-repriza-wrap div{
  display:inline
}

.emisija_content .emisija_content_text .field--name-field-trajanje::before,
.emisija_content_text .field--name-field-datum-vrijeme::before {
    content: "\f017";
    font-family: "FontAwesome";
    font-style: normal !important;
    font-size: 20px;
    margin-right: 10px;
}

.emisija_content .emisija_content_slika {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position:relative;
    overflow:hidden
}
.emisija_content .emisija_content_slika img{
  position:absolute;
  width:100%;
  height:auto;
  top:0;
  left:10px;
}


/* END Emisija cover*/


/* Popis epizoda */

.view-taxonomy-term.popis-epizoda .views-infinite-scroll-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.view-taxonomy-term.popis-epizoda .attachment.attachment-after::before {
    border-top: 2px solid #777;
    content: "";
    display: block;
    width: 46%;
    padding-bottom: 30px;
    margin-top: 30px;
}

.view-taxonomy-term.popis-epizoda .views-row {
    margin: 10px 0;
}

.view-taxonomy-term.popis-epizoda .views-infinite-scroll-content-wrapper {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.view-taxonomy-term.popis-epizoda .epizoda .image-field .image {
    position: relative;
}

.view-taxonomy-term.popis-epizoda .epizoda .image-field .image>a.play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 13px 18px 14px 22px;
    color: #fff;
    /* background: #009ee3; */
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
}

/* .view-taxonomy-term.popis-epizoda .epizoda .image-field .image>a.play_btn:hover {
    background: #ed008e;
} */


/* Pagination */

nav.pager {
    text-align: center;
}

nav.pager ul {
    padding: 0;
}

nav.pager ul li.pager__item--first,
nav.pager ul li.pager__item--last {
    font-size: 20px;
    line-height: 20px;
}

nav.pager ul li.pager__item--previous,
nav.pager ul li.pager__item--next {
    font-size: 18px;
    line-height: 20px;
}

nav.pager ul li.btn-light:not(:disabled):not(.disabled):active,
nav.pager ul li.btn-light:not(:disabled):not(.disabled).active {
    background: #009ee3;
    border: none;
}

nav.pager ul li.active a {
    color: #fff;
}


/* Footer */

footer span.pink {
    color: #ed008e;
    text-transform: uppercase;
    font-weight: 600;
}

#block-footerblock {
    background: #202020;
    padding: 40px 0;
}

#block-footerblock p,
#block-footerblock h1,
#block-footerblock .footer-list a,
#block-footerblock p a {
    color: #fff;
}

#block-footerblock .left-col {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

#block-footerblock .col-sm-6.left-col>div {
    flex: 1 100%;
}

#block-footerblock .footer_logo {
    align-self: flex-start;
}

#block-footerblock .nazovite span,
#block-footerblock .pisite span {
    font-size: 14px;
}

#block-footerblock .nazovite a,
#block-footerblock .pisite a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

#block-footerblock .nazovite a:hover,
#block-footerblock .pisite a:hover {
    color: #ed008e;
}

#block-footerblock .lists {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#block-footerblock .lists ul {
    flex: 1 50%;
    max-width: 50%;
    list-style: none;
}

#block-footerblock .right-col h1 {
    padding-left: 40px;
    margin-bottom: 20px;
}

#block-footerblock .footer-list li {
    margin-bottom: 5px;
}

#block-footerblock .footer-list li span,
#block-footerblock .footer-list li a {
    font-size: 14px;
}

#block-footerblock .footer-list li a {
    opacity: .8;
}

#block-footerblock .footer-list li a:hover {
    color: #ed008e;
    opacity: 1;
}

#block-footer {
    background: #333;
    padding: 20px 0;
}

#block-footer p,
#block-footer h4,
#block-footer p a {
    color: #fff;
}

#block-footer p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

#block-footer p a i {
    font-size: 26px;
    line-height: 26px;
    margin: 0 10px;
}

#block-footer p a:hover {
    color: #ed008e;
}

#block-footer p span.copyright {
    padding-left: 40px;
}


/* three-col-grid */

.three-col-grid-container .view-content,
.three-col-grid-container .views-infinite-scroll-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.three-col-grid-container .three-col-grid-item {
    margin-bottom: 20px;
}

.three-col-grid-container .three-col-grid-item .image-field {
    margin-bottom: 5px;
}
.three-col-grid-container .three-col-grid-item .views-field-created{
  font-weight:300;
  font-size:14px;
}
.three-col-grid-container .three-col-grid-item .title-field {
    display: -webkit-box;
    max-height: 52px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: 24px;
}

.three-col-grid-container .three-col-grid-item .title-field h4 {
    line-height: 22px;
}

.three-col-grid-container .three-col-grid-item .title-field a {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}

.three-col-grid-container .three-col-grid-item .title-field a:hover {
    color: #ed008e;
}

.three-col-grid-container .three-col-grid-item .time-field {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
    opacity: .8;
    padding: 5px 0;
}

.three-col-grid-container .three-col-grid-item .body-field {
    display: -webkit-box;
    height: 73px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.three-col-grid-container .three-col-grid-item .body-field p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}


/* Open article */

.page-node-type-article .block-page-title-block {
  display: none;
}

.page-node-type-article .naslov_vijesti {
    font-size: 2.4rem;
    font-weight: 600;
    text-align: left !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-node-type-article .node__content .autor {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.page-node-type-article .node__content div.field--name-field-autor,
.page-node-type-article .node__content div.field--name-field-fotograf,
.page-node-type-article .node__content div.content_created {
    flex: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0;
    margin-right: 10px;
}

.page-node-type-article .node__content div.field--name-field-autor .field__label,
.page-node-type-article .node__content div.field--name-field-fotograf .field__label,
.page-node-type-article .node__content div.content_created .field__label {
    font-weight: 300;
}

.page-node-type-article .node__content div.field--name-field-autor .field__item,
.page-node-type-article .node__content div.field--name-field-fotograf .field__item,
.page-node-type-article .node__content div.content_created .field {
    font-weight: 500;
}

.page-node-type-article .node__content .field--name-field-image {
    margin-bottom: 20px;
}

.page-node-type-article .node__content .field--name-field-video-link .field__item {
    margin-bottom: 20px;
}

.page-node-type-article .node__content .field--name-field-pod {
    font-weight: 600;
    font-size:1.5em
}

.page-node-type-article .node__content .field--name-field-galerija .field__items {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

/* Foto galerija */
#fotogalerija.fotogalerija {
    /* max-width: 1080px; */
    width: 100%;
    margin: 20px auto;
}

#fotogalerija.fotogalerija .foto_title {
    margin-bottom: 10px;
}

#fotogalerija.fotogalerija .foto_title span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

#fotogalerija.fotogalerija .foto_title i {
    color: #ed008e;
}

#fotogalerija .slick--optionset--fotogalerija {
    position: relative;
}

#fotogalerija .slick--optionset--fotogalerija .slick-list .slick-slide .media--slick {
    position: relative;
}

#fotogalerija .slick--optionset--fotogalerija .slick-list .slick-slide .media--slick:hover img {
    opacity: .8;
    background-color: #000;
}

#fotogalerija .slick--optionset--fotogalerija .slick__arrow .slick-arrow {
    position: absolute;
    top: 0;
    height: 196px;
    width: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #ed008e;
    font-size: 72px;
}

#fotogalerija .slick--optionset--fotogalerija .slick__arrow .slick-arrow::before {
    display: none;
}

#fotogalerija .slick--optionset--fotogalerija .slick__arrow .slick-arrow:hover {
    color: #009ee3;
}

#fotogalerija .slick--optionset--fotogalerija .slick__arrow .slick-arrow.slick-prev {
    left: -20px;
}

#fotogalerija .slick--optionset--fotogalerija .slick__arrow .slick-arrow.slick-next {
    right: -20px;
}
.emisija-article #fotogalerija {
    border-bottom: 3px solid #009ee3;
    padding-bottom: 30px;
}

.blazy__slick-lightbox {
    cursor: pointer;
}

.slick-lightbox-close {
    width: 52px;
    height: 52px;
}

.slick-lightbox-close::before {
    font-size: 52px;
}

.slick-lightbox-close:hover::before {
    color: #ed008e;
}
/* END fotogalerija */

.page-node-type-article .node__content .field--name-field-galerija .field__item {
    padding: 5px;
    flex: 1 25%;
    max-width: 25%;
    text-align: center;
}

.page-node-type-article .field--name-field-kategorija-vijesti,
.page-node-type-article .field--name-field-kategorija-projekti {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.page-node-type-article .field--name-field-kategorija-vijesti .field__item a,
.page-node-type-article .field--name-field-kategorija-projekti a {
    margin-right: 5px;
    padding: 4px 10px;
    color: #fff;
    background: #ed008e;
}

.page-node-type-article .field--name-field-kategorija-vijesti .field__item a:hover,
.page-node-type-article .field--name-field-kategorija-projekti a:hover {
    background: #009ee3;
}

.atricle_signature {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 3px solid #009ee3;
}

.atricle_signature p {
    margin-bottom: 0;
}

.atricle_signature p a {
    color: #ed008e;
}

.atricle_signature p a:hover {
    color: #009ee3;
}

.atricle_signature p a:hover {
    color: #ed008e;
}

.page-node-type-article .vise_iz_kategorije {
    border-bottom: 3px solid #009ee3;
}

.page-node-type-article .vise_iz_kategorije .vise_iz_kategorije_title a {
    color: #ed008e;
    font-weight: 500;
}

.page-node-type-article .vise_iz_kategorije .vise_iz_kategorije_title a:hover {
    color: #009ee3;
}

.page-node-type-article .field--name-body iframe {
    max-width: 100%;
    width: 100%;
    height: 400px;
}

.facebook-comments .fb_iframe_widget {
    width: 100%;
}





.share_links {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1 auto;
    margin-bottom: 10px;
}

.share_links .share_link {
    flex: 0 auto;
    margin-right: 5px;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 20px;
}

/* .share_links .share_link .fb_iframe_widget {
    line-height: 1;
} */

.share_links .share_link a {
    font-size: 16px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.share_links .share_link.share_link_fb a {
    color: #3b5998;
    border-color: #3b5998;
}
.share_links .share_link.share_link_tw a {
    color: #1c9cea;
    border-color: #1c9cea;
}
.share_links .share_link.share_link_mail a {
    color: #717070;
    border-color: #717070;
}
.share_links .share_link.share_link_wa a {
    color: #25D366;
    border-color: #25D366;
}
.share_links .share_link.share_link_vi a {
    color: #665CAC;
    border-color: #665CAC;
}

.share_links .share_link.share_link_fb a:hover {
    background-color: #3b5998;
    color: #fff;
}
.share_links .share_link.share_link_tw a:hover {
    background-color: #1c9cea;
    color: #fff;
}
.share_links .share_link.share_link_mail a:hover {
    background-color: #717070;
    color: #fff;
}
.share_links .share_link.share_link_wa a:hover {
    background-color: #25D366;
    color: #fff;
}
.share_links .share_link.share_link_vi a:hover {
    background-color: #665CAC;
    color: #fff;
}


.share_links .share_link.share_link_wa {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .share_links .share_link.share_link_wa {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.related_news {
    box-shadow: 0 0 27px #eee;
    border-top: 3px solid #ed008e;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
}

.related_news .related_news_title p {
    text-transform: uppercase;
    font-weight: 600;
}

.related_news .rn_container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.related_news .rn_container .rn_image {
    margin-right: 15px;
    min-width: 200px;
}

.related_news .rn_container .rn_image .rn_text .rn_title {
    margin-bottom: 10px;
}

.related_news .rn_container .rn_text .rn_title a {
    color: #333;
    font-weight: 600;
}


/* Vijesti att */

.view-novosti {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.view-novosti.contextual-region .view-content {
    flex: 3 75%;
}

.view-novosti.contextual-region .attachment.attachment-after {
    flex: 1 25%;
}

.view-novosti.contextual-region .attachment.attachment-after .view-novosti .views-row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    background: #eee;
}

.view-novosti.contextual-region .attachment.attachment-after .view-novosti .views-row .views-field-field-image img {
    max-width: 150px;
    height: auto;
}

.view-novosti.contextual-region .attachment.attachment-after .view-novosti .views-row .views-field-title {
    padding: 10px;
}

.view-novosti.contextual-region .attachment.attachment-after .view-novosti .views-row .views-field-title a {
    color: #333;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}

#block-views-block-novosti-block-1 {
    background: #fff;
    border: 1px solid rgba(237, 0, 142, .1);
}


/* Novosti - grid - frontpage */

#block-views-block-vijesti-grid-block-1 {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgb(0, 152, 217);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0, 152, 217, 1) 0%, rgba(237, 0, 142, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 152, 217, 1) 0%, rgba(237, 0, 142, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 152, 217, 1) 0%, rgba(237, 0, 142, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0098d9', endColorstr='#ed008e', GradientType=1);
    /* IE6-9 */
}

#block-views-block-vijesti-grid-block-1 .view-vijesti-grid {
    max-width: 1140px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    padding: 11px 9px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#block-views-block-vijesti-grid-block-1 .view-vijesti-grid .view-content{width:100%}
#block-views-block-vijesti-grid-block-1>h2 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 20px;
    opacity: .8;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .views-row {
    margin-bottom: 20px;
    position: relative;
    padding: 0 7px;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .vijest {
    margin-bottom: 20px;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .article-title a {
    color: #333;
    font-size: 20px;
    line-height: 22px;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .article-title a:hover {
    color: #ed008e;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .image_container {
    position: relative;
}
.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .custom-fronpage-vijesti-wrap{position:relative}
.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .views-field-field-kategorija-vijesti,
.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .custom-fronpage-vijesti-wrap>div {
  pointer-events:none;
    background: #e83e8c;
    width: auto;
    position: absolute;
    color: #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    font-size: 12px;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .field--name-field-kategorija-vijesti .field__item a {
    color: #fff;
    margin-right: 4px;
    padding-right: 4px;
    border-right: 1px solid rgba(255, 255, 255, .4);
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .field--name-field-kategorija-vijesti .field__item a:hover {
    color: #009ee3;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .field--name-field-kategorija-vijesti .field__item:last-of-type a {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .field--name-field-pod {
    display: -webkit-box;
    height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .views-field-field-pod,
.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .views-field-field-pod p {
    font-weight: 300;
    line-height: 22px;
    font-size: 16px;
}
.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .views-field-created{
  font-weight: 300;
    line-height: 20px;
    font-size: 14px;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .right_column {
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .right_column .field__label,
.block-views-blockvijesti-grid-block-1 .views-infinite-scroll-content-wrapper .right_column .field__item {
    font-weight: 300;
    color: #777;
    font-size: 14px;
}

#block-views-block-vijesti-grid-block-1 .views-infinite-scroll-content-wrapper .pager {
    text-align: center;
}

#block-views-block-vijesti-grid-block-1 .views-infinite-scroll-content-wrapper .pager li a {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #333;
}

#block-views-block-vijesti-grid-block-1 .views-infinite-scroll-content-wrapper .pager li a:hover {
    border-color: #ed008e;
}
/*
#block-tvvodic {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}
*/

/* Category view - page -- Program, Vijesti */

.category-view-main-container {
    background: #eee;
    padding: 20px 0;
}

.category-view-block-container {
    margin-bottom: 30px;
}

.category-view-block-container .category-view-block-title {
    text-align: center;
    font-weight: 300;
    padding: 20px 0;
    margin-bottom: 0px;
    opacity: .8;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
}

.category-view-block-container .category-view
 {
    background: #fff;
    padding: 20px 10px;
    box-shadow: 0 0 10px 1px #ddd;
}
.view-emisije-subterms {
  margin-bottom:50px;
}
.category-view-block-container .category-view .view-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 10px;
}

.category-view-block-container .category-view .view-content>.views-row {
    flex: 1 33%;
    max-width: 33%;
    padding: 0 10px;
}

.category-view-block-container .category-view .view-content .views-row .cat-image-field {
    margin-bottom: 10px;
}

.category-view-block-container .category-view .view-content .views-row .cat-tax-name-field a {
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 24px;
}

.category-view-block-container .category-view .view-content .views-row .cat-time-field {
    color: #333;
    font-size: 14px;
    font-weight: 300;
}

.category-view-block-container .category-view .view-content .views-row .cat-title-field a {
    color: #333;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.category-view-block-container .category-view .view-content .views-row .cat-main-title-field a {
    color: #333;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: block;
    padding: 0 3px;
}

.category-view-block-container .category-view .view-content .views-row .slika {
    position: relative;
}

.category-view-block-container .category-view .view-content .views-row .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 14px 18px 14px 22px;
    color: #fff;
    /* background: #009ee3; */
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
}

/* .category-view-block-container .category-view .view-content .views-row .play_btn:hover {
    background: #ed008e;
} */


/* END Category view - page -- Program, Vijesti */


/* Banners */

#block-banners {
    padding: 20px 0;
}

#block-banners .field--name-body .row {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
}

#block-banners .field--name-body .row>div {
    padding: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    position: relative;
}

#block-banners .field--name-body .row>div>* {
    flex: 1 100%;
}

#block-banners .field--name-body .row>div h4 {
    margin-bottom: 5px;
    font-weight: 600;
    position: relative;
}

#block-banners .field--name-body .row>div p:last-of-type {
    align-self: flex-end;
    margin-bottom: 0;
}

#block-banners .field--name-body .row>div p a {
    background: #ed008e;
    color: #fff;
    padding: 8px 18px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

#block-banners .field--name-body .row>div p a:hover {
    background: #e8038f;
}

#block-banners .field--name-body .row>div.klub_prijatelja_ltv {
    background: #009ee3;
}

#block-banners .field--name-body .row>div.klub_prijatelja_ltv::before {
    background: url("/themes/laudato_theme/slike/favicon_lg_white.png");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .2;
}

#block-banners .field--name-body .row > div.progledaj_srcem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    /*background: url('/sites/default/files/inline-images/progledaj_srcem_sm_0.jpg');*/
    /*background: url('/themes/laudato_theme/slike/progledaj_srcem_2022.jpg?v3');*/
    background: url('/themes/laudato_theme/slike/progledaj_srcem_univerzalni.jpg');
    background-repeat: no-repeat;
    background-size: cover; 
}

#block-banners .field--name-body .row>div.klub_prijatelja_ltv h4,
#block-banners .field--name-body .row>div.klub_prijatelja_ltv p {
    color: #fff;
}
.logged-out-only{visibility:visible;display:initial}
.user-logged-in .logged-out-only{visibility:hidden;display:none}
.logged-in-only{visibility:hidden;display:none}
.user-logged-in .logged-in-only{visibility:visible;display:initial}
.user-logged-in #block-banners .field--name-body .row > div.pogledaj_propusteno,
#block-banners .field--name-body .row > div.hvala-login {
  display: none;
}
.user-logged-in #block-banners .field--name-body .row > div.hvala-login,
#block-banners .field--name-body .row > div.pogledaj_propusteno {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/* END Banners */
#block-tvvodic{
   background: #423e70;
  padding: 20px 0;
  width: 100%;
}
#block-tvvodic h2 {
  text-align: center;
  font-weight: 300;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #d9d8e2;
}
#block-tvvodic h2 a{
  color:#d9d8e2
}
#block-tvvodic .epg-widget{
  max-width:1200px;
  margin:auto
}



/* TV program */

ul.quicktabs-tabs {
    margin-bottom: 20px;
}

ul.quicktabs-tabs li {
    padding: 0;
    margin: 0 2px;
    color: #fff;
    background: #009ee3;
    border-radius: 2px;
    white-space: normal;
    max-width: 120px;
    text-align: center;
    display: inline-block;
}

ul.quicktabs-tabs li a {
    color: #fff;
    font-weight: 400;
    padding: 10px 20px;
    text-align: center;
    display: block;
    font-size: 14px;
}

ul.quicktabs-tabs li a::first-line {
    font-size: 16px;
}

ul.quicktabs-tabs li.active {
    background: #ed008e;
}

.view-tv-program {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.view-tv-program .views-row {
    margin-bottom: 10px;
}

.view-tv-program .views-field-field-datum-vrijeme {
    margin-right: 10px;
}

.view-tv-program .views-field-views-conditional-field span,
.view-tv-program .views-field-views-conditional-field a {
    font-weight: 600;
    color: #333;
}

.view-tv-program .views-field-views-conditional-field a:hover {
    color: #ed008e;
}

.view-tv-program .views-field-field-dodatak-naslovu {
    font-weight: 300;
    font-size: 15px;
}

.view-tv-program .views-field-field-opis-tv-vodic- {
    padding-left: 52px;
    font-weight: 400;
}


/* END TV program */


/* Anketa */

#block-anketa {
    background: #fff;
    box-shadow: 0 0 10px 1px #ccc;
    margin-bottom: 20px;
    padding: 15px;
}

#block-anketa .vote-form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

#block-anketa .vote-form>h3,
#block-anketa .vote-form>fieldset,
#block-anketa .vote-form>div {
    flex: 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#block-anketa .vote-form h3 {
    font-size: 1.3rem;
    margin-bottom: 0;
}

#block-anketa .vote-form .form-radios {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
}

#block-anketa .vote-form .form-radios .form-item {
    margin-right: 20px;
}

#block-anketa .vote-form .form-submit {
    border: none;
    border-radius: 0;
    background-color: #ed008e;
}

#block-anketa .vote-form .form-submit:hover {
    background-color: #009ee3;
}


/* END Anketa */


/* Search page */

.path-search .region-content {
    max-width: 1140px;
    margin: auto;
}

.path-search #edit-basic {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    width: 100%;
}

.path-search #edit-basic .form-item {
    width: 100%;
}

.path-search #edit-basic .form-item label {
    margin: 10px 0;
}

.path-search #edit-basic #edit-submit {
    height: 40px;
    align-self: flex-end;
}

.path-search .item-list ol {
    padding: 0;
}

.path-search .item-list ol li {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}

.path-search .item-list ol li h3 a {
    font-size: 24px;
    color: #333;
    font-weight: 400;
}

.path-search .item-list ol li .search-result__info {
    display: none;
}


/* END Search page */

.page-node-type-page .field--name-field-video-link,
.page-node-type-page .field--name-field-video-donji{
  max-width:1200px;
  margin:auto
}
.poll dl{display:none}

/* panel urednika */
.view-panel-urednika{
  max-width:100%;
  margin:auto 20px;
}
.view-panel-urednika table i{
  color:#c1bdbd
}
.view-panel-urednika table i.warn{
  color:red
}
.view-panel-urednika table{
  border:solid 1px #dee2e6
}
.view-program .views-field-name{
  margin-top:10px
}

/* oglasi */
.oglas-container{position:relative}
.oglas.oglas-front-lijevi{
position:absolute;top:20px;left:-310px;z-index:20
}
.oglas.oglas-front-desni{
position:absolute;top:20px;right:-310px;z-index:20
}
.oglas.oglas-lijevi{
  display:block;
  position: fixed;
  top: 106px;
  margin-left:-310px
}
.oglas.oglas-desni{
  display:block;
  position: fixed;
  top: 106px;
  margin-left:1120px
}
.toolbar-horizontal .oglas.oglas-lijevi,
.toolbar-horizontal .oglas.oglas-desni{
  top:185px
}
@media (max-width: 1725px) {
  .container-article {
      max-width: 800px;
      margin: auto;
  }
  .oglas.oglas-front-lijevi {
      margin-left: 0;
      left: -260px;
      width: 250px;
  }
  .oglas.oglas-front-desni{
    margin-left: 0;
    right: -260px;
    width: 250px;
  }
  .oglas.oglas-lijevi {
      margin-left: 0;
      left: 10px;
      width: 250px;
  }
  .oglas.oglas-desni{
    margin-left: 0;
    right: 10px;
    width: 250px;
  }
}
@media (max-width: 1627px) {
    .oglas.oglas-lijevi,
    .oglas.oglas-desni,
    .oglas.oglas-front-lijevi,
    .oglas.oglas-front-desni{
      display:none;
    }
  }
/* oglasi end */

/* doniraj dugme gore desno */
#block-donirajbuttongoredesno{
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 80;
}

#block-donirajbuttongoredesno .doniraj_iframe{
  background: #ed008e;
  color:#fff;
  border:0;
  padding:15px 25px;
  font-weight:bold;
  font-size:1.3rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
}