/****fonts***/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Roboto&display=swap');

/*********/


/**стили для ресторанов**/

.mirine {
    background-image: url('./img/mirine.png');
}

.mirine .button-box h2,
.mirine .button-box .btn {
    font-family: "Lato", sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
}

.mirine .three-label {
    background-color: #eabd02 !important;
    font-family: "Lato", sans-serif !important;
}

.mirine .three-label:before,
.mirine .three-label h1 {
    background-color: #ff6c01 !important;
}

.mirine .three-label:after {
    border-top-color: #ff6c01 !important;
}

.mirine .logo {
    width: 220px;
    height: 52px;
    margin-bottom: 20px;
    background-image: url('./img/mirineLogo.png');
}

.mirine .star>input:checked~label {
    color: #ff6c01 !important;
}

.mirine .star:not(:checked)>label:hover,
.mirine .star:not(:checked)>label:hover~label {
    color: #ff6c01 !important;
}

.mirine .star>input:checked+label:hover,
.mirine .star>input:checked+label:hover~label,
.mirine .star>input:checked~label:hover,
.mirine .star>input:checked~label:hover~label,
.mirine .star>label:hover~input:checked~label {
    color: #ff6c01 !important;
}

.supra {
    background-image: url('./img/supra.jpg');
    background-repeat: repeat;
}

.supra .button-box h2 {
    margin: 0;
}

.supra .button-box h2,
.supra .button-box .btn {
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
}

.supra .three-label {
    background-color: white !important;
    font-family: "Roboto", sans-serif !important;
    color: #000754;
    border: 2px solid #000754;
}

.supra .three-label:before,
.supra .three-label h1 {
    background-color: #FF6900 !important;
}

.supra .three-label:after {
    border-top-color: #FF6900 !important;
}

.supra .logo {
    width: 100px;
    height: 120px;
    margin-top: 15px;
    background-image: url('./img/logosupra.svg');
    background-repeat: no-repeat;
}

.supra .star>input:checked~label {
    color: #FF6900 !important;
}

.supra .star:not(:checked)>label:hover,
.supra .star:not(:checked)>label:hover~label {
    color: #FF6900 !important;
}

.supra .star>input:checked+label:hover,
.supra .star>input:checked+label:hover~label,
.supra .star>input:checked~label:hover,
.supra .star>input:checked~label:hover~label,
.supra .star>label:hover~input:checked~label {
    color: #ff6c01 !important;
}


/************************/