/*
Template Name: Online Food Ordering - Artcaffe
Author: Reserveport
Author URI: https://themeforest.net/user/askbootstrap
Version: 1.0
*/
/*
-- Body
-- Fixed Bottom
-- Nav
-- Grid Card
-- Menu
-- Extra
-- Landing Page
-- List card
-- Login Page
-- Verification
-- Filter
-- Cart
-- Most Popular
-- Profile
-- Modal
-- Map Page
-- Restaurant
*/

/* Body */

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


 @font-face {
    font-family: 'Trajan Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/Trajan Pro Regular'), url('TrajanPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Trajan Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/Trajan Pro Bold'), url('TrajanPro-Bold.woff') format('woff');
    }


body,html {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #000000;
}
.padd-0{padding:0 !important}
.mrg-b-30{margin-bottom:30px}
.mrg-b-5{margin-bottom:1rem}
.mrg-t-6{margin-top:6rem}


.row-flex {
    display: flex;
    flex-wrap: wrap;
}
/*.flexy-class{display: flex;flex-flow: row wrap;justify-content: space-around;}*/

.p-3 {
    padding: 1rem !important;
}
.w-100 {
    width: 100% !important;
}
.pdt-5{padding-top: 5rem !important}
.underline{text-decoration: underline;}
.border-all{border:1px solid #706d61 ;}
.white-bg{background:#fff;}
#rport-bd .bg-secondary{background: #706d61 !important;}
.cdesc span{padding:0 1rem;}
.location-wrap{position:relative;display:block;overflow:hidden;}
.location-top.sticky {position: relative;top: 2.5rem;}
.location-top .text-primary, .location-top .text-primary:active, .location-top .text-primary:focus {text-align:right;color: #706d61 !important;text-decoration: none !important;}
.location-top button.btn{/*margin-top: -.4rem;margin-right: -.4rem;*/}
#navbar_top{margin-bottom:1rem;padding: .3rem 0 !important;}
#navbar_top .navbar{padding:0 !important;}
#cat-nav{flex-direction: row; overflow-x: scroll;overflow-y: hidden; /*padding-right:10rem; padding-left:.7rem;*/ list-style-type: square;}
#cat-nav::-webkit-scrollbar {width: 0;}
#cat-nav li.cat-item{margin: 0 .6rem;}
#cat-nav li.cat-item:first-child{list-style:none outside none;}
#cat-nav li.cat-item:last-child{margin-right:10rem;}
#cat-nav li.cat-item a{white-space: nowrap;/*border-bottom: 2px solid rgb(226, 226, 226);*/ border-radius:.25rem;}
#cat-nav li.cat-item a p{/*font-size: .6rem !important;color:#332005 !important;*/font-family:'Oswald', sans-serif !important;text-transform:uppercase;}
#cat-nav li.cat-item a:hover,#cat-nav li.cat-item a:focus{color:#322312;}
#cat-nav li.cat-item a.active{/*background:#fefdf8 !important;border-bottom:3px solid #322312;*/background:#322312 !important; color:#FFF!important;}
#cat-nav li.cat-item img {height: 1rem; display:none;}
#rport-bd .text-dark {color: #2e2e2e !important;}
.ht-100{height:100%}
.this {
    margin-bottom: 30px;
}
.v2 .details .desc {display: block;font-family: 'surveyortextbook',sans-serif;font-size: .44rem;font-style: italic;color: #6c757d !important;}
body#rport-bd .iprice {font-weight: bold;/*font-size: .5rem;*/margin-top: auto;float:left}
.prod-item-title{float:left}
.allg-icons{position:relative;display:inline-block;margin:0;padding:0;}
.allg-icons .allergcon{display:inline-block;font-size: .7em;font-style: italic;margin-top: .3rem;}
.allg-icons .allergcon:first-child{margin-left: .5rem;}
section.rport-ordering .rport-product span.desc{float:left;min-width:100%}
/*.allg-icons .allergcon::after {content: "•";display: inline-block; width: 1em;}
.allg-icons .allergcon:last-child::after{content: "";}*/
.allg-icons .allergcon img{height: 1rem !important;margin: 0 0.2rem .5rem 0 !important;float: left !important;}
.box{border:medium none !important;}
.modal-content{border:medium none !important;}
/*.modal-dialog{margin:0 !important;}*/
section.rport-ordering .rport-product h3 a,body#rport-bd .iprice a{color: #322312;}
section.rport-ordering .rport-product h3 a{text-transform:uppercase;font-family:'Oswald', sans-serif !important;}
.opt-title{font-weight:bold}
#pickup_store_continue{display:none !important;}

/*Payments*/
.btn-link {
    font-weight: 400;
    color: #706d61 !important;
    text-decoration: none !important;
}

/* Menu */

.osahan-menu-fotter {
  padding: 0px !important;
}

.osahan-menu-fotter .row {
  margin: 0px;
}

.osahan-menu-fotter .col {
  padding: 0px;
}

.osahan-menu-fotter .col a {
  padding: .75rem;
  display: block;
}

.osahan-menu-fotter .col a p,.osahan-menu-fotter .col a span {
  font-size:1.1875rem;
}

.osahan-menu-fotter .col.selected a {
  color: #dc3545;
  background: #f8f9fa;
}

.osahan-menu-fotter .col.selected p {
  color: #dc3545;
}

.osahan-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 {
  width: 6.25rem;
  min-width: 6.25rem;
  max-width: 6.25rem;
  height: 6.25rem;
  min-height: 6.25rem;
  max-height: 6.25rem;
  /*margin: -.9375rem 0 0 0 !important;*/
}

.osahan-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 a {
  width: 4.25rem;
  color: #fff !important;
  height: 4.25rem;
  font-size: 1.5rem !important;
  padding: 1rem;

}
.osahan-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 .cart-icon a i{position: relative; top:.7rem;}


.cart-icon .num{
  position: absolute;
  color: #FFF;
  font-size: 1rem!important;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
  left:0;
  right:0;
  text-align: center;
  top:.8rem;
}
.cart_item-price_decimals, .cart_item-price_digits::after { display:none}
.fixed-bottom {
    max-height: 3.625rem;
    border-radius: 0px;
    box-shadow: .625rem -.0625rem 625rem rgba(0, 0, 0, .075);
}
.layout-delivery section.rport-header.inner-header,.layout-payment section.rport-header.inner-header {
    display: none !important;
}
.exit i{font-size:2rem;}
.btn-magnolia{background: #706d61 !important;border-width: 0 !important;font-size: 16px !important;height: 56px;color:#fff !important;}

    .btn-magnolia i{margin-right: .3rem;font-size: 1.2rem !important;}

.field-wrap{padding: 4rem 0;margin: 0 auto;max-width: 400px;}
.field-wrap .btn{text-align:left !important;}
.login-logo img{text-align:center;text-align: center;height: 50px;}
.login-logo {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.list-field{background:#fff;}
.list-field ul{list-style:none outside none; margin:0;padding:0;max-height:40rem;overflow: scroll;}
.list-field ul li{border-width:0 0 1px;border-color:rgba(198, 197, 198, 0.3);border-style: solid;text-align: left;padding: .5rem;cursor: pointer;}
.list-field ul li i{top: .25rem; position: relative;}
.list-field ul li:hover,.list-field ul li:focus{color:#fff;background-color:#322312;}
.modal-dialog-full-width .modal-content{border:medium none !important;min-height: 26.5rem;}
.modal-header,.modal-footer,.modal-content{border-radius:0 !important;}

/*PROFILE*/
.bd-all-grey{border:1px solid #eee !important}
.order-wrap{/*border:1px solid rgba(0, 0, 0, 0.12);*/ padding-top: 15px;}
.order-wrap .card-header{border-bottom:medium none !important; background:transparent !important;}
.nav-tabs .nav-item{display:inline-block;}
.table td, .table th,.table thead th{border:medium none !important;}
#orderHistory.table{margin-bottom:0 !important;}
.order-wrap .nav-tabs .nav-link.active{background:#fff !important;border-color:#eee !important;border-width:1px 1px 0 !important;border-style: solid;}
.order-wrap .nav-tabs .nav-link:hover{background:#fff !important;border-color:#eee !important;border-width:1px 1px 0 !important;border-style: solid;}
.order-wrap .card-body{padding:1rem 0 0 !important;border: 1px solid #eee;border-top:medium none;background:#fff;}
.order-wrap thead{border-bottom: 1px solid rgba(0, 0, 0, 0.12);}
.order-wrap .table td{border-right: 1px solid rgba(0, 0, 0, 0.12);}
/*tr.order-list:nth-child(odd){ background:#fafafa}
tr.order-list:nth-child(even){background:rgba(237, 237, 237, 0.4)}*/
.order-list{padding:1rem 0; border-bottom:1px solid rgba(0, 0, 0, 0.12);position:relative; }
.order-list:last-child{border:medium none;margin-bottom:0!important;}
.order-list .btn{float: right !important;padding: .6rem .5rem;width: 100%;font-size: 18px;}
.tright{text-align:right;}
.rsummary{font-weight:bold;font-size:1rem;margin-top: .9rem;}
[data-title="Order"]{}
.total-summary{padding: .5rem 0;}
.total-summary span{font-size: 14px;color:rgb(84, 84, 84);}
.order-item{padding: .2rem 0 0;font-size: 1rem;line-height: 24px;}
span.label{border: 1px solid rgb(226, 226, 226);position: relative;display: inline-block;padding: 0px 8px;line-height: 20px;margin-right: .3rem;}
.view-more{color: #322312;text-decoration: underline;text-align: left;position: relative;display: block;margin-top: .8rem;}
.pd-l-r-1{padding:0 1rem;}
.dataTables_length label .custom-select{float:left;}
.osahan-profile{position:relative;}


@media (min-width:992px) {
.modal .modal-full-height {
  position:absolute;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  margin:0;
  width:400px;
  height:auto;
  min-height:100%;
  top:0;
  right:0
 }
 .modal .modal-full-height.modal-bottom,
 .modal .modal-full-height.modal-top {
  display:block;
  width:100%;
  max-width:100%;
  height:auto
 }
 .modal .modal-full-height.modal-top {
  bottom:auto
 }
 .modal .modal-full-height.modal-bottom {
  min-height:0;
  top:auto
 }
 .modal .modal-full-height .modal-content {
  width:100%
 }
 .modal .modal-full-height.modal-lg {
  width:90%;
  max-width:90%
 }

 
}
@media (min-width:992px) and (min-width:992px) {
 .modal .modal-full-height.modal-lg {
  width:800px;
  max-width:800px
 }
}
@media (min-width:992px) and (max-width:1200px) {
 .modal .modal-full-height.modal-lg {
  width:1000px;
  max-width:1000px
 }
  section.artlife {max-height: 23.1rem;}
}
@media (min-width:800px) and (max-width:1024px) {
    .location-top.sticky {position: fixed;top: 2.5rem;left:0;z-index: 15;background: #fff;width:100%;padding: .8rem 1rem 0 1rem;}
    #cartModal .modal-dialog.pdtop .modal-content {padding-top: 6.5rem !important;}
    section.artlife {max-height: 21.8rem;}
}
@media (max-width:768px) {
    .order-list .btn{padding:.25rem .5rem;}
    .exit i {font-size: 1rem;}
    .field-wrap{padding: 2rem 0;text-align:left !important;}
    .field-wrap .btn{text-align:left !important;}
    .login-logo img{height:auto;}
    .widget-cont {padding: .6rem .7rem !important;}
    .view-rokquickcart main{background: #fff !important;}
    .delivery-options{display:none;}
    .location-top{}
    .location-top.sticky {position: fixed;top: 2.5rem;z-index: 15;background: #fff;width: 100%;padding: .8rem 1.6rem 0 .1rem;}
    .change-loc{font-size: .82rem;}
    button.ml-3,button.ml-3.btn{margin-left: 0 !important;}
    .btn-magnolia{border:medium none !important;font-size: 16px !important;height: 56px;}
    .btn-magnolia i{margin-right: .3rem;font-size: 1.2rem !important;}
   .modal-dialog-full-width {width: 100% !important;height: 100% !important;margin: 0 !important;padding: 0 !important;max-width:none !important;}
   .modal-content-full-width  {height: auto !important;min-height: 100% !important;border-radius: 0 !important;background-color:#fff !important; }
   .modal-header-full-width  {border-bottom: 1px solid #9ea2a2 !important;}
   .modal-footer-full-width  {border-top: 1px solid #9ea2a2 !important;}
   .modal-footer-full-width {border-top: 1px solid #9ea2a2 !important;}
   .rport-user-content .box .card-body{padding:0 !important;}
   .order-wrap{border:medium none;}
   td.item_name{width:100% !important;}
   td.item_Quantity, td.item_price{display:inline-block;}
    table.table td{}
.order-summary td.lsummary{font-family: 'Lato', sans-serif;font-size: .9rem;float: right;border-bottom:1px solid rgba(0, 0, 0, 0.12) !important;}
.order-summary td.rsummary{border-bottom:1px solid rgba(0, 0, 0, 0.12) !important;}

[data-title="Order"]{padding-top:15px}
.order-table{}
.order-list{display:block;overflow:hidden;}
.order-list .item_name{padding: 1rem 0 0;}
.order-list .item_Quantity{float:left;}
.order-list .item_price{}
.bd-b-m{border-bottom: 1px solid #eee;}
.order-wrap .card-body{padding:0 !important;}
   .order-wrap .table td{overflow:hidden;} 
   table.table td::before{display:none}
   .order-list{padding:0 0 .8rem;margin-top:0 !important;}
   .bd-all-grey{border:medium none !important;}
   .bd-all-grey .btn{width:100%;}
   .view-more{text-align:right;font-size: .8rem;margin: 0 !important;}
   .rport-user-content{padding:0 !important;}
   .order-wrap .table td{padding:0 .75rem;}
   table.table tr{margin:1rem 0 !mportant;}
   .m-fl{float:left;/*padding:.9rem .75rem !important;*/}
   .m-fr{float:right;/*margin-top: 1rem;*/}
   .dataTables_length{padding-top:10px;}
   .rsummary{margin-top:0;}
   .order-list td{padding:0 !important;}
   span.label {padding: 0px 4px;line-height: 15px;margin-right: .2rem;}
   .h-m .header-text h1{display:none;}
   .h-m {padding: 1.2rem !important;}
   .m-f-l{float:left;width: 100%;}
   .rport-order tr th{float:left}
   .rport-order tr.table-client th {float:none}
   .mob-layout #vouchers_wrapper .col-md-6{width:50% !important;}
   .mob-layout .odd{border-bottom:1px dashed #cdcdcd;}
   section.artlife {max-height: 14.2rem !important;}
}

header#rport-header {border-bottom: 1px solid #eee;}
#mpesaphone.input-group-text{background-color: #fff !important;}
/* Extra */
@media only screen and (max-width:600px){
.simpleCart_category > .col-12 {
    overflow: visible !important;
}
.mrg-b-30 {
    margin-bottom: 0;
}
.modal-dialog{margin:0 !important;}
}
/*.box{border-width:0 0 1px !important;border-bottom-color: rgb(238, 238, 238);}*/
section.rport-ordering .rport-product.v2.box {padding: .7rem !important;}