/*
Theme Name: Spa Salon Center
Theme URI: https://www.themespride.com/themes/free-spa-wordpress-theme/
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: Spa Salon Center is a specialized digital solution designed to empower spa and salon businesses with a sophisticated and user-friendly online platform. Crafted for those in the wellness and beauty industry, this theme provides a professional and inviting virtual space for clients to explore services and schedule appointments. Tailored for spas, wellness centers, and beauty salons, this theme caters to businesses that prioritize a polished and effective online presence. Its responsive layout guarantees a seamless user experience on various devices, including smartphones and tablets, enhancing accessibility for clients on the go. The Spa Salon Center WordPress Theme benefits businesses by offering a visually appealing and easy-to-manage website without delving into complex technicalities. It serves as a virtual reception area, allowing clients to explore available services, view pricing, and conveniently schedule appointments online. Business owners can utilize this theme to showcase their spa or salon's unique atmosphere, services, and staff. With customizable sections for service offerings, pricing details, and a gallery for showcasing the ambiance, the theme becomes a dynamic tool for businesses to attract and engage clients. Key features include an integrated booking system for hassle-free appointment scheduling, contact forms for client inquiries, and social media integration for broader outreach. 
Version: 1.0
Tested up to: 6.4
Requires PHP: 5.6
Requires at least: 5.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spa-salon-center
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, flexible-header, e-commerce, blog, entertainment

Spa Salon Center WordPress Theme, Copyright 2022 ThemesPride
Spa Salon Center is distributed under the terms of the GNU GPL
*/

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size:15px;
  color:#141B22;
  font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
  color: #141B22;
  font-family: 'PT Serif', serif;
}
p{
  font-size: 14px;
}
a{
  text-decoration:none;
  color:#FF4F9D;
}
a:hover{
  text-decoration:none;
  color:#FF4F9D;
}
input[type="search"] {
  padding: 10px;
  border: 1px solid #141B22;
  font-size: 15px;
}
button[type="submit"] {
  padding: 11px;
  background: #FF4F9D;
  border: none;
  cursor: pointer;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
textarea{
  width: 100%;
}
.box-content a,
#theme-sidebar .textwidget a,
#footer .textwidget a,
.comment-body a,
.entry-content a,
.entry-summary a,
#main-content p a,
.content-area a{
  text-decoration: underline;
  color: #FF4F9D;
}


/*--------------------------------------------------------------
Accessibility CSS
--------------------------------------------------------------*/

/* 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. */
}

/*--------------------------------------------------------------
  Pre Loader
--------------------------------------------------------------*/

.loader{
  background: #fff;
  z-index: 99999;
  width: 100%;
  height: 100%;
	left: 0;
  position: fixed;
}
.center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 5px solid #141B22;
  border-radius: 50%;
}
.center1{
  width: 200px;
  height: 200px;
  border-left-color: #FF4F9D;
  border-top-color: #FF4F9D;
  animation: animateCenter1 2s infinite linear;
}
.center2{
  width: 100px;
  height: 100px;
  border-left-color: #884CD2;
  border-top-color: #884CD2;
  animation: animateCenter2 2s infinite linear;
}
.ring{
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: bottom;
  transform: translateX(-50%);
  width: 4px;
  height: 50%;
  background: transparent;
}
.center1 .ring{
  transform: translateX(-50%) rotate(45deg);
}
.center2 .ring{
  transform: translateX(-50%) rotate(-135deg);
}
.ring::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.center1 .ring::before{
  background: #FF4F9D;
}
.center2 .ring::before{
  background: #884CD2;
}
@keyframes animateCenter1{
  0%{
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
@keyframes animateCenter2{
  0%{
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%,-50%) rotate(-360deg);
  }
}


/*Header Image */
body.home.page-template.page-template-page-template.page-template-custom-home-page.page-template-page-templatecustom-home-page-php.page.logged-in.admin-bar.woocommerce-js.has-header-image.customize-support .headerimg{
  display: none !important;
  height: auto !important;
}
.headerimg {
  display: block;
  background-size: cover;
}
div#header {
    position: relative;
    top: -55px;
    margin-bottom: -5em;
}

