﻿

.others-options  a {
    color: #8a8a8a;
    margin-right: 10px;
    font-size: 20px;
}

    .others-options  a:hover {
        color: #d72924;
    }

.others-options .nav-search {
    padding-left: 15px;
}

    .others-options  .nav-search .nav-search-button {
        cursor: pointer;
        font-size: 20px;
    }

        .others-options .nav-search .nav-search-button i {
            cursor: pointer;
            color: #8a8a8a;
        }

.top-nav {
    padding-left: 0px;
}

.others-options .nav-search form {
    width: 72%;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .others-options  .nav-search form.active {
        visibility: visible;
        opacity: 1;
    }

.others-options  .nav-search .nav-search-close-button {
    display: block;
    position: absolute;
    right: 20px;
    line-height: normal;
    color: #70798b;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    outline: 0;
}

.others-options  .nav-search .nav-search-inner input {
    height: 50px;
    width: 100%;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #70798b;
    outline: none;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid #f2f2f2;
}



.others-options .nav-search .form {
    width: calc(100% - 210px);
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width:200px;
}

    .others-options  .nav-search .form.active {
        visibility: visible;
        opacity: 1;
    }

.others-options  .nav-search .nav-search-close-button {
    display: block;
    position: absolute;
    right: 20px;
    line-height: normal;
    color: #70798b;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    outline: 0;
}

.others-options  .nav-search .nav-search-inner input {
    height: 50px;
    width: 100%;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #70798b;
    outline: none;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid #f2f2f2;
}


.GlavniLogo
{
   /* width:100px;*/
   height:40px;
}

.comments-area a,
.form-check a,
.article-content a {
    display: inline;
}

.article-content .TekstClanakFix p, .article-content blockquote {
    font-size: 17px;
}

.article-content .Summery {
    color: #505050;
    line-height: 1.8;
}



.modal-lg {
    max-width: 1400px;
}

.modulholder  {
    position:relative;
}

.modulholder 
    .EditButton{
    position:absolute;
    right:0;
    top:0;
    display:none;
}

    .modulholder:hover .EditButton {
        display:block;
    }


.single-featured-news {
    max-width:416px;
}


.tags.bg-6 a {
    background-color: #4287f5 !important;
}

.tags.bg-7 a {
    background-color: #eb9a17 !important;
}

.tags.bg-8 a {
    background-color: #09ab37 !important;
}

.tags.bg-9 a {
    background-color: #e61070 !important;
}

.tags.bg-10 a {
    background-color: #76298a !important;
}

.tags.bg-11 a {
    background-color: #1e1e1e !important;
}

.MojiClanci .Pager ul {
    display: block;
    margin: 0;
    padding: 0;
}

    .MojiClanci .Pager ul li {
        display:inline-block;
        margin-right:1em;
    }

    .MojiClanci .Pager ul li a {
        border-style: solid;
        border-width: 1px;
    }


     
.TekstClanakFix iframe
{
    max-width:100%;
}

.single-img.position-relative iframe{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width:100%;
    height:100%;
}


.KomentariBtn .btn{
    display:block;
    margin:0 auto;
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 3rem;
    }

    .h5, h5 {
        font-size: 1.5rem;
    }


    .article-content .TekstClanakFix p, .article-content blockquote {
        font-size: 1.25rem;
    }

    .new-news-slides .single-default-news .news-content h3 {
        font-size: 2rem;
    }

    .single-new-news .news-content h3 {
        font-size: 1.25rem;
    }

    div div .news-content h3 {
        font-size: 1.5rem;
    }

    div div .news-content p {
        font-size: 1.25rem;
    }

    .single-default-news .tags a {
        font-size: 1.0rem;
        text-transform: uppercase !important;
        font-weight:400;
    }

    .single-new-news .tags a {
        font-size: 0.90rem;
        text-transform: uppercase !important;
        font-weight: 400;
    }

    div .single-technology-news .tags a,
    div .single-featured-news .tags,
    div .single-more-news .tags a,
    div .single-popular-news .tags a {
        font-weight: 400;
        font-size: 1rem;
        text-transform: uppercase !important;
    }
}

