/* ----------padding---------- */
.p-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-y-10 { padding: 10px 0 !important;}

.p-l-0 { padding-left: 0 !important; }

.p-lr-0 { 
    padding-left: 0 !important; 
    padding-right: 0 !important; 
}

.pt-50 { padding-top: 50px; }

.pt-160 { padding-top: 160px; }

/* ----------background---------- */
.bg-grey,
.bg-black {
    background-color: #232323 !important;
    /* width: 100%; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-grey { background-color: #e6e6e6 !important; }

.bg-yellow {background-color: #FBD306; }
/* ----------margin---------- */
.m-0-auto {
    margin:0 auto  !important;
}

.mb-20 {margin-bottom: 20px !important;}

.mb-30 {margin-bottom: 30px;}

.mb-50 { margin-bottom: 50px; }

/* ----------txt---------- */
.txt-white { color: #fff; }
.txt-black { color: #232323 !important; }
.txt-yellow { color: #FBD306 !important; }

/* ----------border---------- */

.bb--white {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.bb--black {
    border-bottom: 1px solid #232323;
    margin-bottom: 20px;
}

/* -------------------------------------------------
#GENERAL
------------------------------------------------- 
*/

a {
    font-family: 'Roboto',sans-serif !important;
    -webkit-transition: .3s ease-in-out !important;
    -moz-transition: .3s ease-in-out !important;
    -o-transition:  .3s ease-in-out !important;
    transition:  .3s ease-in-out !important;
    text-decoration: none !important;
}

.current-menu-item a,
a:hover { color: #FBD306 !important;  }

.bg-properties-cover {
    background-size: cover !important;
    background-position:50% 20% !important;
    background-repeat: no-repeat !important;
    width: 100%;
}

.site.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
}

.site.grid-container {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Roboto Mono',sans-serif !important;
    font-weight: bold !important;
}

.site-content {
    display: flex;
    flex-wrap: wrap !important;
}


body{ font-family: 'Roboto',sans-serif !important; }

.page-template .featured-image { display: none; }

/*img { width: 100% !important; }*/

/* -------------------------------------------------
#HEADER
------------------------------------------------- 
*/

.footer-widgets,
.sub-menu,
.sf-menu,
.site-header { background: #232323 !important;}

.site-logo {
    max-width: 185px !important;
    width: 100%;
}

#primary-menu a {
    text-transform: uppercase;
    color:#fff;
    font-family: 'Roboto Mono',sans-serif !important;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition:  .3s ease-out;
    transition:  .3s ease-out;
}

.search-bar.p-lr-0 a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#primary-menu a:hover { color: #FBD306;}

.site-info {
    background-color: #232323 !important;
    color: #fff !important;
}
.menu-toggle { background: #232323 !important; }
.gp-icon svg { fill: #fff !important; }


.search-form-container.active { top:0; }

.search-form-container{
    position: absolute;
    z-index: 1000;
    background: #fff;
    width: 100%;
    top: -100%;
    left: 0;
    right: 0;
    transition: .3s ease-in-out;
box-shadow: -2px 2px 22px -3px rgba(0,0,0,0.52);
-webkit-box-shadow: -2px 2px 22px -3px rgba(0,0,0,0.52);
-moz-box-shadow: -2px 2px 22px -3px rgba(0,0,0,0.52);
padding: 10px 0;
}


/* -------------------------------------------------
#HOME PAGE
------------------------------------------------- 
*/


/* .slider-img::before {
    content: '';
    background:rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
} */

/* .post-hover .blog-header{
    overflow: hidden;
    cursor: pointer;
} */


/* .post-hover img{
    transition: .3s ease-in-out;
    width: 100%;
} */

/* .post-hover:hover img{
    transform: scale(1.1);
} */

.page-template-03-default-page .site-content,
.home .site-content { padding-top: 100px !important; }


.site-content { padding-top: 150px !important; }




.site-header{
    position: fixed !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0);
    -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0);
    transition: .3s ease-in-out;
}

.site-header.active {
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.3);
}

.site-header .inside-header,
.site-header img { transition: .3s ease-in-out; }

.site-header.active img{ max-width: 60%; }

.site-header.active .inside-header{ padding: 10px 40px;}

/*.post-hover .interview-header ,*/
.post-hover .post-img{
    overflow: hidden;
    max-height: 340px;
    margin-bottom: 20px;
}

.post-hover .zurnal-img{
	overflow:hidden;
}

.interview-header {
    max-height: 170px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 20px;
}

.post-sm-img img { width: 100%;}


/*.post-hover .post-sm-img {
    overflow: hidden;
    max-height: 130px;
    margin-bottom: 20px;
    max-width: 190px;
    width: 100%;
    margin-right: 20px;
}*/

.post-hover .post-sm-img {
    overflow: hidden;
    max-height: 130px;
    margin-bottom: 20px;
    min-width: 240px;
    width: 100%;
    margin-right: 20px;
}

.post-hover:hover .interview-header img,
.post-hover:hover .post-sm-img img,
.post-hover:hover .post-img img,
.post-hover .post-img div {
    transition: .3s ease-in-out;
    width: 100%;
}

.post-hover:hover .interview-header img,
.post-hover:hover .post-sm-img img,
.post-hover:hover .post-img img,
.post-hover:hover .post-img div{
    transform: scale(1.1);
}

.post-hover .blog-post-content h6,
.post-hover h5,
.post-hover h4 {
    transition: .3s ease-in-out;
}

.post-hover:hover .zurnal-img img,
.post-hover:hover .zurnal-img а img{
	transition: .3s ease-in-out;
    transform: scale(1.05);
}

.author-name {
    margin-bottom: 0.2em;
    text-transform: none!important;
}

.slider-post-content h4,
.post-hover:hover .blog-post-content h6,
.post-hover:hover h5,
.post-hover:hover h4 { color: #FBD306; }

.slider-img {
    min-height: 600px;
    position: relative;
    background-blend-mode: saturation;
}


.slider-post-content {
    margin-bottom: 40px;
    padding: 20px;
}

.slider-post-content a {
    color: #fff;
    transition: .3s ease-in-out;
}

.slider-post-content a:hover {
    color: #FBD306;
    transition: .3s ease-in-out;
}

.slider-post-content h4 a {
    margin-bottom: 10px !important;
    color: #FBD306 !important;
    text-decoration: none !important;
}

.slider-post-content {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}

.swiper-pagination {
    position: absolute;
    right: 45px !important;
    display: flex !important;
    left: auto !important;
    justify-content: end;
    bottom: 45px !important;
}

.swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    border-radius: 100%;
    background: transparent !important;
    border: 3px solid #FBD306 !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FBD306 !important;
}

.blog-header {
    max-width: 210px;
    width: 100%;
    margin-right: 20px;
}


.interview-header,
.blog-posts { margin-bottom: 20px;}

.cat-title {
    padding-top: 20px;
    margin-bottom: 50px;
}


.section-title{
    margin: 0;
    position: relative;
    display: inline-block;
    letter-spacing: 5px;
    width: 100%;
    line-height: 1.2;
    text-transform: uppercase;
}

.section-title::after{
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    /* width: 1920px; */
    width: 100%;
    right:0;
    background: #fff;
}
.bg-black .section-title span{
    position: relative;
    font-size: 50px;
    background: #232323;
    padding-right: 20px;
    z-index: 22;
    font-family: 'Roboto',sans-serif;
    color: #fff;
}
.bg-black  .section-title::after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 10px;
    content: '\a0';
    background-color: #fff;
}

.section-title span{
    position: relative;
    font-size: 50px;
    background: #F7F8F9;
    padding-right: 20px;
    z-index: 22;
    font-family: 'Roboto',sans-serif;
}
.section-title::after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 100%;
    height: 10px;
    content: '\a0';
    background-color: #232323;
}

.blog-post-content a {  color: #232323 !important; }

.blog-post-content a:hover { color: #FBD306 !important; }

.bg-grey .section-title span { background-color: #e6e6e6 !important;}

.bg-black .author-name a { color:#FBD306 !important; }

.tax-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 400px;
}


/* -------------------------------------------------
#ARCHIVE PAGE
------------------------------------------------- 
*/

.child-categories {
    /* padding-top: 30px; */
    margin-bottom: 30px;
}

.archive .cat-title {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}

.widget-area .widget { padding: 0 !important; }

#recent-posts-3 { background: transparent; }

#recent-posts-3 .blog-posts  { margin-bottom: 30px; }

/* #tag_cloud-2  { text-align: center !important; } */

#tag_cloud-2 .tagcloud a { 
    color: #232323; 
    font-size: 18px !important;

}

.author-title span {font-size: 20px !important;}

.permalink {
    background-color: #232323;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    transition: .3s ease-in-out;
    border-radius: 10px;
}

.permalink.active,
.permalink:hover {
    background-color: #FBD306;
    color: #232323 !important;
}


.webim-page-pagination ul {
    list-style: none;
    display: flex;
    margin: 0;
    margin-bottom: 50px;
}

.page-numbers.dots {background-color: transparent !important; }

.page-numbers.current {
    padding-top:3px !important;
}

.page-numbers.current,
.webim-page-pagination ul li.active a{
    background-color: #FBD306 !important;
    color: #232323 !important;
}
.paginate-links .page-numbers,
.webim-page-pagination ul li a {
    background-color: #232323;
    margin-right: 10px;
    padding: 5px 10px;
    color: #fff ;
}

.archive.author .author-title span { 
    font-size: 27px !important; 
    letter-spacing: 1px;
    font-family: 'Roboto',sans-serif !important;
 }

/* -------------------------------------------------
#FOOTER
------------------------------------------------- 
*/


.widget-title {
    font-family: 'Roboto',sans-serif;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.footer-widgets { color: #fff; }

#menu-widget-menu-navigacija li a,
.menu-footer-menu-container li a {
    color: #fff;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
}


ul#menu-widget-social-medi-menu {
    display: flex;
    justify-content: space-between;
    /* color: #fff; */
}
.textwidget { text-transform: uppercase !important; }

ul#menu-widget-social-medi-menu  li a:hover,
.menu-footer-menu-container li a:hover{ color: #FBD306; }

#menu-follow-us.menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul#menu-widget-social-medi-menu li a  {
    font-size: 30px;
    color:#fff;
    transition: .3s ease-in-out;
}
.site-content { padding-top: 100px;}

.footer-widget-3 .textwidget {text-transform: 'lowercase;';}

.f-disclaimer table,
.f-disclaimer table  td {
    border: none !important;
}

.f-disclaimer table  td { color: #fff; }

.f-disclaimer table  td a { color: #FBD306; }
/* .post-hover:hover .blog-post-content a h6 .txt-white  { color: #FBD306 !important;} */

/* ----------------------------------------------------
#SINGLE PAGE
---------------------------------------------------- */

.sidebar.is-right-sidebar{ width: 100% !important;}

.single .slider-img { min-height: 430px; }

.single .site-content {
    /*padding-top: 120px;*/
    background-color: #fff;
}

.single .bg-yellow { 
    padding-left: 20px;
    padding-right: 20px;
}

.single .slider-post-content { margin-bottom: 0;}

.post-details { padding-top: 6px; }

.single .post-views-count {
    color: #232323;
    font-family:'Roboto Mono',sans-serif !important;
    font-size: 1rem;
    font-weight: bold;
    margin-right: 10px !important;
}
.single .entry-meta { margin: 0; }

.author-content а,
.post-details p a:hover{ color: #232323 !important; }

.the-content {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.author-box { padding: 0 30px; }

.post-meta p a { color: #232323 !important; }

.post-meta p a:hover { color: #FBD306 !important; }

.author-img{
    overflow: hidden;
    border-radius: 50%;
    height: 180px;
    width: 180px;
    margin-right: 20px;
    display: flex;
}

.author-content a { font-weight: bold; }

.blog-post-footer p.h6 a,
.single-tags .permalink { font-size: 0.75rem; }


/*.single .site-content,
.archive .site-content {
    padding-top: 160px;
}*/

.error404 .site-content { 
    min-height: 700px; 
    padding-top: 160px;
}

.error404 h1 { font-size: 10vw; }

.error404 h2 { font-size: 20px; }

.nav-next,
.nav-previous { display: none !important; }

.separate-containers .paging-navigation { background: transparent !important; }

.paging-navigation .nav-links>*{
    background-color: #232323 !important;
    color: #fff !important;
    margin-right: 10px;
    padding: 5px 10px;
}

/* ----------------------------------------------------
#SINGLE PAGE ZURNAL
---------------------------------------------------- */

.single-zurnal .zurnal-img {
    float: left;
    max-width: 350px;
    width: 100%;
    margin-right: 20px; 
    margin-bottom: 10px;
}

.single-zurnal .breadcrumb-nav { width:100%; }

.breadcrumb-nav .breadcrumb { background: #232323; }

.breadcrumb-item+.breadcrumb-item::before { color: #fff !important; }

.single-zurnal .breadcrumb-nav .breadcrumb-item.active ,
.single-zurnal .breadcrumb-nav li a { 
    font-family: 'Roboto Mono',sans-serif !important; 
    font-weight: 800;
    color: #fff !important;
}

.single-zurnal .breadcrumb-nav .breadcrumb-item.active { color: lightgrey !important; }

.single-zurnal .breadcrumb-nav li a:hover { color:#FBD306 !important; }

.single-zurnal .section-title span{ background:#fff !important; }

.pdf-button{
    background-color: #232323 !important;
    color: #fff;
    max-width: 70px;
    width: 100%;
    transition: .3s ease-in-out;
    margin-bottom: 20px;
}
.pdf-button i{ 
  color: #fff; 
  transition: .3s ease-in-out;
	margin: auto 0 auto 0;
}
.pdf-button a{ 
  color: #fff!important;
}
.pdf-button:hover{
    background-color: #FBD306 !important;
    color: #fff;
}

.pdf-button:hover i { color:#232323!important; }

.pdf-button:hover a { color:#232323!important; }

.pdf-button-text {margin-left:4px; color:#fff!important;}

.pdf-button-text:hover {color:#232323!important;}


.inside-right-sidebar,
/* #your-sidebar, */
.zurnal-sidebar {
    padding-top: 40px ;
}


.single-post .inside-right-sidebar { padding-top: 0; }

.zurnal-sidebar h3 { margin-bottom: 10px; }

.zurnal-sidebar aside { margin-bottom: 30px; }

.zurnal-sidebar aside ul li a{
    color: #232323;
    font-family: 'Roboto',sans-serif;
}
.single-zurnal {
	padding-top: 0px!important;
}

.single-post #content > .container { padding-top: 40px !important; }

/* ----------------------------------------------------
#SIDEBAR
---------------------------------------------------- */


.inside-right-sidebar { margin-top: 0 !important; }

.inside-right-sidebar .blog-posts.post-hover .post-sm-img {
    overflow: hidden;
    max-height: 160px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    margin-right: 20px;
}

.widget-title {
    position: relative;
    /* font-size: 50px; */
    z-index: 22;
    font-family: 'Roboto',sans-serif !important;
    text-align: left;
}

#recent-posts-2 .widget-title::after,
#tag_cloud-2 .widget-title::after ,
#recent-posts-3 .widget-title::after {
    position: absolute;
    top: 44%;
    overflow: hidden;
    width: 20%;
    height: 5px;
    margin-left: 10px;
    content: '\a0';
    background-color: #232323;
    right: 0;
}

#tag_cloud-2 .widget-title::after,
#tag_cloud-2 .widget-title::after { width: 65%;}

.inside-right-sidebar .blog-posts { margin-bottom: 40px; }

.inside-right-sidebar .blog-posts.post-hover .post-sm-img img { width: 100% ; }

.latest-news .post-hover .post-sm-img {
    overflow: hidden;
    max-height: 160px;
    margin-bottom: 20px;
    max-width: 260px;
    width: 100%;
    margin-right: 20px;
}

/* #your-sidebar .widget-title,
.inside-right-sidebar .widget-title { text-align: center !important; } */

@media (max-width:1130px){

    .main-navigation .main-nav ul li a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .menu-item-has-children .dropdown-menu-toggle { padding-right: 10px !important; }

}

@media (max-width:1010px){

    .main-navigation.sub-menu-right {
        margin-left: 0 auto !important;
    }

    .site-header .inside-header {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
    }

    nav.main-navigation { 
        display: flex;
        justify-content: center;
        width: 100%;
        background: #232323 !important;
    }

    .site-logo a {
        display: flex;
        justify-content: center;
    }

    .blog-cat-post { flex-wrap: wrap; }

    .blog-cat-post .post-sm-img { 
        min-width: 100%; 
        max-height: 200px;
    }

}

@media (max-width:991px){
    .f-disclaimer table tr { 
        display: flex;
        flex-wrap: wrap;
    }
    .f-disclaimer table  td { width: 100% !important;}
}

@media (max-width: 825px){
    .main-navigation .main-nav ul li a { font-size:13px !important; }

    #recent-posts-2 .widget-title::after,
    #recent-posts-3 .widget-title::after {
        width: 40vw;
    }
    #tag_cloud-2 .widget-title::after {
        width: 60vw;
    }
}



@media (max-width:767px){

    .single-zurnal .zurnal-img { max-width: 100%; }

    .inside-right-sidebar .blog-posts.post-hover .post-sm-img { max-height: 260px; }

    nav.main-navigation {width: auto;}

    .main-navigation .main-nav ul li a { font-size: 16px !important; }

    .main-navigation .inside-navigation { align-items: flex-start !important; }

    .main-navigation.toggled .main-nav li { text-align: center; }

    .site-logo {
        max-width: 115px !important;
        width: 100%;
    }

    .site-header.active img { max-width: 90%; }

    .section-title span { font-size: 36px !important; }
    .interview-header {
        max-height: 200px;
    }
}

@media (max-width: 575px){

    .swiper-pagination { 
        bottom: 15px !important; 
        right: 25px !important;
    }

    .post-hover .post-sm-img { 
        max-height: 200px; 
        min-width: 100%;
    }

    .post-hover .post-img { max-height: 240px; }

}