/**
 * Theme Name: Deliciko
 * Theme URI: https://themeforest.net/user/tripples/portfolio
 * Description: This is a skull theme which we use to develope new themes. textdomain: Deliciko, class: Deliciko, var: $Deliciko_, constants: DELICIKO_, function: deliciko
 *
 */


/* Table of Content
********************************
# Reset & Basics
# Basic
# Typography
# Links
# Buttons
# Menu
# Main Content
# Core WordPress
# Search
# Blog
# Widget
# Footer
# Resonsive
*/

@import 'variable';
@import 'mixin';


/*===============================
   top bar
================================*/

.topbar {
   padding: 15px 0;

   &.b-bottom {
      border-bottom: 1px solid #ececec;
   }

}

// topbar transparent
.topbar-transparent {
   &.b-bottom {
      border-bottom-color: rgba(255,255,255, .1);
   }

   .social-links li a {
      color: #fff;
   }
}

// top contact info
.top-contact-info {
   padding: 0;
   margin: 0;
   li {
      list-style-type: none;
      color: #fff;
      font-size: 15px;
      margin-right: 50px;
      display: inline-block;

      &:last-child {
         margin-right: 0;
      }

      i {
         margin-right: 10px;
      }
   }
}

// header social links
.social-links {
   padding: 0;
   margin: 0;
   li {
      display: inline-block;
      list-style-type: none;
      padding-right: 15px;
      font-size: 15px;

      &:last-child {
         padding-right: 0;
      }

      a {
         color: #2c2c2c;

         &:hover {
            color: $primary-color;
         }

      }
   }
}


/*==================================================
/* Header
================================================== */
.admin-bar {
   .header-transparent {
      top: 30px;
   }
}


// header default
.header {
   .navbar-container {
      .navbar-light {
         padding: 0px;

         .main-menu {

            >li {
               padding: 0 24px;
               position: relative;

               >a {
                  font-weight: 700;
                  line-height: 95px;
                  position: relative;
                  padding: 0;

                  &:before {
                     position: absolute;
                     right: -24px;
                     content: '';
                     width: 5px;
                     height: 5px;
                     @include border-radius(50%);
                     background: #2c2c2c;
                     top: 0;
                     bottom: 0;
                     margin: auto;
                  }
               }

               &:last-child {
                  >a {
                     &:before {
                        display: none;
                     }
                  }
               }
               
            }

            li {

               a {
                  font-weight: 700;
                  color: $title-color;
                  text-transform: uppercase;
                  font-size: 14px;

                  &:hover {
                     color: $primary-color;
                  }
               }

               &.active {
                  >a {
                     color: $primary-color;
                  }
               }

               // dropdown-menu
               ul.dropdown-menu {
                  padding: 10px 0px;
                  min-width: 230px;
                  border-radius: 0;
                  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
                  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
                  border: none;
                  @include transition(all 500ms ease);
                  margin: 0;

                  li {
                     a {
                        font-size: 12px;
                        border-top: 1px solid #eaeaea;
                        line-height: 40px;
                     }

                     &:first-child {
                        >a {
                           border-top: none;
                        }
                     }
                     .dropdown-menu{
                        left: 100%;
                        top: 0;
                     }
                     @media (max-width: 991px) {
                        .dropdown-menu{
                           padding-left: 20px;
                        }
                     }

                     .dropdown-item.active,
                     .dropdown-item:hover {
                        background: transparent;
                     }
                     &.dropdown{
                        position: relative;
                        &:after{
                           content: "\f107";
                           font-family: "fontawesome";
                           border: 0;
                           vertical-align: 0;
                           position: absolute;
                           right: 10px;
                           top:13px;
                        }
                        @media (min-width: 991px) {
                           &::after{
                              transform: rotate(-90deg);
                           }
                        }
                     }

            
                  }
               }

               @media (min-width: 992px) {
                  &:hover {
                     > .dropdown-menu {
                        display: block;
                     }
                  }
               }

            }


         }

         // header book btn
         .header-book-btn {
            padding-left: 35px;
         }

         .dropdown-toggle::after {
            content: "\f107";
            font-family: "fontawesome";
            border: 0;
            vertical-align: 0;
            float: right;
         }
       
         .navbar-brand {
            padding: 0;
         }
      }

   }
}


// header-nav-right-info
.header-nav-right-info {
   list-style-type: none;
   padding: 0;
   margin-left: 10px;
   margin-bottom: 0;
   li {
      display: inline-block;
      font-size: 14px;
      position: relative;
   }

   .header-contact-info {
      span {
         display: block;
         font-weight: 700;
         font-size: 20px;
      }
   }

}