.page-template-front-page .header-img{
  display: none;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.timebox span {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  margin-left: 8px;
}
.timebox i {
  font-size: 12px;
  color: #fff;
}
.social-media {
  text-align: right;
}
.top-header {
  background: #884CD2;
  padding: 20px 0px 47px 0px;
}
.social-media i {
  color: #fff;
  font-size: 15px;
  margin-right: 10px;
}
.social-media i:hover {
  color: #000;
}
.page-template-front-page .headerbox{
  position: absolute;
  z-index: 999;
  width: 100%;
}
.header-img{
  background: transparent !important;
  display: none;
}
.menu-bg {
    background: #fff;
    border-radius: 50px;
    margin-top: -25px;
    position: relative;
    z-index: 9999;
}
.call{
  text-align: right;
}
.call i,
.email i {
  font-size: 40px;
  color: #FF4F9D;
}
.call p,
.email p {
  color: #fff;
  font-size: 14px;
}
p.infotext {
  color: #FF4F9D;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0;
}
.logo {
  color: #fff;
  text-align: center;
}
.logo {
  background: #FF4F9D;
  text-align: center;
  position: absolute;
  top: -24px;
  z-index: 9999;
  width: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%);
  padding: 32px 16px;
}
.logo h1 a, .logo p a {
    font-size: 25px;
    color: #fff;
}
.logo h1 {
  font-weight: bold;
  padding: 0;
}
.logo p {
  margin-bottom: 0;
  color: #fff;
}
.logo-same-line {
  text-align: left;
}
.logo-same-line h1 {
  font-size: 25px;
}
.menubar{
  padding: 5px 0px;
}
.search-box i {
  color: #fff;
  background: #7337BD;
  padding: 18.5px;
  cursor: pointer;
}

/*--------------------------------------------------------------
Menu bar
--------------------------------------------------------------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li{
  position: relative;
  padding: 0px 10px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a {
  display: block;
  color: #141B22;
  padding: 8px 0px;
  font-weight: 500;
  position: relative;
}
.main-navigation a:hover{
  color: #FF4F9D;
}
.main-navigation ul ul{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #884CD2;
  min-width: 215px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul a{
  color: #fff;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  opacity: 1;
}
.main-navigation li.menu-item-has-children:hover > ul, 
.main-navigation li.menu-item-has-children:focus > ul,
.main-navigation ul li.page_item_has_children:focus ul.children, 
.main-navigation li.menu-item-has-children.focus > ul{
  opacity: 1;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #FF4F9D;
}
.main-navigation .menu-nav > ul > li.highlight{
  background-color: #FF4F9D;
}
.main-navigation .menu-nav > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu-nav > ul > li:hover > a:after,
.menubar.scrolled .menu-nav > ul > li.current_page_item > a:after,
.menubar.scrolled .menu-nav > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu-nav > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #fff;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation .sub-menu {
  list-style: none;
  padding-left: 0;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.main-navigation .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu{ 
  left: -202px !important;
}

/*--------------------------------------------------------------
Search pop up
--------------------------------------------------------------*/
.search_outer {
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  position: absolute;
  right: 0px;
  display: none;
}
.search_inner {
  width: 100%;
  padding: 10px;
  background: #ffffff;
}
.search_inner form.search-form {
  border: 3px double #884CD2;
  padding: 10px 20px;
  border-radius: 0;
  background: #ffffff;
}
.search_inner [type="submit"] {
  padding: 5px 12px;
  background: url(assets/images/search.png) no-repeat scroll 0 4px;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
}
.search_inner input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 88%;
}
.search-box button {
  background: transparent;
  border: none;
}

