/*
Theme Name: Delight Spa
Theme URI: https://www.unboxthemes.com/wp-themes/free-spa-wordpress-theme/
Author: UnboxThemes
Author URI: https://www.unboxthemes.com/
Description: Delight Spa is an elegant, sleek, flexible, robust and feature-rich spa and massage WordPress theme to give beautiful skin to spa, salons, massage centres, therapy centres, health care centres, health clubs, beauty parlours, beauty clinics, make-up artists, manicure, pedicure, hairdresser, girly, yoga classes, wellness centres, Ayurveda centres, hairdressers, steam bath centres, fitness clubs, aerobics and dance classes and other similar businesses. Its welcoming slider on the homepage is impressive and necessary call to action (CTA) buttons are provided at the right place. This spa WordPress theme is fully responsive, cross-browser compatible, multilingual and retina ready. It supports RTL writing style and has a well working SEO. Various social media icons are included so as to market your services to the target audience. Post attractive images in gallery which will give a glimpse of your spa ambience to visitors. This theme is heavily customizable to change various elements through theme customizer and dashboard to get full control over its look and appearance. Although there is a bunch of predesigned inner pages but you can design your custom pages. It is built on the latest WordPress version. Check demo at: https://www.unboxthemes.com/themes/delight-spa/
Version: 2.8
Tested up to: 5.8
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: delight-spa
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, blog

*/

* {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #fff;
  position: relative;
  color: #5b5b5b;
  font-family: 'Poppins', sans-serif;
  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: 0 0 15px;
  font-family: 'Courgette', cursive;
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #0fa5d9;
}

a:hover {
  text-decoration: none;
  color: #666;
}

a:focus, input:focus, button:focus, textarea:focus {
  outline: 2px solid #000;
  text-decoration: none;
}
#colophon aside.widget a:focus {
  outline-color: #fff;
}

ul {
  margin: 0 0 0 15px;
  padding: 0;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
  margin-bottom: 40px;
}

.middle-align {
  margin: 30px auto;
  padding: 0;
}

.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}

.wp-caption-text {
  margin: 0;
  padding: 0;
}

.sticky {
  margin: 0;
  padding: 0;
}

.gallery-caption {
  margin: 0;
  padding: 0;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 35px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 0;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
}

.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;
}

.main-container ol {
  list-style-position: outside;
  margin-left: 20px;
}

.main-container ol li {
  margin: 5px 0;
}

.toggleMenu {
  display: none;
}

.bypostauthor,
.screen-reader-text {
  margin: 0;
  padding: 0;
}

/* 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. */
}
section {
  padding: 50px 0;
  position: relative;
}

h2.section-title {
  font-size: 50px;
  font-weight: 700;
  padding: 0 0 35px 0;
  text-align: center;
  display: table;
  margin-bottom: 50px;
  background: url(images/sec-title-bg.png) no-repeat center bottom;
}

.section-subtitle {
  padding: 0 0 15px 0;
  text-align: center;
  display: table;
  margin-bottom: 50px;
  width: 100%;
}

/*Menu style*/

ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.nav-menu ul{
  margin:0;
  padding:0;
  text-transform: uppercase;
  font-weight:600; 
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu a{
  color: #000;
  padding: 16px 20px 16px 10px;
  font-size: 12px;
  display:block;
}
.nav-menu ul li a:hover{
    color:#000;
    background: #fff;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  min-width: 250px;
  z-index: 9999;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: #ff8093;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul ul li:last-child{
  border-bottom: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
.nav-menu a:hover{
  color: #121212;
}
.nav-menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.nav-menu .menu > ul > li.highlight:hover{
  background: transparent;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul:hover:after{
  transform: rotate(270deg);
  top: 25px;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: 0px;
  margin-right: 15px;
  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-menu, a.closebtn{
  display: none;
}

/* slider */

#slider {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  background-color: #fff;
}

hr.slide-hr {
  border-top: 4px solid #fc5b74;
  margin-top: 0;
  width: 10%;
  border-radius: 20px;
}

.nivoSlider img {
  opacity: 0.5;
}

#slider .top-bar {
  margin: 0;
  text-align: left;
}

#slider .nivo-caption {
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 45%;
  color: #000;
}

#slider .desc h4 {
  color: #fc5b74;
  font-size: 35px;
  text-align: left;
  text-transform: capitalize;
}

#slider .desc {
  color: #46494b;
  font-weight: 400;
  line-height: 1.5;
}