// transparent header
.header-transparent {
   display: block;
   clear: both;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;

   .logo-area {
      float: left;
      .logo{
         background: #fff;
         max-width: 140px;
         padding:15px;
         display: inline-block;
         line-height: inherit;
         white-space: nowrap;
      }
   }

   .navbar-container .navbar-light {
      .main-menu>li {
         >a {
            color: #fff;

            &:before {
               background: #fff;
            }
         }
      }
   }
 
    
   // header nav right info
   .header-nav-right-info li {

      &.header-contact-info {
         padding-left: 30px;
         font-weight: 400;

         &:before {
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 80%;
            content: '';
            background: #3a3530;
            bottom: 0;
            margin: auto;
         }
      }

      color: #fff;
   }

   &.header {
      .navbar-container .navbar-light {
         padding-top: 25px;
      }
   }

   .header-cart{
      padding-right: 15px;
      .cart-link a{
         color: #fff;
      }
   }
}

//  header solid 
.header-standard {
   .navbar-container {
      .navbar-light {
         .navbar-brand {
            margin-bottom: -25px;
            box-shadow: 0px 5px 20px 0px rgba(7, 25, 60, 0.1);
            position: relative;
            z-index: 11;
            background: #fff;
            max-width: 140px;
            padding: 15px;
            display: block;
         }
      }
   }
}

// header classic
.header-classic {
   #primary-nav {
      &.justify-content-end {
         -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
         justify-content: center !important;
      }
   }

   .navbar-container .navbar-light {
      .navbar-toggler{
         margin: 15px 0;
      }
      .main-menu {
         >li {
            position: relative;

            &:before,
            &:after {
               position: absolute;
               right: 13px;
               content: '';
               width: 5px;
               height: 5px;
               border-radius: 50%;
               -webkit-border-radius: 50%;
               -ms-border-radius: 50%;
               background: #2c2c2c;
               bottom: 10px;
               margin: auto;
               left: -10px;
            }

            &:after {
               left: 0;
               right: -26px;
            }

            &:last-child {
               >a {
                  &:before {
                     display: block;
                  }
               }
            }

            >a {
               line-height: 66px;

               &:before {
                  right: 0;
                  left: 0;
                  bottom: 10px;
                  top: auto;
               }
            }
         }
      }
   }
}

.header-classic .navbar-container .navbar-light .main-menu>li:before,
.header-classic .navbar-container .navbar-light .main-menu>li:after,
.header-classic .navbar-container .navbar-light .main-menu>li>a:before {
   opacity: 0;
   @include transition();
   @include transform(scale(0));
}

.header-classic .navbar-container .navbar-light .main-menu>li:hover:before,
.header-classic .navbar-container .navbar-light .main-menu>li.active:before,
.header-classic .navbar-container .navbar-light .main-menu>li:hover:after,
.header-classic .navbar-container .navbar-light .main-menu>li.active:after,
.header-classic .navbar-container .navbar-light .main-menu>li:hover>a:before,
.header-classic .navbar-container .navbar-light .main-menu>li.active>a:before {
   opacity: 1;
   @include transform(scale(1));
   background: $primary-color;
}

// nav-classic-transparent
.nav-classic-transparent {
   padding: 35px 0;
}

//navbar toggler
.navbar-light .navbar-toggler{
   background-color: $primary-color;
   .navbar-toggler-icon{
      background-image: none;
      i{
         font-size: 28px;
         color: #fff;

      }
    
   }
}

@media (min-width: 1200px){

   .navbar-sticky{
      @include transition();
      &.sticky{
         position: fixed;
         left: 0;
         top: 0;
         width: 100%;
         z-index: 99;
         background: #fff;
         box-shadow: 0 10px 20px rgba(0,0,0, .03);
         &.header-transparent,
         &.nav-classic-transparent{
            background: #000;
            padding: 0;
            .logo-area{
               max-width: 89px;
            }
            .navbar-container .navbar-light{
               padding-top: 0;
               .navbar-brand{
                  max-width: 75px;
               }
               .main-menu > li > a{
                  line-height: 80px;
               }
            }
         }
         &.fade_down_effect {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-delay: .1s;
            animation-delay: .1s;
         }
      }
  
   }
}

