/*

  This file contains some very basic but very necessary custom CSS for the plugin.
  You will want to overwrite what you need to customize inside of your Wordpress theme CSS.

*/

.swiper-container .swiper-slide {
  position: relative;
  height: 400px;
}

.swiper-container img {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.swiper-container .background {
  position: absolute;
  width: 100%;
  height: 400px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.swiper-container .background-mobile {
  display: none;
}

@media (max-width: 575.98px) {

  .swiper-container .background-mobile {
    display: block;
  }

  .swiper-container .background-desktop {
    display: none;
  }

}

.slide-contents {
  position: absolute;
}

.slide-contents.default{
  left: 15px;
  top: 15px;
}