/**
Theme Name: istinomer2.0
Author: Istinomer Team
Author URI: http://www.istinomer.rs/
Description: Istinomer 2.0
Version: 2.0.0
License: 
License URI: 
Text Domain: istinomer

*/


html{
    font-size: 125%;
    overflow-x: hidden;
}

body {
    font-family: 'Barlow', sans-serif;
    line-height:24px;
    font-weight:400;
    font-style:normal;
    color:#686868;
    font-size:16px;
    background-color: #f3f5f7;
    overflow-x: hidden;
}
main {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 15px;
}
body.fl-builder main {
    margin-top: 0;
    margin-bottom: 15px;
}

b, strong {
    font-weight: 600;
}
article{
	width:100%;
    margin-bottom:30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    padding: 0px;    
}
article img{
    max-width:100%;
    height:auto; 
    /*max-width: 110px;   */
}
article a{
    color:#32A29A;
    font-weight: 500;
}
article a:hover{
    color:#32A29A;
    text-decoration: none;
    font-weight: 500;
}
.hidden{
    display: none!important;
}
.scroll {
    white-space: nowrap; 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
    -ms-overflow-style: -ms-autohiding-scrollbar; 
}
.scroll::-webkit-scrollbar {
    display: none; 
}
.promotop p, .promobottom p{
    margin-bottom:0;
}
.icovideo{
    font-size: 57px;
    z-index: 3;
    color: #4B4B4D;
    position: absolute;
    top: 12px;
    left: 30px;
}
.icovideo a {
    color: #4B4B4D;
}
.icovideo i{
    position: relative;
}
.icovideo i:after{
    position: absolute;
    content: '';
    background: #fff;
    z-index: -1;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
}
.mobile{
    display:block !important;
}
.desktop{
    display:none !important;
}

