/**
 * style.css
 * Styles for plugin ckc Addresses
 */

:root {
    --green: #00FF00;
    --white: #FFFFFF;
    --red: #FF0000;
    --grey-light: #E8E8E8;
}

.green {
    color: var(--green);
}

.white {
    color: var(--white);
}

.red {
    color: var(--red);
}

.ckc-addresses-heading {
    padding-bottom: 3rem;
}

h1.ckc-entry-title, h2 {
    max-width: 100%;
}

.ckc-ad-even {
    background-color: transparent;
}
.ckc-ad-odd {
    background-color: var(--grey-light);
}
.ckc-zoom {
    cursor: zoom-in;
}
.ckc-institutions-and-persons .ckc-col-institutions, .ckc-institutions-and-persons .ckc-col-persons {
    margin-top: 3rem;
}
.ckc-institutions-and-persons .ckc-col.ckc-avatar {
    float: left;
    width: 20%;
}
.ckc-institutions-and-persons .ckc-col.ckc-avatar .ckc-wrapper {
    padding: 0.7rem 0.5rem 2rem 0rem;
}

.ckc-institutions-and-persons .ckc-col.ckc-address-list-item {
    float: left;
    width: 80%;
}
.ckc-institutions-and-persons .ckc-col.ckc-address-list-item .ckc-wrapper {
    padding: 0rem 0 2rem 0.5rem;
}

.ckc-institutions-and-persons .ckc-inst-name, .ckc-institutions-and-persons .ckc-pers-name {
    font-weight: bold;
}

.ckc-col-pers-inst-func, .ckc-superordinate {
    border-top: 1px solid #787878;
    margin-top: 2rem;
    padding-top: 1rem;
}

.ckc-row.ckc-map, .ckc-row.ckc-address, .ckc-row.ckc-phone, .ckc-row.ckc-mail, .ckc-row.ckc-web {
    margin-top: 2rem;
}

.ckc-row.ckc-func-pers,
.ckc-row.ckc-kind-inst,
.ckc-row.ckc-inst-func {
    padding-top: 1rem;
}

.ckc-inst-details .ckc-col-pers-sup,
.ckc-pers-details .ckc-col-inst-func {
    border-top: 1px solid #787878;
    margin-top: 2rem;
    padding-top: 1rem;
}


.ckc-col.ckc-func, .ckc-col.ckc-pers,
.ckc-col.ckc-kind, .ckc-col.ckc-inst {
    float: left;
    max-width: 50%;
    width: 50%;
}
.ckc-func-pers .ckc-col.ckc-func span,
.ckc-kind-inst .ckc-col.ckc-kind span,
.ckc-inst-func .ckc-col.ckc-inst span {
    display: block;
    overflow: hidden;
    padding-right: 0.5rem;
}
.ckc-func-pers .ckc-col.ckc-pers span,
.ckc-kind-inst .ckc-col.ckc-inst span,
.ckc-inst-func .ckc-col.ckc-func span {
    display: block;
    overflow: hidden;
    padding-left: 0.5rem;
}


.ckc-map-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.ckc-map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ckc-openstreetmap {
    margin-top: 2rem;
}

br.ckc-clear {
    clear: both;
}

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) sm */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) md */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) lg */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) xl */
@media (min-width: 1200px) {
    .ckc-institutions-and-persons .ckc-col-institutions,
    .ckc-institutions-and-persons .ckc-col-persons,
    .ckc-inst-details .ckc-col-inst-address,
    .ckc-inst-details .ckc-col-pers-sup,
    .ckc-pers-details .ckc-col-pers-address,
    .ckc-pers-details .ckc-col-inst-func {
        float: left;
        max-width: 50%;
        width: 50%;
    }

    .ckc-institutions-and-persons .ckc-col-institutions > .ckc-container,
    .ckc-institutions-and-persons .ckc-col-persons > .ckc-container,
    .ckc-inst-details .ckc-col-inst-details > .ckc-container,
    .ckc-inst-details .ckc-col-pers-sup > .ckc-container,
    .ckc-pers-details .ckc-col-pers-address > .ckc-container,
    .ckc-pers-details .ckc-col-inst-func > .ckc-container {
        max-width: 90%;
        overflow: hidden;
    }

    .ckc-inst-details .ckc-col-pers-sup,
    .ckc-pers-details .ckc-col-inst-func {
        border-top: none;
        margin-top: 0;
        padding-top: 1.5rem;
    }
}