@import "../../../buzz/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */

#title-bar .title-primary {
    display:none
}
#title-bar .breadcrumbs {
    text-align:left
}

.home .grid-cover.row {
  margin-right:-5px;
  margin-left:-5px;
}

.layout-section #primary>.container {
  padding:0 15px;
}

.recent-post:not(.grid-one) .media-object,
.post-group.grid-three .media-object {
    object-fit: cover;
    width: 100%;
    min-height: 250px;
}


@media (min-width: 768px) {

    .layout-content.boxed #primary {
        padding: 0 15px;
    }

    .post-group.grid-one.featured-post .media-object {
        object-fit: cover;
        width: 100%;
        min-height: 505px;
    }

}

.ad-placeholder {
  overflow:hidden;
  height:100%;
  width:100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.ad.fullwidth .ad-placeholder {
  height:auto;
}


.recent-post aside.ad ~ .item-inner,
.post-group aside.ad ~ .item-inner,
.grid-three aside.ad ~ .item-inner {
  position:relative;
  z-index:1;
  background:white;
}
.recent-post aside.ad.loaded,
.post-group aside.ad.loaded,
.grid-three aside.ad.loaded {
  z-index:5;
}

aside.ad {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
    margin:30px 0;
}

aside.ad.loaded div[bexid] {
    display: flex;
    align-items: center;
    justify-content: center;  
}

.recent-post aside.ad,
.post-group aside.ad,
.grid-three aside.ad {
    position: absolute;
    z-index: 1;
    height: 100%;
    margin:0;
}

.grid-three aside.ad {
    width: calc(100% - 30px);
}
.post-group aside.ad {
   width:calc(100% - 6px);
}
.recent-post aside.ad {
   width:calc(100% - 6px);
}

.vreme-top .astero-more,
.vreme-top .astero-small .astero-details,
.vreme-top .astero-close,
.vreme-top .astero-large .astero-location,
.vreme-top .astero-large .astero-temp,
.vreme-top .astero-large .astero-icon 
{
    display:none !important;
}
.vreme-top .astero-large .astero-details {margin-top:3em}

.vreme-top .astero-small {padding:0 !important;    max-width: 960px;
    margin: 0 auto;}
.vreme-top .astero-large {padding:0 !important}
.vreme-top .astero .astero-fixed {visibility: visible;z-index: 1001;overflow-y: hidden;position:relative}
.vreme-top .astero .astero-fixed .astero-inner { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; overflow:hidden}

.vreme-top .astero.astero-openform .astero-form { z-index: 2000; visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }

.vreme-top .astero.astero-openform .astero-fixed {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /** IE8 **/opacity: 0;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;display:none}

.vreme-top .astero-small .astero-temp,
.vreme-top .astero-small .astero-code {display:inline-block;font-size:3em;line-height:1;padding-right:10px}

.vreme-top .astero .astero-search {
    bottom:auto;
    top: 0px;
    width: 1em;
    font-size: 2em;
    right: 20px;
}
.astero-background {
  background-color:#264b7d !important;
  background-size:contain !important;
  background-position-y:10% !important;
}
@media (min-width:768px) {
  .vreme-top .astero-background {
    background-position-y:-1em !important;
  }
}
.astero .astero-large {
  padding:0 !important
}

.astero.open .astero-large .astero-inner {
    background: linear-gradient( 0deg, #264b7d, transparent) !important;
    padding: 20px !important;
}

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {
}

    /* LI - Post container styles */
    .wpp-list li {
        overflow: hidden;
        float: none;
        clear: both;
        margin-bottom: 1rem;
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        /* Title styles */
        .wpp-post-title {
        }

        /* Excerpt styles */
        .wpp-excerpt {
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }

        .wpp-meta:empty, .post-stats:empty {
            display: none;
        }

            /* Comments count styles */
            .wpp-comments {
            }

            /* Views count styles */
            .wpp-views {
            }

            /* Author styles */
            .wpp-author {
            }

            /* Post date styles */
            .wpp-date {
            }

            /* Post category styles */
            .wpp-category {
            }

        /* WP-PostRatings styles */
        .wpp-rating {
        }