/*******************************************************************************
 * MOBIL RESPONSIVE SZABÁLYOK (<= 480px)
 ******************************************************************************/

@media (max-width: 480px) {
  .path-frontpage #block-njszt-theme-views-block-thematic-contents-block-1 .views-col .views-field-title {
    font-size: smaller;
  }


}



/*******************************************************************************
 * TABLET RESPONSIVE SZABÁLYOK (<= 768px)
 ******************************************************************************/

@media (max-width: 768px) {
  /* Globális CKEditor beágyazott képek float törlése mobilon */
  .article-body-content div.media.align-left,
  .article-body-content div.media.align-right,
  .article-body-content figure.media.align-left, 
  .article-body-content figure.media.align-right,
  main div.media.align-left,
  main div.media.align-right,
  main figure.media.align-left,
  main figure.media.align-right {
    float: none !important; 
    display: block !important;
    margin: 1.5rem auto !important; 
    max-width: 100% !important; 
    width: auto !important;
  }

  .article-body-content .media img,
  main .media img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Táblázatok görgethetősége mobilon */
  .article-body-content table,
  main table {
    display: block !important;
    overflow-x: auto;
  }
  .article-body-content table td,
  main table td {
    word-break: break-word;
  }

  .path-frontpage #block-njszt-theme-views-block-thematic-contents-block-1 .views-col {
    width: calc((100% - 20px) / 2) !important;
    max-width: calc((100% - 20px) / 2) !important;
    flex: 0 0 calc((100% - 20px) / 2) !important;
  }
  
  .path-frontpage .hero-video-full-width {
    overflow: inherit;
    height: auto;
    min-height: auto;
  }
  
  .hero-title {
    font-size: 2rem;
  }
  .hero-link-wrapper {
    padding-left: 20px;
  }
  #block-njszt-theme-views-block-featured-contents-block-1 {
    margin-top: -60px;
  }
  .news-card {
    max-width: 100%;
  }

  /* Hírek aloldal elrendezése mobilon (Egymás alá kerülés) */
  .path-news #block-njszt-theme-menuhirekesblogokoldalsav-2,
  .path-news #block-njszt-theme-views-block-news-block-1,
  .path-news #block-njszt-theme-content {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: initial !important;
    padding-left: 0 !important;
    margin-bottom: 2rem !important;
  }

  .path-frontpage #block-njszt-theme-views-block-thematic-contents-block-1 .views-col .views-field-body {
    font-size: small;
  }




}




/*******************************************************************************
 * LAPTOP RESPONSIVE SZABÁLYOK (<= 1279px)
 ******************************************************************************/

@media (max-width: 1279px) {
  .important-events-col {
    margin-bottom: 40px;
  }

  .path-frontpage #block-njszt-theme-views-block-thematic-contents-block-1 .views-col .views-field-body {
    font-size: smaller;
  }
}




/*******************************************************************************
 * DESKTOP RESPONSIVE SZABÁLYOK (>= 1280px)
 ******************************************************************************/

@media (min-width: 1280px) {
  /* CKEditor képek asztali tördelése (Balra / Jobbra igazítás) */
  .article-body-content div.media.align-left,
  .article-body-content figure.media.align-left,
  main div.media.align-left,
  main figure.media.align-left {
    float: left !important;
    max-width: 40% !important; 
    margin-right: 1.5rem !important;
    margin-bottom: 1rem !important;
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
  }

  .article-body-content div.media.align-right,
  .article-body-content figure.media.align-right,
  main div.media.align-right,
  main figure.media.align-right {
    float: right !important;
    max-width: 40% !important; 
    margin-left: 1.5rem !important;
    margin-bottom: 1rem !important;
    margin-right: 0 !important;
    margin-top: 0.5rem !important;
  }

  /* Hírek Főoldal rács szerkezet távolsággal (Gutter) */
  .path-news .region-content {
    gap: 24px !important;
  }

  .path-news #block-njszt-theme-views-block-news-block-1 {
    flex: 1 1 calc(66% - 16px) !important;
    max-width: calc(66% - 16px) !important;
    order: 2 !important;
    margin-bottom: 3.5rem !important;
    box-sizing: border-box !important;
  }

  .path-news #block-njszt-theme-menuhirekesblogokoldalsav-2 {
    flex: 1 1 calc(34% - 12px) !important;
    max-width: calc(34% - 12px) !important;
    order: 3 !important;
    margin-bottom: 3.5rem !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
  }
    
  .path-news #block-njszt-theme-content {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 4 !important;
    box-sizing: border-box !important;
    clear: both !important;
  }


  .view-display-id-attachment_1 {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
  }

  .view-display-id-attachment_1 .view-content {
    flex: 0 0 65% !important;
    max-width: 65% !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  .view-display-id-attachment_1 .view-header {
    flex: 0 0 32% !important;
    max-width: 32% !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }



  .navbar-brand img {
    height: 85px;
  }


}