/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

body, body .elementor-element {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
body.elementor-page.page .site-content .container{
	max-width:100%;
	padding-left:0px;
	padding-right:0px;
}
body.elementor-page.bb-buddypanel.page .site-content{
	padding-left:0px !important;
	padding-right:0px !important;
}
body.elementor-page.page .content-area{
	padding:0px !important;
}
body.elementor-page.page .site{
	overflow-x:hidden;
}
body.elementor-page.page .entry-header{
	margin:0px !important;
}
body .elementor-widget-heading .elementor-heading-title span{
	color:var( --e-global-color-accent );
}
body .header-aside .button.signup {
    color: #fff;
    font-weight:600;
}
body .bb-footer{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	color:var(--e-global-color-text);
}
body .footer-copyright-wrap .footer-menu a{
	color:var(--e-global-color-text);
}
body .footer-copyright-wrap .footer-menu a:hover{
	color:var( --e-global-color-accent );
}
body .buddypanel .side-panel-menu>li>.bb-menu-item>i:not(.bb-icon-angle-down),
body .buddypanel .side-panel-menu li.bb-menu-section a{
	color:var(--e-global-color-text);
	opacity:1 !important;
}
body .align-R > .e-con-inner{
	margin-right:0px !important;
}
/** Shop Listing Section **/
body .shop-list-sec .woocommerce ul.products{
	margin:0px;
	gap:35px;
}
body .shop-list-sec .woocommerce ul.products::after,
body .shop-list-sec .woocommerce ul.products::before{
	display:none;
}
body .shop-list-sec .woocommerce ul.products li.product{
	width:calc(33.33% - 70px/3);
	max-width:100%;
	margin:0px;
	padding-bottom:15px;
	border-radius: 0px;
	margin: 0px !important;
}
body .shop-list-sec .woocommerce li.product a.button.add_to_cart_button,
body .shop-list-sec .woocommerce li.product a.woocommerce-LoopProduct-link>img {
    border-radius: 0px;
}
body .shop-list-sec .woocommerce  ul.products li.product .price,
body .shop-list-sec .woocommerce .product-full-description{
	padding:0 15px;
}
body .shop-list-sec .woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size:22px;
}
body .product-full-description ul,
body .product .woocommerce-product-details__short-description ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
}
body .product-full-description ul li ul,
body .product .woocommerce-product-details__short-description ul li ul{
	padding-top:15px;
}
body .product-full-description ul li,
body .product .woocommerce-product-details__short-description ul li{
	position:relative;
	padding-left:20px;
	margin-bottom:5px;
}
body .product-full-description ul li:before,
body .product .woocommerce-product-details__short-description ul li:before{
	content:'';
	display:inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color:#5ca195;
	position:absolute;
	left:0px;
	top: 10px;
}
body .shop-list-sec .woocommerce ul.products li.product .price {
    font-size: 18px;
    font-weight: 700;
}
body .shop-list-sec .woocommerce-LoopProduct-link,
body .shop-list-sec .woocommerce-LoopProduct-link:hover{
	color:var(--e-global-color-text);
}
.woocommerce li.product a.button.add_to_cart_button,
.woocommerce li.product a.button,
div.product form.cart .button{
	background-color: var(--bb-primary-button-background-regular) !important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 0.5px;
    color: var(--bb-primary-button-text-regular);
    border-radius: 0px 0px 0px 0px;
    padding: 14px 25px 14px 25px !important;
	margin:0 auto;
	margin-top:0px;
	flex: 0 1 auto;
	height: auto !important;
}
.woocommerce li.product a.button.add_to_cart_button:hover,
.woocommerce li.product a.button:hover,
div.product form.cart .button:hover{
	background-color: var(--bb-primary-button-background-hover) !important;
}

/** Product Detail Page ***/
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tbody tr{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}
.woocommerce div.product form.cart .variations td.label{
	padding:0px;
}
.woocommerce div.product form.cart .variations label{
	font-size:14px;
}
.woocommerce div.product form.cart .variations select{
	min-width: 100% !important;
    margin-right: 0px;
}
.woocommerce div.product form.cart .variations{
	margin:0px;
}
.woocommerce div.product .single_variation_wrap .woocommerce-variation{
	margin:0 0 15px;
}
.woocommerce div.product form.cart {
    margin-bottom: 10px;
}
#content div.product div.summary .product_meta>span {
    font-size: 16px;
    color: var(--bb-body-text-color);
}
.woocommerce ul.products li.product .price{
    font-size: 16px;
    font-weight: 700;
}
.woocommerce ul.products li.product{
	padding-bottom:15px;
}
.woocommerce  ul.products li.product .price,
.woocommerce .product-full-description{
	padding:0 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size:20px;
}
#content div.product .custom-product-description {
    background-color: var(--bb-content-background-color);
    border-radius: var(--bb-block-radius);
    border: 1px solid var(--bb-content-border-color);
    padding: 20px;
	margin:0 0 40px;
}