/*========================================
      Main slider
===========================================*/
.hero-area{
   .owl-dots{
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
      .owl-dot{
         display: block;
         margin:10px 0px;
         opacity: 1;
         &.active{
            top: 0;
            right: 5px;
         }
      }
   }

   .owl-nav{
      .owl-prev,
      .owl-next{
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         font-size: 48px;
         color: #666666;
      }
      .owl-prev{
         left: 30px;
      }
      .owl-next{
         right: 30px
      }
   }
}
.slider-table {
   display: table;
   width: 100%;
   height: 100%;

   .slider-table-cell {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
   }
}

.slider-item {
   color: #fff;
   @include background-content();
   -webkit-backface-visibility: hidden;
   position: relative;

   &:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: rgba(44, 44, 44, .6);
   }



   .slider-content {
      .slider-title {
         color: #fff;
         font-size: 100px;
         line-height: 110px;
         font-family: 'ZCOOL XiaoWei', serif;

         span {
            display: block;
            font-size: 58px;
            font-family: 'ZCOOL XiaoWei', serif;
         }
      }

      .slider-info {
         position: relative;
         font-size: 18px;
         letter-spacing: 5.4px;
         font-weight: 400;
         color: #fff;

         .info-before-bar,
         .info-after-bar {
            width: 60px;
            display: inline-block;
            height: 1px;
            background: #FFF;
            vertical-align: middle;
            text-align: center;
         }

         .info-before-bar {
            margin-right: 35px;
         }

         .info-after-bar {
            margin-left: 35px;
         }
      }

      .slider-btn-area {
         .btn {
            -webkit-box-shadow: 5px 5px 0px 0px rgba(188, 144, 107, 0.3);
            box-shadow: 5px 5px 0px 0px rgba(188, 144, 107, 0.3);

            &:hover {
               box-shadow: none;
            }
         }
      }
   }
}

// slider animation

/* owl carousel home slider */
.owl-stage-outer .owl-item.active .slider-item .slider-content p.slider-info {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
   -webkit-animation-duration: 3.5s;
   animation-duration: 3.5s;
}

.owl-stage-outer .owl-item.active .slider-item .slider-content .slider-title {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
}

.owl-stage-outer .owl-item.active .slider-item .slider-content .btn {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
   -webkit-animation-duration: 2.5s;
   animation-duration: 2.5s;
}

@-webkit-keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

/***
====================================================================
 intro features
====================================================================
***/

.single-intro-text {
   position: relative;
   padding: 20px;

   i {
      font-size: 80px;
      color: $primary-color;
      display: inline-block;
   }

   .intro-content {
      position: relative;
      z-index: 1;
  
      &:hover{
         i{
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-animation: bounce .4s ease-in-out 2 alternate;
            animation: bounce .4s ease-in-out 2 alternate;
         }
      }
   }

   .ts-title {
      font-size: 36px;
      font-weight: 400;

      span {
         color: $primary-color;
      }
   }

   .feature-bg {
      span {
         font-size: 80px;
         color: #f7f7f7;
         position: absolute;
         right: 0;
         bottom: 0;
      }
   }
}
.intro-box-content{
   .elementor-widget-container{
      overflow: hidden;
   }
}