a.read-more {
  padding: 10px 30px;
  margin-top: 21px;
  display: inline-block;
  position: relative;
  border-radius: 20px;
  color: #000;
  border: 2px solid #000;
  background: transparent !important;
  font-family: 'Courgette', cursive;
}

.nivi-caption .read-more {
  width: 30%;
  display: block;
}

a.read-more:hover {
  background: #fc5b74 !important;
  color: #ffffff;
  border-color: #fc5b74;
}

a.nivo-prevNav {
  left: auto;
  right: 0;
}


/** Header **/

#header {
  width: 100%;
  position: static;
  background: #ff809378;
}

.page-template-custom-home-page #header {
  width: 100%;
  position: absolute;
  z-index: 999;
  background: transparent !important;
  border-bottom: 1px solid #ccc;
}
.menu-center, .appointbtn{
  align-self: center;
  padding: 15px 0;
}
.appointbtn a {
  padding: 12px;
  background: #fc5b74;
  color: #fff;
  border-radius: 20px;
  display: inline-block;
  font-family: 'Courgette', cursive;
}

.appointbtn a:hover {
  background: #fff;
  color: #fc5b74;
}

.appointbtn {
  padding-left: 0;
}
.logo {
  padding: 10px 0;
}
.logo h1 {
  padding-bottom: 0;
  font-size: 40px;
}

.logo a,
.logo a:hover,
.logo p {
  text-transform: capitalize;
  color: #000;
}

.toggle {
  display: none;
}

.logo > p {
  font-size: 12px;
}


/* About Us */

iframe {
  width: 100%;
}

.video-post h2 a {
  color: #000;
  font-size: 35px;
  text-transform: capitalize;
}

.video-post p {
  color: #bbb;
  line-height: 2;
}


/*copyright css*/

.copyright-wrapper {
  position: relative;
  padding: 20px 0;
  background-color: #FF8093;
  color: #ffffff;
}

.copyright-wrapper .inner {
  width: 1170px;
  margin: auto;
}

.footer-menu {
  float: left;
  margin: 0;
  padding: 0;
  color: #ffffff;
}

.copyright ul li,
.footer-menu ul li {
  display: inline-block;
  margin: 0;
  padding: 0 10px 0 0;
}

.footer-menu ul ul {
  display: none;
}

.copyright {
  margin: auto;
  text-align: center;
}
.copyright a,
.copyright a:hover {
  color: #fff;
}

/* ------ Contact Form ------ */

.wpcf7 {
  margin: 0;
  padding: 0;
  font: 400 15px 'Roboto Condensed', sans-serif;
  color: #ffffff;
}

.wpcf7 form {
  margin: 0;
  padding: 0;
}

.wpcf7 form span.last {
  float: none !important;
}

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="date"],
.wpcf7 form select,
.leftdiv input[type="text"],
.leftdiv input [type="url"],
.leftdiv input[type="email"],
.leftdiv input[type="tel"],
.wpcf7 form textarea,
.rightdiv textarea {
  width: 94%;
  background-color: #f8f8f8;
  border: 1px solid #e6e5e5;
  padding: 10px;
  margin-top: 15px;
  font: 400 14px 'Roboto Condensed', sans-serif;
  color: #777777;
}

.wpcf7 form textarea,
.rightdiv textarea {
  height: 132px;
}

.wpcf7 form input[type="checkbox"],
.wpcf7 form input[type="radio"],
.wpcf7 form input[type="file"] {
  margin-top: 10px;
  padding: 0;
}

span.wpcf7-list-item {
  margin: 0 15px 0 0 !important;
}

.wpcf7 form input[type="submit"],
#contact input[type="submit"] {
  font: 400 15px 'Roboto Condensed', sans-serif;
  margin: 25px 0 0 0;
  padding: 5px 20px;
  border: none;
  color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  background-color: #0fa5d9;
}

