/*
Theme Name: ST Spa
Theme URI: https://striviothemes.com/product/free-spa-wordpress-theme/
Author: KristynaBennett
Author URI: https://striviothemes.com/
Description: The ST Spa WordPress theme is the perfect choice for wellness centers, spa owners, and health professionals, offering a serene and visually captivating online presence with a fully responsive, retina-ready design. Packed with customization options, this theme includes a services section, banner, testimonials, and social media integration, making it easy to use for both beginners and professionals. Whether you're promoting spa treatments, wellness products, or health tips, its clean and elegant design enhances your brand’s appeal. With the Elementor drag-and-drop builder, creating landing pages, service listings, blogs, and image galleries is effortless—no coding required. ST Spa is fully mobile-friendly, ensuring an optimal experience across desktops, tablets, and smartphones, while allowing seamless site management from any device. Additional features include Google Fonts, cross-browser compatibility, clean code, and custom widgets, providing a modern, professional look that perfectly represents your wellness business. ST Spa WP Theme Demo Page: https://striviothemes.com/demo/st-spa-pro/
Version: 1.6
Requires at least: 4.7
Requires PHP: 5.2
Tested up to: 6.7
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: st-spa
Tags: blog, one-column, custom-background, custom-colors, full-width-template, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: .9rem;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;

}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
	white-space: pre-wrap;
}

a {
	background-color: transparent;
	color: #C28565;
	text-decoration: none;
}

a:hover,
a:active {
	color: #051128;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;

}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;

}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
}

details {
	display: block;
}

summary {
	display: list-item;
}

figcaption {
	font-size: 16px;
	color: #333333;
	line-height: 1.4;
	font-style: italic;
	font-weight: 400;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.post-single a,.page-single a,.comment-content a,.woocommerce-product-details__short-description a, #tab-description a,.extra-home-content a {
	text-decoration: underline;
	color:#C28565;
  }

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		page-break-inside: avoid;
		border: 1px solid #cccccc;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

label {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;

}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
	width: 100%;
	border: solid 1px #666666;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	transition: all .3s;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: #333333;
	outline: 0 none;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	width: auto;
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button,
[type="submit"],
[type="button"] {
	display: inline-block;
	font-weight: 400;
	color: #C28565;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: transparent;
	border: 1px solid #C28565;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	transition: all .3s;
}

button:focus,
[type="submit"]:focus,
[type="button"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
	color: #ffffff;
	background-color: #C28565;
	text-decoration: none;
}

button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
	cursor: pointer;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	resize: vertical;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;

}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;

}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;

}

select {
	display: block;
}

table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
}

table th,
table td {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid #cccccc;
}

table th {
	font-weight: bold;
}

table thead th,
table tfoot th {
	font-size: 1em;
}

table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 1px solid #cccccc;
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: #f7f7f7;
}

table tbody tr:hover>td,
table tbody tr:hover>th {
	background-color: #e9e9e9;
}

table tbody+tbody {
	border-top: 2px solid #cccccc;
}

@media (max-width: 767px) {
	table table {
		font-size: 0.8em;
	}

	table table th,
	table table td {
		padding: 7px;
		line-height: 1.3;
	}

	table table th {
		font-weight: 400;
	}
}

dl,
dt,
dd,
ol,
ul,
li {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* WordPress Default Class */
.alignright {
	float: right;
	margin-left: 1rem;
}

.alignleft {
	float: left;
	margin-right: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}

.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.alignfull img {
	width: 100vw;
}

.wp-caption {
	margin-bottom: 1.25rem;
	max-width: 100%;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.gallery-caption {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem;
}

.pagination {
	margin: 20px auto;
}

.sticky {
	position: relative;
	display: block;
}

.bypostauthor {
	font-size: inherit;
}

.hide {
	display: none !important;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#skip-link-target[tabindex="-1"]:focus {
	outline: 0;
}

/* Theme Styles */
#page-wrap {
	overflow: hidden !important;
}

#page .st-home-page {
	overflow: hidden;
}
#page-wrap .main-container {
	max-width: 1044px;
	margin: 0 auto;
	margin-top: 30px !important;
	overflow: hidden;
}

