/*begin events*/
.column {
  float: left;
  width: 47%;
  padding: 10px;
  height: 300px;
  /* Should be removed. Only for demonstration */
}

.column summary {
  width: 90%;
  margin: 0 5% 1rem 5%;
}

.column a:hover {
  color: #7f8285;
}

@media screen and (max-width: 1050px) {
  .column {
    width: 50%;
  }
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.events {
  width: 100%;
  min-height: 500px;
  display: grid;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* gap: 3em; */
  grid-template-columns: repeat(3, 1fr);
}

.cardev {
  display: grid;
  grid-template-columns: 24.5vw;
  grid-template-rows: 14em 17em 4em;
  grid-template-areas: "image" "text" "stats";

  border-radius: 18px;
  background: white;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9);
  font-family: roboto;
  text-align: center;


  transition: 0.5s ease;
  cursor: pointer;
  margin: 14px
    /* margin: 30px; */
}

.cardev-image {
  grid-area: image;
  background: url("../img/277178851_1805812459610816_2824385624054065968_n-800x445.jpg");
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-size: cover;
}

.events a {
  text-decoration: none;
  color: inherit;
}

.cardev-text {
  grid-area: text;
  margin: 2px;
}

.cardev-text .dateev {
  color: rgb(255, 7, 110);
  font-size: 13px;
}

.cardev-text p {
  color: grey;
  font-size: medium;
  font-weight: 300;
  text-align: justify;
  padding: 2%;
}

.cardev-text h2 {
  margin-top: 0px;
  font-size: 1.6em;
}

.cardev-stats {
  grid-area: stats;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: rgb(255, 7, 110);
}

.cardev-stats .stat {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
}

.cardev-stats .borderev {
  border-left: 1px solid rgb(172, 26, 87);
  border-right: 1px solid rgb(172, 26, 87);
}

.cardev-stats .value {
  font-size: 1.5em;
  font-weight: 500;
}

.cardev-stats .value sup {
  font-size: 12px;
}

.cardev-stats .type {
  font-size: 1em;
  font-weight: 300;
  text-transform: uppercase;
}

.cardev:hover {
  transform: scale(1.15);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6);
}

/*cardev2*/
.cardev-image.cardev2 {
  background: url("../img/277538494_1809699882555407_4385773194113896019_n-800x445.jpg");
  background-size: cover;
}

.cardev-image.cardev4 {
  background: url("../img/2ac18688-d517-46b4-bfc6-f14e24d12deb-800x445.jpg");
  background-size: cover;
}

.cardev-image.cardev5 {
  background: url("../img/media-148054238551983600-800x445.jpg");
  background-size: cover;
}

.cardev-image.cardev6 {
  background: url("../img/fbe1054d-6682-49fd-8475-7556a368972d-800x445.jpg");
  background-size: cover;
}

.cardev-image.cardev7 {
  background: url("../img/colaj-complex-sportiv-e1629271626514-800x445.jpg");
  background-size: cover;
}

.cardev-image.cardev8 {
  background: url("../img/super_race.JPG");
  background-size: cover;
}

.cardev-image.cardev9 {
  background: url("../img/278898538_5150547788325822_3536294670965486595_n.jpg");
  background-size: cover;
}

.cardev-image.cardev10 {
  background: url("../img/283171789_10158662645160658_7608065905688985156_n.jpg");
  background-size: cover;
}

.cardev-image.cardev11 {
  background: url("../img/277586425_10222012099354288_1832427871941501369_n.jpg");
  background-size: cover;
}

.cardev-image.cardev12 {
  background: url("../img/290114778_156573040272818_5995232858655244769_n.jpg");
  background-size: cover;
}

.cardev-image.cardev13 {
  background: url("../img/292678099_5097363803665219_463956785199812593_n.jpg");
  background-size: cover;
}

.cardev-image.cardev14 {
  background: url("../img/292201708_5119556418081617_7472109774725554546_n.jpg");
  background-size: cover;
}

.cardev-image.cardev15 {
  background: url("../img/299099340_756032555455205_3094491122663661556_n.jpg");
  background-size: cover;
}

.cardev-image.cardev16 {
  background: url("../img/triatlon 2022/302203735_412130190907812_1231704571036072557_n.jpg");
  background-size: cover;
}

.cardev-image.cardev17 {
  background: url("../img/11.08/1.jpg");
  background-size: cover;
}

.cardev-image.cardev19 {
  background: url("../img/echipa_egipt.jpg");
  background-size: cover;
}

.cardev-image.cardev20 {
  background: url("../img/31.05.2023/347555624_184818727875798_557051979640301612_n.jpg");
  background-size: cover;
}

.cardev-image.cardev21 {
  background: url("../img/triatlon2023/IMG_4838.JPG");
  background-size: cover;
}

