/*
|--------------------------------------------------------------------------
| TerraPlaza kiállítói lista
|--------------------------------------------------------------------------
|
| Külön, oldalspecifikus stíluslap. A régi style.min.css után töltsd be.
| Minden szabály a .tp-exhibitors-page névtér alatt marad, hogy ne írja át
| a webhely más oldalainak megjelenését.
|
*/

.tp-exhibitors-page {
    --tp-teal: #00a595;
    --tp-teal-dark: #087b72;
    --tp-teal-soft: #e9f7f5;
    --tp-pink: #f72572;
    --tp-pink-dark: #dc155f;
    --tp-navy: #173c4a;
    --tp-text: #405258;
    --tp-muted: #7c9095;
    --tp-line: #dce8e7;
    --tp-panel: rgba(255, 255, 255, .92);
    --tp-shadow: 0 7px 24px rgba(27, 70, 66, .09);
}

.tp-exhibitors-page .wrapp {
    padding-bottom: 48px;
}

.tp-exhibitors-page a {
    white-space: normal !important;
}


/*
|--------------------------------------------------------------------------
| Morzsa
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-breadcrumb {
    margin-bottom: 10px;
}

.tp-exhibitors-page .tp-exhibitors-breadcrumb > li,
.tp-exhibitors-page .tp-exhibitors-breadcrumb > li > a {
    color: #667b80;
}

.tp-exhibitors-page .tp-exhibitors-breadcrumb > li > a:hover {
    color: var(--tp-teal);
}


/*
|--------------------------------------------------------------------------
| Kétoszlopos elrendezés
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-layout {
    margin-right: -10px;
    margin-left: -10px;
}

.tp-exhibitors-page .tp-exhibitors-layout > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.tp-exhibitors-page .adexhibitor .tp-exhibitors-content {
    min-height: 500px;
    margin-top: 20px;
    padding: 18px 20px 28px;

    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 8px;
    background: var(--tp-panel);

    box-shadow: var(--tp-shadow);
}


/*
|--------------------------------------------------------------------------
| Bal oldali kártya
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-sidebar {
    margin: 20px 0 0;
    padding: 20px;
    overflow: hidden;

    border: 0;
    border-left: 3px solid #5bc0de;
    border-radius: 0 8px 8px 0;
    background: var(--tp-panel);

    box-shadow: 0 6px 20px rgba(27, 70, 66, .08);
}

.tp-exhibitors-page .tp-exhibitors-booking-title {
    margin: 0 0 15px;
}

.tp-exhibitors-page .tp-exhibitors-booking-title a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #3498db;
    font-size: 22px;
}

.tp-exhibitors-page .tp-exhibitors-booking-title a:hover {
    color: #237bb8;
}

.tp-exhibitors-page .tp-exhibitors-deadline {
    margin: 0 0 16px;

    color: var(--tp-text);
    font-size: 13px;
    line-height: 1.45;
}

.tp-exhibitors-page .tp-exhibitors-deadline i {
    margin-right: 5px;
    color: var(--tp-navy);
}

.tp-exhibitors-page .tp-exhibitors-deadline span,
.tp-exhibitors-page .tp-exhibitors-deadline strong {
    display: block;
    margin-left: 20px;
}

.tp-exhibitors-page .tp-exhibitors-deadline strong {
    margin-top: 2px;
    color: var(--tp-navy);
    font-size: 15px;
    font-weight: 600;
}

.tp-exhibitors-page .tp-exhibitors-poster {
    display: block;
    overflow: hidden;

    border-radius: 3px;
    background: #fff;
}

.tp-exhibitors-page .tp-exhibitors-poster img {
    width: 100%;
    opacity: 1;

    transition: transform .35s ease, filter .35s ease;
}

.tp-exhibitors-page .tp-exhibitors-poster:hover img {
    transform: scale(1.015);
    filter: saturate(1.04);
}

.tp-exhibitors-page .tp-exhibitors-sidebar-actions {
    margin-top: 16px;
}


/*
|--------------------------------------------------------------------------
| Gombok
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 14px;

    border-radius: 4px;

    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;

    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        color .2s ease;
}

.tp-exhibitors-page .tp-exhibitors-btn:hover,
.tp-exhibitors-page .tp-exhibitors-btn:focus {
    transform: translateY(-1px);
}

.tp-exhibitors-page .tp-exhibitors-btn-ticket {
    border: 1px solid var(--tp-pink);
    background: var(--tp-pink);

    color: #fff;

    box-shadow: 0 5px 13px rgba(247, 37, 114, .18);
}

.tp-exhibitors-page .tp-exhibitors-btn-ticket:hover,
.tp-exhibitors-page .tp-exhibitors-btn-ticket:focus {
    border-color: var(--tp-pink-dark);
    background: var(--tp-pink-dark);

    color: #fff;

    box-shadow: 0 7px 17px rgba(247, 37, 114, .24);
}

.tp-exhibitors-page .tp-exhibitors-btn-info {
    margin-top: 10px;

    border: 1px solid #45bfb5;
    background: #fff;

    color: var(--tp-teal);
}

.tp-exhibitors-page .tp-exhibitors-btn-info:hover,
.tp-exhibitors-page .tp-exhibitors-btn-info:focus {
    border-color: var(--tp-teal);
    background: var(--tp-teal-soft);

    color: var(--tp-teal-dark);
}

.tp-exhibitors-page .tp-exhibitors-ticket-icon {
    display: inline-block;
    width: 14px;
    height: 9px;
    margin-right: 9px;

    border: 1.5px solid currentColor;
    border-radius: 1px;

    transform: rotate(-16deg);
}

.tp-exhibitors-page .tp-exhibitors-btn-arrow {
    margin-left: auto;
    padding-left: 12px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}


/*
|--------------------------------------------------------------------------
| Térkép
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-map {
    position: relative;

    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;

    border: 1px solid var(--tp-line);
    border-radius: 6px;
    background: #eaf5f3;

    box-shadow: 0 4px 14px rgba(27, 70, 66, .07);
}

.tp-exhibitors-page .tp-exhibitors-map img {
    width: 100%;
    opacity: 1;

    border-radius: 0;

    transition: transform .35s ease, filter .35s ease;
}

.tp-exhibitors-page .tp-exhibitors-map:hover img {
    transform: scale(1.006);
    filter: saturate(1.025);
}

.tp-exhibitors-page .tp-exhibitors-map-open {
    position: absolute;
    right: 14px;
    bottom: 14px;

    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;

    border: 1px solid rgba(214, 230, 228, .95);
    border-radius: 4px;
    background: rgba(255, 255, 255, .94);

    color: var(--tp-navy);
    font-size: 12px;
    font-weight: 600;

    box-shadow: 0 3px 12px rgba(23, 60, 74, .10);

    transition: background-color .2s ease, color .2s ease;
}

.tp-exhibitors-page .tp-exhibitors-map:hover .tp-exhibitors-map-open {
    background: #fff;
    color: var(--tp-teal-dark);
}


/*
|--------------------------------------------------------------------------
| Lista fejléc
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin: 25px 0 16px;
}

.tp-exhibitors-page .tp-exhibitors-heading-copy h3 {
    margin: 0 0 7px;

    color: var(--tp-navy);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
}

.tp-exhibitors-page .tp-exhibitors-heading-copy h4 {
    margin: 0;

    color: var(--tp-teal);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.25;
}

.tp-exhibitors-page .tp-exhibitors-date-icon {
    position: relative;

    display: inline-block;
    width: 13px;
    height: 12px;
    margin-right: 7px;

    border: 1.5px solid currentColor;
    border-radius: 2px;

    vertical-align: -1px;
}

.tp-exhibitors-page .tp-exhibitors-date-icon::before {
    content: "";
    position: absolute;
    top: 3px;
    right: 1px;
    left: 1px;

    border-top: 1px solid currentColor;
}

.tp-exhibitors-page .tp-exhibitors-ticket-main {
    flex: 0 0 210px;
    max-width: 210px;
}


/*
|--------------------------------------------------------------------------
| Kiállítói táblázat
|--------------------------------------------------------------------------
*/

