/* @override
	https://www.trentbridge.co.uk/site/css/t20.css */

/* =============================================================
   Variant 1 — Brand Pure CSS
   Nottinghamshire Pantone palette: solid/flat fills.
   Colours: #006242 (green), #fec52e (gold).
   Typography: proxima-nova-extra-condensed, weight 800, uppercase.
   ============================================================= */


/* [DEV] Aachen font-face declarations removed */
/*font-family: proxima-nova-extra-condensed, sans-serif;*/

.t20-blast .fixtures.t20-2019 img {
	width: 100%;
	max-width: 1440px;
}

.t20-blast .roundup, .t20-blast .fixtures {
	background-color: #006242;
	overflow: hidden;
	margin-bottom: 0;
}
.t20-blast {
	background-color: #006242!important;

}
.t20-blast .footer {
	background-color: #fff;
}
.t20-blast .fixtures:after {
	/*	background: url(http://localhost:50566/circle.svg) center 340px no-repeat;*/
	/*	background-size: 250%;*/
	opacity: 0
}

.t20-blast .fixtures.t20-2019 h3.title {
	color: #fec52e;
	color: #fff;
}

.t20-blast .fixtures.t20-2019 h3 {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 130px;
	line-height: 101px;
	letter-spacing: -2px;
	color: #fff;
}

/*gr = #006242
yl = #fec52e*/

.t20-blast .fixtures.t20-2019 h3.small {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 80px;
	line-height: 65px;
	width: 46%;
	margin: 50px auto;
}

body.main-hub.t20-blast .thumbnail .caption {
	background-color: #fec52e;
	color: #006242;
}

body.main-hub.t20-blast .thumbnail .caption:hover {
	background-color: #fec52e;
	color: #fff;
}

body.main-hub.t20-blast .caption h4.title {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 31px;
	letter-spacing: -1px;
	color: #ff;
}

.t20-blast .t20-2019 a.btn {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 28px;
	color: #006242;
	background-color: #fec52e;
	border-color: #fec52e;
	opacity: 1;
}

.t20-blast .t20-2019 a.btn:hover {
	background-color: #e5b029;
	opacity: 1;
	border-color: #e5b029;
	color: #fff;
}

.t20-blast .roundup .thumbnail a.caption div.cat {
	font: 20px proxima-nova-extra-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
	letter-spacing: 0;
}

