/*
	Theme Name: Hifimedia
	Version: 0.0.50
	Author: zytzagoo
	Template: goodlife-wp
*/

.sf-menu .menu-item-has-children > a:after,
.breadcrumb-container .trail-items li:after,
.post.format-video .post-gallery > a:after,
.select-wrapper:after,,
.select2.select2-container--default .select2-selection__arrow:before,
.star-rating, .comment-form-rating p.stars,
.star-rating:before, .comment-form-rating p.stars:before {
  font-display:swap;
}

.cf::before, .post::before,
.cf::after, .post::after {
  content: " ";
  display: table;
}

.sf-menu .sub-menu {
  left:-25px;
}

.film-carousel-row {
    width: 95%;
}

body.home .widget_categoryposts,
body.home .widget_latestimages,
body.home .widget_topreviews,
body.home .widget_postslider,
body.home .widget_categoryslider {
  background:#f5f5f5;
}

.novi-broj-na-kioscima {
  background:#f5f5f5;
  padding:1em 0 2em 0;
}

.homepage-bottom-video-break {
  padding-left:2em;
  padding-right:2em;
  background:#333;
}

/* tweak img sizes and positions for trailers/dvd-reviews */
/*body.category-dvd-recenzije .post .post-gallery img,*/
body.category-traileri article.post.category-traileri, .post-gallery img,
body.category-jazz article.post.category-jazz .post-gallery img,
body.category-rock article.post.category-rock .post-gallery img,
body.category-klasika article.post.category-klasika .post-gallery img {
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
}
/*body.category-dvd-recenzije:not(.archive) figure.post-gallery,*/
body:not(.archive):not(.single-post) article.category-traileri figure.post-gallery,
body:not(.archive) article.category-klasika figure.post-gallery,
body:not(.archive) article.category-jazz figure.post-gallery,
body:not(.archive) article.category-rock figure.post-gallery {
  background: transparent;
  text-align: center;
  width: 40%;
  float: left;
  margin-right:20px;
  margin-bottom:20px !important;
}

/*body.category-dvd-recenzije .share-article-vertical,*/
article.category-traileri .share-article-vertical,
article.category-jazz .share-article-vertical,
article.category-rock .share-article-vertical,
article.category-klasika .share-article-vertical {
  display:none;
}

/*body.category-dvd-recenzije .post-content-container,*/
article.category-traileri .post-content-container,
article.category-klasika .post-content-container,
article.category-jazz .post-content-container,
article.category-rock .post-content-container {
   padding-left: 0;
}
body.category-dvd-recenzije .plyr--full-ui,
body.category-traileri .plyr--full-ui {
  clear:both;
}

/* tweak single video page */
body.single-format-video.thb-boxed-on #wrapper [role="main"] {
  padding-left:30px;
  padding-right:30px;
}
article.format-video {
  margin-top:40px;
}
article.format-video figure.post-gallery {
    width: 100%;
    float: none;
    text-align: initial;
}
article.format-video .post-content .plyr--youtube { display:none; }


/* fix for "razgovarao: asdf" in http://hifimedia.test/glazba/razgovor/item/jazz-razgovor-ernie-watts for example */
div.post-content.entry-content > div + p {
  margin-top: 1rem;
}

/* hide category row display on category listings */
body.archive.category .row .post-category {
  display: none;
}
/* remove overlay from images in slick-slider for the homepage */
/*
body.home .slick-slider .post.post-overlay.center-title .post-gallery > a::after {
  background:none;
}
.slick-slider .post.post-overlay.top-gradient .post-gallery > a:after,
.slick-slider .post.post-overlay.bottom-gradient .post-gallery > a:after {
  background:none;
  background-image:none;
}
.category-element-content .post.post-overlay.bottom-gradient .post-gallery > a:after,
.category-element-content .post.post-overlay.top-gradient .post-gallery > a:after {
  background:none;
  background-image:none;
}
*/

.zone-grid {
  margin-top:1.5rem;
  margin-bottom:1.5rem;
}

/* first paragraph of articles needs special styling */
body.single article.category-razgovori .post-content.entry-content p:first-of-type,
body.single article.category-teme-glazba .post-content.entry-content p:first-of-type,
body.single article.category-teme .post-content.entry-content p:first-of-type,
body.single article.category-av-razgovori .post-content.entry-content p:first-of-type
{
  color: #111;
  font-size: 22px;
  /* line-height: 34px; */
}