/** Responsive **/
@media only screen and (max-width: 1300px) {
body .shop-list-sec .woocommerce ul.products{
	gap:20px;
}
body .shop-list-sec .woocommerce ul.products li.product{
	width:calc(33.33% - 40px/3);
}
#content div.product div.summary{
	padding:20px;		
}
}
@media only screen and (max-width: 1199px) {
body .shop-list-sec .woocommerce ul.products{
	justify-content:center;
}
body .shop-list-sec .woocommerce ul.products li.product{
	width:calc(50% - 20px/2);
}
.woocommerce #content div.product div.woocommerce-product-gallery.images {
	width: 100%;
	flex: 1 1 auto;
	min-width: 100%;
	border-right-width: 1px;
	border-radius: var(--bb-block-radius);
	float: none;
}
.woocommerce #content div.product div.summary {
	width: 100%;
	flex: 1 1 auto;
	min-width: 100%;
	border-left-width: 1px;
	border-radius: var(--bb-block-radius) !important;
	padding: 20px;
	float: none;
}
div.product .woocommerce-product-gallery__wrapper img.wp-post-image {
   border-radius: var(--bb-block-radius)
}
#content div.product .custom-product-description {
    padding: 15px;
	margin:0 0 25px;
}
}
@media only screen and (max-width: 575px) {
body .shop-list-sec .woocommerce ul.products li.product{
	width:100%;
}
.woocommerce #content div.product div.summary {
	padding: 10px;	
}
}


/* Filter */
.al-portfolio-archive{
	padding-top: 50px;
}
.al-portfolio-archive .archive-title{
	margin: 0 0 20px;
	text-align: center;
}
body.post-type-archive-portfolio .site-content{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
body.post-type-archive-portfolio .site-content .container{
	max-width: 100% !important;
	padding: 0px !important;
}
.al-portfolio-filter {
  text-align: center;
	padding: 20px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.al-portfolio-filter-btn {
	font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
	color: var(--bb-sidenav-text-regular);
	position: relative;
	background-size: 0;
    background-repeat: no-repeat;
    -webkit-transition: .5s ease;
    transition: .5s ease;
	background-image: linear-gradient(transparent calc(100% - 2px), var(--bb-sidenav-text-regular) 2px);
}
.al-portfolio-filter-btn.active,
.al-portfolio-filter-btn:hover,
.al-portfolio-filter-btn.active{
	background-size: 100%;
	color: var(--bb-sidenav-text-regular);
}

/* Grid */
.al-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 0px;
}
.al-portfolio-archive .x-center{
	text-align: center;
}
.al-portfolio-item {
  position: relative;
  overflow: hidden;
}
.al-portfolio-link {
  display: block;
  position: relative;
}
.al-portfolio-image-wrapper {
  position: relative;
  overflow: hidden;
}
.al-portfolio-img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  transition: all 0.4s ease;
  transform: scale(1);
}

/* Hover scroll effect */
.al-portfolio-item:hover .al-portfolio-img {
  transform: scale(1.05);
}

/* Overlay */
.al-portfolio-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
  width: 100%;
  padding: 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.95), rgba(0,0,0,0));
  color: #fff;
  opacity: 1;
  transition: 0.4s ease;
}
.al-portfolio-title {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: normal;
	color: #fff;
}
.al-portfolio-cat {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
}
.al-portfolio-cat span{
	border: 0;
    border-bottom: 1px solid #ddd;
    margin-right: 10px;
}
.al-portfolio-item:hover .al-portfolio-cat{
  	opacity: 1;
	visibility: visible;
}

/* Pagination */
.al-portfolio-pagination {
  text-align: center;
  margin-top: 20px;
}

/* Responsive */
@media only screen and (max-width: 1600px) {
.al-portfolio-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.al-portfolio-img {
  height: 380px;
}
}
@media only screen and (max-width: 1199px) {
.al-portfolio-cat {
	opacity: 1;
	visibility: visible;
}
.al-portfolio-title {
    margin: 0 0 8px;
}
}
@media only screen and (max-width: 575px) {
.al-portfolio-img {
  height: 320px;
}
}


/* Blog Detail */
body.single.single-portfolio .entry-img{
	padding-top: 100%;
}