/*
Theme Name: Jamadecor
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* drawer */
.DrawerMenu{
transform: translateZ(0);
transform: translateX(100%);
  	transition: transform .5s cubic-bezier(.07,.23,.34,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    background: #fff;
    z-index: 9001;
    overflow: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}
.SizeMenu{
	transform: translateZ(0);
	transform: translateX(100%);
  	transition: transform .5s cubic-bezier(.07,.23,.34,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    background: #fff;
    z-index: 9001;
    overflow: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}
.nav-open {
  transform: translateX(0);
}

.DrawerMenu.is-moved {
  transform: translateX(100%);
}
.DrawerMenu.is-moved::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 20px;
  box-shadow: 0 0 10px black;
}
.close-menu {
	position: relative;
    left: 90%;
    z-index: 9002;
    top: 0px;
}

.section-content .detail-product{
  padding:15px 0px;
  border-top:1px solid #d5d5d5!important;
  border-bottom:1px solid #d5d5d5 !Important;
}


.sec-about h3.sub-title{
    font-family: 'Roboto';
    font-size: 14px;
    color: #8e8e93;
    text-transform: uppercase;
    margin-bottom:0px;
}
.sec-about .content-about-short{
    text-align: justify;
    line-height: 2.2rem;
}
.img-sec-about, .img-sec-about .banner-bg, .bg-fill{
    border-radius:5px 5px; 
}
.img-sec-about{
    position:relative;
}
.img-sec-about:after{
    background:var(--primary-color);
    height: 100%;
    width:100%;
    content:'';
    position:absolute;
    top:20px;
    left:20px;
    border-radius:5px;
    z-index:-1;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.DrawerMenu, .SizeMenu{
		width:100%;
	}

}