@-webkit-keyframes bounce {
   from {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
   to {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }
 }
 
 @keyframes bounce {
   from {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
   to {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
   }
 }
 
/***

====================================================================
 Food Menu Section
====================================================================

***/

.menu-section {
   position: relative;
   padding: 33px 0px 70px;

   &.style-two {
      background-size: cover;
      background-repeat: no-repeat;

      &:before {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         display: block;
         background-color: rgba(0, 0, 0, 0.55);
      }

      .inner-box {
         .info {
            span {
               background: #080808;
               color: #ffffff;

               a {
                  color: #ffffff;
               }
            }

            .price {
               background: #080808;
               color: #ffffff;
               left: 2px;
            }
         }

         .ingradien-text {
            color: #d1d1d1;
         }
      }
   }
}

// menu tab section
.menu-block {
   position: relative;
   margin-bottom: 50px;

   .inner-box {
      position: relative;

      span {

         &.menu-tag {
            font-size: 11px;
            line-height: 22px;
            margin-bottom: 5px;
            background: #bc906b;
            padding: 0px 7px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            display: inline-block;
         }
      }

      .info {
         position: relative;
         margin-bottom: 10px;

         &:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 20px;
            width: 100%;
            border: 1px dashed #e5e5e5;
         }

         h3 {
            position: relative;
            color: #232323;
            font-size: 16px;
            font-weight: 600;
            padding-right: 10px;
            letter-spacing: 1px;
            background-color: #ffffff;
            margin-block-end: 0;

            a {
               position: relative;
               font-size: 18px;
               margin-right: 20px;
               font-weight: 600;
               color: #232323;
               transition: all 500ms ease;
               -webkit-transition: all 500ms ease;
               -ms-transition: all 500ms ease;
               -o-transition: all 500ms ease;
            }
         }

         .price {
            position: relative;
            color: #bc906b;
            font-size: 30px;
            line-height: 36px;
            padding-left: 20px;
            background-color: #ffffff;

            i {
               font-size: 28px;
            }
         }
      }

      .ingradien-text {
         position: relative;
         color: #616060;
         font-size: 14px;
         padding-right: 50px;
         font-family: 'Open Sans', sans-serif;
         margin-bottom: 0;
      }
   }
}

// menu-list-item
.menu-list-item {
   position: relative;

   .menu-block {
      margin-bottom: 30px;

      .inner-box span.menu-tag {
         position: relative;
         top: 0;
         display: inline-block;
         color: #fff;
      }
   }

   .post-thumb {
      margin-right: 25px;

      img {
         width: 145px;
         display: block;
         ;
      }
   }
   &.menu-list-style2{
      .menu-block{
         padding-bottom: 20px;
         border-bottom: 1px dashed #d9d9d9;
         .inner-box .info{
            h3{
               background: transparent;
            }
            &:before{
               border: none;
            }
         }
         &:last-of-type{
            padding-bottom: 0 !important;
            border: none !important;
            margin-bottom: 0 !important;

         }
      }
   }
}


/***

====================================================================
 Food Menu feature-tab
====================================================================

***/
// Menu Tab 2
.ts-tab-menu {
   .nav-menu-tabs {
      border-bottom: 1px solid #ddd;
      padding: 0px;
      text-align: center;

      li {
         margin-bottom: 14px;
         position: relative;

         a {
            padding: 0px;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 700;
            color: #2c2c2c;
            display: inline-block;
            i {
               &.icon {
                  font-size: 40px;
                  display: block;
                  padding: 0px 45px;
                  margin: 0px 20px 10px 20px;

               }
            }

            &.active {
               color: #bc906b;

               &:after {
                  opacity: 1;
                  visibility: visible;
               }
            }

            &:after {
               position: absolute;
               content: "";
               bottom: -20px;
               left: 50%;
               border: 1px solid #c1beba;
               background: #fff;
               height: 11px;
               width: 11px;
               border-top: 0;
               border-left: 0;
               -webkit-transform: rotate(45deg);
               -ms-transform: rotate(45deg);
               transform: rotate(45deg);
               visibility: hidden;
               opacity: 0;
            }
         }

         &:last-child {
            a {
               &:before {
                  content: none;
               }
            }
         }
      }
   }
}

// feature post wrapper
.feature-tab-post-wrapper {
   background: #ffffff;
   position: relative;
   padding: 40px;

   .feature-status {
      color: #fff;
      background: $primary-color;
      padding: 2px 10px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
   }
   &:hover{
      .feature-image{
         img{
            @include transform(scale(.95));
         }
      }
   }

   .feature-image {
      position: relative;

      .feature-img{
         width: 100%;
         height: 100%;
         overflow: hidden;
      }
      img {
         width: 225px;
         height: 225px;
         border-radius: 50%;
         margin: auto;
         @include transition();
         @include transform(scale(1));
      }

      .feature-price {
         position: absolute;
         left: 60%;
         bottom: -10px;
         width: 90px;
         height: 90px;
         background: $primary-color;
         border-radius: 50%;
         text-align: center;
         border: 7px solid #fff;
         padding: 22px 0;
         color: #fff;
         font-size: 20px;

      }

   }

   .feature-content {
      margin-top: 30px;

   }

   .btn {
      display: block;
      width: 100%;
      box-shadow: 0px 15px 25px 0px rgba(188, 144, 107, 0.3);

   }




}
// feature tab slider 

.feature-tab-slider {
   .owl-nav {

      .owl-prev,
      .owl-next {
         position: absolute;
         top: 50%;
         @include transform(translateY(-50%));
         display: block;
         width: 40px;
         height: 40px;
         text-align: center;
         @include border-radius(50%);
         background: $primary-color;
         color: #fff;
         line-height: 40px;
         font-size: 14px;
      }

      .owl-prev {
         left: -80px;
      }

      .owl-next {
         right: -80px;
      }
   }
}

.tab-pane.active {
   -webkit-animation-name: fadeRight;
   animation-name: fadeRight;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

@-webkit-keyframes fadeRight {
   from {
     opacity: 0;
     -webkit-transform: translate3d(4%, 0, 0);
     transform: translate3d(4%, 0, 0); }
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }
 
 @keyframes fadeRight {
   from {
     opacity: 0;
     -webkit-transform: translate3d(4%, 0, 0);
     transform: translate3d(4%, 0, 0); }
   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0); } }

