/*
Theme Name: Newspaper Child
Theme URI: https://tagdiv.com
Template: Newspaper
Author: tagDiv
Author URI: https://themeforest.net/user/tagDiv/portfolio
Description: Premium WordPress template, clean and easy to use.
Tags: black,white,one-column,two-columns,fixed-layout
Version: 12.7.6.1779171859
Updated: 2026-05-19 08:24:19

*/

/*
 Nyitó lap kimelet kategóriák gombok
 */
.info-category-box {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  background: #fff;
  border-radius: 28px;
  padding: 15px 5px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
  text-align: center;
}

.info-category-box a {
  text-decoration: none;
  color: #111827;
  display: block;
}

.info-category-box .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.info-category-box h3 {
  font-size: 14px;
  font-weight: 800;
  margin: 0;
  color: #111827;
}

.info-category-box p {
  font-size: 10px;
  line-height: 1.45;
  margin: 0;
  color: #374151;
}

.info-category-box .orange { color: #ff6b1a; }
.info-category-box .blue { color: #3498db; }
.info-category-box .pink { color: #d63384; }
.info-category-box .green { color: #16a085; }
.info-category-box .purple { color: #4f46e5; }

.info-category-box a:hover {
  transform: translateY(-4px);
}

.info-category-box a {
  transition: 0.25s ease;
}

@media (max-width: 1024px) {
  .info-category-box {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .info-category-box {
    grid-template-columns: repeat(2, 1fr);
    padding: 25px 15px;
    gap: 25px 10px;
  }
}



/*
==================================================
INFOKÁRTYA TALÁLATI LISTA
==================================================
*/

.infokartya-results {
    margin: 10px 0;
    overflow: visible !important;
}


/*
==================================================
GRID
==================================================
*/

.infokartya-results-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 24px;

    overflow: visible !important;
}


/*
==================================================
KÁRTYA
==================================================
*/

.infokartya-card {

    position: relative;

    background: #ffffff;

    border-radius: 18px;

    overflow: visible !important;

   box-shadow:
        0 18px 45px rgba(0,0,0,.30) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.infokartya-card:hover {
    box-shadow:
        0 26px 60px rgba(0,0,0,.32),
        0 10px 22px rgba(0,0,0,.18) !important;
}

/*
==================================================
LINK
==================================================
*/

.infokartya-card-link {

    display: block;

    border-radius: 18px;

    overflow: hidden;

    text-decoration: none;
}


/*
==================================================
KÉP
==================================================
*/

.infokartya-card-image {

    border-radius: 18px;

    overflow: hidden;
}

.infokartya-card-image img {

    display: block;

    width: 100%;

    height: auto;

    transition:
        transform .35s ease;
}

.infokartya-card:hover .infokartya-card-image img {

    transform: scale(1.03);
}


/*
==================================================
NINCS TALÁLAT
==================================================
*/

.infokartya-no-result {

    text-align: center;

    padding: 40px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.08);

    font-size: 16px;

    color: #666666;
}


/*
==================================================
TABLET
==================================================
*/

@media (max-width: 1024px) {

    .infokartya-results-grid {

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 18px;
    }
}


/*
==================================================
MOBIL
==================================================
*/

@media (max-width: 767px) {

    .infokartya-results-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

    .infokartya-card,
    .infokartya-card-link,
    .infokartya-card-image {

        border-radius: 12px;
    }
}