/*
Theme Name: VW Restaurant Pro
Theme URI: https://www.vwthemes.com/premium/food-restaurant-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com
Description: VW Restaurant Pro Theme is a responsive multi-purpose Restaurant WordPress theme. This is specially built for Restaurant people. This theme is responsive and compatible with the latest version of WordPress. This theme is one of the best themes for all kind of industries.This theme comes with latest features and unique typography options. This theme is useful for multiple industries like blogs, magazines, vw-restaurant-pro- Premiums,cafe/restaurants, businesses, consultants, hospitals,hotels, tours and holidays, creativity, shop stores, etc.This theme comes with ready translation. VW Restaurant Pro Theme is cross browser compatible and performs well with any browser. This theme is very easy to use for non-coders also. This theme has an ultimate design with best options to make it unique from others. Check demo at: https://www.vwthemes.net/vw-restaurant-pro-theme/
Version: 1.2
Requires at least: 5.5.1
Requires PHP: 5.2.4
License: GNU General Public License
License URI: license.txt
Text Domain: vw-restaurant-pro
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,food-and-drink
VW Restaurant Pro WordPress Theme has been created by VWthemes(vwthemes.com), 2016.
VW Restaurant Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root {
  --white: #ffffff; --white1: #fcfcfc;--black: #000000;--black1: #666666;--gray1: #5b5b5b;--gray2: #bcbcbc;--gray3: #7e7e7e;--yellow: #ffd34e;--darkyellow: #f0c14b;--darkblue: #18304c;--darkgray2: #6e6e6e;--yellow2: #ffc000;--darkblue1: #001e44;--mangocolor: #f8d34e;--black2: #262626;--lightsky: #eeeff4;--lightgrayish: #bbbbbb;--lightgray: #cccccc;--lightgray1: #eeeeee;--darkpurple: #31708f;--darkred: #DA4141;--lightpurple: #d3ced2;--grey22: #848484;
}
:root {
  --common-font-m: "Montserrat";--common-font-d: "Droid Serif";--common-font-o: 'open sans';--common-font-w: 'Work Sans',sans-serif;--common-font-r: 'Raleway', 'Raleway', sans-serif;
}
*{   
    margin:0;
    padding:0;
    outline:none;
}
body{    
    margin:0;
    padding:0;
    -ms-word-wrap:break-word;
    word-wrap:break-word;
    background-color:var(--white);
    font:12px/22px var(--common-font-m);
    color:var(--gray1);
}
img{     
    margin:0;
    padding:0;
    border:none;
    max-width:100%;
    height:auto;
}
section img{    
    max-width:100%;
}
h1,h2,h3,h4,h5,h6{   
    margin:0;
    padding:10px 0;
}
h3 {
    margin: 0;
}
section h4 {
    padding: 0;
    color: var(--yellow);
    font-family: var(--common-font-d);
    font-size: 58px;
    margin: 0px;
    font-style: italic;
}
h5{
    font-family: var(--common-font-d);
    color:var(--black);
    font-size: 20px;
}
h6{
    font-family: var(--common-font-m);
    color:var(--black);
    font-size: 20px;
}
p{   
    margin:0;
    padding:0;
    font-size:16px;
    line-height:25px;
    font-family: var(--common-font-m);
}
a{   
    text-decoration:none;
    color:var(--black);
}
a:hover{     
    text-decoration:none;
    color:var(--black1);
}
a:focus,a:hover{    
    text-decoration:none !important;
}
ul, ol{  
    margin:0 0 0 15px;
    padding:0;
}
ul li a{
    font-family: var(--common-font-o);
    font-weight: 400;
}
:hover{ 
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.clear{ 
    clear:both;
}
input[type='submit']:hover{ 
    cursor: pointer;
}
.center{     
    text-align:center;
}
.middle-align{   
    margin:0 auto;
    padding:0 0 20px;
}
.wp-caption{     
    margin:0; 
    padding:0;
    font-size:13px;
    max-width:100%;
}
.wp-caption-text{    
    margin:0;
    padding:0;
}
.screen-reader-text {       
    position: absolute;
    top:-9999em;
    left:-9999em;
}
.gallery-caption{    
    margin:0;
    padding:0;
}
.alignleft, img.alignleft { 
    display: inline;
    float: left;
    margin-right:20px;
    margin-top:4px;
    margin-bottom:10px;
    padding:0;
    border:1px solid var(--lightgrayish);
    padding:5px;
 }
.alignright, img.alignright, .alignnone, .aligncenter{    
    display: inline;
    float: right;
    border:1px solid var(--lightgrayish);
    padding:5px;
    margin-bottom:10px;
    margin-left:25px;
}
.aligncenter, img.aligncenter{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
}
.comment-list .comment-content ul{  
    list-style:none;
    margin-left:15px;
}
.comment-list .comment-content ul li{   
    margin:5px;
}
.toggleMenu{    
    display:none;
}
.bypostauthor{   
    margin:0;
    padding:0;
}
section{     
    padding:2% 0;
    position:relative;
    margin:0 auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
input[type="text"],input[type="email"],input[type="phno"], textarea{    
    border:1px solid var(--gray2);
    width:100%;
    font-size:16px;
    padding:10px 10px;
    margin:0 0 23px 0;
}
textarea{
    height:111px;
}
input[type="submit"] {  
    border:2px solid var(--black);
    text-align:center;
    font-size:18px;
    padding:7px 20px;
    background:none;
    font-weight:bold;
    color:var(--black);
    margin-top:23px;
}
input[type="submit"]:hover{ 
    background: var(--yellow);
    color: var(--black);
}
#yellow-box input[type="submit"]:hover{ 
    background: var(--yellow);
    color: var(--black);
    border: 1px solid var(--black);
}
blockquote{ 
    padding:25px 20px 18px 20px !important;
    background-image: url(assets/images/openquote4.png);
    margin: 5px;
    background-repeat: no-repeat;
    text-indent: 40px;
}
.quote .caption {
    margin-bottom: 20px;
}
h4.text-left {
    text-align: left !important;
}
.postbox {
    margin-bottom: 39px;
    padding:15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid var(--lightgray);
}
.postbox.smallpostimage img {
    height: auto;
}
/*--------------------------  Index Page -------------------------- */
.postwrapper-box{
  border: 2px solid var(--lightgray1);
  margin: 1em 0;
}
.cat-box {
  background: url(assets/images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
 background: url(assets/images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
#sidebar ul li{
  background:url(assets/images/bullets-sidebar.png) no-repeat scroll 0 5px;  
}
/* Sweep To Right */
.hvr-sweep-to-right{    
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before{ 
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--yellow);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active{   
     color: var(--black);
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before{  
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active,.carousel-fade  .carousel-item-next.carousel-item-left,.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/* ---------Buttons--------- */
a.button-all{
    border:2px solid var(--black);
    color:var(--black);
    padding:8px 50px;
    margin:20px 0 0 0;
    font-weight:bold;
}
a.button{
    border: 2px solid var(--black);
    color: var(--black);
    font-size: 15px;
    padding: 9px 19px;
    margin: 20px 0 0 0;
    font-family: var(--common-font-m);
    letter-spacing: 1px;
}
/* ---------Image Hover--------- */
.view{  
    width: 100%;
    margin: 10px 0;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask, .view .content{    
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img{  
    display: block;
    position: relative;
    width:100%;
}
.view a.info{   
    background:url(assets/images/link.png) center no-repeat;
    display: inline-block;
    text-decoration: none;
    padding:0;
    text-indent:-9999px;
    width:20px;
    height:20px;
}
.second-effect .mask{   
    opacity: 0;
    overflow:visible;
    border:0px solid rgba(0,0,0,0.7);
    box-sizing:border-box;
    transition: all 0.4s ease-in-out;
}
.second-effect a.info{  
    position:relative;
    top: 37%;
    opacity:0;
    transform:scale(0,0);
    transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
#footer_part .gallery-image img {
    height: 70px;
    width: 100% !important;
}
.second-effect:hover .mask {    
    opacity: 1;
    border:100px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
    opacity:1;
    transform:scale(1,1);
    transition-delay:0.3s;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background:var(--mangocolor);
  border: 2px solid var(--black2);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: var(--white);
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 2px 15px !important;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: var(--white);
  top: 5px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
h2.widgettitle {
    color: var(--white);
    font-family: var(--common-font-o);
    margin-left: 4%;
    border-bottom: solid 2px var(--black);
    display: inline-table;
    margin-bottom: 3%;
    font-size: 23px;
}
table#wp-calendar th {
   color: var(--black);
   font-family: var(--common-font-o);
}
table#wp-calendar { 
   color: var(--black);
   font-family: var(--common-font-o);
}
input.search-field {
    padding: 17px 13px 13px 21px;
    border: solid var(--black);
    width: 80%;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--white) !important;
    text-align: left;
    font-size: 18px;
    border-bottom: solid 2px var(--black2);
    margin-bottom: 3%;
}
#footer_part table#wp-calendar th {
    color: var(--white) !important;
    font-family: var(--common-font-o);
}
#footer_part table#wp-calendar td a {
    color: var(--white) !important;
}
#footer_part table#wp-calendar {
    color: var(--white)!important;
}
#footer_part .tagcloud a {
    color: var(--white);
    font-size: 15px !important;
}
#footer_part a.rsswidget {
    color: var(--white);
}

