.story-title {
    font-weight: 700;
}
.story-title.first-title {
    font-weight: 800;
    font-size: 18px;
}
h2.title-with-icon.alo-icon {
    padding-left: 0;
    padding-bottom: 10px;
}
/* -------------------------------- HEADER NAV ------------------------------ */
.header-top-nav a {
    border-left: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--white);
}
.header-top-nav a i {
    margin-right: 10px;
}
.header-top-nav a img {
    height: 16px;
    width: auto;
    display: block;
}

/* -------------------------------- latest-three-category ------------------- */
.latest-three-category h4,
.latest-three-category .story-title,
h2.fragment-title,
h3.fragment-title,
h4.fragment-title,
h5.fragment-title,
h6.fragment-title {
    font-family: "Encode Sans", serif;
}

/* ----------------------------- topJNodes-4 topStories-4 ------------------- */
.topJNodes-4 .time-comment {
    margin-top: 5px;
}

/* ------------------------ agregator-3-3 ----------------------------------- */
.title-with-icon {
    border-bottom: 1px solid var(--line);
    text-transform: uppercase;
}
.title-with-icon.icon-najzena {
    padding-left: 40px;
}
.title-with-icon.icon-najzena:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: calc(50% - 24px);
    background-image: url('/assets/front/img/najzena/najnovije.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.title-with-icon.icon-najzena.zdravlje::before {
    background-image: url('/assets/front/img/najzena/zdravlje.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.lepota-i-moda::before {
    background-image: url('/assets/front/img/najzena/lepota_i_moda.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.porodica::before {
    background-image: url('/assets/front/img/najzena/porodica.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.ispovesti::before {
    background-image: url('/assets/front/img/najzena/ispovesti.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.poznati::before {
    background-image: url('/assets/front/img/najzena/poznati.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.dom-i-saveti::before {
    background-image: url('/assets/front/img/najzena/dom_i_saveti.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.horoskop::before {
    background-image: url('/assets/front/img/najzena/horoskop.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.title-with-icon.icon-najzena.video::before {
    background-image: url('/assets/front/img/najzena/poznati.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* ------------------------- topStories-aloRecomend-4 ----------------------- */
.fragment-title.border-top {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid var(--orange) !important;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}
/* -------------------------------------------------------------------------- */

.breaking-news {
    background-color: var(--section);
}
.breaking-news-title {
    background-color: var(--header1);
}
.breaking-news-content .item h5 a {
    color: var(--text);
}
.breaking-news-content .item h5 a:hover {
    color: var(--text);
    text-decoration: underline 2px var(--line);
}
a.button-view-all {
    border-radius: 0;
    background: var(--buttongradient);
    min-width: 150px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
a.button-view-all:hover {
    background-color: inherit;
    opacity: 0.8;
}

.banner-iframe {
    top: 90px;
}
/* -------------------------------------------------------------------------- */

.download-app-title {
    margin-bottom: 15px;
}
.banner-wrapper {
    background-color: initial;
}
.section-titles .section-title.active,
.section-titles .section-title,
.section a,
.section a:hover {
    color: var(--text);
}
.latest-three-category .story-title a {
    text-decoration: underline 2px transparent;
}
.section.latestStories {
    border-color: var(--line);
}
.section.latestStories .section-titles {
    border-color: var(--line06);
}
.story-title {
    color: var(--text);
}
h4.red-border-top {
    border-color: var(--line);
}
p.answer, h3.poll-question {
    color: var(--header1);
}
h3.poll-question {
    border-color: var(--line);
}
#pollQuestionHolder a {
    color: var(--header1);
}
#pollQuestionHolder a:hover {
    color: var(--header1);
    opacity: 0.8;
}
#pollQuestionHolder strong {
    color: var(--header1);
}
.section-titles .section-title {
    font-weight: 400;
    letter-spacing: 1.36px;
}
.section-titles .section-title.active,
.section-titles .section-title:hover {
    font-weight: 900;
}
.section.weather h4.red-border-top {
    font-weight: 700;
}
.topJNodes-4.topStories-4 h4.red-border-top {
    font-weight: 900;
}

.weather-slider .slider-arrow, .horoscope-slider .slider-arrow {
    color: var(--header1);
}
.weather-slider .slider-arrow:hover,
.horoscope-slider .slider-arrow:hover {
    color: var(--body);
}
.story-wrapper-inner h2,
.story-wrapper-inner h3,
.story-wrapper-inner h4,
.story-wrapper-inner h5,
.story-wrapper-inner h6 {
    font-weight: 200;
}
.slider-nav {
    display: none;
}
.topStories-Slider-6-2-3 .slider-arrow {
    background-color: var(--header1);
    color: var(--white);
}
.topStories-Slider-6-2-3 .slider-arrow:hover {
    opacity: 0.8;
}
.slide-img-box span.uptitle {
    background-color: var(--backgrounduptitle);
    line-height: 1.1;
}
.topStories-Slider-6-2-3 .slide-title {
    font-size: 36px;
}
.bigger-divider,.threeStories .item.vertical-item:after {
    background-color: var(--line06);
}
.latest-2-3 .medium-story-wrapper .story-0::after {
    background-color: var(--line06);
}
section a.button {
    background: var(--buttongradient);
    border-radius: 0;
}
section a.button:hover {
    opacity:0.8;
    background-color: inherit;
}
.third_left .slider-SportRecommend {
    padding-top: 30px;
    padding-bottom: 20px;
}
.slider-SportRecommend {
    background-color: var(--stories);
}
.slider-SportRecommend .slide {
    display: flex;
    gap: 25px;
    padding: 0px 10px;
}
.slider-SportRecommend .sliderTitle {
    padding: 0px 10px;
}
.slider-SportRecommend .sliderTitle h2 {
    font-weight: 700;
}
.slider-SportRecommend .sliderTitle sport-icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 24px);
    width: 20px;
    height: 20px;
    background-image: url(/assets/front/img/icon-news.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.slider-SportRecommend .slider-3-3 {
    display: block;
}
.slider-SportRecommend .slide .single-story {
    display: flex;
    flex-direction: column;
    flex-basis: calc(100% / 3);
    max-width: 290px;
    position: relative;
}
#sportRecommend-slider {
    max-width: 940px;
}
.slider-SportRecommend .slider-arrow {
    background-color: transparent;
    top: -5px;
    padding: 0;
    min-width: 20px;
}
.slider-SportRecommend .slider-arrow:hover {
    opacity: 0.8;
}
.slider-SportRecommend .slider-arrow.prev {
    left: inherit;
    right: 34px;
}
.slider-SportRecommend .slider-arrow.next {
    right: 10px;
}
.slider-SportRecommend .slide-img-box span.uptitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}
.slider-SportRecommend .slide-title {
    font-size: 18px;
}
.slider-SportRecommend h3.slide-title a {
    border-bottom: 2px solid transparent;
}
.slider-SportRecommend h3.slide-title a:hover {
    border-color: var(--line);
}
.slider-SportRecommend .slide-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.slider-SportRecommend .time-comment .commentCount i {
    color: var(--text);
}
.slider-SportRecommend .slide .single-story:not(:first-child):after {
    width: 1px;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -13px;
    background-color: var(--line06);
}
h2.title-with-icon.alo-icon {
    padding-left: 40px;
}
.slider-SportRecommend .sliderTitle h2 {
    padding-left: 120px;
}
h2.title-with-icon.alo-icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 24px);
    width: 20px;
    height: 20px;
    background-image: url(/assets/front/img/sport/icon-sport.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}
.poll .buttonHolderFull a:hover {
    color: var(--header1);
    text-decoration: underline;
}
.breaking-news .breaking-news-title {
    font-weight: 700;
}
#news-slider .slide-img-box span.uptitle,
.storyList-content .imgTitleTDC-big .uptitle.big-uptitle {
    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;
}
.city-temp h1, .city-temp p {
    color: var(--body);
}
.city-forecast .forecast-slider .forecast-day {
    background-color: var(--footer);
}