/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
/**
 * NEW Bootstrap Theme
 * your custom CSS modifications here.
 */
 
 /* Sound Saunas */
 
 /**
 * Basic Page Setup Styling
 * 
 */
 
 
 
.contextual-region {
	position: inherit;
}
  
 #auth_box input[type="text"],
 #auth_box input[type="password"] {
 	width: 100%
 }
 
 .author {
 	 display: none
 }
 
 

 
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9  {


 	 padding-left: 0px;
 	 padding-right: 0px

 }
 
.row {

	 margin-right: 0%;
	 margin-left: 0%;
	 padding-left: 0%;
	 padding-right: 0%;


}



.region-content {
	 background-color: #fff;
	padding: 0px 0px 0px 0px;
}

 body {
 	margin-top: 0px;
 	padding-left: 0px;
 	padding-right: 0px;
 }
 
 .page-header {
 	border-bottom-width: 0px
 }
 
 .container-fluid {
 	 padding-left: 0px;
 	 padding-right: 0px;
 	 margin: 0px
 }
 
.region-content {
clear: both;
}

#navbar {
	display: none;
}
 
 /* Alerts */
 
 .alert-success {
 	background-color: #89949b;
 	border: none;
 	color: #fff;
 	margin: 30px 5% 30px 5%;
 }
 
 /* Follow Us */
 
 #block-alock-bespoke-design-followus {
 	background-color: #698279;
 	padding: 10px 5% 10px 5%;
 	color: #fff;
	text-align: right;
 }
 
  #block-alock-bespoke-design-followus img {
  	max-width: 140px;
  	height: auto;
  }
 
 
 /* Logo */
 
 .mobile-logo-wrapper {
 	display: none;
 }
 
 
 #block-alock-bespoke-design-logo {
 	background-color: #254636;
 	padding: 45px 5% 45px 5%;
 }
 
 .logo-wrapper img {
 	max-width: 350px;
 	height: auto;
 }
 
 
 /* Menu */
 
 #block-alock-bespoke-design-mainnavigation {
 	position: absolute;
 	right: 5%;
 	top:144px;
 }
 
 
 .menu {
font-family: vag-rundschrift-d, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
letter-spacing: .8px;
text-transform: uppercase;
 }
 
 .menu li a:link,
 .menu li a:visited {
 	color: #fff;
 		border-color: #254636;
	border-style: solid;
	border-width: 1px;
 }
 
.menu li > a {
	padding: 10px 20px 10px 20px;
	margin: 0px 4px;
}

.menu li a:hover,
.menu li > a:focus {
  text-decoration: none;
  background-color: #bbc3aa;
  	border-color: #e4ebd7;
	border-style: solid;
	border-width: 1px;
	padding: 10px 20px 10px 20px;
}

.menu li > a:active,
.menu li a.is-active  {
	background-color: #698279;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	padding: 10px 20px 10px 20px;
}

/* Banner */

#block-alock-bespoke-design-views-block-banners-block-1 {
	background-color: #b8bfa9;
	float: left;
	overflow: hidden;
}


.flex-next {
  padding: 0px 45px 80px 30px;
}

.flex-prev {
	padding: 0px 45px 80px 30px;
}

.flexslider {
	border: none;
	margin: 0;
}



.flex-caption {
background-color: rgba(27, 16, 1, 0.5);
color: #fff;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
font-size: 42px;
text-transform: uppercase;
bottom: 0px;
	position: absolute;
	padding: 30px 5% 30px 5%;
	text-align: center;
	width: 100%;
	letter-spacing: 2px;
	
}

/* Header Tags */