/* ---------Homepage--------- */
section{    
    width:100%;
    margin:0 auto;
    position:relative;
}
/* ---------Top headings(common in all section)---------*/
.title{
    background-repeat: no-repeat;
}
.subtitle{
    font-family: var(--common-font-m);
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 40px 0;
    margin: 0 0 25px 0;
}
.leftimg{
    padding-right: 12px;
}
.rightimg{
    padding-left: 12px;
}
/* ---------Comments BOX--------- */
#comments{  
    margin-top:40px;
}
#comments h2.comments-title{    
    font-size:20px;
    font-weight:bold;
    border-top:2px dotted var(--gray3);
    padding:40px 0 0 0;
}
#comments h3.comment-reply-title{   
    font-size:20px;
    font-weight:bold;
}
#comments input[type="text"],#comments input[type="email"], #comments textarea{ 
    padding:12px 10px;
    font-size:18px;
    margin:20px 0 0 0;
}
#comments input[type="submit"].submit{  
    background-color: var(--yellow);
    padding:10px 20px;
    font-weight:bold;
    margin-top:20px;
    margin-left:0px;
    border: 1px solid var(--yellow);
    font-size: 16px;
}
#comments a.comment-reply-link{ 
    color: var(--black);
    background: var(--lightgray);
    padding:5px 15px;
}
#comments a.comment-reply-link:hover{   
    background: var(--yellow);
}
#comments a time{   
    color:var(--black);
    font-weight:bold;
    font-size:12px;
}
#content-vw #comments ol li{
    background:none;
    list-style:none;
    margin: 0 0 20px;
    padding: 20px;
    background:var(--lightgray1);
    display:inline-block;
    width:100%;
}
#content-vw #comments ul{   
    margin:0 0 0 0;
}
#comments .reply{   
    float:right;
}
#comments .comment-author{
    margin-bottom: 1em;
}
#comments .comment-metadata{    
    width:90%;
    float:left;
}
#comments .comment-content{ 
    width:90%;
    float:left;
    margin-left:7%;
}
#comments p {   
    width:90%;
    float:left;
}
#comments ol.comment-list {
    margin: 0px !important;
}
#comments h2#reply-title {
    display: inline-table;
}
#comments .comment-author.vcard img {
    border: 1px solid var(--black);
    padding: 2px;
}
/* ---------Gallery--------- */
#gallery p{ 
    text-align:center;
    font-size: 35px;
}
#gallery img{
    height:200px;
}
.gallery-image{
    margin-bottom:25px;
    display:flex;
}
.gallery-image img{
    height:200px;
    width:100%;
}
.gallery_img{
    width: 100%;
    height: 100%;
}
#TB_ajaxContent{
    padding: 1% !important;
    width:auto !important;
    height:auto !important;
}
#TB_ajaxWindowTitle{
    text-align:center;
    color: var(--darkblue1);
    text-transform: capitalize;
}
/* ---------Gallery pop-up start--------- */
.vw_overlay{
    display: block;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,0%,0.8);
    position: absolute;
    z-index: 999;
    text-align: center;
}
.vw_close_it{
    color: var(--lightgray);
    font-size: 1.3em;
    z-index: 99999;
    position: relative;
    left: 80.5%;
    cursor: pointer;
    top: 24px;
}
.vw_popup{
    z-index: 9999;
    position: absolute;
    left: 18%;
    width: 60%;
    border: 2px solid var(--lightgray);
}
i.fa.fa-times-circle-o {    
    font-size: 2em;
}

