.section-carousel {
}
.demo {
margin: 0 auto;
width: 500px;
height: 335px;
border: 10px solid #fff;
box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.75);
position: relative;
border-radius: 10px;
}
.demo ul {
margin: 0;
padding: 0;
list-style: none;
z-index: 5;
}
.demo ul li {
list-style: none;
}
.demo .carousel-button {
position: absolute;
padding: 10px;
top: 150px;
height: 20px;
width: 20px;
background-color: #fff;
z-index: 2;
text-decoration: none;
color: #666;
font-weight: bold;
}
.demo .carousel-button.disabled {
display: none;
}
.demo .carousel-button-prev {
left: -30px;
border-radius: 50% 0 0 50%;
text-align: left;
}
.demo .carousel-button-prev:hover {
left: -35px;
}
.demo .carousel-button-next {
right: -30px;
border-radius: 0 50% 50% 0;
text-align: right;
}
.demo .carousel-button-next:hover {
right: -35px;
}
.demo .photo-credits {
position: absolute;
top: 5px;
right: 10px;
color: #fff;
font-size: 13px;
z-index: 6;
text-shadow: 2px 2px #000;
}
.demo .photo-credits a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.demo .photo-credits a:hover {
text-decoration: underline;
}