/*
Theme Name: VW Diner Restaurant Pro
Theme URI: https://www.vwthemes.com/themes/designer-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This WordPress sports theme is the best option you can opt for if you run a business that is related to sports. It is a good choice for sports trainers or sports coaches offering coaching in any sport. It can also be used in promoting any sport or game. Sports academies and sports clubs can use this theme for their promotion. The effectively designed sections of this theme can constructively display the facilities of your sports academy or business. It is made versatile so that even a sports goods manufacturer or retail shop can also use it to full effect for boosting the business. This cleverly designed sports WordPress theme has a layout that will suit any sport. Many high-end features are included that allow you to showcase the sporting events and schedule in a nice way. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.3
Requires at least: 5.8
Requires PHP: 7.4
Tested up to: 6.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-diner-restaurant-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Theme Name: VW Diner Restaurant Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2022.
 WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat: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&display=swap');

@import url('assets/webfonts/himalaya.ttf');

:root {
  --white: #ffffff;
  --black: #000000;
  --red: #f53232;
}
:root {
  --font-mont: 'Montserrat', sans-serif;
  --font-open-sans: 'Open Sans';
  --font-himalaya: 'Himalaya';
  --font-Josefin-Sans: 'Josefin Sans';

}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
a{
   text-decoration: none !important;
}
html body {
  overflow-x: hidden;
  }
h1,h2, h3, h4, h5, h6 {
  font-family: var(--font-Josefin-Sans);
  color:black;
  font-weight: 700;
  line-height: 26px;
}
p{
    font-family: var(--font-open-sans);
    color: var(--black);
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 29px;
    font-weight: 400;
    font-family: "Open Sans";
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after {
  display: block;
  font-size: 80px;
  position: absolute;
  color: #7a7a7a;
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -20px;
}
blockquote:after {
  content: "\201D";
  right: 0px;
  bottom: -10px;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
table th a {
    color: black;
    text-decoration: none;
}
#return-to-top {
  position: fixed;
  bottom: 28px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 99;
  background-color: var(--yellow);
  border-radius: 0 10px;
}
#return-to-top i {
  color: var(--white);
  position: relative;
  top: 13px;
  padding: 17px 15px;
  font-size: 19px;
  transition: all 0.3s ease;
  background: var(--red);
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* ====== new code start  ======== */
.section-main-heading {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 40px;
  color: #000000;
  font-family: var(--font-Josefin-Sans);
  text-align: center;
}
.section-sub-heading {
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 16px;
  color: #312f2f;
  font-weight: 400;
  font-family: "Roboto";
  text-align: center;
  padding-bottom: 1.8rem;
}
section{
  padding: 50px 0;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
  display: block;
}
/* ====== new code end  ======== */

