body{
//background-color: #fce1de!important;//baby pink
background-color: #f5dac9!important;//baby skin beige 
}

#sb_main{
margin-top:100px!important;//sign in icon top bar
}
#sb_content {
// body content
//margin-top:-250px!important;
//border: 2px yellow solid!important;
}
div.inner{
//box that display show on map and book now buttons
border: 1px white solid!important;
height:50px!important;
margin-top:-10px!important;
display: none!important;
}

section#main-content{
margin-top:-550px!important;
//border: 2px red solid!important;
}

div.wrapper.company-logo-and-name{
//width:1px!important;
//height:10px!important;
//border: 1px white solid!important;
}

div.company-name {
width:1px!important;
height:1px!important;
//border: 3px black solid!important;
display: none!important; 
// HIDE text LAVISH Beauty Spa in body content at the home page

}

/* -- add more space at the bottom for the sign up page ==*/
div.bar{
//height:50px!important;
//padding:0 0px 200px 0!important;
}

section#main-buttons {

height:100px!important;
background-image: url("https://lavish-beautyspa.com/wp-content/uploads/2024/07/nails-salon-background.jpg")!important;
 background-repeat: no-repeat;
  //background-attachment: fixed;
  background-position: right;
//border: 2px solid red!important;
//width:50%!important;
//margin-left:0px!important;
} 

/* Sign in and Sign up button font color: black */
button,a {
color:black!important;
}

a.sb-cell.free { 
//thicker border for avail time slot
border: 2px solid!important;
}

/* ---- Hide Cart icon ------*/
div.cart-container, div.cart.item-container.sb-cart-btn {
width:1px!important;
height:1px!important;
display: none!important; // HIDE CART on Webpage
background-color: yellow!important;
border: 2px solid!important;
}
btn btn--sign-in custom popup-hide
/* -- HIDE INVOICE btn & Edit Profile Button  on Webpage --*/
a.btn.btn-invoices.popup-hide, a.btn.btn-edit.sb-client-edit-popup{
display: none!important; 
}

div.copyright{
display: none!important; // HIDE INVOICE on Webpage
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}