/*
 Theme Name:   Buzzblogpro Child
 Theme URI:    https://buzzblogpro.hercules-design.com
 Description:  Buzzblogpro Child Theme
 Author:       HerculesDesign
 Author URI:   https://hercules-design.com
 Template:     buzzblogpro
 Version:      6.0
 Tags:         theme-options, featured-images, translation-ready
 Text Domain:  buzzblogpro-child
*/

/**
 * Common
 */
 .st-container {
  overflow: unset;
}
.widget-loop .thumbnail {
  max-height: 300px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.item-magazine {
  margin: 5px;
}
.list-post .item-magazine h2.list-post-title {
  line-height: 100%;
}
.list-post .item-magazine h2.list-post-title a {
  font-size: 15px;
  line-height: 100%;
}
.widget_em_calendar .widget-content h4.subtitle {
  font-size: 20px !important;
}
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date a {
  background-color: #000 !important;
  color: #ffffff !important;
  opacity: 1;
}
.em-item-single .em-item-image,
.category-click .category-box span,
.category-estudio-bft .category-box span,
.category-guia .category-box span,
.category-revista .category-box span {
  display: none !important;
}
h1.post-title {
	font-size: 45px !important;
}
.single-post .post_content h2 {
	font-size: 34px !important;
}
.single-post .post_content h3 {
	font-size: 30px !important;
}
.single-post .post_content h4 {
	font-size: 26px !important;
}
.single-post .post_content h5 {
	font-size: 22px !important;
}
.single-post .post_content h6 {
	font-size: 18px !important;
}
.single-post .post_content .post-inner p {
  font-size: var(--wp--preset--font-size--medium) !important;
}

/**
 * Front Page
 */
.home .slideshow-bg,
.home .buzzblogpro_hero_widget {
  /* display: flex;
  width: 100%; */
}
.home .slideshow-bg {
  order: 1;
}
.home .buzzblogpro_hero_widget {
  order: 0;
}
.hero-slideshow {
  margin: 40px 0;
}
.wp-block-gallery {
  flex-wrap: wrap !important;
  margin: 40px -3px;
}
.wp-block-gallery .wp-block-image {
  flex: 1 0 21% !important;
  margin: 3px !important;
  max-width: 177.8px !important;
}

/**
 * Header
 */
.logo-in-menu img {
  max-height: 60px;
}
.sticky-wrapper,
.sticky-nav {
  background-color: #000 !important;
}
.primary-menu .mega-menu-posts .post-title {
  padding: 12px 28px 6px 28px;
}
.menu-item-gtranslate .dropdown-menu {
  width: auto;
  padding: 20px;
}
.menu-item-gtranslate .dropdown-menu img {
  width: 32px !important;
}

/**
 * Sidebar
 */
.sidebar .widget {
  margin-bottom: 60px;
}
.topleftmenu, .topcenter-menu {
  border-bottom: 0px solid #eee;
}
.widget_nav_menu li {
  border-top: 0;
  padding: 0.7667em 12px;
  display: inline-block;
}

/**
 * Footer
 */
#menu-footer-menu {text-align:center;}

.top-container .social__list a,
.icon-menu a {
	color: #000;
}
.nav-icon4 span, 
.nav-icon4 span:before, 
.nav-icon4 span:after,
.bottom-widgets-column {
	background-color: #000 !important;
}

.btn-whatsapp {
    position: fixed;
    right: 70px;
    bottom: 50px;
    z-index: 9999;
    color: #fff !important;
    background-color: #25d366;
    border-radius: 50%;
    font-size: 35px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-whatsapp:hover {
	opacity: 0.8;
}
.dropcap::first-letter {
  font-size: initial;
	font-weight: initial;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none;
}

.buzzblogpro_instagram .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.buzzblogpro_instagram .instagram_footer_heading {
  text-align: center;
}


/**
 * Media Queries
 */
@media(min-width: 320px) {
  .item-magazine {
    flex: 1 0 98%;
  }
  .wp-block-gallery .wp-block-image {
    flex: 1 0 98% !important;
  }
}
@media(min-width: 480px) {
  .item-magazine {
    flex: 1 0 47%;
  }
  .wp-block-gallery .wp-block-image {
    flex: 1 0 47% !important;
  }
}
@media(min-width: 992px) {
  .item-magazine {
    flex: 1 0 19%;
    max-width: 250px;
  }
}
@media(min-width: 992px) and (max-width: 1200px) {
  .item-magazine {
    max-width: 230px;
  }
}
@media(min-width: 1201px) and (max-width: 1300px) {
  .item-magazine {
    max-width: 235px;
  }
}