Black Friday Template Design Tutorial CSS

style.css

/**
* CSS Code for Black Friday Template Pack
* Author: WP Academy
* URL: https://wpacademy.pk
**/
.wpac-bf-header {
	transition: 0.5s all;
}
.wpac-bf-header.elementor-sticky--effects {
	background-color: #ffffff;
}
.wpac-bf-header.elementor-sticky--effects .wpac-bf-header-black-bg {
	background-color: #000000;
}
.wpac-added-to-cart .added_to_cart {
	display: inline-block;
	width: auto;
	padding: 10px 40px;
	background-color: #333333;
	color: #ffffff;
	margin-top: 10px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.wpac-custom-carousel .elementor-widget-container  {
	padding: 15px !important;
	background-color: rgba(0,0,0,0.8) !important;
	border-radius: 10px;
	margin: 0 10px;
}
.wpac-custom-carousel .elementor-swiper-button-prev, .wpac-custom-carousel .elementor-swiper-button-next {
	background-color: #000000;
	border-radius: 50%;
	padding: 10px;
}
.wpac-custom-carousel .elementor-swiper-button-prev {
	left: -50px;
}
.wpac-custom-carousel .elementor-swiper-button-next {
	right: -50px;
}
@media all and (max-width: 768px) {
	.wpac-custom-carousel .elementor-swiper-button-prev {
		left: -10px;
	}
	.wpac-custom-carousel .elementor-swiper-button-next {
		right: -10px;
	}
}