css 月光主题全宽英雄旋转器

Posted 2021-05-13

#hero{
	height: auto;
	background: none !important;
}
#hero .heroOverlay {
	padding: 0;
	background: none;
}
#hero .container {
	width: 100%;
	padding: 0;
}
#hero .heroImages {
	width: 100%;
	margin: 0 !important;
	padding: 0;
	float: none;
}
#hero .heroImages img {
	visibility: hidden !important;
}
#hero .heroImages a {
	height: 700px;
}
#hero .heroImages #hero1 {
	background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/Wayland%2C+Bob/wayland-hero-golfcourse.jpg') no-repeat center center !important;
	background-size: cover !important;
	width: 100%;
}
#hero .heroImages #hero2 {
	background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/Wayland%2C+Bob/wayland-hero-pier.jpg') no-repeat center center !important;
	background-size: cover !important;
	width: 100%;
}
#hero .heroImages #hero3 {
	background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/Wayland%2C+Bob/wayland-hero-bridge.jpg') no-repeat center center !important;
	background-size: cover !important;
	width: 100%;
}
#hero .heroImages #hero4 {
	background: url('https://s3.amazonaws.com/PlatinumStrategies/PWS/members/Wayland%2C+Bob/wayland-hero-beach.jpg') no-repeat center center !important;
	background-size: cover !important;
	width: 100%;
}

#hero .heroDesc {
	text-align: center;
	margin: auto;
	float: none;
	background: rgba(51, 51, 51, 0.56);
}

@media screen and (max-width:992px) {
	#hero .heroImages a {
		height: 300px;
	}
	#hero .heroDesc{
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.heroDesc .learnmore {
		float: none;
	}
	#hero .backArrow, #hero .forwardArrow{
		top: 200px;
	}
}