/*
Theme Name: VW Spa Lite
Theme URI: https://www.vwthemes.com/themes/wp-salon-spa-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: VW Spa Lite is a free multipurpose WordPress theme for people that are in the business of spa salons & beauty. This free beauty theme is made for people in business of spa, health care, beauty salons, girly, hair, health, hospitality, massage, medical, parlor, physiotherapy, wellness, yoga, health blog and various types of business websites. This is specially built for spa websites. This theme is responsive and compatible with the latest version of WordPress. VW Spa Lite Theme is cross browser compatible and performs well with any browser. The theme is well checked and improved for speed and faster page load time. Because of its secure and clean code, it gives a user-friendly customization experience. This translation ready responsive theme is well suited with well-known plugins like Contact form 7 and WooCommerce. Using customizer, it becomes very easy to manage the settings. It is developed keeping in mind the visitors' engagement, therefore the Spa and Salon will help you to produce professional looking excellent websites. Furthermore, it's vast personalization options make it a highly intuitive platform to develop beautiful websites. Comprising of about section, service section, testimonial section as well as the breadcrumbs, header phone number display and social media integration, this theme is unique in its own. Take advantage of this chance and claim a theme now. This clean and simple, spa theme is made for your health facility, health club, sanitarium and sauna website. No need to worry about getting a position on Google because it is completely SEO friendly. Our free Spa lite theme is made to set up your webpage. We offer premium themes as well that can do a lot more than just setting up your website. Upgrading to premium will see you getting an upgrade in all aspects; your website will be revamped in a totally new fashion that will be way more appealing to viewers than before. So upgrade to premium and enjoy the benefits of seamless customer support and exclusive features. Check demo at: https://www.vwthemes.net/vw-spa-theme/
Tested up to: 5.5.1
Requires PHP: 7.2.14
Version: 1.6.2
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vw-spa-lite
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, buddypress, full-width-template, post-formats, flexible-header, featured-image-header, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, entertainment, e-commerce

VW Spa Lite WordPress Theme has been created by VW Themes(vwthemes.com), 2017.
VW Spa Lite WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{
  margin:0;
  padding:0;
  outline:none;
}
html {
  overflow-x: hidden;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color:#000;
  font-family: Open sans;
  overflow-x: hidden;
}
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;
  font-family: playball;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  line-height:1.5;
  font-weight:normal;
  color: #565656;
}
a{
  text-decoration:none;
  color:#000;
}
a:hover{
  text-decoration:none;
  color:#751b39;
}
a:focus,a:hover{
  text-decoration:none !important;
}
a:focus,
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="phno"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus, 
textarea:focus,
input[type="submit"]:focus,
#comments:focus,
select:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
  text-decoration:none !important;
}
.toggle-nav button:focus, #header .logo a:focus, #header .book-btn a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
  text-decoration:none !important;
}
ul{
  margin:0 0 0 15px;
  padding:0;
}
:hover{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 0.3s;
}
select{
  width:100%;
}
aside{
  clear:both;
}
.clear{
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.middle-align{
  margin:0 auto;
  padding:20px 0 20px;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}

/*---------- WIDE BLOCKS ------------*/

.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
  margin:0;
  padding:0;
  background-color:#d7d7d7;
}
.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 #bbb;
  padding:5px;
}
.alignright, img.alignright {
  display: inline;
  float: right;
  border:1px solid #bbb;
  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;
}
#respond{
  clear:both;
}
.toggleMenu{
  display:none;
}
.bypostauthor{
  margin:0;
  padding:0;
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}
textarea{
  height:111px;
}
input[type="submit"] {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 9px 20px;
  background: #751b39;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
}
input.search-field {
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
}
input[type="submit"]:hover{
  background:#272727;
}

