@charset "UTF-8";
/*
//budi prirodna
$clrBudiSDMain: #447b66;
$clrBudiSDMain2: #bcc9c2;
$clrBudiSDBackground: #e3e9c5;
*/
/*
// budi svoja
$clrBudiSDMain: #7b517f;
$clrBudiSDMain2: #c8b5dc;
$clrBudiSDBackground: #f5edfe;
*/
/*------------------------------------*\
	boostrap 4 grid 
\*------------------------------------*/
.container--inner {
  padding-left: 0.7rem;
  padding-right: 0.8rem;
}

.container--outter {
  padding-left: 0;
  padding-right: 0;
}
.container--outter > .row {
  margin-left: 0;
  margin-right: 0;
}
.container--outter > .row > div {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1280px) {
  .container--inner {
    width: 126rem;
  }
  .container--outter {
    width: 127.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--inner {
    width: 94.5rem;
  }
  .container--inner > .row > .col-lg-1 {
    flex: 0 0 10.5rem;
    max-width: 10.5rem;
  }
  .container--inner > .row > .col-lg-2 {
    flex: 0 0 21rem;
    max-width: 21rem;
  }
  .container--inner > .row > .col-lg-3 {
    flex: 0 0 31.5rem;
    max-width: 31.5rem;
  }
  .container--inner > .row > .col-lg-4 {
    flex: 0 0 42rem;
    max-width: 42rem;
  }
  .container--inner > .row > .col-lg-5 {
    flex: 0 0 52.5rem;
    max-width: 52.5rem;
  }
  .container--inner > .row > .col-lg-6 {
    flex: 0 0 63rem;
    max-width: 63rem;
  }
  .container--inner > .row > .col-lg-7 {
    flex: 0 0 73.5rem;
    max-width: 73.5rem;
  }
  .container--inner > .row > .col-lg-8 {
    flex: 0 0 84rem;
    max-width: 84rem;
  }
  .container--inner > .row > .col-lg-9 {
    flex: 0 0 94.5rem;
    max-width: 94.5rem;
  }
  .container--inner > .row > .col-lg-10 {
    flex: 0 0 105rem;
    max-width: 105rem;
  }
  .container--inner > .row > .col-lg-11 {
    flex: 0 0 115.5rem;
    max-width: 115.5rem;
  }
  .container--inner > .row > .col-lg-12 {
    flex: 0 0 126rem;
    max-width: 126rem;
  }
  .container--outter {
    width: 96rem;
  }
}
.container--max-width {
  width: 100%;
  padding: 0;
}
@media (min-width: 1280px) {
  .container--max-width {
    max-width: 190.3rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--max-width {
    max-width: 102.4rem;
  }
}

@media (max-width: 1023px) {
  .container--inner {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
/* from bootstrap no-gutters
.no-gutters {
	margin-right: 0;
	margin-left: 0;

	> .col,
	> [class*="col-"] {
	  padding-right: 0;
	  padding-left: 0;
	}
  }
*/
/*.row--grid-nest > div {
	padding: 0;
}
.row--nest {
	margin-left: 0;
	margin-right: 0;
}

.col--nogutter {
	margin-left: 0 !important;
	margin-right: 0 !important;
	& > div {
		padding-right: 0 !important;
		padding-left: 0 !important; 					
	}	
}
.col--no-padding {
	padding-left: 0 !important;
	padding-right:0 !important;
}
.col--clear {
	clear: both;
}
*/
/*------------------------------------*\
// additional hidden classes
\*------------------------------------*/
@media (min-width: 1280px) {
  .hidden-xl {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .hidden-xs {
    display: none !important;
  }
}
/*------------------------------------*\
  override default bootstrap css
\*------------------------------------*/
.well {
  border: 0 solid #e3e3e3;
  border-radius: 0;
  box-shadow: none;
}

.navbar {
  border: 0 solid;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}
/*  default margins +/-7.5px replaces by 7px and 8px */
.row {
  margin-left: -0.7rem;
  margin-right: -0.8rem;
}

.col, [class*=col-] {
  padding-left: 0.7rem;
  padding-right: 0.8rem;
}

@media (min-width: 1280px) {
  .container {
    max-width: 190.3rem;
  }
}
/* lider */
/* SD */
/* STIL */
/* Zdravlje */
/* Otvoreno more */
/* Otvoreno more 2 */
body, h1, h2, h3, h4, h5, h6 {
  font-family: "Mukta", sans-serif;
}

.card__info {
  font-family: "Mukta", sans-serif;
}

.navbar-main .nav__link {
  font-family: "Mukta", sans-serif;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.7rem;
  letter-spacing: 0rem;
  color: #000000;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .navbar-main .nav__link {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.navbar-main.fixed-top .nav__link {
  font-size: 1.7rem;
  line-height: 1.7rem;
}

.col--head__title {
  font-family: "Mukta", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  color: #000000;
  text-transform: uppercase;
}
.col--head-1line .col--head__title {
  color: #ffffff;
}

.card__author-name, .item__image-info, .item__image-credit {
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #809eb1;
}

.item__image-info, .item__image-credit {
  text-transform: uppercase;
}

.item__author-name {
  text-decoration-color: #809eb1;
}

.card__author-label, .item__image-label {
  font-weight: 900;
}

.card__tag {
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
  letter-spacing: 0rem;
  color: #a9a9a9;
  text-transform: uppercase;
}

.card__egida {
  font-weight: 900 !important;
  text-transform: uppercase;
}

.card__category {
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0rem;
  color: #a9a9a9;
  text-transform: uppercase;
}

.card__introtext {
  font-family: "Mukta", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  color: #000000;
}

.card--b6-more-izdvojeno .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 2.7rem;
  line-height: 3.5rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (max-width: 1279px) {
  .card--b6-more-izdvojeno .card__egida-title--wrap {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 479px) {
  .card--b6-more-izdvojeno .card__egida-title--wrap {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.card--i6-more-izdvojeno-1 .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--i6-more-izdvojeno-1 .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--i6-more-izdvojeno-1 .card__egida-title--wrap {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .card--i6-more-izdvojeno-1 .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.card--i6-more-izdvojeno-2 .card__egida-title--wrap, .card--i6-more-izdvojeno-3 .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--i6-more-izdvojeno-2 .card__egida-title--wrap, .card--i6-more-izdvojeno-3 .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--i6-more-izdvojeno-2 .card__egida-title--wrap, .card--i6-more-izdvojeno-3 .card__egida-title--wrap {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .card--i6-more-izdvojeno-2 .card__egida-title--wrap, .card--i6-more-izdvojeno-3 .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.card--s3-more-izdvojeno .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--s3-more-izdvojeno .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--s3-more-izdvojeno .card__egida-title--wrap {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 767px) {
  .card--s3-more-izdvojeno .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.card--t3-more-izdvojeno .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #000000;
}
.card--b12-more-urednicki .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 4.2rem;
  letter-spacing: 0rem;
  color: #ffffff;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--b12-more-urednicki .card__egida-title--wrap {
    font-size: 2.8rem;
    line-height: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--b12-more-urednicki .card__egida-title--wrap {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 479px) {
  .card--b12-more-urednicki .card__egida-title--wrap {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
.card--b7-more-odabirurednika .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 2.7rem;
  line-height: 3.5rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (max-width: 1279px) {
  .card--b7-more-odabirurednika .card__egida-title--wrap {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 479px) {
  .card--b7-more-odabirurednika .card__egida-title--wrap {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.card--i5-more-odabirurednika .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--i5-more-odabirurednika .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--i5-more-odabirurednika .card__egida-title--wrap {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .card--i5-more-odabirurednika .card__egida-title--wrap {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.card--t5-more-odabirurednika .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.7rem;
  letter-spacing: 0rem;
  color: #000000;
}
.card--s4-more-vijesti .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (max-width: 1023px) {
  .card--s4-more-vijesti .card__egida-title--wrap {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.card--t4-more-vijesti .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0rem;
  color: #000000;
}
.card--s3-more-izlog .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.1rem;
  letter-spacing: 0rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  .card--s3-more-izlog .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
}
.card--s3-more-sasvihstrana .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.1rem;
  letter-spacing: 0rem;
  color: #ffffff;
}
.card--s4-more-nautika .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
.card--i7-more-ribolov .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 3.2rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (max-width: 1279px) {
  .card--i7-more-ribolov .card__egida-title--wrap {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 479px) {
  .card--i7-more-ribolov .card__egida-title--wrap {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.card--i5-more-ribolov .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  color: #000000;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--i5-more-ribolov .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--i5-more-ribolov .card__egida-title--wrap {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .card--i5-more-ribolov .card__egida-title--wrap {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (max-width: 479px) {
  .card--i5-more-ribolov .card__egida-title--wrap {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.card--s3-category .card__egida-title--wrap {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.1rem;
  letter-spacing: 0rem;
  color: #000000;
}

.nav-tabs--newandpop .nav-link {
  font-family: "Mukta", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0rem;
  color: #000000;
  text-transform: uppercase;
}

.card__button.btn--urednicki {
  font-family: "Mukta", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.3rem;
  letter-spacing: 0rem;
  color: #ffffff;
}

.card--t3-more-izdvojeno::before {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: #77a5dd;
}

/*
.card--s7-more-section {
	.card__title {
		@include font-def-only( $fontMorePlayfair, 700, 30px, 35px, 0px, $clrMoreMain);	
		@include bp4-lg    { @include font-def-only-size( 25px, 30px) };			
		@include bp4-md    { @include font-def-only-size( 30px, 35px) };			
		@include bp4-sm-dn { @include font-def-only-size( 20px, 25px) };			
	}
	@include bp4-md-dn { 
		.card__info { text-align: center; }
	}
}
.card--s2-more-section {
	.card__title {
		@include font-def-only( $fontMorePlayfair, 700, 18px, 22px, 0px, $clrMoreMain);
		@include bp4-md    { @include font-def-only-size( 20px, 25px) };			
		@include bp4-sm-dn { @include font-def-only-size( 17px, 22px) };			
	}
}
*/
.itemView .card--b12-more-izdvojeno .card__article:hover, .itemView .card--b12-more-izdvojeno .card__article:focus {
  cursor: initial;
}
.itemView .se-embed--infobox {
  border-radius: 0;
  background-color: #e6eff9;
}
@media (min-width: 1280px) {
  .itemView .se-embed--infobox, .itemView .se-embed--infobox h2 {
    font-size: 1.7rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .itemView .se-embed--infobox, .itemView .se-embed--infobox h2 {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .itemView .se-embed--infobox, .itemView .se-embed--infobox h2 {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}
@media (max-width: 767px) {
  .itemView .se-embed--infobox, .itemView .se-embed--infobox h2 {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
}
.itemView .se-embed--infobox h2 {
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 1280px) {
  .itemView .se-embed--infobox h2 {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }
}
.itemView .se-embed--infobox .se__title {
  font-family: "Mukta", sans-serif;
  color: #000000;
  font-weight: 900 !important;
  text-transform: uppercase;
}
.itemView .se-embed--infobox .se__text {
  font-family: "Mukta", sans-serif;
  color: #000000;
  font-weight: 600 !important;
}

/*
.card__info span {
	display: initial !important;
}
*/
.btn {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.impressum__copyright-text {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
}
.impressum__copyright-logo {
  font-size: 2rem;
  color: #ed1c24;
}
.impressum__menu .menu__link {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
  text-transform: uppercase;
}
.impressum__back2top {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
  text-transform: uppercase;
}

.navbar__mobile-copyright {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
}

.container.client_reorder .dropdown-toggle {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #000;
}
@media (max-width: 479px) {
  .container.client_reorder .dropdown-toggle {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.container.client_reorder .dropdown-toggle:hover, .container.client_reorder .dropdown-toggle:focus, .container.client_reorder .dropdown-toggle:active {
  color: #000;
}
.container.client_reorder .dropdown-item {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
}

.modal-header, .modal-footer {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
}

.addModule {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #000;
}

.searchBox .searchInput {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0.1rem;
  color: #4c4c4c;
  text-transform: uppercase;
}

/*
.mod__title {
	@include font-def-only($fontLiderMont, 800, 23px, 23px, 0px, $colorwhite);
	@include bp4-sm { @include font-def-only-size (20px, 20px); }
	@include bp4-xs { @include font-def-only-size (18px, 18px); }
}
*/
.itemView .item__title {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-size: 3.4rem;
  line-height: 4.4rem;
  letter-spacing: 0rem;
  color: #000;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .itemView .item__title {
    font-size: 3.2rem;
    line-height: 4.2rem;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .itemView .item__title {
    font-size: 2.7rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 479px) {
  .itemView .item__title {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
.site--more2 .itemView .item__title, .site--maslina .itemView .item__title {
  font-weight: 400;
}
.site--more2 .itemView .item__title .card__egida, .site--maslina .itemView .item__title .card__egida {
  font-weight: 900;
}
.itemView .item__dates {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
}
.itemView .item__image-desc, .itemView .item__image-credit, .itemView .se__caption, .itemView .se__source, .itemView .item-gallery__meta {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: -0.05rem;
  color: #4c4c4c;
}
@media (max-width: 767px) {
  .itemView .item__image-desc, .itemView .item__image-credit, .itemView .se__caption, .itemView .se__source, .itemView .item-gallery__meta {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
}
.itemView .article-Gallery .open-gallery-title, .itemView .article-Gallery .open-gallery-title--url {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-size: 2.6rem;
  line-height: 2.8rem;
  letter-spacing: 0.1rem;
  color: #fff;
}
@media (max-width: 767px) {
  .itemView .article-Gallery .open-gallery-title, .itemView .article-Gallery .open-gallery-title--url {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 768px) {
  .itemView .open-gallery {
    font-family: "Merriweather", serif;
    font-weight: 900;
    font-size: 3rem;
    line-height: 3.2rem;
    letter-spacing: 0rem;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .itemView .open-gallery {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.site--stil .itemView .open-gallery-title, .site--stil .itemView .open-gallery-title--url, .site--zdravlje .itemView .open-gallery-title, .site--zdravlje .itemView .open-gallery-title--url, .site--more .itemView .open-gallery-title, .site--more .itemView .open-gallery-title--url, .site--svijetinovacija .itemView .open-gallery-title, .site--svijetinovacija .itemView .open-gallery-title--url, .site--premium .itemView .open-gallery-title, .site--premium .itemView .open-gallery-title--url {
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  color: #000;
}
@media (max-width: 767px) {
  .site--stil .itemView .open-gallery-title, .site--stil .itemView .open-gallery-title--url, .site--zdravlje .itemView .open-gallery-title, .site--zdravlje .itemView .open-gallery-title--url, .site--more .itemView .open-gallery-title, .site--more .itemView .open-gallery-title--url, .site--svijetinovacija .itemView .open-gallery-title, .site--svijetinovacija .itemView .open-gallery-title--url, .site--premium .itemView .open-gallery-title, .site--premium .itemView .open-gallery-title--url {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.itemView .item-gallery__counter {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  font-size: 3.6rem;
  line-height: 3.6rem;
  letter-spacing: 0rem;
  color: #b7b7b7;
}
@media (max-width: 1023px) {
  .itemView .item-gallery__counter {
    font-size: 3rem;
    line-height: 3rem;
  }
}
.itemView .item-gallery__counter--all {
  color: #4c4c4c;
}
.itemView .itemFullText, .itemView .itemFullText h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.5rem;
  letter-spacing: -0.02rem;
  color: #000;
}
@media (max-width: 767px) {
  .itemView .itemFullText, .itemView .itemFullText h2 {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
}
.itemView .itemFullText h2 {
  text-transform: uppercase;
  font-weight: 700;
}
.itemView--komentar .itemFullText {
  font-weight: 600;
}
@media (min-width: 1024px) {
  .itemView--komentar .itemFullText {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .itemView--komentar .itemFullText {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 767px) {
  .itemView--komentar .itemFullText {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
}
.itemView .item__tag {
  font-size: 1.2rem;
}
.itemView .card--s12-related .card__title {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0rem;
}
.itemView .card--s12-related .card__title, .itemView .card--s12-related .card__title a {
  color: #000;
}
.itemView .card__read-more {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  color: #000;
}

.itemView .se-embed--infobox-gray .se__title {
  font-weight: bold;
}
.itemView .se-embed--infobox-red .se__title {
  color: #ffffff;
  font-weight: bold;
}
.itemView .se-embed--infobox-red .se__text {
  color: #ffffff;
}
.itemView .se-embed--button .se__btn {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
  letter-spacing: 0rem;
  color: #ffffff;
}
.itemView .se-embed--collapse .se__btn {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
  letter-spacing: 0rem;
  color: #000;
}
.itemView .se__embed-meta {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: -0.05rem;
  color: #4c4c4c;
}
@media (max-width: 767px) {
  .itemView .se__embed-meta {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
}

.mfp-content .ArticleImage-source, .mfp-content .desc, .mfp-content .mfp-counter {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  color: #fff;
}

.item__mailto-link {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0rem;
  color: #666666;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.item__mailto-link:hover {
  color: #000;
}

html {
  --live-head-font: Open Sans, sans-serif;
  --live-head-color: #ed1c24;
  --live-title-font: Merriweather, serif;
  --live-title-color: #000000;
  --live-intro-font: Open Sans, sans-serif;
  --live-intro-color: #000000;
}

#live_title_block {
  font-family: var(--live-head-font);
  font-weight: 600;
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: 0rem;
  color: var(--live-head-color);
  text-transform: uppercase;
}

#live_bullets_block::before {
  content: "Ključni događaji:";
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: #000000;
}

.se_blocklist .SE_block_content h3 {
  font-size: 1.9rem;
  line-height: 2.5rem;
}
.se_blocklist .SE_block_content .se-embed--article .se__title, .se_blocklist .SE_block_content .se-embed--article .se__title p, .se_blocklist .SE_block_content .se-embed--live-article .se__title, .se_blocklist .SE_block_content .se-embed--live-article .se__title p {
  font-family: var(--live-title-font);
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 2.7rem;
  letter-spacing: 0rem;
  color: var(--live-title-color);
  text-decoration: none !important;
}
.se_blocklist .SE_block_content .se-embed--article .se__intro, .se_blocklist .SE_block_content .se-embed--article .se__intro p, .se_blocklist .SE_block_content .se-embed--live-article .se__intro, .se_blocklist .SE_block_content .se-embed--live-article .se__intro p {
  font-family: var(--live-intro-font);
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2.3rem;
  letter-spacing: -0.05rem;
  color: var(--live-intro-color);
  text-decoration: none !important;
}
.se_blocklist .SE_block_content .se-embed--article .se__anchor, .se_blocklist .SE_block_content .se-embed--live-article .se__anchor {
  text-decoration: none;
}
.se_blocklist .SE_block_content .se-embed--article .se__anchor::after {
  content: "Opširnije ...";
  font-size: 1.7rem;
  line-height: 2rem;
  color: #000000;
}

.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-play:before {
  content: "\f04b";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-video:before {
  content: "\f03d";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-circle:before {
  content: "\f111";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-search:before {
  content: "\f002";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-camera:before {
  content: "\f030";
}

.fa-print:before {
  content: "\f02f";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-clock:before {
  content: "\f017";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-fast-forward:before {
  content: "\f050";
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/font-awesome/webfonts/fa-brands-400.eot");
  src: url("../fonts/font-awesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/font-awesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../fonts/font-awesome/webfonts/fa-brands-400.woff") format("woff"), url("../fonts/font-awesome/webfonts/fa-brands-400.ttf") format("truetype"), url("../fonts/font-awesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/font-awesome/webfonts/fa-regular-400.eot");
  src: url("../fonts/font-awesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/font-awesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../fonts/font-awesome/webfonts/fa-regular-400.woff") format("woff"), url("../fonts/font-awesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../fonts/font-awesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/font-awesome/webfonts/fa-solid-900.eot");
  src: url("../fonts/font-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/font-awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/font-awesome/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/font-awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/font-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}
html {
  font-size: 62.5%; /* 1 rem = 10px */
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.container {
  margin-bottom: 3rem;
  border: 0;
}

.t3-header {
  padding-top: 0;
  padding-bottom: 0;
}

.t3-content, .t3-footer {
  padding: 0;
  margin: 0 auto;
  background-color: initial;
}

.t3-footer {
  border-top: none;
}

.card__well {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.card__article {
  position: relative;
  overflow: hidden;
}

.card__figure {
  width: 100%;
  height: auto;
}

picture {
  width: 100%;
}

.card__image {
  display: block;
  width: 100%;
  height: auto;
}

.card__info {
  position: relative;
  text-align: left;
}

.card__mp4 {
  width: 100%;
}

.card__figure--video {
  background-color: rgba(0, 0, 0, 0.03);
}
.card__figure--video picture {
  visibility: hidden;
}

.card__video--youtube-wrap {
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
}

.item__image-block--video {
  padding-bottom: 56.25%;
}
.item__image-block .card__video--youtube-wrap {
  width: calc(100% - 1.5rem);
}

.btn--type-color {
  text-decoration: none;
}
.btn--type-color:hover, .btn--type-color:focus, .btn--type-color:active {
  cursor: pointer;
  text-decoration: underline;
}

.card--vignette .card__figure {
  position: relative;
}
.card--vignette .card__figure:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  content: "";
}

.list__head {
  margin-bottom: 1.5rem;
}

.col--content-extra {
  margin-bottom: 1.5rem;
}

#ocmContainer {
  padding: 0;
}

figure {
  margin: 0;
}

#midasWidget__593 {
  margin: 1.5rem 0;
}

.fb-comments, .fb-comments > span, .fb-comments > span iframe {
  width: 100% !important;
}

.no-touch .main-menu li:hover ul,
.no-touch .filters li:hover ul {
  z-index: 99;
  display: block;
}

.img--gif {
  width: 100%;
  height: auto;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
  /*
  outline-style: solid !important;
  outline-width: 0.1rem !important;
  outline-color: $clrLiderLightGray !important;
  */
}

div.onnetworkplayercontainer {
  z-index: 2 !important;
}

/*
.lds-spinner {
	color: official;
	display: inline-block;
	position: relative;
	width: 8rem;
	height: 8rem;
	text-align: center;
 	div {
		transform-origin: 4rem 4rem;
		animation: lds-spinner 1.2s linear infinite;
		&:after {
			content: " ";
			display: block;
			position: absolute;
			top: 0.3rem;
			left: 3.7rem;
			width: 0.6rem;
			height: 1.8rem;
			border-radius: 20%;
			background: #e0e0e0;
		  }
  		&:nth-child(1) {
			transform: rotate(0deg);
			animation-delay: -1.1s;
  		}
  		&:nth-child(2) {
			transform: rotate(30deg);
			animation-delay: -1s;
		}
		&:div:nth-child(3) {
			transform: rotate(60deg);
			animation-delay: -0.9s;
		}
		&:nth-child(4) {
			transform: rotate(90deg);
			animation-delay: -0.8s;
		}
		&:div:nth-child(5) {
			transform: rotate(120deg);
			animation-delay: -0.7s;
		}
		&:nth-child(6) {
			transform: rotate(150deg);
			animation-delay: -0.6s;
		}
		&:nth-child(7) {
			transform: rotate(180deg);
			animation-delay: -0.5s;
		}
		&:nth-child(8) {
			transform: rotate(210deg);
			animation-delay: -0.4s;
		}
		&:nth-child(9) {
			transform: rotate(240deg);
			animation-delay: -0.3s;
		}
		&:nth-child(10) {
			transform: rotate(270deg);
			animation-delay: -0.2s;
		}
		&:nth-child(11) {
			transform: rotate(300deg);
			animation-delay: -0.1s;
		}
		&:nth-child(12) {
			transform: rotate(330deg);
			animation-delay: 0s;
		}
	 }
}
@keyframes lds-spinner {
	0%   { opacity: 1; }
	100% { opacity: 0; }
}
*/
/*
body {
	.cc-banner.cc-bottom {
		@include bp4-lg-up {
			padding: 7.5rem 12.5rem;
		}
	}
}
*/
/*
.module__head {
	margin-top: 0.5rem;
	&-title {
		z-index: 1;
		position: relative;
		padding: 1rem 0 0 0;
	}
	&-url {
		display: inline-block;
		@include hfa-only {
			text-decoration: underline; 
			color: $clrSDBlack; 
		}			
	}
}
*/
/*
*:focus {
    outline: none;
}
*/
/*
.tooltip-inner {
	padding: 0.2rem 0.7rem;
	color: $clrLiderDarkGray;
	text-align:center;
	font-weight:900;

	background-color: $colorwhite;
    border: 0.1rem solid $clrLiderRed;
    border-radius: 1rem;   
}
*/
/*
div.ocmPagination {
	text-align: center;
	.pagination {
		float: none;
		display: inline-block;
		li {
			display: inline-block;
			margin: 0;
			padding: 1rem;
		}		
	}
    ul li {
        a {
            color: $clrLiderRed;
            margin: initial; 
            border: initial; 
            border-radius: initial; 
            background: $colorwhite;            
        }          
        &.disabled {
            color: $clrLiderDarkGray;
        }
        &.active a {
            background: $colorwhite;            
            text-decoration: underline;
        }	
        a {
            @include hf-only {
                background-color: $colorwhite;
            }
        }         
        &:not(.disabled) {
            @include hf-set (inherit, underline, 1, pointer);	
        }     
   }    
}  
*/
.nav__item--parlamentarni-izbori-2024 > .nav__link {
  color: #ed1c24;
}

body {
  background-color: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100px, #e6eff9 200px, #e6eff9 100%);
  background-repeat: no-repeat;
}

.container {
  margin-bottom: 4.5rem;
}

#t3-header {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100px, #e6eff9 200px, #e6eff9 100%);
}

@media (max-width: 1023px) {
  #ocmContainer {
    margin-top: 1.5rem;
  }
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

#t3-footer {
  background-color: transparent;
  background: transparent;
  border-width: 0px;
}

.card__article {
  overflow: initial;
}
.card__article:hover, .card__article:focus {
  cursor: pointer;
}
.card__article:hover .card__title, .card__article:hover .card__egida, .card__article:hover .card__introtext, .card__article:focus .card__title, .card__article:focus .card__egida, .card__article:focus .card__introtext {
  opacity: 0.8;
}
.card__article-link {
  color: #000;
}

.card__figure {
  position: relative;
  /*&-icon {
  	display: inline-block;
  	width: 2.8rem;
  	height: 2.4rem;
  	background-image: url("/templates/site/images/pngs/sd_icons.png");
  	background-size: cover;		
  	background-repeat: no-repeat;
  	margin-right: 0.2rem;
  	&--images { background-position: 0 0;}
  	&--video  { background-position: -3.3rem 0; }
  	&--infographic { background-position: -6.3rem 0; }
  }*/
}
.card__figure-icons {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.card__figure-text--promo {
  z-index: 1;
  background-color: #ed1c24;
  padding: 0.2rem 0.6rem;
  position: absolute;
  top: 50%;
  top: calc(50% - 0.8rem);
}
.card__figure-icon {
  background-color: #003d63;
  color: white;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.4rem;
  font-size: 1.4rem;
}
.card__figure-icon-fa {
  position: relative;
  top: 0.4rem;
  left: 0.8rem;
}
.card__figure-icon-fa.fa-play {
  transform: scale(0.85);
}
.card__figure-icon-fas {
  position: relative;
  top: 0.5rem;
  left: 0.8rem;
}
.card__figure-icon-num {
  position: relative;
  top: 0.4rem;
  left: 1rem;
}

.card__info {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card__title {
  margin-top: 1.2rem;
}

.card__cat-link {
  display: inline-block;
  padding: 0;
}
.card__cat-link:hover, .card__cat-link:focus, .card__cat-link:active {
  text-decoration: underline;
}

.card__category {
  display: inline-block;
  padding: 0;
}

.card__introtext {
  padding-top: 1rem;
}

.card__title, .card__introtext, .card__author-name {
  display: block;
}

.card__video {
  border: none;
}

@media (max-width: 479px) {
  /*.card__author-label, .card__author-name, .cards__author-link {
  	display: none; 
  }*/
  .card__introtext {
    display: none !important;
  }
  .card--s4-kolumne .card__author-name, .card--s4-kolumne .card__author-link {
    display: block;
  }
  .itemView .card__introtext, .itemView .card__author-label, .itemView .card__author-name, .itemView .cards__author-link {
    display: initial;
  }
  .itemView .item__author {
    display: block;
  }
}
.card__author-link:hover, .card__author-link:focus, .card__author-link:active {
  text-decoration: underline;
}

.section__title--hidden {
  display: none;
}

.col--line-sep {
  border-style: solid;
  border-width: 0 0.8rem 0 0.7rem;
  border-color: transparent;
  height: 0.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.col--line-sep-bottom {
  top: -0.8rem;
}

.menu__item--onsite {
  display: none !important;
}

.menu__item--onsite-sd {
  display: inline-block !important;
}

.card__article {
  overflow: initial;
}

.card__figure {
  overflow: initial;
}

.card__title {
  margin-bottom: 2rem;
}
@media (max-width: 479px) {
  .card__title {
    margin-bottom: 0;
  }
}

.col--head {
  text-align: center;
}
.col--head-1line {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-width: 0 0 0.2rem 0;
  border-style: solid;
  border-color: #ffffff;
}
.col--head-2line {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  margin-bottom: 4.5rem;
  margin-left: 0.7rem;
  max-width: calc(100% - 1.5rem);
  background: linear-gradient(to bottom, #b3cdeb 0%, #e6eff9 25%, #e6eff9 75%, #b3cdeb 100%);
}
.col--head__anchor {
  display: inline-block;
}
.col--head__title {
  position: relative;
}

/*.card__info {
	padding-bottom: 1.5rem;
}*/
.card__category {
  display: inline-block;
  position: relative;
  /*&::after { 
  	content: '//';
  	position: relative;
  	left: 0.8rem;
  }*/
}
.card__category::after {
  content: attr(data-time); /* no quotes around attribute name! */
  display: inline-block;
  padding-left: 2rem;
  background-image: url(/templates/site/images/svgs/more2_two_lines.svg);
  background-size: 2rem 1rem;
  background-repeat: no-repeat;
  background-position: left;
}

.card__tag::after {
  content: "";
  padding-left: 2rem;
  background-image: url(/templates/site/images/svgs/more2_two_lines.svg);
  background-size: 2rem 1.1rem;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

.card__egida, .card__title {
  display: inline;
}

.card__egida-title--wrap {
  display: block;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.card__introtext {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.nav__link--more-newsletter:hover {
  cursor: pointer;
}

.ad--align {
  display: block;
  text-align: center;
  height: auto;
}

.position_wall_left_right {
  position: relative;
}

/*.position_wall_paper {
	position: relative;
	top: 0; 	
	z-index: 1;	
	width: 100%;
	& > div {
		text-align: center;
		margin-bottom: 2 * $gutterWidth;
	}
}*/
.position_wall_left, .position_wall_right {
  position: absolute;
  z-index: 1;
  top: 0;
}
.position_wall_left.wall--fixed, .position_wall_right.wall--fixed {
  position: fixed;
  top: 0;
}
@media (max-width: 1279px) {
  .position_wall_left, .position_wall_right {
    display: none;
  }
}

.position_wall_left {
  right: 50%;
}
@media (min-width: 1280px) {
  .position_wall_left {
    margin-right: 63.6rem;
  }
}

.position_wall_right {
  left: 50%;
}
@media (min-width: 1280px) {
  .position_wall_right {
    margin-left: 63.6rem;
  }
}

.break_cont, .container--break {
  margin-top: 0;
  margin-bottom: 0;
}
.break_cont iframe, .break_cont .ad--sample, .container--break iframe, .container--break .ad--sample {
  margin-bottom: 3rem !important;
}

.break_00_cont, .container--break-00 {
  margin-bottom: 0;
}
.break_00_cont iframe, .break_00_cont .ad--sample, .container--break-00 iframe, .container--break-00 .ad--sample {
  margin-bottom: 0 !important;
}

@media (max-width: 479px) {
  .position_break_01_top iframe, .position_break_01_top .ad--sample, .position_item_break_01_top iframe, .position_item_break_01_top .ad--sample {
    margin-bottom: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .position_item_break_02_top .ad--align {
    margin-bottom: 0;
  }
}
@media (max-width: 1279px) {
  .position_item_break_03_top .ad--align {
    margin-bottom: 3rem;
  }
}
.itemFullText .ad--align {
  text-align: center;
}

.item__ad-center, .position_item_center_06_top {
  line-height: 0;
  margin-bottom: 0;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  /*@include bp4-range (320, 329) { 
  	margin-left: -1rem;
  	margin-right: -1rem;	
  }
  @include bp4-range (310, 319) { 
  	margin-left: -0.5rem;
  	margin-right: -0.5rem;	
  }	
  @include bp4-range (310, 319) { 
  	margin-left: -0.5rem;
  	margin-right: -0.5rem;	
  }	
  @include bp4-range (0, 309) { 
  	margin-left: -0.2rem;
  	margin-right: -0.2rem;	
  }	
  */
  clear: both;
}

.item__ad-center.position_item_center_01_top .ad--align {
  margin-top: 0;
}

/*.item__ad-center--filled .ad--align > div {
	position: relative;	
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	margin: 1.5rem 0 3rem 0;
	border: 0.1rem solid gray !important;
	display: inline-block;
	&::after {
		content: 'OGLAS';
		color: gray;
		position: absolute;
		width: 6rem;
		top: -1.5rem;
		left: 50%;
		transform: translateX(-50%);
		margin: 3rem 0;
		background-color: white;
	}
}
*/
.position_right_01_top .ad--align, .position_right_02_top .ad--align, .position_right_04_top .ad--align, .position_right_05_top .ad--align, .position_right_tpl_a_top .ad--align {
  margin-bottom: 0;
}

.position_item_break_03_top {
  margin-bottom: 3rem;
}

.position_item_right_01_top iframe, .position_item_right_01_top .ad--sample {
  margin-bottom: 3rem;
}

/*.position_featured_top {
	//.ad--align > div[data-google-query-id] {	
	iframe, .ad--sample {		
		@include bp4-lg-dn {
			margin-top: $gutterWidth;
			margin-bottom: $gutterWidth;
		}
	}
}*/
/*.position_featured2_top { //?
	iframe, .ad--sample {		
		margin-top: $gutterWidth;
		margin-bottom: 2*$gutterWidth;
	}
}*/
.position_item_center_06_top iframe, .position_item_center_06_top .ad--sample {
  margin-bottom: 5rem;
}

.itemView--galerija .position_item_center_01_top iframe {
  margin-bottom: 1.5rem;
}

/*
.position_break_02_top {
	.ad--align[data-google-query-id] {
		margin-bottom: $gutterWidth;
	}
}
*/
@media (min-width: 1024px) {
  .container--regije113 .col--side iframe, .container--regije113 .col--side .ad--sample {
    margin-bottom: 1.5rem;
  }
}
.position_osmrtnice_right_top {
  width: 30rem;
  margin: auto;
}

.site--stil .break_cont iframe, .site--stil .break_cont .ad--sample, .site--stil .container--break iframe, .site--stil .container--break .ad--sample {
  margin-bottom: 11rem !important;
}
@media (min-width: 1024px) {
  .site--stil .position_wall_left, .site--stil .position_wall_right {
    top: 75rem;
  }
  .site--stil .position_wall_left.wall--fixed, .site--stil .position_wall_right.wall--fixed {
    top: 0;
  }
}

.site--zdravlje .break_cont iframe, .site--zdravlje .break_cont .ad--sample, .site--zdravlje .container--break iframe, .site--zdravlje .container--break .ad--sample, .site--more .break_cont iframe, .site--more .break_cont .ad--sample, .site--more .container--break iframe, .site--more .container--break .ad--sample {
  margin-bottom: 11rem !important;
}

.site--more2 .break_cont iframe, .site--more2 .break_cont .ad--sample, .site--more2 .container--break iframe, .site--more2 .container--break .ad--sample, .site--maslina .break_cont iframe, .site--maslina .break_cont .ad--sample, .site--maslina .container--break iframe, .site--maslina .container--break .ad--sample {
  margin-bottom: 4.5rem !important;
}

.site--svijetinovacija .break_cont iframe, .site--svijetinovacija .break_cont .ad--sample, .site--svijetinovacija .container--break iframe, .site--svijetinovacija .container--break .ad--sample {
  margin-bottom: 11rem !important;
}
@media (min-width: 1024px) {
  .site--svijetinovacija .position_wall_left, .site--svijetinovacija .position_wall_right {
    top: 81rem;
  }
  .site--svijetinovacija .position_wall_left.wall--fixed, .site--svijetinovacija .position_wall_right.wall--fixed {
    top: 0;
  }
}

/*
.floater_top_wrapper {
    .floater_top_close {
        display: none;
        height: 36px;
        margin-left: auto;
        background: transparent;
        border: none;
    }
}
.floater_top_anchor {
    width: 100%;
    min-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;

    .position_floater_top {
        position: relative !important;
    }
}
*/
.floater_top_anchor {
  width: 100%;
  min-height: 5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.floater_top_anchor .ad--align {
  margin-bottom: 0 !important;
}
.floater_top_anchor .ad--align > div {
  position: relative;
}
.floater_top_close {
  position: absolute;
  height: 3.6rem;
  right: 0;
  top: -3.6rem;
  background: transparent;
  border: none;
  padding: 0;
}

.ads-cls-fix .home_page .position_break {
  /* 
  --- ad height lower than 250; ---
  @include bp4-md { 
      &_01_top {  
          @include ad_cls_fix ();
      }               
  }*/
}
@media (min-width: 1024px) {
  .ads-cls-fix .home_page .position_break_01_top, .ads-cls-fix .home_page .position_break_03_top, .ads-cls-fix .home_page .position_break_04_top, .ads-cls-fix .home_page .position_break_05_top, .ads-cls-fix .home_page .position_break_06_top, .ads-cls-fix .home_page .position_break_07_top, .ads-cls-fix .home_page .position_break_08_top, .ads-cls-fix .home_page .position_break_09_top, .ads-cls-fix .home_page .position_break_10_top, .ads-cls-fix .home_page .position_break_11_top {
    position: relative;
    min-height: 28rem;
  }
  .ads-cls-fix .home_page .position_break_01_top::before, .ads-cls-fix .home_page .position_break_03_top::before, .ads-cls-fix .home_page .position_break_04_top::before, .ads-cls-fix .home_page .position_break_05_top::before, .ads-cls-fix .home_page .position_break_06_top::before, .ads-cls-fix .home_page .position_break_07_top::before, .ads-cls-fix .home_page .position_break_08_top::before, .ads-cls-fix .home_page .position_break_09_top::before, .ads-cls-fix .home_page .position_break_10_top::before, .ads-cls-fix .home_page .position_break_11_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .home_page .position_break_01_top::after, .ads-cls-fix .home_page .position_break_03_top::after, .ads-cls-fix .home_page .position_break_04_top::after, .ads-cls-fix .home_page .position_break_05_top::after, .ads-cls-fix .home_page .position_break_06_top::after, .ads-cls-fix .home_page .position_break_07_top::after, .ads-cls-fix .home_page .position_break_08_top::after, .ads-cls-fix .home_page .position_break_09_top::after, .ads-cls-fix .home_page .position_break_10_top::after, .ads-cls-fix .home_page .position_break_11_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .ads-cls-fix .home_page .position_break_01_top, .ads-cls-fix .home_page .position_break_02_top, .ads-cls-fix .home_page .position_break_03_top, .ads-cls-fix .home_page .position_break_04_top, .ads-cls-fix .home_page .position_break_05_top, .ads-cls-fix .home_page .position_break_06_top, .ads-cls-fix .home_page .position_break_07_top, .ads-cls-fix .home_page .position_break_08_top, .ads-cls-fix .home_page .position_break_09_top, .ads-cls-fix .home_page .position_break_10_top, .ads-cls-fix .home_page .position_break_11_top {
    position: relative;
    min-height: 28rem;
  }
  .ads-cls-fix .home_page .position_break_01_top::before, .ads-cls-fix .home_page .position_break_02_top::before, .ads-cls-fix .home_page .position_break_03_top::before, .ads-cls-fix .home_page .position_break_04_top::before, .ads-cls-fix .home_page .position_break_05_top::before, .ads-cls-fix .home_page .position_break_06_top::before, .ads-cls-fix .home_page .position_break_07_top::before, .ads-cls-fix .home_page .position_break_08_top::before, .ads-cls-fix .home_page .position_break_09_top::before, .ads-cls-fix .home_page .position_break_10_top::before, .ads-cls-fix .home_page .position_break_11_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .home_page .position_break_01_top::after, .ads-cls-fix .home_page .position_break_02_top::after, .ads-cls-fix .home_page .position_break_03_top::after, .ads-cls-fix .home_page .position_break_04_top::after, .ads-cls-fix .home_page .position_break_05_top::after, .ads-cls-fix .home_page .position_break_06_top::after, .ads-cls-fix .home_page .position_break_07_top::after, .ads-cls-fix .home_page .position_break_08_top::after, .ads-cls-fix .home_page .position_break_09_top::after, .ads-cls-fix .home_page .position_break_10_top::after, .ads-cls-fix .home_page .position_break_11_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
.ads-cls-fix .cat_page .position_break {
  /*
  --- ad height lower than 250; ---
  @include bp4-md { 
      &_01_top {  
          @include ad_cls_fix ();
      }               
  }*/
}
@media (min-width: 1024px) {
  .ads-cls-fix .cat_page .position_break_01_top, .ads-cls-fix .cat_page .position_break_03_top, .ads-cls-fix .cat_page .position_break_04_top {
    position: relative;
    min-height: 28rem;
  }
  .ads-cls-fix .cat_page .position_break_01_top::before, .ads-cls-fix .cat_page .position_break_03_top::before, .ads-cls-fix .cat_page .position_break_04_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .cat_page .position_break_01_top::after, .ads-cls-fix .cat_page .position_break_03_top::after, .ads-cls-fix .cat_page .position_break_04_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .ads-cls-fix .cat_page .position_break_mob_01_top, .ads-cls-fix .cat_page .position_break_02_top, .ads-cls-fix .cat_page .position_break_03_top, .ads-cls-fix .cat_page .position_break_04_top {
    position: relative;
    min-height: 28rem;
  }
  .ads-cls-fix .cat_page .position_break_mob_01_top::before, .ads-cls-fix .cat_page .position_break_02_top::before, .ads-cls-fix .cat_page .position_break_03_top::before, .ads-cls-fix .cat_page .position_break_04_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .cat_page .position_break_mob_01_top::after, .ads-cls-fix .cat_page .position_break_02_top::after, .ads-cls-fix .cat_page .position_break_03_top::after, .ads-cls-fix .cat_page .position_break_04_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  .ads-cls-fix .itemView .position_item_break_01_top, .ads-cls-fix .itemView .position_item_break_02_top {
    position: relative;
    min-height: 28rem;
  }
  .ads-cls-fix .itemView .position_item_break_01_top::before, .ads-cls-fix .itemView .position_item_break_02_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .itemView .position_item_break_01_top::after, .ads-cls-fix .itemView .position_item_break_02_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .ads-cls-fix .itemView .position_item_break_mob_01_top, .ads-cls-fix .itemView .position_item_break_02_top {
    position: relative;
    min-height: 28rem;
  }
  .ads-cls-fix .itemView .position_item_break_mob_01_top::before, .ads-cls-fix .itemView .position_item_break_02_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .itemView .position_item_break_mob_01_top::after, .ads-cls-fix .itemView .position_item_break_02_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .ads-cls-fix .itemView .position_item_break_mob_01_top {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 100%;
    grid-template-rows: 3rem minmax(25rem, 1fr) 3rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
    margin-top: 1.5rem;
  }
  .ads-cls-fix .itemView .position_item_break_mob_01_top::before {
    top: 3rem;
  }
}
@media (min-width: 768px) {
  .ads-cls-fix .itemView .position_item_center_01_top {
    position: relative;
    min-height: 28rem;
    display: grid;
    grid-gap: 0;
    grid-template-columns: 100%;
    grid-template-rows: 3rem minmax(25rem, 1fr) 3rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
    margin-top: 1.5rem;
  }
  .ads-cls-fix .itemView .position_item_center_01_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: 25rem;
    background-color: #fafafa;
    z-index: -1;
    /*background-color: #e5e5f7;
    opacity: 0.8;
    background-image:  repeating-linear-gradient(45deg, #444cf7 25%, transparent 25%, transparent 75%, #444cf7 75%, #444cf7), repeating-linear-gradient(45deg, #444cf7 25%, #e5e5f7 25%, #e5e5f7 75%, #444cf7 75%, #444cf7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;*/
  }
  .ads-cls-fix .itemView .position_item_center_01_top::after {
    content: "OGLAS";
    color: #d0d0d0;
    font-size: 2.8rem;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .ads-cls-fix .itemView .position_item_center_01_top::before {
    top: 3rem;
  }
}

/*.header__background {
	@include bp4-lg-up {
		background-color: $clrSDGray2;
		position: absolute;
		width: 100%;
	}
	@include bp4-md-dn { display: none;	}
}*/
@media (min-width: 1024px) {
  #t3-header {
    margin-top: 13rem;
    height: 4rem;
    background-color: #f5f5f5;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  #t3-header {
    height: 5rem;
    margin-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.site-title__img--big, .site-title__img--small {
  display: block;
}
.site-title__txt {
  display: none;
}
@media (min-width: 1024px) {
  .site-title__link {
    display: inline-block;
    text-align: center;
  }
  .navbar-main.fixed-top .site-title__link {
    display: initial;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .site-title__link {
    display: block;
    text-align: center;
  }
}
.site--slobodna .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.7)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-size: 120% 120%;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1280px) {
  .site--slobodna .navbar-main.fixed-top .site-title__img--big {
    display: block;
    width: 23rem;
    height: 2rem;
  }
  .site--slobodna .navbar-main.fixed-top .site-title__img--small {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .site--slobodna .navbar-main.fixed-top .site-title__img--big {
    display: none;
    width: 23rem;
    height: 2rem;
  }
  .site--slobodna .navbar-main.fixed-top .site-title__img--small {
    display: block;
    width: 2.5rem;
    height: auto;
    background-color: #ed1c24;
    border-radius: 50%;
  }
}
@media (min-width: 1024px) {
  .site--slobodna .site-title__img--big {
    width: 52rem;
    height: 4.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .site--slobodna .site-title__img--big {
    width: 32rem;
    height: 3.75rem;
  }
}
@media (max-width: 767px) {
  .site--slobodna .site-title__img--big {
    display: none;
  }
}
.site--slobodna .site-title__img--small {
  /* original logo */
  /* logo for 80 birthday */
  /*
  @include bp4-sm-dn {
  	width: auto;
  	height: 4rem;
  	//border-radius: 4rem;	
  	//background-color: $clrSDMain;
  }
  */
}
@media (min-width: 768px) {
  .site--slobodna .site-title__img--small {
    display: none;
  }
}
@media (max-width: 767px) {
  .site--slobodna .site-title__img--small {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    background-color: #ed1c24;
  }
}
@media (min-width: 1024px) {
  .site--slobodna {
    /* logo for 80 birthday */
  }
  .site--slobodna .navbar-main--slobodna .site-title__link {
    position: relative;
    /*
    top: -1.3rem;
    &::after {
    	content: '';
    	position: absolute;
    	top: 3.5rem;
    	left: 0;
    	width: 100%;
    	height: 5rem;
    	background-image: url('/templates/site/images/svgs/SD_slobodna_80_slogan.svg');
    	background-repeat: no-repeat;
    	background-size: contain;	
    	background-position: center center;				
    }	
    */
  }
  .site--slobodna .navbar-main--slobodna.fixed-top .site-title__link {
    top: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
  .site--slobodna .navbar-main--slobodna.fixed-top .site-title__link {
    top: -0.4rem;
  }
}
@media (min-width: 1024px) {
  .site--slobodna .navbar-main--slobodna.fixed-top .site-title__link::after {
    display: none;
  }
}
.site--dubrovacki .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.7)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-size: 120% 120%;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1024px) {
  .site--dubrovacki .navbar-main.fixed-top .site-title__img--big {
    display: block;
    width: 16rem;
    height: 2rem;
  }
}
@media (min-width: 1024px) {
  .site--dubrovacki .site-title__img--big {
    width: 50rem;
    height: 5.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .site--dubrovacki .site-title__img--big {
    width: 23rem;
    height: 3.75rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .site--dubrovacki .site-title__img--big {
    width: 23rem;
    height: 3.75rem;
  }
}
@media (max-width: 479px) {
  .site--dubrovacki .site-title__img--big {
    width: 16rem;
    height: 3.55rem;
    margin-top: 0.2rem;
    margin-left: 5rem;
  }
  .site--zadarski .navbar-main {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .site--dubrovacki .site-title__img--big {
    display: none;
  }
}
.site--dubrovacki .site-title__img--small {
  width: 4rem;
  height: 3.6rem;
  position: relative;
  top: 0.4rem;
}
@media (min-width: 768px) {
  .site--dubrovacki .site-title__img--small {
    display: none;
  }
}
.site--zadarski .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.7)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-size: 120% 120%;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1024px) {
  .site--zadarski .navbar-main.fixed-top .site-title__img--big {
    display: block;
    width: 16rem;
    height: 2rem;
  }
}
.site--zadarski .site-title__img {
  /*&--small {
  	@include bp4-md-up { display: none; }					
  	@include bp4-sm-dn {
  		width: 4.2rem;
  		height: 4.2rem;
  		border-radius: 4.2rem;	
  		background-color: $clrSDMain;
  	}
  }*/
}
@media (min-width: 1024px) {
  .site--zadarski .site-title__img--big {
    width: 42rem;
    height: 4.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .site--zadarski .site-title__img--big {
    width: 23rem;
    height: 3.75rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .site--zadarski .site-title__img--big {
    width: 23rem;
    height: 3.75rem;
  }
}
@media (max-width: 479px) {
  .site--zadarski .site-title__img--big {
    width: 16rem;
    height: 3.55rem;
    margin-top: 0.2rem;
    margin-left: 5rem;
  }
  .site--zadarski .navbar-main {
    text-align: left;
  }
}
.site--sibenski .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.7)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-size: 120% 120%;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1024px) {
  .site--sibenski .navbar-main.fixed-top .site-title__img--big {
    display: block;
    width: 11rem;
    height: 2rem;
  }
}
.site--sibenski .site-title__img {
  /*&--small {
  	@include bp4-md-up { display: none; }					
  	@include bp4-sm-dn {
  		width: 4.2rem;
  		height: 4.2rem;
  		border-radius: 4.2rem;	
  		background-color: $clrSDMain;
  	}
  }*/
}
@media (min-width: 1024px) {
  .site--sibenski .site-title__img--big {
    width: 32rem;
    height: 5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .site--sibenski .site-title__img--big {
    width: 23rem;
    height: 3.75rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .site--sibenski .site-title__img--big {
    width: 23rem;
    height: 3.75rem;
  }
}
@media (max-width: 479px) {
  .site--sibenski .site-title__img--big {
    width: 16rem;
    height: 3.55rem;
    margin-top: 0.2rem;
    margin-left: 5rem;
  }
  .site--sibenski .navbar-main {
    text-align: left;
  }
}

.navbar-nav {
  display: block;
  text-align: center;
}

@media (min-width: 1024px) {
  .navbar-brand {
    width: 100%;
    text-align: center;
    position: absolute;
  }
  .navbar-brand.site-title--slobodna {
    top: -9rem;
  }
  .navbar-brand.site-title--zadarski {
    top: -9rem;
  }
  .navbar-brand.site-title--dubrovacki {
    top: -9.5rem;
  }
  .navbar-brand.site-title--sibenski {
    top: -9.5rem;
  }
}
@media (max-width: 767px) {
  .navbar-brand {
    margin-right: 0;
  }
}

.navbar-main {
  padding: 0;
  margin-top: 0;
  display: block;
}
@media (min-width: 1024px) {
  .navbar-main {
    background-color: transparent !important;
  }
}
.navbar-main.fixed-top {
  position: fixed;
  background-color: #f5f5f5 !important;
  margin: 6rem auto 0 auto;
  top: -6rem;
  transition: margin 0.5s ease-out;
  right: 0.1rem;
}
.navbar-main.fixed-top .navbar-brand {
  position: absolute;
  top: 0.7rem;
  text-align: left;
}
.navbar-main.fixed-top .navbar-nav {
  text-align: right;
  padding-right: 0;
}
@media (min-width: 1280px) {
  .navbar-main.fixed-top {
    width: 124.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .navbar-main.fixed-top {
    width: 99.4rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .navbar-main.fixed-top .navbar-nav > .nav__item {
    position: relative;
    border-color: rgb(235, 235, 235);
    padding-left: 0rem;
    padding-right: 0rem;
    transition: none !important;
  }
}

@media (min-width: 1024px) {
  .dropdown-toggle {
    display: none;
  }
}

.dropdown-menu {
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

@media (min-width: 1024px) {
  .navbar-nav > .nav__item {
    display: inline-block !important;
  }
}

.nav__link {
  display: block;
  text-transform: uppercase;
  padding: 1.2rem 0;
  white-space: nowrap;
  transition: none !important;
}
@media (min-width: 1024px) {
  .nav__link {
    height: 4rem;
  }
}

@media (min-width: 1024px) {
  .navbar-collapse {
    margin: auto;
  }
  .navbar-nav {
    justify-content: center;
    flex-grow: 0;
    margin: auto auto;
    width: 100%;
  }
  .navbar-nav > .nav__item {
    margin: 0 1rem;
    flex: 0 1 0;
    transition: border 0.5s ease;
  }
  .dropdown-menu {
    left: -0.1rem;
    min-width: 20rem;
  }
  .dropdown-menu .nav__item .nav__link {
    padding: 1.2rem 1rem;
    text-align: left !important;
  }
  .dropdown-menu .nav__item:not(:last-child) {
    border-width: 0 0 0.1rem 0;
    border-style: solid;
    border-color: rgb(235, 235, 235);
  }
  .container--mobile {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .navbar-main.fixed-top .navbar-nav > .nav__item {
    margin: 0 0.6rem;
  }
  .navbar-main--zadarski.fixed-top .navbar-nav > .nav__item {
    margin: 0 0.5rem;
  }
}
@media print and (min-width: 1px) {
  body {
    margin: 3rem 0 !important;
  }
  .container--search {
    display: none;
  }
  .navbar-main {
    position: static !important;
  }
  .ad--align {
    display: none;
  }
}
@media (max-width: 1023px) {
  .navbar-main {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-width: 0 0 0.1rem 0;
    border-style: solid;
    border-color: rgb(130, 130, 130);
    text-align: center;
  }
  .navbar-main .navbar-toggler {
    border-width: 0;
    position: fixed;
    left: 1rem;
    top: 1rem;
    margin: 0;
    padding: 0.5rem;
    transition: all 0.5s ease-in-out;
    transform: rotateZ(90deg);
  }
  .navbar-main .navbar-toggler.collapsed {
    transform: rotateZ(0deg);
  }
  .navbar-collapse {
    overflow-y: auto;
    padding: 0;
  }
  .navbar-collapse .navbar-nav {
    padding-top: 0.5rem;
    padding-bottom: 3rem;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav .nav__item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-nav .dropdown-menu .nav__item {
    padding-left: 3rem;
    padding-right: 0;
  }
  .navbar-nav .nav__link {
    border-width: 0 0 0.1rem 0;
    border-style: solid;
    border-color: rgb(235, 235, 235);
  }
  .navbar-nav .nav__item:first-child {
    border-width: 0.1rem 0 0.1rem 0;
  }
  .navbar-nav .dropdown-menu .nav__item:last-child {
    border-width: 0;
  }
  .nav__link {
    text-align: left;
    padding: 1rem;
  }
  .nav__item.show, .dropdown-menu.show {
    background-color: #fafafa;
  }
  .dropdown .dropdown-toggle {
    position: absolute;
    padding: 1rem 1.5rem;
    top: 0;
    right: 0;
  }
  .dropdown .dropdown-toggle:after {
    border-top: 0.5rem solid;
    border-right: 0.5rem solid transparent;
    border-bottom: 0;
    border-left: 0.5rem solid transparent;
  }
  .dropdown .dropdown-toggle:after {
    transition: all 0.5s ease-in-out;
    transform: rotate(0deg);
  }
  .dropdown.show .dropdown-toggle:after {
    color: rgb(130, 130, 130);
    transform: rotate(180deg);
  }
  .navbar-nav .dropdown-menu {
    border: none;
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out, background-color 0s ease;
    transition-delay: 0.25s;
  }
  .navbar-nav .dropdown-menu .nav__item .nav__link {
    padding-left: 0;
    padding-right: 0;
    text-align: left !important;
  }
  .navbar-nav .dropdown-menu.show {
    max-height: 150rem;
    transition: all 1s ease-in, background-color 0s ease;
  }
  .container--mobile {
    display: block;
    margin: 1.5rem 0;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .site--slobodna .sd-dojavi {
    display: none;
  }
}
@media (min-width: 1024px) {
  .site--slobodna .navbar-nav .nav__item--dojavi-vijest {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--dojavi-vijest .nav__link {
    position: relative;
    padding-bottom: 1.5rem;
    color: transparent;
  }
  .site--slobodna .navbar-nav .nav__item--dojavi-vijest .nav__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7.2rem;
    height: 3.6rem;
    background-image: url(/templates/site/images/svgs/SD_dojavi.svg);
    background-size: cover;
  }
}
@media (min-width: 1024px) {
  .site--slobodna .navbar-nav .nav__item--pretraga-menu {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--pretraga-menu .nav__link {
    position: relative;
    color: #000;
  }
  .site--slobodna .navbar-nav .nav__item--pretraga-menu .nav__link::after {
    content: "\f002";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    position: absolute;
    top: 1.1rem;
    left: 6.5rem;
    width: 2rem;
    height: 2rem;
    color: #b7b7b7;
  }
  .site--slobodna .navbar-nav .nav__item--pretraga-menu .nav__link::after:hover, .site--slobodna .navbar-nav .nav__item--pretraga-menu .nav__link::after:focus, .site--slobodna .navbar-nav .nav__item--pretraga-menu .nav__link::after:active {
    color: #4c4c4c;
  }
}
.site--slobodna .navbar-nav .nav__item--pretplata {
  display: none !important;
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--pretplata {
    display: block !important;
  }
}
.site--slobodna .navbar-nav .nav__item--pretplata .nav__link {
  position: relative;
  color: #fff !important;
}
.site--slobodna .navbar-nav .nav__item--pretplata .nav__link::after {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 7.6rem;
  height: 2.4rem;
  background-color: #ed1c24;
  z-index: 0;
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--pretplata .nav__link::after {
    top: 0.6rem;
    left: 0;
  }
}
.site--slobodna .navbar-nav .nav__item--pretplata .nav__link::before {
  content: "PRETPLATA";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--pretplata .nav__link::before {
    top: 1rem;
    left: 0.6rem;
  }
}
.site--slobodna .navbar-nav .nav__item--premium {
  position: relative;
  display: none !important;
}
@media (min-width: 1024px) {
  .site--slobodna .navbar-nav .nav__item--premium {
    display: inline-block !important;
  }
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--premium {
    display: block !important;
  }
}
.site--slobodna .navbar-nav .nav__item--premium .nav__link {
  position: relative;
  color: #d2932d !important;
}
.site--slobodna .navbar-nav .nav__item--premium .nav__link::after {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 6.6rem;
  height: 2.4rem;
  background-color: #000;
  z-index: 0;
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--premium .nav__link::after {
    top: 0.6rem;
    left: 0;
  }
}
.site--slobodna .navbar-nav .nav__item--premium .nav__link::before {
  content: "PREMIUM";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .site--slobodna .navbar-nav .nav__item--premium .nav__link::before {
    top: 1rem;
    left: 0.6rem;
  }
}
@media (min-width: 1024px) {
  .site--slobodna .fixed-top .navbar-nav .nav__item--premium .nav__link::after {
    width: 5.9rem;
  }
}

@media (min-width: 1024px) {
  .nav__item--predsjednicki-izbori-2024 {
    width: 8rem;
    background-image: url(/templates/site/images/svgs/predsjednicki_izbori_2024.svg?v2);
    background-size: 11rem 2.5rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .nav__item--predsjednicki-izbori-2024 .nav__link {
    color: transparent !important;
    border-width: 0 !important;
  }
}
@media (max-width: 1023px) {
  .nav__item--predsjednicki-izbori-2024 {
    width: 100%;
    height: 3.5rem;
    background-image: url(/templates/site/images/svgs/predsjednicki_izbori_2024.svg?v2);
    background-size: 11rem 2.5rem;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .nav__item--predsjednicki-izbori-2024 .nav__link {
    color: transparent !important;
  }
}

/*@include bp4-lg-up {
.navbar-main:not(.fixed-top) {
	.nav__item--osmrtnice {
			position: absolute;
			top: 0;
			right: 4rem;
			top: -7.4rem;
		}
		.nav__link--osmrtnice {
			height: auto;
			padding: 0.5rem;
			background-color: $clrSDBlack;
			@include hfa-only {
				color: rgba(255,255,255, $hoverOpac) !important;	
				border-width: 0 !important;	
			}	
		}
	}
}*/
/*
.navbar__mobile-footer {
	display: none;
	margin-top: 2rem;
	min-height: 20rem;
	@include bp4-lg-up {
	}		
}	

.navbar-main {
	position: relative;
	top: 0;

	text-align: center;
	z-index: 2;
	background-color: $colorwhite;

	@include bp4-ipad {
		//position: fixed;
		width: 99.6rem;
	}	


	.navbar-container {
		padding-left:0;
		padding-right:0;
		background-color: $colorwhite;
		$color: $colorblack1;		
	}	
	.navbar-brand {
		position: absolute;
		left: 1.5rem;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}		
	.navbar-brand {
		&__site-title  {
			position: relative;
			top: -0.8rem;
		}
		&__site-img {	
			display: none;
			@include bp4-xl {
				//width: 18rem;
				height: 1.9rem;
			}			
			@include bp4-lg {
				//width: 2.8rem;
				height: 2.8rem;
			}			
			@include bp4-md {
				//width: 18rem;
				height: 1.9rem;
			}			
			@include bp4-sm {
				//width: 18rem;
				height: 1.9rem;
			}			
			@include bp4-xs {
				//width: 2.8rem;
				height: 2.8rem;
			}
		}
		&__site-title {
			display: block;
			overflow: hidden;
			width: 1px;
			height: 1px;
		}		
	}	
	.navbar-header-right {
		position: absolute;	
		top: $gutterWidth;	
		right: $gutterWidth;	
	}
	.navbar-header {
		&-link {
			//position: absolute;
			padding-left: 0.2rem;
			padding-right: 0.2rem;			
			display: inline-block;
			&:hover, &:focus {
				opacity: 0.8;
			}		
		}	
		&__icon {
			width: 2.4rem;
			height: 2.4rem;
		}	
		&__icon--newsletter	{
			width: 2.2rem;
			height: 2.2rem;			
		}	
		&-newsletter {
			padding-right: 2rem;
		}
		&-facebook {
			position: relative;
			left: 0.6rem;
		}
		&-linkedin { 
			position: relative;
			left: 1.3rem;
			top: -0.1rem;
		}		
	}		

	.navbar-nav {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		@include bp4-lg-up {
			& > .nav__item { 
				//width: 17.77rem;
				flex: 1 1 0;
			}
		}			
	}	
	.navbar-nav > .nav__item {
		@include bp4-lg-up {
			border-width: 0.1rem 0 0.1rem 0.1rem;
			border-style: solid;
			border-color: $clrLiderDarkGray;
			&:last-child {
				border-width: 0.1rem;
				background-color: $colorblack1;
				.nav__link {
					color: $colorwhite;
					&:hover, &:focus {
						background-color: $colorblack1;
					}					
				}
			}	
		}
		a:hover, a:focus {
			//background-color: $clrLiderDarkGray;
		}
	}

	.nav__link {
		display: block;
		//text-transform: uppercase;
	}
	.dropdown-menu {
		&, & a {
			&:hover, &:focus {
				background-color: $clrLiderBlack;
			}
		}
		box-shadow: none;
	}	

	// custom break point for mobile menu
	//@include bp4-lg-up {	
	@include bp4-lg-up {	
		.navbar-nav {
			//display: inline-block;// bootrap4
			float: none;

		}	
		.nav__link {
			//display: inline-block; // bootrap4
			padding-left: 0;
			padding-right: 0;			
			padding-top: 1.2rem;
			padding-bottom: 1.2rem;
		}
		.dropdown-menu {
			.nav__link { 
				padding-left: 1rem;
				padding-right: 1rem;
			}	
		}	
		.navbar-nav {
			& > .nav__item > .nav__link {
				&:focus, &:hover {
					padding-bottom: 0.8rem;
					border-bottom: 2px;
					border-style: solid;
					border-width: 0 0 4px 0;
					border-color: $clrLiderYellow;	
				}
			}
			.dropdown-menu {
				.nav__link {
					color: $clrLiderLightGray;	
					&:focus, &:hover {
						color: $clrLiderYellow;	
					}
				}
			}
		}



		.dropdown-menu {
			background-color: $clrLiderBlack;
			left: -0.2rem;			
			//top: 5rem;
		}


	}	
	*/
/*@include bp4-lg {
	.navbar-nav {
		float: left;
		margin-left: 6rem;		
	}
}*/
/*
	// custom break point for mobile menu
	//@include bp4-md-dn() {
	@include bp4-md-dn() {
		.navbar-header {
			float: none;
			margin-left: 0 !important;
			&-right {
				right: 5rem;	
			}			
		}		
		.navbar-collapse {
			background-color: $clrLiderBlack;
		}
		.navbar-collapse.in {
			overflow-y: auto !important; 
		}	
		.navbar-toggle {
			padding: $gutterWidth;
			margin: 0.4rem 0 0 0;
			height: initial;
			width: initial;
			.icon-bar {
				transition: all 0.2s;
				background-color: $colorblack1;
			}
		}	

		.dropdown-menu {
			// show on start, no on hover
			display: block;
			position: initial; 
			float: initial;
			background: initial;
			text-align: center;
			border: none;
		}	
		.nav__item {
			text-align: left;
		}
		.dropdown-menu {
			.nav__item {
				padding-left: 1.5rem;
			}
		}


	}
}
*/
/*
// custom break point for mobile menu
//@include bp4-md-dn() {
@include bp4-md-dn() {
	.navbar-left, .navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 0.1rem
	}
	.xnavbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 0.76rem;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.collapse.in {
		display:block !important;
	}
}
*/
/* ANIMATED X */
/*
	.navbar-toggle.x .icon-bar:nth-of-type(1) {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
	}

	.navbar-toggle.x .icon-bar:nth-of-type(2) {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.navbar-toggle.x .icon-bar:nth-of-type(3) {
		transform: rotate(-45deg);
		transform-origin: 10% 90%;
	}
*/
/* ANIMATED X COLLAPSED */
/*
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
		transform: rotate(0);
		transform: translate(0);		
	}

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translate(0);				
	}

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
		transform: rotate(0);
		transform: translate(0);				
	}
	*/
/* END ANIMATED X */
/* ANIMATED MINUS */
/*
	.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(1) {
		transform: translate3d(0,0,0) rotate(0deg);
	}

	.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(2) {
		transform: translate3d(0,0,0) rotate(0deg);
	}

	.navbar-toggle.minus.collapsed .icon-bar:nth-of-type(3) {
		transform: translate3d(0,0,0) rotate(0deg);
	}

	.navbar-toggle.minus .icon-bar:nth-of-type(1) {
		transform: translate3d(0,6px,0);
	}

	.navbar-toggle.minus .icon-bar:nth-of-type(3) {
		transform: translate3d(0,-6px,0);
	}
	*/
/* END ANIMATED MINUS */
.site--more2 .position_wall_left_right {
  z-index: 5;
}
.site--more2 #t3-header {
  width: 100%;
  max-width: initial;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .site--more2 #t3-header {
    margin-top: 0;
    height: 20rem;
    top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
}
.site--more2 .navbar-brand {
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.site--more2 .nav__link {
  position: relative;
}
@media (min-width: 1024px) {
  .site--more2 .nav__link {
    padding: 1.2rem 0 0.4rem 0;
  }
}
@media (min-width: 1024px) {
  .site--more2 .site-title__img--big, .site--more2 .site-title__img--big svg {
    width: 22.4rem;
    height: 6.5rem;
  }
}
@media (max-width: 1023px) {
  .site--more2 .site-title__img--big, .site--more2 .site-title__img--big svg {
    width: 10rem;
    height: 4.8rem;
  }
}
@media (min-width: 1024px) {
  .site--more2 .navbar-main {
    margin-top: 1.5rem;
    border-width: 0;
  }
  .site--more2 .navbar-main.fixed-top {
    position: fixed;
    background-color: #ffffff !important;
    background: linear-gradient(0deg, #ffffff 0px, #ffffff 3px, #6eabf9 3px, #6eabf9 5px, #ffffff 5px);
    margin: 6rem auto 0 auto;
    top: -6rem;
    transition: margin 0.5s ease-out;
    right: 0.1rem;
  }
  .site--more2 .navbar-main.fixed-top .navbar-brand {
    position: absolute;
    top: 0.7rem;
    text-align: left;
    z-index: 1;
    width: 10rem;
  }
  .site--more2 .navbar-main.fixed-top .navbar-nav {
    padding-right: 0;
    margin-left: -0.7rem;
    text-align: center;
  }
  .site--more2 .navbar-main.fixed-top .navbar-collapse {
    height: 4.4rem;
    top: 0;
    padding-top: 0;
    margin: 0;
    background-image: none;
  }
  .site--more2 .navbar-main.fixed-top .nav__link {
    padding-top: 1.2rem;
  }
  .site--more2 .navbar-main.fixed-top .nav__item {
    left: 0;
    right: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .site--more2 .navbar-main.fixed-top {
    width: 124.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
  .site--more2 .navbar-main.fixed-top {
    width: 99.4rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .site--more2 .navbar-main.fixed-top .site-title__img--big {
    display: block;
    width: 8rem;
    height: 2.5rem;
  }
  .site--more2 .navbar-collapse {
    position: relative;
    top: 7rem;
    padding-top: 4rem;
    margin: 1rem 0 0 0;
    background-image: url(/templates/site/images/pngs/more2_header_wave.png);
    background-repeat: repeat-x;
  }
  .site--more2 .navbar-nav > .nav__item {
    margin: 0 3rem !important;
    flex-shrink: 0;
    flex-grow: 1;
  }
  .site--more2 .navbar-nav .nav-link {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
@media (max-width: 1023px) {
  .site--more2 #t3-header, .site--more2 .navbar-main {
    height: 5rem;
  }
  .site--more2 .navbar-collapse {
    background-color: #ffffff;
    position: relative;
  }
  .site--more2 .navbar-collapse, .site--more2 .navbar-collapse.collapsing, .site--more2 .navbar-collapse.show {
    top: -0.4rem;
  }
  .site--more2 .navbar-collapse.show {
    border-width: 0 0 0.1rem 0;
    border-style: solid;
    border-color: lightgray;
  }
}
.site--more2 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.7)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-size: 120% 120%;
  width: 2rem;
  height: 2rem;
}
.site--more2 .container--search {
  margin-bottom: 0;
}
.site--more2 .searchToggler__btn {
  transform: scale(-1, 1);
}
.site--more2 .searchToggler__btn .fa-search {
  color: black;
}
.site--more2 .searchToggler__btn .fa-search:hover, .site--more2 .searchToggler__btn .fa-search:focus, .site--more2 .searchToggler__btn .fa-search:active {
  color: #003d63;
}
@media (min-width: 1024px) {
  .site--more2 .searchToggler {
    top: -7.7rem;
  }
}
@media (max-width: 1023px) {
  .site--more2 .searchToggler {
    right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .site--more2 .searchBox {
    top: -7.7rem;
    right: 5rem;
    width: 15%;
  }
}
@media (max-width: 1023px) {
  .site--more2 .searchBox {
    top: 5rem;
  }
}
.site--more2 .container--search-fixed {
  position: fixed;
  height: 4rem;
  z-index: 1100;
  margin: 6rem auto 0 auto;
  top: -6rem;
  transition: margin 0.5s ease-out;
}
@media (min-width: 1280px) {
  .site--more2 .container--search-fixed {
    width: initial;
    right: calc((100% - 124.5rem) / 2);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .site--more2 .container--search-fixed {
    width: initial;
    right: calc((100% - 99.4rem) / 2);
  }
}
@media (min-width: 1024px) {
  .site--more2 .container--search-fixed .searchToggler {
    top: 0.2rem;
  }
  .site--more2 .container--search-fixed .searchBox {
    top: 0.2rem;
    width: 15rem;
  }
}
.site--more2 .sd-logo--small__anchor {
  position: absolute;
  top: -7.3rem;
}
@media (max-width: 1023px) {
  .site--more2 .sd-logo--small__anchor {
    display: none;
  }
}
.site--more2 .sd-logo--small__img {
  width: 3.2rem;
  height: 3.2rem;
  background: #ed1c24;
  border-radius: 50%;
}

.container--googlecse {
  margin-top: 0;
  margin-bottom: 3rem;
}
.container--googlecse .gsc-control-cse {
  padding: 0;
}
.container--googlecse .gsc-results .gsc-cursor-box .gsc-cursor-page {
  background-color: white;
}

@media (max-width: 1023px) {
  .container--search {
    position: fixed;
    z-index: 15;
    padding-left: 0;
    padding-right: 0;
  }
}

.sd-dojavi {
  display: inline-block;
  position: absolute;
}
@media (min-width: 1024px) {
  .sd-dojavi {
    top: -13rem;
  }
  .sd-dojavi__img {
    width: 10rem;
    height: 5rem;
  }
}
@media (max-width: 1023px) {
  .sd-dojavi {
    top: 0.8rem;
    left: 6.5rem;
  }
  .sd-dojavi__img {
    width: 7.6rem;
    height: 3.8rem;
  }
}
@media (max-width: 380px) {
  .sd-dojavi {
    top: 1.3rem;
    left: 6rem;
  }
  .sd-dojavi__img {
    width: 6rem;
    height: 3rem;
  }
}

@media (min-width: 1024px) {
  .site--more2 .sd-dojavi, .site--maslina .sd-dojavi {
    top: -8rem;
    left: 9rem;
  }
}
@media (max-width: 400px) {
  .site--more2 .sd-dojavi, .site--maslina .sd-dojavi {
    top: 1.5rem;
  }
  .site--more2 .sd-dojavi__img, .site--maslina .sd-dojavi__img {
    width: 5rem;
    height: 2.5rem;
  }
}
@media (max-width: 330px) {
  .site--more2 .sd-dojavi, .site--maslina .sd-dojavi {
    left: 5rem;
  }
}
@media (max-width: 315px) {
  .site--more2 .sd-dojavi, .site--maslina .sd-dojavi {
    display: none;
  }
}

.btn--osmrtnice {
  position: absolute;
  background-color: #000;
  border-color: #000;
  border-radius: 0;
  border-width: 0;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .btn--osmrtnice {
    top: -11.7rem;
    right: 5rem;
  }
  .site--slobodna .btn--osmrtnice {
    top: -10rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .btn--osmrtnice {
    top: 1.4rem;
    right: 6rem;
  }
  .site--slobodna .btn--osmrtnice {
    right: initial;
    left: 15vw;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .btn--osmrtnice {
    top: 1.8rem;
    right: 6rem;
    padding: 0.1rem 0.5rem;
  }
  .site--slobodna .btn--osmrtnice {
    right: initial;
    left: 15vw;
  }
}
@media (max-width: 479px) {
  .btn--osmrtnice {
    top: 1.8rem;
    right: 5.5rem;
    padding: 0.1rem 0.5rem;
  }
  .site--slobodna .btn--osmrtnice {
    right: initial;
    left: 15vw;
  }
}
.btn--osmrtnice:hover, .btn--osmrtnice:focus, .btn--osmrtnice:active {
  cursor: pointer;
  text-decoration: underline;
}

.btn--sd-premium {
  position: absolute;
  background-color: #000;
  color: #d2932d;
  border-radius: 0;
  border-width: 0;
  font-weight: 700;
  letter-spacing: 0.05rem;
}
@media (min-width: 1024px) {
  .btn--sd-premium {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .btn--sd-premium {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .btn--sd-premium {
    top: 1.4rem;
    right: 15vw;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .btn--sd-premium {
    top: 1.8rem;
    right: 15vw;
    padding: 0.1rem 0.5rem;
  }
}
@media (max-width: 479px) {
  .btn--sd-premium {
    top: 1.8rem;
    right: 15vw;
    padding: 0.1rem 0.5rem;
  }
}
.btn--sd-premium:hover, .btn--sd-premium:focus, .btn--sd-premium:active {
  cursor: pointer;
  text-decoration: underline;
}

.btn--sd-pretplata {
  position: absolute;
  width: 8.2rem;
  display: none !important;
  /*
  @include bp4-md {
  	top: 3.5rem;
  	right: 6rem;	
  }
  @include bp4-sm {
  	top: 3.5rem;
  	right: 6rem;	
  	padding: 0.1rem 0.5rem;		
  }	
  @include bp4-xs {
  	top: 3.5rem;
  	right: 5.5rem;
  	padding: 0.1rem 0.5rem;			
  }
  */
  background-color: #ed1c24;
  border-color: #ed1c24;
  border-radius: 0;
  border-width: 0;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .btn--sd-pretplata {
    display: block !important; /* override d-none */
    top: -13rem;
    right: 5rem;
  }
}
@media (max-width: 1023px) {
  .btn--sd-pretplata {
    display: none !important;
  }
}
.page--osmrtnice .btn--sd-pretplata {
  display: none !important;
}
.btn--sd-pretplata:hover, .btn--sd-pretplata:focus, .btn--sd-pretplata:active {
  cursor: pointer;
  background-color: #ed1c24;
  border-color: #ed1c24;
  text-decoration: underline;
}
.page--osmrtnice .btn--sd-pretplata {
  display: none !important;
}

.searchToggler {
  display: inline-block;
  position: absolute;
  right: 0;
}
@media (min-width: 1280px) {
  .searchToggler {
    height: 3.9rem;
    top: -12.5rem;
  }
  .site--slobodna .searchToggler {
    top: -10.8rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .searchToggler {
    height: 3.6rem;
    top: -12.5rem;
  }
  .site--slobodna .searchToggler {
    top: -10.8rem;
  }
}
@media (max-width: 1023px) {
  .searchToggler {
    height: 3.9rem;
    top: 0.5rem;
    right: 1rem;
  }
  .site--slobodna .searchToggler {
    display: none;
    right: 5rem;
  }
}
.searchToggler__btn {
  display: block;
}
.searchToggler .fa-search {
  font-size: 2rem;
  transition: all 0.3s ease;
  padding: 1rem;
  color: #b7b7b7;
}
.searchToggler .fa-search:hover, .searchToggler .fa-search:focus, .searchToggler .fa-search:active {
  color: #4c4c4c;
}

.searchBox {
  display: none;
  position: absolute;
  z-index: 10;
  right: 0;
}
@media (min-width: 1024px) {
  .searchBox {
    width: 20%;
    top: -8rem;
  }
  .site--slobodna .searchBox {
    top: -7.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .searchBox {
    top: 4.9rem;
  }
}
@media (max-width: 767px) {
  .searchBox {
    top: 5.3rem;
  }
}
@media (max-width: 1023px) {
  .searchBox {
    width: 100%;
  }
  .searchBox #mainMenuSearch {
    padding-bottom: 0;
    background-color: #fff;
  }
}
.searchBox .searchInput {
  width: 100%;
  border-width: 0 0 0.1rem 0;
  border-style: solid;
  border-color: #b7b7b7;
  border-radius: 0;
  padding: 0.5rem 1rem;
}
@media (min-width: 1024px) {
  .searchBox .searchInput {
    text-align: right;
  }
}
@media (max-width: 1023px) {
  .searchBox .searchInput {
    text-align: center;
  }
}
.searchBox .searchInput:hover, .searchBox .searchInput:focus, .searchBox .searchInput:active {
  outline: none;
}
.searchBox .searchButton {
  display: none;
}
.searchBox form {
  position: relative;
}
@media (min-width: 1024px) {
  .home_page .card--i5-featured .card__figure, .home_page .card--i5-section .card__figure {
    float: initial !important;
  }
}

.piano-user-login, .piano-user-logout, .piano-user-login2 {
  display: inline-block;
  position: absolute;
  right: 6rem;
  top: -7rem;
}
.site--slobodna .piano-user-login, .site--slobodna .piano-user-logout, .site--slobodna .piano-user-login2 {
  right: 1rem;
  top: -13rem;
}
.site--slobodna.page--osmrtnice .piano-user-login, .site--slobodna.page--osmrtnice .piano-user-logout, .site--slobodna.page--osmrtnice .piano-user-login2 {
  display: none !important;
}

@media (min-width: 1024px) {
  .container--search-fixed .piano-user-login, .container--search-fixed .piano-user-logout, .container--search-fixed .piano-user-login2 {
    top: 1rem;
  }
}
.piano-user-icon, .piano-user-icon-red, .piano-user-icon2 {
  width: 2.4rem;
  height: auto;
}

.piano-user-icon:hover, .piano-user-icon-red:hover, .piano-user-icon2:hover {
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .piano-user-login, .piano-user-logout, .piano-user-login2 {
    top: 1.1rem;
    right: 6rem;
  }
  .site--slobodna .piano-user-login, .site--slobodna .piano-user-logout, .site--slobodna .piano-user-login2 {
    right: 2.2rem;
    top: 1.2rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .piano-user-login, .piano-user-logout, .piano-user-login2 {
    top: 1.3rem;
    right: 6rem;
  }
  .site--slobodna .piano-user-login, .site--slobodna .piano-user-logout, .site--slobodna .piano-user-login2 {
    right: 2.2rem;
    top: 1.2rem;
  }
}
@media (max-width: 479px) {
  .piano-user-login, .piano-user-logout, .piano-user-login2 {
    top: 1.3rem;
    right: 6rem;
  }
  .site--slobodna .piano-user-login, .site--slobodna .piano-user-logout, .site--slobodna .piano-user-login2 {
    right: 2.2rem;
    top: 1.2rem;
  }
}
.piano-user-logout .dropdown-item.active, .piano-user-logout .dropdown-item:active {
  background-color: #e0e0e0;
}

@media (min-width: 1024px) {
  #my-account {
    min-height: 60rem;
  }
}
/*.btn-logout {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-repeat: repeat-x;
    border-color: #49afcd;
    margin: 0.5rem 0rem;
    float: right;
}*/
.site--slobodna .piano-user-icon {
  transition: 0.3s all ease-in-out;
  filter: invert(72%) sepia(0%) saturate(0%) hue-rotate(190deg) brightness(103%) contrast(89%);
}
.site--slobodna .piano-user-icon:hover, .site--slobodna .piano-user-icon:active {
  filter: invert(27%) sepia(0%) saturate(7%) hue-rotate(248deg) brightness(101%) contrast(91%);
}
.site--slobodna #piano-user-menu {
  filter: invert(10%) sepia(99%) saturate(5749%) hue-rotate(354deg) brightness(112%) contrast(86%);
}

.container--more2-featured .row--content1, .container--more2-featured .row--content2, .container--more2-featured .row--side {
  margin-left: 0;
  margin-right: 0;
  padding: 1.5rem 0.8rem 0 0.7rem;
  background: #ffffff;
  height: 100%;
  flex-direction: row;
  align-content: flex-start;
}
.container--more2-featured .row--side {
  height: initial;
  padding: 0 0.7rem 0 0.8rem;
  background: linear-gradient(to bottom, #e6eff9 0%, #b3cdeb 100%);
}
@media (min-width: 1024px) {
  .container--more2-featured .row--side {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .container--more2-featured .col--content1 {
    order: 2;
  }
  .container--more2-featured .col--content2 {
    order: 1;
  }
  .container--more2-featured .col--side {
    order: 3;
  }
}
@media (max-width: 1023px) {
  .container--more2-featured .col--content1 {
    border-style: solid;
    border-color: #e6eff9;
    border-width: 0 0 1.5rem 0;
  }
  .container--more2-featured .col--content2 {
    margin-bottom: 4.5rem;
  }
}

.card--b6-more-izdvojeno .card__well {
  height: auto;
  width: 100%;
}
.card--b6-more-izdvojeno .card__article {
  height: auto;
}
.card--b6-more-izdvojeno .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.card--b6-more-izdvojeno .card__info {
  max-height: 60rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
@media (max-width: 1279px) {
  .card--b6-more-izdvojeno {
    margin-bottom: 3rem;
  }
}
.card--b6-more-izdvojeno .card__article {
  margin-bottom: 0;
}
.card--b6-more-izdvojeno .card__figure {
  margin-bottom: 1rem;
}
.card--b6-more-izdvojeno .card__title {
  margin-right: 0;
}
.card--b6-more-izdvojeno .card__figure {
  padding-bottom: 66.67%;
}
.card--b6-more-izdvojeno .card__image {
  position: absolute;
}
@media (min-width: 1280px) {
  .card--b6-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--b6-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 1023px) {
  .card--b6-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 10;
  }
}

@media (min-width: 480px) {
  .card--i6-more-izdvojeno {
    /*.card__article {
    	position: relative;		
    	width: 100%;
    	height: auto;
    }*/
  }
  .card--i6-more-izdvojeno .card__well {
    height: auto;
    width: 100%;
  }
  .card--i6-more-izdvojeno .card__article-link {
    display: flex;
    flex-direction: row;
  }
  .card--i6-more-izdvojeno .card__figure {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .card--i6-more-izdvojeno .card__info {
    height: initial;
    padding-left: 1.5rem;
    flex: 0 0 calc(100% - 30%);
    max-width: calc(100% - 30%);
  }
  .card--i6-more-izdvojeno .card__intro {
    display: none;
  }
}
@media (max-width: 479px) {
  .card--i6-more-izdvojeno .card__well {
    height: auto;
    width: 100%;
  }
  .card--i6-more-izdvojeno .card__article {
    height: auto;
  }
  .card--i6-more-izdvojeno .card__article-link {
    display: flex;
    flex-direction: column;
  }
  .card--i6-more-izdvojeno .card__figure {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .card--i6-more-izdvojeno .card__info {
    max-height: 20rem;
    padding-left: 0rem;
    padding-right: 0rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.card--i6-more-izdvojeno .card__egida-title--wrap {
  -webkit-line-clamp: 4;
}
@media (min-width: 480px) and (max-width: 1279px) {
  .card--i6-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}
@media (min-width: 480px) {
  .card--i6-more-izdvojeno .card__egida-title--wrap .card__egida-title--wrap {
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .card--i6-more-izdvojeno .card__figure {
    padding-bottom: 20%;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--i6-more-izdvojeno .card__figure {
    padding-bottom: 30%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--i6-more-izdvojeno .card__figure {
    padding-bottom: 20%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .card--i6-more-izdvojeno .card__figure {
    padding-bottom: 30%;
  }
}
@media (max-width: 479px) {
  .card--i6-more-izdvojeno .card__figure {
    padding-bottom: 66.7%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 479px) {
  .card--i6-more-izdvojeno-2 .card__figure, .card--i6-more-izdvojeno-3 .card__figure {
    padding-bottom: 100%;
    margin-bottom: 1rem;
  }
  .card--i6-more-izdvojeno-2 .card__category::after, .card--i6-more-izdvojeno-3 .card__category::after {
    display: none;
  }
  .card--i6-more-izdvojeno-2 .card__egida-title--wrap, .card--i6-more-izdvojeno-3 .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
.card--i6-more-izdvojeno .card__image {
  position: absolute;
}

.card--s3-more-izdvojeno .card__well {
  height: auto;
  width: 100%;
}
.card--s3-more-izdvojeno .card__article {
  height: auto;
}
.card--s3-more-izdvojeno .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.card--s3-more-izdvojeno .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.card--s3-more-izdvojeno .card__figure {
  position: relative;
  padding-bottom: 59%;
  margin-bottom: 1rem;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .card--s3-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--s3-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
@media (max-width: 1023px) {
  .card--s3-more-izdvojeno .card__egida-title--wrap {
    -webkit-line-clamp: 4;
  }
}
.card--s3-more-izdvojeno .card__figure {
  padding-bottom: 66.67%;
}
.card--s3-more-izdvojeno .card__image {
  position: absolute;
}

.card--t3-more-izdvojeno {
  padding-left: 3.5rem;
}
.card--t3-more-izdvojeno .card__well {
  height: auto;
  width: 100%;
}
.card--t3-more-izdvojeno .card__article {
  height: auto;
}
.card--t3-more-izdvojeno .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.card--t3-more-izdvojeno .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.card--t3-more-izdvojeno .card__egida-title--wrap {
  margin-bottom: 0;
}
.card--t3-more-izdvojeno::before {
  position: absolute;
  left: 0;
}
.card--t3-more-izdvojeno-1::before {
  content: "1.";
}
.card--t3-more-izdvojeno-2::before {
  content: "2.";
}
.card--t3-more-izdvojeno-3::before {
  content: "3.";
}
.card--t3-more-izdvojeno-4::before {
  content: "4.";
}
.card--t3-more-izdvojeno-5::before {
  content: "5.";
}

.col--side-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1rem 0 1rem 4.2rem;
}

.nav-tabs--newandpop {
  margin-bottom: 1rem;
  border-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.nav-tabs--newandpop .nav-item {
  margin-bottom: 0;
}
.nav-tabs--newandpop .nav-item--popular {
  position: relative;
}
.nav-tabs--newandpop .nav-item--popular::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 1rem;
  right: -1rem;
  top: 0.8rem;
  padding-left: 1rem;
  background-image: url(/templates/site/images/svgs/more2_two_lines.svg);
  background-size: 2rem 1rem;
  background-repeat: no-repeat;
  background-position: left;
}
.nav-tabs--newandpop .nav-link {
  border-color: transparent !important;
  background-color: transparent !important;
}
.nav-tabs--newandpop .nav-link.active {
  text-decoration: underline;
}

/*
@include bp4-md-sm {
    .card__figure {
        position: relative;
        padding-bottom: 66.67%;	
    }
    .card__image { position: absolute; }	
}    
@include bp4-xs {
    .card__figure {
        position: relative;
        padding-bottom: 100%;	
    }
    .card__image { position: absolute; }	
} 
*/
/*.card__figure {
    @include bp4-lg-up { padding-bottom: 47%; }
    @include bp4-md-dn { padding-bottom: 66.67%; }        
    @include bp4-xs    { padding-bottom: 100%; }
    overflow: hidden;
}
.card__image { position: absolute; }	
*/
.container--more2-izlog {
  overflow: hidden;
  /*.col--izlog {
      &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) { padding-bottom: 1.5rem; }           
  }*/
}
@media (min-width: 1280px) {
  .container--more2-izlog {
    max-height: 44rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-izlog {
    max-height: 37rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-izlog {
    max-height: 37rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-izlog {
    max-height: 44rem;
  }
}
@media (max-width: 479px) {
  .container--more2-izlog {
    max-height: 40rem;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-izlog {
    border-width: 0 0.7rem 0 0.7rem;
    border-style: solid;
    border-color: #e6eff9;
  }
}
.container--more2-izlog .row--back {
  margin: 0;
  padding: 1.5rem 0 0 0;
  background-color: #003d63;
  background: linear-gradient(to bottom, #3972b6 0%, #0d1531 100%);
}
@media (min-width: 1024px) {
  .container--more2-izlog .col--content {
    padding: 1.5rem 12rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-izlog .col--content {
    padding: 1.5rem 6rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-izlog .col--content {
    padding: 1.5rem 4.5rem 0 4.5rem;
  }
}
@media (max-width: 479px) {
  .container--more2-izlog .col--content {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
.container--more2-izlog .card__article .card__well {
  height: auto;
  width: 100%;
}
.container--more2-izlog .card__article .card__article {
  height: auto;
}
.container--more2-izlog .card__article .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.container--more2-izlog .card__article .card__info {
  max-height: 37rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.container--more2-izlog .card__article .card__figure {
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .container--more2-izlog .col--izlog {
    padding-bottom: 1.5em;
  }
}
.container--more2-izlog .card__egida-title--wrap {
  margin-bottom: 0rem;
  -webkit-line-clamp: 5;
}
@media (max-width: 1279px) {
  .container--more2-izlog .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
.container--more2-izlog .slick-arrow {
  position: absolute;
  color: #ffffff;
  font-size: 6rem;
  transition: 0.25s ease-in-out color;
  transform: translate(0, -50%);
  top: 45%;
}
.container--more2-izlog .slick-arrow:hover, .container--more2-izlog .slick-arrow:active {
  cursor: pointer;
  color: #c41718;
}
@media (min-width: 1024px) {
  .container--more2-izlog .slick-prev {
    left: -5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-izlog .slick-prev {
    left: -4rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-izlog .slick-prev {
    left: -3rem;
  }
}
@media (max-width: 479px) {
  .container--more2-izlog .slick-prev {
    left: 0.5rem;
    top: -6rem;
  }
}
@media (min-width: 1024px) {
  .container--more2-izlog .slick-next {
    right: -5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-izlog .slick-next {
    right: -4rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-izlog .slick-next {
    right: -3rem;
  }
}
@media (max-width: 479px) {
  .container--more2-izlog .slick-next {
    right: 0.5rem;
    top: -5.8rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-sasvihstrana {
    border-width: 0 0.7rem 0 0.7rem;
    border-style: solid;
    border-color: #e6eff9;
  }
}
.container--more2-sasvihstrana .row--back {
  margin: 0;
  padding: 1.5rem 0 0 0;
  background: linear-gradient(to bottom, #3972b6 0%, #0d1531 100%);
}
@media (min-width: 768px) {
  .container--more2-sasvihstrana .col--content {
    padding: 1.5rem 3rem;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-sasvihstrana .col--content {
    padding: 1.5rem 3rem 0 3rem;
  }
}
@media (max-width: 479px) {
  .container--more2-sasvihstrana .col--content {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }
}
@media (min-width: 1024px) {
  .container--more2-sasvihstrana .col--sasvihstrana {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .container--more2-sasvihstrana .col--sasvihstrana:nth-child(1), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(2), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(3), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(4), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(5) {
    padding-bottom: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-sasvihstrana .col--sasvihstrana:nth-child(1), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(2) {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .container--more2-sasvihstrana .col--sasvihstrana:nth-child(1), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(2), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(3), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(4), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(5), .container--more2-sasvihstrana .col--sasvihstrana:nth-child(6) {
    padding-bottom: 1.5em;
  }
  .container--more2-sasvihstrana .col--sasvihstrana:nth-child(1) .card__egida-title--wrap, .container--more2-sasvihstrana .col--sasvihstrana:nth-child(2) .card__egida-title--wrap, .container--more2-sasvihstrana .col--sasvihstrana:nth-child(3) .card__egida-title--wrap, .container--more2-sasvihstrana .col--sasvihstrana:nth-child(4) .card__egida-title--wrap, .container--more2-sasvihstrana .col--sasvihstrana:nth-child(5) .card__egida-title--wrap, .container--more2-sasvihstrana .col--sasvihstrana:nth-child(6) .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
@media (max-width: 767px) {
  .container--more2-sasvihstrana .col--sasvihstrana {
    padding-bottom: 1.5em;
  }
  .container--more2-sasvihstrana .col--sasvihstrana .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
.container--more2-sasvihstrana .card__article .card__well {
  height: auto;
  width: 100%;
}
.container--more2-sasvihstrana .card__article .card__article {
  height: auto;
}
.container--more2-sasvihstrana .card__article .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.container--more2-sasvihstrana .card__article .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.container--more2-sasvihstrana .card__article .card__figure {
  margin-bottom: 1rem;
}
.container--more2-sasvihstrana .card__egida-title--wrap {
  margin-bottom: 0rem;
  -webkit-line-clamp: 5;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-sasvihstrana .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}

.container--more2-urednicki .card__badge {
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .container--more2-urednicki .card__badge {
    width: 10rem;
    height: 10rem;
    right: 4.8rem;
    top: 4rem;
  }
}
@media (max-width: 767px) {
  .container--more2-urednicki .card__badge {
    width: 5rem;
    height: 5rem;
    right: 2.3rem;
    top: 1.5rem;
  }
}

.card--b12-more-urednicki {
  margin-bottom: 0;
}
.card--b12-more-urednicki .card__category {
  order: 1;
  color: #a9a9a9;
}
.card--b12-more-urednicki .card__egida-title--wrap {
  order: 2;
}
.card--b12-more-urednicki .card__author-name {
  order: 3;
  color: #ffffff;
}
.card--b12-more-urednicki .card__author-name::before {
  content: "PIŠE: ";
}
.card--b12-more-urednicki .card__egida-title--wrap {
  -webkit-line-clamp: 6;
}
@media (min-width: 480px) and (max-width: 767px) {
  .card--b12-more-urednicki .card__egida-title--wrap {
    -webkit-line-clamp: 7;
  }
}
.card--b12-more-urednicki .card__button {
  order: 4;
  padding: 0.5rem 1rem 0.4rem 1rem;
  display: inline-block;
  width: 10rem;
  border-radius: 0.5rem;
}
.card--b12-more-urednicki .card__info {
  position: absolute;
  top: 1.5rem;
  min-height: calc(100% - 3rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card--b12-more-urednicki .card__figure {
  overflow: hidden;
  margin-bottom: 0;
}
@media (min-width: 1280px) {
  .card--b12-more-urednicki .card__figure {
    height: 57rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--b12-more-urednicki .card__figure {
    height: 53rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--b12-more-urednicki .card__figure {
    height: 60vw;
  }
}
.card--b12-more-urednicki .card__figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(to right, #1c385c 0%, #1c385c 3%, rgba(0, 0, 0, 0) 60%);
}
@media (max-width: 479px) {
  .card--b12-more-urednicki .card__figure::after {
    background: linear-gradient(to right, #1c385c 0%, #1c385c 3%, rgba(0, 0, 0, 0) 75%);
  }
}
.right .card--b12-more-urednicki .card__info {
  margin-left: 0;
  padding: 4rem 4rem 4rem 0rem;
}
.right .card--b12-more-urednicki .card__info::after {
  border-width: 1rem 1rem 1rem 0rem;
  right: 0;
  left: initial;
}
.right .card--b12-more-urednicki .card__figure {
  margin-left: 25.3%;
}
@media (min-width: 1024px) {
  .card--b12-more-urednicki .card__info {
    margin-left: 4rem;
    padding: 2rem 0;
    width: 35%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card--b12-more-urednicki .card__info {
    margin-left: 4rem;
    padding: 2rem 0;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .card--b12-more-urednicki .card__info {
    margin-left: 1.5rem;
    padding: 0;
    width: 60%;
    overflow: initial;
  }
  .card--b12-more-urednicki .card__category {
    white-space: nowrap;
  }
}

.container--more2-odabirurednika .row--content1, .container--more2-odabirurednika .row--content2 {
  margin-left: 0;
  margin-right: 0;
  padding: 1.5rem 0.8rem 0 0.7rem;
  background: #ffffff;
  height: 100%;
  flex-direction: row;
  align-content: flex-start;
}
@media (max-width: 1023px) {
  .container--more2-odabirurednika .col--content1 {
    border-style: solid;
    border-color: #e6eff9;
    border-width: 0 0 1.5rem 0;
  }
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__well {
  height: auto;
  width: 100%;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__article {
  height: auto;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__info {
  max-height: 50rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
  margin-bottom: 0;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 100%);
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
  margin-bottom: 0rem;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(to top, #1c385c 0%, #1c385c 30%, rgba(0, 0, 0, 0) 60%);
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__info {
  overflow: initial;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__egida-title--wrap {
  color: #ffffff;
}
@media (min-width: 480px) {
  .container--more2-odabirurednika .card--b7-more-odabirurednika .card__egida-title--wrap {
    -webkit-line-clamp: 8;
  }
}
@media (max-width: 479px) {
  .container--more2-odabirurednika .card--b7-more-odabirurednika .card__egida-title--wrap {
    -webkit-line-clamp: 8;
  }
}
@media (min-width: 1024px) {
  .container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
    padding-bottom: 41.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
    padding-bottom: 66.6%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
    padding-bottom: 127%;
  }
}
@media (max-width: 479px) {
  .container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
    padding-bottom: 127%;
  }
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__figure {
  position: relative;
  overflow: hidden;
}
.container--more2-odabirurednika .card--b7-more-odabirurednika .card__image {
  position: absolute;
}
.container--more2-odabirurednika .card--i5-more-odabirurednika {
  /*.card__article {
  	position: relative;		
  	width: 100%;
  	height: auto;
  }*/
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__well {
  height: auto;
  width: 100%;
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__article-link {
  display: flex;
  flex-direction: row;
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
  flex: 0 0 40%;
  max-width: 40%;
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__info {
  height: initial;
  padding-left: 1.5rem;
  flex: 0 0 calc(100% - 40%);
  max-width: calc(100% - 40%);
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__intro {
  display: none;
}
@media (min-width: 1024px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika {
    height: 12.8rem;
  }
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
    padding-bottom: 12.8rem;
  }
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__egida-title--wrap {
  margin-bottom: 0;
  -webkit-line-clamp: 4;
}
@media (min-width: 480px) and (max-width: 1279px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 479px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
    padding-bottom: 12.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
    padding-bottom: 25%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
    padding-bottom: 26.6%;
  }
}
@media (max-width: 479px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
    padding-bottom: 12.7rem;
  }
}
@media (max-width: 479px) {
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__figure {
    flex: 0 0 10rem;
    max-width: 10rem;
    padding-bottom: 12.7rem;
  }
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__info {
    flex: 0 0 calc(100% - 10rem);
    max-width: calc(100% - 10rem);
  }
  .container--more2-odabirurednika .card--i5-more-odabirurednika .card__category::after {
    display: none;
  }
}
.container--more2-odabirurednika .card--i5-more-odabirurednika .card__image {
  position: absolute;
}
.container--more2-odabirurednika .card__info {
  padding-bottom: 0;
}

.container--more2-nautika .row--content1, .container--more2-nautika .row--content2, .container--more2-nautika .row--content3 {
  margin-left: 0;
  margin-right: 0;
  padding: 1.5rem 0.8rem 0 0.7rem;
  background: #ffffff;
  height: 100%;
  flex-direction: row;
  align-content: flex-start;
}
.container--more2-nautika .col--content {
  padding-left: 7rem;
  padding-right: 7rem;
}
@media (max-width: 1023px) {
  .container--more2-nautika .col--content1, .container--more2-nautika .col--content2 {
    border-style: solid;
    border-color: #e6eff9;
    border-width: 0 0 1.5rem 0;
  }
}
.container--more2-nautika .card__article .card__well {
  height: auto;
  width: 100%;
}
.container--more2-nautika .card__article .card__article {
  height: auto;
}
.container--more2-nautika .card__article .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.container--more2-nautika .card__article .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.container--more2-nautika .card__article .card__figure {
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .container--more2-nautika .card__article .card__figure {
    padding-bottom: 83%;
  }
}
@media (max-width: 767px) {
  .container--more2-nautika .card__article .card__figure {
    padding-bottom: 66.6%;
  }
}
.container--more2-nautika .card__article .card__image {
  position: absolute;
}
.container--more2-nautika .card__egida-title--wrap {
  -webkit-line-clamp: 4;
}
@media (min-width: 1024px) {
  .container--more2-nautika .card__egida-title--wrap {
    min-height: 10rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-nautika .card__egida-title--wrap {
    min-height: 13rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-nautika .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}
.container--more2-nautika .card__introtext {
  -webkit-line-clamp: 3;
}

.container--more2-ribolov .row--content1, .container--more2-ribolov .row--content2 {
  margin-left: 0;
  margin-right: 0;
  padding: 1.5rem 0.8rem 0 0.7rem;
  background: #ffffff;
  height: 100%;
  flex-direction: row;
  align-content: flex-start;
}
@media (max-width: 1023px) {
  .container--more2-ribolov .col--content1 {
    border-style: solid;
    border-color: #e6eff9;
    border-width: 0 0 1.5rem 0;
  }
}
@media (min-width: 1024px) {
  .container--more2-ribolov .card--i7-more-ribolov {
    /*.card__article {
    	position: relative;		
    	width: 100%;
    	height: auto;
    }*/
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__well {
    height: auto;
    width: 100%;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__article-link {
    display: flex;
    flex-direction: row;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__figure {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__info {
    height: initial;
    padding-left: 1.5rem;
    flex: 0 0 calc(100% - 55%);
    max-width: calc(100% - 55%);
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__intro {
    display: none;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__egida-title--wrap {
    -webkit-line-clamp: 10;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__introtext {
    -webkit-line-clamp: 10;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__info {
    display: block;
    overflow: hidden;
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__info {
    max-height: 42rem;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__info {
    max-height: 40rem;
  }
}
@media (max-width: 1023px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__well {
    height: auto;
    width: 100%;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__article {
    height: auto;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__article-link {
    display: flex;
    flex-direction: column;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__figure {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__info {
    max-height: 25rem;
    padding-left: 0rem;
    padding-right: 0rem;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__egida-title--wrap {
    -webkit-line-clamp: 4;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__introtext {
    -webkit-line-clamp: 4;
  }
  .container--more2-ribolov .card--i7-more-ribolov .card__info {
    display: block;
    overflow: hidden;
    padding-bottom: 0;
  }
}
@media (max-width: 479px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}
.container--more2-ribolov .card--i7-more-ribolov .card__figure {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__figure {
    height: 41.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__figure {
    height: 40rem;
  }
}
@media (max-width: 1023px) {
  .container--more2-ribolov .card--i7-more-ribolov .card__figure {
    padding-bottom: 66.6%;
  }
}
.container--more2-ribolov .card--i7-more-ribolov .card__image {
  position: absolute;
}
.container--more2-ribolov .card--i5-more-ribolov {
  /*.card__article {
  	position: relative;		
  	width: 100%;
  	height: auto;
  }*/
}
.container--more2-ribolov .card--i5-more-ribolov .card__well {
  height: auto;
  width: 100%;
}
.container--more2-ribolov .card--i5-more-ribolov .card__article-link {
  display: flex;
  flex-direction: row;
}
.container--more2-ribolov .card--i5-more-ribolov .card__figure {
  flex: 0 0 40%;
  max-width: 40%;
}
.container--more2-ribolov .card--i5-more-ribolov .card__info {
  height: initial;
  padding-left: 1.5rem;
  flex: 0 0 calc(100% - 40%);
  max-width: calc(100% - 40%);
}
.container--more2-ribolov .card--i5-more-ribolov .card__intro {
  display: none;
}
.container--more2-ribolov .card--i5-more-ribolov .card__egida-title--wrap {
  margin-bottom: 0;
  -webkit-line-clamp: 4;
}
@media (min-width: 480px) and (max-width: 1279px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 479px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__egida-title--wrap {
    -webkit-line-clamp: 6;
  }
}
.container--more2-ribolov .card--i5-more-ribolov .card__info {
  padding-bottom: 0;
}
.container--more2-ribolov .card--i5-more-ribolov .card__figure {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__figure {
    padding-bottom: 26.6%;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__figure {
    padding-bottom: 32%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__figure {
    padding-bottom: 25%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__figure {
    padding-bottom: 26.6%;
  }
}
@media (max-width: 479px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__figure {
    padding-bottom: 12.7rem;
  }
}
@media (max-width: 479px) {
  .container--more2-ribolov .card--i5-more-ribolov .card__figure {
    flex: 0 0 10rem;
    max-width: 10rem;
  }
  .container--more2-ribolov .card--i5-more-ribolov .card__info {
    flex: 0 0 calc(100% - 10rem);
    max-width: calc(100% - 10rem);
  }
  .container--more2-ribolov .card--i5-more-ribolov .card__category::after {
    display: none;
  }
}
.container--more2-ribolov .card--i5-more-ribolov .card__image {
  position: absolute;
}

.container--more2-vijesti .row--content1, .container--more2-vijesti .row--content2, .container--more2-vijesti .row--content3 {
  margin-left: 0;
  margin-right: 0;
  padding: 1.5rem 0.8rem 0 0.7rem;
  background: #ffffff;
}
@media (min-width: 768px) {
  .container--more2-vijesti .row--content1, .container--more2-vijesti .row--content2, .container--more2-vijesti .row--content3 {
    height: 100%;
    flex-direction: row;
    align-content: flex-start;
  }
}
@media (max-width: 767px) {
  .container--more2-vijesti .row--content1, .container--more2-vijesti .row--content2 {
    margin-bottom: 1.5rem;
  }
}
.container--more2-vijesti .card__article .card__well {
  height: auto;
  width: 100%;
}
.container--more2-vijesti .card__article .card__article {
  height: auto;
}
.container--more2-vijesti .card__article .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.container--more2-vijesti .card__article .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.container--more2-vijesti .card__article .card__figure {
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  .container--more2-vijesti .col--sep-back {
    background-color: #e6eff9;
    height: 1.5rem;
    margin-left: -0.7rem;
    margin-right: -0.8rem;
    margin-bottom: 1.5rem;
    flex: 0 0 110%;
    max-width: calc(100% + 1.5rem);
  }
}

.card--s4-more-vijesti .card__info {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .card--s4-more-vijesti .card__info {
    min-height: 10rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .card--s4-more-vijesti .card__egida-title--wrap {
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 1023px) {
  .card--s4-more-vijesti .card__egida-title--wrap {
    -webkit-line-clamp: 5;
  }
}

.card--t4-more-vijesti .card__egida-title--wrap {
  margin-bottom: 0rem;
}

.container--category, .container--loadmore {
  margin-bottom: 1.5rem;
}

.card--s3-category .card__well {
  height: auto;
  width: 100%;
}
.card--s3-category .card__article {
  height: auto;
}
.card--s3-category .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.card--s3-category .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.card--s3-category .card__figure {
  margin-bottom: 1rem;
}

.category-load__more-wrap, .items-load__more-wrap {
  text-align: center;
  margin: 1.5rem 0;
}
.category-load__search-wrap, .items-load__search-wrap {
  display: none;
  text-align: center;
  margin: 1.5rem 0;
}
.category-load__search, .items-load__search {
  position: relative;
  top: -0.1rem;
  margin-left: 1rem;
}
.category-load__space, .items-load__space {
  max-height: 0;
  overflow: hidden;
}
.category-load__space.showContent, .items-load__space.showContent {
  max-height: 1000rem;
  transition: all 1.2s ease-in;
}

.itemView--longread .item__head {
  margin-left: 10rem;
  margin-right: 10rem;
  position: absolute;
  bottom: 0;
  padding: 3rem 3rem 1.5rem 3rem;
  background-color: #fff;
}
.itemView--classic .item__head {
  text-align: left;
}
@media (min-width: 1280px) {
  .itemView--classic .item__head {
    margin-left: 14rem;
    margin-right: 14rem;
    margin-top: 4rem;
    margin-bottom: 7rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .itemView--classic .item__head {
    margin-left: 11.5rem;
    margin-right: 11.5rem;
    margin-top: 4rem;
    margin-bottom: 7rem;
  }
}
@media (max-width: 1023px) {
  .itemView--classic .item__head {
    margin-top: 0;
    margin-bottom: 4rem;
  }
}
.itemView--komentar .item__fbcomments {
  margin-bottom: 3rem;
}
.itemView--komentar .lwdgt {
  margin-bottom: 0;
}
.itemView--komentar .itemFullText {
  padding: 3rem;
  border: 0.1rem solid #b7b7b7;
}
.itemView .row--content {
  margin-bottom: 3rem;
}

@media (min-width: 1024px) {
  .item__title, .item__author-share {
    margin-top: 3.5rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 1023px) {
  .item__title, .item__author-share {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.site--more2 .item__title .card__egida, .site--maslina .item__title .card__egida {
  padding-right: 2rem;
}

.item__border {
  width: 15rem;
  height: 0.1rem;
}
@media (min-width: 768px) {
  .item__border {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .item__border {
    margin-bottom: 1.5rem;
  }
}

.item__author {
  margin-bottom: 1rem;
}

@media (max-width: 1023px) {
  .item__image-block {
    order: 2;
  }
  .item__share {
    order: 1;
  }
  .item__body {
    order: 3;
  }
}
.item__wrap {
  margin-bottom: 3rem;
}

.item__body {
  margin-right: 0;
}

.item__author-image {
  width: 10rem;
  height: auto;
  background-color: rgb(235, 235, 235);
  border-radius: 50%;
  border: 0.5rem solid #ffffff;
  vertical-align: middle;
  box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.15);
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 10rem;
  max-height: 10rem;
  margin-bottom: 1.5rem;
}

.item__author-link:hover, .item__author-link:focus, .item__author-link:active {
  text-decoration: underline;
  cursor: pointer;
}

/*.item__author-label {
    color: $clrSDBlack;
    font-weight: bold;
}*/
.item__author-date {
  left: 11rem;
  right: 20rem;
}
@media (min-width: 768px) {
  .item__author-date {
    position: absolute;
    bottom: 0;
  }
}

.item__superscript {
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 1rem 0 1rem 2rem;
}

.item__image {
  position: relative;
  margin-bottom: 0.5rem;
}
.item__image-block {
  margin-bottom: 3rem;
}
.item__image .card__figure--original {
  min-height: 3rem;
}
.item__image .card__figure--cropped {
  position: relative;
  padding-bottom: 66.67%;
}
.item__image .card__figure--cropped .card__image {
  position: absolute;
}
.item__image .article-Gallery {
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
  text-shadow: -0.1rem -0.1rem 0 rgb(80, 80, 80), 0.1rem -0.1rem 0 rgb(80, 80, 80), -0.1rem 0.1rem 0 rgb(80, 80, 80), 0.1rem 0.1rem 0 rgb(80, 80, 80);
}
.item__image .article-Gallery .open-gallery-title:hover {
  cursor: pointer;
  color: rgb(235, 235, 235);
  text-decoration: none;
}
.item__image .open-gallery:hover {
  cursor: pointer;
}
.item__image-info {
  display: block;
  text-align: left;
}
.item__image-desc {
  display: block;
  padding: 0 0 0.5rem 0;
}
.item__image-credit {
  /*padding: 1rem 0 0 1rem;*/
  display: block;
  padding: 0 0 0 0;
}

.fa-camera {
  padding-right: 0.5rem;
}

.item__body {
  margin-bottom: 3rem;
}
@media (min-width: 1280px) {
  .item__body {
    flex: 0 0 85%;
    max-width: 85%;
  }
}

@media (min-width: 1280px) {
  .item__share {
    flex: 0 0 15%;
  }
}
@media (min-width: 1024px) {
  .item__share {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .item__share-icon {
    display: block;
  }
}
@media (max-width: 1023px) {
  .item__share-icon {
    display: inline-block;
  }
}
.item__share-icon img {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
}
.item__share-icon img:hover, .item__share-icon img:focus {
  opacity: 0.7;
}

.itemFullText {
  margin-bottom: 5rem;
}
.itemFullText h2 {
  padding: 1.5rem 0;
}
.itemFullText p {
  padding-bottom: 0;
  margin-bottom: 2rem;
}
.itemFullText > h2 {
  clear: left;
}

.item__related {
  clear: both;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  margin: 1.5rem auto 4.5rem auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-width: 60rem;
}
.item__related-0, .item__related-1, .item__related-2, .item__related-3, .item__related-4 {
  padding-left: 0;
  padding-right: 0;
  border-style: solid;
  border-color: #b7b7b7;
}
.item__related-0 {
  border-width: 0.1rem 0 0 0;
}
.item__related-1, .item__related-2, .item__related-3, .item__related-4 {
  border-width: 0 0 0.1rem 0;
}

.card--s12-related {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  /*@include card-def-inline-auto (40%, 0px);
  .card__figure { float: right; }
  .card__info { 
      margin-right: 40%;
      margin-left: 0;
      padding: 0 $gutterWidth 0 0;
      @include bp4-xs { max-height: 16rem; }
  }  
  */
}
.card--s12-related .card__article-link {
  display: flex;
  padding-top: 1.5rem;
}
.site--stil .card--s12-related .card__article-link {
  padding-top: 3rem;
}
.card--s12-related .card__figure {
  flex: 0 0 40%;
  order: 2;
  align-self: baseline;
}
.card--s12-related .card__info {
  flex: 0 0 60%;
  order: 1;
  padding: 0 1.5rem 0 0;
}

.card__read-more {
  display: block;
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .card__read-more {
    display: none;
  }
}

.item__tags {
  text-align: center;
  clear: both;
  margin-bottom: 5rem;
}
.site--slobodna .item__tags {
  margin-bottom: 3rem;
}

.item__tag {
  white-space: nowrap;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  margin: 0.5rem;
}

.item__mailto-link {
  display: block;
  margin: 2rem auto 5rem auto;
  width: 100%;
  text-align: center;
  padding: 1rem 2rem;
  border-radius: 3.5rem;
  background: #f5f5f5;
}
.item__mailto-link:hover {
  transition: 0.3s;
}

.lwdgt {
  margin-bottom: 5rem;
}

.twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}

.itemFullText .se-embed--anchor {
  /*border-style: solid;
  border-width: 0.1rem 0;
  border-color: $clrSDGray4;   
  @include bp4-lg-up { margin: 3rem 8rem; }
  @include bp4-md-dn { margin: 2rem 3rem; }            
  */
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.itemFullText .se-embed--anchor a, .itemFullText .se-embed--anchor strong {
  font-weight: normal;
  color: #000;
}
.itemFullText .se-embed--anchor a:hover, .itemFullText .se-embed--anchor a:focus, .itemFullText .se-embed--anchor a:active, .itemFullText .se-embed--anchor strong:hover, .itemFullText .se-embed--anchor strong:focus, .itemFullText .se-embed--anchor strong:active {
  text-decoration: underline;
}

.article__more-about {
  padding: 3rem;
  margin: 3rem 0;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #4c4c4c;
}

.btn--selink {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.btn--ocmlink {
  display: inline-block;
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
}

body.mfp-zoom-out-cur {
  overflow: hidden;
}

img.mfp-img {
  padding: 0;
}

.mfp-container {
  padding-left: 0;
  padding-right: 0;
}

.mfp-content {
  position: initial;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: 4rem;
  height: 4rem;
  padding: 0 0.8rem 0 0;
  position: absolute;
  right: 0;
  top: 0;
  color: #FFF;
  font-style: normal;
  font-size: 4rem;
  font-family: Arial, monospace;
  line-height: initial;
  text-decoration: none;
  text-align: right;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.mfp-figure figure {
  display: flex;
  flex-direction: column;
}

.mfp-figure::after {
  display: none;
}

.mfp-bottom-bar {
  min-height: initial;
  margin-top: 0;
  top: initial;
  bottom: 0;
  padding: 0.5rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.mfp-title {
  padding-right: 5rem;
}
.mfp-title .ArticleImage-source {
  padding-right: 1.5rem;
}

.mfp-counter {
  top: initial;
  right: 1.5rem;
  bottom: 0;
  padding: 0.5rem;
}

.mfp-bg {
  opacity: 0.95;
}

.itemFullText .item-gallery__wrap {
  margin-bottom: 3rem;
}
.item-gallery__img {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.item-gallery__info {
  display: flex;
  flex-direction: row;
}
.item-gallery__meta {
  display: flex;
  flex-direction: column;
}
.item-gallery__caption {
  padding-left: 3rem;
  margin-bottom: 0.5rem;
}
.item-gallery__credit {
  padding-left: 3rem;
}

@media (min-width: 1280px) {
  #iframe--item-izbori-2021 {
    width: calc(100% + 14.1rem) !important;
    margin-left: -14.1rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #iframe--item-izbori-2021 {
    width: calc(100% + 11.6rem) !important;
    margin-left: -11.6rem;
  }
}

#live_title_block {
  width: 100%;
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 1.5rem;
}

#live_bullets_block {
  position: relative;
  padding-top: 10rem;
  border-top: 0.1rem solid #e0e0e0;
  margin-bottom: 4.5rem;
}
#live_bullets_block::before {
  content: "Ključni događaji:";
  position: absolute;
  top: 4rem;
  left: 0;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: black;
}
#live_bullets_block live_bullet {
  display: block;
  position: relative;
  padding-left: 6rem;
  margin-bottom: 1.5rem;
}
#live_bullets_block live_bullet::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 3rem;
  width: 1rem;
  height: 1rem;
  background-color: black;
  border-radius: 50%;
}

.se_blocklist {
  margin: 1.5rem 0 3rem 0;
}
.se_blocklist .odd_block, .se_blocklist .even_block {
  position: relative;
  clear: both;
  margin-bottom: 1.5rem;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-width: 0 !important;
  display: flex;
}
.se_blocklist .odd_block::before, .se_blocklist .even_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #e0e0e0;
}
@media (min-width: 768px) {
  .se_blocklist .odd_block, .se_blocklist .even_block {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .se_blocklist .odd_block, .se_blocklist .even_block {
    flex-direction: column;
    padding: 0 1.5rem;
  }
}
.se_blocklist .SE_block_content p {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .se_blocklist .SE_block_content .se-embed--article {
    padding: 1rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .se_blocklist .SE_block_content .se-embed--article {
    padding: 0rem 0 1rem 0;
  }
}
.se_blocklist .SE_block_content .se-embed--article .se__anchor {
  display: block;
  position: relative;
  padding-bottom: 6rem;
}
.se_blocklist .SE_block_content .se-embed--article .se__anchor .se__img {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.se_blocklist .SE_block_content .se-embed--article .se__anchor::after {
  position: absolute;
  bottom: 1.5rem;
  padding: 0.5rem 1rem;
  border: 0.1rem solid #ed1c24;
  border-radius: 0.5rem 0.5rem;
}
.se_blocklist .SE_block_content .se-embed--photo {
  margin: 0 !important;
}
@media (min-width: 768px) {
  .se_blocklist .SE_block_content .se-embed--photo {
    padding: 1rem 0 1rem 0;
  }
}
@media (max-width: 767px) {
  .se_blocklist .SE_block_content .se-embed--photo {
    padding: 0rem 0 1rem 0;
  }
}
.se_blocklist .SE_block_content .se-embed--photo .se__meta {
  padding-left: 0 !important;
}
@media (min-width: 768px) {
  .se_blocklist .SE_block_content {
    flex: 1 1 100%;
    padding: 1.5rem 3rem 1.5rem 3rem;
  }
}
@media (max-width: 767px) {
  .se_blocklist .SE_block_content {
    flex: 1 1 100%;
  }
}
.se_blocklist .SE_block_c_date {
  font-weight: bold;
  position: relative;
  align-self: start;
}
@media (min-width: 768px) {
  .se_blocklist .SE_block_c_date {
    flex: 0 0 9rem;
    padding: 1.5rem 1.5rem 1.5rem 0rem;
    z-index: 0;
  }
  .se_blocklist .SE_block_c_date::before {
    content: "";
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    height: calc(100% - 0.1rem);
    width: 100%;
    background-color: white;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .se_blocklist .SE_block_c_date {
    padding: 1.5rem 1.5rem 1.5rem 0rem;
  }
  .se_blocklist .SE_block_c_date::before {
    left: 0;
  }
}

/*
@if ($site == 'sportske') {
	.site--sportske .se_blocklist {
		@include bp4-md-up() {
			.SE_block_c_date {
				flex: 0 0 7rem;
				&::before {
					background-color: #f3f3f3;     
				}			
			}
		}
	}
}
*/
.se-embed--facebook, .se-embed--instagram, .se-embed--youtube, .se-embed--twitter, .se-embed--button, .se-embed--riddle {
  display: flex;
  justify-content: center;
  clear: both;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.se-embed--collapse {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.se-embed--button {
  padding: 1.5rem 0;
}
.se-embed--button-gdpr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 0;
}
.se-embed--button-gdpr .se__embed-wrap {
  text-align: center;
  padding: 4.5rem;
  border: 0.1rem solid #b7b7b7;
  max-width: 35rem;
  margin-bottom: 3rem;
}
.se-embed--button-gdpr .se__cbx-wrap {
  padding-bottom: 3rem;
}
.se-embed--button-gdpr .se__cbx {
  position: relative;
  left: -0.5rem;
  top: 0.2rem;
}
.se-embed--infobox {
  display: block;
  padding: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .se-embed--infobox {
    margin-right: 3rem;
    width: 50%;
    float: left;
  }
}
@media (max-width: 1023px) {
  .se-embed--infobox {
    margin-right: 0;
    width: 100%;
    clear: both;
    float: initial;
  }
}
.se-embed--infobox.full-width {
  margin-right: 0;
  width: 100%;
  clear: both;
  float: initial;
}
.se-embed--infobox .se__text {
  width: 100%;
}
@media (min-width: 768px) {
  .se-embed--photo.left-50 {
    float: left;
    width: 50%;
    padding: 0 1.5rem 1.5rem 0;
  }
  .se-embed--photo.left-40 {
    float: left;
    width: 40%;
    padding: 0 1.5rem 1.5rem 0;
  }
  .se-embed--photo.left-30 {
    float: left;
    width: 30%;
    padding: 0 1.5rem 1.5rem 0;
  }
  .se-embed--photo.right-50 {
    float: right;
    width: 50%;
    padding: 0 0 1.5rem 1.5rem;
  }
  .se-embed--photo.right-40 {
    float: right;
    width: 40%;
    padding: 0 0 1.5rem 1.5rem;
  }
  .se-embed--photo.right-30 {
    float: right;
    width: 30%;
    padding: 0 0 1.5rem 1.5rem;
  }
}
.se-embed--photo .se__img {
  width: 100%;
}
.se-embed--photo .se__meta {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.se-embed--photo .se__caption {
  margin-bottom: 0.5rem;
}
.se-embed--infobox-gray {
  background-color: #eeeeee;
}
.se-embed--infobox-red {
  background-color: #ed1c24;
}
.se-embed--infobox .se__text a {
  color: inherit;
  text-decoration: underline;
}
.se-embed--infobox .se__text a:hover, .se-embed--infobox .se__text a:focus, .se-embed--infobox .se__text a:active {
  opacity: 0.8;
}
.se-embed--collapse.full-width {
  margin-right: 0;
  width: 100%;
  clear: both;
  float: initial;
}
.se-embed--collapse .se__btn {
  text-align: left;
  padding: 1rem 0 1rem 3.5rem;
  position: relative;
  top: 0.1rem;
  border-style: solid;
  border-width: 0 0 0.1rem 0;
  border-color: rgba(0, 0, 0, 0.125);
  display: inline-block;
}
.se-embed--collapse .se__btn:hover, .se-embed--collapse .se__btn:focus {
  cursor: pointer;
  text-decoration: underline;
}
.se-embed--collapse .se__btn:focus {
  outline: none !important;
}
.se-embed--collapse .se__btn::before {
  transition: all 0.5s ease;
  font-family: "Font Awesome 5 Free";
  font-size: 2.4rem;
  font-weight: 400;
  content: "\f057";
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  left: 0;
  color: #ed1c24;
}
.se-embed--collapse .se__btn[aria-expanded=true] {
  border-color: #fff;
}
.se-embed--collapse .se__btn[aria-expanded=true]::before {
  transform: rotate(360deg);
}
.se-embed--onnetworktv {
  margin-bottom: 3rem;
}
.se-embed--riddle .riddle-target-initialised {
  width: 100% !important;
  max-width: 64rem !important;
}

.container--top-articles .container__head {
  z-index: 1;
  margin-top: 1.5rem;
}
.container--top-articles .container__head-logo {
  z-index: 0;
  position: absolute;
  top: -1.5rem;
  background-color: #ed1c24;
}
@media (min-width: 1280px) {
  .container--top-articles .container__head-logo {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 4.8rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--top-articles .container__head-logo {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 4.4rem;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .container--top-articles .container__head-logo {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
  }
}
@media (max-width: 479px) {
  .container--top-articles .container__head-logo {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 3.6rem;
  }
}
.container--top-articles .container__head-title {
  z-index: 1;
  position: relative;
  top: -0.4rem;
  padding-top: 1rem;
  margin-bottom: 0;
}
@media (min-width: 1280px) {
  .container--top-articles .container__head-title {
    padding-left: 3.6rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--top-articles .container__head-title {
    padding-left: 3.2rem;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .container--top-articles .container__head-title {
    padding-left: 2.8rem;
  }
}
@media (max-width: 479px) {
  .container--top-articles .container__head-title {
    padding-left: 2.6rem;
  }
}
.container--top-articles .container__head-title {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4rem;
  letter-spacing: 0rem;
  color: #000;
  font-style: italic;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .container--top-articles .container__head-title {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 1023px) {
  .container--top-articles .container__head-title {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 479px) {
  .container--top-articles .container__head-title {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
}
.container--top-articles .col--line-sep {
  border-style: solid;
  border-width: 0 0.8rem 0 0.7rem;
  border-color: #fff;
  height: 0.5rem;
  background-color: #f5f5f5;
  margin-bottom: 1.5rem;
  position: relative;
  margin-top: -0.8rem;
}
.container--top-articles .card--s3-custom .card__title {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0rem;
}
.container--top-articles .card--s3-custom .card__title, .container--top-articles .card--s3-custom .card__title a {
  color: #000;
}
@media (max-width: 1023px) {
  .container--top-articles .card--s3-custom .card__title {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}
.container--top-articles .card--s3-custom .card__well {
  height: auto;
  width: 100%;
}
.container--top-articles .card--s3-custom .card__article {
  height: auto;
}
.container--top-articles .card--s3-custom .card__figure {
  width: 100%;
  display: block;
  float: initial;
  margin-bottom: 2rem;
}
.container--top-articles .card--s3-custom .card__info {
  max-height: 20rem;
  padding-left: 0rem;
  padding-right: 0rem;
  width: initial;
  margin-left: initial;
}
.container--top-articles .card--s3-custom .card__title {
  margin-bottom: 2rem;
}
.container--top-articles .card__category {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.9rem;
  letter-spacing: 0rem;
  color: #ed1c24;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .container--top-articles .card__category {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
.container--top-articles .card__category--egida {
  padding-right: 0;
}
.container--top-articles .card__category--egida::after {
  content: "//";
  padding-left: 1rem;
  padding-right: 0.5rem;
  display: inline-block;
  font-size: 0.75em;
  position: relative;
  top: -0.1rem;
}
.container--top-articles .card__title {
  display: block;
  margin-top: 1.2rem;
}
@media (min-width: 1280px) {
  .container--top-articles .card__title {
    margin-right: 2rem;
  }
}
@media (max-width: 479px) {
  .container--top-articles .card__title {
    margin-top: 0.5rem;
  }
}

.site--more2 .container--top-articles .col--line-sep, .site--maslina .container--top-articles .col--line-sep {
  border-color: #e6eff9;
  margin-top: 0;
}
.site--more2 .container--top-articles .card__info, .site--maslina .container--top-articles .card__info {
  display: block;
}
.site--more2 .container--top-articles .card__category--egida::after, .site--maslina .container--top-articles .card__category--egida::after {
  background-image: none;
}
.site--more2 .container--top-articles .card__egida, .site--maslina .container--top-articles .card__egida {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.9rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
  text-transform: uppercase;
  font-weight: 400 !important;
}
@media (max-width: 1023px) {
  .site--more2 .container--top-articles .card__egida, .site--maslina .container--top-articles .card__egida {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
.site--more2 .container--top-articles .card__author-name, .site--maslina .container--top-articles .card__author-name {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
  text-transform: uppercase;
}

.container--impressum {
  text-align: center;
}
.container--impressum .site-title__link {
  display: block;
  margin: 4.5rem 0;
}
.container--impressum .site-title__img {
  display: inline-block;
  width: 100%;
  max-width: 30rem;
  height: auto;
}

@media (min-width: 768px) {
  .impressum__back2top {
    position: absolute;
    right: 1.5rem;
    top: 5rem;
  }
}
@media (max-width: 767px) {
  .impressum__back2top {
    position: relative;
    top: -2rem;
  }
}
.impressum__back2top .fa-chevron-up {
  color: #ed1c24;
  position: relative;
  padding-left: 1rem;
  top: -0.2rem;
}
.impressum__back2top:hover, .impressum__back2top:focus, .impressum__back2top:active {
  cursor: pointer;
}
.site--vinski .impressum__back2top {
  position: relative;
  right: 0;
  top: 0rem;
  padding: 1.5rem;
}
.impressum__logos {
  justify-content: center;
  margin-bottom: 3rem;
}
@media (max-width: 479px) {
  .impressum__logos {
    padding: 0 4rem;
  }
}
.impressum__copyright-div {
  display: inline-block;
}
@media (max-width: 479px) {
  .impressum__copyright-div:last-child {
    display: block;
  }
}
.impressum__copyright-logo {
  position: relative;
  top: 0.2rem;
}
.impressum__logo {
  background-image: url("/templates/site/images/pngs/sd_site_logos.png?date=27102020");
  background-repeat: no-repeat;
  height: 4rem;
  display: inline-block;
  margin: 0 0.5rem;
}
.impressum__logo--jutarnji {
  width: 18.8rem;
}
.impressum__logo--sd {
  width: 10rem;
  background-position: -18.8rem 0;
}
.impressum__logo--sn {
  width: 4.6rem;
  background-position: -29.1rem 0;
}
.impressum__logo--globus {
  width: 10rem;
  background-position: -33.6rem 0;
}
.impressum__logo--zivim {
  width: 7.2rem;
  background-position: -43.6rem 0;
}
.impressum__logo--gloria {
  width: 6.1rem;
  background-position: -50.9rem 0;
}
.impressum__logo--gg {
  width: 3.5rem;
  background-position: -211.5rem 0;
}
.impressum__logo--dobrahrana {
  width: 13.7rem;
  background-position: -57.4rem 0;
}
.impressum__logo--dd {
  width: 6.4rem;
  background-position: -70.9rem 0;
}
.impressum__logo--autoklub {
  width: 13.4rem;
  background-position: -77.7rem 0;
}
.impressum__logo--gorila {
  width: 13.1rem;
  background-position: -91.3rem 0;
}
.impressum__logo--ok {
  width: 6.5rem;
  background-position: -104.4rem 0;
}
.impressum__logo--euroactiv {
  width: 12.4rem;
  background-position: -198.5rem 0;
}
.impressum__logo--novac {
  width: 12.2rem;
  background-position: -169.7rem 0;
}
.impressum__logo--sn {
  width: 4.6rem;
  background-position: -29.1rem 0;
}
.impressum__logo--dubrovacki {
  width: 17.6rem;
  background-position: -116.2rem 0;
}
.impressum__logo--zadarski {
  width: 11.4rem;
  background-position: -133.8rem 0;
}
.impressum__logo--sibenski {
  width: 10.6rem;
  background-position: -158.9rem 0;
}
.impressum__logo--croatiatimes {
  width: 14.8rem;
  background-position: -183rem 0;
}
.impressum__logo--cropix {
  width: 10.9rem;
  background-position: -214.9rem 0;
}
.impressum__logo:hover, .impressum__logo:focus, .impressum__logo:active {
  background-position-y: -4.2rem;
}
.impressum__menu {
  padding: 1.3rem 0;
  background-color: #f5f5f5;
  margin-bottom: 3rem;
  border-style: solid;
  border-color: white;
  border-width: 0 0.8rem 0 0.7rem;
  /*
  @include bp4-sm-dn {
  	.menu__link {
  		//display: inline-block;
  		padding: 0 $gutterWidth 0 0;
  		&::after {
  			content: "|";
  			padding-left: 0.8rem;
  			position: relative;
  			top: -0.2rem;
  		}			
  	}
  	.menu__item:nth-child(3n+2) {
  		.menu__link {
  			&::after {
  				content: "";
  				padding-left: 0.8rem;
  				position: relative;
  				top: -0.2rem;
  			}					
  		}
  	}			
  	.menu__item:nth-child(3n+0) {
  		.menu__link {
  			//display: block;
  			padding: 0 $gutterWidth 0 0;
  		}
  	}
  	.menu__item:last-child {
  		.menu__link::after {
  			content: "";
  			padding-left: $gutterWidth;
  			position: relative;
  			top: -0.2rem;
  		}			
  	}
  	.menu__item {
  		display: inline-block;
  		&::after {
  			content: "\A";white-space:pre;
  		}
  	}				
  }		
  */
}
.impressum__menu .menu__item {
  display: inline-block;
}
.impressum__menu .menu__item:not(:last-child) .menu__link::after {
  content: "|";
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  top: -0.2rem;
}
.impressum__menu .menu__link:hover, .impressum__menu .menu__link:focus, .impressum__menu .menu__link:active {
  text-decoration: underline;
}
.impressum__builtby {
  color: #4c4c4c;
}
.impressum__builtby:hover, .impressum__builtby:focus, .impressum__builtby:active {
  color: #4c4c4c;
  text-decoration: underline;
}

.container--impressum .site-title {
  /*&__img {
  	width: auto;
            height: 5rem;
  }*/
}
.container--impressum .site-title__link {
  display: block;
  margin: 0 0 5.5rem 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .container--inner {
    width: 101rem !important;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  #t3-header {
    width: 100% !important;
  }
  .site--zdravlje #t3-header {
    width: initial !important;
  }
  .site--more #t3-header {
    width: initial !important;
  }
  .site--vinski #t3-header {
    width: initial !important;
  }
  body {
    /*.container--promo-slider { 
    	padding-left: 0;
    	padding-right: 0;
    }*/
  }
  body .t3-content, body .t3-header, body .t3-footer {
    width: 100%;
  }
  body .container--outter {
    width: 102.4rem !important;
  }
  body .container--inner > .row {
    margin-left: -0.7rem;
    margin-right: -0.7rem;
  }
  body .container--inner > .row > .col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  body .container--inner > .row > .col-lg-6 {
    flex: 0 0 69.3rem;
    max-width: 69.3rem;
  }
  body .container--inner > .row > .col-lg-3 {
    flex: 0 0 31.5rem;
    max-width: 31.5rem;
  }
  body .container--featured .row .col--content2,
  body .container--featured2 .row .col--content1,
  body .site--zadarski .container--vijesti .row .col--content1,
  body .site--slobodna .container--vijesti .row .col--content1 {
    flex: 0 0 27.3rem;
    max-width: 30rem;
  }
  body .container--preporuka .row .col--content1 {
    flex: 0 0 34.5rem;
    max-width: 34.5rem;
  }
  body .container--preporuka .row .col--side {
    flex: 0 0 24rem;
    max-width: 24rem;
  }
  body .container--section .row .col--content1 {
    flex: 0 0 27.5rem;
    max-width: 27.5rem;
  }
  body .container--section .row .col--content2 {
    flex: 0 0 31rem;
    max-width: 31rem;
  }
  body .container--zdravlje-section .row .col--content1 {
    flex: 0 0 49rem;
    max-width: 49rem;
  }
  body .container--zdravlje-section .row .col--content2 {
    flex: 0 0 20rem;
    max-width: 20rem;
  }
  body .container--more-section .row .col--content1 {
    flex: 0 0 49rem;
    max-width: 49rem;
  }
  body .container--more-section .row .col--content2 {
    flex: 0 0 20rem;
    max-width: 20rem;
  }
  body .container--more2-featured .row .col--content1 {
    flex: 1 1 43rem;
    max-width: 45rem;
  }
  body .container--more2-featured .row .col--content2 {
    flex: 0 0 25rem;
    max-width: 25rem;
  }
  body .container--more2-odabirurednika .row .col--content1 {
    flex: 1 0 58rem;
    max-width: 60rem;
  }
  body .container--more2-odabirurednika .row .col--content2 {
    flex: 0 1 41rem;
    max-width: 42rem;
  }
  body .container--more2-ribolov .row .col--content1 {
    flex: 1 0 58rem;
    max-width: 60rem;
  }
  body .container--more2-ribolov .row .col--content2 {
    flex: 0 1 41rem;
    max-width: 42rem;
  }
  .site--more2 body .itemView .container--item, .site--maslina body .itemView .container--item {
    width: 99.4rem !important;
    padding-left: 0;
    padding-right: 0;
    margin: 0 1.5rem;
  }
  body .itemView .row--grid > .col-lg-9 {
    width: 100%;
  }
  body .itemView .row--grid > .col-lg-1 {
    width: 11.4rem;
  }
  body .itemView .row--grid > .col-lg-5 {
    width: 58rem;
  }
  body .itemView .row--grid > .col-lg-3 {
    width: 31.5rem;
  }
  .container--breakingnews {
    width: 102.4rem !important;
    padding-left: 0;
    padding-right: 0;
  }
  .mod--breaking__big, .mod--breaking__small {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .container--stil-izdvojeno-1 {
    width: 102.4rem !important;
    padding-left: 0;
    padding-right: 0;
  }
  .container--svijetinovacija-izdvojeno-1 {
    width: 102.4rem !important;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .navbar-nav > .nav__item > .nav__link {
    text-align: center;
    transition: all 0.3s !important;
  }
  .navbar-nav > .nav__item > .nav__link:hover, .navbar-nav > .nav__item > .nav__link:focus {
    color: #c41718;
  }
  .navbar-nav > .nav__item.active > .nav__link {
    color: #c41718;
  }
}
.nav__item .nav__link--pretplata {
  color: #c41718;
}
.nav__item .nav__link:focus, .nav__item .nav__link:active {
  color: #c41718;
  transition: all 0.5s ease-out;
}
@media (max-width: 1023px) {
  .nav__item.current > .nav__link, .nav__item.active > .nav__link {
    color: #c41718;
  }
}

.btn--type-color {
  background-color: #c41718;
  border-color: #c41718;
}
.btn--type-color:hover, .btn--type-color:focus, .btn--type-color:active {
  background-color: #c41718 !important;
  border-color: #c41718 !important;
}

.item__border {
  background-color: #003d63;
}

@media (min-width: 768px) {
  .impressum__back2top {
    top: 0;
  }
}
.impressum__back2top .fa-chevron-up {
  color: #ed1c24;
}
.impressum__copyright-text {
  color: #000000;
}
.impressum__copyright-logo {
  color: #000000;
}
.impressum__menu {
  border-color: #e6eff9;
  background-color: #ffffff;
  padding: 1.3rem 1rem;
}
.impressum__builtby {
  color: #000000;
}

.impressum__copyright-logo {
  color: #ed1c24;
}

.itemView .container--item .row--content, .itemView .container--item .row--title {
  background-color: #ffffff;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .itemView .container--item .row--content {
    margin: 0rem;
    padding: 0 0.7rem 0 0.8rem;
  }
  .itemView .container--item .col--content {
    flex: 1 0 60rem !important;
    max-width: 100rem;
  }
  .itemView .container--item .col--side {
    flex: 0 0 31.5rem;
    max-width: 31.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .itemView .container--item {
    padding: 0 1.5rem;
  }
}
@media (max-width: 1023px) {
  .itemView .container--item .row--content, .itemView .container--item .row--title {
    margin: 0rem;
    padding: 0 0.7rem 0 0.8rem;
  }
  .itemView .container--item .row--title {
    padding-top: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .itemView .container--item .col--side {
    padding-bottom: 1.5rem;
  }
}

.item__share-icon img {
  filter: invert(14%) sepia(27%) saturate(6265%) hue-rotate(184deg) brightness(97%) contrast(102%);
}

/*
// for row height to maximum 
.container--inner > .row { align-items: stretch; }
.container--inner > .row .col--content1 .row { height: 100%; }

.col--artclass {
	.card--art-class-110 {
		padding:1.5rem;
		background-color: $clrXXXBack;
		.card__info { color: $clrXXXTitle; }
		.card__title { color: $clrXXXTitle }
		.card__category { color: $clrXXXCategory; }
		.card__egida { color: $clrXXXCategory; }
		.card__introtext { color: $clrXXXTitle; }
		.card__author-name { color: $clrXXXTitle; }	
		//.card__figure { height: auto; width: 100%; }	

		&.card--b6-featured {
			@include bp4-lg-up { height: 100%; }
			@include bp4-md-dn { height: calc(100% - 1.5rem); } 

		} 		
		&.card--s3-featured { 
			@include bp4-md-dn { height: calc(100% - 1.5rem); } 
		}

		&.card--s4-featured {
			@include bp4-xl { height: 100%; }
			@include bp4-lg-dn { height: calc(100% - 1.5rem); } 
			.card__figure { width: initial; }
			.card__image { left: 0; }		
		} 

		&.card--b4-section { 
			height: calc(100% - 1.5rem);
			.card__figure { height: initial; }		
		}
		&.card--s4-section {
			.card__figure { height: initial; }	
		}

		&.card--s4-dalmacija,
		&.card--s4-hep-pozitiva,
		&.card--b5-preporuka,
		&.card--s3-promo,
		&.card--s4-celebrity,
		&.card--s4-kultura {
			 height: calc(100% - 1.5rem);
		}

		&.card--s4-kultura {
			@include bp4-xl {
				.card__figure { height: 32.5rem; } //34-1.5rem
				.card__image { width: 102%; height: auto;}
			}
		}
		&.card--s4-celebrity {
			@include bp4-xl {
				.card__figure { height: 33.2rem; } //34.7-1.5rem
				.card__image { width: 102%; height: auto;}
			}
		}	
		&.card--b5-preporuka {
			@include bp4-xl { 
				.card__info { max-height: 28.5rem; }
			}
		}
	}
	&-inline {
		.card--art-class-110 {
			.card__figure { width: 36%;	}		
			.card__info { 
				@include bp4-md-up { top: 1.2rem; }
				@include bp4-sm-dn { top: 0; }
				width: 64%;
				margin-left: initial; // ***			
				right: 0;

				padding-left: 1.5rem;

				margin-top: 0;
				margin-bottom: 0;
			}
		}
	}	
}

.container--section {
	.col--artclass-inline {
		.card--art-class-110 {
			@include bp4-md-dn {
				.card__figure { 
					width: 100%;
					//height: calc(100% - 1.5rem);
				}		
				.card__info { 
					right: initial;
					width: 100%;
					padding-left: 0;
					padding-bottom: 1.5rem;
				}
				&.card--i5-section { height: calc(100% - 1.5rem);}
			}
		}
	}	
}
*/
/*
.xcard__article {
	--borderWidth: 3px;
	//background: #1D1F20;
	position: relative;
	border-radius: var(--borderWidth);
  }
  .xcard__article:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
  }
  */
.piano-modal {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
  color: #3E4148;
}

.piano-modal .modal-dialog {
  margin: 50px auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);
  max-width: 400px;
}

.piano-modal .modal-content {
  padding: 0 40px 20px 40px;
}

.piano-modal .close {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 30px;
  height: 30px;
  /*background: #fff url(data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 7.208l-.706-.708-2.798 2.798L7.207 6.5l-.707.707 2.798 2.799L6.503 12.8l.707.707 2.796-2.795 2.792 2.792.707-.707-2.792-2.792 2.798-2.798z' fill='%23000' fill-opacity='.4'/%3E%3C/svg%3E) center center no-repeat;*/
  border: none;
  box-shadow: 0 0 10px rgba(28, 37, 68, 0.15);
  outline: none;
  z-index: 300100;
  line-height: 10px;
  border-radius: 40px;
  cursor: pointer;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  opacity: 1;
  transform: scale(1);
}

@media screen and (max-width: 479px) {
  .piano-modal .close {
    right: 10px;
  }
}
.piano-modal .modal-header {
  padding-top: 20px;
  min-height: 60px;
  border: none;
}

.piano-modal .modal-header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 76px;
  background-color: #E4F1F5;
}

.piano-modal .logo {
  background-color: transparent;
  display: block;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
  margin: 0 auto;
  z-index: 1;
}

.piano-modal p {
  display: block;
}

.piano-modal .lead {
  text-transform: none;
  margin-bottom: 2.2em;
  font-size: 2em;
}

.piano-modal .placeholder {
  pointer-events: none;
  color: #000000;
  text-transform: uppercase;
  font-size: 0.8334em;
  letter-spacing: 0.1em;
  position: absolute;
  top: -17px;
  left: 4px;
}

.piano-modal input {
  display: block;
  width: 100%;
  background: #FFFFFF;
  font-size: 15px;
  margin-top: 27px;
  padding: 8px 0 4px 4px;
  box-sizing: border-box;
  border: 1px solid #909090;
  border-radius: 0;
  color: #151515;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0.6px;
  outline: none;
  text-transform: none;
  text-align: left;
}

.piano-modal .input-group.with-icon input {
  padding-right: 20px;
}

.piano-modal .float {
  position: absolute;
  top: 7px;
  cursor: pointer;
  right: 6px;
  opacity: 0.2;
}

.piano-modal .float:hover {
  opacity: 0.6;
}

.piano-modal .icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

.piano-modal .icon-show {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJrSURBVFiF7dZJj0xRFAfwX+tqetmsaDHssBAbwZYYO4h5HnbNRrAxfQBTfAc0ESstJIJgZ2odQZPQC+yJKTFFt7K4r1K3qt57qip2+p/czbn/c86990yXEfzvaGmQPwerMRfTMDaRf8QrPEAvHv2rAxIOuRUvUKxzDWCzxi9Yg6m4k+LgK+7jSrLuJ7Jq3m1Madb5TnyJjP3COcxHIYVfwAKcT7glvc/Y3qjzwypvcleIeb2YjnuR/m8cqlf5uMpbH0BrA85LaMVBla9x7G9K+yPyT6zJ4XaiK1kTcngr8D2yuzeLuBxDCek7FmbwxqJHeNb4iXuTQ6VhEX4k3CEsqyZMxPvI2LYc52/UZntpvUVHhu7G6NAfMCnevKG+OPVEvKfoxi70R/KzOfonI971knBDJOxHW4ZyZ3SDZ2iP9tqF5lPEsOycKOBh5G8dDCpn/Myc0y+LFLtT9ndH+0ty7MxSzrXBUdFGC0alqgQUq7jNokZ3vfLJH2N0hmIcgn6MifaqQzA+w0Yb+iJ/a0sbcRKeyDn95Yg3IDz7bjyP5Kdz9E9FvGvVt4vLMKt3dwqlllWGr2WX4Y6I905KonYpJ8cPoXmkoUMoteHI4DDO5DhfrLIRLc3g2RcZ/SkpkwyMFypjqeyYw0qVrXhPDhccjci/hCnWzDAq4IjyqxYT23XhoMpef08YsfVihvA9i2fFgQb0EebBp8jIEC4IQyrtQ9ImxPqiylt/wpZGnZcwGbfUZvs3oaVeTVZfIqvm3VQ1dJpBCzYJ/b/eT+kTYfr9tWM22lJnYxXmCTkxLpF/wEsh7peEjjqCEdSFP2a4/X+FcRo6AAAAAElFTkSuQmCC);
}

.piano-modal .icon-hide {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJpSURBVFiF1ddLbIxRFAfw30zpQmJpg7CVWFhoI7ZChVhoQoK0UsTCSiw8F2UhFY+kkWDVpUiwkFCCeOyI18JroWsSxEJTqrQ6Fnemc+cz30xn2mY4yU2+3Hv+5/zvvefccz7owxC6NEgGkcNv7GoEgR155w0lsTMiMY49/zKJPXiIj/iJYXzAA/SgdSZJzMvP56qM19iKzHSQOBatZXETn/EY13A9//29DJH7WFwviXinpyeBmYVVuIjRCDuIzloJHEkQqDUwl+BRAn9osuCjCeC4+kg04aDS0zhRDbQvUv6BdlNP0XaMRHb3pim2RY5+YUO0liSxv0YSayISY1iXVFgoRHbBwbYyRmISOZytkUSn4nV+wfx48VZkuLeCkbfqD0w4FeFvFybbo8mnmJ0CXhrp1UuiGS8i/CZ4p3g3yyuAuyLgOfUH5rK8rxwGskqfy7EKwPhk+rE77zyD8zWQiO3kYLPizp5Lv4KVkd7l/FwyO6oFZnPeR8HOxsLCnWjyZAo4KxSZgt4VIVUvKI2LAxUI9EZ6/fHCfCE1CjvpSDHQKpTfSpUwLSbaFNPwExYkFdYrBseI8HikkYhPojDeqByYhxW7rrYU2/ZGBkeEFC0nWawQYmC7UHyo/GzPRXcFmxPSE5EYFapYUzVQJEkSZ2rATshBpeX4keIuJyOHE/juekh04GtkZAyXsFpoPpIyB2txVTGWpvJsg0W45++AG8YT3BBatJdKS25hDJiGbjuDLXhVxkHaeCZU1IxpbvlbcFw4lffCSXwTdnpXaOVayuD+q/+OGZVdSn8DdzSaxGAjCBB6iyH0/QFr2jJ+44yutgAAAABJRU5ErkJggg==);
}

.piano-modal .remember-and-restore {
  margin: 1.5em 0 0 0;
}

.piano-modal .pull-left {
  float: left;
}

.piano-modal .pull-right {
  float: right;
}

.piano-modal label {
  cursor: pointer;
  font-size: 0.8334em;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.piano-modal remember-me {
  display: inline-block;
}

.piano-modal label > * {
  vertical-align: middle;
}

.piano-modal input[type=checkbox] {
  background-color: initial;
  cursor: default;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  margin: 3px 3px 3px 4px;
  padding: initial;
  border: initial;
  display: inline-block;
  width: 13px;
}

.piano-modal .cf:before, .cf:after {
  content: " ";
  display: table;
}

.piano-modal .cf:after {
  clear: both;
}

.piano-modal .link {
  color: #6893b0;
  font-size: 0.8334em;
  letter-spacing: 0.13em;
  text-decoration: none;
  cursor: pointer;
}

.piano-modal .piano-condition {
  color: #6893b0;
}

.piano-modal .link:active, .piano-modal .link:hover, .piano-modal .piano-condition:active, .piano-modal .piano-condition:hover {
  color: #7cb7de;
}

.piano-modal .btn {
  display: block;
  width: 100%;
  background: #2878af;
  font-size: 1em;
  padding: 14px 16px;
  box-sizing: border-box;
  border: 1px #2878af solid;
  border-radius: 0;
  color: #e8e8e8;
  font-weight: 300;
  letter-spacing: 0.1em;
  outline: none;
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
}

.piano-modal .btn.prime {
  position: relative;
  text-align: left;
  background: #284B71;
  border-color: #284B71;
  color: #e8e8e8;
  margin-top: 24px;
}

.piano-modal .btn:active, .piano-modal .btn:hover {
  text-decoration: none;
}

.piano-modal .btn.prime > * {
  transition: width 0.5s ease;
  display: block;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}

.piano-modal .btn.prime:hover > *, .piano-modal .btn.prime:active > * {
  width: 0;
}

.piano-modal .btn.prime:active:after, .piano-modal .btn.prime:hover:after {
  content: "";
  color: white;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAALVBMVEUAAADv7+/n5+fr6+vo6Ojn5+fo6Ojo6Ojo6Ojo6Ojn5+fo6Ojp6eno6Oj///8Bhd/4AAAADXRSTlMAEBUav8LGycrS2fLy4JDZDwAAAAFiS0dEDm+9ME8AAAA7SURBVBjTY2CgDmBtQuJw3FRAcBh7FyNJSdwywC/FehcKDiBzNiCUWd0QgLOZ1zYSIcGO7ByWJKr4FwCuGBuF1nK4dwAAAABJRU5ErkJggg==);
}

.piano-modal p.final {
  margin: 9px 0 0 !important;
}

.piano-modal .piano-errors-list {
  list-style: none;
  background: #cd5c5c;
  text-align: left;
  padding: 0;
  text-transform: none;
  color: #fff;
  padding: 8px 10px;
}

.piano-modal .consent-list {
  text-align: left;
}

.piano-modal #uvjeti .consent {
  display: inline-block;
  margin: 0.3em 0 0 0 !important;
  float: left;
  transform: translateY(1px);
}

.piano-modal .small {
  font-size: 0.8334em;
  letter-spacing: 0.1em;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 5px;
}

#uvjeti p {
  line-height: 1.1;
}

#uvjeti p.small {
  line-height: 1.4em;
  padding-bottom: 5px;
  padding-left: 23px;
  padding-top: 6px;
}

.grecaptcha-badge {
  display: none !important;
}

#piano_wrapper {
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 999999;
  left: 0;
}

.sso__account-info .piano-user-login2, .korisnicki-racun .piano-user-login2 {
  cursor: pointer;
}

.piano-modal .final .link {
  color: #284b71;
  font-size: 1em;
  font-weight: 700;
}

.piano-modal .final .link:hover {
  color: #ed1c24;
}

.piano-modal .login-notice {
  text-transform: none;
  margin-top: 24px;
}

.piano-modal .submitting {
  width: 25px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #e8e8e8;
  border-right-color: #888;
  animation: l2 1s infinite linear;
}

@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}
.piano-modal #pianoGoogleSignIn {
  position: relative;
  top: -17px;
  border: none;
  background: none;
  padding: 0;
}

.piano-modal .gsi-material-button {
  top: -17px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  -webkit-box-sizing: border-box;
  border-radius: 0;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
  max-width: 400px;
  min-width: -moz-min-content;
  min-width: min-content;
}
.piano-modal .gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.piano-modal .gsi-material-button .gsi-material-button-content-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.piano-modal .gsi-material-button .gsi-material-button-contents {
  flex-grow: 0;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.piano-modal .gsi-material-button .gsi-material-button-state {
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.piano-modal .gsi-material-button:disabled {
  cursor: default;
  background-color: rgba(255, 255, 255, 0.3803921569);
  border-color: rgba(31, 31, 31, 0.1215686275);
}
.piano-modal .gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}
.piano-modal .gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}
.piano-modal .gsi-material-button:not(:disabled):active .gsi-material-button-state,
.piano-modal .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}
.piano-modal .gsi-material-button:not(:disabled):hover {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.piano-modal .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}
.piano-modal .piano-hl {
  text-transform: none;
  font-size: 1.5em;
  display: flex;
  flex-direction: row;
}
.piano-modal .piano-hl:before, .piano-modal .piano-hl:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #747775;
  margin: auto;
}
.piano-modal .piano-hl:before {
  margin-right: 2rem;
}
.piano-modal .piano-hl:after {
  margin-left: 2rem;
}

#ssoModal .modal-dialog .modal-content {
  padding: 2rem;
  border-radius: 0.7rem;
}

#ssoModal .modal-header, #ssoModal .modal-footer {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0rem;
  color: #4c4c4c;
}

#ssoModal .modal-dialog .modal-content .modal-header {
  padding: 1.2rem;
  border-bottom: 1px solid #d8d8d8;
}

#ssoModal .modal-dialog .modal-content .modal-title {
  font-weight: bold;
}

#ssoModal .modal-dialog .modal-content .modal-header .close {
  background: #fff;
  border: none;
  font-size: 4.5rem;
  line-height: 2.5rem;
  padding-bottom: 1rem;
  font-weight: 300;
}

#ssoModal .modal-dialog .modal-content .modal-body {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 2.2rem 1.2rem 1.5rem 1.2rem;
}

#ssoModal .modal-dialog .modal-content .form-group {
  margin-bottom: 1rem;
}

#ssoModal .modal-dialog .modal-content .col-form-label, #ssoModal .modal-dialog .modal-content .form-check-label {
  font-size: 1.3rem;
  line-height: 1.4;
  padding-right: 0;
  color: #000;
}

#ssoModal .modal-dialog .modal-content .form-control {
  font-size: 1.3rem;
  border: 1px solid #909090;
  background: #fff;
}

#ssoModal .modal-dialog .modal-content .row-fluid {
  padding-right: 0;
  padding-left: 11.2rem;
  margin-top: 1.7rem;
}

#ssoModal .modal-dialog .modal-content .btn-login {
  margin-right: 1.5rem;
  color: #000;
  text-decoration: none;
}

#ssoModal .modal-dialog .modal-content .modal-footer {
  padding: 2.7rem 1.2rem 1.4rem 1.2rem;
  flex-wrap: nowrap;
  gap: 3rem;
}

#ssoModal .modal-dialog .modal-content .modal-footer .btn {
  color: #000;
  border-color: #7B7B7B;
  background-color: #fff;
  font-size: 1.5rem;
  border-width: 0.2rem;
  border-radius: 0.4rem;
  transition: all 0.3s ease-in-out;
}

#ssoModal .form-check-label {
  padding-left: 0.8rem;
}

#ssoModal .sso-loader {
  display: none;
  vertical-align: middle;
  margin-right: 2px;
  border: 3px solid #ddd;
  border-radius: 50%;
  border-top: 3px solid #000;
  width: 1.5rem;
  height: 1.5rem; /* Safari */
  animation: sso-spin 1s linear infinite;
}

/* Safari */
@keyframes sso-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.itemView #komentari_container .item__comments {
  padding-right: 4rem;
  border-right: 1px solid #bfbfbf;
}
.itemView #komentari_container .item__comments .kt-form-section .kt-form-title {
  font-family: "Open Sans", sans-serif;
}
.itemView #komentari_container .item__comments .kt-form-editor .markItUp .markItUpContainer .markItUpExpanding textarea {
  font-family: "Open Sans", sans-serif;
}
.itemView #komentari_container .kt-title-and-sort-holder {
  margin-bottom: 1.5rem;
  display: flex;
  flex-flow: row wrap;
}
.itemView #komentari_container .kt-title-bar__title, .itemView #komentari_container .commentCounter {
  font-family: "mediasansextended-black", sans-serif;
  font-size: 20px;
  font-weight: 100;
  color: #1d1d1d;
  padding: 0px 0px 0px 0px;
  line-height: 1;
  font-style: normal;
  text-transform: lowercase;
}
.itemView #komentari_container .kt-sort {
  margin-left: auto;
}
.itemView #komentari_container .kt-custom-sort {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  line-height: 1.3;
  padding: 0.2rem 0;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  background-color: transparent;
  margin-left: 2rem;
}
.itemView #komentari_container .kt-title-bar {
  border-bottom: 0;
  padding: 0;
}
.itemView #komentari_container .kt-dashboard-tab {
  display: none;
}
.itemView #komentari_container .kt-comment, .itemView #komentari_container .kt-comment__hd, .itemView #komentari_container .kt-comment__ft {
  border: 0;
}
.itemView #komentari_container .kt-comments-container {
  padding-left: 4rem;
  border-left: 1px solid #bfbfbf;
}
.itemView #komentari_container .kt-comments-container #loadmore-comments {
  border: 0;
  padding: 0;
}
.itemView #komentari_container .kt-comments-container #loadmore-comments .kt-loadmore-button {
  font-family: "Slabo 27px", serif;
  font-size: 18px;
  background-color: #F6F6F6;
  padding: 0.8rem;
  border-radius: 2rem;
}
.itemView #komentari_container .kt-comments-container #loadmore-comments .kt-loadmore-arrow {
  margin-top: 0.5rem;
  font-size: 24px;
  color: #FA292A;
}
.itemView #komentari_container .kt-comment {
  border-top: 1px solid #bfbfbf;
  border-radius: 0;
}
.itemView #komentari_container .kt-comment__hd {
  padding: 1rem 0;
}
.itemView #komentari_container .kt-comment__hd .kt-reply-to {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.itemView #komentari_container .kt-comment__hd .kt-reply-to a {
  color: #121212;
}
.itemView #komentari_container .kt-comment__hd .kt-comment-date {
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #bdbec3;
  margin-top: 0.5rem;
}
.itemView #komentari_container #kt {
  font-family: "Open Sans", sans-serif;
}
.itemView #komentari_container #kt .kt-comment__bd .kt-comment-content {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #121212;
  padding: 1rem 0;
  overflow-x: auto;
}
.itemView #komentari_container #kt .kt-comment__bd .kt-comment-content .kt-comment-message a[data-readmore=""] {
  font-size: 12px;
  font-weight: 700;
  color: black;
}
.itemView #komentari_container #kt .kt-comments {
  margin-top: 3rem;
}
.itemView #komentari_container #kt .kt-comments .kt-comment-view-all {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #808080;
}
.itemView #komentari_container #kt .kt-comments .kt-comment-view-all .kt-show-all-comments-button {
  margin-right: 1rem;
  font-size: 18px;
}
.itemView #komentari_container #kt .kt-comments .kt-show-all-comments-button {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #808080;
}
.itemView #komentari_container #kt .o-avatar--text, .itemView #komentari_container #kt .o-avatar--md {
  width: 46px;
  height: 46px;
  line-height: 46px;
  color: #fff;
  position: relative;
}
.itemView #komentari_container #kt .o-avatar--bg-1, .itemView #komentari_container #kt .o-avatar--bg-2, .itemView #komentari_container #kt .o-avatar--bg-3, .itemView #komentari_container #kt .o-avatar--bg-4, .itemView #komentari_container #kt .o-avatar--bg-5, .itemView #komentari_container #kt .o-avatar--bg-6, .itemView #komentari_container #kt .o-avatar--bg-7, .itemView #komentari_container #kt .o-avatar--bg-8, .itemView #komentari_container #kt .o-avatar--bg-9 {
  background-color: #345070;
}
.itemView #komentari_container #kt .avatar-frame, .itemView #komentari_container #kt .comment-form-avatar-frame {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  max-width: 100%;
}
.itemView #komentari_container .kt-comment__ft {
  padding: 1rem 0;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-comment-meta {
  display: flex;
  flex-flow: row wrap;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-comment-meta .kt-report-wrap, .itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-comment-meta .kt-reply-wrap {
  margin-left: auto;
  color: #BDBEC3;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 11px;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-comment-meta .kt-report-wrap::before, .itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-comment-meta .kt-reply-wrap::before {
  content: "";
  display: none;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-arrow-up-button, .itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-arrow-down-button {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-arrow-up-button {
  color: #345070;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-arrow-down-button {
  color: #FA292A;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-arrow-up-counter, .itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-arrow-down-counter {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #BDBEC3;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-report-button {
  color: black;
  margin-left: 0.5rem;
}
.itemView #komentari_container .kt-comment__ft .kt-comment-content-action .kt-reply-button {
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: black;
  color: #fff;
  margin-left: 0.5rem;
}
.itemView #komentari_container .comments__msg {
  background-color: #F6F6F6;
}
.itemView #komentari_container .comments__msg .comments__msg-title, .itemView #komentari_container .comments__msg .comments__msg-text, .itemView #komentari_container .comments__msg .comments__msg-btn {
  font-family: "Open Sans", sans-serif !important;
}
.itemView #komentari_container .comments__msg .comments__msg-title {
  font-size: 1.5rem !important;
  font-weight: 600;
}
.itemView #komentari_container .comments__msg .comments__msg-text {
  font-size: 1.1rem !important;
  font-weight: 600;
  line-height: 1.6rem;
  padding-bottom: 0;
}
.itemView #komentari_container .comments__msg .comments__msg-text a {
  color: #345070;
  font-weight: bold;
}
.itemView #komentari_container .comments__msg .comments__msg-btn {
  text-align: left;
  padding-top: 3rem;
}
.itemView #komentari_container .comments__msg .btn {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;
  padding: 1rem 3rem;
  border-radius: 3rem;
}
.itemView #komentari_container .comments__msg .btn-danger {
  line-height: 1.5rem;
  background-color: #345070;
  border-color: #345070;
}
.itemView #komentari_container .kt-form-submit .btn {
  font-family: "Open Sans", sans-serif !important;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.itemView #komentari_container .kt-form-submit .btn-kt-primary {
  background-color: #FA292A !important;
  border-color: #FA292A !important;
}
.itemView #komentari_container .kt-form-submit .btn-kt-primary:hover {
  background-color: #FA292A !important;
  border-color: #FA292A !important;
}
.itemView #komentari_container .comments__loader {
  margin: 0 auto;
  width: 30px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, #888 90%, rgba(0, 0, 0, 0)) 0/33.3333333333% 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
}
@keyframes l1 {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}
.itemView #komentari_container .dark-mode-switcher a::before {
  color: #333;
}
.itemView #komentari_container .item__comments.dark {
  background-color: #24374D;
}
.itemView #komentari_container .item__comments.dark .kt-title-bar__title, .itemView #komentari_container .item__comments.dark .commentCounter {
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark .kt-custom-sort {
  background-color: #24374D;
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark .dark-mode-switcher a::before, .itemView #komentari_container .item__comments.dark .kt-form-title, .itemView #komentari_container .item__comments.dark .kt-form-header {
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark .kt-form-editor .markItUp .markItUpContainer .markItUpHeader {
  background-color: #24374D;
}
.itemView #komentari_container .item__comments.dark .kt-form-editor .markItUp .markItUpContainer .markItUpHeader a::before {
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark .kt-form-editor .markItUp .markItUpContainer .markItUpExpanding textarea {
  color: #FFF;
  background-color: #24374D;
}
.itemView #komentari_container .item__comments.dark .kt-comment-content {
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark .kt-comment-content .kt-comment-message {
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark .kt-reply-to a {
  color: #FFF;
}
.itemView #komentari_container .item__comments.dark #loadmore-comments {
  background-color: #24374D !important;
}
.itemView #komentari_container .item__comments.dark .kt-comments-container #loadmore-comments .kt-loadmore-button {
  background-color: #345070;
}

.container--user_comments #kt .o-avatar--text {
  font-family: "Open Sans", sans-serif !important;
  color: #fff;
}
.container--user_comments #kt .o-avatar--bg-1, .container--user_comments #kt .o-avatar--bg-2, .container--user_comments #kt .o-avatar--bg-3, .container--user_comments #kt .o-avatar--bg-4, .container--user_comments #kt .o-avatar--bg-5, .container--user_comments #kt .o-avatar--bg-6, .container--user_comments #kt .o-avatar--bg-7, .container--user_comments #kt .o-avatar--bg-8, .container--user_comments #kt .o-avatar--bg-9 {
  background-color: #345070;
}
.container--user_comments #kt-nickname {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  margin-top: 0.5rem;
}
.container--user_comments #kt-comments-title {
  font-family: "mediasansextended-black", sans-serif;
  font-size: 27px;
  font-weight: 100;
  color: #1d1d1d;
  padding: 0px 0px 0px 0px;
  margin-bottom: 22px;
  line-height: 1;
  font-style: normal;
  text-transform: lowercase;
}
.container--user_comments .kt-comment-item {
  margin-bottom: 4rem;
}
.container--user_comments .kt-comment-date, .container--user_comments .kt-source-article-heading, .container--user_comments .kt-source-article-title {
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #bdbec3;
}
.container--user_comments .kt-source-article-title {
  font-weight: 600;
  color: #808080;
}
.container--user_comments .kt-comment-content {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #121212;
  margin-top: 0.5rem;
}
.container--user_comments #kt-block-user-btn, .container--user_comments #kt-show-blocked-users, .container--user_comments .kt-deblock-user-btn {
  background-color: #345070 !important;
  border-color: #345070 !important;
  color: #FFF;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 3rem;
  font-family: "Open Sans", sans-serif;
  padding: 6px 2rem;
  margin: 2rem 0;
  border: 1px solid transparent;
}
.container--user_comments #kt-blocked-user-badge {
  display: inline-block;
  background-color: #FA292A !important;
  border-color: #FA292A !important;
  color: #FFF;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 3rem;
  font-family: "Open Sans", sans-serif;
  padding: 6px 2rem;
  margin: 2rem 0;
  border: 1px solid transparent;
}
.container--user_comments #blocked-users-list {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}
.container--user_comments .kt-deblock-user-btn {
  margin: 0.5rem 0;
}
.container--user_comments .kt-blocked-user-nickname {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  margin-top: 0.5rem;
  overflow-wrap: break-word;
}
.container--user_comments .deblock-loader {
  display: none;
  width: 15px;
  height: 15px;
  border: 3px solid #FFF;
  border-bottom-color: #FA292A;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.container--user_comments .deblock-user-errors-list {
  list-style: none;
  background: #cd5c5c;
  text-align: left;
  padding: 0;
  text-transform: none;
  color: #fff;
  padding: 8px 10px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
  font-size: 12px;
}
.container--user_comments .avatar-frame {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  max-width: 100%;
  padding: inherit;
}