.page-event {
  background-color: #000;
  padding-bottom: 40px;
  font-family: "General Sans", sans-serif;
}
.page-event .cover {
  background-color: #000;
  padding: 20px 0;
  text-align: center;
  background-image: url('assets/bg.png');
  height: 80vh;
  min-height: 600px;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cover img {
  max-width: 90%;
}
.page-event .cover .heading {
  font-family: 'General Sans';
  font-size: 243px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ccc;
  transition: font-size 0.3s;
}
/*.page-event .cover .heading::first-letter {
  color: #db2d8e;
}*/
.page-event .upcoming-sec {
  padding: 5vh 0;
  border-bottom: 1px solid #fff;
}
.heading {
  font-size: 45px;
  color: #fff;
  text-transform: uppercase;
}
.heading-right-line {
  width: 80%;
  border-right: 1px solid white;
  padding-right: 10px;
}
.page-event .upcoming-event-list {
  color: #fff;
}
.page-event .upcoming-event-list .event-block {
  padding: 5vh 0;
/*  border-bottom: 1px solid #ccc;*/
}
.page-event .upcoming-event-list .event-block .sec-1,
.page-event .upcoming-event-list .event-block .sec-2 {
  padding-bottom: 3vh;
}
.page-event .upcoming-event-list .event-block .sec-1 table .month {
  text-transform: uppercase;
  color: #f7d748;
  font-size: 30px;
  line-height: 30px;
}
.page-event .upcoming-event-list .event-block .sec-1 table .month-date-devider {
  margin: 1vh 0;
  background-color: #fff;
  height: 1px;
  margin-top: 30px;
}
.page-event .upcoming-event-list .event-block .sec-1 table .date {
  font-size: 60px;
  line-height: normal;
}
.page-event .upcoming-event-list .event-block .sec-1 table .title {
  padding-left: 20px;
  vertical-align: top;
  font-size: 30px;
}
.page-event .upcoming-event-list .event-block .sec-2 img {
  width: 100%;
}
.page-event .upcoming-event-list .event-block .sec-3 .title {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 2vh;
  text-transform: uppercase;
}
.page-event .upcoming-event-list .event-block .sec-3 .venue table td {
  vertical-align: top;
}
.page-event .upcoming-event-list .event-block .sec-3 .venue table td i {
  color: #f7d748;
  padding-left: 3px;
  padding-right: 10px;
}
.page-event .upcoming-event-list .event-block .sec-3 .venue table td .dim-color a {
  color: #f7d748;
}
.page-event .upcoming-event-list .event-block .sec-3 .time {
  padding-bottom: 3vh;
}
.page-event .upcoming-event-list .event-block .sec-3 .time table td {
  vertical-align: top;
}
.page-event .upcoming-event-list .event-block .sec-3 .time table td i {
  color: #f7d748;
  padding-right: 10px;
}
.page-event .upcoming-event-list .event-block .sec-3 .time table td .dim-color {
  color: rgba(204, 204, 204, 0.3);
}
.page-event .upcoming-event-list .event-block .sec-3 .sort-story {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.page-event .upcoming-event-list .event-block .sec-3 .group-of-btn {
  padding-top: 3vh;
}
.page-event .upcoming-event-list .event-block .sec-3 .group-of-btn .book-ticket {
  background-color: #f7d748;
  color: #000;
  margin-bottom: 10px;
}
.page-event .page-heading {
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 17px;
  word-break: break-all;
  padding: 10px;
}
.page-event .page-heading::first-letter {
  color: #f7d748;
}
.intro {
  padding: 50px 0;
  color: #fff;
  font-size: 20px;
  display: flex;
  text-align: left;
}
.intro p {
  width: 80%;
  margin: auto;
}
.intro p a {
  color: #f7d748;
}
.intro_content {
  /*margin: 70px 0 30px 0;*/
}
.footer-img {
  width: 100%;
}
@media (min-width: 992px) {
  .upcoming-event-list .event-block .sec-1 table .title {
    display: none;
  }
}
@media (max-width: 991px) {
  .page-event .cover .heading {
    font-size: 180px;
    padding-top: 7vh;
  }
  .upcoming-event-list .event-block .sec-3 .title {
    display: none;
  }
  .intro {
	flex-flow: column;
  }
  .intro p {
	margin: inherit;
	width: 100%; 
	margin-top: 5vh;
  }
  .heading-right-line {
	border-right: 0;
	padding-bottom: 5vh;
	border-bottom: 1px solid white;
	width: 100%;
  }
}
@media (max-width: 767px) {
  .page-event .cover .heading {
    font-size: 140px;
    padding-top: 11vh;
  }
  
}
@media (max-width: 575px) {
  .page-event .cover {
    height: 214px;
  }
  .page-event .cover .heading {
    font-size: 70px;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .month {
    font-size: 14px;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .date {
    font-size: 36px;
  }
  .page-event .upcoming-event-list .event-block .sec-1 table .title {
    padding-left: 20px;
    font-size: 20px;
    vertical-align: top;
  }
}


/* Style for page fiba.html */

.fiba-header {
  background-color: #000;
  padding: 40px;
  display: flex;
  justify-content: center;
}

.fiba-header > img {
	width: clamp(200px, 40vw, 400px);
}

.cover.cover-fiba {
	min-height: 45vh;
	max-height: 45vh;
	height: 45vh;
	background-image: url('assets/3x3Hero.001.png');
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

/* @keyframes bounce {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  20% {
    transform: translateX(20px) translateY(-80px) rotate(90deg);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  40% {
    transform: translateX(40px) translateY(0) rotate(180deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  60% {
    transform: translateX(60px) translateY(-60px) rotate(270deg);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }
  80% {
    transform: translateX(80px) translateY(0) rotate(360deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
}

.heading-team > a::after {
	content: "\1F3C0";
	font-size: 24px;
	margin-left: 5px;
	display: inline-block;
	transition: transform 0.5s ease-in-out;
}

.heading-team > a:hover::after {
	animation: bounce 1.2s ease-in-out infinite;
} */

.heading-fiba {
	font-size: 2em;
	padding-right: 1em;
}

.heading-team > a {
	font-size: 1.8em!important;
	color: #f7d748;
}

.name-team {
	font-weight: 400;
	font-size: 1.2em!important;
	margin: 1em 0em;
}

.day-schedule {
    border-radius: 8px;
	height: fit-content;
}

.day-schedule h2 {
	margin: 1rem 0em;
	font-size: 1.2em;
	text-transform: uppercase;
}

.day-schedule ul {
    list-style: none;
    padding: 0;
}

.day-schedule li {
    margin-bottom: 10px;
}

.day-schedule li span {
    font-weight: 200;
    color: #f7d748;
}

img {
	transition: transform 0.6s ease;
}

.container > * > img:hover {
	transform: scale(1.05);
	transition: transform 0.6s ease;
}

.infos-pratiques {
	font-size: 1em;
	line-height: 1.6em;
	padding: 1em;
}

.infos-pratiques > * > p > strong {
	display: block;
	padding-bottom: 1em;
}

a.link-fiba-page {
	color: #f7d748;
	box-shadow: inset 0 0 0 0 #f7d748;
	transition: all .3s ease-in-out;
}

a.link-fiba-page:hover {
	color: #000;
	box-shadow: inset 0 -2.5em 0 0 #f7d748;
	text-decoration: none;
}

.videos-container {
	height: 50vh;
	gap: 1em 0em;
}

.btn-fiba {
	border: 1px solid #f7d748;
	padding: 0.5em 1em;
}

.heading-fiba-sponsor {
	font-size: 2em;
	text-transform: uppercase;
	color: #000;
}

.container-sponsor {
	padding: 3em;
	background-color: #fff;
}

.sponso-title {
	border-top: 1px solid black;
	padding-top: 1em;
}

.pictures-sponsor {
	padding: 0.5em 0em;
}

.pictures-sponsor > a > img {
	object-fit: contain;
	width: 100%;
	aspect-ratio: 2/1;
}

.row a.col-lg img {
	object-fit: contain;
	width: 100%;
	aspect-ratio: 2/1;
}

.upcoming-sec.pictures {
	gap: 1em 0px;
}