.tp-exhibitors-page .tp-exhibitors-table-wrap {
    overflow: hidden;

    border: 1px solid #e1e9e8;
    border-radius: 5px;
    background: #fff;
}

.tp-exhibitors-page .tp-exhibitors-table {
    margin: 0;

    background: #fff;
}

.tp-exhibitors-page .tp-exhibitors-table > thead > tr > th {
    padding: 11px 14px;

    border: 0;
    border-bottom: 1px solid #dbe5e4;
    background: #f3f7f7;

    color: #6c8186;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.tp-exhibitors-page .tp-exhibitors-table > thead > tr > th:first-child {
    width: 34%;
}

.tp-exhibitors-page .tp-exhibitors-table > tbody > tr {
    background: #fff;

    transition: background-color .18s ease;
}

.tp-exhibitors-page .tp-exhibitors-table > tbody > tr:nth-of-type(odd) {
    background: #fbfcfc;
}

.tp-exhibitors-page .tp-exhibitors-table > tbody > tr:hover {
    background: #f1f8f7;
}

.tp-exhibitors-page .tp-exhibitors-table > tbody > tr > td {
    padding: 10px 14px;

    border-top: 1px solid #e4ebea;

    vertical-align: middle;
}

.tp-exhibitors-page .tp-exhibitors-table > tbody > tr:first-child > td {
    border-top: 0;
}

