﻿:root {
    --result-width: 791px;
    --left-side-width: 525px;
    --right-side-width: 290px;
    --left-title-width: 130px;
    --left-title-bigger-width: 160px;
    --result-bottom-margin: 15px;
    --results-border: 1px solid var(--dark-color);
}

.party-search-result h3 {
    display: inline;
}
.party-search-result:has(.ad) {
    background-color: #fff6e6;
}
.party-search-result sub.ad {
    font-size: 0.7em;
}
.party-search-result h3 a,
.school-search-result h3 a,
.teacher-search-result h3 a,
.dj-search-result h3 a,
.hall-search-result h3 a,
.show-search-result h3 a,
.performer-search-result h3 a,
.competition-search-result h3 a {
    text-decoration: none !important;
    color: var(--turquoise);
}
.party-search-result,
.school-search-result,
.teacher-search-result,
.dj-search-result,
.hall-search-result,
.show-search-result,
.performer-search-result,
.competition-search-result {
    width: var(--result-width);
}
p.party-search-result,
p.school-search-result,
p.teacher-search-result,
p.dj-search-result,
p.hall-search-result,
p.show-search-result,
p.performer-search-result,
p.competition-search-result {
    margin-bottom: 0;
    border-bottom: var(--results-border);
}
h4.party-search-result {
    margin-bottom: 0;
    border-bottom: var(--results-border);
    font-size: 1.1rem;
    padding-left: var(--left-title-width);
}
section.party-search-result,
section.school-search-result,
section.teacher-search-result,
section.dj-search-result,
section.hall-search-result,
section.show-search-result,
section.performer-search-result,
section.competition-search-result {
    padding: 10px 0 15px 0;
    border-bottom: var(--results-border);
}
section.party-search-result:hover,
section.school-search-result:hover,
section.teacher-search-result:hover,
section.dj-search-result:hover,
section.hall-search-result:hover,
section.show-search-result:hover,
section.performer-search-result:hover,
section.competition-search-result:hover {
    background-color: #f7edde;
}
section:hover .search-result .right-side img {
    filter: grayscale(30%);
}
.search-result h3 a {
    color: #177c74;
}
.search-result .left-side {
    width: var(--left-side-width);
}
.search-result .left-side .title {
    width: var(--left-title-width);
    flex: 0 0 auto;
}
.school-single.search-result .left-side .title,
.teacher-single.search-result .left-side .title,
.dj-single.search-result .left-side .title,
.hall-single.search-result .left-side .title,
.show-single.search-result .left-side .title,
.performer-single.search-result .left-side .title,
.competition-single.search-result .left-side .title {
    width: var(--left-title-bigger-width);
}
.search-result .left-side .values {
    width: calc(100% - var(--left-title-width));
    flex: 0 0 auto;
}
.school-single.search-result .left-side .values,
.teacher-single.search-result .left-side .values,
.dj-single.search-result .left-side .values,
.hall-single.search-result .left-side .values,
.show-single.search-result .left-side .values,
.performer-single.search-result .left-side .values,
.competition-single.search-result .left-side .values {
    width: calc(100% - var(--left-title-bigger-width));
}
.search-result .left-side .values.row {
    flex: 0 0 auto;
    font-size: 0.9rem;
    border-bottom: none;
}
.search-result .left-side .values.description {
    line-height: 120%;
}
.search-result .left-side .values.description div {
    min-height: 1em;
}
.info-link {
    padding: 2px 10px;
}
.party-single,
.school-single,
.teacher-single,
.dj-single,
.hall-single,
.show-single,
.performer-single,
.competition-single {
    margin-bottom: var(--result-bottom-margin);
}
.party-single h3,
.school-single h3,
.teacher-single h3,
.dj-single h3,
.hall-single h3,
.show-single h3,
.performer-single h3,
.competition-single h3 {
    width: calc(var(--left-side-width) + var(--right-side-width));
}
.party-search-result .search-result .left-side .values.row,
.party-single.search-result .left-side .values.row {
    width: 300px;
}
.school-search-result .search-result .left-side .values.row,
.school-single.search-result .left-side .values.row {
    width: 300px;
}
.teacher-search-result .search-result .left-side .values.row{
    width: 400px;
}
.dj-search-result .search-result .left-side .values.row,
.dj-single.search-result .left-side .values.row {
    width: 380px;
}
.hall-search-result .search-result .left-side .values.row,
.hall-single.search-result .left-side .values.row {
    width: 300px;
}
.show-search-result .search-result .left-side .values.row,
.show-single.search-result .left-side .values.row {
    width: 300px;
}
.performer-search-result .search-result .left-side .values.row,
.performer-single.search-result .left-side .values.row {
    width: 380px;
}
.competition-search-result .search-result .left-side .values.row,
.competition-single.search-result .left-side .values.row {
    width: 380px;
}
.search-result .left-side .values.offset-left {
    margin-left: var(--left-title-width);
}
.school-single.search-result .left-side .values.offset-left,
.teacher-single.search-result .left-side .values.offset-left,
.dj-single.search-result .left-side .values.offset-left,
.hall-single.search-result .left-side .values.offset-left,
.show.search-result .left-side .values.offset-left,
.performer.search-result .left-side .values.offset-left {
    margin-left: var(--left-title-bigger-width);
}
.search-result .left-side .values.socials a {
    padding-right: 5px;
}
.search-result .left-side .values.socials a.btn-info {
    padding: 4px 7px;
    margin-right: 7px;
}
.search-result .left-side .values.socials a img {
    margin-left: -5px;
}
.search-result .left-side .schedule-left,
.search-result .left-side .schedule-right {
    flex: 0 0 auto;
    line-height: 120%;
}
.school-search-result .search-result .left-side .schedule-left,
.school-single.search-result .left-side .schedule-left {
    width: 120px;
}
.teacher-search-result .search-result .left-side .schedule-left,
.teacher-single.search-result .left-side .schedule-left {
    width: 175px;
}
.dj-search-result .search-result .left-side .schedule-left,
.dj-single.search-result .left-side .schedule-left {
    width: 185px;
}
.hall-search-result .search-result .left-side .schedule-left,
.hall-single.search-result .left-side .schedule-left {
    width: 120px;
}
.show-search-result .search-result .left-side .schedule-left,
.show-single.search-result .left-side .schedule-left {
    width: 120px;
}
.performer-search-result .search-result .left-side .schedule-left,
.performer-single.search-result .left-side .schedule-left {
    width: 185px;
}
.school-search-result .search-result .left-side .schedule-right,
.school-single.search-result .left-side .schedule-right {
    width: calc(100% - 120px);
}
.teacher-search-result .search-result .left-side .schedule-right,
.teacher-single.search-result .left-side .schedule-right {
    width: calc(100% - 175px);
}
.dj-search-result .search-result .left-side .schedule-right,
.dj-single.search-result .left-side .schedule-right {
    width: calc(100% - 185px);
}
.hall-search-result .search-result .left-side .schedule-right,
.hall-single.search-result .left-side .schedule-right {
    width: calc(100% - 120px);
}
.show-search-result .search-result .left-side .schedule-right,
.show-single.search-result .left-side .schedule-right {
    width: calc(100% - 120px);
}
.performer-search-result .search-result .left-side .schedule-right,
.performer-single.search-result .left-side .schedule-right {
    width: calc(100% - 185px);
}
.search-result .left-side .schedule-comment {
    font-style: italic;
    font-size: 0.8rem;
}
.search-result .right-side {
    width: var(--right-side-width);
    text-align: right;
}
.search-result .right-side img {
    max-width: 100%;
    border-radius: 15px;
    object-fit: contain;
    object-position: top;
}
.party-search-result .search-result .right-side img {
    max-height: 200px;
}
.school-search-result .search-result .right-side img {
    height: 120px;
}
.teacher-search-result .search-result .right-side img {
    max-height: 150px;
}
.dj-search-result .search-result .right-side img {
    max-height: 120px;
}
.hall-search-result .search-result .right-side img {
    max-height: 150px;
}
.show-search-result .search-result .right-side img {
    max-height: 150px;
}
.performer-search-result .search-result .right-side img {
    max-height: 120px;
}
.competition-search-result .search-result .right-side img {
    max-height: 120px;
}
.party-single .party-buttons {
    display: inline-block;
    margin-top: 15px;
}
.party-single .party-buttons add-to-calendar-button {
    display: inline-block;
}
.party-single .party-buttons .btn {
    height: 40px !important;
    margin-top: 5px !important;
    margin-right: 10px !important;
}
.party-single .party-buttons .share-button {
    min-width: 150px;
}
.party-single .party-buttons .btn-outline-secondary {
    min-width: 180px;
}

