/** Shopify CDN: Minification failed

Line 81:0 All "@import"https://serenebathrooms.com/cdn/shop/t/12/assets/rules must come firstLine 565:1 Unexpected "/"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/
@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/Calibre-Black.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/Calibre-Light.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/Calibre-Bold.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/Calibre-Regular.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/Calibre-Thin.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/Calibre-Semibold.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('https://serenebathrooms.com/cdn/shop/files/files/Calibre-Medium.woff2') format('woff2'),
        url('https://serenebathrooms.com/cdn/shop/files/Calibre-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@import url('//fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, h1, h2, h3, h4, h5, h6, div, span, input, textarea, select, button, p, a {font-family: 'Calibre';}


 .grid__item {
	 float: left;
	 padding-left: 30px;
	 width: 100%;
}

  ::-webkit-scrollbar-track {
  
  padding: 7px 10px;
  background-color: #b5b5b5;
   box-shadow: inset 0 0 2px rgba(0,0,0,.3);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.3);
  background-color: #44294c;
  border: 2px solid #44294c;
}
@media only screen and (min-width: 750px) {
   .grid__item.medium-up--one-quarter {
    width: 25%;
  }
   .medium-up--five-twelfths { width: 41.66667% ; }
  .medium-up--seven-twelfths{    width: 58.33333% ;  }
  .medium-up--one-half { width: 50% ;  }
   .section-header {
      margin-bottom: 55px; }

    

a.card-media{
    padding-bottom: 250px !important;
}
}




 .grid::after {
	 content: '';
	 display: table;
	 clear: both;
}
 @media only screen and (max-width: 749px) {
	 .grid {
		 margin-left: -22px;
	}
}

.header__search-full .search__button{
    margin-top: 0px !important;
}
.header__search-full .search__input{
    border: 1px solid #ccc !important;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2) !;
}



/* Home Service Section */
.home-service-sction-inner {
    width: 100%;
    display: block;
    background: #543b5b;
    padding: 20px 0;
}
 .home-service-sction-inner .grid {
     margin-left: 0;
}
 .home-service-sction-inner .grid__item {
     padding: 0;
}
 .home-service-detail {
     width: 100%;
     display: flex;
     align-items: flex-start;
     justify-content: center;
     border-right: 1px solid rgba(255, 255, 255, 0.2);
}
 .home-service-detail img {
     margin-right: 15px;
     margin-top: 3px;
}
 .home-service-detail h3 {
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     margin-top: 0px;
     margin-bottom: 2px;
     line-height: 20px;
}
 .home-service-detail p {
     font-size: 14px;
     line-height: 16px;
     color: #fff;
     font-weight: 300;
     margin: 0px;
}
 .home-service-sction-inner .grid__item:last-child .home-service-detail {
     border-right: none;
}



/* Home Service Section End*/
/* Product Page */

.template-product .product-details  {
   background-color: #f1f1f1 !important;
}
.template-product .moreItem-breadcrumb{ background-color: white !important; }
.template-product .productView-container{padding-top: 40px;}
.card-information .card-title{
    font-size: 14px;
    line-height: 1.4;
    color: rgb(34, 25, 36);
}


/* End Product Page */





/* Customer Review Section  */




 