.tp-exhibitors-page .tp-exhibitor-name-cell {
    width: 34%;
}

.tp-exhibitors-page .tp-exhibitors-table a.exhibitor {
    display: inline-block;

    color: #2574a9;
    font: 18px 'Open Sans Condensed', sans-serif;
    font-weight: 500;
    line-height: 1.25;
    white-space: normal !important;

    transition: color .18s ease;
}

.tp-exhibitors-page .tp-exhibitors-table a.exhibitor:hover,
.tp-exhibitors-page .tp-exhibitors-table a.exhibitor:focus {
    color: var(--tp-teal-dark);
}

.tp-exhibitors-page .tp-exhibitor-meta-cell {
    position: relative;

    padding-right: 105px !important;
}

.tp-exhibitors-page .tp-exhibitor-categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;

    list-style: none;
}

.tp-exhibitors-page .tp-exhibitor-categories li {
    display: inline-block;
    margin: 0;
    padding: 3px 7px;

    border: 1px solid #dbe7ea;
    border-radius: 3px;
    background: #edf3f5;

    color: #6d858d;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.25;
}

.tp-exhibitors-page .tp-exhibitor-categories li:nth-child(3n + 2) {
    border-color: #d8ebe7;
    background: #edf8f5;

    color: #5f847d;
}

.tp-exhibitors-page .tp-exhibitor-categories li:nth-child(3n) {
    border-color: #ebe5d7;
    background: #f8f4ea;

    color: #8b7c61;
}

.tp-exhibitors-page .tp-exhibitor-empty {
    color: #9db0b5;
    font-size: 15px;
}

.tp-exhibitors-page .tp-exhibitor-ad {
    position: absolute;
    top: 50%;
    right: 0;

    color: var(--tp-teal);
    font: 14px 'Open Sans Condensed', sans-serif;
    white-space: nowrap !important;

    transform: translateY(-50%);
    transition: color .18s ease;
}

.tp-exhibitors-page .tp-exhibitor-ad:hover,
.tp-exhibitors-page .tp-exhibitor-ad:focus {
    color: var(--tp-teal-dark);
}

.tp-exhibitors-page .tp-exhibitor-ad i {
    margin-left: 2px;
}

.tp-exhibitors-page .tp-exhibitors-unavailable {
    margin-top: 0;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991px) {

    .tp-exhibitors-page .tp-exhibitors-sidebar {
        border-radius: 0 8px 8px 0;
    }

    .tp-exhibitors-page .adexhibitor .tp-exhibitors-content {
        margin-top: 18px;
    }

    .tp-exhibitors-page .tp-exhibitors-sidebar-actions {
        display: flex;
        gap: 10px;
    }

    .tp-exhibitors-page .tp-exhibitors-sidebar-actions .tp-exhibitors-btn {
        flex: 1;
        margin-top: 0;
    }

}