@media only screen and (min-width: 1600px) and (max-width: 2560px)  {
.vw-logo img {
  width: 170px;
  padding: 9px 0;
  margin-left: 14rem;
}
.middle-header-icons
{
  width: 83%;
  padding: 46px;
}
.search-container
{
    left: -300px !important;
    width: 322px !important;
    top: 69px !important;
}
.search-container.opened form
{
  width: 92%;
}
.search-buttons
{
  padding: 18px 1px 28px 4px;
  width: 95px !important;
  position: relative;
  left: 35px;
}
.search-buttons i
{
      top: 9px !important;
      left: 2px !important;
}
.icon-close i
{
  left: 0px !important;
}
.middle-header-icons
{
  padding: 50px !important;
  left: 41px !important;
}
.main-navigation a
{
  font: 600 14px/22px "Josefin Sans" !important;
}
.main-navigation li{
  margin: 11px 16px 11px 16px !important;
}
.main-navigation ul li.current-menu-item a{
  padding-bottom: 37px !important;
}
.sub-menu li {
    padding: 12px !important;
}
.phone-number:after
{
  left: 46px !important;
  padding: 13px !important;
}
.phone-number
{
  left: 57px !important;
}
.phone_icon {
    width: 29px !important;
}
.phone_text
{
      font-size: 14px !important;
}
.search-icon img {
    width: 21px !important;
}
.search-buttons
{
  padding: 20px 1px 28px 4px !important;
}
.main-navigation ul
{
  padding-left: 5em !important;
}
#banner .read-more-banner_button
{
   margin-top: 30px !important;
}
#banner .banner-box {
    padding-left: 0 !important;
    padding-bottom: 588px !important;
}
.banner-top-box {
    top: 317px !important;
    left: 3px !important;
}
.banner-sub-heading
{
  font-size: 55px !important;
  line-height: 82px !important;
  max-width: 691px !important;
    margin-top: 30px;
}
.read-more-banner
{
  font-size: 16px !important;
}
.vw-designer-logo img {
    width: 89% !important;
}
#vw-header .main-navigation ul
{
  padding-left: 0 !important;
}
.social_icon i
{
    margin-right: 24px !important;
    font-size: 19px !important;
}
.about-us-para1
{
  font-size: 37px !important;
  line-height: 55px !important;
  max-width: 356px !important;
}
.about-us-para2
{
  font-size: 15px !important;
  line-height: 29px !important;
}
.about-us-number-right-text
{
      font-size: 23px !important;
      line-height: 40px !important;
}
.about-number-border
{
      border: 10px solid #2a2a2a !important;
    padding: 7px 0 28px 0 !important;
    width: 36% !important;
}
.about-number-border h6
{
      font-size: 84px !important;
    line-height: 85px !important;
    top: 6px !important;
}
.service-main-rw:after {
    content: '';
    border-top: 2px solid #ffffff73;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 52px;
    bottom: -28px;
    transform: rotate(90deg);
}
.service-main-rw
{
    position:relative;
}
.serv {
    padding-bottom: 97px !important;
}
.services-bg {
    padding: 35px 0 30px 0 !important;
}
.banner-box:after
{
      height: 69px !important;
      bottom: 46px !important;
}
#FeatureSkill .progress-bar-main-div {
    padding-bottom: 29px !important;
}
#FeatureSkill .progress-icon-img
{
   padding-bottom: 27px !important;
}
#FeatureSkill .progress-bar-per
{
  left: -9px !important;
}
.portfolio-meta-box {
    padding: 83px 43px 90px 61px !important;
    bottom: -185px !important;
    width: 63% !important;
    right: -171px !important;
}
.Our-portfolio-title
{
  top: -15px !important;
}
.Our-portfolio-title a
{
  left: -57px !important;
  top: 32px !important;
  font-size: 23px !important;
}
#our-portfolio .owl-stage-outer {
    padding-bottom: 206px !important;
}
#our-portfolio .owl-nav
{
  bottom: 12% !important;
  left: -10% !important;
}
#our-portfolio .owl-prev i, #our-portfolio .owl-next i
{
    width: 80px !important;
    height: 80px !important;
    font-size: 26px !important;
    padding: 27px 6px !important;
}
.client-inner-boxs img
{
    height: 585px !important;
    object-fit: inherit !important;
}
.client-sec-col {
    position: relative;
    top: 31px;
}
.first-heads, .sec-client-text, .client-sec-col .client-text
{
      font-size: 39px !important;
    line-height: 57px !important;
}
.first-client-text
{
  font-size: 39px !important;
}
.client-sec-col h2
{
  max-width: 594px !important;
}
.client-desg, .client-desc
{
    font-size: 18px !important;
    line-height: 27px !important;
}
.counter-value.count_no, .counter_suffix {
    font-size: 35px !important;
}
.newsletter-first-bx
{
   padding: 69px 0 24px 0 !important;
}
#newsletter input[type="email"]
{
   width: 73% !important;
}
#newsletter
{
   top: -104px !important;
}
.counters-rw
{
   padding-bottom: 150px !important;
}
.newsletter-para
{
  font-size: 32px !important;
}
.team-inner-bx
{
  left: 39px !important;
  width: 87% !important;
  height: 94% !important;
  top: 37px !important;
}
.team-socialbox
{
  right: -21px !important;
  top: 49px !important;
}
.team-inner-bx h4 a
{
  bottom: 15px !important;
}
#our-team .team-inner-box:hover .team-inner-boxs img
{
  width: 277px !important;
    height: 419px !important;
}
.postbox-content
{
  padding: 57px 31px !important;
}
.latest-img-box img
{
  height: 98% !important;
}
.footer2 ul, .footer2 h3 {
    padding-left: 6em !important;
}
.banner-image .card {
    margin-bottom: -1px;
    margin-top: -2px;
}
.learning-content-box i
{
  left: -13% !important;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1550px)  {
  #vw-portfolios {
    padding: 0 15px !important;
}
.search-container
{
      width: 361% !important;
}
.middle-header-icons
{
  width: 77% !important;
    padding: 33px !important;
    left: 28px !important;
}
.banner-top-box
{
  left: 81px !important;
}
.newsletter-first-bx
{
      padding: 41px 0 33px 0 !important;
}
#newsletter input[type="email"]
{
  width: 75%;
}
#our-team .team-inner-box:hover .team-inner-boxs img
{
      width: 275px !important;
}
.team-inner-bx h4 a
{
  bottom: 31px !important;
}
#aboutus_sec .learning-content-box i
{
  top: 43%;
  left: -14%;
}
.banner-image .card
{
  margin: -1px 0 -1px 0;
}
}
@media only screen and (min-width: 2035px) and (max-width: 2096px)  {
  #vw-header .vw-designer-logo img {
    width: 90% !important;
}
#vw-header .middle-header-icons
{
  padding: 55px !important;
}
#banner .banner-top-box
{
  left: -62px !important;
}
}

/* ----------- Spinner ------------- */
.eco-spinner-loading-box{
  position: fixed;
  width:100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999999;
  background-color: #fbfbfb;
}
.eco-spinner-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 180px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/loader.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
/*---------------------- faq section-------------------------*/

.faq-section .accordion-button:not(.collapsed)::after
{
  background-image: url("assets/images/plus.png") !important;
}
.faq-section .accordion-button::after
{
  background-image: url("assets/images/minus.png") !important;
}
.faq-section .accordion-button:not(.collapsed)
{
  background-color: var(--black) !important;
    color: white;
   box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section a.accordion-button {
    padding: 24px;
}
.para-faq,.accordion-body {
       color: #6c6c6c;
    font-size: 15px;
    font-family: 'Montserrat';
    line-height: 28px;
}
.faq-section .accordion-body
{
  margin-bottom: 25px !important;
  padding: 30px !important;
}
.faq-section .accordion-item
{
  border: unset !important;
}
.faq-section a.accordion-button.collapsed {
    margin-top: 25px;
    box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section .accordion-button:not(.collapsed)
{
  margin-top: 25px;
}
.faq-section a.accordion-button {
    font-size: 16px;
    padding: 24px;
    color: black;
    font-weight: 600;
    font-family:montserrat;
    letter-spacing: 1px;
}
.services-inner-bx:before {
    content: '';
    display: block;
    background-image: url(assets/images/bg-first.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}
.services-inner-bx:after {
    content: '';
    display: block;
    background-image: url(assets/images/bg-last.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
}

/***************************************************************************************************************/
/* vw dinner restaurent json*/



div[class ^="count-down"] span {
  font-size: 14px !important;
}

.count-down-line {
  display: flex;
  flex-direction: column;
  justify-content: center;
}