/*
Plugin Name: Estilo Hestia Mobile
Description: CSS personalizado para sobrepor o bloco de notícias sobre o banner no mobile (Hestia Pro)
Version: 1.0
Author: Rodrigo Zanin Ramos
*/

@media (max-width: 768px) {

  .single-post .container, 
  .single-post .content-area, 
  .single-post .site-content {
    width: 100% !important;
    padding: 0 10px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
  }

  .single-post .entry-content, 
  .single-post .hestia-article {
    width: 100% !important;
    padding: 0 !important;
  }

  .single-post .container > .row {
    margin: 0 !important;
  }

  .home .container,
  .home .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
  }

  .home .hestia-articles .col-md-4,
  .home .hestia-latest-news .col-md-4,
  .home .hestia-blog .col-md-4 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    margin: 0 auto 20px auto !important;
    box-sizing: border-box;
    flex: 0 0 100% !important;
  }

  .home .hestia-blog .card,
  .home .hestia-blog .card-body,
  .home .hestia-latest-news .card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    box-sizing: border-box;
  }

  .home .card-title,
  .home .entry-title,
  .home .hestia-blog .card-title,
  .home .hestia-latest-news .card-title {
    white-space: normal !important;
    word-break: break-word !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  .home .btn {
    display: block !important;
    margin: 10px auto 0 auto !important;
    width: fit-content !important;
  }

  body.page .container,
  body.page .site-content,
  body.page .content-area,
  body.page .entry-content,
  body.page .hestia-article {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    text-align: justify;
  }

  body.page .entry-title,
  body.page h1, 
  body.page h2, 
  body.page h3 {
    text-align: left !important;
  }

  .hestia-slider,
  .custom-header,
  .page-header,
  .hero {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 150px !important;
    overflow: hidden !important;
    margin: 0 auto 50px auto !important;
    background-size: cover !important;
    background-position: center !important;
    clear: both !important;
  }

  .hestia-slider img,
  .custom-header img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  .home .site-content {
    position: relative !important;
    z-index: 1 !important;
  }

  .home .hestia-latest-news {
    position: absolute !important;
    top: 220px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    z-index: 10 !important;
    background: white !important;
    padding: 20px 15px !important;
    margin-top: 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    border-radius: 12px !important;
  }

  .home .hestia-latest-news::before,
  .home .hestia-latest-news::after {
    content: none !important;
    display: none !important;
  }

  .site-header,
  .header-bar,
  .navbar {
    position: relative !important;
    z-index: 10 !important;
    background-color: white !important;
  }
}