/***********************************
    Importa öllu fontum sem þarf
************************************/

@font-face {
    font-family: 'Poppins-bold';
    src: url('../Fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: 'Poppins';
    src: url('../Fonts/Poppins-Medium.ttf');
}



/***********************************
    Almennar stillingar
************************************/

body {
    background-color: #F7B044;
    background-position: center;
    background-attachment: fixed;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.no-svg body {
    background-color: #F7B044;
}

html {
    height: 100%;
    width: 100%;
}



/***********************************
    Allt sem tengist Day.razor
************************************/

@media (min-width: 992px) {
    .card-img-lunch {
        margin: 10px;
        height: auto;
        width: auto;
        max-width: 270px;
    }

    .card-size-lunch {
        width: 715px !important;
        height: 300px !important;
        padding: 20px !important;
        margin: 20px;
    }

    .card-left {
        float: left;
    }

    .card-right {
        float: right;
        width: 380px;
    }
}

@media all and (display-mode: standalone) {
    body {
        background-color: #F7B044;
    }
}

.card-size-lunch {
    width: 285px;
    height: inherit;
    padding: 20px;
    margin: 20px;
}

.card-lunch {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0 6px 5px #000000; /*Fallback color*/
    box-shadow: 0 6px 5px rgba(0,0,0,0.16);
    border-radius: 36px;
    opacity: 1;
    position: relative;
}

.restaurant-title {
    text-align: left;
    letter-spacing: 0;
    font: bold 27px/27px 'Poppins';
    color: #000000;
}

.restaurant-price {
    text-align: left;
    letter-spacing: 0;
    font: bold 20px/27px 'Poppins';
    color: #000000;
}

.restaurant-description {
    text-align: left;
    letter-spacing: 0;
    font: bold 15px/27px 'Poppins';
    color: #969696;
}

.restaurant-icon {
    position: absolute;
    bottom: 13px;
    right: 40px;
}

.restaurant-navbrand {
    color: #8E8E8E;
    font-family: 'Poppins';
    font-size: 30px !important;
    width: 100%;
    text-align: center;
}

    .restaurant-navbrand span:hover {
        color: #8E8E8E !important
    }

.navbar a {
    color: #8E8E8E !important;
}

    .navbar a:hover {
        color: #8E8E8E !important
    }

.lunch-title {
    font-family: 'Poppins-bold';
    font-size: 30px;
    text-align: center;
}

.page-title {
    font-family: 'Poppins-bold';
    font-size: 35px;
    text-align: center;
    margin-top: 30px;
}

p {
    margin-bottom: 0;
}