h1 {
color: #554f4c;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
font-size: 32px;
letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

/* Home Body */

#block-alock-bespoke-design-views-block-home-body-block-1 {
	background-image:	url(../../../sites/soundsaunas/files/wood-texture-backdrop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 5% 40px 5%;
	text-align: center;
}

.home-body {
color: #554f4c;
	font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
padding: 40px 10% 40px 10%;

}

.read-more {
	background-color: #777270;
	color: #fff;
	display: inline-block;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 2px 20px 2px 20px;
margin: 40px 0px 0px 0px;
	
}

.read-more:hover,
.read-more a:hover {
background-color: #595654;
color: #fff;
	text-decoration: none;
}

/* Home Block 1 */

.block1-wrapper {
background-color: #817773;
color: #fff;
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

.block1-flex {
  flex: 1 0 50%;
  text-align: left;
}

.block1-flex img {
	width: 100%;
	height: auto;
}

.block1-body-wrapper {
	margin: 18% 8% 0 8%;


}

.block1-title {
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
font-size: 26px;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 30px 0;
}

.block1-body {
	font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
}



.block1-read-more {
border-color: #fff;
border-style: solid;
border-width: 1px;
	color: #fff;
	display: inline-block;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 2px 20px 2px 20px;
margin: 40px 0px 0px 0px;
	
}

.block1-read-more:hover,
.block1-read-more a:hover {
background-color: #595654;
color: #fff;
	text-decoration: none;
}

/* Get In Touch */

#block-alock-bespoke-design-getintouch {
	padding: 50px;
}

#block-alock-bespoke-design-getintouch .views-row {
	margin: 13% 25px 25px 25px
}

#block-alock-bespoke-design-getintouch .views-row button {
	background-color: transparent;
	border: none;
	color: #554f4c;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 5px 0px 0px 0px;
}

#block-alock-bespoke-design-getintouch .views-row button:hover {
	text-decoration: underline
}

.get-in-touch-wrapper {
background-image: url(../../../sites/soundsaunas/files/wood-texture-backdrop.jpg);
background-repeat: no-repeat;
background-size: cover;
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

.get-in-touch-block {
	  flex: 1 0 50%;
  text-align: left;
  overflow: hidden;
}

.get-in-touch-block img {
	width: 140%;
	height: auto;
	margin: 0px 0px 0px -160px;
}

.form-item-first-name,
.form-item-email-2 {
	float: left;
	width: 46%;
}

.form-item-last-name,
.form-item-telephone-2 {
	float: right;
	width: 46%;
}

.get-in-touch-title {
	color: #554f4c;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0px 0px 35px 0px;
}


/* Basic Pages */

#block-alock-bespoke-design-views-block-page-title-block-1 h1 {
	background-color: #e6e6e6;
	padding: 60px 5% 60px 5%;
	margin: 0px;
}

#block-alock-bespoke-design-views-block-basic-body-block-1 {
	background-color: #e6e6e6;
	padding: 30px 5% 90px 5%;
}


.basic-blockwrapper {
		display: flex;
		gap: 80px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

.basic-block {

		  flex: 1 0 45%;
  text-align: left;
  overflow: hidden;
}

.basic-block img {
	width: 100%;
	height: auto;
}

.basic-block-body {
color: #554f4c;
		font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
}

/* Gallery */

#block-alock-bespoke-design-views-block-gallery-block-1 {
	background-color: #e6e6e6;
	padding: 0px 5% 60px 5%;
}

#block-alock-bespoke-design-views-block-gallery-block-1 .view-content {
	display: flex;
		gap: 30px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

#block-alock-bespoke-design-views-block-gallery-block-1 .views-row {
			  flex: 1 0 27%;
  text-align: left;
  overflow: hidden;
}

/* Contact Page */

.contact-break {
	display: inline-block
}

#block-alock-bespoke-design-views-block-contact-us-block-1 {
	background-color: #e6e6e6;
	padding: 10px 20% 60px 20%;
	text-align: center;
}

.contact-us-body {
	color: #554f4c;
		font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 17px;
margin: 0px 0px 40px 0px;
}

.form-item-email {
	float: left;
  width: 46%;
}

.form-item-telephone {
	float: right;
  width: 46%;
}


 
 #block-alock-bespoke-design-views-block-contact-us-block-1 .views-row button {
	background-color: transparent;
	border: none;
	color: #554f4c;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 5px 0px 0px 0px;
}

#block-alock-bespoke-design-views-block-contact-us-block-1 .views-row button:hover {
	text-decoration: underline
}



/* Footer */

#block-alock-bespoke-design-footer {
	background-color: #254636;
	color: #fff;
	font-family: interstate, sans-serif;
font-weight: 400;
font-style: normal;
	text-align: center;
	padding: 30px 5% 30px 5%;
	
}

.footer {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0;
  border-top: none
}

#block-alock-bespoke-design-footer a:link,
#block-alock-bespoke-design-footer a:visited {
	color: #fff;

}

