/* multiple Card Carousel */

.carousel-inner {
  padding: 1em;
}
.card {
  margin: 0 0.5em;
  border: none;
}
.card-body{
  box-shadow: 1px 1px 2px 0 rgb(22 22 26 / 18%);
}
.card-body:hover{
  box-shadow: 2px 4px 8px 0 rgb(22 22 26 / 25%);
}
.carousel-control-prev,
.carousel-control-next {
  background-color: var(--ctgreen);
  opacity: .75;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 576px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 33%;
    display: block;
  }
  .carousel-inner {
    display: flex;
  }
}
.card.cardgamecat{
  margin-bottom: .5em;
}
@media (min-width: 768px) {
  .carousel-item {
    flex: 0 0 25%;
  }
  .card.cardgamecat{
    max-width: 47%;
  }
}


@media (min-width: 1200px) {
  .card.cardgamecat{
    max-width: 23%;
  }
}
.card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card img {
    max-height: 100%;
}
@media (max-width: 767px) {
  .card .img-wrapper {
    height: 17em;
  }
}

.play-plan.cardgames h1 span {
  border-bottom: 5px solid var(--cardgame);
  padding-bottom: 5px;
}
.gradient-cardgame.lower,.gradient-boardgame.lower,.gradient-pebblegame.lower,.gradient-spatialgame.lower,.gradient-jodogyan.lower,.gradient-memorymusic.lower,.gradient-icebreaker.lower {
background-repeat: repeat-x;  color: var(--white);   background-position: 0 2em;
  text-align: right;
  transition: all 0.75s ease;
}
.gradient-cardgame.lower:hover,.gradient-boardgame.lower:hover,.gradient-pebblegame.lower:hover,.gradient-spatialgame.lower:hover,.gradient-jodogyan.lower:hover,.gradient-memorymusic.lower:hover,.gradient-icebreaker.lower:hover {
background-position: 0 4em;
transition: all 0.75s ease;
}
.gradient-cardgame { background-image: linear-gradient( var(--cardgame-d), var(--cardgame) );}
.gradient-boardgame { background-image: linear-gradient( var(--boardgame-d), var(--boardgame) );}
.gradient-pebblegame { background-image: linear-gradient( var(--pebblegame-d), var(--pebblegame) );}
.gradient-spatialgame { background-image: linear-gradient( var(--spatialgame-d), var(--spatialgame) );}
.gradient-jodogyan { background-image: linear-gradient( var(--jodogyan-d), var(--jodogyan) );}
.gradient-memorymusic { background-image: linear-gradient( var(--memorymusic-d), var(--memorymusic) );}
.gradient-icebreaker { background-image: linear-gradient( var(--icebreaker-d), var(--icebreaker) );}

/* .banner-cardgame {background:  url("../img/cardgame.png") no-repeat right top;background-size: contain; }
.banner-boardgame {background:  url("../img/boardgame.png") no-repeat right top;background-size: contain; }
.banner-pebblegame {background:  url("../img/pebblegame.png") no-repeat right top;background-size: contain; }
.banner-spatialgame {background:  url("../img/spatialgame.png") no-repeat right top;background-size: contain; }
.banner-jodogyan {background:  url("../img/jodogyan.png") no-repeat right top;background-size: contain; }
.banner-memorymusic {background:  url("../img/memorymusic.png") no-repeat right top;background-size: contain; } */
/* .banner-icebreaker {background:  url("../img/icebreaker.png") no-repeat right top;background-size: contain; } */

.cardgame-bg{background-color: var(--cardgame); }
.boardgame-bg{background-color: var(--boardgame); }
.pebblegame-bg{background-color: var(--pebblegame); }
.spatialgame-bg{background-color: var(--spatialgame);}
.jodogyan-bg{background-color: var(--jodogyan); }
.memorymusic-bg{background-color: var(--memorymusic);}
.icebreaker-bg{background-color: var(--icebreaker);}
/* .cardgame-bg:hover {background-color: var(--cardgame-d);border-radius: 40px 5px 45px 15px;}
.boardgame-bg:hover{background-color: var(--boardgame-d);border-radius: 40px 5px 45px 15px;}
.pebblegame-bg:hover{background-color: var(--pebblegame-d);border-radius: 40px 5px 45px 15px;}
.spatialgame-bg:hover{background-color: var(--spatialgame-d);border-radius: 40px 5px 45px 15px;}
.jodogyan-bg:hover{background-color: var(--jodogyan-d);border-radius: 40px 5px 45px 15px;}
.memorymusic-bg:hover{background-color: var(--memorymusic-d);border-radius:40px 5px 45px 15px;}
.icebreaker-bg:hover{background-color: var(--icebreaker-d);border-radius:40px 5px 45px 15px;} */