/*=================================
  start  testmonial section
 =================================*/

.testimonial-author-content {
   margin: auto;
   padding-top: 30px;

   .author-name {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 0;
      color: #222;
      display: inline-block;
      bottom: -1px;
   }

   img {
      width: 100px !important;
      height: auto;
      border-radius: 50%;
      margin-bottom: 15px;
      margin-left: 50%;
      transform: translateX(-50%);
   }

   .testimonial-text {
      font-style: italic;
      font-size: 20px;
      line-height: 36px;
      color: #fff;
   }

   .testimonial-footer {
      span {
         &.author-name {
            color: #fff;
         }
      }
   }
}

.testimonial-footer {
   margin-top: 30px;
}
span {
   &.author-designation {
      margin-bottom: 20px;
      display: block;
   }
}


.testimonial-carousel.owl-carousel .owl-nav button:focus {
   outline: none;
}

/* Testimonial Classic */

.ts-testimonial-classic {
   .testimonial-author-content {
      p {
         &.testimonial-text {
            color: #666666;
            i{
               font-size: 80px;
               display: block;
               margin-bottom: -45px;
            }
         }
      }

      .testimonial-footer {
         span {
            &.author-name {
               color: #141414;
            }

            &.author-designation {
               color: #666;
            }
         }
      }
   }

   .testimonial-carousel {
      &.owl-carousel {
         .owl-dot {
            background: #2c2c2c;

            &.active {
               background: transparent;
            }
         }
      }
   }
}
// ts-testimonial
.ts-testimonial{
   .testimonial-author-content{
      padding: 40px;
      .testimonial-footer{
         img{
            margin-left: 0;
            transform: translateX(0%);
            margin-right: 30px;
         }
      }
   }
}

/* team / chef
================================================== */

.ts-team {
   .ts-team-info {
      position: relative;
      line-height: 16px;
      overflow: hidden;
      img{
         width: 100%;
         height: auto;
         @include transition();
         @include transform(scale(1));
      }
      .team-content {
         position: absolute;
         bottom: -10%;
         left: 0;
         background: rgba(44, 44, 44, .9);
         padding: 30px 60px;
         transition: all 0.3s;
         opacity: 0;
         visibility: hidden;
         z-index: 22;
      }

      &:hover {
         .team-content {
            opacity: 1;
            visibility: visible;
            bottom: 0;
         }
         img{
            @include transform(scale(1.1));
         }
      }
   }
}

// Team Details
.team-details {
   h3 {
      &.team-name {
         font-size: 20px;
         font-weight: 700;
         color: #fff;
         margin-bottom: 0;
      }
   }

   p {
      font-size: 14px;
      color: #fff;
      margin-top: 10px;
   }
}

 
// Team Social
.team-social {
   li {
      display: inline-block;

      a {
         font-size: 14px;
         display: block;
         color: #fff;
         margin-right: 20px;
      }
      &:last-child{
         a{
            margin-right: 0;
         }
      }
   }
}

/* TS Team Classic */

.ts-team-classic {
   .ts-team-info {
      position: relative;
      line-height: 16px;
      bottom: 0;
      left: 0;
      border: 1px solid #bc906b;

      .team-content {
         position: absolute;
         bottom: -50%;
         left: 0;
         padding: 180px 60px 30px 60px;
         transition: all 0.3s;
         width: 100%;
         height: 100%;
         ;
         background: rgba(44, 44, 44, .8);

         opacity: 0;
         visibility: hidden;
      }

      &:hover {
         border-color: transparent;

         .team-content {
            opacity: 1;
            visibility: visible;
            bottom: 0;
         }
      }
   }
}

/* Team Standard */

.ts-team-standard {
   .ts-team-info {
      position: relative;
      line-height: 16px;
      img{
         width: 100%;
      }
      .team-content {
         position: absolute;
         bottom: 0;
         left: 0;
         background: rgba(44, 44, 44, 1);
         padding: 30px 60px;
         transition: all 0.5s;
         width: 100%;
      }


      &:hover {
         .team-content {
            background: #bc906b;
         }
      }
   }
}
// chef-slider
.chef-slider{
   .owl-dots{
      margin-top: 70px;
   }
}

