@layout__max-width: 1760px;
@button__hover__color: @color-white;
// Button 
@button__border-radius: 40px;
@vertical_menu_title_color: @color-white;

@use_custom_page-bg: true;
@module_margin_bottom: 2.5rem;
// Slide show on top
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
	.col-on-top{
		margin-top: 2rem;
		&.row, .row{
			margin-left: -10px;
			margin-right: -10px;
		}
		*.no-wrap-desktop, 
		.no-wrap-desktop{
			flex-wrap: nowrap;
		}
		.col-slide,
		.col-banner-beside,
		.col-md-6{
			padding: 0 10px;
		}
		.col-slide{
			flex: 0 0 auto;
			width: 57.711%;
		}
		.col-banner-beside{
			flex: 0 0 auto;
			width: 42.286%;
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	.col-on-top{
		.col-banner-beside{
			display: none;
		}
	}
	rs-module-wrap{
		padding: 0 1.5rem;
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
	.col-on-top{
		margin-top: 3rem;
	}
}
& when (@media-common = true) {
	.banner-middle{
		.col-banner{
			.content{
				h3{
					line-height: 1.5;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
	.banner-middle{
		.col-banner{
			&.left{
				.content{
					padding-left: 4.5rem !important;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
	.group-product{
		margin-left: -1rem;
		margin-right: -1rem;
		> div{
			padding: 0 1rem;
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	.group-product{
		.section{
			margin-bottom: 2rem;
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	.group-product{
		.section{
			margin-bottom: 1rem;
			.products.wrapper.list .item-row .product-item:not(:last-of-type){
				margin-bottom: 1rem; 
			}
		}
	}
}
& when (@media-common = true) {
	// Blog recent post
	.block-recent-posts{
		.post-list-wrapper {
			.blog-list-post{
				.post-holder{
					.post-item{
						.image_border-radius();
						.blog-post-thumb{
							border-radius: 0;
						}
					}
				}
			}
		}
	}
}
// Page Builder
& when (@media-common = true) {
	.banner-top-slider{
		.item-banner-slider{
			flex: 1;
			height: 100%;
			> a {
				display: block;
				height: 100%;
				.pagebuilder-banner-wrapper{
					height: 100%;
					.pagebuilder-overlay{
						height: 100%;
						.pagebuilder-poster-content{
							p{
								margin-top: 15px;
							}
						}
					}	
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
	#html-body{
		.wrap-slider-banner{
			margin-top: 3rem;
			.pagebuilder-column-group{
				.wrap-slider-revo{
					width: 57.711%;	
				}
				.banner-top-slider{
					width: 21.143%;
				}
			}
		}
	}
}
// Banner Middle
& when (@media-common = true) {
	.banner-middle-builder{
		.banner-middle-item{
			.pagebuilder-banner-wrapper{
				.pagebuilder-poster-content{
					h3{
						line-height: 1.4;
					}
					p{
						margin-top: 15px;
					}
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
	#html-body{
		.banner-middle-builder{
			.banner-middle-item{
				.pagebuilder-banner-wrapper{
					padding: 14px 0;
					.pagebuilder-overlay{
						padding-left: 6rem;
					}
				}
			}
		}
	}
	
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	.banner-middle-builder{
		padding-left: 5px;
    	padding-right: 5px;
		overflow: hidden;
		.pagebuilder-column-group{
			overflow: hidden;
            overflow-x: scroll;
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
			flex-wrap: nowrap;
			&::-webkit-scrollbar{
                display: none;
            }
			.pagebuilder-column{
				flex: 0 0 50%;
				max-width: 50%;
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
	.banner-middle-builder{
		.pagebuilder-column-group{
			.pagebuilder-column{
				flex: 0 0 100%;
				max-width: 100%;
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
	.group-product{
		.wrap-product-tab{
			.product-tabs-left{
				background: @color-white;
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	#html-body{
		.group-product{
			.pagebuilder-column-group{
				flex-wrap: wrap;
				.wrap-product-tab{
					margin-bottom: 2rem;
				}
				.pagebuilder-column{
					width: 100%;
					flex: 0 0 100%;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
	.group-product{
		.wrap-product-tab{
			.product-tabs-left{
				height: 100%;
				> div{
					height: 100%;
				}
			}
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	#html-body{
		.group-product{
			.pagebuilder-column-group{
				.wrap-product-tab{
					margin-bottom: 1rem;
				}
			}
		}
	}
}
// Slider Banner
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
	#html-body{
		.wrap-slider-banner{
			.pagebuilder-column-group{
				.wrap-slider-revo{
					width: 100%;
				}
				.banner-top-slider{
					display: none;
				}
			}
		}
	} 
}
& when (@media-common = true) {
	.wrap-slider-banner,
	.banner-middle-builder,
	.group-product{
		.pagebuilder-column-group{
			margin-left: -10px;
			margin-right: -10px;
		}
	}
	.wrap-brand{
		.block-widget-rokanthemes-brand {
			margin-bottom: 0;
		}
	}
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
	.page-header {
		.navigation{
			ul.custommenu-list {
				li{
					&.active{
						border-top: none;
						border-bottom: none;
					}
					&.level0{
						ul{
							li.menu-item-has-children{
								border-top: none;
							}	
						}
					}
					&.my_account_link_custom{
						border-top: none;
					}
				}
			}
			ul.verticalmenu-list{
				li.ui-menu-item{
					&:first-child{
						border-top: 0;
					}
				}
			}
		}
	}
}