@media only screen and (max-width: 767px) {
    .h2, h2 {
        font-size: 3rem;
    }

    .h5, h5 {
        font-size: 1.5rem;
    }


    .article-content .TekstClanakFix p, .article-content blockquote {
        font-size: 1.25rem;
    }

    .new-news-slides .single-default-news .news-content h3 {
        font-size: 2rem;
    }

    .single-new-news .news-content h3 {
        font-size: 1.25rem;
    }

    div div .news-content h3 {
        font-size: 1.5rem;
    }

    div div .news-content p {
        font-size: 1.25rem;
    }

    .single-default-news .tags a {
        font-size: 1.0rem;
        text-transform: uppercase !important;
        font-weight: 400;
    }

    .single-new-news .tags a {
        font-size: 0.90rem;
        text-transform: uppercase !important;
        font-weight: 400;
    }

    div .single-technology-news .tags a,
    div .single-featured-news .tags,
    div .single-more-news .tags a,
    div .single-popular-news .tags a {
        font-weight: 400;
        font-size: 1rem;
        text-transform: uppercase !important;
    }

    .logoMobile{
        max-width:60%;
    }
}


.hero-news-card .news-info{
    bottom:0;
}


.news-card.style-six .news-img .play-video-href {
    width: 58px;
    height: 58px;
    position: absolute;
    top: 35px;
    right: 35px;
}


@media only screen and (min-width: 1400px) {
    .sidebar .modulholder {
        padding-left: 80px;
    }
}

.sidebar .modulholder {
    padding-left: 35px;
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.18);
}

.sidebar.fixed-wrap .modulholder:last-child {
    padding-bottom: 0;
}

    .sidebar .modulholder:last-child {
        margin-bottom: 0;
        padding-bottom: 55px;
        border-bottom: none;
    }

.sidebar .modulholder .author-avatar{
    max-width:181px;
}


.viseLink {
    margin-top:1.5rem;
}

.switch-theme-mode {    
    top: 80%;   
}


.LeftSide .modulholder {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid rgba(15, 15, 15, 0.18);
}


.single-img .play-video.style-one {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 40px;
    right: 40px;    
}

blockquote {
    padding: 20px;
    font-size: 1.2rem;
    font-style: italic;
    background-color: var(--optionalColor); /* Lagana siva pozadina */
    border-left: 5px solid var(--primaryColor); /* Plavi okvir na lijevoj strani */
    margin: 1.5rem 0;
    position: relative;
}

    blockquote::before {
        content: "\efcd"; /* Kod za navodnike iz Icofonta */
        font-family: "Icofont";
        font-size: 2rem;
        color: var(--primaryColor);
        position: absolute;
        top: 10px;
        left: 10px;
    }

    blockquote p {
        margin: 0;
        color: #343a40; /* Tamnija siva boja teksta */
        padding-left: 35px; /* Dodaje razmak nakon ikone navodnika */
        padding-right:35px;
    }

    blockquote::after {
        content: "\efce"; /* Kod za navodnike iz Icofonta */
        font-family: "Icofont";
        font-size: 2rem;
        color: var(--primaryColor);
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

.VezaneVijesti a:hover {
    color: var(--primaryColor);
}



.border-botton-solid {
    border-bottom: 1px solid rgba(15, 15, 15, 0.18);    
}


.LeftSide .modulholder:last-of-type {
    border: none;
}

.EditHtml{
    min-height:25px;
}


@media only screen and (max-width: 767px) {
    div .thumbnail-news-card.style-one .news-img {
        width: 100px;
        height: 100px;
        position: relative;
        top: 0px;
        margin-bottom: 5px;
    }


    div .thumbnail-news-card.style-one .news-info {
        width: calc(100% - 120px);
        margin-left: auto;
        margin-top:0;
        margin-bottom:5px;
    }

    .prev-news span.rounded-circle {
        display:none !important;
    }

    .next-news span.rounded-circle {
        display: none !important;
    }

}