/* ---------CONTACT-BOX--------- */
section#contact-box{
    padding:0;
    margin:0;
}
.contact-info{
    color:var(--darkgray2);
    font-weight:bold;
    font-size:16px;
    line-height:26px;
}
.contact-info .head{
    color:var(--black);
}
.contact_form textarea{ 
    height: 75px;
}
.contact_form{
    background: var(--black);
    padding: 54px;
}
.contact_form p{
    color:var(--white);
    margin:0 0 15px;
}
.contact_form input[type="text"] ,.contact_form input[type="email"],.contact_form textarea {    
    width: 100%;
    background: var(--black2);
    border: 1px solid var(--black2);
    color: var(--white1);
    padding: 8px 10px;
    margin:5px 0 0 0;
}
.contact_form  input[type="submit"]{
    background:none;
    color:var(--white);
    padding:10px 50px;
    text-transform:uppercase;
    color:var(--white1);
    display:table;
    margin:0 auto;
    text-align:center;
    border: 2px solid var(--white);
}
.contact_form  input[type="submit"]:hover{
    background:var(--yellow);
    color:var(--black);
}
.newsletter{
    margin-top:60px;
}
.newsletter .section-title{
    font:400 24px var(--common-font-w);
    color: var(--black);
    margin: 0;
    padding-bottom: 3%;
    text-align: center;
    text-transform: uppercase;
}
.news-form input[type=text]{
    border-radius: 0;
    border: 2px solid var(--black);
    background: var(--yellow);
    padding: 5px 0;
    margin: 4% 0;
    text-align: center;
    font-size: 20px;
    color: var(--black);
    width: 100%;
}
.news-form ::-webkit-input-placeholder{
    color:var(--black);
}
.name-email input.placeholder{  
     text-align: center;
}
.name-email .Your-Name{
    padding-left:0;
}
.contact-name i,.contact-email i,.contact-call i,.contact-location i,.contact-information i{    
    text-align: center;
    font-size: 17px;
    background: var(--black);
    border-radius: 50%;
    padding: 12px;
    color: var(--yellow);
    margin-right: 1%;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], textarea,input[type="number"] {  
    border: 1px solid var(--gray2);
    width: 100%;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 0 23px 0;
    height: auto;
}
textarea{   
    height: 111px;
}
.form-1 input[type="submit"]{   
    background: url('assets/images/3.png') no-repeat 7px 15px;
    width:100%;
}
.news-form input[type="submit"] {
    border: 3px solid var(--yellow);
    background: var(--black);
    text-align: center;
    font-size: 14px;
    padding: 9px 0;
    color: var(--yellow);
    margin: 0px 0;
}
div.wpcf7-validation-errors{
    clear: both;
}
.contact_form input[type="text"] ,.contact_form input[type="email"],.contact_form textarea {    
    width: 100%;
    background: var(--black2);
    border: 1px solid var(--black2);
    color: var(--white1);
    padding: 8px 10px;
    margin:5px 0 0 0;
}
.contact_form  input[type="submit"] {   
    background:none;
    color:var(--white);
    padding:10px 50px;
    text-transform:uppercase;
    color:var(--white1);
    display:table;
    margin: 23px auto 0;
    text-align:center;
    border: 2px solid var(--white);
}
.contact_form  input[type="submit"]:hover{
    background:var(--yellow);
    color:var(--black);
}
h3.contact-page { 
    color: var(--black);
    border-bottom: solid 4px var(--yellow);
    display: table;
    margin-bottom: 7%;
}
.contact-location, .contact-call, .contact-email, .contact-information, .contact-name{  
    margin-bottom: 2%;
}
/*-- Calender CSS */
td,tr,th {
    padding: 5px;
    border: 1px solid var(--lightgray);
}
table#wp-calendar{
  width: 100%;
  color: var(--black) !important;
}
td#today {
    background: var(--black);
    color: var(--white);
    text-align: center;
}
table#wp-calendar caption{
    text-align: center;
}
/*-- End Calender CSS */
ul#menu-main {
    margin: 1em 0;
}
li.menu-item {
    text-align: left;
    margin-bottom: 0.7em;
    margin-top: 13%;
}
.blog-icon i {
  font-size: 20px;
  border-radius: 50%;
  padding: 12px;
  color: var(--white);
  margin-right: 2%;
  width: 40px;
  height: 40px;
  background: var(--yellow);
}
.blog-icon i:hover{
  background: var(--yellow);
  color:var(--white) !important;
}
/* Slider */
.carousel-indicators .active{ 
  border:1px solid var(--yellow2);
  background-color:var(--yellow2) !important;
} 
.content{ 
  margin-top:20px;
} 
.adjust1{ 
  float:left;
  width:100%;
  margin-bottom:0;
  margin-top: 4%;
}
.adjust2{ 
  margin:0; 
} 
.adjust1 .description {
    padding: 9% 2%;
}
.carousel-indicators li{ 
  border :1px solid var(--white);
  background-color: var(--white)!important;  
} 
.carousel-control{ 
  color:var(--darkpurple);
  width:5%;
} 
.carousel-control:hover,.carousel-control:focus{ 
  color:var(--darkpurple);
} 
.carousel-control.left,.carousel-control.right { 
  background-image: none;
}
.media-object{ 
  margin:auto;
  margin-top:15%;
}
.carousel-control.right{
  background-image: none !important;
} 
 .carousel-control.left{
  background-image: none !important;
}
.thumbnail{
  border: none !important;
}
blockquote{
  border-left: none !important;
}
.cust-head{
    text-decoration: underline; color: var(--darkred); text-transform: uppercase;
}
/*------------------------------------ About page template ---------------------------------*/
.client.test_bg.row {
   margin:0 !important;
}
#about h3{
    font-family: var(--common-font-m);
    font-size: 38px;
    color: var(--black);
}
.meet_chef h3{
    color:var(--yellow) !important;
}
.taste_pre h3{
    text-align:left !important;
}
.taste_pre {
    margin: 20px 0;
}
.taste_pre p{
    margin-bottom: 30px;
}
#about .subtitle {
    color: var(--white);
    font-weight: normal;
   font-family: var(--common-font-o);
    font-size: 18px;
}
.meet_chef {
    padding: 2em 0;
}
.choose-button {
    text-align: center;
    margin: 0 auto;
}
/*------------------------------------ woocommerce css ----------------------------*/
.woocommerce ul.products li.product:hover .button {
    display: block;
    position: relative;
    top: 0;
    color: var(--black);
    opacity: 1;
    border: 1px solid var(--white);
    background: var(--darkyellow);
}
.woocommerce .products ul li, .woocommerce ul.products li {
    background: var(--lightsky);
    box-shadow: 7px 6px 5px rgba(136, 136, 136, 0.68);
}
.woocommerce ul.products li.product:hover .boxwrap {
    display: none;
}
.woocommerce ul.products li.product .button{
  opacity: 0;
  margin-top: 0em;
}
.boxwrap {
    height: 70px;
}
.woocommerce div.product .product_title {
    font-family: var(--common-font-m);
    font-size: 23px !important;
}
.woocommerce .quantity .qty {
    padding: 4px 0;
}
.woocommerce div.product form.cart .button {
    background-color: var(--yellow);
    color: var(--black);
}
.woocommerce ul.products li.product .star-rating {
  font-size: .857em;
  float: none;
  margin: 10px auto;
  display: block;
  color: var(--darkyellow);
}
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .woocommerce-loop-product__title {
  text-align: center;
  color: var(--black);
}
.woocommerce div.product p.price{
  color: var(--black);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--black);
    background-color: var(--yellow);
}
span#reply-title {
  display: inline-block;
  margin-bottom: 10px;
}
.woocommerce span.onsale{
    background-color: var(--yellow);
    color: var(--black);
    border-top-left-radius: 23px;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    border: 1px solid var(--black);
}
.woocommerce .woocommerce-breadcrumb {
    margin: 2em 0;
    font-size: 16px;
    color: var(--darkblue);
}
.woocommerce a.added_to_cart {
    display: table;
    text-align: center;
    margin: 0 auto;
    color: var(--black);
}
select.orderby {
    background: var(--white);
    padding: 6px 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 15px;
    font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  text-align: left;
  font-family: var(--common-font-r);
  font-size: 16px;
}
.woocommerce div.product form.cart {
  margin: 2em 0;
}
li.woocommerce-MyAccount-navigation-link {
  padding: 0 1em;
  list-style: none;
}
li.woocommerce-MyAccount-navigation-link a {
  color: var(--white);
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  margin-left: 0;
  margin-bottom: 3em;
}
li.woocommerce-MyAccount-navigation-link {
  margin: 0 1em 0 0;
  list-style: none;
  background: var(--black);
  padding: 4px 13px;
}
a.checkout-button.button.alt.wc-forward {
    background: var(--yellow) !important;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 6px 10px 5px !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    background: var(--yellow) !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    max-width: 100%;
}
.woocommerce div.product form.cart .variations select {
    color: var(--black) !important;
}
img.attachment-shop_single.size-shop_single.wp-post-image {
    margin-bottom: 3%;
    border: 2px solid var(--lightgrayish);
}
img.attachment-shop_single.size-shop_single.wp-post-image:hover {
    border: 2px solid var(--yellow);
}
.woocommerce div.product form.cart .variations td.label {
    padding-right: 1em;
    padding-left: 7px;
}
.woocommerce-product-gallery__image {
    margin: 5px;
}
.woocommerce div.product form.cart .reset_variations {
    border: 1px solid var(--black);
    background: var(--yellow);
    padding: 4px;
    color: var(--black);
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 10px;
    border: 1px solid var(--lightgray);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0 0 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 0px solid var(--lightpurple);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}
