<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* TEMP */
/* HIDE YOUTUBE ICON */

.fa-youtube-square {
    display: none;
}

.fa-tiktok {
    display: none;
}

.fa-tiktok:before {
content: url(https://admin.thecricketer.com/weblab/sites/96c8b790-b593-bfda-0ba4-ecd3a9fdefc2/resources/images/site/tiktok_small_padded.png);
}

/* ========== THE MAIN FONT ========== */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');



.menu {
    background: #cd1919 !important;
}



/* ========== FIX THE NAV  ========== */

.fixedNav{
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
}

.mainNavigation{
	width: 1136px;
	margin-left: auto;
	margin-right: auto;
}


.branding{
	width: 1136px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
}

.branding .col-md-6{
	float: left;
	padding: 0px;
}

.branding img{
width:295px;
height: auto;
	padding-left: 10px;
	margin-bottom: 10px;
}

.cricketerFooter img{
width:295px;
height: auto;
	padding-left: 10px;
	margin-bottom: 10px;
}

.fixedNav {
    color: #ffffff;
    background-color: #cd1919;
    background-image: url('https://admin.thecricketer.com/weblab/sites/96c8b790-b593-bfda-0ba4-ecd3a9fdefc2/resources/images/site/nav-line3.gif');
    background-repeat: repeat-x;
 background-position:  0px 77px;
}


/* ========== ACTIVE COLOUR ========== */
.menu li .active {
    background-color: #252525 !important;
}

.menu li ul .active {
	border-bottom: solid 4px #cd1919;
	margin-bottom: 0px;
	line-height: 12px !important;
}

body{
	margin:0;
	}	

/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu_container{
	height:65px;
	margin:0px auto 0;
	overflow:hidden;
	}
.menu{
	height:35px;
	}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	margin:0;
	padding:0;
	position:relative;
	float:left;
	list-style:none;
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	float:left;
	}
.menu ul li a{
	display:block;
	height:35px;
	padding:0 13px;
	font:19px/32px "Titillium Web" !important;
	color:#FFF; !important;
	text-decoration:none !important;
	border-right:solid 1px #f96b6d;
	-webkit-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	-moz-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	-ms-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	-o-transition:color 170ms linear 20ms, background 170ms linear 20ms;
	transition:color 170ms linear 20ms, background 170ms linear 20ms;
	}

/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu &gt; ul:hover &gt; li.active &gt; a{
	color:#FFF;
	background:transparent;
	}
.menu ul li.active &gt; a, .menu &gt; ul &gt; li.active:hover &gt; a, .menu &gt; ul &gt; li:hover &gt; a{
	color:#fff;
	background:#252525;
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu &gt; ul &gt; li.active &gt; a:active{
	background:#252525;
	}
/* ========== SUBMENU ========== */	
.menu ul ul{
	width:980px;
	height:29px;
	position:absolute;
	left:0;
	/*visibility:hidden;*/
/*	opacity:0;*/
	margin-top:31px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
	}
.menu ul:hover li.active ul{
	/*visibility:hidden;*/
	/*opacity:0;*/
	margin-top:31px;
	}
.menu ul li.active ul, .menu ul li.active:hover ul, .menu ul li:hover ul{
	/*visibility:visible;*/
	/*opacity:1;*/
	margin-top:0;
	}
/* ========== LINKS IN SUBMENU ========== */

.menu ul ul li{
	height:100%;
	}

.menu ul ul li a{
	height:100%;
	padding:0 10px;
	font-size:16px;
	color:#fff;
	line-height:34px;
	border-right:none;
	-webkit-transition:color 190ms ease-in-out 10ms, background 190ms ease-in-out 10ms;
	-moz-transition:color 190ms ease-in-out 10ms, background 190ms ease-in-out 10ms;
	-ms-transition:color 190ms ease-in-out 10ms, background 190ms ease-in-out 10ms;
	-o-transition:color 190ms ease-in-out 10ms, background 190ms ease-in-out 10ms;
	transition:color 190ms ease-in-out 10ms, background 190ms ease-in-out 10ms;
	}
.menu ul ul li:first-child a{
	padding-left:13px;
	}
/* ========== LINKS ON MOUSEOVER IN SUBMENU ========== */
.menu ul ul li.active a{
	color:#FFF;
	background:#252525;	
	}
.menu ul ul li:hover a{
	color:#FFF;
	}
/* ========== LINKS ON MOUSE CLICK IN SUBMENU ========== */
.menu ul ul li a:active{
	background:#252525;
	}
/* ========== SOCIAL ICONS ========== */
.menu .social{
	float:right;
	}
.menu .social li a{
	padding:0 8px;
	font-size:16px;
	color:#fff;
	border-right:none;
	}
.social li a i{
	line-height:40px;
	}
.menu .social li:hover a{
	color:#fff;
	}
.menu .social li a:active{
	color:#fff;
	}
.menu input#dropdown, .menu label{
	display:none;
	position:absolute;
	top:5px;
	right:14px;
	width:46px;
	height:35px;
		}
.menu input#dropdown{
	/*opacity:0;*/
		}
.menu label{
	font-size:26px;
	color:#FFF;
	text-align:center;
	line-height:38px;
		}
.menu label:hover{
		cursor:pointer;
		}
.menu input#dropdown:checked ~ label{
		color:#444 !important;
		}

.menu input#dropdown:checked ~ ul{
	display:block;
		}	

.menu h2.dropdown{
	display:none;
	position:absolute;
	top:3px;
	left:14px;
	margin:0;
	font:normal 18px "Titillium Web";
	color:#FFF;
	font-weight: 500 !important;
	text-transform: uppercase;
		}