.cat-beleznica{ background-color: #efc700;}
.cat-analize{ background-color: #4B4B4D;}
/*.cat-analize{ background-color: #cc004c;}*/
.cat-amnezija{ background-color: #efc700;}
.cat-doslednost{ background-color: #e08411;}


/* heder */
#header{
    background: #2F7370;

}
.logo-main, .logo-main img{
    width:111px;
    height:auto;
    z-index: 999999999;
}
.navbar{
    padding: 0;
}
.nav-main {
    width: 100%;
    order: 1;
    background-color: #fff;
    padding-right: 5px;
}
.nav-main ul {
    margin: 0;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    /* overflow: hidden; */
    background-color: #fff;
}
.nav-main li    {
    display: block;
    margin-right:15px;
}
.nav-main li  a  {
    font-size: 16px;
    font-weight: normal;
    font-stretch: semi-condensed;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: rgba(104, 104, 104, 0.9);
    text-transform: uppercase;
    text-decoration: none;
}
.nav-main li.current-menu-item a, .nav-main li.current-menu-parent a, .nav-main li.current-menu-ancestor a  {
    color: #686868;
    position: relative;
}
.nav-main li.current-menu-item  a:after, .nav-main li.current-menu-parent a:after, .nav-main li.current-menu-ancestor a:after {
    content: '';
    width: 30%;
    height: 1px;
    background: #4B4B4D;
    position: absolute;
    bottom: -4px;
    left: 35%;
  }
.nav-social    {
    background-color: #4B4B4D;
    display: flex;
    align-items: center;
    min-height: 48px;
    border-left: 5px solid #f3f5f7;
    /*padding-left: 15px;*/
    padding-right: 15px;
    position: relative;
}
.nav-social:after{
    content:'';
    position: absolute;
    top:0;
    right:-3000px;
    width: 3000px;
    height: 100%;
    background-color: #4B4B4D;
}
.nav-social-icons{
    display:none;
    margin-left: 10px;
}
.nav-social-ico    {
    width:24px;
    height:18px;
    border-bottom: 2px solid #FFF;
    position: relative;
    cursor: pointer;
}
.nav-social-ico:before    {
    content: '';
    top: 0;
    right: 0;
    display: block;
    position: absolute;
    width: 17px;
    height: 2px;
    background-color: #FFF;

}
.nav-social-ico:after    {
    content: '';
    top: 50%;
    right: 0;
    display: block;
    position: absolute;
    width: 21px;
    height: 2px;
    background-color: #FFF;

}
.nav-social ul    {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 12px;
}
.nav-social ul a {
    color: #fff;
}
.nav-social li    {
    display: block;
    margin-right:10px;
}
.nav-social i{
    color:#FFF;
}

.searchform{
    padding: 0 5px;
    /*padding: 0 10px;*/
    position: relative;
    max-width: 170px;
    display:none;
}

.searchform input {
    border-radius: 12px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #91a8a7;
    border:0;
    padding: 0 25px 0 10px;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #ffffff;
    width: 100%;
    max-width: 70px;
}
.searchform::after {
    font-family: 'Font Awesome 5 Free';
    content:"\f002";
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 18px;
    display: block;
    color: #fff;
    opacity: 0.6;
    font-weight: 900;
}
.searchform input::placeholder {
    opacity: 0.6;
    color: #fff;
}
.msearch{
    margin-right:10px;
    margin-left:auto;
    position: relative;
	z-index: 999999999;
}
.msearch a{
    color:#FFF;
    font-size: 15px;
    padding: 0 10px;
}
.msearch i{
    position: absolute;
    left: 3px;
    top: 5px;
}

/* footer */
.footer{
    background-color: #2F7370;
    margin-top: 60px;
    color: #ffffff;
    /*color: #778ea9;*/
}
.footer a{
    color: #ffffff;
    /*color: #778ea9;*/
}
.footer ul    {
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.footer li    {
    display: block;
    padding-right:15px;
    margin-right:15px;
    line-height: 14px;
}
.footer i{
    color:#FFF;
}
.footer-nav > li, .footerbar-nav  > li {
    border-right: 1px solid #778ea9;
}
.footer-nav > li:last-child, .footerbar-nav  > li:last-child {
    border-right: 0;
}
.footerbar-nav  > li a{
    text-transform: uppercase;
    word-break: break-all;
}
.footer-social li{
    padding-right:0px;    
}
.footer-social li:last-child{
    margin-right:0px;    
}
.footrow{
    padding: 1.5rem 0 1.5rem 0;
    border-bottom: 1px solid #778ea9;
}
.noborder{
    border: 0;
}
#logof, #logoftop{
    margin-bottom: 20px;
    background-color: #2F7370;
    padding-bottom: 15px;
    background-image: url(assets/logofbg.svg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
#logof{
    display:none;
}
#logof img{
    width: 65%;
    margin: auto;
    margin-top: -20px;
}
#logoftop img {
    width: 65%;
    margin: auto;
    margin-top: -40px;
    padding-bottom: 20px;
}



















/* site content - post, page */
iframe{
    width:100%;
}
figure {
    max-width: 100%;
    position: relative;
}
figure figcaption{
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-shadow: 1px 1px #000;
    text-align: right;    
}
quote{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #686868;
}
quote .claimReviewed{
    margin-bottom: 10px;
}
.screen-reader-text{
    display:none;
}
.postimg{
    position: relative;
}
.status {
    position: absolute;
    left:20px;
    bottom: 30px;
    /*max-width: 100px;*/
}
div.status-mini-wrapper .status {
    bottom: 10px;
}
.postimg img{
    width:100%;
    height: auto;
    /*max-width: 100px;*/
}
.singlepost .tempcat{
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-align: left;
    text-transform: uppercase;
    padding: 0 12px;
    color: #ffffff;
    background-color: #2F7370;
    display: inline-block; 
}
.singlepost .tempcat a, .tempcat a:hover{
    text-decoration: none;
    color: #fff;
}
.singlepost .posttitle {
    font-size: 35px;
    font-weight: 500;
    line-height: 43px;;
    color: #2F7370;
}
.singlepost .postmeta{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    color: #686868;    
}
.singlepost .postmeta a{
    color: #2F7370;
    text-decoration: none;    
}
.singlepost .authorimg{
    width:30px;
    height:30px;
    display: block;
    border-radius: 30px;
    background-color: #2F7370;
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center;
    margin-right: 5px;        
}
.singlepost .metadot{
    width: 4px;
    height: 4px;
    border-radius: 30px;
    background-color: #cfcfcf;
}
.singlepost .pview , .singlepost .pcomm {
    display: flex;
    align-items: center;
}
.singlepost .pview i, .singlepost .pcomm i{
    font-size: 15px;
    margin-right: 5px;;
}
.singlepost .pcont{
    max-width: 640px;
    margin: 0 auto 30px;
}
.pcont img{
    width: 100%;
    height: auto;
}
.singlepost .pline{
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #f3f3f3;    
}
article .block-quote {
    margin: 20px 0 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
    position: relative;

}
article .block-quote .info {
    margin-bottom: 10px;
}
article .irelated{
    max-width:100%;
    float:none;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
    box-shadow: 4px 4px 5px 0px rgba(204,204,204,1);
    /*margin: 20px 0;  */
    /*background: #4B4B4D;*/
}
article .irelated a, article .irelated a:hover, article .irelatedcont a, article .irelatedcont a:hover {
    text-decoration: none;
    color: #808080;
}

article .irelatedcont {
    padding:10px;
    color:#808080;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    background: #fff;
}
article .irelatedtitle {
    padding:10px;
    color:#fff;
    font-size: 14px;
    font-weight: normal;
}
article .irelated img{
    width: 100%;
    height: auto;
}
article .irelatedcontauthor{
    margin-top:10px;
    font-size:11px;
}
article .irelatedhead{
    color: #4B4B4D;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
article .irelatedconttitle{
    font-size: 14px;
    max-height:40px;
    overflow:hidden;
}
 article .irelatedimg{

 }

.singlepost .ptags a{
    color: #4B4B4D;
    background-color: #e8e8e8;
    padding: 0 5px;
    display: inline-block;
    margin: 7px 15px 7px 0;
    text-decoration: none;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
}
.searchform.searchcont{
    max-width: 100%;
    width: 100%;
    display: block;
    padding:0;    
}
.searchform.searchcont input {
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border: 0;
    padding: 7px 25px 7px 10px;
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #cfcfcf;
    width: 100%;
}
.searchform.searchcont input::placeholder {
    opacity: 0.6;
    color: #cfcfcf;
}
.searchform.searchcont::after {
    font-size: 16px;
    top: 5px;
    color: #2F7370;
    opacity: 1;
}
span.angle{
    font-size: 10px;
    color:#4B4B4D;
    margin: 0 6px;
}
.bc-post{
    font-size: 12px;
    /* line-height: 25px; */
    flex-wrap: wrap;
    padding-left:5px;
    font-weight: 500;
}
.bc-post a{
    text-decoration: none;
    color: #686868;
    font-weight: 500;
    line-height: 25px;
}
.bc-post span{
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
}
.bc-home{
    margin-left: 6px;
  
}
.line {
    height: 1px;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #f3f5f7;
    opacity: 1;
    margin-bottom: 5px;
}
.single-akter article{
    box-shadow: none;
    background-color: transparent;
    padding: 0px;
}
.aktersingle{
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: space-between;
}
.aktersingle .datum{
    display:none;
}
.aktersingle .info .oceneaktera{
    float: right;
    padding: 2px 10px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 5px 0 rgba(6, 43, 87, 0.3);
    background-color: #2F7370;    
}
.aktersingle .info .oceneaktera a{
    color: #fff;
}
.aktersingle .info .mesto{
    float: left;
}
.aktersingle .spacer{
    width: 50%;
    height: 100%;
    background-color: #2F7370;
    font-size: 16px;
    position: relative;
    margin-right: 25px;
}
.aktersingle .image{
    width: calc(68% - 3px);
    padding-top: calc(67% - 6px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 700px;
    /* border: 3px inset #fff; */
    background-color: #fff;
    margin-top: -5%;
    margin-bottom: -5%;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #fff;
}
.aktersingle .imgholder{
    background: linear-gradient(90deg, #2F7370 50%, #ffffff 50%);
}
.aktersingle .info{
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #686868;
    text-decoration: none;
    position: relative;
    margin-top: 15px;
}
.aktersingle .info a{
    color: #4B4B4D;
    font-weight: 300;
    text-decoration: none;
}
.aktersingle .title{
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: #2F7370;
    text-decoration: none;
    display: block;
}
.aktersinglemob{
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #686868;
    text-decoration: none;
    position: relative;
    margin-top: 15px;
    line-height: 26px;;
}
.aktersinglemob  a{
    color: #4B4B4D;
    font-weight: 300;
    text-decoration: none;
}
.aktersinglemob .oceneaktera a{
    padding: 2px 10px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 5px 0 rgba(6, 43, 87, 0.3);
    background-color: #2F7370;
    margin-top: 10px;
    display: inline-block;    
}
.izjavasingle{
    position: relative;
}
.izjavasingle .image{
    width: 100%;
    padding-top: calc(100% - 0px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.izjavasingle .title{
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: #2F7370;
    margin-bottom: 8px;
}
.izjavasingle .info{
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #686868;
    text-decoration: none;
    position: relative;
}
.izjavasingle .info a{
    color: #4B4B4D;
    font-weight: 300;
    text-decoration: none;
}
.izjavasingle .info .oceneaktera{
    float: right;
    padding: 2px 10px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 5px 0 rgba(6, 43, 87, 0.3);
    background-color: #2F7370;    
}
.izjavasingle .info .oceneaktera a{
    color: #fff;
}
.izjavasingle>.status{
    right: 15px;
    left: auto;
    top: 0;
    position: absolute;
	height: fit-content;
}
.izjavasingle .izjava{
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #2F7370;
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 300;
    padding: 15px;
}
.izjavacont:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0d8';
    color: #2F7370;
    font-size: 45px;
    font-weight: 900;
    margin-bottom: -7px;
    display: block;
    margin-left: 47%;
}









/* archive pages */
.blog .posttitle, .blog .posttitle a, .archive .posttitle, .archive .posttitle a {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #2F7370;
    text-decoration: none;
}
.blog article, .blog .archive article, .archive article {
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    padding: 0;
}
.blog .postmeta, .archive .postmeta {
    font-size:16px;
    line-height: 19px;
    max-height: 76px;
    overflow: hidden;
    margin-bottom: 15px;
}
.post-type-archive-akter .postmeta {
    max-height: 96px;
}
.blog .postmetainfo, .archive .postmetainfo{
    font-size: 12px;
    line-height: 16px;
    color: #c6c6c6;    
}
.blog .postimg, .archive .postimg {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 300px;
}
.pagination {
    margin-bottom:30px;
}
.pagination, .pagination a {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.8px;
    text-align: center;
    color: #4B4B4D;    
    margin: 0 5px;
    text-decoration: none;
    font-weight: 500;
}
.pagination .current {
    color: #000;
    margin: 0 5px;
}
.pagination .next{
    margin-left: 20px;
}
.pagination .prev{
    margin-right: 20px;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 2px solid #f3f5f7;
    border-radius: 0px;
    cursor: text;
    padding: 3px 12px;
    line-height: normal;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;    
    border: solid 2px #4B4B4D;
    border-radius: 0;
    outline: 0;
    line-height: normal;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e5e5e5;
    border: 0;
    border-radius: 2px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    color: #2F7370;
    margin-bottom: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #4B4B4D;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 6px;
    float: right;
    font-size: 27px;
    margin-top: -2px;
    font-weight: lighter;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e5e5e5;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(229, 229, 229, 0.5);
    color: #2F7370; 
}
.ddmain{
    font-size: 16px;
    font-weight: 500;
    color: #4B4B4D !important;
    margin-left: 25px;
}
.ddmain:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0c8';
    display: inline-block;
    margin-left: -24px;
    margin-right: 10px;
}
.select2-results__option[aria-selected="true"] .ddmain:before{
    content: "\f14a";    
}
.ddsub{
    margin-left: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #2F7370 !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;  
}
.ddsub::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c8";
    color: #2F7370;
    font-weight: bold;
    display: inline-block;
    width: 16px;
    margin: 0 10px;
    font-weight: 400;
}
.select2-results__option[aria-selected="true"] .ddsub:before{
    content: "\f14a";    
}
.select2-results__option--highlighted .ddsub:before{
    /*content: "\f14a"; */   
}
.ddsub::after {
    font-family: "Font Awesome 5 Free";
    content: "\2022";
    color: #4B4B4D;
    margin: 0px 5px;
    order: -1;
    margin-left: -15px;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
    overflow-y: auto;
}
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    color: #2F7370;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 0;
}
#filterocene, #filterakter{
    background-color: #2F7370;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
}
.archiveizjava .posttitle{
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: #2F7370;
    margin-bottom: 15px;
}
.archiveizjava .postmeta{
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #6a6a6a;
    margin: 0 0 15px 0;
}
.archiveizjava .izjavemetainfo{
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: #686868;
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;    
}
.archiveizjava .izjavemetainfo > div{
    margin-top: 10px;
    margin-bottom:10px;
    padding-right: 10px;
    width:50%;
}
.archiveizjava .izjavemetainfo div i{
    font-size:15px;
    margin-right:5px;
}
.archiveizjava .izjavemetainfo > div:first-child{
    /* white-space: nowrap; */
    width:30%;
}
.archiveizjava .izjavemetainfo a{
    font-weight: 400;
}
.archiveizjava .izjavemetainfo .oceneaktera{
    padding: 2px 10px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0px 2px 5px 0 rgba(6, 43, 87, 0.3);
    background-color: #2F7370;    
}
.archiveizjava .izjavemetainfo .oceneaktera a{
    color: #fff;
    display: block;
    white-space: nowrap;
    text-align: center;
}
.strankatop{
    margin-bottom: 30px;
    background-color: #fff;
    padding: 15px;
}
.strankatop h1{
    font-size: 35px;
}
.strankatop h2{
    font-size: 27px;
}

.strankatop img{
    width: 100%;
    height: auto;
}
#strankamore {
    background-color: #2F7370;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    padding: 5px 25px;
    cursor: pointer;
    align-self: flex-end;
    margin-top: auto;
}

.fw500{
    font-weight: 500!important;
}








/* search page */
.searchres{
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;    
}
.searchres .postimg {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
}
.searchres .postimg a{
    display: block;
    width: 100%;
    height: 100%;
}
.searchres .info{
    padding: 15px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;    
}
.searchres .info .title{
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: normal;
    color: #2F7370;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
}
.searchres .info .excerpt{
    font-size: 16px;
    line-height: 20px;
    color: #686868;
    margin-bottom:30px;

    max-height: 63px;
    overflow: hidden;    
}
.searchres .info .grower{
    flex-grow: 1;
}
.searchres .info .postmetainfo{
    font-size: 12px;
    line-height: 16px;
    color: #c6c6c6;
}
.search .searchform.searchcont input {
    font-size: 16px;
    color: #686868;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 2px rgba(196, 22, 28, 0.25);
    background-color: #ffffff;
    max-width: 100%;
    width: 100%;
}
.search .searchform.searchcont input:focus {
    box-shadow: 0px 2px 5px 0 rgba(196, 22, 28 0.5);
    border: solid 2px rgba(196, 22, 28, 0.45);
    outline: none;
}
.search  .searchform.searchcont::after {
    top: 12px;
}

.akterfound{
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: space-between;
}
.akterfound .spacer{
    width: 140px;
    height: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #2F7370;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 42px;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    position: relative;
    margin-right: 25px;  
}
.akterfound .spacer .image{
    width: 70px;
    height: 70px;
    position: absolute;
    top: -10px;
    right: -15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 70px;
    border: 3px solid #fff;
    background-color: #fff;
}
.akterfound .info{
    /* white-space: nowrap; */
    text-align: left;
    overflow: hidden;
    margin: 0 0 0 15px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #686868;
    text-decoration: none;
    position: relative;
    height: 24px;  
}
.akterfound .title{
    white-space: nowrap;
    margin: 0 0px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #4B4B4D;
    text-decoration: none;
}
.searchfilter{
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #4B4B4D;
}
.searchfilter span{
    margin: 5px 15px 5px 0;
}
.searchfilter a{
    font-size: 16px;
    font-weight: 500;
    line-height: 14px;
    color: #2F7370;
    text-decoration: none;
    padding: 7px 15px;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.05);
    border: solid 2px rgba(104, 104, 104, 0.3);
    border-radius: 4px;
    margin: 10px 15px 10px 0;
    white-space: nowrap;
    display: inline-block;
}
.sfillsel{
    background-color: #4B4B4D;
    color: #fff !important;
}