/*--------------------------------------------------------------
Post Pages
--------------------------------------------------------------*/
.wp-block-query-pagination-numbers{
  padding: 10px;
}
#category-post{
  padding-bottom: 30px;
}
#category-post .entry-video, #category-post .entry-audio{
  padding-bottom: 7px;
}
.page-box {
  border: 1px solid #141B22;
  padding: 20px;
}
.box-image img,
.box-content img {
  width: 100%;
  height: auto;
}
.box-info i {
  margin-right: 5px;
  background: #eee;
  padding: 10px;
  color: #000;
  font-size: 12px;
}
.box-info {
  padding: 5px 0;
}
.box-info span {
  margin-right: 10px;
  color: #141B22;
  font-size: 12px;
}
.page-box p {
  color: #141B22;
  font-size: 15px;
  margin: 15px 0;
}
.page-box h4 a {
  font-size: 25px;
  font-weight: bold;
}
.page-box h4 {
  border-bottom: 1px solid #141B22;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.page-box a,.nav-links a {
    text-decoration: none;
}
.readmore-btn a {
  border-bottom: 1px solid #141B22;
  font-weight: 600;
}
/*--------------------------------------------------------------
SLIDER
--------------------------------------------------------------*/
#slider{
  max-width:100%;
  margin:auto;
  padding:0;
  background: #fff;
  position: relative;
}
#slider img {
  width: 100%;
  opacity: 0.7;
  height: 800px;
  object-fit: cover;
}
#slider h6 {
  display: inline-block;
  color: #884CD2;
  font-size: 30px;
  font-family: 'Damion', cursive;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image: none;
  font-weight: 800;
  color: #fff;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .slide_nav a {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
#slider .slide_nav span {
  font-size: 16px;
  color: #fff;
  background: #FF4F9D;
  padding: 5px;
}
#slider .slide_nav span:hover{
  background: #884CD2;
}
#slider span.carousel-control-prev-icon {
  position: absolute;
  left: 0;
  border-radius: 0px 10px 10px 0px;
}
#slider span.carousel-control-next-icon {
  position: absolute;
  Right: 0;
  border-radius: 10px 0px 0px 10px;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  right: 58%;
  left: 15%;
  text-align: left;
}
#slider .inner_carousel h2 {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 0;
  color: #141B22;
}
#slider .inner_carousel {
  color: #141B22;
}
#slider .inner_carousel p {
  font-size: 15px;
  margin-top: 10px;
}
.more-btn a:hover {
  background: #884CD2;
  color: #141B22;
}
#slider .more-btn a {
  background: #884CD2;
  color: #fff;
  padding: 15px 30px;
  font-weight: 600;
  font-size: 15px;
  border-radius: 10px;
}
#slider .more-btn a:hover{
  background: #FF4F9D;
}
#slider a.btn-1 {
    background: #FF4F9D;
}
#slider a.btn-1:hover{
  background: #884CD2;
}
.more-btn{
  margin: 25px 0;
}
#slider:after {
  content: "";
  background-image: url(assets/images/slide-after.png);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  background-size: 100%;
  height: 186px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

/*--------------------------------------------------------------
Our Services CSS
--------------------------------------------------------------*/

#service{
  margin-top: 50px;
}
#service h6 {
    text-align: center;
    font-family: 'Damion', cursive;
    color: #FF4F9D;
    font-size: 26px;
}
#service h3 {
    font-size: 32px;
    font-weight: bold;
}
#service .demo-box h5 a {
    color: #141B22;
    font-size: 20px;
    font-weight: 600;
}
#service .demo-box h5 a:hover,
#service .news-detail i:hover  {
    color: #FF4F9D;
}
#service .news-detail i {
    font-size: 60px;
    color: #884CD2;
}
#service .demo-box {
    text-align: left;
}
.service-img {
    text-align: center;
}

/*--------------------------------------------------------------
WOOCOMMERCE CSS
--------------------------------------------------------------*/

.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  padding:15px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: #141B22;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul{
  border:none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  padding: 10px;
}
.woocommerce ul.products li.product .button,
a.checkout-button.button.alt.wc-forward {
  margin-top: 1em;
  font-size: 14px;
  text-transform: none;
}
.woocommerce  .star-rating {
  margin: 0 auto 10px !important;
}
.woocommerce span.onsale{
  background: #884CD2;
  padding: 0;
}
.products li {
  border: solid 1px #ddd;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #141B22;
  font-weight: 800;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #141B22;
  font-size: 15px
}
.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: #FF4F9D;
  color: #fff;
  border-radius: 0;
  border-radius: 10px;
  padding: 12px 20px;
}
.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: #884CD2;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 4px;
  border-radius: 0;
  border: solid 2px #141B22;
  color: #141B22;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  border: solid 2px #141B22;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 0 0 #141B22;
  font-weight: bold;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #141B22;
  text-decoration: none;
}
span.woocommerce-input-wrapper,
.woocommerce label,span.password-input {
 width: 100%;
}
.woocommerce .woocommerce-ordering select {
  padding: 5px;
  font-size: 12px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 22%;
  display: inline-block;
  margin: 5px;
}

