/* ----- | xxxxx | ----- */

:root {
	--cnvs-themecolor: #ba0021;
	--cnvs-themecolor-rgb: 176, 51, 51;

	--cnvs-body-font: "Roboto", sans-serif;
	--cnvs-primary-font: 'Oswald', sans-serif;

	--cnvs-btn-skew: 15deg;

	--cnvs-section-bg: #ffffff;

	--cnvs-section-margin: 5.5rem;
}

.widget-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 80%;
	left: 0;
	bottom: 0;
	z-index: -1;
	background-color: var(--bs-gray-400);
	border-radius: 12px;
}
/* -------------------- Register Banner ------------------- */
.cf-register-banner {
  background: var(--cnvs-themecolor);
  padding: 3.5rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.cf-register-banner::before {
  content: 'REGISTER';
  position: absolute;
  font-family: 'Oswald', sans-serif;
  font-size: 8rem;
  opacity: 0.06;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  letter-spacing: 0.2em;
  pointer-events: none;
}

.cf-register-banner h2 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  color: #fff;
  margin-bottom: 0.5rem;
}

.cf-register-banner p {
  color: rgba(255,255,255,0.85);
  font-size: 1.05rem;
  margin-bottom: 1.8rem;
}

.btn-cf-white {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--cf-red);
  font-family: 'Oswald', sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.9rem 2.4rem;
  border: none;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
  font-weight: 600;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}

.btn-cf-white:hover {
  background: var(--cf-black);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.35);
  text-decoration: none;
}
/* End Register Banner */

.dark {
	--cnvs-footer-bg: var(--cnvs-themecolor);
}


.button {
	font-family: var(--cnvs-primary-font);
}

.fw-800 {
	font-weight: 800;
}

#header {
	--cnvs-primary-menu-hover-color: rgba(255,255,255,1);
	--cnvs-primary-menu-submenu-hover-bg: rgba(var(--cnvs-contrast-rgb), 0.15);
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font: var(--cnvs-body-font);
}

.is-expanded-menu .style-3 .menu-container > .menu-item > .menu-link {
	margin: 20px 0;
	border-radius: 0;;
}

.is-expanded-menu .menu-container > .menu-item:not(:first-child) {
	margin-left: 5px;
}

.countdown {
	--cnvs-countdown-size: 4.25rem;
    --cnvs-countdown-section: 16px;
    --cnvs-countdown-border: 0;
}

.countdown-amount {
	font-weight: 800;
	font-family: var(--cnvs-primary-font);
	color: var(--cnvs-contrast-1000);
	margin-bottom: 10px;
}

.countdown-section {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: var(--cnvs-primary-font);
	font-size: 90%;
}

.transform-skew {
	transform: skew(calc(-1 * var(--cnvs-btn-skew)));
}

.transform-skew > * {
	display: inline-block;
	transform: skew(var(--cnvs-btn-skew));
}

.scroll-text > * {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-repeat: no-repeat;
	-webkit-text-stroke: 1px;
}

.divider {
	--cnvs-divider-border-color: rgba(255,255,255,.2);
}

.ticker-wrap .ticker-item {
	font-size: 1.25rem;
	text-decoration: none;
}
.ha-red {
	color: #ba0021;
}
.ha-red-bg {
	background-color: #ba0021;
}
.white {
	color: #fff;
}
.b-white {
	background-color: #fff;
}
.grey-one {
	color: #495057;
}
.b-grey-one {
	background-color: #495057;
}
.b-grey-two {
	background-color: #f2f2f2;
}
.h-block.border-0::after, .h-block.border-bottom-0::after {
  display: none;
}
/* Home Sports Tabs */
.tab-link {
	color: #fff;
	text-transform: capitalize !important;
}
#categories-tab.nav-pills {
	--bs-nav-pills-link-active-bg: var(--cnvs-themecolor);
	gap: 10px;
}

#categories-tab .nav-link:not(.active) {
	background-color: #495057;
}