.entry-content p input[type="submit"] {
  background-color: #0bb5c7;
  border: none;
  padding: 10px 20px;
  font: 400 15px 'Lato', sans-serif;
  color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.spacer20 {
  height: 20px;
  clear: both;
}

.nav-links {
  display: table;
  clear: both;
  margin-top: 15px;
}

.nav-links a,
.nav-links span {
  background: #222222;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}

.nav-links .current {
  background: #ff8a00;
}

.nav-links a:hover {
  color: #000000;
}

h1.entry-title,
h1.page-title {
  padding-bottom: 14px;
  font-size: 36px;
  /*text-transform:uppercase;*/
}

article.tag-sticky-2 {
  background: #f6f6f6;
  padding: 10px;
}

article img {
  height: auto;
}

article p {
  margin: 10px 0;
  line-height: 1.8;
}
.postmeta, .post-thumb {
  margin-bottom: 10px;
}
.post-date, .post-comment, .post-categories, .post-tags {
  display: inline;
}
.read-more a{
  display: inline-block;
  padding: 10px 20px;
  color: #000;
  border:  2px solid #000;
  border-radius: 30px;
  font-family: 'Courgette', cursive;
}
.read-more a:hover{
  background: #ff8093;
  color: #fff;
  border-color: #ff8093;
}

form.search-form {
  margin-bottom: 15px;
}

input.search-field,
.post-password-form input[type=password] {
  border: 1px #eee solid;
  padding: 10px;
  width: 100%
}

input.search-submit,
.post-password-form input[type=submit] {
  border: none;
  color: #ffffff;
  padding: 10px;
  cursor: pointer;
  width: 100%;
}

aside.widget {
  margin-bottom: 30px;
}

aside.widget ul {
  list-style: none;
  margin-left: 13px;
}

.nav-previous {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nav-next {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

nav.post-navigation {
  padding: 10px 0 20px;
}

.webicon {
  font-size: 20px;
}

#sidebar ul li {
  margin: 5px 0;
  list-style: none;
}

.comment-list,
ol.comment-list {
  list-style: none;
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.comment-list ul,
ol.comment-list ul {
  list-style: none;
}

.comment-list li.comment {
  margin-top: 20px;
}

.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6 {
  margin-top: 15px;
}

h3.widget-title {
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.blog-post-repeat {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 40px;
}


/* woocommerce */
a.button.added:before {
  content: '' !important;
}

#bbpress-forums ul li {
  padding: 0;
}

#subscription-toggle a.subscription-toggle {
  padding: 5px 10px;
  display: inline-block;
  color: #e1472f;
  margin-top: 4px;
}

textarea.wp-editor-area {
  border: 1px #ccc solid;
}

.woocommerce input[type=text],
.woocommerce textarea {
  border: 1px #ccc solid;
  padding: 4px;
}

form.woocommerce-ordering select {
  padding: 10px;
  color: #777777;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: inherit !important;
}

h1.product_title,
p.price {
  margin-bottom: 10px;
}

a.blogthumbs img {
  width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 20px !important;
}
.woocommerce ul.products li.product .price{
  font-size: 15px;
}
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  padding: 10px;
}
.woocommerce .quantity .qty {
  width: 6.631em;
  text-align: center;
  padding: 6px;
}
.woocommerce span.onsale {
  padding: 0;
  background: #ff8093;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  padding: 12px 20px;
  background: transparent;
  color: #000;
  border-radius: 30px;
  border: 2px solid #000;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  border-color: #ff8093 ;
  background: #ff8093 !important;
  color: #fff;
}
span.posted_in {
  display: block;
  margin-bottom: 10px;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce div.product form.cart{
  margin: 15px 0;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #ff8093;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
}

/**/

.one_half h2.section-title {
  margin: 0 0 23px !important;
}

h2.section-title {
  margin: 0 auto 15px auto;
}

#contact .column-2 {
  width: 65%;
  float: left;
  margin: 0;
}

#contact .column-2.last_column {
  width: 25%;
  margin-left: 9%;
}

#contact .column-2.last_column span {
  text-transform: capitalize;
  font: 400 14px 'Open Sans', san-serif;
}

#contact .column-2.last_column a {
  color: #666666;
}

.leftdiv {
  float: left;
  width: 48%;
}

.rightdiv {
  float: right;
  width: 48%;
}

#contact .column-2 h2 {
  font: 400 18px 'Oswald';
  text-transform: uppercase;
}


/*------- COMMENT STYLES --------*/

.comment-author.vcard {
  display: inline-block;
  margin-right: 15px;
  float: left;
}

.comment-list ul.children li.comment {
  background-image: none;
  padding-left: 5px;
}

.hrule {
  border-top: 1px #dbdbdb solid;
  margin-top: 15px;
  padding-bottom: 15px;
}

ol.commentlist {
  list-style: none;
}

#commentform p {
  margin: 5px 0;
}

#commentform label {
  display: block;
}

label{
  width: 100%;
}