#block-alock-bespoke-design-footer a:hover {

	text-decoration: underline;
}

.footer-logo img {
	max-width: 300px;
	height: auto;
	margin: 5px 0px 60px 0px;
}

.footer-title {
	font-size: 19px;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}

.footer-email {
	font-size: 18px;
	margin: 0px 0px 30px 0px;
}


/* Mobile Menu */

@media (max-width: 1106px) {



#block-alock-bespoke-design-mainnavigation {
	display: none;
}




#block-alock-bespoke-design-responsivemenumobileicon {

background-color: #b8bfa9;
display: block;
padding: 3px 5% 0px 5%;
text-align: center;

  
}

.mm-btn.mm-btn--next.mm-listitem__btn,
.mm-btn.mm-btn--prev.mm-navbar__btn {
  background-color: #9390a0;
}



#block-alock-bespoke-design-responsivemenumobileicon .label {
	color: #6c6563;
font-family: vag-rundschrift-d, sans-serif;
font-weight: 300;
font-style: normal;
  font-size: 18px;
  letter-spacing: .8px;
  text-transform: uppercase;
  text-align: center;
  
  
}

.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon {
  background: #fff;

}

.mm-menu--theme-light {
  --mm-color-background: #817773;
  --mm-color-border: rgb(255 255 255 / 0.2);
  --mm-color-icon: rgb(0 0 0 / 0.4);
  --mm-color-text: rgb(255 255 255 / 0.9);
  --mm-color-text-dimmed: rgb(0 0 0 / 0.4);
  --mm-color-background-highlight: rgb(0 0 0 / 0.05);
  --mm-color-background-emphasis: rgb(255 255 255 / 0.75);
  --mm-color-focusring: #706560;
font-family: vag-rundschrift-d, sans-serif;
font-weight: 300;
font-style: normal;
  font-size: 18px;
  letter-spacing: .8px;
  text-transform: uppercase;
  
}

.mm-navbar {
	color: #fff;
}


.mm-menu a:hover {
	color: #fff;
}

.mm-menu li:hover {
	background-color: #706560;
}

.mm-menu a.is-active {
	color: #fff;
}

:root {
  --mm-size: 80%;
  --mm-min-size: 240px;
  --mm-max-size: 240px
  }
  
  
  }
  
  
    /* Mobile Scaling */
    
    
  
  @media (max-width: 890px) {
  
  .block1-body-wrapper {
  margin: 5% 8% 0 8%;
}

.block1-title {

  margin: 0 0 20px 0;
}

.block1-read-more {
 
  font-size: 16px;
  margin: 25px 0px 0px 0px;
}

#block-alock-bespoke-design-getintouch .views-row {
  margin: 5% 25px 25px 25px;
}

.get-in-touch-block img {
  width: 170%;
  height: auto;
  margin: 0px 0px 0px -180px;
}

  .get-in-touch-block img {
    width: 200%;
    height: auto;
    margin: 0px 0px 0px -200px;
  }
  
  
  
  }
  
  
    @media (max-width: 760px) {
    
    
   .home-body {

  padding: 40px 5% 40px 5%;
} 

.block1-flex {
	overflow: hidden;
}

.block1-flex img {
	width: 110%;
	height: auto;
}

#block-alock-bespoke-design-views-block-page-title-block-1 h1 {

  padding: 40px 5% 20px 5%;
  margin: 0px;
}


.flex-caption {

  font-size: 32px;

}
    
    
    }
  
  
  
  
  


@media (max-width: 500px) {

.mobile-logo-wrapper {
	display: block;
	text-align: center;
}

.mobile-logo-wrapper img {
	width: 220px;
	height: auto;
}

.logo-wrapper {
	display: none;
}

.flex-caption {

  font-size: 20px;

  padding: 15px 3% 15px 3%;

}

.block1-flex {
  flex: 1 0 100%;
  text-align: left;
}


.block1-body-wrapper {
  margin: 40px 8% 40px 8%;
}

.get-in-touch-block {
  flex: 1 0 100%;
  text-align: left;
  overflow: hidden;
}

#block-alock-bespoke-design-getintouch {
  padding: 0px;
}

h1 {
  color: #554f4c;
font-family: "baskerville-urw", serif;
font-weight: 500;
font-style: normal;
  font-size: 28px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}

