@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kumbh+Sans:wght@100..900&family=Margarine&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Space+Grotesk:wght@300..700&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@import url('navigations.css');
@import url('content.css');
@import url('section_search.css');
@import url('preloader.css');
@import url('reviews.css');
@import url('eateries.css');

@font-face {
    font-family: 'Samarkan';
    src: url('samarkan.ttf');
  }

/*html,body {font-family: Inter, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color:#555;}*/
body {background:#e4e3e3;}
html,body {font-family: 'Kumbh Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color:#444;}

.eatmandu {font-family:'Samarkan', sans-serif; text-decoration:none; color:#bf1b1b; color:#bf1b1b;}
.eatmandu-text {font-family:'Samarkan', sans-serif; text-decoration:none;}

.pluscodes_i {max-width:70px; max-height: 20px; border-radius: 5px;}

ul.list-unstyled > li > a {color:#666; text-decoration: none; border-bottom:1px solid #666;}
ul.list-unstyled > li > a:hover {border-bottom:0px}

ol.list-unstyled > li > a {color:#666; text-decoration: none; border-bottom:1px solid #666;}
ol.list-unstyled > li > a:hover {border-bottom:0px}

small > a, div.textcontent > a, div.textlink > a, div.card-body > a, span > a, p > a, ol > li > a, a.content-link {color:#444; text-decoration: none; border-bottom:1px solid #444; text-decoration-skip-ink: auto;}
small > a:hover, div.textcontent > a:hover, div.textlink > a:hover, div.card-body > a:hover, span > a:hover, p > a:hover, ol > li >  a:hover,  a.content-link:hover  {color:#444; border-bottom:0px}

.bg-pink {
    background-color: #b30139;
}

.btn-pink {
    background-color: #b81e4e;
    border:0px;
    color:#fff;
}
.btn-pink:hover {
    background-color: #aa0f40;
    border:0px;
    color:#fff;
}
.text-pink {color: #b30139;}

.card-body > a,
.card-text > a {
    color:#222;
    text-decoration: none;
    border-bottom:1px solid #222;
    text-decoration-skip-ink: auto;
}

.card-body > a:hover,
.card-text > a:hover {
    color:#222;
    border-bottom:0px
}

div.card {background-color: #f8f9fa;}
.bg-light {background-color: #fff;}

button.nb {border:0px;}
button.intro {color:#fff; font-style:italic;}



/* badges on top */
.includer{
    position: relative;
}
.badge.badge-close {  position: absolute;
    top: -5px;
    right: -20px;
    display: block;
}
.badge.badge-right {  position: absolute;
    top: -10px;
    right: -30px;
    display: block;
}


/* sidebar */

.sidebar {}
.sidebar-widget {

}
.sidebar-widget-title {font-weight:semi-bold;}

.sidebar-widget ol li {margin-bottom: 0.5rem;}


/* buttons and links */

.alink {text-decoration:none; cursor:hand; cursor:pointer;} /*underline */
a.nostyle {text-decoration:none; color:#444; border:0;}
.alink-nostyle {text-decoration:none; color:#444; border:0;}
.alink-nostyle:hover {text-decoration:none; color:#000; border:0;}


a.bstyle {color:#333; text-decoration: none; border-bottom:1px solid #333;}
a.bstyle:hover {border-bottom:0px}

.offer-btn {background:#e10c24; color:#fff}
.offer-btn:hover {background:#e10c24; color:#fff; text-decoration:underline}

.epick-btn {background:#FFDB88; color:#000;}
.epick-btn:hover {background:#FFDB88; color:#000; text-decoration:underline}


/* ***** FORM ****** */
.form-label {font-weight: bold; font-size:16px;}
i.validationIcon {
    position: relative;
    left: -1.8rem;
    top: -2.3rem;
}


/* datepicker jq */
#ui-datepicker-div { font-size: 12px; }

/* ****** pagination *** */
.pagination > li > a
{
    background-color: white;
    color: #5A4181;
    font-weight: bold;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white;
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181 !Important;
}

.pagination > .active > a:hover
{
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181;
}

.pagination-em{
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
    li{
      display: inline;
      text-align: center;
    }
    a{
      float: left;
      display: block;
      font-size: 14px;
      text-decoration: none;
      padding: 5px 12px;
      color:#fff;
      margin-left: -1px;
      border:1px solid transparent;
      line-height: 1.5;
      &.active{  cursor: default;}
      &:active{ outline: none;}
    }
  }
.pagination-em1{
    a{
       margin:0 5px;
       padding: 0;
       width: 30px;
       height: 30px;
       line-height: 30px;
       @include border-radius(100%);
       background-color: #555;
       color:#fff;
       border-radius:50%;


       &:hover{
         background-color:#bf1b1b;
         color:#fff;
       }
        &.active, &:active{
          background-color:#bf1b1b;
          color:#fff;
        }
     }


 }
 .pagination-em1 a.prev{
    border-radius: 50px 0 0 50px;
    width:100px;
 }
 .pagination-em1 a.next{
    border-radius:0 50px 50px 0;
    width:100px;
  }


  /* *** sidebar cart icon ** */

        /* Floating cart icon style */
        #cart-icon {
            position: fixed;
            bottom: 15px;
            right: 25px;
            background-color: #bf1b1b;
            color: #fff;
            padding: 15px;
            border-radius: 50%;
            cursor: pointer;
            z-index: 1501;
        }

        /* Cart item count badge */
        #cart-count {
            position: absolute;
            top: -10px;
            right: -10px;
            background-color: #fff;
            color: #000;
            border:1px solid #bbb;
            border-radius: 50%;
            padding: 5px 10px;
            font-size: 12px;
            font-weight: bold;
        }

        /* Sidebar styles */
        #cart-sidebar {
            position: fixed;
            top: 0;
            right: -300px;
            width: 300px;
            height: 100%;
            background-color: #ffffff;
            transition: right 0.3s ease;
            z-index: 1500;
            padding: 20px;
            overflow-y: auto;
        }

        #cart-sidebar.active {
            right: 0;
        }

        #cart-sidebar h2 {
            margin-top: 0;
        }

        #cart-items {
            margin-bottom: 20px;
        }

        .cart-item {
            margin-bottom: 15px;
            display: flex;
            justify-content: space-between;
        }

        .cart-item img {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }

        .checkout-btn {
            display: block;
            width: 100%;
            background-color: #f39c12;
            color: white;
            padding: 10px;
            text-align: center;
            text-decoration: none;
            border-radius: 5px;
            font-size: 16px;
        }



/*************************** AJAX SEARCH ****************************88 */

.suggestionsBox {
	border:1px solid #eee;
	padding:3px;
	margin: 0px 0px 0px 0px;
	width: 250px;
	padding:0px;
	background-color: #fefefe;
	color: #000;
	height:200px;
	overflow-y:scroll;
	z-index:100000;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #ccc;
	cursor: pointer;
	color:#000000;
}
.suggestionList ul li:hover {
	background-color: rgb(205, 55, 0);
	color:#fff;
}
.suggestionList ul {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin:0;
}


#suggest {
	position:relative;
	z-index:1300;
}



.searchLocations_suggestionsBox {
	border:1px solid #eee;
	padding:3px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color: #fefefe;
	color: #000;
	height:300px;
	z-index:10;
}

.searchLocations_suggestionList {
	margin: 0px;
	padding: 0px;
}

/* \\\\\\\\\ End suggestion box styles *************** */

.displayContainer {display: none;}




/* *** Tagify */
.tags-look .tagify__dropdown__item{
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}

.tags-look .tagify__dropdown__item--active{
    border-color: black;
}

.tags-look .tagify__dropdown__item:hover{
    background: lightyellow;
    border-color: gold;
}

.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}