.slider-container{
  padding:1rem;
/*   border:5px solid lightblue; */
}

.slider-item{
  padding:1rem;
}

/* Within Debug mode in Chrome, I found that the arrows were hidden so I adjusted them   */
.slick-next{
  right: -15px;
}

.slick-prev{
  left: -15px;
}


.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #22a6b3;
}

.slick-dots{
  left:0;
/*   bottom:8px; */
}

.slick-dots:active{
  color:white;
}

/*The dots before they are active  */
.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #22a6b3;
}

/* The dot when active */
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}

/* Background Image styles */

figcaption{
  color:#95afc0;
  text-align:center;
}


.bg-image{
  background-size: cover;
  background-position: center;
  background-color:lightblue;
  max-width:100%;
  background-image: url('https://images.unsplash.com/photo-1660940593342-513bd2281bdd?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80');
}

.bg-image:hover{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
/*  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
  cursor:pointer;
}

.bg-2{
   background-image: url('https://images.unsplash.com/photo-1553342385-111fd6bc6ab3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8OXx8aXRhbHl8ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60');
}

.bg-3{
   background-image: url('https://images.unsplash.com/photo-1503917988258-f87a78e3c995?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8ZnJhbmNlfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60');
}

.bg-4{
   background-image: url('https://images.unsplash.com/photo-1586122891856-5f90886b0cee?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80');
}

.bg-5{
   background-image: url('https://images.unsplash.com/photo-1572225303717-a96db5e8d8b0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8c3dlZGVufGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60');
}

.bg-6{
   background-image: url('https://images.unsplash.com/photo-1588638260859-cf09d71423d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8ZG9taW5pY2FuJTIwcmVwdWJsaWN8ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60');
}

.bg-7{
   background-image: url('https://images.unsplash.com/photo-1518638150340-f706e86654de?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1467&q=80');
}

.bg-8{
   background-image: url('https://images.unsplash.com/photo-1555881400-74d7acaacd8b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80');
}

.bg-9{
   background-image: url('https://images.unsplash.com/photo-1553913861-c0fddf2619ee?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80');
}

.bg-10{
   background-image: url('https://images.unsplash.com/photo-1555400038-63f5ba517a47?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80');
}



/*Changes the height of the image  */
.landscape{
  padding-bottom:120%;
}

@media (max-width: 600px) { 
  figcaption{
   font-size:0.8rem;
  }
}