/* image bg turns darker and image zooms */
.cardgame img,.cardgame:hover img, .cardgame-bg, .cardgame-bg:hover,
.boardgame img, .boardgame:hover img, .boardgame-bg, .boardgame-bg:hover,
.pebblegame img, .pebblegame:hover img, .pebblegame-bg, .pebblegame-bg:hover,
.spatialgame img, .spatialgame:hover img, .spatialgame-bg, .spatialgame-bg:hover,
.jodogyan img, .jodogyan:hover img, .jodogyan-bg, .jodogyan-bg:hover,
.memorymusic img, .memorymusic:hover img, .memorymusic-bg, .memorymusic-bg:hover,
.icebreaker img, .icebreaker:hover img, .icebreaker-bg, .icebreaker-bg:hover,
.cardgamesingle .cardgame-bdr-top, .cardgamesingle:hover .cardgame-bdr-top, .boardgamesingle .boardgame-bdr-top, .boardgamesingle:hover .boardgame-bdr-top, .pebblegamesingle .pebblegame-bdr-top, .pebblegamesingle:hover .pebblegame-bdr-top, .spatialgamesingle .spatialgame-bdr-top, .spatialgamesingle:hover .spatialgame-bdr-top, .jodogyansingle .jodogyan-bdr-top, .jodogyansingle:hover .jodogyan-bdr-top, .memorymusicsingle .memorymusic-bdr-top, .memorymusicsingle:hover .memorymusic-bdr-top, .icebreakersingle .icebreaker-bdr-top, .icebreakersingle:hover .icebreaker-bdr-top,
.cardgame:hover img,.boardgame:hover img,.pebblegame:hover img,.spatialgame:hover img,.jodogyan:hover img,.memorymusic:hover img,.icebreaker:hover img, 
.gradient-cardgame img,.gradient-boardgame img,.gradient-pebblegame img,.gradient-spatialgame img,.gradient-jodogyan img,.gradient-memorymusic img,.gradient-icebreaker img
.gradient-cardgame:hover img,.gradient-boardgame:hover img,.gradient-pebblegame:hover img,.gradient-spatialgame:hover img,.gradient-jodogyan:hover img,.gradient-memorymusic:hover img,.gradient-icebreaker:hover img { 
  transition: all 0.75s ease;}
.cardgame img,.boardgame img,.pebblegame img,.spatialgame img,.jodogyan img,.memorymusic img,.icebreaker img, 
.gradient-cardgame img,.gradient-boardgame img,.gradient-pebblegame img,.gradient-spatialgame img,.gradient-jodogyan img,.gradient-memorymusic img,.gradient-icebreaker img{ transform: scale(1); max-width: 100%;}
.cardgame:hover img,.boardgame:hover img,.pebblegame:hover img,.spatialgame:hover img,.jodogyan:hover img,.memorymusic:hover img,.icebreaker:hover img, 
.gradient-cardgame:hover img,.gradient-boardgame:hover img,.gradient-pebblegame:hover img,.gradient-spatialgame:hover img,.gradient-jodogyan:hover img,.gradient-memorymusic:hover img,.gradient-icebreaker:hover img
{ transform: scale(1.1);}

/* Border bottom for Titles */
.cardgame-bdr{border-bottom: 2px solid var(--cardgame);}
.boardgame-bdr{border-bottom: 2px solid var(--boardgame);}
.pebblegame-bdr{border-bottom: 2px solid var(--pebblegame);}
.spatialgame-bdr{border-bottom: 2px solid var(--spatialgame);}
.jodogyan-bdr{border-bottom: 2px solid var(--jodogyan);}
.memorymusic-bdr{border-bottom: 2px solid var(--memorymusic);}
.icebreaker-bdr{border-bottom: 2px solid var(--icebreaker);}

.cardgamesingle .cardgame-bdr-top{border-top: 8px solid var(--cardgame);}
.cardgamesingle:hover .cardgame-bdr-top{border-top: 8px solid var(--cardgame-d);}
.boardgamesingle .boardgame-bdr-top{border-top: 8px solid var(--boardgame);}
.boardgamesingle:hover .boardgame-bdr-top{border-top: 8px solid var(--boardgame-d);}
.pebblegamesingle .pebblegame-bdr-top{border-top: 8px solid var(--pebblegame);}
.pebblegamesingle:hover .pebblegame-bdr-top{border-top: 8px solid var(--pebblegame-d);}
.spatialgamesingle .spatialgame-bdr-top{border-top: 8px solid var(--spatialgame);}
.spatialgamesingle:hover .spatialgame-bdr-top{border-top: 8px solid var(--spatialgame-d);}
.jodogyansingle .jodogyan-bdr-top{border-top: 8px solid var(--jodogyan);}
.jodogyansingle:hover .jodogyan-bdr-top{border-top: 8px solid var(--jodogyan-d);}
.memorymusicsingle .memorymusic-bdr-top{border-top: 8px solid var(--memorymusic);}
.memorymusicsingle:hover .memorymusic-bdr-top{border-top: 8px solid var(--memorymusic-d);}
.icebreakersingle .icebreaker-bdr-top{border-top: 8px solid var(--icebreaker);}
.icebreakersingle:hover .icebreaker-bdr-top{border-top: 8px solid var(--icebreaker-d);}


.icon{
  border-radius: 50%;
  margin-right: 10px;
}
.icon img.gameicon {
  width: 100px;
  height: 100px;
}