.party-single.search-result .right-side img,
.school-single.search-result .right-side img,
.teacher-single.search-result .right-side img,
.dj-single.search-result .right-side img,
.hall-single.search-result .right-side img,
.show-single.search-result .right-side img,
.performer-single.search-result .right-side img,
.competition-single.search-result .right-side img {
    max-height: 300px;
}

.parties-dates {
    display: inline-block;
}

.parts-1 { width: 100%; }
.parts-2 { width: 50%; }
.parts-3 { width: 33.333%; }
.parts-4 { width: 25%; }
.parts-5 { width: 20%; }
.parts-6 { width: calc(100% / 6); }
.parts-7 { width: calc(100% / 7); }
.parts-8 { width: calc(100% / 8); }
div[class^=parts] {
    display: inline-block;
    text-align: center;
    border-bottom: var(--results-border);
    background-color: var(--light-capuchino);
    border-right: var(--results-border);
    font-weight: bold;
    float: left;
    line-height: 110%;
}
div[class^=parts]:hover {
    background-color: var(--capuchino);
    cursor: pointer;
}
div[class^=parts]:first-of-type {
    border-left: var(--results-border);
}

.party-search-result add-to-calendar-button {
    float: right;
}
.party-search-result .atcb-button {
    background-image: linear-gradient(120deg,#28CEC1 0,#28CEC1 100%) !important;
}
.party-search-result .share-button {
    float: right;
}

.share-button img {
    height: 24px;
    margin-right: 5px;
}
.share-button-table {
    font-size: 0.9em;
}
.share-button-table img {
    height: 20px;
}

/* Tablet */

@media (max-width: 868px) {
    .party-search-result,
    .school-search-result,
    .teacher-search-result,
    .dj-search-result,
    .hall-search-result,
    .show-search-result,
    .performer-search-result,
    .competition-search-result {
        width: 100%;
    }

    .search-result .right-side {
        margin-top: var(--result-bottom-margin);
        text-align: center;
        width: 100%;
    }

    .party-search-result add-to-calendar-button {
        float: left;
    }

    .party-search-result .search-result .right-side img,
    .school-search-result .search-result .right-side img,
    .teacher-search-result .search-result .right-side img,
    .dj-search-result .search-result .right-side img,
    .hall-search-result .search-result .right-side img,
    .show-search-result .search-result .right-side img,
    .performer-search-result .search-result .right-side img,
    .competition-search-result .search-result .right-side img {
        max-height: 200px;
    }
}

/* Phone */

@media (max-width: 584px) {
    .search-result .left-side {
        width: 100%;
    }
    .search-result .left-side .title {
        font-weight: bold;
    }
    .search-result .left-side .values,
    .school-single.search-result .left-side .values,
    .teacher-single.search-result .left-side .values,
    .hall-single.search-result .left-side .values,
    .show-single.search-result .left-side .values {
        width: 100%;
        padding-left: 30px;
    }
    .school-search-result .search-result .left-side .values.row,
    .school-single.search-result .left-side .values.row {
        width: 100%;
    }
    .school-search-result .search-result .left-side .schedule-left,
    .school-single.search-result .left-side .schedule-left {
        width: 105px;
    }
    .school-search-result .search-result .left-side .schedule-right,
    .school-single.search-result .left-side .schedule-right {
        width: calc(100% - 105px);
    }
    .dj-search-result .search-result .left-side .values.row,
    .dj-single.search-result .left-side .values.row {
        width: 100%;
    }
    .dj-search-result .search-result .left-side .schedule-left,
    .dj-single.search-result .left-side .schedule-left {
        width: 105px;
    }
    .dj-search-result .search-result .left-side .schedule-right,
    .dj-single.search-result .left-side .schedule-right {
        width: calc(100% - 105px);
    }
    .hall-search-result .search-result .left-side .values.row,
    .hall-single.search-result .left-side .values.row {
        width: 100%;
    }
    .hall-search-result .search-result .left-side .schedule-left,
    .hall-single.search-result .left-side .schedule-left {
        width: 105px;
    }
    .hall-search-result .search-result .left-side .schedule-right,
    .hall-single.search-result .left-side .schedule-right {
        width: calc(100% - 105px);
    }
    .show-search-result .search-result .left-side .values.row,
    .show-single.search-result .left-side .values.row {
        width: 100%;
    }
    .show-search-result .search-result .left-side .schedule-left,
    .show-single.search-result .left-side .schedule-left {
        width: 105px;
    }
    .show-search-result .search-result .left-side .schedule-right,
    .show-single.search-result .left-side .schedule-right {
        width: calc(100% - 105px);
    }
    .performer-search-result .search-result .left-side .values.row,
    .performer-single.search-result .left-side .values.row {
        width: 100%;
    }
    .performer-search-result .search-result .left-side .schedule-left,
    .performer-single.search-result .left-side .schedule-left {
        width: 105px;
    }
    .performer-search-result .search-result .left-side .schedule-right,
    .performer-single.search-result .left-side .schedule-right {
        width: calc(100% - 105px);
    }
    .competition-search-result .search-result .left-side .values.row,
    .competition-single.search-result .left-side .values.row {
        width: 100%;
    }
    .school-single.search-result .left-side .values.offset-left,
    .teacher-single.search-result .left-side .values.offset-left,
    .dj-single.search-result .left-side .values.offset-left,
    .hall-single.search-result .left-side .values.offset-left,
    .show-single.search-result .left-side .values.offset-left,
    .performer-single.search-result .left-side .values.offset-left,
    .competition-single.search-result .left-side .values.offset-left {
        margin: 0;
    }
    .search-result .right-side {
        margin-top: var(--result-bottom-margin);
        text-align: center;
    }

    .party-single .party-buttons {
        display: block;
    }
    .party-single .party-buttons .btn {
        width: 100%;
    }

    h4.party-search-result {
        padding-left: 30px;
    }

    .party-search-result .search-result .right-side img,
    .school-search-result .search-result .right-side img,
    .teacher-search-result .search-result .right-side img,
    .dj-search-result .search-result .right-side img,
    .hall-search-result .search-result .right-side img,
    .show-search-result .search-result .right-side img,
    .performer-search-result .search-result .right-side img,
    .competition-search-result .search-result .right-side img {
        max-height: 300px;
    }

    div[class$=single].search-result .left-side .title {
        width: 100%;
    }
}