@font-face {
    font-family: Montserrat;
    src: url(./fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
}

body {
    font-family: 'Montserrat', sans-serif;
    /*background-color: #e9d9ca !important;*/
    background-color: var(--coco-light);
}

#manicure, #pedicure {
    scroll-margin-top: calc(var(--header-height) + 16px);
}

.centered { text-align: center; }
.page-header-text-big          { font-size: 3em;   }
.page-header-text-medium-large { font-size: 2.5em; }
.page-header-text-medium       { font-size: 2em;   }
.page-header-text-medium-small { font-size: 1.5em; }
.page-header-text-small        { font-size: 1em;   }

.page-header-text-big,
.page-header-text-medium-large,
.page-header-text-medium,
.page-header-text-medium-small,
.page-header-text-small {
    color: #545454;
}

.make-appointment-container {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

/*.appointment-logo-container {*/
/*    padding: .25em .5em !important;*/
/*    border-radius: 5px !important;*/
/*    transition: var(--def-transition) !important;*/
/*    cursor: pointer !important;*/
/*    height: 5em !important;*/
/*    width: 12em !important;*/
/*    display: flex !important;*/
/*    justify-content: center !important;*/
/*    margin: .5em !important;*/
/*    border: 2px solid transparent !important;*/
/*}*/

/*.appointment-logo-container:hover {*/
/*    background-color: #efeadf !important;*/
/*    border-color: #e2c7b4 !important;*/
/*}*/
/*.appointment-logo-container:hover .logo-fresha path, .appointment-logo-container:hover .logo-booksy path {*/
/*    fill: #000 !important;*/
/*}*/

/*.logo-fresha {*/
/*    height: 5em !important;*/
/*    width: 9em !important;*/
/*}*/

/*.logo-fresha path {*/
/*    fill: #545454 !important;*/
/*    transition: var(--def-transition) !important;*/
/*}*/

/*.logo-booksy {*/
/*    height: 6em !important;*/
/*    width: 11em !important;*/
/*}*/

/*.logo-booksy path {*/
/*    fill: #545454 !important;*/
/*    transition: var(--def-transition) !important;*/
/*}*/

.or1 { user-select: none; }

@media (max-width: 500px) {
    .or1 {
        width: 20em;
    }
}

@media (max-width: 500px) {
    .make-appointment-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .page-header-text-big          { font-size: 2.8em;   }
    .page-header-text-medium-large { font-size: 2.3em; }
    .page-header-text-medium       { font-size: 1.8em;   }
    .page-header-text-medium-small { font-size: 1.3em; }

}

@media (max-width: 410px) {

}

@media (max-width: 340px) {

}

.price-list-container {
    display: flex;
    justify-content: center;
    padding: 1em 0;
}

.price-list-body {
    overflow: hidden;
    border: 2px solid #e2c7b4;
    background: #efeadf;
    border-radius: 5px;
    width: 100%;
    max-width: 900px;
    padding: .5em;
}

.price-list-company-title {
    text-align: center;
    color: #545454;
    font-size: 4em;
    letter-spacing: 3px;
}

.price-list-page-type {
    font-size: 1.3em;
    text-align: center;
    color: #545454;
    letter-spacing: 3px;
    margin-top: .25em;
}

@media (max-width: 600px) {
    .price-list-company-title {
        font-size: 3.25em;
    }
}

@media (max-width: 490px) {
    .price-list-company-title {
        font-size: 2.5em;
    }
}

@media (max-width: 390px) {
    .price-list-company-title {
        font-size: 2em;
    }
}

@media (max-width: 350px) {
    .price-list-company-title {
        font-size: 1.75em;
    }

    .price-list-section-row-price-container {
        padding-left: 1.25em !important;
    }
}

@media (max-width: 300px) {
    .price-list-company-title {
        font-size: 1.25em;
    }
}

.price-list-section-wrapper {
    margin-top: 1em;
    width: 100%;
}

.price-list-section-container {
    display: flex;
    margin-top: 2em;
}

.price-list-section-container:first-of-type {
    margin-top: 0;
}

.price-list-section-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #f9b1c9;
    width: 2em;
}

.price-list-section-title {
    transform: rotate(-90deg);
    white-space: nowrap;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 550;
}

.price-list-section-rows-container {
    width: 100%;
}

.price-list-section-row:first-of-type {
    padding-top: 0;
}

.price-list-section-row {
    width: 100%;
    display: flex;
}

.price-list-section-thing-container {
    width: 1.5em;
    height: auto;
}

.price-list-section-row-item {

}

.price-list-section-row-price-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding-right: 1em;
    padding-left: 2em;
}

.price-list-section-row-price {
    font-size: 1.3em;
    text-wrap: nowrap;
}

.price-list-section-services-and-descriptions-container {

}

.price-list-section-service-and-description-container:first-of-type {
    margin: 0;
}

.nowrap {
    text-wrap: nowrap;
    white-space: nowrap;
    color: #777;
}

.price-list-section-service-and-description-container {
    height: 60px;
}

.price-list-section-service-title {
    font-size: 1.2em;
}

.price-list-section-service-description {
    margin-top: .2em;
    margin-bottom: 1em;
    font-size: .9em;
    font-style: italic;
    color: #444;
}

.price-list-section-prices-container {
    margin-left: auto;
}

.price-list-section-price:first-of-type {
    margin: 0;
}

.price-list-section-price {
    height: 60px;
    text-align: right;
    font-size: 1.35em;
}

.price-list-contact-details-container {
    display: flex;
    margin-top: calc(var(--header-height) + 1em);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.price-list-contact-detail {
    display: flex;
    align-items: center;
    margin: .5em 1em;
}

.price-list-contact-detail-text {
    font-size: 1.3em;
    margin-left: .5em;
    color: var(--coco-dark);
    /*color: #444;*/
}

.price-list-section-thing-container-first {
    min-width: 30px;
    width:     30px;
    max-width: 30px;
    padding-top: .5em;
}

.price-list-section-thing-container {
    min-width: 30px;
    width:     30px;
    max-width: 30px;
}

.price-list-section-dot {
    width:  7px;
    height: 7px;
    border-radius: 50%;
    background-color: #c0a592;
    margin: 0 auto;
}

.price-list-section-line-first {
    width:  2px;
    height: 8px;
    background-color: #e2c7b4;
    margin: 0 auto;

}

.price-list-section-line {
    width:  2px;
    height: 100%;
    background-color: #e2c7b4;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .price-list-section-service-title {
        font-size: 1em;
    }

    #contact, #email {
        font-size: 1em;
    }

    .price-list-section-service-description {
        font-size: .8em;
    }
}


@media (max-width: 500px) {
    .price-list-section-row-price-container {
        padding-right: .2em;
    }

    .price-list-section-row-price {
        font-size: 1.1em;
    }
}

@media (max-width: 400px) {
    .price-list-body {
        padding: .5em .2em;
    }
}