.tooltip { 
  top: 0; 
}

/*Core stuff here hehehe */

hr.style14 { 
  border: 0;
  height: 6px !important; 
  opacity: 1;
  background: #2d2d2d;
  border-radius: 5px !important;
}

hr.style1 { 
  display: block;
  border-width: 10px;
  opacity: 10%;
}

/* --------- */
.pointer {
    cursor: pointer;
  }


.clickable:hover {
    background: #CBC3E3;
  }

.display-5{
  font-size: 40px;
}

.mainstage {
  background-image: linear-gradient( 120deg, #fc0e89, #7b40f4) !important;
}

.arcadium {
  background-image: linear-gradient( 120deg, #ebd834, #f03535) !important;
}

.storytold {
  background-image: linear-gradient( 120deg,  #e8c188, #eab088, #67abad, #67abad) !important;
}

.ohgraphics {
  background-image: linear-gradient( 120deg,  #ffab4a, #A93F55, #19323C) !important;
}

.oldtimes {
  background-image: linear-gradient( 120deg, #80ED99, #57CC99, #38A3A5, #22577A) !important;
}

.racingpro {
  background-image: linear-gradient( 120deg, #49B6FF, #779BE7, #A480CF, #FF499E, #D264B6) !important;
}

.spoopy {
  background-image: linear-gradient( 120deg, #2d2d2d, #050505, #5c0000) !important;
}

.withfriends {
  background-image: linear-gradient( 120deg, #00F5D4, #F378C2, #ED8A68, #ffe066) !important;
}

.funfact {
  background-image: linear-gradient( 120deg, #25186b, #211659) !important;
}

.site-header {
  /*background-color: #2d2d2d;*/

  background-color: black;
    /*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.8;
    opacity: 0.6;
    /*Opacity end*/
    color: white;
}


.site-header a {
  color: #adadad !important;
  text-decoration: none;
}

.site-header a:hover {
  color: white !important;
}

.carroboy {
  min-width: 90%;
}

.star {
  color: #2d2d2d;
}

.carousel-item{
    height: 27.4rem;
} 
.carousel-item img{
    height: 27.4rem;
}

.rounded {
    border-radius: 1rem !important;
}

.gamewindow {
  min-height: 25rem;
}

.goodcontainer {
  min-width: 90%;
  z-index: 2;
}

.topcontainer {
  min-width: 90%;
}

.onyxor {
  min-width: 90%;
}

.thicrow {
  margin-top: 1rem;
  /*padding-right: -5rem ;
  padding-left: -5rem;*/
  max-width: 15rem;
}

.thickrow {
  margin-top: 2rem;
  min-width: 48rem;
}

.nostyle {
  color: white !important;
}

a:hover {
  text-decoration: none;
}

body a {
  color: #2d2d2d;
}

body a:hover{
  color: white;
}

body a.white{
  color: white;
}


.backround {
  background-size: cover;
}

.zoomer-lite {
  transition: transform .2s;
  margin: 0 auto;
  text-shadow: 1px 2px 7.5px rgba(0,0,0, 0.25);
}

.zoomer-lite:hover {
  -ms-transform: scale(1.025); /* IE 9 */
  -webkit-transform: scale(1.025); /* Safari 3-8 */
  transform: scale(1.025);
}

.zoomer {
  transition: transform .2s;
  margin: 0 auto;
  text-shadow: 1px 2px 7.5px rgba(0,0,0, 0.25);
}

.zoomer img {
  aspect-ratio: 16 / 9;
  width: 100%;
  object-fit: cover;
}

.zoomer-xl img {
  aspect-ratio: 16 / 4.5;
  width: 100%;
  object-fit: cover;
}

.zoomer:hover {
  -ms-transform: scale(1.025); /* IE 9 */
  -webkit-transform: scale(1.025); /* Safari 3-8 */
  transform: scale(1.025);
}

.back-btn {
    height: 3.5rem;
    width: 12.5rem;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.5) !important;
    border: 2px solid rgba(255,255,255,0.5) !important;
    background: transparent;
    transition: color 0.2s, border-color 0.2s;
}

.back-btn p {
    font-size: 25px;
    color: inherit;
    margin-bottom: 0;
}

.back-btn:hover,
.back-btn:focus {
    color: #000 !important;
    border-color: #000 !important;
}

.back-btn:hover p,
.back-btn:focus p {
    color: #000 !important;
}

/* Darken zoomer images on smaller screens */
@media (max-width: 768px) {
  
  .zoomer img {
    filter: brightness(65%);
    aspect-ratio: 16 / 9;
  }

 
  .zoomer h1 {
    font-size: 24px;
  }

  .zoomer p {
    font-size: 18px;
  }

  /* .zoomer .carousel-item {
    padding-left: 0px;
    padding-right: 0px;
  } */

}