/*
|--------------------------------------------------------------------------
| Mobil
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

    .tp-exhibitors-page .wrapp {
        padding-bottom: 28px;
    }

    .tp-exhibitors-page .tp-exhibitors-layout {
        margin-right: -15px;
        margin-left: -15px;
    }

    .tp-exhibitors-page .tp-exhibitors-layout > [class*="col-"] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .tp-exhibitors-page .tp-exhibitors-sidebar,
    .tp-exhibitors-page .adexhibitor .tp-exhibitors-content {
        border-radius: 5px;
    }

    .tp-exhibitors-page .tp-exhibitors-sidebar {
        padding: 17px;
    }

    .tp-exhibitors-page .tp-exhibitors-sidebar-actions {
        display: block;
    }

    .tp-exhibitors-page .tp-exhibitors-sidebar-actions .tp-exhibitors-btn-info {
        margin-top: 9px;
    }

    .tp-exhibitors-page .adexhibitor .tp-exhibitors-content {
        padding: 12px 12px 20px;
    }

    .tp-exhibitors-page .tp-exhibitors-map-open {
        right: 9px;
        bottom: 9px;
        padding: 7px 9px;

        font-size: 10px;
    }

    .tp-exhibitors-page .tp-exhibitors-heading-row {
        display: block;
        margin-top: 20px;
    }

    .tp-exhibitors-page .tp-exhibitors-heading-copy h3 {
        font-size: 27px;
    }

    .tp-exhibitors-page .tp-exhibitors-ticket-main {
        width: 100%;
        max-width: none;
        margin-top: 14px;
    }

    .tp-exhibitors-page .tp-exhibitors-table-wrap {
        border-radius: 4px;
    }

    .tp-exhibitors-page .tp-exhibitors-table > thead {
        display: none;
    }

    .tp-exhibitors-page .tp-exhibitors-table,
    .tp-exhibitors-page .tp-exhibitors-table > tbody,
    .tp-exhibitors-page .tp-exhibitors-table > tbody > tr,
    .tp-exhibitors-page .tp-exhibitors-table > tbody > tr > td {
        display: block;
        width: 100%;
    }

    .tp-exhibitors-page .tp-exhibitors-table > tbody > tr {
        padding: 11px 12px;

        border-top: 1px solid #e0e9e8;
    }

    .tp-exhibitors-page .tp-exhibitors-table > tbody > tr:first-child {
        border-top: 0;
    }

    .tp-exhibitors-page .tp-exhibitors-table > tbody > tr > td {
        padding: 0;

        border: 0;
    }

    .tp-exhibitors-page .tp-exhibitor-name-cell {
        margin-bottom: 7px;
    }

    .tp-exhibitors-page .tp-exhibitor-meta-cell {
        min-height: 20px;
        padding-right: 85px !important;
    }

    .tp-exhibitors-page .tp-exhibitors-table a.exhibitor {
        font-size: 19px;
    }

    .tp-exhibitors-page .tp-exhibitor-categories {
        gap: 3px;
    }

    .tp-exhibitors-page .tp-exhibitor-categories li {
        padding: 3px 6px;
        font-size: 10px;
    }

    .tp-exhibitors-page .tp-exhibitor-ad {
        right: 0;
        font-size: 13px;
    }

}


/*
|--------------------------------------------------------------------------
| Keskeny mobil
|--------------------------------------------------------------------------
*/

@media (max-width: 480px) {

    .tp-exhibitors-page .tp-exhibitors-map-open {
        position: static;

        display: flex;
        justify-content: center;
        padding: 9px 10px;

        border: 0;
        border-top: 1px solid var(--tp-line);
        border-radius: 0;
        background: #fff;

        box-shadow: none;
    }

    .tp-exhibitors-page .tp-exhibitors-heading-copy h3 {
        font-size: 25px;
    }

    .tp-exhibitors-page .tp-exhibitors-heading-copy h4 {
        font-size: 16px;
    }

    .tp-exhibitors-page .tp-exhibitor-meta-cell {
        padding-right: 0 !important;
    }

    .tp-exhibitors-page .tp-exhibitor-ad {
        position: static;

        display: inline-block;
        margin-top: 7px;

        transform: none;
    }

}