.template-product  .home-customer-section{background-color:#fff;border-bottom: 1px solid #dfdfdf;}
.home-customer-section {	width: 100%;	display: inline-block;	background: #f1f1f1;	padding: 55px 0;}
.home-customer-detail {	width: 100%;	display: inline-block;}
.home-customer-detail h3 {	margin-bottom: 3px;	font-size: 18px;	line-height: 22px;	color: #543b5b;	font-weight: 600;	margin-top: 15px;}
.home-customer-detail p {	font-size: 16px;	line-height: 20px;	color: #5d5d5d;	font-weight: 300;}

/* End Customer Review Section */


/* Home Guarantee Section Start*/
.home-guarantee-inner {	width: 100%;	display: inline-block;	background: #626262;	padding: 40px;	text-align: center;}
.home-guarantee-inner h3 {	font-size: 30px;	line-height: 32px;	color: #fff;	letter-spacing: 3px;	font-weight: bold;}
.home-guarantee-inner h3 span {	margin-bottom: 3px; font-family: 'Playfair Display', serif !important;	font-weight: normal; font-style: italic;}
.home-guarantee-inner p {	font-size: 18px;	line-height: 20px;	color: #fff;	letter-spacing: 1px;	font-weight: normal;}

/* Home Guarantee Section End*/

  .section-header {
  margin-bottom: 35px; }

  
/* Home Sale Section Start */
  .home-sale-section .grid__item.medium-up--seven-twelfths {	width: 58.9%;}
.home-sale-section .grid__item.medium-up--five-twelfths {	width: 41.1%;}
.home-sale-section {	width: 100%;	display: inline-block;	padding: 55px 0 30px;}
  .home-sale-detail {	width: 100%;	display: block;	overflow: hidden;	line-height: 10px;}
.home-sale-detail img {	width: 100%; transition:transform .2s ease;}
.home-sale-detail img:hover {	transform: scale(0.97);}
   .sale-top-space { margin-top: 30px;}

 .grid.inner_grid{ margin-left: -30px;}

/* Home Sale Section End */

/* Home Shop Section Start */
  .home-shop-section {
    
    background: #f1f1f1;
    width: 100%;
    display: inline-block;
    padding: 55px 0;
}
  .home-shop-detail {	width: 100%;	display: inline-block;	text-align: center;	background: #fff;	margin-bottom: 30px;	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.home-shop-detail img {	width: 100%; transition:transform .2s ease;height:100%;}
.home-shop-detail:hover img {	transform: scale(0.98);}
.home-shop-detail h3 {	font-size: 18px;	margin: 0;	line-height: 20px;	font-weight: 600;	color: #462a4e;	padding: 15px 0 21px;}
.home-shop-img {	width: 100%;	overflow: hidden;	height: 239px;	display: inline-block;}
  
/* Home Shop Section End */

/*  Product Tabs Start  */
  product-tab .toggle-title a.toggleLink{
    padding: 20px !important;
}
product-tab .toggleLink.is-open{
   background: #ece8e8 !important; 
   border-bottom: 1px solid #afafaf
}
product-tab .toggle-title span{
   color: #462a4e;
   letter-spacing: 0px;

}
product-tab .tab-content{
    border: 1px solid #afafaf !important;
    background: #fff;
    margin-bottom: 20px;
}

product-tab .tabs-contents .toggle-content{
    padding: 20px !important;
}



product-tab span.icon-plus {
   margin-right: 20px;
}
 .my_icons .icon-div{
    display: block;
    margin: 0 auto !important;
    width: 100%;
    float: none;
	border-bottom: 0;
    float: left;
    text-align: center;
}

.my_icons .icon-item{    width: 20%; float:left;   padding-bottom: 10px;}
.my_icons .icon-item img {
    margin-bottom: 10px;
    max-height: 28px;
    max-width: 32px;
    vertical-align: bottom;
    display: inline-block;
}

 .my_icons p{
    font-size: 15px !important;
    font-weight: 400;
    color: #333232;
    line-height: 15px;
    margin: 0 0 19.44444px;
} 
/* Product Tabs end */
  
/* Product Card */
.collection-default{
    background-color: rgb(242, 240, 235) !important;

}
.collection-default .halo-collection-content{
    padding-top: 20px;
}
.product .product-item{
    background-color: white;
}
.product .product-item:hover{
    box-shadow: rgb(203, 201, 197) 0px 0px 12px;
}
.card-media>img{
    width: unset !important;
    height: unset !important;
}

.card-action{ text-align: center; }

.wishlist_title_wrap {
    display: flex;
    padding: 10px;
    justify-content: space-between;
}
.wishlist_title_wrap .card-title{
    text-align: left;
}
.product-item .card-information{
    padding: 0px 10px;
        height: 190px;
}
.wishlist_title_wrap .card-title span{  text-decoration: none !important; }

.wishlist-icon{width: 24px !important;height: auto !important;}
.wishlist_title_wrap .card-wishlist .wishlist-icon svg{ 
    width: 100% !important; 
    height: auto !important; 
    fill: 543b5b !important;

} 

.my_price .price-item{
    font-size: 25px;
    text-align:left;
    padding: 0px 10px;
    font-weight: 700 !important;
}

/* Product Card  End*/











/* Footer */

.halo-row.column-4 .footer-block__item:first-child h2{
    opacity: 0 !important;   
}

.footer-block__newsletter .newsletter-form__field-wrapper{
    flex-direction: column;
    
}

.footer-block__newsletter .footer-block__newsletter-form #NewsletterForm--footer{
    width: 100% !important;
    
}

.footer-block__newsletter .footer-block__newsletter-form .newsletter-form__button{
    width: 100% !important;
    margin-top: 5px !important;
}
.footer__column-item.footer-block__list-social .list-social__item{
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 5px 15px;
}
.list-payment__item .icon{
    width: 38px !important;
    height: 24px !important;
}

.pay-img.footer__security-trust.text-center img{
   max-height: 55px;
   margin-bottom: 55px;
    
}

/* TANZEEL CSS START */
.btn.slideshow__btn{
  font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 9px 27px;
    border: 2px solid #fff;
    color: #fff;
    background: no-repeat;
    height: auto;
    min-height: auto;
    border-radius: 0;
}
.btn.slideshow__btn:hover{
 -webkit-transform: scale(1.2);	transform: scale(1.2);	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);  background:#543b5b !important;  color:#fff !important;  border-color:#543b5b;
}
.small-top-banner-button:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    background: #543b5b !important;
    color: #fff !important;
    border-color: #543b5b;
  
}
.small-bottom-banner-button:hover{
   -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    background: #543b5b !important;
    color: #fff !important;
    border-color: #543b5b;
}
.small-right-bottom-blocks{
      padding-top: 20px !important;
}
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-transition-duration: 0.5s; 
  transition-duration: 0.5s; 
}
.productView-moreItem,.productView-title{
    font-size: 36px !important;
    letter-spacing: 0px !important;
    line-height: 36px !important;
    color: #131313 !important;
    font-weight: 700 !important;
    font-family: Calibre !important;
}

.productView-info-name,.productView-info-value{
font-size: 18px  !important;
    letter-spacing: 0px  !important;
    line-height: 18px  !important;
    color: #131313  !important;
    font-family: Calibre  !important;
    font-weight: 400  !important;
  
}

.price__regular,.price__last,.price-item price-item--regular{

/*   font-size: 30px; */
    letter-spacing: 0px;
    line-height: 36px;
    color: #cf000f!important;
    font-weight: 500!important;
    font-family: Calibre!important;
    float: left;
    width: 100%;
}
.section-header h2{
      margin-bottom: 0;
    font-size: 36px;
    line-height: 40px;
    color: #131313;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 1px;
}
.section-header h2 span {
    font-weight: normal;
    font-style: italic;
    font-family: 'Playfair Display', serif !important;
}
#shopify-section-template--16041951428796__product-recommendations,#halo-recommendations-block-template--16041951428796__product-recommendations,.halo-block-header,.title .text{
      margin-bottom: 0;
    font-size: 36px;
    line-height: 40px;
    color: #131313;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 1px;
  
}
.price-item,.price-item--regular{
/*   font-size: 32px !important; */
    line-height: 30px !important;
    color: #cf000f !important;
    font-weight: 500 !important;
    font-family: "Calibre" !important;
    float: left !important;
    width: 100% !important;
}
.button,.button-ATC{
  background: #543b5b!important;
    color: #fff!important;
    border-color: #543b5b;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 30px;
    border: 2px solid #3c3c3c;
    color: #3c3c3c;
    display: inline-block;
    margin-top: 17px;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
.container-1170 .block-title--style1 .title .text{
  font-weight: normal;
    font-style: italic;
    font-family: 'Playfair Display', serif !important;
}

.section-header{
      margin-bottom: 55px !important;
}
*/ TANZEEL CSS END */