/******************************************************************
Theme Name: Imaginal Themes - Layout 10
Theme URI: http://www.imaginalmarketing.com
Description: Child theme for Imaginal Wordpress templates
Author: Imaginal Marketing Group
Author URI: http://www.imaginalmarketing.com
Template: Imaginal-Master
Version: 1.02345
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/


#footer-top a.aveda-logo{
		max-width: 100px;
		margin-top: 1.5rem;
		display:block;
	}
	
#footer-top a.aveda-logo img{
		width: 100%;
		height: auto;

	}

#reviews #reviews_holder_inner h3{
	text-transform: none;
}

.sbi-header-type-text{ display: none !important; }
main ul li, main ol li{ 
	line-height: 1.2; 
	padding-top: .4rem !important; 
	padding-bottom: .4rem !important; 
}

main h3, main h4, main h2, main h1{ line-height: 1.1 !important; }

h5.blockquote-text{ color: #e6a283; max-width: 550px; }
blockquote{border-left: 1px solid #e6a283 !important; padding: .25rem 1rem; .15rem; }
.off-canvas{
	background-color: #e6a283 !important;
}
#sidebar div.opensub{ margin-bottom: 0 !important; }

#sidebar #sidenav ul.interiorsub-nav{
	background-color: #fcf0ee !important; 
	margin-bottom: 2rem;
	padding-top: 1rem; 
	padding-bottom: 1rem; 
}

body.page table.im-services tbody tr td.serv-price, body.page table.im-services tbody tr td.serv-title{ 
	line-height: 1.2 !important; 
	padding-bottom:0 !important; 
	padding-top: 1rem !important; 
}

body.page table.im-services tbody tr td.serv-desc{ 
	font-style: normal;
	padding: 4px 10px 1rem 10px !important;
}

body.page main table.im-services tbody tr td.serv-desc{ margin-bottom: 0 !important; }

.serv_wrapper .serv_subcat_disclaimer ul li, .serv_wrapper .serv_subcat_disclaimer ol li{ font-style: italic; }
.serv_wrapper .serv_subcat_disclaimer, .serv_wrapper .serv_subcat_disclaimer p{ font-weight: 500!important; }


.top-bar #navigation>ul.menu>li ul{
	margin-top: 5px;
}
footer.footer .menu .active>a{ background: transparent !important; }

footer.footer #footer-top #foot1 a.footer-logo {
	background-size: cover;
}


body:not(.home) #promos {padding-bottom: 3rem; }

body:not(.home) #headerimage{
	height: 500px;
}







table.hours tr td {
	padding: 0;
}
table.hours tr td:first-of-type {
	padding-right: 20px;
}
#foot3 li a {
	padding: 0 0 7.5px 0;
	text-decoration: underline;
}

#promos.interior_promos{ display: block; }

h3.gsection_title { margin-top: 20px; }
.gform_wrapper.gravity-theme .gfield_label { font-weight: bold !important; }

/* Services */
table.im-services tbody tr.has-description:nth-child(4n+3),
table.im-services tbody tr.serv-description:nth-child(4n),
table.im-services tbody tr:not(.has-description):not(.serv-description):nth-child(even) {
  background-color: #f9f0ed;
}
table.im-services tbody tr td.serv-col {
	padding: 10px !important;
}
table.im-services tbody tr td.serv-title {
	padding-right: 10px !important;
	vertical-align: top;
}
table.im-services tbody tr td.serv-desc {
	padding-right: 20% !important;
}
table.im-services tbody tr td.serv-price {
	vertical-align: top;
	color: #e09b78;
	font-weight: bold !important;
}
td.serv-col.serv-desc ul li {
  font-weight: 300;
	padding: 0;
	margin-bottom: 0;
}
.footnote {
	color: #e09b78;
	font-weight: bold;
	display: inline-block;
	font-size: 0.9rem;
}


/* FOOTER */

/*
@media screen and (max-width: 39.9375em){
	footer.footer #footer-top a.footer-logo{
		width: 193px;
		height: 147px;
		background-size: contain;
	}
}*/

/* FOOTER */
footer.footer #footer-top a.footer-logo{
	display:block;
	width: 281px;
	height: 73px;
	background: url(https://bohemesalon.com/wp-content/uploads/2021/06/bg-footer-logo.png) top center no-repeat;
	margin: 0 auto;
	
}

.footer-logo:hover img{
	opacity: 0;	
}

/*INSTAGRAM*/
.ig-feed h3{ 
	text-align: center; 
	font-size: 1.75rem;
	margin-bottom: 0;
	line-height: 1;
	color: #df9b78;
}

.subfooter{ 
	padding: 3rem 0 1rem;
	position: relative;
	z-index: 1;
	background-image: url(https://bohemesalon.com/wp-content/uploads/2023/05/flower-top-m.png);
	background-position: right bottom -27px;
	background-repeat: no-repeat;
}
.subfooter .ig-feed{
	position: relative; 
	z-index: 5;
}
.subfooter .thefeed{
	padding:0 3rem;
}

#ig-wrapper{ padding: 0; }
#ig-feed{
  padding: 0 1.5rem;
}