/*================================
      banner blog
 ==================================*/

.banner-area {
   padding: 150px 0;
   position: relative;
   @include background-content();
   &:before{
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: rgba(44,44,44, 0.0);
   }  
   .banner-title {
      color: #fff;
      font-size: 74px;
      line-height: 90px;
      font-weight: 400;
      span{
         color: $primary-color;
      }
   }
   .image {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 1600px;
      height: 5011px;
      z-index: 250;
    }

    
   .breadcrumb {
      text-align: center;
      background: none;
      display: inline-block;
      color: #fff;
      margin-top: 20px;
      li {
         display: inline-block;
         color: #fff;
         text-transform: uppercase;
         margin: 0 10px;
         font-size: 15px;
         a {
            color: #fff;
         }
      }
   }

   &.banner-solid {
      padding-top: 50px;
       padding-bottom: 40px;
      background:  $primary-color;
      &:before{
         display: none;
      }
      .banner-title {
         font-size: 48px;
      }
   }
}




/*================================
      resurvation form
 ==================================*/
.ts-resurvation-form{
   .form-group{
      margin-bottom: 20px;
   }
   .wpcf7-select{
      height: 50px !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    
   }
   .form-control{
      background: transparent;
   }
   .select-opt{
      .wpcf7-form-control-wrap{
         position: relative;
         display: block;
         &:before{
            position: absolute;
            right: 15px;
            top: 12px;
            content: '\e874';
            font-size: 13px;
            font-family: 'iconfont';
            z-index: 0;
         }  
      }
   }

   input::-webkit-calendar-picker-indicator { 
      -webkit-appearance: none; 
   }

   input[type=date]::-webkit-inner-spin-button, 
   input[type=date]::-webkit-outer-spin-button { 
     -webkit-appearance: none; 
     margin: 0; 
     position: relative;
   
   }
   .msg-box{
      height: 140px;
      padding: 25px;
      resize: none;
   }
}


/*========================================
     Single Event Reservation
===========================================*/
.single-event-reservation{
   .ts-title{
      font-weight: 600;
      font-size:30px;
   }
   .event-meta{
      .event-date{
         padding-right:50px;
      }
   }
   p{
      padding-top:20px;
   }
}


/*================================
      latest blog
 ==================================*/
 .latest-blog{
    .post{
      .post-meta{
         margin-bottom: 12px;
      }
      .post-body{
         box-shadow: 0px 10px 30px 0px rgba(44, 44, 44, 0.07);
         border: none;
      }
      .post-media{
         width: 100%;
         height: 100%;
         overflow: hidden;
         img{
            width: 100%;
            height: auto;
            @include transform(scale(1));
            @include transition();
         }
      }
      &:hover{
         .post-media{
            img{
               @include transform(scale(1.1));
            }
         }
      }
   }
 }

 /*================================
      vertical grid blog
 ==================================*/

 .post-block-style{
    .post-thumb{
       margin-bottom: 15px;
       width: 100%;
       overflow: hidden;
       .item,
       img{
          @include transition();
       }
    }
    .post-content{
       .post-title{
          font-size: 24px;
          color: #222222;
          a{
            color: #222222;
            &:hover{
               color: $primary-color;
            }
          }
       }
    }
    &:hover{
      .post-thumb{
         .item,
         img{
            @include transform(scale(1.1));
         }
      }
    }
 
 }

 

 /*================================
      vertical grid slider
 ==================================*/

 .vertical-grid-slider,
 .verticale-feature-post{

   &.owl-carousel{
      .owl-nav{
         .owl-prev,
         .owl-next{
            font-size: 14px;
            width: 40px;
            height: 40px;
            @include border-radius(50%);
            background: rgba(255,255,255, .6);
            color: #222222;
            text-align: center;
            @include transition();
            box-shadow: 0px 10px 20px 0px rgba(34, 34, 34, 0.1);

            line-height: 40px;
            &:hover{
               color: #fff;
               background: $primary-color;
            }
         }
         @media (min-width: 1200px){
            .owl-prev{
               left: -18px;
            }
            .owl-next{
               right: -18px;
            }
         }
      }
   }
 }

 .verticale-feature-post{
   .slide-item{
      padding: 0 5px !important;
      @media (max-width: 768px) {
          margin-bottom: 10px;
      }
   }
   
   .m-10{
      margin: 0 -5px !important;
   }
 }
 