.single-post #page .main-container {
	max-width: 1044px;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 80px;
	margin-bottom: 80px;

}

.site-logo h1,
.site-description {
	margin: 0;
}

.st-spa-post {
	margin-bottom: 50px;
}

.st-spa-post img {
	max-width: 100%;
}

.st-spa-post .post-title {
	margin: 0;
}

.st-spa-post .post-categories {
	margin-bottom: 20px;
}

.st-spa-post .post-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
}

.st-spa-post .read-more {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #C28565;
	text-transform: capitalize;
}

.st-spa-post .post-tags a {
	display: inline-block;
	margin-right: 10px;
}

.commentslist {
	list-style-type: none;
	padding: 0;
}

.commentslist .children {
	list-style-type: none;
}

.commentslist li {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
}

.comment-author img {
	margin-right: 10px;
}

.commentslist .reply {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #C28565;
}

.comment-form-comment input,
.comment-form-comment textarea {
	border-color: #e8e8e8;
}

nav.navigation {
	text-align: center;
}

nav.navigation a,
nav.navigation span {
	padding: 5px 10px;
	border: 1px solid #e8e8e8;
}

.footer-copyright {
	text-align: center;
	padding: 30px 0;
}

.site-logo a,
#primary-menu a,
.st-spa-post .read-more a,
.st-spa-post .post-title a {
	text-decoration: none;
}


/* Menu Styles */
#primary-menu a:hover,
#primary-menu ul li a:hover,
#primary-menu li:hover>a,
#primary-menu a:focus,
#primary-menu ul li a:focus,
#primary-menu li.focus>a,
#primary-menu li:focus>a,
#primary-menu ul li.current-menu-item>a,
#primary-menu ul li.current_page_item>a,
#primary-menu ul li.current-menu-parent>a,
#primary-menu ul li.current_page_ancestor>a,
#primary-menu ul li.current-menu-ancestor>a {
	color: #454545;
}

#primary-menu {
	display: block;
	position: relative;
}

#primary-menu ul {
	margin: 0;
	padding: 0;
	display: block;
}

#primary-menu ul li {
	position: relative;
	display: block;
	float: left;
	text-align: left;
}

#primary-menu ul li a {
	display: block;
	z-index: 1;
	padding: 12px;
	font-size: 15px;
	color: #454545;
	line-height: 1;
	font-weight: 600;
	text-transform: capitalize;
}

#primary-menu ul.children,
#primary-menu ul.sub-menu {
	opacity: 0;
	position: absolute;
	top: 35px;
	left: -9999em;
	background: #F3FAFF;
	z-index: 10001;
	width: 213px;
	padding-left: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

#primary-menu ul.children li,
#primary-menu ul.sub-menu li {
	position: relative;
	margin: 0;
	line-height: 1.2em;
	text-transform: none;
	width: 213px;
	min-height: inherit;
	margin: 0;
}

#primary-menu li li:hover>ul,
#primary-menu li li:focus>ul,
#primary-menu li li.focus>ul {
	top: 0px;
	left: -100%;
}

#primary-menu ul.children li a,
#primary-menu ul.sub-menu li a {
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 10px 15px;
	margin: 0;
	border: none;
	line-height: inherit;
	color: #121212;
}

#primary-menu ul.children li a:hover,
#primary-menu ul.sub-menu li a:hover {
	background: #C28565;
	color: #fff;
	border-radius: 0;
}

#primary-menu ul.children li ul:before,
#primary-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
}

#primary-menu li:hover>ul,
#primary-menu li:focus>ul,
#primary-menu li.focus>ul {
	opacity: 1;
	left: 0;
}

#primary-menu ul li.page_item_has_children:after {
	content: "\f0d7";
	font-family: 'Font Awesome 6 Free';
	font-weight: 600;
	position: absolute;
	right: -6px;
	top: 50%;
	display: inline-block;
	padding: 3px;
	transform: translate(-50% , -50%);
	color: #000;
}
#primary-menu ul li.page_item_has_children{
	padding-right: 10px;
	margin-right: 10px;
}
#primary-menu ul.sub-menu li.page_item_has_children:after {
	right: 30px;
}