/*--------------------------------------------------------------
Posts Numbers
--------------------------------------------------------------*/
.page-numbers {
  background: #FF4F9D;
  color: #fff !important;
  padding: 10px 15px;
  font-weight: bold;
  border-radius: 10px;
}
.prev.page-numbers,
.next.page-numbers {
  font-size: 15px;
  background: #FF4F9D;
  color: #fff;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #884CD2;
	color: #fff;
}
.page-links {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #1c1c1c;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #141B22;
}

span.page-numbers.current{
  color: white !important;
}

/* Post Navigation */

.post-navigation {
	font-weight: 500;
	margin: 3em 0;
}
.nav-subtitle {
	background: transparent;
	color: #1c1c1c;
	display: block;
	font-size: 11px;
	margin-bottom: 1em;
	text-transform: uppercase;
}
.nav-title {
	color: #333;
	font-size: 15px;
}
span.meta-nav {
  color: #fff;
  background: #FF4F9D;
  padding: 5px 10px;
  border-radius: 10px;
}
.nav-previous {
  float: right;
}

/*--------------------------------------------------------------
 404 page
--------------------------------------------------------------*/

.error404 .page-content {
	padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}
.error-404 input[type="search"] {
  border: solid 1px #1c1c1c;
  padding: 10px;
}
.error-404 [type="submit"] {
  padding: 10px;
  background: #FF4F9D;
  border: solid 1px #1c1c1c;
  cursor: pointer;
  font-weight: 500;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

#theme-sidebar section {
  border: 1px solid #141B22;
  padding: 20px;
  background: #fff;
  margin-bottom: 30px;
}
#footer h1.wp-block-heading, #footer h2.wp-block-heading, #footer h3.wp-block-heading,#footer h4.wp-block-heading, #footer h5.wp-block-heading, #footer h6.wp-block-heading ,
#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading  {
  border-bottom: 1px solid #141B22;
  font-size: 16px;
  color: #FF4F9D;
  padding-bottom: 10px;
  font-weight: bold;
}
#theme-sidebar ul,#footer ul {
  list-style: none;
  padding: 0;
}
#theme-sidebar li:last-child {
  border: none;
}
#theme-sidebar li {
  border-bottom: 1px dashed #141B22;
  color: #141B22;
  padding: 10px 0;
  font-size: 12px;
}
#theme-sidebar a:hover {
  color: #884CD2;
}
#footer .wp-block-latest-comments__comment-author, #footer .wp-block-latest-comments__comment-link,
#theme-sidebar a,#theme-sidebar .wp-block-latest-comments__comment-author, #theme-sidebar .wp-block-latest-comments__comment-link {
  color: #141B22;
  font-size: 13px;
}
#footer .wp-block-latest-comments article,
#theme-sidebar .wp-block-latest-comments article {
    margin-bottom: 0em;
}
#footer .wp-block-latest-comments__comment-meta,
#theme-sidebar .wp-block-latest-comments__comment-meta {
    margin-bottom: 0px;
}
#footer ol.wp-block-latest-comments,
#theme-sidebar ol.wp-block-latest-comments{
  padding-inline-start: 0px;
}
#theme-sidebar .textwidget img,
#footer img  {
  width: 100%;
  height: auto;
}
#theme-sidebar select {
  padding: 10px;
  border: solid 1px #141B22;
  background: transparent;
  font-size: 14px;
  width: 100%;
  color: #141B22;
}
#theme-sidebar .tagcloud a, p.wp-block-tag-cloud a {
  border: 1px solid #141B22;
  color: #141B22!important;
  padding: 5px 10px;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}