// ===============================
//       reservation form
//=================================
.elementor-widget-container{
   .ot-dtp-picker{
      .ot-dtp-picker-form{
         display: flex;
         border: 1px solid #eceaea;
         .ot-dtp-picker-selector {
            .ot-dtp-picker-selector-link{
               font-size: 14px;
               color: #666666;
               &:before{
                  font-size: 12px;
               }
            }
         }
      }
      .ot-dtp-picker-button{
         height: 100% ;
         background-color: $primary-color;
         border-color: $primary-color;
         box-shadow: none;
         line-height: 16px;
         font-size: 13px;
         text-transform: uppercase;
         border-color: transparent;
         letter-spacing: .7;
         &:hover{
            background-color: #232323;
            border-color: transparent;
         }
      }
      .ot-powered-by{
         display: none;
      }
      .ot-title{
         display: none;
      }
      &.wide{
         width: 100%;
      
      }
   }
   .ot-dtp-picker .ot-dtp-picker-selector:hover .ot-dtp-picker-selector-link{
      outline: none;
   }
   .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link.ot-date-label.menu-opened{
      outline: none;
      box-shadow: none;
   }
   
   }

   

/*================================
      ts-footer
 ==================================*/
.footer-bar {
   border-top: 1px solid #252424;
   margin-top: 15px;
}

.footer-widget {
   p {
      color: #ffffff;
   }
}

.copyright {

   padding: 15px 0;

   .copyright-text {
      margin-bottom: 0;
      color: #fff;

      a {
         color: #bc906b;
      }
   }

   .footer-social {
      text-align: right;

      li {
         list-style: none;
         display: inline-block;

         a {
            i {
               display: block;
               width: 40px;
               height: 40px;
               border-radius: 50%;
               text-align: center;
               line-height: 40px;
               background: #2a2a2a;
               margin-right: 5px;
               color: #fff;
            }

            &:hover {
               i {
                  color: #fff;
               }
            }

         }



      }
   }
}

.ts-footer {
   background-color: #191919;

   .footer-center-widget {
      p {
         padding-top: 33px;
         padding-right: 56px;
      }
   }

   .ts-subscribe {
      padding-left: 80px;
      .newsletter-form{
         position: relative;
         .btn-group{
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            .btn{
               box-shadow: none;
               margin-right: 0;
               font-size: 20px;
               padding: 0 20px;
               i{
                  margin: 0;
               }
            }
         }
      }
      .btn-mail {
         background: #cc9966;
         margin-left: -3px;
         border: none;
         padding: 5px;
         height: 50px;

         i {
            color: #fff;
            padding: 15px;
            width: 20px;
            height: 22px;
         }

      }

      input[type=email] {
         background: #333333;
         color: #fff;
         padding: 12px;
         border: none;
         width: 100%;
         text-indent: 10px;
         &::placeholder{
            color: #f7f7f7;
         }

      }
   }

}


//  service time
.service-time{
   list-style-type: none;
   padding: 0;
   li{
      display: block;
      clear: both;
      padding: 10px 0;
      border-bottom: 1px dashed #eeeeee;
      span:last-of-type{
         float: right;
      }
   }
}


/* food gallery
================================================== */
.food-gallery{
   .elementor-widget-image .elementor-image>a,
    .elementor-widget-image .elementor-image figure>a{
       display: block;
    }
}

@media(min-width: 1600px){
   .intro-about-image{
      &.elementor-top-section{
         background-size: 42% auto !important;
      }
   }
   
}
/* Error page
================================================== */
.error-page .error-code h2 {
   display: block;
   font-size: 200px;
   line-height: 200px;
   color: #303030;
   margin-bottom: 20px;
}

.error-page .error-body .btn {
   margin-top: 30px;
   font-weight: 700;
}

/*------------back to top-------------*/
.BackTo {
   background: $primary-color none repeat scroll 0 0;
   border-radius: 50%;
   bottom: 75px;
   color: #979797;
   cursor: pointer;
   height: 44px;
   position: fixed;
   right: 14px;
   text-align: center;
   width: 44px;
   z-index: 9;
   display: block;
   padding: 8px 0;
}

.BackTo a {
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   margin-top: 2px;
}


// elementor btn
.elementor-button{
   &:hover{
      box-shadow: none !important;
   }
}