.category-video .vitem{
    display: flex;
    flex-direction: column;
}
.category-video .vitem .grower, .category-video .vitemfull .grower {
    flex:1;
}
.category-video .vitem .info {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    flex:1;
    padding:15px;
}

.category-video .vitem .posttitle, .category-video .vitem .posttitle a {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
.category-video .vitem .excerpt {
    font-size: 16px;
    line-height: 20px;
    color: #686868;
}
.category-video .vitem .line {
    margin : 15px 0;
}
.category-video .vitem .icovideop {
    z-index: 3;
    position: absolute;
    bottom: -28px;
    top:auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 20px;

}
.category-video .vitem .icovideop a {
    font-size: 57px;
    color: #4B4B4D;
}
.category-video .vitem .icovideop i {
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #FFF;
}
.category-video .vitem .icovideop i:after{
    position: absolute;
    content: '';
    background: #fff;
    z-index: -1;
    top: 15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
}
.category-video .vitem .vdate {
    font-size: 12px;
    line-height: 16px;
    color: #c6c6c6;
}
.category-video .vitem .vauthor {
    font-size: 12px;
    line-height: 16px;
    color: #4B4B4D;
}
.category-video .vitemfullcont{
    background-color: #2F7370;
    padding: 15px 0;
}
.category-video .vitemfull .info {
    display: flex;
    flex-direction: column;
}
.category-video .vitemfull .posttitle a {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    color: #FFF;
    text-decoration: none;
}
.category-video .vitemfull .excerpt {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #c4c4c4;
    text-decoration: none;
}
.category-video .vitemfull .line {
    background-color: #f3f5f7;
    margin: 20px 0 10px;
}
.category-video .vitemfull .datum {
    font-size: 12px;
    line-height: 16px;;
    color: #c4c4c4;
}
.category-video .vitemfull .author {
    font-size: 12px;
    line-height: 16px;;
    color: #fff;
}



    #cookie-law-info-bar{
        background-color: rgb(255, 255, 255, 0.9) !important;
        color: rgb(51, 51, 51);
        font-family: inherit;
        top: auto;
        position: fixed;
        width: 100vw !important;
        height: auto;
        max-height: 691px;
        overflow: auto;
        box-sizing: border-box;
        left: auto;
        right: 0 !important;
        bottom: 130px !important;
        display: block;
    }

    .cli-bar-container{
        flex-direction: column;
    }

    .cli-style-v2 .cli-bar-message{
        width:100%;
        margin-bottom:15px;
    }
    .cli-bar-btn_container{
        margin-left: 0;
        justify-content: space-between;
        width: 100%;
    }

    #menu-top-social .newsletter{
        display:none;
    }

    .newsletter a {
        background: #fff;
        color: #4B4B4D !important;
        padding: 1px 4px 1px 4px;
        font-size: 11px;
        border-radius: 4px;
        font-weight: 500;
        line-height: 14px;
        text-decoration: none;
    }