#commentform input#email,
#commentform input#url,
#commentform input#author,
#commentform textarea,
#commentform input#eazycfc_captcha {
  max-width: 96%;
  border: 1px #ccc solid;
  padding: 5px 2%;
}

#commentform input#submit {
  font: 400 15px 'Roboto Condensed', sans-serif;
  border: none;
  padding: 5px 10px;
  color: #fff;
  display: inline-block;
}

#commentform input#submit:hover {
  cursor: pointer;
}

.form-allowed-tags {
  display: none;
}

ul.errormsg {
  background: #ffe4e4;
}

ul.errormsg li {
  padding: 5px;
}

.entry-content table,
.comment-body table {
  border-collapse: collapse;
  margin: 10px 0;
}

.entry-content table td,
.entry-content table th,
.comment-body table td,
.comment-body table th {
  padding: 10px 5px;
  text-align: left;
}

.entry-content table th,
.comment-body table th {
  color: #676767;
  font: normal 18px Oswald;
  border-bottom: 1px #888 solid;
}

.entry-content table td,
.comment-body table td {
  border-bottom: 1px #ccc solid;
}

.fvch-codeblock:hover .comment-form-url {
  display: block !important;
}


blockquote {
  border-left: 5px solid #FF8093;
  font-size: 15.5px;
}

#comments {
  margin-top: 25px;
}

h2 {
  font-size: 28px;
}

/* Footer */
#colophon {
  background: #000;
}
#colophon aside.widget {
  margin: 30px 0;
}
#colophon h3.widget-title {
  color: #ff8093;
  border-color: #ff8093;
}

#colophon aside.widget ul {
  list-style: none;
  margin: 5px 0;
}

#colophon aside.widget ul li {
  padding: 5px 0 0;
}

#colophon aside.widget ul li a {
  color: #5b5b5b;
  padding: 5px;
}

#colophon select,
#sidebar select {
  display: block;
  width: 100%;
  padding: 10px;
}

#colophon input.search-field {
  padding: 10px 0;
  border: none;
}

#colophon input.search-field::placeholder {
  font-style: italic;
  padding: 0 5px;
}

#colophon input.search-submit {
  padding: 10px;
}

#colophon .tagcloud a {
  font-size: 12px !important;
  border: 1px solid #fff;
  padding: 10px;
  margin: 5px;
  display: inline-block;
}

#colophon .tagcloud a:hover {
  background: #ff8093;
  color: #fff;
}

#colophon td, th {
  border: 1px solid #fff;
  padding: 10px;
}
@media screen and (max-width: 1000px){
  .nav-menu ul ul a{
    box-shadow: none;
  }
  .nav-menu .nav ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 2px solid #fff;
  }
  .toggle-menu {
    display: none;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    background: #000;
    border-bottom: 1px solid;
  }
  .toggle-menu button {
    background: #fff;
    border: none;
    padding: 5px;
    font-size: 18px;
    color: #000;;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    background-color: #ff8093;
    overflow-x: hidden;
    transition: 0.5s;
  }
  .sidenav .closebtn {
    color: #fff;
    font-size: 15px;
    display: block;
  }
  .sidenav .closebtn i{
    color: #fff;
  }
  .sidenav #primary-site-navigation {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-menu,
  .nav-menu ul ul li{
    display: block;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px;
    display:block;
    color:#ffffff;
    border: none;
    background: none !important;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: #000;
    background: #fff !important;
  }
  .sf-arrows .sf-with-ul:after{
    right: 20px;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  } 
  .nav-menu ul ul{
    position: static;
    width: 100%;
  }
  .nav-menu li{
    padding: 0;
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #sidelong-menu {
    text-align: left;
    display: inline;
  }
  #header ul.sub-menu:before{
    display: none;
  }
  .main-menu-navigation {
    padding: 0px 10px;
  }
  .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 2px solid #fff;
  }
  .nav-menu ul li a:hover{
    color: #000;
    background: #fff !important;
  }
  .nav-menu ul.sub-menu li a:before{
    display: none;
  }
  .nav-menu ul li:hover > ul{
    display: none;
  }
  .sf-arrows .sf-with-ul:after:active ul{
    display: block;
  }
}
@media screen and (max-width: 767px){
  input.search-field{
    margin: -3px 7px;
  }
  input.search-submit{
    margin:7px;
  }
  .woocommerce ul.products li.product .price{
    font-size: 13px !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1024px){
  #slider .nivo-caption{
    max-width: 77%;
    top:71%;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px){
  .page-template-custom-home-page #header{
    position: static;
  }
}