// review ratting 
.deliciko-rating{
   .review-chart{
       color: #fff;
       position: relative;
       margin-right: 8px;
       .icon{
           display: block;
           margin-bottom: 5px;
           font-size: 18px;
       }
       span.total-avg{
          position: absolute;
          left: 0px;
          right: 0;
          text-align: center;
          line-height: 35px;
          display: block;
          color: #222;
          font-size: 16px;
          font-weight: 700;
       }
   
   }
   .deliciko-review-percent{
      display: flex;
      span{
         color: #666666;
         display: flex;
         align-self: center;
         font-size: 14px;
      }
   }
}



 // review box
 .xs-review-box{
   box-shadow: none;
   padding: 0;
   .total-reivew-headding,
   .write-reivew-headding{
       margin-bottom: 25px;
       padding-left: 0 !important;
   } 
   .xs-reviewer-details{
       padding-left: 0;
       .xs-overview-data{
           font-size: 15px;
           font-weight: 500;
       }
       .xs-review-rattting{
           &.xs-percentange{
               background: #f7f7f7;
               
           }
       }
       .xs-review-overview-list{
           $topicsColor: #ce96fb,#ff8fcf,#00c2ba,#00c8ff,#ed1c24, #00a651, #ff9c00, #00c8ff, #ed1c24,#00a651, #ff9c00, #00c8ff;

           .xs-overview-percentage {
               @for $i from 1 through length($topicsColor) {
                   &:nth-child(#{$i}) {
                       .data-rat {
                           .xs-review-rattting{
                               .percentange_check{
                                   background: nth($topicsColor, $i);
                                   box-shadow: 0px 3px 5px 0px rgba(nth($topicsColor, $i), 0.3);
                               }
                           }
                       }
                   }
               }
           }
       }
   }
   .review-reviwer-info-section{
       font-size: 15px;
       color: #7c7c7c;
       padding-left: 20px;
       .xs-reviewer-author{
           text-transform: capitalize;
           font-weight: 400;
       }
   }
   .border-div{
      margin: 20px 13px 40px;
   }
   .xs-review{
      input, textarea{
          border-radius: 0;
      }
       .xs-btn{
           background: $primary-color;
           text-transform: uppercase;
           font-weight: 700;
           box-shadow: 5px 5px 0px 0px rgba(188, 144, 107, 0.3);
           @include transition();
           &:focus{
               box-shadow: none;
               outline-style: none;
           }
           &:hover{
               background: darken($primary-color, 5%);
           }
       }
   }

  
}


.ts-gallery {
   .elementor-image{
      position: relative;
      cursor: pointer;
      &:before{
         position: absolute;
         left: 0;
         top: 42%;
         right: 0;
         content: "\e881";
         font-size: 30px;
         font-family: "iconfont";
         color: #fff;
         margin: auto;
         z-index: 1;
         transform: scale(0);
         @include transition();
         background: $primary-color;
         width: 50px;
         height: 50px;
         border-radius: 50%;
         line-height: 50px;
      }
      &:hover{
         &:before{
            transform: scale(1);
         }
      }
   }
}


.menu-block,
.ts-team,
.post{
   .post-thumb,
   .ts-team-info,
   .post-media{
      position: relative;
      overflow: hidden;
      img{
         @include transition;
         @include transform(scale(1) rotate(0deg));
      }
      &::after{
         content: '';
         position: absolute;
         top: 0;
         right: 100%;
         bottom: 100%;
         left: 0;
         z-index: 13;
         background: #fff;
         opacity: .6;
         height: 100%;
         transition: bottom 0.4s cubic-bezier(0.77, 0.84, 0.44, 1) 0s, 
                     right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
                     left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;
      }
     
   }
   &:hover{
      .post-thumb,
      .ts-team-info,
      .post-media{
         img{
            @include transform(scale(1.1) rotate(0deg));
         }
            &::after{
               margin-right: 0;
               right: 0;
               bottom: 0;
               left: 100%;
            }
      }
   }
  
 }

 .elementor-widget-container{
    .elementor-image{
      position: relative;
      overflow: hidden;
      img{
         @include transition;
         @include transform(scale(1) rotate(0deg));
      }
      &::after{
         content: '';
         position: absolute;
         top: 0;
         right: 100%;
         bottom: 100%;
         left: 0;
         z-index: 13;
         background: #fff;
         opacity: .6;
         height: 100%;
         transition: bottom 0.4s cubic-bezier(0.77, 0.84, 0.44, 1) 0s, 
                     right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
                     left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;
      }
      &:hover{
         img{
            @include transform(scale(1.1) rotate(0deg));
         }
            &::after{
               margin-right: 0;
               right: 0;
               bottom: 0;
               left: 100%;
            }
      }
    }
 }