/* fix category-element-holder to hide more than 3 articles on it */
.category-element-holder.style2 .category-element-content .row.endcolumn { display:none; }
/* fix image heights for category-element-content posts */
.category-element-holder.style2 .category-element-content .post .post-gallery img {
  height:auto;
}

/* override simple lightbox font definition + styling */
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
  font-family:inherit !important;
  font-size:18px !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_details {
  margin-top:1em !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
  float:right;
  font-size:12px !important;
  margin-top:5px;
}

/* sidebars / banners / combination of those */
.banner-dfp-leaderboard {
  max-width:728px;
  max-height:90px;
  text-align:center;
  margin:0 auto;
}
header .banner-dfp-leaderboard {
  margin:0 0 0 auto;
  overflow:hidden;
}
.widget_custom_html .banner-dfp div iframe {
  width: 100%;
  max-width: 100%;
}

.sidebar .widget_text.widget_custom_html,
.wpb_widgetised_column .widget_text.widget_custom_html,
.wpb_widgetised_column .widget_media_image {
  padding: 15px 15px;
}

.sidebar .widget_text.widget_custom_html + .widget_text.widget_custom_html {
  margin-top:30px;
}

/* sidebar social icons custom */
.wpb_widgetised_column .widget.widget_socialicons .social-icons-style1 .social,
.wpb_widgetised_column .widget.widget_custom_socialicons .social-icons-style1 .social {
  margin-bottom:0 !important;
}
.wpb_widgetised_column .widget.widget_custom_socialicons .thb-social-icons {
  text-align:center;
}
.wpb_widgetised_column .widget.widget_socialicons .social-icons-style1 .social,
.wpb_widgetised_column .widget.widget_custom_socialicons .social-icons-style1 .social {
  width: 55px;
  height: 45px;
  font-size: 26px;
}

/* video playlist block */
.video_playlist.dark-color {
  padding:2em;
}

/* custom post review style */
aside.custom-post-review-style {
  border:0 !important;
}
aside.custom-post-review-style .post-review-content {
  border: 0 !important;
  padding:0 !important;
}
aside.custom-post-review-style .post-review-content figure.post-gallery {
  margin-bottom:0;
}
aside.custom-post-review-style .post-review-content .post-review-content-inner {
  padding:28px;
  border: 1px solid #eaeaea;
}
aside.custom-post-review-style .post-review-content .post-review-content-inner figure.average {
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  background-color:#2CD0FF;
}

/* customizations for block-koncerti */
.block-koncerti .post-category {
  display: none;
}
.block-koncerti .category-element-holder.style2 .thb-sibling-categories {
  display: none;
}

div.block-koncerti > div > div > div.category-element-holder.style2 > div.category-element-content > div.row.grid > div:nth-child(1) > div > figure > header > h3 {
  font-size:42px;
}

#footer.dark { padding-bottom:0; }
#subfooter.style2.dark { padding-top:0; }
#subfooter p {
  font-size:14px;
  font-weight:initial;
}
#subfooter.style2 .copyright-column, #subfooter.style2 .social-column {
  text-align:left;
}
#footer.dark .widget_media_image img { border:1px solid #333; }
#footer input.widget_subscribe,
#footer input.widget_subscribe:hover,
#footer input.widget_subscribe:focus {
  border:1px solid #ccc;
  color:#fff;
}

/* fix single's sidebar position/width being off compared to listings/pages */
@media only screen and (min-width: 64.063em) {
  .sidebar {
    padding-left: inherit;
  }
}

/* fix single video templates having different widths due to padding from parent theme or something */
/* reset padding on main container to 0 */
body.single-format-video.thb-boxed-on #wrapper [role="main"] {
  padding-left:0;
  padding-right:0;
}
/* give back padding only to main/first page element, not all */
body.single-format-video.thb-boxed-on #infinite-article > .post-detail-row:nth-of-type(1) {
  padding-left: 30px;
  padding-right: 30px;
}

/* bring back whatsapp share button that is for some reason hidden with this strange rule */
@media only screen and (min-width: 40.063em) {
  .share-article-vertical .social.whatsapp,
  .share-article .social.whatsapp {
    display: inline-block;
  }
}