.menu h2.dropdown:hover{
	color:#fff !important;
	}

/* ========== MEDIA QUERY ========== */

@media screen and (max-width: 1024px) {
.menu_container{
	width:100%;
		}
.menu ul ul, .menu ul:hover li.active ul{
	margin:0;
		}
	}
@media screen and (max-width: 768px) {
	.menu input, .menu label, .menu h2.dropdown{
		display:block;
		}
.menu_container{
	width:100%;
	height:100%;
	position:relative;
	margin-bottom:0px;
	overflow:hidden;
	background: #252525;
	border-bottom: solid 4px #252525;
		}
.menu{
	height:35px;
		}
.menu &gt; ul{
	display:none;
	margin-top:36px;
	position:static;
		}
.menu ul &gt; li{
	display:inline-block;
	width:100%;
	height:auto;
	float:none;
		}
.menu ul li &gt; a{
	width:auto;
	height:38px;
	line-height:39px;
		}	
.menu ul ul{
	position:relative;
	width:100%;
	height:auto;
	/*visibility:visible;*/
	/*opacity:1;*/
	background:#3A3A3A;
		}
.menu ul:hover li.active ul{
	/*visibility:visible;*/
	/*opacity:1;*/
	margin:0;
		}
.menu ul ul li{
	width:100% !important;
	float:left;
		}
.menu ul ul li:first-child a{
		padding-left:30px;	
		}
.menu ul ul li a{
	padding-left: 30px;
	margin:0;
	color:#888;
	line-height:40px;
	text-align:left;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	border-bottom: solid 1px #666;
		}
.menu ul ul li:hover a{
	background:#cd1919;
		}
.menu ul ul li.active:hover a{
	background:#cd1919;
		}
.menu .social{
	width:100%;
	margin-top:25px;
	text-align:center;
	font-size:0;
	}
.menu .social li{
	display:inline-block;
	width:auto;
	}
	
/* ========== TIDY UP BURGER caused by MDB ========== */	
label:before {
   display: none;
}
.menu label {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 50px;
    height: 50px;
}
.menu input, .menu label, .menu h2.dropdown {
    display: block;

	
}
.menu label {
    font-size: 28px;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    background: transparent;
    webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
	
.menu ul li a{
	border-right:none;
	}
	
.menu ul li &gt; a:hover {
   background-color: #555;
}
	
/* ========== FIX HEIGHT LOGO on mobile ========== */	
.logoSmall img{
	width: 250px;
	text-align: center;
}
.socialMediaMobile{
	display: none;
}
	}

@media screen and (max-width: 480px) {
	.menu_container{
		width:94%;
		}
	.menu ul ul li{
		width:25%;
		}
	}

@media screen and (max-width: 320px) {
	.menu ul ul li{
		width:100%;
		}
	}



/* ========== SUB NAV override ========== */	
.menu ul ul{
/*	visibility:visible;*/
	/*opacity:1;*/
	/*margin-top:0px;*/
	}
/* ========== sub menu burger colour ========== */	
.menu input#dropdown:checked ~ label {
    color: #fff !important;;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}



/* ========== Extra small devices (portrait phones, less than 576px)========== */
@media (max-width: 575px) {
.menu label{
	width:70px;
	}
.menu_container{
	width: 100%;
	}
	
.mainNavigation{
	width: 100%;
}
.branding{
	width: 320px;
}

.fixedNav{
  position: absolute;
}

	.menu ul ul {
		opacity: 1 !important;
	}

}

/* ========== Small devices (landscape phones, 576px and up)========== */
@media (min-width: 576px) and (max-width: 767px) {
.menu label{
	width:70px;
	}
.menu_container{
	width: 100%;
	}
	
.mainNavigation{
	width: 100%;
}
.branding{
	width: 320px;
}

.fixedNav{
  position: absolute;
}

	.menu ul ul {
		opacity: 1 !important;
	}
}
/* ========== Medium devices (tablets, 768px and up)========== */
@media (min-width: 768px) and (max-width: 991px) {
.mainNavigation{
	width: 768px;
}
.branding{
	width: 768px;
}

	.menu ul li a{
	padding:0 5px;
	font:14px/30px "Titillium Web" !important;;
	}
}

/* ========== Large devices (desktops, 992px and up)========== */
@media (min-width: 992px) and (max-width: 1199px) {
	.mainNavigation{
	width: 992px;
}
.branding{
width: 992px;
}

	.menu ul li a{
	padding:0 10px;
	font:15px/30px "Titillium Web" !important;;
	}
}

/* ========== Extra large devices (large desktops, 1200px and up)========== */
@media (min-width: 1200px) { ... }


.btn.btn-primary {
background-color: #fff !important;
color: #cd1919 !important;
}
.btn.btn-primary:hover {
background-color: #444 !important;
color: #ffffff !important;
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
 opacity:1 !important;
}

.wlNewsDisclaimerText{
  padding-left: 20px;
}

.iconTopicPremium img {
    position: absolute;
    max-width: 60px;
    min-width: 20px;
    width: 30%;
    top: -1%;
    left: 1%;
}

.iconTopicPremiumRotator img {
    position: absolute;
    max-width: 60px;
    min-width: 20px;
    width: 30%;
    top: -35%;
    left: 6%;
}


/* Hide Cookie Control */
#ccc {display:none;}


/* temp font size change */
.menu ul li a{
font:16px/32px "Titillium Web" !important;
}</pre></body></html>