#block-alock-bespoke-design-views-block-home-body-block-1 {
  background-image: url(../../../sites/soundsaunas/files/wood-texture-backdrop.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 5% 40px 5%;
  text-align: center;
}

.footer-email {
  font-size: 16px;
  margin: 0px 0px 30px 0px;
}

#block-alock-bespoke-design-followus {
  background-color: #b8bfa9;
  padding: 10px 5% 10px 5%;
  text-align: center;
}

#block-alock-bespoke-design-views-block-page-title-block-1 h1 {
  background-color: #e6e6e6;
  padding: 30px 5% 30px 5%;
  margin: 0px;
}

#block-alock-bespoke-design-views-block-gallery-block-1 .views-row {
  flex: 1 0 45%;
  text-align: left;
  overflow: hidden;
}

#block-alock-bespoke-design-views-block-contact-us-block-1 {
  background-color: #e6e6e6;
  padding: 10px 5% 60px 5%;
  text-align: center;
}


}

/* Product Page */

.products-wrapper {
  background-color: #cfc9c9;
  color: #554f4c;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

.products-column {
	flex: 1 0 50%;
  text-align: left;
}

.products-column img {
	width: 100%;
	height: auto;
}

.products-body-wrapper h1 {
	text-align: left;
	color: #554f4c;
	margin: 0 0 35px 0;
}

.products-body-wrapper {
color: #554f4c;
	padding: 8% 8% 0 8%
}

.products-body-list {
border-color: #a39b97;
border-style: solid;
border-width: 0 0 1px 0;
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  
}

.products-body-button {
	background-color: #254636;
	border-radius: 9px;
	color: #e6e6e6;
	display: block;
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  margin: 35px 0 20px 0;
  padding: 3px 25px 3px 15px;
	
}

.products-body-button:hover {
background-color: #595654;
	text-decoration: none;
	color: #e6e6e6;
}

/* Coming Soon Block */

#block-alock-bespoke-design-comingsoonproducts {
	background-color: #e6e6e6;
	text-align: center;
	padding: 0px 5% 80px 5%;
}

.coming-soon-wrapper {
	background-color: #cfc9c9;
	padding: 30px 0 30px 0;
	
}

.coming-soon-header {
	color: #554f4c;
	font-family: "baskerville-urw", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.coming-soon-body {
color: #554f4c;
	font-family: interstate, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  margin: 15px 0 0 0;
}


@media (max-width: 1308px) {

.products-body-wrapper {
  color: #554f4c;
  padding: 4% 8% 0 8%;
}

.products-body-wrapper h1 {
  text-align: left;
  color: #554f4c;
  margin: 0 0 25px 0;
}

.products-body-list {

  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
}

}


@media (max-width: 500px) {

.products-wrapper {
  background-color: #cfc9c9;
  color: #554f4c;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}

.products-column {
	flex: 1 0 100%;
  text-align: left;
}

.products-body-wrapper {
color: #554f4c;
	padding: 40px 5% 30px 5%
}


.form-item-first-name,
.form-item-email-2 {
  float: none;
  width: 100%;
}

.form-item-last-name,
.form-item-telephone-2 {
  float: none;
  width: 100%;
}

.form-item-telephone {
  float: none;
  width: 100%;
}

.form-item-email {
  float: none;
  width: 100%;
}

.footer-logo img {
  max-width: 230px;
  height: auto;
  margin: 5px 0px 60px 0px;
}

 .get-in-touch-block img {
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
  }
  
  #block-alock-bespoke-design-views-block-gallery-block-1 .views-row {
    flex: 1 0 100%;
    text-align: left;
    overflow: hidden;
  }

}

/* Better Login */

#the_logo img {
  width: 100%;
  height: auto;
}

/* Add Gallery Image */

#block-alock-bespoke-design-addgalleryimage {
background-color: #e6e6e6;
	text-align: center;
	padding: 60px 0 0 0;
}

.add-image {
background-color: #89949b;
border-radius: 9px;
color: #fff;
font-family: vag-rundschrift-d, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  letter-spacing: .8px;
  text-transform: uppercase;
	padding: 7px 20px;
}

.add-image:hover {
	background-color: #254636;
	color: #fff;
	text-decoration: none;
}

.add-image a:link,
.add-image a:visited {
	color: #fff;
	text-decoration: none;
}