#theme-sidebar .tagcloud {
  margin-top: 15px;
}
.wp-block-search .wp-block-search__label {
  color: #FF4F9D;
}
#theme-sidebar input[type="search"],
#footer input[type="search"] {
  padding: 10px;
  width: 100%;
  border: 1px solid #141B22;
  font-size: 15px;
}
#footer .wp-block-search__inside-wrapper,
#theme-sidebar .wp-block-search__inside-wrapper{
  display: block;
}
#footer .wp-block-search__button,
#theme-sidebar .wp-block-search__button{
  margin-left: 0px;
}
#theme-sidebar button[type="submit"],
#footer button[type="submit"] {
  padding: 8px;
  width: 100%;
  margin-top: 10px;
  background: #FF4F9D;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 10px;
}
#theme-sidebar button[type="submit"]:hover,#comments input[type="submit"]:hover{
  color: #000;
  background: #884CD2;
}
#theme-sidebar table#wp-calendar {
  border: solid 1px #141B22;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
#theme-sidebar th,#theme-sidebar td {
  border-right: solid 1px #141B22;
  padding: 10px 0;
}
#theme-sidebar tr {
  border-bottom: solid 1px #141B22;
}
.woocommerce #theme-sidebar {
  margin-top: 30px;
}
#footer  .wp-block-media-text {
  margin-top: 10px;
  box-sizing: border-box;
  direction: ltr;
  display: inline;
}
#footer  .wp-block-media-text .wp-block-media-text__content {
  color: #fff;
  margin-top: 5px;
} 
#theme-sidebar .wp-block-media-text .wp-block-media-text__content{
  color: #141B22;
  margin-top: 5px; 
}
#theme-sidebar  .wp-block-media-text {
  box-sizing: border-box;
  direction: ltr;
  display: inline;
}
#footer .wp-block-search .wp-block-search__label{
  color: #fff;
  margin-top: 10px;
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.box-content #respond{
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 4px 30px #d5d5d58c;
  margin-bottom: 20px;
}
#comments {
	clear: both;
	padding: 2em 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body {
	margin-left: 65px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin-bottom: 1.5em;
}
.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}
.comment-metadata a {
	color: #767676;
}
.comment-metadata a.comment-edit-link {
	color: #141B22;
	margin-left: 1em;
}
.comment-body {
	color: #333;
	font-size: 14px;
	margin-bottom: 4em;
}
.comment-reply-link {
	font-weight: 800;
	position: relative;
}
.comment-reply-link .icon {
	color: #141B22;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-style: italic;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
	display: inline;
}
#comments input[type="submit"] {
  background: #FF4F9D;
  border: none;
  padding: 10px 50px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 30px;
  color: #fff;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea{
  border:1px solid #c8c8c8;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}

/*--------------------------------------------------------------
Commen CSS
--------------------------------------------------------------*/

#primary {
  padding: 3% 0;
}
.sticky .page-box h4{
  background: url(assets/images/pin.png) no-repeat scroll 0 0px;
  padding-left: 40px;
}
#gallery-1 img {
  border: 2px solid #000 !important;
}
#gallery-1 .gallery-item {
  width: 30% !important;
  margin: 4px;
}
iframe,
.entry-audio audio{
  width: 100%;
}
.entry-video {
    width: 100%;
}
.entry-audio {
    width: 100%;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
  background: #884CD2;
  clear: both;
}
#footer h3 {
  font-size: 20px;
  padding: 10px 0;
  color: #FF4F9D;
  border-bottom: dashed 1px #fff;
  margin-bottom: 10px;
}
#footer li a {
  color: #fff;
}
#footer li {
  color: #fff;
  font-size: 13px;
  padding: 5px 0;
}
#footer table#wp-calendar {
  border: dashed 1px #fff;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}
#footer th,#footer td {
  border-right: dashed 1px #fff;
  padding: 5px 0;
  color: #fff;
}
#footer tr {
  border-bottom: dashed 1px #fff;
  color: #fff;
}
#footer select {
  padding: 5px;
  width: 100%;
}
#footer .widget_rss img{
  width: auto;
}
#footer .widget_rss li{
  border-bottom: solid 2px #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#footer .textwidget {
  color: #fff;
}
#footer .tagcloud a {
  border: 1px dashed #fff;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}
.site-info {
  background: #FF4F9D;
  padding: 15px 0;
}
.site-info p{
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}

