/*home page*/
#primary{
    border-right: 1px solid #eaeaea !important;
}


.msf-link-ementa{
    color:#333 !important;
}

#primary{
    margin:0 !important;
}
.msf_single_princial{
    width: 100%;
    float:left;
    padding:1px;
    margin: 0 10px;
    border: 0px solid #ddd;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 20%);
    transition: .2s;
    margin-bottom: 30px;
}

.col-12{
    width: 99%;
    float: left;
}

.col-4{
    width: 46%;
    float: left;
}

.col-4m{
    width: 46%;
    display: inline-block;
    padding-bottom: 10px;
}

.main_top_item {
    margin: 10px 10px 20px 10px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
    padding: 5px;
    transition: .2s;
}

.main_top_item:hover {
    transform: scale(1.03);
    transition: .2s;
}

.mastar-blaster{
    margin-bottom: 20px;
}

.kcal {
    font-style: italic;
}

.bb {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.msf_princial{
    width: 30.9%;
    float:left;
    padding:5px;
    margin: 0 10px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    transition: .2s;
    margin-bottom: 30px;
    cursor: pointer;
}

.msf_princial:hover{
    transform: scale(1.03);
    transition: .2s;
}

.msf_secundaria{
    padding: 5px 0px;
}

.msf_ementa_item_detalhe {
    flex-direction: column;
    margin: 30px 5px;
    padding: 30px 5px;
    border-top: 1px solid rgba(0,0,0,0.2) ;
}

.msf_ementa_item {
    flex-direction: column;
    margin: 0 5px;
}

.msv_data_tipo_refeicao{
    font-weight: 700;
    margin-top: 20px;
}

.msf_ementa_item_imagem {
    display: inline-block;
    float: left;
}
.msf_ementa_item_imagem img{
    width: 20px;
}
.msf_ementa_item_texto {
    /* display: inline-block; */
    padding: 0 27px;
    padding-top: 2px;
}

.msf_ementa_item_texto p{
    margin-bottom: 0.3em;
}
.msf_ementa_item_texto_destaque h3{
    margin-bottom: 5px !important;
}


@media only screen and (max-width: 1214px) {
    .msf_princial{
        width: 94% !important;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .col-4{
        width: 100% !important;
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .main{
        margin: 0 10px;
    }
}

@media only screen and (max-width: 750px) {
    .msf_princial{
        width: 94% !important;
        margin-bottom: 20px;
        padding: 20px;
    }

    .col-4{
        width: 100%;
        float: left;
    }

    .col-4m{
        width: 100%;
        display: block;
        padding-bottom: 10px;
    }
    

    .msv_data_ementa, .msv_data_tipo_refeicao, .msf_ementa_item{
        padding: 0;
    }

    .img-logo-footer{
        width: 100%;
        margin: 0;
    }
    
}

.msv_data_ementa, .msv_data_tipo_refeicao, .msf_ementa_item {
    padding: 0 10px 0 10px;
}

.pagination {
    float: lefT;
    margin: 0 0 20px 0;
    margin-top: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: #dedde3;
    overflow: hidden;
    border-radius: 3px;
}

.pagination a {
    display: inline-block;
    padding: 10px 15px;
    background: darkgray;
    color: white;
    margin: 0 10px;
    border: 0px;
}

.pagination a.active {
    background: #0170b9;
    font-weight: 700;
}