#sb_instagram{ padding-bottom: 0 !important; }
.sbi_photo_wrap {
	border-radius: 50% !important;
	overflow: visible;
	border: 1px solid #3b3839;;
	padding: 8px;
}

.sbi_photo_wrap:hover{ border: 2px solid #000; }
/*#sb_instagram .sbi_link a:focus, #sb_instagram .sbi_link a{
  position: relative;

}*/
#sb_instagram #sbi_images.sbi_carousel .sbi_item.sbi_transition .sbi_photo, #sb_instagram .sbi_item:not(.sbi_transition) .sbi_photo{ border-radius: 50%; }
#sb_instagram .sbi_photo_wrap:after{
  transition: all 0.3s ease-in-out;
  content: url('https://bohemesalon.com/wp-content/uploads/2022/09/ig-hover.png') !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform:translate(-50%,-50%);
  opacity: 0;
  pointer-events: none;
 }
 
#sb_instagram .sbi_photo_wrap:hover:after{
  content: url('https://bohemesalon.com/wp-content/uploads/2022/09/ig-hover.png') !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform:translate(-50%,-50%);
  z-index: 1000 !important;
  transition: all 0.3s ease-in-out;
  opacity: 0.9;
  pointer-events: none;
}

.sbi-owl-nav .sbi-owl-next {
    margin-right: -14px !important;
	padding: 7px 6px 5px 8px !important;
	margin-top: -7px !important;
}
.ig-feed h3{ font-size: 2.25rem !important; }

.sbi-owl-nav .sbi-owl-prev {
    margin-left: -14px !important;
	padding: 7px 8px 5px 6px !important;}
margin-top: -7px !important;


footer.footer, footer.footer #footer-top{ 
	position: relative;
	z-index: 2;
	background-position: top -401px right 0, top;
}

@media screen and (max-width: 39.9375em){
  
}


@media screen and (min-width: 40em){
	.subfooter .ig-feed{
		display:flex;
		align-items: center;
	}
	footer.footer{
		background-image: url(https://bohemesalon.com/wp-content/uploads/2021/06/bg-flower-footer.png), url(https://bohemesalon.com/wp-content/uploads/2021/06/bg-footer.png);
		background-position: top -223px right, center top;
		background-repeat: no-repeat;
		background-size: auto, cover;
	}
	footer.footer #footer-top #foot1{margin-right: auto;}
	.subfooter{
		background-image: url(https://bohemesalon.com/wp-content/uploads/2023/05/flower-top.png);
		background-position: right bottom -129px;
	}
}
@media screen and (min-width: 64em){
   #ig-wrapper h2{ margin-top: 3.5rem; }
     #ig-feed { padding-right: 0; }
	footer.footer #foot3.hide-for-medium{
		display:block !important;
	}
	table.hours tr td:first-of-type{ 
		padding-right: 4px;
		width: auto;
	}
	table.hours tr td{ width: auto; vertical-align:top;}
	body > div.off-canvas-wrapper > div.subfooter > div > div.medium-3.columns{ margin-top: -.5rem; }
}


@media screen and (min-width: 1440px){
   #ig-wrapper h2{ margin-top: 4rem; }

}

@media screen and (min-width: 1600px){
   #ig-wrapper h2{ margin-top: 5rem; }
    
}
@media screen and (max-width: 63.9375em){
	.off-canvas-links a, .off-canvas-links a:visited{
/* 		color: #fff; font-weight: 400; */
	}
	.off-canvas-links{ margin-top: 0; }
}

@media screen and (max-width: 39.9375em){
	#heroimage #slides .slide .slidetext .slidetext_inner{ width: 100%; }
	footer.footer #footer-top a.footer-logo{
		width: 220px;
		height: 57px;
		background-size: contain;
	}
	
	#heroimage #slides .slide .slidetext{
		top: 66%;
	}
	
	#heroimage #slides .slide .slidetext .slidetext_inner h1{
		font-size: 2rem;
		margin-bottom: 0;
	}
	
	#heroimage #slides .slide .slidetext .slidetext_inner p a.button{
		margin-top: .5rem;
	}
	footer.footer #footer-top a.footer-logo img{
		width: 100%;
		height: auto;
	}
	body:not(.home) #headerimage{
	height: 400px;
  }
	footer.footer #footer-top #foot4 ul li a{ padding-right: 0; }
	footer.footer #footer-top #foot4 ul li a,
	footer.footer #footer-top #foot2,
	footer.footer #footer-top #foot2 p, 
	footer.footer #footer-top #foot2 p a{ text-align: center;}
	#footer-top a.aveda-logo{ display: inline; }
	#footer-top a.aveda-logo img{ max-width: 100px; }
	footer.footer{ padding-left: 0; }
	
	#footer-top #foot1.column{ float: none; padding: 0;}
	
	
}

/* Responsive iFrames */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}