/*--------------------------------------------------------------
Scroll Top
--------------------------------------------------------------*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  background: rgba(0, 0, 0, 0.7);
  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: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  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;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/*--------------------------------------------------------------
WordPress Core
--------------------------------------------------------------*/
.alignwide {
  margin-left : -80px;
  margin-right : -20px;
}
.alignfull {
  margin-left: -48px;
  width: calc(100% + 64px) !important;
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  margin: 0;
  padding: 0 4px 5px;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/

@media screen and (min-width: 1001px){
  .mobile_menu{
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px){
 .nav-previous{
  padding: 15px;
  text-align: center;
  float: none;
  }
 .nav-next{
   text-align: center;
  }
  #category-post img{
    padding-bottom: 10px;
  }
  .logo{
    position: static;
  }
  #slider:after{
    display: none;
  }
  #slider .more-btn{
    margin: 0px;
  }
}
@media screen and (max-width: 1000px){
  .page-template-front-page .headerbox{
    position: static;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav i {
    font-size: 30px;
    color: #fff;
    background: #FF4F9D;
    padding: 10px;
  }
  .toggle-nav button{
    background: transparent;
    border: none;
    font-size:30px;
    text-align: right;
  }
  .toggle-nav button:focus{
    outline: -webkit-focus-ring-color auto 1px;
  }
   .main-navigation .sub-menu {
    width: 100% !important;
  }
  .main-navigation .sub-menu li {
    opacity: 1 !important;
    display: block !important;
  }
  .main-navigation .sub-menu{
    opacity: 1;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    visibility: hidden;
    background-color: #884CD2;
    transition: 0.5s width ease-in-out;
    padding-top: 60px;
    box-shadow: 2px 2px 10px 0px #2d2d2d;
    overflow-y: scroll;
  }
  .sidenav.open{
    visibility: visible;
  }
  .sidenav a {
    text-decoration: none;
    color: #818181;
    display: block;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }
  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu-nav{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu-nav > ul > li.highlight{
    background: transparent !important;
  }
  .menu-nav > ul > li:hover:before,
  .menu-nav > ul > li.current_page_item:before,
  .menu-nav > ul > li.current-menu-item:before{
    display: none;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{
    width:100%;
    margin-top:0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #fff solid;
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding: 10px;
    display:block;
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#FF4F9D;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    opacity: 1;
  }
  .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;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation li{
    padding: 0;
  }
  .scrolled{
    position: static;
  }
  #footer h3{
    font-size: 18px;
  }
  .left-menu, .right-menu{
    display: none;
  }
  .nav-links {
    padding-bottom: 21px;
  }
}

@media screen and (max-width: 560px){
  .top-header,
  .social-media,
  .headerbox,
  .call, #service,.site-footer,.content-area{
    text-align: center;
  }
  #service .demo-box {
    text-align: center;
  }
  .timebox {
    padding: 10px;
  }
  div#gallery-1 {
    text-align: -webkit-center;
  }
  #slider .slide_nav span{
    font-size: 10px;
  }
  #slider img{
    height: 200px;
  }
  #service h3{
    font-size: 28px;
  }
  #return-to-top i{
    left: 1px;
  }
  .serach_outer{
    top: auto;
  }
  #slider .inner_carousel h2,
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
    font-size: 14px;
    padding: 4px 5px;
  }
  #slider .more-btn a {
    padding: 10px 20px;
    font-size: 10px;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product{
    width: 100%;
  }
  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering{
    float: none;
  }
  #slider .carousel-caption{
    left: 10%;
    right: 0%;
  }
  .nav-links {
    padding-bottom: 21px;
  }
  .page-numbers{
    font-size: 10px;
  }
  a.next.page-numbers{
    font-size: 10px;
  } 
}

@media screen and (min-width: 767px) and (max-width: 1000px){
  .menubar {
    text-align: center;
  }
  #slider .carousel-caption {
    left: 20%;
    right: 20%;
  }
  #slider .more-btn a {
    font-size: 12px;
    padding: 15px 30px;
    text-align: center;
  }
  #slider img{
    height: 400px;
  }
  #slider:after{
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1400px){
  #slider:after{
    height: 105px;
  }
  #slider .carousel-caption {
    right: 43%;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1800px){
  #slider:after{
    height: 150px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 3000px){
  ul#menu-responsive-menu {
    display: none;
  }
}