.wp-block-button__link{
	color: #fff !important;
  background-color:#C28565 ;
  margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 1px solid #C28565;
  color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
  border-radius: 0px !important;
}

.post-title a, h1.post-title {
	word-wrap: break-word;
}

/* Loader Styles */
#st-spa-loader-container {
    position: fixed;
    z-index: 999999;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #C28565;
}

#st-spa-custom-loader {
	width: 60px;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#0000);
	background: 
	  var(--_g) 0%   50%,
	  var(--_g) 50%  50%,
	  var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: l7 1s infinite linear;
  }
  @keyframes l7 {
	  33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
	  50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
	  66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
  }

/* post card css start */

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer .btn {
    margin-left: auto;
}

.st-read-more-btn{
	background: #C28565;
	border-color: #C28565;
}

.st-tags-btn{
	border-color: #C28565;
	color: #C28565;
}
.st-cat-badge{
	color: #fff;
	background: #C28565;
}
/* post card css end */
/* loader end */

@media screen and (min-width : 320px) and (max-width : 767px) {

	#primary-menu a:hover,
	#primary-menu ul li a:hover,
	#primary-menu li:hover>a,
	#primary-menu a:focus,
	#primary-menu ul li a:focus,
	#primary-menu li.focus>a,
	#primary-menu li:focus>a,
	#primary-menu ul li.current-menu-item>a,
	#primary-menu ul li.current_page_item>a,
	#primary-menu ul li.current-menu-parent>a,
	#primary-menu ul li.current_page_ancestor>a,
	#primary-menu ul li.current-menu-ancestor>a {
		background: none;
	}

	#primary-menu ul li a:before,
	.menu-header {
		content: none;
		position: static;
	}

	button.menu-toggle:focus {
		outline: 3px solid #051128 !important;
		text-decoration: none !important;
	}

	.menu-toggle,
	.dropdown-toggle {
		display: inline-block;
		font-size: 20px;
		font-weight: 600;
		background: #C28565;
		color: #fff;
		border: none;
	}

	#primary-menu ul li a {
		color: #121212;
	}

	#primary-menu ul li a:hover {
		color: #121212;
	}

	#primary-menu {
		display: none;
	}

	.header.toggled #primary-menu {
		display: block;
		z-index: 999999;
		margin-bottom: 10px;
	}

	button.close-menu {
		display: inline-block;
		background: #C28565;
		border: none;
		color: #fff;
	}

	#primary-menu ul li {
		float: left;
		width: 100%;
	}

	#primary-menu ul li:nth-child(even) {
		background: #f5f5f5
	}

	#primary-menu ul li:nth-child(odd) {
		background: #e5e5e5
	}

	#primary-menu>li>ul.children,
	#primary-menu>li>ul.sub-menu {
		position: absolute;
		top: -100%;
		background: #fff;
	}

	#primary-menu li.focus>ul.children,
	#primary-menu li.focus>ul.sub-menu,
	#primary-menu li:hover>ul.children,
	#primary-menu li:hover>ul.sub-menu,
	#primary-menu li:focus>ul.children,
	#primary-menu li:focus>ul.sub-menu {
		width: 100%;
		top: 0;
		left: 0 !important;
		position: relative;
	}

	#primary-menu ul {
		padding: 0;
		float: none;
	}

	#primary-menu ul.children li a,
	#primary-menu ul.sub-menu li a {
		padding: 0;
		line-height: 53px;
		color: #454545;
	}

	#primary-menu ul li.menu-item-has-children:after {
		content: '';
		position: absolute;
		border: solid #454545;
		right: 10px;
		top: 50%;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		-webkit-transform: translate(0, -50%) rotate(-45deg);
		transform: translate(0, -50%) rotate(-45deg);
	}

	#primary-menu ul.children li,
	#primary-menu ul.sub-menu li {
		width: 100%;
		font-size: 12px;
		padding-left: 10px;
	}

	#primary-menu ul li.menu-item-has-children:hover:after,
	#primary-menu ul li.menu-item-has-children:focus:after,
	#primary-menu ul li.menu-item-has-children.focus:after {
		top: 20px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media screen and (min-width : 768px) and (max-width : 1023px) {
	#primary-menu ul li a {
		font-size: 14px;
		padding: 10px;
	}
}