/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * www.arevo.ch (monthly pageviews: <50K)
 *
 */

/* complete */

@font-face {
    font-family: "CircularXXWeb-Regular";
    src: url("CircularXXWeb-Regular.woff") format("woff");
}

@font-face {
    font-family: "CircularXXWeb-Regular";
    src: url("CircularXXWeb-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "CircularXXWeb-Book";
    src: url("CircularXXWeb-Book.woff") format("woff");
}

@font-face {
    font-family: "CircularXXWeb-Book";
    src: url("CircularXXWeb-Book.woff2") format("woff2");
}

@font-face {
    font-family: "CircularXXWeb-Bold";
    src: url("CircularXXWeb-Bold.woff") format("woff");
}

@font-face {
    font-family: "CircularXXWeb-Bold";
    src: url("CircularXXWeb-Bold.woff2") format("woff2");
}


/* subset */

@font-face {
    font-family: "CircularXXSub-Regular";
    src: url("CircularXXSub-Regular.woff") format("woff");
}

@font-face {
    font-family: "CircularXXSub-Regular";
    src: url("CircularXXSub-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "CircularXXSub-Book";
    src: url("CircularXXSub-Book.woff") format("woff");
}

@font-face {
    font-family: "CircularXXSub-Book";
    src: url("CircularXXSub-Book.woff2") format("woff2");
}

@font-face {
    font-family: "CircularXXSub-Bold";
    src: url("CircularXXSub-Bold.woff") format("woff");
}

@font-face {
    font-family: "CircularXXSub-Bold";
    src: url("CircularXXSub-Bold.woff2") format("woff2");
}

.block-reset > :first-child {
    margin-top: 0;
}

.block-reset > :last-child {
    margin-bottom: 0;
}

.image-map {
    position: relative;
    z-index: 10;
    margin-bottom: 80px;
}

.image-map img {
    vertical-align: middle;
    transition: transform .4s;
    transform: translateX(0);
}

.image-map-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 110;
    opacity: 1;
    min-width: 30rem;
    transition: opacity .8s;
    background-color: rgba(0, 0, 0, .7);
}

@media screen and (max-width: 600px) {
    .image-map-modal {
        min-width: 0;
        padding: 115px 10px 10px;
    }
}

.image-map-modal-inner {
    position: relative;
    padding: 60px 60px;
    background-color: #F8F6F3;
}

@media screen and (max-width: 600px) {
    .image-map-modal-inner {
        padding: 20px;
        margin-top: auto;
        margin-bottom: auto;
    }
}

.image-map-area-title {
    display: none;
    padding: 30px;
    position: absolute;
    top: 0;
    top: calc(var(--mouse-position-y, 0) + 20px);
    left: 0;
    left: var(--mouse-position-x, 0);
    font-size: 1.2em;
    background-color: #F8F6F3;
    transform: translate(-50%, 0);
    pointer-events: none;
}

.image-map-area-title h3 {
    font-size: inherit;
}

.image-map-area-title p {
    margin-top: 0;
}

.image-map-area-title table,
.image-map-area-title th,
.image-map-area-title td {
    border: none;
}

.image-map-area-title th:first-child,
.image-map-area-title td:first-child {
    padding-left: 0;
}

.image-map-area-title th:last-child,
.image-map-area-title td:last-child {
    padding-right: 0;
}

.image-map-area-title td {
    white-space: nowrap;
}

.area-hover .image-map-area-title {
    display: block;
}

.image-map-area-title::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border-style: solid;
    border-color: transparent transparent #F8F6F3 transparent;
    border-width: 0 10px 20px;
}

.image-map-area-title:empty {
    display: none;
}

.image-map-modal .btn {
    margin-top: 20px;
}

.image-map-modal.out,
.image-map-modal.new {
    opacity: 0;
    pointer-events: none;
}

.image-map-modal.new {
    transition-duration: 0s;
}

.image-map-modal td,
.image-map-modal th {
    border: none;
}

.image-map-modal tr:last-child > td,
.image-map-modal tr:last-child > th {
    padding-bottom: 0;
}

.image-map-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.image-map-modal-close::before,
.image-map-modal-close::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 2px;
    background-color: black;
    transform: rotate(-45deg);
}

.image-map-modal-close::after {
    transform: rotate(45deg);
}

.image-map-modal table,
.image-map-modal td,
.image-map-modal th {
    border: none;
}

.image-map-modal td,
.image-map-modal th {
    text-align: left;
    padding-right: 20px;
    vertical-align: top;
}

.image-map-modal th {
    padding-left: 0;
}

.image-map-modal td {
    padding-left: 0;
    font-weight: lighter;
}

.table_haeuser {
    width: 100%;
    margin-bottom: 80px;
    float: none;
    clear: both;
}

.table_haeuser::after {
    content: '';
    display: block;
}

.table_haeuser [aria-hidden=true] {
    display: none;
}

.table_haeuser tr,
.table_haeuser tr > td,
.table_haeuser tr > th {
    height: 36px;
}

.table_haeuser tr > :nth-child(1) {
    width: 5.539772727272728%;
}

.table_haeuser tr > :nth-child(2) {
    width: 24.715909090909086%;
}

.table_haeuser tr > :nth-child(3) {
    width: 10.65340909090909%;
}

.table_haeuser tr > :nth-child(4) {
    width: 13.920454545454543%;
}

.table_haeuser tr > :nth-child(5) {
    width: 13.920454545454547%;
}

.table_haeuser tr > :nth-child(6) {
    width: 16.90340909090909%;
}

.table_haeuser tr > :nth-child(7) {
    width: 11.931818181818182%;
}

.table_haeuser tr.active {
    background-color: #F8F6F3;
}

@media screen and (max-width: 900px) {
    [data-mobile-table],
    [data-mobile-table] td,
    [data-mobile-table] th,
    [data-mobile-table] tr,
    [data-mobile-table] thead,
    [data-mobile-table] tbody,
    [data-mobile-table] tfoot {
        display: block;
        width: auto !important;
        height: auto !important;
        line-height: 1.2;
    }

    [data-mobile-table] thead {
        display: none;
    }

    [data-mobile-table] tr {
        display: table;
        margin-top: 30px;
    }

    [data-mobile-table] td {
        display: table-row;
    }

    [data-mobile-table-header]::before {
        content: attr(data-mobile-table-header);
        display: table-cell;
        padding-right: 20px;
    }
}