/*------------------------------------ Index css ---------------------------------*/
.post-wrapp h3.section-title a, .date-box a {
    color: var(--black) !important;
}
.sticky{ 
  margin:0;
  padding:0;
  background-color: rgba(204, 204, 204, 0.56);
  padding: 10px;
  border: 1px solid var(--lightgray);
}
.postwrapper-box {
  border: 1px solid var(--lightgray);
  margin: 2% 0;
  padding: 10px;
}
.post-wrapp {
    border: 1px solid var(--lightgray);
    padding: 10px;
    margin-bottom: 10px;
}
.page-index .box-image{
    height: auto;
    width: auto;
}
.page-index{
    margin:10px 0;
}
/* End Index css*/
.carousel-item-next, .carousel-item-prev, .carousel-item.active{
  display: block !important;
}
#slider h4{
  background:url(assets/images/welcome.webp) center no-repeat !important;  
}
#slider h2{
  background:url(assets/images/border.webp) no-repeat scroll center bottom !important;  
}
.related-post-wrapper{
    float: left !important;
}
.metabox .entry-date{
   background:url(assets/images/date.png) no-repeat 1px;
    padding: 0 0 0 20px;
    margin:0 20px 0 0;
}
.metabox .entry-author{
    background:url(assets/images/author.png) no-repeat 1px;
    padding: 0 0 0 20px;
    margin:0 20px 0 0;
}
.metabox .entry-comments{
    background:url(assets/images/comments.png) no-repeat 1px;
    padding: 0 0 0 20px;
}

/* ----------- Spinner ------------- */

.final-loader-loading-box
{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--mangocolor);
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.final-loader-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.final-loader-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid var(--white);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.final-loader-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}