/* ---------Buttons--------- */
a.button{
  background:#333;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight:bold;
}
/* --------- service section ---------*/
#amazing-service{
  margin: 2% 0;
}
.heading-line {
  text-align: center;
  margin-bottom: 4%;
}
.heading-line h2 {
  color: #000;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0px;
  text-transform: capitalize;
}
.heading-line p {
  font-size: 12px;
  letter-spacing: 1px;
  color: #777474;
}
.amazing-box {
  text-align: center;
  background: #d6abba;
  border: 4px solid #cca4b1;
  border-radius: 5px;
  margin-bottom: 25%;
}
.amaze-con-box{
  margin-bottom: 5%;
}
.amaze-img-box img {
  margin-top: -20%;
  border-radius: 50%;
  border: solid 3px #cca4b1;
  width: 50%;
  height: 150px;
}
.images_border {
  margin-bottom: 8%;
}
.amazing-box a {
  font-size: 14px;
  font-weight: 600;
}
.amazing-box h3 {
  font-size: 30px;
  font-weight: normal;
  text-transform: capitalize;
  margin-top: 0;
}
.amazing-box p {
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #474747;
  letter-spacing: 1px;
  margin-bottom: 0px;
}
/*service section end*/

/* ---------HEADER--------- */
.page-template-custom-front .header-image.bg-image{
  display:none;
}
.header-image.bg-image img{
  width: 100%;
  display: none;
}
.spa-topbar .custom-social-icons h3{
  display: none;
}
.spa-topbar .custom-social-icons {
  text-align: right;
}
.spa-topbar .custom-social-icons a{
  color: #fff;
}
.custom-social-icons i {
  color: #fff;
  font-size: 15px;
  margin-right: 20px;
}
.social_widget {
  text-align: right;
}
.custom-social-icons a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}

span.call i,
span.email-spa i {
  margin-right: 1%;
}
span.call,
span.email-spa {
  font-size: 15px;
  margin-right: 3%;
}
.spa-topbar{
  color: #fff;
  background: #751b39;
  padding: 10px 0;
}
.page-template-custom-front #header{
  width: 100%;
  z-index: 999;
  position: absolute;
  background: transparent;
  border: none;
}
#header{
  border-top: 1px solid #fff;
  background: #751b39;
  position: static;
}
#header .logo{
  margin:0;
  padding: 0px 10px;
}
#header .logo h1{
  padding:0px;
}
#header .logo h1 a{
  text-transform:capitalize;
  padding:0px;
  margin-bottom:8px;
  font-size:30px;
  font-weight:bold;
  margin-top: 0;
  text-align:center;
  color: #fff;
}
#header .logo h1{ 
  font-weight:700;
  text-transform:uppercase;
  padding:0;
  font-size:30px;
  font-weight:bold;
  margin-top: 10px;
}
#header .logo p.site-title{
  margin-top: 27px;
  line-height: 0px;
  padding: 0;
  font-family: playball;
}
#header .logo a{ 
  color:#eae8e8;
  font-size: 30px;
  font-weight: bold;
}
#header .logo h1 a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
#header .logo p{
  font-size:12px;
  color: #fff;
}
#header .book-btn a {
  background-color: #add8e6;
  color: #000000;
  border-radius: 7px;
  padding: 9px 15px;
  text-transform: uppercase;
  font-weight: bolder;
}
#header .book-btn a:hover {
  background-color: #751b39;
  color: #fff;
}
#header .book-btn {
  margin-top: 30px;
}
/* --------- MENUS CSS --------- */
#mySidenav {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.main-navigation li{
  display: inline-block;
  position: relative;
}
.main-navigation a{
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  padding: 7px 15px;
}
.main-navigation a:hover{
  color: #aed8e6;
}
.main-navigation a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  background: #fff;
  min-width: 200px;
  z-index: 9999;
  top: 90%;
  border-top: 4px solid #751b39;
  border-bottom: 4px solid #751b39;
  line-height: 30px;
  border-radius: 5px;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0%;
}
.main-navigation ul ul a{
  color: #000 ;
  border: none;
  padding: 5px 10px ;
  border-bottom: 1px solid #eaeaea;
  margin-top: 2px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}