.t20-blast .roundup .caption p {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

.t20-blast a.ctat20 {
	text-decoration: none;
	color: #006242;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.t20-blast a.ctat20:hover {
	text-decoration: none;
	color: #006242;
	border: none;
}

.t20-blast .fixtures.t20-2019 {
	min-height: 220px;
}

.t20-blast .fixtures.t20-2019.hero .text p {
	font: 28px proxima-nova-extra-condensed, sans-serif;
	text-transform: uppercase;
}

.t20-blast .fixtures.t20-2019.hero .container {
	top: 30px;
}

.t20-blast .fixtures.t20-2019.hero h3.title {
	width: 70%;
	margin: auto;
	font-size: 85px;
	line-height: 75px;
}
.t20-blast .roundup h1 {
	color: #fff;
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 65px;
	line-height: 50px;
	margin-top: 40px;
}
.t20-blast .roundup h1 small {
	color: #fec52e;
	font-size: 50px;
}
@media only screen and (min-width: 1440px) {
	.t20-blast .fixtures.t20-2019.hero h3.title {
		font-size: 95px;
		line-height: 90px;
	}
}
@media only screen and (max-width: 1440px) {
	.t20-blast .fixtures.t20-2019.hero h3 {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 110px;
		line-height: 91px;
		letter-spacing: -2px;
	}
}
@media only screen and (max-width: 1200px) {
	.t20-blast .fixtures.t20-2019.hero h3.title {
		font-size: 80px;
		line-height: 71px;
		width: 80%;
	}

	.t20-blast .fixtures.t20-2019.hero .text p {
		font: 20px proxima-nova-extra-condensed, sans-serif;
		margin-bottom: 13px;
	}
}


@media only screen and (max-width : 992px) {
	.t20-blast .fixtures.t20-2019 h3.small {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 65px;
		line-height: 50px;
		width: auto;
		margin: 20px auto 30px;
	}

	.t20-blast .fixtures.t20-2019.hero h3.title {
		margin: auto;
		font-size: 60px;
		line-height: 50px;
	}

	.t20-blast .t20-2019.hero a.btn {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 23px;
	}

	.t20-blast .fixtures.t20-2019.hero h3.title {
		font-size: 60px;
		line-height: 50px;
	}
}


@media only screen and (max-width : 768px) {
	.t20-blast .fixtures.t20-2019 h3 {
		font-size: 80px;
		margin-bottom: 0;
		line-height: 65px;
	}

	.t20-blast .fixtures.t20-2019 h3.small {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 3.5rem;
		line-height: 30px;
		width: 100%;
		margin: 0 auto;
	}

	.t20-blast .fixtures.t20-2019 img {
		display: none;
	}

	.t20-blast .t20-2019 a.btn {
		border-color: #fec52e;
		font-size: 18px;
		margin-top: 20px;
	}

	.t20-blast .fixtures.t20-2019 {
		height: 180px;
	}
	.t20-blast .fixtures.t20-2019.hero {
		height: 400px;
		margin-bottom: 40px;
	}
	.t20-blast .main .roundup {
		padding-top: 0;
	}
	.t20-blast .fixtures.t20-2019.hero img {
		display: block;
		bottom: 0;
	}
	.t20-blast .fixtures.t20-2019.hero h3.title {
		width: 100%;
	}
}


@media only screen and (max-width: 480px) {
	.t20-blast .fixtures.t20-2019 h3 {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 80px;
		line-height: 50px;
		letter-spacing: -2px;
		/*color: #fff;*/
		margin-bottom: 0;;
	}

	.t20-blast .t20-2019 a.btn {
		border-color: #fec52e;
		font-size: 18px;
	}

	.t20-blast .fixtures.t20-2019 h3.small {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 30px;
		line-height: 65px;
		margin: 0;
	}

	.t20-blast .fixtures.t20-2019 {
		height: 200px;
		/*min-height: 345px;*/
	}

	.t20-blast .fixtures.t20-2019 img {
		display: none;
	}

	.t20-blast .t20-2019 a.btn {
		margin: 0;
	}

	.t20-blast .main .roundup {
		padding-top: 0;
	}
	.t20-blast .roundup h1 {

		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 45px;
		line-height: 40px;

	}
	.t20-blast .roundup h1 small {

		font-size: 40px;
	}
}


@media only screen and (max-width: 320px) {
	.t20-blast .fixtures.t20-2019 img {
		position: absolute;
		bottom: 0;
	}

	.t20-blast .fixtures.t20-2019 .container {
		top: 20px;
	}

	.t20-blast .fixtures.t20-2019 h3.small {
		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 26px;
		line-height: 65px;
		margin: 0;
	}

	.t20-blast .fixtures.t20-2019 img {
		display: none;
	}
	.t20-blast .fixtures.t20-2019.hero img {
		display: block;
	}
	.t20-blast .fixtures.t20-2019 {
		height: 220px;
	}

	.t20-blast .main .roundup {
		padding-top: 0;
	}
	.t20-blast .fixtures.t20-2019.hero h3.title {
		font-size: 40px;
		line-height: 35px;
	}
	.t20-blast .roundup h1 {

		font-family: proxima-nova-extra-condensed, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
		font-size: 35px;
		line-height: 30px;

	}
	.t20-blast .roundup h1 small {

		font-size: 35px;
	}
}


/* =============================================================
   T20 Blast — Header & Menu Overrides
   Follows the same pattern as .blaze-section in custom-2025-updates.css
   ============================================================= */

/* T20 palette variables */
.t20-blast {
	--t20-green: #006242;
	--t20-dark-green: #19322f;
	--t20-gold: #fec52e;
	--t20-gold-hover: #e5b029;
	--t20-text: #fff;
}

/* Logo — gold shield via currentColor */
.t20-blast .brand .logo-svg {
	color: var(--t20-gold);
	padding: 14px;
}

/* Header bar */
.t20-blast .site-header,
.t20-blast .site-header__wrapper {
	background-color: var(--t20-green);
	color: var(--t20-gold);
}
.t20-blast .site-header a,
.t20-blast .site-header__wrapper a {
	color: var(--t20-gold);
}
.t20-blast .site-header a:hover,
.t20-blast .site-header__wrapper a:hover {
	color: var(--t20-text);
}

/* Social icons */
.t20-blast .site-header .social-icons .icon,
.t20-blast .site-header__wrapper .social-icons .icon {
	fill: var(--t20-gold);
}
.t20-blast .site-header .social-icons .icon:hover,
.t20-blast .site-header__wrapper .social-icons .icon:hover {
	fill: var(--t20-text);
}

/* Hamburger menu toggle */
.t20-blast .site-header .menu-toggle,
.t20-blast .site-header__wrapper .menu-toggle {
	color: var(--t20-gold);
}
.t20-blast .site-header .menu-toggle .hamburger span,
.t20-blast .site-header__wrapper .menu-toggle .hamburger span {
	background-color: var(--t20-gold);
}

/* Menu overlay & submenus */
.t20-blast .menu-overlay,
.t20-blast .submenu,
.t20-blast .submenu-header {
	background-color: var(--t20-green);
}
.t20-blast .menu-overlay .menu-link,
.t20-blast .submenu .menu-link,
.t20-blast .submenu-header .menu-link {
	color: var(--t20-gold);
}
.t20-blast .menu-overlay .menu-link:hover,
.t20-blast .submenu .menu-link:hover,
.t20-blast .submenu-header .menu-link:hover {
	color: var(--t20-text);
}

/* Breadcrumb nav in overlay */
.t20-blast .menu-overlay .back-button,
.t20-blast .menu-overlay .breadcrumb-nav,
.t20-blast .menu-overlay .breadcrumb-nav .breadcrumb-item,
.t20-blast .submenu .back-button,
.t20-blast .submenu .breadcrumb-nav,
.t20-blast .submenu .breadcrumb-nav .breadcrumb-item,
.t20-blast .submenu-header .back-button,
.t20-blast .submenu-header .breadcrumb-nav,
.t20-blast .submenu-header .breadcrumb-nav .breadcrumb-item {
	color: var(--t20-gold);
}
.t20-blast .menu-overlay .back-button:hover,
.t20-blast .menu-overlay .breadcrumb-nav .breadcrumb-item:hover,
.t20-blast .submenu .back-button:hover,
.t20-blast .submenu .breadcrumb-nav .breadcrumb-item:hover,
.t20-blast .submenu-header .back-button:hover,
.t20-blast .submenu-header .breadcrumb-nav .breadcrumb-item:hover {
	color: var(--t20-text);
}

/* Post title bar */
.t20-blast .post-title-success {
	background-color: var(--t20-dark-green);
}

/* Thumbnail hover */
.t20-blast .thumbnail:hover .caption {
	background-color: var(--t20-green);
	color: var(--t20-text);
}
.t20-blast .thumbnail:hover .caption .title,
.t20-blast .thumbnail:hover .caption .cat {
	color: var(--t20-text);
}

/* Container alignment fix — align roundup with hero at wide viewports */
@media only screen and (min-width: 1460px) {
	.t20-blast .roundup .container {
		padding-left: 0;
		padding-right: 0;
	}
}