.doniraj {
    background-color: #002F58;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;    
    color: #FFFFFF;
}
.doniraj-title{
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.doniraj-title::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 4px;
    background: #4B4B4D;
    border-radius: 2px;
}
.doniraj-button a {
    background: #4B4B4D;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 15px;
    margin-top: 3px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}


@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
    article .irelatedimg{
        /*max-width:200px;*/
        /*float:right;*/
        /*margin: 0 0 20px 20px;*/
        /*background: #4B4B4D;*/
        /*min-height: ;*/
    }
    article .irelatedl{
        /*max-width:200px; */
        /*float:left; */
        /*margin: 0 20px 20px 0;*/
        /*background: #4B4B4D;*/
    }

}

@media (min-width: 768px){
    .container {
        max-width: 960px;
    }
    .nav-main {
        width: auto;
        order: 0;
        background-color: #2F7370;
        padding: 0;
    }
    .nav-main ul {
        justify-content: space-around;
        white-space: nowrap;
        background-color: transparent;
    }
    .nav-main ul li a, .nav-main li.current-menu-item  a, .nav-main li.current-menu-parent a, .nav-main li.current-menu-ancestor a    {
        color:#fff;
    }
    /*.nav-main ul li:last-child {*/
    .nav-main ul li {
        margin-right:0;
    }
    .logo-main, .logo-main img{
        width:138px;
        height:auto;
    }
    .nav-social    {
        min-height: 56px;
        padding-left: 40px;
    }
    .nav-social-ico{
        display:none;
    }
    #logoftop {
        display:none;
    }    
    #logof {
        display:block;
    }
    .blog .postimg, .archive .postimg {
        min-height: 196px;
    }
    .searchres .postimg {
        min-height: 169px;
    }
    .izjavacont:before{
        margin-left: 10%;
    }
    .mobile{
        display:none !important;
    }
    .desktop{
        display:block !important;
    }
    #cookie-law-info-bar{
        background-color: rgb(255, 255, 255, 1) !important;
        width: 333px !important;
        height: auto;
        max-height: 691px;
        overflow: auto;
        box-sizing: border-box;
        left: auto;
        right: 15px !important;
        bottom: 15px !important;
        display: block;
    }

    #menu-top-social .newsletter{
        display:inherit;
    }


}

@media (min-width: 992px){
    .container {
        max-width: 990px;
    }
    .searchform{
        display:block;
    }
    .msearch{
        display:none !important;
    }
/*    .nav-social-icons{
        display: block !important;
        margin-left: 0;
    } */
    .nav-social {
        padding-left: 40px;
    }

}

@media (min-width: 1200px){
    .container {
        max-width: 990px;
    }
}


@media (min-width: 1010px){
    .nav-social-icons{
        display: block !important;
        margin-left: 0;
    } 
    .nav-social {
        padding-left: 15px;
    }    
}