/* version 2 */
.entertainment-page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  color: #FFF;
  text-shadow: 0px 0px 10px #000;
  font-family: 'Rama Gothic M';
}

.entertainment-container {
  height: 100%;
}


.image-next-event {
  width: 72vh;
  height: 48vh;
  object-fit: cover;
  border-radius: 50px;
  border-style: solid;
  border-width: medium;
  border-color: #ff0c9c;;
}

.entertainment-slide-information-day-nextevent {
  font-family: Raleway;
  font-size: 4vh;
  margin-bottom: 2vh;
  margin-left:8vh;
}

.entertainment-slide-information-name-nextevent {
  font-family: Raleway;
  font-size: 5vh;
  margin-top: 10vh;
  margin-left:8vh;
}

.entertainment-slide-information-time-nextevent {
  font-family: Raleway;
  font-size: 4vh;
  margin-left:8vh;
}

.image-next-4event {
  width: 35vh;
  height: 25vh;
  object-fit: cover;
  border-radius: 25px;
  border-style: solid;
  border-width: medium;
  border-color: #ff0c9c;;
}

.entertainment-slide-information-day-next4event {
  font-family: Raleway;
  font-size: 3vh;
  margin-bottom: 1vh;
  margin-left:4vh;
}

.entertainment-slide-information-name-next4event {
  font-family: Raleway;
  font-size: 3vh;
  margin-top: 3.5VH;
  margin-left:4vh;
}

.entertainment-slide-information-time-next4event {
  font-family: Raleway;
  font-size: 2.5vh;
  margin-top: 1vh;
  margin-left:4vh;
}

.entertainment-left-image {
  background-color: #666;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-background-size: cover;
  /* -webkit-transition: 2s ease-in;
  transition: 2s ease-in; */
}

.entertainment-left-image-hero {
  background-image: url(../../img/hero2.jpg);
  background-color: #666;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-background-size: cover;
}

.entertainment-right-content {
  padding-left: 3vw;
}

img.entertainment-curve {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 49.5%;
}

.contain-filter {
  margin-left:15vh;margin-right:15vh;margin-top:30vh;
}

.contain-filter-upcoming {
  margin-left:14vh;margin-right:15vh;margin-top:30vh;
}
.entertainment-big-title {
  font-family: "RalewayRoman", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18vh;
  color: #ff0c9c;
  margin-top: 8vh;
  margin-bottom: -4vh;
  margin-left: -1.5vh;
}

.entertainment-big-title-nextevent {
  font-family: "Raleway";
  font-weight: bold;
  font-size: 10vh;
  color: #ff0c9c;
  margin-top: 8vh;
  margin-left: 15vh;
  height: 0px;
  margin-bottom:-8vh;
}

.text-white {
  color:white
}



.entertainment-slide-information-day {
  font-size: 7vh;
  margin-bottom: -1.5vh;
}

.entertainment-slide-information-name {
  font-size: 10vh;
  margin-top: -1.5vh;
  margin-bottom: -1.5vh;
}




.entertainment-slide-information-time {
  font-size: 7vh;
  margin-top: -1.5vh;
}


.follow-us-image{
  padding-top:8px;
}
.entertainment-follow-us {
  font-family: "RalewayRoman", Arial, Helvetica, sans-serif;
  position: absolute;
  right: 7vh;
  bottom: 7vh;
  font-size: 4vh;
}

.entertainment-follow-us-nextevent {
  font-family:Raleway;
  position: absolute;
  right: 7vh;
  bottom: 7vh;
  font-size: 2vh;
}

.entertainment-follow-us-nextevent  img {
  height: 6vh;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}

.entertainment-follow-us img {
  height: 12vh;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}


.entertainment-venue-profile-image-nextevent {
  position: absolute;
  top: 7vh;
  right: 7vh;
  height: 18vh;
  border-radius: 50%;
  width: 18vh;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}


img.entertainment-venue-profile-image {
  position: absolute;
  top: 7vh;
  right: 7vh;
  height: 20vh;
  border-radius: 50%;
  width: 20vh;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}

.background-image-control.active {
  background-color: rgba(255, 12, 156,  0.9);
  border: 1px solid rgba(255, 12, 156,  1);
}

.background-image-control.inactive {
  background-color: rgba(255, 12, 156,  0.6);
  border: 1px solid rgba(255, 12, 156,  0.7);
}

.background-image-control-main-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}


.background-image-control-container {
  display: flex;
  justify-content: center;
  padding-bottom: 26px;
}

/* version 1 */
/* .entertainment-page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #222222;
  color: #FFF;
  text-shadow: 0px 0px 10px #000;
  font-family: 'Rama Gothic M';
  
  background-image: url(../../img/welcome-grayscale-blur.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-background-size: cover;
}

.entertainment-container {
}

.entertainment-big-title {
  font-size: 5vw;
  padding-left: 1.5vw;
  padding-top: 0.5vh;
}

.entertainment-slides-container {
  height: 75vh;
  padding: 20px;
}

.entertainment-slide {
  height: 100%;
}

.entertainment-slide-picture-container {
  height: 100%;
}

.entertainment-slide-frame-image {
  height: 72vh;
  width: 46vw;
  position: absolute;
  z-index: 1;
  margin-left: 9vw;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}

.entertainment-slide-profile-image-container {
  position: relative;
  top: 10vh;
  left: 14vw;
  height: 52vh;
  width: 36vw;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-background-size: cover;

  border: 65px solid black;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,0.35));
  filter: drop-shadow(0px 0px 10px rgba(255,255,255,0.35));
}

.entertainment-slide-profile-image-container:before {
  content: " ";
  position: absolute;
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
  border: 50px solid white;
}

.entertainment-slide-profile-image-container-hero {
  position: relative;
  top: 10vh;
  left: 14vw;
  height: 52vh;
  width: 36vw;
  background-image: url(../../img/hero2.jpg);
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-background-size: cover;

  border: 65px solid black;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(255,255,255,0.35));
  filter: drop-shadow(0px 0px 10px rgba(255,255,255,0.35));
}

.entertainment-slide-profile-image-container-hero:before {
  content: " ";
  position: absolute;
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
  border: 50px solid white;
}

.entertainment-slide-information-container {
  display: flex;
  align-items: center;
  padding-left: 4vw;
}

.entertainment-slide-information-day {
  font-size: 7vh;
}

.entertainment-slide-information-name {
  font-size: 5vh;
}

.entertainment-slide-information-time {
  font-size: 5vh;
}

.entertainment-follow-us {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 4vh;
}

.entertainment-follow-us img {
  height: 8vh;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
}

.entertainment-venue-profile-image {
  position: absolute;
  top: 5vh;
  right: 5vh;
  height: 25vh;
  width: 25vh;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
  filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));
} */