.cardev-image.cardev22 {
  background: url("../img/sup camp.jpg");
  background-size: cover;
}

.cardev-image.cardev23 {
  background: url("../img/26.07.2023/auzuro/363390538_616087337178762_3784720609663869152_n (1).jpg");
  background-size: cover;
}

.cardev-image.cardev24 {
  background: url("../img/26.07.2023/metropolis/363307211_616075960513233_3118238083014033520_n.jpg");
  background-size: cover;
}

.cardev-image.cardev25 {
  background: url("../img/29.08.2023/370547763_122101454336023138_5935644513729977139_n.jpg");
  background-size: cover;
}

.cardev-image.cardev26 {
  background: url("../pozmem/poz1.jpg");
  background-size: cover;
}

.cardev-image.cardev27 {
  background: url("../img/31.01.2024/424797299_122154816158023138_5756318076655575001_n.jpg");
  background-size: cover;
}

.cardev-image.cardev28 {
  background: url("../img/21.02.2024/424775681_122158826432023138_9002459460293421772_n.jpg");
  background-size: cover;
}

.cardev-image.cardev29 {
  background: url("../img/29_04_2024/poza2.jpg");
  background-size: cover;
}

.cardev-image.cardev30 {
  background: url("../img/17.01.2025/cantonament.jpg");
  background-size: cover;
}

.cardev-image.cardev31 {
  background: url("../img/17.01.2025/cantonament-as-polo1.jpg");
  background-size: cover;
}

.cardev-image.cardev32 {
  background: url("../img/17.01.2025/triatlon1.jpg");
  background-size: cover;
}

.cardev-image.cardev33 {
  background: url("../img/17.01.2025/cupa-europeana-de-juniori-triatlon1.jpg");
  background-size: cover;
}

.cardev-image.cardev34 {
  background: url("../img/28.01.2025/triatlon.jpg");
  background-size: cover;
}

.cardev-image.cardev35 {
  background: url("../img/28.01.2025/diploma-multumire.jpg");
  background-size: cover;
}

.cardev-image.cardev36 {
  background: url("../img/28.01.2025/triatlon-junior-cup.jpg");
  background-size: cover;
}

.cardev-image.cardev37 {
  background: url("../img/28.01.2025/cupa-europeana-de-triatlon-juniori.jpg");
  background-size: cover;
}

.cardev-image.cardev38 {
  background: url("../img/28.01.2025/crosul-ilfovului.jpg");
  background-size: cover;
}

.cardev-image.cardev39 {
  background: url("../img/28.01.2025/certificat-merit.jpg");
  background-size: cover;
}

.cardev-image.cardev40 {
  background: url("../img/diploma-papirus/diploma-papirus.png");
  background-size: cover;
}

.cardev-image.cardev41 {
  background: url("../img/cantonament-federatia-ciclism/cantonament_1.png");
  background-size: cover;
}

.cardev-image.cardev42 {
  background: url("../img/marea-caiacizare/marea-caiacizare-1.png");
  background-size: cover;
}

.cardev-image.cardev43 {
  background: url("../img/europe-triathlon.png");
  background-size: cover;
}

.cardev-image.cardev44 {
  background: url("../img/crosul-ilfovului/crosul-ilfovului-1.png");
  background-size: cover;
}

.cardev-text.cardev2 .dateev {
  color: rgb(255, 77, 7);
}

.cardev-stats.cardev2 .borderev {
  border-left: 1px solid rgb(185, 67, 20);
  border-right: 1px solid rgb(185, 67, 20);
}

.cardev-stats.cardev2 {
  background: rgb(255, 77, 7);
}

/*cardev3*/
.cardev-image.cardev3 {
  background: url("../img/686399c9-85a5-4c8a-b2e2-0e996a93f09e-800x445.jpg");
  background-size: cover;
}

.cardev-text.cardev3 .dateev {
  color: rgb(0, 189, 63);
}

.cardev-stats.cardev3 .borderev {
  border-left: 1px solid rgb(14, 122, 50);
  border-right: 1px solid rgb(14, 122, 50);
}

.cardev-stats.cardev3 {
  background: rgb(0, 189, 63);
}

.cardev-stats.cardev19 {
  background: rgb(0, 0, 255);
}

/*end events*/

@media (max-width:981px) {
  .events {
    grid-template-columns: repeat(1, 1fr);
    justify-self: center;
    width: 60%;
  }

  .cardev {
    grid-template-columns: 45vw;
  }

  .cardev-text h2 {
    font-size: medium;
  }
}

@media (max-width:640px) {
  .cardev-text h2 {
    font-size: small;
  }

  .cardev-text p {
    font-size: small;
  }

  .cardev-stats .type {
    font-size: 0.6em;
  }
  .cardev-stats .value {
    font-size: 0.8em;
  }
}