.main-navigation ul.sub-menu a:hover{
  color: #751b39 ;
  padding-left: 50px !important;
}
.main-navigation ul.sub-menu>li>a:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  margin-top: 15px;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  background: #222;
}
.main-navigation ul.sub-menu>li>a:hover:before {
  opacity: 1;
  left: 15px;
  width: 20px;
}
.main-navigation ul ul a:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.main-menu {
  padding: 1.5em;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}

/* Homepage */
.date-box {
  margin: 5px 0;
}
.date-box i,
.cat-box i {
  font-size: 16px;
  margin-right: 5px;
}
.post-section .box-content{
  margin:0 0 15px 0;
}
.post-section .page-box h2 {
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
}
.post-section .page-box h4 a{
  color:#333333;
}
.post-section .page-box h4 a:hover{
  color:#751b39;
}
.post-section .page-box p {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.55);
  line-height: 25px;
  letter-spacing: 1px;
}
.post-section .services-box {
  margin: 20px 0;
  background: #fff;
  border: solid 1px #c7c7c7;
  padding: 15px;
}
.row.box-content.text-center {
  padding-bottom: 9%;
}
.entry-audio audio,
iframe {
  width: 100%;
}
/*------related post-----*/
.related-post {
  clear: both;
}
.related-post h3 {
  padding: 15px 0px 0px !important;
  margin: 0 !important;
}
.related-post h2{
  margin: 0px !important;
}
.related-post .services-box {
  margin-top: 20px;
  border: solid 1px #c7c7c7;
  padding: 10px;
}

