/*   
	Theme Name:        soho house
	Theme URI:         https://sohohousebg.com
	Description:       A simple theme template for WordPress.
	Author:            max
	Author URI:        https://hadzimarko.com
	Version:           2.0
	Stable tag:        2.0
	Requires at least: 4.5
	Tested up to:      4.7
	License:           GNU General Public License v3 or later
	License URI:       http://www.gnu.org/licenses/gpl-3.0.html
	Tags:              one-column, two-columns, right-sidebar
	Text Domain:       blank-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&display=swap');

/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{font-size:16px;padding:0;margin:0;border:0;vertical-align:baseline;font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div{}
* {padding:0;margin:0;box-sizing:border-box;}
html, body {height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}

body {background-color:#201C19;color:#B9B2AA;font-family: "Sora", serif;font-weight: 400;font-style: normal;font-size:16px;}

.clear{clear:both;padding:0;margin:0;}
.container {width:1000px;margin: 0 auto;}
.fm-1{float:left;width: 98%;margin-left:1%;margin-right:1%;}
.fm-2{float:left;width: 48%;margin-left:1%;margin-right:1%;}
.fm-3{float:left;width: 31.3333333333%;margin-left:1%;margin-right:1%;}
.fm-4{float:left;width: 23%;margin-left:1%;margin-right:1%;}
.fm-5{float:left;width: 28%;margin-left:1%;margin-right:1%;}
.fm-6{float:left;width: 68%;margin-left:1%;margin-right:1%;}
.fullsize{width:100%;margin:0;}
.half{float:left;width: 50%;margin:0;}
.third{float:left;width: 33.3333333333%;margin:0;}
.quarter{float:left;width: 25%;margin:0;}
.spacer{padding-top:100px !important;padding-bottom:100px !important;}
.browser-size{width:100%;height:100vh;position: relative;}
.browser-center{position: relative;text-align:center;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.half-full{float:left;width: 50%;height:100vh;margin:0;position:relative;}
.half-full-content{position: relative;text-align:left;height: 100%;display: flex;flex-direction: column;align-items: start;justify-content: center;padding-left:80px;padding-right:80px;}

p{line-height:1.6em;margin-bottom:1em;}
a:link, a:visited{text-decoration:none;color:#B9B2AA;outline:0;cursor:pointer !important;}
a:hover{color:#ffffff;transition:all 0.3s ease;}
small{font-size:0.8em;}
p sup{position:relative;font-size:60%;bottom:7px;top:2px;}
b, strong{font-weight:600;}
i, em{font-style:italic;}
code, pre{font-family: monospace;white-space: pre-wrap;}
pre{display:block;white-space:pre;padding:1em;margin:2em 1em;background-color:#f2f2f2;color:#000;border-radius:4px;line-height:1.8em;}
h1, h2, h3, h4{ font-family: "Montserrat", serif;font-weight: 300;font-style: normal;margin-bottom:20px;}
p{}
h1{font-size:36px !important;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:16px;font-weight:500;text-transform:uppercase;}
.alignleft{text-align:left !important;}
.alignright{text-align:right;}
.aligncenter{text-align:center !important;}
.justify{text-align:justify;}

img {height:auto;max-width:100%;vertical-align:middle;border:0; -ms-interpolation-mode:bicubic;}
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
	
header{width:100%;height:80px;display:block;position:fixed;top:0;z-index:9998;padding-left:40px;padding-right:40px;border-bottom:1px solid #4B443C;background-color:rgba(0, 0, 0, 0.6);line-height:80px;z-index:9998;}
header p{line-height:80px;}
.header-half{float:left;width: 50%;margin:0;}
.logo{height:40px;}
.icon{height:18px;fill:#B9B2AA;transition: fill 0.3s ease;margin-left:40px;}
.icon:hover{fill:#ffffff;}
.navigation{float:right;height:80px;width:100%;}
.navigation p{text-align:right;}

.overlay {z-index:9999 !important;height: 0%;width: 100%;position: fixed;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 1);overflow-y: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 10%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-family: "Montserrat";font-size: 28px;color: #B9B2AA;display: block;transition: 0.3s;font-weight:300 !important;}
.overlay a:hover, .overlay a:focus {color: #ffffff;}
.overlay .closebtn {position: absolute;top: 10px;right: 60px;font-size: 60px;}
	
footer{width:100%;height:80px;display:block;position:fixed;bottom:0;z-index:9998;padding-left:40px; padding-right:40px;border-top:1px solid #4B443C;background-color:rgba(0, 0, 0, 0.6);color:#4B443C;}
footer p{line-height:80px;margin:0;padding:0;font-size:12px;}
.footer-half{float:left;width: 50%;margin:0;}
.navigation-footer{float:right;height:80px;}

.hero{background-image:url(images/hero.png);background-size:cover;background-position:center center;}
.hero img{max-width:225px;width:100%;}
.hero h1{font-size:16px;margin-top:20px;margin-bottom:10px;text-transform:uppercase;}	


.nav-dots {z-index:9998;
position: fixed;top: 50%;right: 70px !important;transform: translateY(-50%);display: flex;flex-direction: column;gap: 20px;}
.nav-dots {position: fixed;top: 50%;right: 20px;transform: translateY(-50%);display: flex;flex-direction: column;gap: 20px;}
.dot {width: 10px;height: 10px;border-radius: 50%;background-color: #B9B2AA;position: relative;cursor: pointer;text-decoration: none;transition: background-color 0.3s, transform 0.3s;}
.dot:hover {background-color: #ffffff;transform: scale(1.2);}
.dot:hover::before {content: attr(data-title);position: absolute;right: 20px;background-color: black;color: white;padding: 5px 10px;border-radius: 5px;white-space: nowrap;font-size: 0.6rem;opacity: 1;font-family: "Montserrat";text-transform:uppercase;}
.dot.active {background-color: #ffffff;}
.dot.active:hover {background-color: #ffffff;}

.next{width:100%;text-align:center;position:absolute;bottom:0;margin-bottom:100px;}
.next a{color:#B9B2AA !important;font-weight:600;text-transform:uppercase;}
.down{height:12px;margin-top:20px;animation: bounce 1.5s infinite;fill:#B9B2AA;}

.half-full{overflow:hidden;height:100vh;}
.half-full-content h1{font-size:36px;margin-bottom:10px;}
.half-full-content h3{font-size:20px;margin-bottom:20px;}

		
.postsbg{background-image: linear-gradient(#201C19, #000000);}	
.map{background-image:url(images/map.png);bavground-size:cover;background-position:center center;}
	
.single-article{position:relative;border-radius:6px; border:1px solid #4B443C;box-sizing:border-box;padding:20px;margin-bottom:20px;
	text-align:left;min-height:450px;background-color: transparent; /* No background by default */transition: all 0.3s ease !important;
}
.single-article:hover{border:1px solid #B9B2AA;overflow:hidden;}
.single-article a{cursor:pointer;}
.bg-post-img{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.1;transition: all 0.3s ease !important;filter: saturate(0%);}
.bg-post-img:hover{opacity: 1;filter: saturate(100%);}
.single-article h1{font-size:28px;position:absolute;top:20;left:20;right:20;}
.sa-cta{display:block;width:100%;position:absolute;bottom:20px;box-sizing:border-box;margin-left:-20px;}

.map-info{text-align:left;}
.map-info h1{font-size:36px;font-weight:300;margin-bottom:10px;}

.footer{display:block;width:100%;box-sizing:border-box;background-color:#000000;padding-top:200px;padding-bottom:280px;font-size:14px;}
.f-info{padding-top:150px;}
.logo-title{width:100%;max-height:100px;fill:#B9B2AA;}
.footer li{list-style:none;margin-bottom:20px;}

.button{display:inline-block;margin:0.5em 0 0.5em 0;padding:1em 1.5em; cursor:pointer;outline:none;-webkit-appearance:none;transition: all 0.3s ease; letter-spacing:1px;text-transform:uppercase;line-height:1;color:#B9B2AA !important; border-radius:6px;border:1px solid #B9B2AA;background:transparent !important; font-family: "Montserrat", serif;font-size:14px;font-weight:600;}
.button:hover{background:#B9B2AA !important;color:#141210 !important;}

input[type=text] {background-color:transparent;
border-radius:6px;outline:0;border:1px solid #4B443C;
padding:10px;width:99%;margin-bottom:10px;-webkit-appearance:none;transition: all 0.5s ease;color:#fff;}
input[type=email] {background-color:transparent;
border-radius:6px;outline:0;border:1px solid #4B443C;
padding:10px;width:99%;margin-bottom:10px;-webkit-appearance:none;transition: all 0.5s ease;color:#fff;}
textarea {background-color:transparent;
border-radius:6px;outline:0;border:1px solid #4B443C;
padding:10px;width:99%;margin-bottom:10px;-webkit-appearance:none;transition: all 0.5s ease;color:#fff;}

input[type=text]:focus, input[type=email]:focus, textarea:focus {border:1px solid #B9B2AA;}

input[type=submit] {display:inline-block;margin:0.5em 0.5em 0.5em 0;padding:1em 1.5em; cursor:pointer;outline:none;-webkit-appearance:none;transition: all 0.3s ease; letter-spacing:1px;text-transform:uppercase;line-height:1;color:#B9B2AA !important; border-radius:6px;border:1px solid #B9B2AA;background:transparent !important; font-family: "Montserrat", serif;font-size:16px;font-weight:600;}
input[type=submit]:hover{background:#B9B2AA !important;color:#141210 !important;}

.in{ opacity: 0; /* Start hidden */
transform: translateY(20px); /* Start slightly offset */
transition: opacity 2s ease-out, transform 2s ease-out; /* Smooth transition */
}
.in.visible {
opacity: 1;
transform: translateY(0); /* Fade in and move to final position */
}

.pages h1{font-size:36px !important;margin-bottom:1em;margin-top:1em;}
.pages p{padding:0 15%;text-align:justify;justify-content: left;}
.wp-block-column p{padding:0 !important;text-align:center !important;}
.attachment-post-thumbnail{border-radius:6px;overflow:hidden;}

.pages ul, .pages ol{padding:0 15%;}

.panels{background-image:url('https://sohowellnessbg.com/wp-content/uploads/2024/11/panels.png');background-size:cover;background-position:bottom left;}
		
.prices-part{padding:40px;border-radius:6px;border:1px solid #4B443C;transition: all 0.5s ease;}
.prices-part p{text-align:left !important;}
.center-fix {text-align:center !important;}
.center-fix p{text-align:center !important;}

.prices-part:hover{border:1px solid #B9B2AA;}

.carousel {
  overflow: hidden;
  width: 100%; /* Adjust the width as needed */
  position: relative;
}

.carousel-track {
  display: flex;
  gap: 20px; /* Spacing between images */
  transform: translateX(0); /* Ensures proper alignment initially */
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  flex: 0 0 calc(80% - 20px); /* Image width minus the gap for proper spacing */
}

.carousel-slide img {
  width: 100%;border-radius:6px;overflow:hidden;
  display: block;
}

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.dots {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background-color: #bbb;
  cursor: pointer;
}

.dots.active {
  background-color: #555;
}


	@keyframes bounce {
	    0%, 20%, 50%, 80%, 100% {
	        transform: translateY(0) ;
	    }
	    40% {
	        transform: translateY(-10px) ;
	    }
	    60% {
	        transform: translateY(-5px) ;
	    }
	}			
		
.has-text-align-center{text-align:center !important;}
.woocommerce .products ul, .woocommerce ul.products{text-align:center !important;}
		
/* mobile */
@media screen and (max-width: 719px) {
.container {width: 95%;}
.fm-1{width: 98%;}
.fm-2{width: 98%;}
.fm-3{width: 98%;}
.fm-4{width: 98%;}
.fm-5{width: 98%;}
.fm-6{width: 98%;}
.half{width:100%;}
  .nav-dots{display:none;}
  .next{display:none;}
  header{padding-left:20px;padding-right:20px;}
  .browser-size{height:auto;}
  .browser-center{display:block;}
  .half-full{width:100%;height:auto;min-height:300px;}
  .hero{padding:250px 20px 0 20px;height:100vh;}
  .half-full-content{padding:100px 20px 100px 20px;}
  .navigation{margin-right:20px;}
  .icon{margin-left:20px;}
  footer{padding-top:10px;}
  footer p{line-height:1.2;}
  .navigation-footer{margin-right:0px;}
  .navigation-footer p{line-height:70px;}
  .single-article{margin-bottom:20px;}

.split-section {display:flex !important;flex-wrap: wrap;}
  .split{width:100% !important;order: -1;flex-basis: 100%;background-size:cover;}
  .pages p{padding:0 20px;text-justify: none; text-align:left;}
  .f-info{padding-top:40px !important;}
}
		
		
		.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color:#ff0000 !important;}
.product_meta{display:none !important;}
		
		.video-section {
  position: relative;
}

.video-section video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
		
.pagination{text-align:center;padding:80px 0;}
.pagination a{margin-left:10px;margin-right:10px;}

.posts a{text-decoration:underline;}


.instagram-media{margin:0 auto !important;}