/* Headings */
section h2{
  font-weight:bold;
  text-align:center;
  margin:0 0 45px;
  padding:0;
  text-transform:capitalize;
}
section h3{
  font-weight:bold;
  margin:30px 0 0 0;
}
section h4{
  color:#000;
  font-weight:bold;
  font-size:20px;
}
section h5{
  color:#3890cb;
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}
.box-content h3{
  color:#000;
  font-weight: bold;
}
.text-center{
  text-align: center!important;
}
#amazing-service a.r_button:hover{
  color: #891638
}
a.r_button {
  padding: 0.5em 2em;
  color: #000;
}
.innerlightbox{
  background-size:100% 100%;
  padding:2.5em 0 0 0;
  color:#000;
}
/*---------Sticky Header---------*/
.header-fixed {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #751b39;
  z-index: 999999;
  border-bottom: 2px solid #000;
}
/*----------- PRELOADER ----------*/
#preloader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
  height: 100%;
}
#status  {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/* Footer Section */
.scrollup i {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  font-size: 20px;
  display: none;
  color: #fff !important;
  padding: 10px;
  background: #751b39;
}
.scrollup.left i{
  left: 10px;
}
.scrollup.center i{
  left: 50%;
  right: 50%;
}
/* Footer Section */
.footer-sec .widget {
  padding-bottom: 4%;
}
.tagcloud a {
  color: #bbb;
}
.footer-sec .widget ul li a {
  color: #bbb;
  font-size: 15px;
}
.footer-sec  .widget ul {
  margin: 0;
}
.footer-sec  .widget ul li {
  list-style: none;
  padding: 4px 0;
}
#wp-calendar td#prev a {
  color: #565656;
}
 #wp-calendar caption {
  font-weight: bold;
  font-size: 20px;
}
table#wp-calendar{
  width: 100%;
}
#wp-calendar table,#wp-calendar th,#wp-calendar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#wp-calendar td {
  padding: 8px;
  color: #565656;
}
.footer #wp-calendar td, .footer #wp-calendar th, .footer #wp-calendar td#prev a, .footer p {
  color: #fff;
}
.footer td a{
  color: #fff;
}
#wp-calendar th {
  text-align: center;
  padding: 10px;
  color: #565656;
}
.widget select {
  color: #333;
  padding: 10px 0;
  font-size: 15px;
}
.footer{
  background:#272727;
  text-align:center;
  color:#fff;
  padding-top:2%;
  text-align:left;
}
.footer h3 {
  text-align: left;
  font-size: 30px;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #748e9b;
  padding: 0 0 10px 0;
  letter-spacing: 2px;
}
.footer p{
  font-size: 14px;
}
.footer p a{
  color:#ffffff;
}
.text_2 ul{
  list-style: none;
}
.text_2 ul a,
.footer ul li.current_page_item a {
  color:#fff!important;
}
.footer .news-form{
  margin-top:24px;
}
.footer input[type="text"]{width:60%;
  padding:8px 5%;
  float:left;
  margin-right:2%;
  border-radius:5px;
}
.footer input.search-field, .post-password-form input[type=password]{
border: none;
}
.footer input[type="submit"]{
  border: none;
  background: #751b39;
  border-radius: 0;
  margin: 0;
  font-size: 15px;
  width: 100%;
  border-radius: 3px;
}
.footer .copyright{
  padding: 15px 0;
  text-align: center;
  background: #751b39;
}
.footer .copyright p,
.footer .copyright a{
  margin-bottom: 0px;
  font-size: 15px;
  font-family: playball;
  letter-spacing: 2px;
  color: #fff;
}
.footer a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.footer label {
  width: 100%;
}
.footer h3.widget-title a.rsswidget{
  color: #fff;
}
.footer caption{
  color: #fff; 
}
/*------------- About us widgets --------------*/
.footer .more-button, .sidebar .more-button {
  margin: 10px 0px 10px 0px;
}
.sidebar a.custom_read_more, .footer a.custom_read_more {
  background: #751b39;
  border: none;
  color: #fff;
  padding: 10px 15px;
  font-size: 14px;
  margin: 0;
  border-radius: 3px;
}
.footer p.custom_author, .sidebar p.custom_author {
  font-size: 20px;
  font-weight: 600;
  margin: 0px;
  padding: 10px;
}
.footer p.custom_designation, .sidebar p.custom_designation {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 5px 0px;
}
.sidebar a.custom_read_more:hover, .footer a.custom_read_more:hover {
  background:#272727;
}
.footer a.custom_read_more:hover {
  background: #fff;
  color: #751b39;
}
.custom-about-us h3.custom_title {
  text-align: left;
}
.custom-about-us {
  text-align: center;
}
.footer .custom-contact-us label, .footer .custom-contact-us input[type="text"], .sidebar .custom-contact-us input[type="submit"], .sidebar .custom-contact-us label{
  width: 100%;
  border-radius: 0px;
}
.sidebar .custom-about-us img{
  padding: 10px;
}
/*------------- Contact us widgets --------------*/
.custom_details {
  font-size: 15px;
  font-weight: bold;
}
.custom-social-icons input[type="text"], .custom-social-icons input[type="email"], .custom-social-icons textarea {
  margin: 0;
  background: transparent;
}
form.wpcf7-form {
  margin-top: 20px;
}
.sidebar .custom-contact-us form {
  text-align: left;
}
.footer-block .custom-about-us .container, .footer-block .custom-contact-us .container {
  max-width: 100%;
  padding-left: 0;
}
.sidebar .custom-contact-us p {
  padding: 0px 15px !important;
}
.sidebar .custom-contact-us embed {
  padding: 10px;
}
/* Woocommerce Footer css */
.footer-sec  .widget.woocommerce .cart_list li{
  padding-bottom: 10px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
  height: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
  margin: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{
  top: 5px;
}
.woocommerce .widget_shopping_cart ul.cart_list li{
  background: none;
}
.sidebar .widget_rating_filter ul li,
.sidebar .woocommerce ul.cart_list li, .sidebar .woocommerce ul.product_list_widget li{
  padding: 0 0 10px 25px;
}
.widget .woocommerce-product-search button[type="submit"]{
  background: #751b39;
  color: #fff;
  padding:10px;
  width: 100%;
  border:none;
  margin-top: 8px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #751b39;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
.footer-sec .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 6px 0;
}

/* Woocommerce CSS */
.select2-container--default .select2-selection--single{
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
  top: 2px;
  left: 6px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
}
.woocommerce-message{
  border-color: #751b39;
}
.woocommerce-message::before{
  color: #751b39;
}
.woocommerce span.onsale{
  background: #751b39;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: center !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: #751b39;
  color: #fff !important;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #751b39;
  padding: 12px !important;
  margin-bottom: 10px !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.woocommerce-input-wrapper,
.woocommerce label {
 width: 100%;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper,
.woocommerce label {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
nav.woocommerce-MyAccount-navigation ul li a,  .woocommerce-MyAccount-content a, td.product-name a, a.shipping-calculator-button, a.showcoupon{
  text-decoration: none !important; 
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
  font-size: 22px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #747474;
  margin: 1em 0 1em;
}
.woocommerce a.remove, .woocommerce form .form-row .required{
  color: #e10000 !important;
}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
  border-radius: 0px;
}
.woocommerce input#password {
  border: 1px solid #bcbcbc;
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  border: 1px solid #dee2e6;
  background: #222;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #751b39;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #751b39;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 20px;
}
/* Woocommerce CSS End*/
/*-----Blog Page----------*/
.metabox{
  color: #000;
  clear: both;
  font-size: 12px;
  letter-spacing: 1px;
  background: #f1f1f1;
  padding: 10px;
  margin-bottom: 15px;
}
.metabox span{
  margin-right: 10px;
}
.metabox i{
  margin-right: 5px;
}
.single-post h1{
  text-transform: capitalize;
}
.tags a{
  text-decoration: none!important;
  font-weight: 400;
  /*border-radius: 3px;*/
  color: #121212!important;
  background: #f8f8f8;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  font-size: 15px;
}
.single-post .entry-content p{
  margin: 15px 0 20px 0;
}
.nav-previous a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: left;
  background: #222;
}
.nav-next a{
  padding: 15px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 13px;
  font-weight: bold;
  text-align: right;
  background: #222;
}
.nav-previous a:hover, .nav-next a:hover {
  background: #751b39;
  color: #fff;
  transition-duration: 0.5s;
}
/* --------- POST --------- */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a{
  color: #751b39;
  text-decoration: underline;
}
.textwidget p a{
  text-decoration: underline;
}

/* Comments BOX */
#comments{
  margin-top:40px;
}
#comments h2.comments-title{
  font-size:22px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:20px 0 0 0;
  margin: 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#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: #751b39;
  padding:10px 30px;
  text-transform:uppercase;
  font-weight:bold;
  border: none;
}
#comments input[type="submit"].submit:hover{
  background: #272727;
}
#comments a.comment-reply-link{
  color:#fff;
  background:#751b39;
  padding:5px 15px;
  border-radius: 3px;
}
#comments a.comment-reply-link:hover{
  background:#cecece;
  color: #000;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.content-vw #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#f8f8f8;
  display:inline-block;
  border: 1px solid #ddd;
}
.content-vw #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}
#comments p {
  width:86%;
  float:left;
}
#comments .comment-author {
  width: 50%;
  float: left;
}
.comment-meta.commentmetadata {
  float: right;
  width: 50%;
  text-align: right;
}
.reply {
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i{
  padding: 25px 16px;
  background-color: rgb(190, 162, 109, 0.5);
  color: #fff;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  background:transparent;
}
#slider .carousel-control-prev,#slider .carousel-control-next{
  width: 4%;
}
#slider .carousel-caption{
  top: 50%;
  transform: translateY(-50%);
  right: 30%;
  left: 30%;
}
#slider .inner_carousel h1 {
  color: #891638;
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
}
#slider .inner_carousel h1 a{
  color: #891638;
}
#slider .inner_carousel p {
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 15px;
  color: #fff;
}
#slider .inner_carousel {
  text-align: center;
  width: auto;
  background-color: rgb(190, 162, 109, 0.8);
  padding: 25px;
  opacity: 0.7;
}
#slider .more-btn a{
  font-weight: bold;
  font-size: 21px;
  letter-spacing: 2px;
  color: #000;
  font-family: playball;
}
#slider .more-btn a:hover{
  color: #891638;
}
/* Sidebar */
.footer .custom-social-icons i {
  color:#bbb;
  font-size: 15px;
  margin-right: 2%;
  border:1px solid;
  margin: 5px 0;
  padding:10px;
}
.footer .social_widget,
.sidebar .social_widget {
  text-align: center;
}
.sidebar .custom-social-icons i {
  color:#751b39;
  font-size: 15px;
  margin-right: 2%;
  border:1px solid;
  margin: 5px 0;
  padding:10px;
}
.footer .custom-social-icons i:hover,
.sidebar .custom-social-icons i:hover{
  color: #fff;
  background: #751b39;
}
.sidebar {
  border: 1px solid #c7c7c7;
  background: #fff;
  padding: 15px;
  margin-top: 2%;
  margin-bottom: 10%;
}
.sidebar form{
  display: table;
  width: 100%;
}
.sidebar h3{
  margin:0 0 25px !important;
  padding:8px 15px !important;
  font-weight:normal;
  font-size:20px !important;
  color: #fff;
  background:#751b39;
  border-radius: 3px;
}
.sidebar input[type="search"]{
  background:#fff;
  padding:10px;
  border:1px solid #eee;
  font-size:15px;
  color:#000;
  width:100%;
}
.sidebar label{
  width:70%;
  float:left;
  margin-bottom:0;
}
.sidebar input[type="submit"]{
  background:#751b39;
  border:none;
  color:#fff;
  padding:11px 0;
  width:30%;
  font-size:14px;
  float:left;
  margin:0;
}
.sidebar input[type="submit"]:hover{
  background:#272727;
}
.sidebar aside{
  margin-bottom:30px;
  background:#fff;  
}
.sidebar ul,
.content_sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:16px;
}
.sidebar ul.sub-menu li {
    margin: 0;
    padding-left: 10px;
}
.sidebar ul.sub-menu li a{
  padding-left: 20px;
}
.sidebar ul li{
  background:url('images/bullets-sidebar.png') no-repeat scroll 0 7px;
  margin:0 0 0px 10px;
  padding:0 0 12px 33px;
}
.sidebar ul li a{
  color:#000;
}
.sidebar ul li a:hover{
  color:#751b39;
}
.sidebar .tagcloud a,
.footer .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:5px;
  display:inline-block;
  border: solid 1px #000;
}
.sidebar .tagcloud a:hover,
.footer .tagcloud a:hover{
  background: #751b39;
  color: #fff;
}
.sidebar h3.widget-title a.rsswidget{
  color: #fff;
}
/*-------------- Pagination-----------*/
.nav-previous{
  clear:both;
}
.nav-previous,
.nav-next{
  float:left;
  width:50%;
  margin: 1% 0 0 0;
}
.nav-next{
  text-align:right;
}
.nav-previous{
  text-align:left;
}
.nav-previous a,
.nav-next a {
  font-size: 15px;
  display: inline-block;
  margin-bottom: 10px;
}
.nav-next {
  float: right;
  width: 50%;
  text-align: right;
}
.nav-previous {
  width: 50%;
  float: left;
  text-align: left;
}
.single-post .post-navigation a {
  color: #1a1a1a;
}
.single-post .nav-previous a,
.single-post .nav-next a{
  color: #000;
  background: transparent;
}
.single-post .nav-previous a:hover,
.single-post .nav-next a:hover {
  color: #751b39;
  background: transparent;
  transition-duration: 0.5s;
}
.single-post .post-navigation span.meta-nav {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 20px;
}
.post-navigation .nav-links {
  position: relative;
}
.nav-links {
  margin-bottom: 20px;
}
.post-navigation .post-title {
  display: none;
}
.nav-previous span.meta-nav:before {
  content: "\f30a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-right: 10px;
}
.nav-next span.meta-nav:after {
  content: "\f30b";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 18px;
  margin-left: 10px;
}
.post-navigation span {
  display: block;
}
.post-navigation a:hover {
  color: #751b39;
}
/* Page */
.content-vw p{
  text-align:justify;
  line-height: 25px;
  font-size: 16px;
  margin:0 0 20px 0;
}
.content-vw hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin: 15px 0px 0px 0px;
  clear:both;
}
.content-vw h1{
  margin: 0;
}
.content-vw h2{
  font-size:32px;
  padding:0;
  margin:0 0 25px;
}
.content-vw h3{
  font-size:36px;
  padding:0;
  margin:0 0 25px;
}
.content-vw h4{
  font-size:20px;
  padding:0;
  margin:0 0 25px;
}
.content-vw h5{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
}
.content-vw h6{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
}
.content-vw ul{
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
.content-vw ul li{
  padding:0 0 0 35px;
  margin:0 0 20px 0;
  line-height:25px;
}
.content-vw ul li ul li ul li{
  width:50%;
}
.content-vw ol{
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
.content-vw ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}
.read-moresec{
  margin:2% 0;
}
.page-content{
  margin: 5px 0px 30px 0px;
}
.page-content, .page-content p{
  text-align: center;
}
.page-content p{
  margin: 0 0 5px 0;
}
.page-content .read-moresec a.button {
  background: #751b39;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 3px;
}
.page-content .read-moresec a.button:hover{
  background: #272727;
  color: #fff;
}
/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px; /* Pagination text size */
  line-height:13px;
  float:right; /* Pagination float direction */
  font-weight:bold;width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; /* Pagination text color */
  background: #222 ; /* Pagination non-active background color */
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover{
  color:#fff;
  background: #751b39; /* Pagination background on hover */
} 
.pagination .current{
  padding:10px 15px;
  background: #751b39; /* Current page background */
  color:#ffffff;
  font-weight:normal;
}
.content-vw .pagination ul{
  margin:0;
  clear:both;
}
.content-vw .pagination ul li{
  margin:0;
}
/* -----------------Media-------------------- */
@media screen and (max-width:720px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    width: 100% !important;
    margin: 0 0 6% 0 !important;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  .content-vw #comments ol li {
    padding: 10% 0 0 2% !important;
  }
  .comment-author img {
    border: solid 1px;
  }
  #comments .reply {
    float: left !important;
  }
  .amazing-box {
    margin-bottom: 25%;
  }
  .images_border {
    margin-bottom: 20%;
  }
  .spa-topbar,
  .spa-topbar .custom-social-icons{
    text-align: center;
  }  
  .post-navigation span.meta-nav {
    font-size: 10px;
    padding: 12px;
  }
}
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus, .main-navigation a:focus{
    outline: 1px dotted #000;
    border-bottom: 1px solid #000;
  }
  .toggle-nav {
    display: none;
    position: relative;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    top: 20px;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #000;
    padding: 10px;
    background: #add8e6;
    border-radius: 7px;
  }
  .toggle-nav button {
    background: transparent;
    border: none;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: -110%;
    overflow-x: hidden; 
    overflow-y: scroll;
    background: #fff ;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    cursor: zoom-in;
  }
  .sidenav.show {
    visibility: visible;
    top:0%;
  }
  .sidenav .closebtn {
    position: absolute;
    right: 25px;
    font-size: 36px;
    display: block !important;
    color: #000;
    padding: 0;
    top:0;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-nav{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .main-navigation ul{
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center; 
    margin-top: 0px;
    float: none;
  }
  .main-navigation ul ul li{
    display: block;
  }
  .menubar .nav ul li{
    border-top:1px #f1f1f1 solid; 
    display:block;
  }
  .main-navigation ul li a{
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    display: block; 
    transition: 0.3s;
    float: none;
    margin: 5px 0;
    border-right: none;
    border-top: 1px solid #f1f1f1;
  }
  .main-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .main-navigation ul.sub-menu a:hover{
    padding-left:20px !important;
    background: #fff !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
  }
  .main-navigation ul ul a{
    border-bottom: none;
    text-align: center;
    padding-left: 40px;
  }
  .main-navigation ul ul ul.sub-menu a{
    padding-left: 40px;
  }
  .main-navigation li{
    padding: 0;
    display: block;
    text-align: center;
  } 
  .main-navigation ul li:last-child{
    border-bottom: 1px #f1f1f1 solid;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #mySidenav {
    text-align: left;
    display: inline;
  }
  .main-menu {
    padding: 0em;
    padding-top: 50px;
  }
  .main-navigation ul.sub-menu>li>a:before {
    content: unset;
  }
  .main-navigation ul.sub-menu>li>a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }
  .sf-arrows .sf-with-ul:hover:after,
  .main-navigation ul li li:hover .sf-with-ul:after{
    content: '\f107';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #000;
  }
  .sf-arrows .sf-with-ul:after{
    content: '\f106';
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: #000;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin-top: 0px;
    font-size: 12px;
    padding: 0px 10px;
  }
}
@media screen and (max-width: 991px){
  .post-section .box-image {
    margin: 0 0 25px 0;
    width: 100%;
    left: 0;
    right: 0;
  }
  .post-section .page-box{
    margin-bottom: 18%;
  }
}
@media screen and (max-width:767px){
  .page-template-custom-front #header{
    position: static;
    background: #751b39;
    border-top: 1px solid #fff;
  }
  .contact-details,span.call{
    margin-bottom: 7px;
  }
  span.email-spa{
    display: block;
  }
  #slider .inner_carousel h1,
  #slider .inner_carousel p{
    display: none;
  }
  #header .book-btn{
    margin: 15px 0;
  }
  #header .logo,
  #header .book-btn,
  .social-icon,
  .contact-details{
    text-align: center;
  }
  #slider .carousel-control-prev,#slider .carousel-control-next{
  width: auto;
  }
  #slider .inner_carousel{
    background :none;
    padding: 0px;
  }
  #slider .more-btn a {
    font-size: 18px;
    color: #fff;
  }
  #slider .carousel-caption {
    top: 45%;
  }
}
@media screen and (min-width: 426px) and (max-width: 767px){
  .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product{
    width: 42% !important;
    float: left !important;
    margin-right: 10px;
  }
  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    width: auto;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 35px;
    height: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px){
  .amazing-box{
    margin-bottom: 22%;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 35px;
    height: 35px;
  }
  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    width: auto;
  }
  #slider .inner_carousel{
    padding: 10px;
  }
  #slider .inner_carousel p{
    display: none;
  } 
  #slider .carousel-control-prev,#slider .carousel-control-next{
    width: auto;
  }
  #slider .carousel-caption{
    top:56%;
    right: 20%;
    left: 20%;
  }
  #header .logo h1 a{
    font-size: 27px;
  }
  #header .book-btn a{
    padding: 10px;
    font-size: 12px;
  }
  .footer th,
  .footer td,
  .sidebar td,
  .sidebar th{
    padding: 1px;
  }
  .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product{
    width: 45% !important;
    float: left !important;
    margin-right: 10px;
  }
  .toggle-nav {
    width: auto;
    text-align: right;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .footer th,
  .footer td,
  .sidebar td,
  .sidebar th{
    padding: 3px;
  }
  #slider .carousel-control-prev,#slider .carousel-control-next{
    width: auto;
  }
}