/* ------------------------------------------------------------ *\
	Top Operator
\* ------------------------------------------------------------ */

.topOperator {
	padding: 35px 15px; 
	/* background: #2a7dfb url(../images/topOperator-bg-mobile-min.jpg) no-repeat 0 0;  */
	background-color: #2a7dfb;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	color: #fff;
	text-align: center; 
	font-size: 16px; 
	margin-bottom: 50px;
	clear: both
}

.topOperator .topOperator-logo-holder {
	display: inline-block; 
	vertical-align: middle; 
	width: 165px; 
	height: 165px; 
	padding: 40px 0; 
	border-radius: 50%;
	margin-bottom: 20px; 
	background: #fff; 
	text-align: center; 
	color: #17172b
}

.topOperator .topOperator-logo-holder > p {
	font-family: roboto condensed,sans-serif;
	margin-top: 0; 
	/* margin-bottom: 14px;  */
	margin-bottom: 0; 
	color: #bebec4;
	font-weight: 700; 
	font-size: 16px; 
	text-transform: uppercase
}

.topOperator .topOperator-logo {
	display: inline-block; 
	vertical-align: middle; 
	max-width: 114px; 
	/* margin-bottom: 15px;  */
	margin: 0 auto;
	margin-bottom: 0; 
	margin-top: -5px
}

.topOperator .topOperator-rating {
	font-size: 18px
}

.topOperator .topOperator-rating span {
	color: #2a7dfb; 
	font-size: 26px; 
	line-height: 0.92; 
	font-weight: 700
}

.topOperator .topOperator-content {
	padding: 0
}

.topOperator .topOperator-content > p {
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 0; 
	margin-bottom: 24px; 
	font-size: 24px;
	line-height: 1.44; 
	font-weight: 400; 
	color: #fff;
	text-transform: uppercase; 

}

.topOperator .topOperator-content > p strong {
	display: block; 
	font-weight: 700
}

.topOperator .topOperator-keyfacts {
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 700; 
	padding: 0 15px; 
	margin-bottom: 19px; 
	list-style: none; 
	text-transform: uppercase
}

.topOperator .topOperator-keyfacts:after {
	content: '';
	display: table; 
	clear: both; 
	line-height: 0
}

.topOperator .topOperator-keyfacts li {
	display: block; 
	padding: 10px 15px; 
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	margin-bottom: 0; 
	text-align: left
}

.topOperator .topOperator-keyfacts li:last-child {
	border: none
}

.topOperator .topOperator-keyfacts li:nth-child(2n+1) {
	clear: both
}

.topOperator .topOperator-keyfacts li span {
	margin-top: 1px;
	display: block; 
	overflow: hidden
}

.topOperator .topOperator-keyfacts li i {
	display: inline-block; 
	vertical-align: middle; 
	float: left; 
	margin-right: 15px
}

.topOperator .topOperator-actions {
	clear: both
}

.topOperator .button {
	display: block; 
	border-radius: 2px;
	border-width: 2px;
	padding: 10px 20px
}
.topOperator .button + .button {
	margin-top: 15px
}

@media ( min-width: 380px ) {
	.topOperator .button { 
		display: inline-block; 
		vertical-align: middle
	}
	
	.topOperator .button + .button {
		margin-left: 15px; 
		margin-top: 0
	}
}

@media ( min-width: 767px ) {
	.topOperator {
		margin: 30px 0; 
		padding: 25px 15px 15px; 
		/* background-image: url(../images/topOperator-bg.jpg); */
		border-radius: 5px;
	}

	.topOperator .topOperator-logo-holder {
		margin-top: 21px
	}
	
	.topOperator .topOperator-content > p {
		margin-bottom: 18px
	}

	.topOperator .topOperator-keyfacts li i {
		margin-right: 7px
	}

	.topOperator .topOperator-keyfacts {
		margin-bottom: 0;
	}
	.topOperator .topOperator-keyfacts li {
		border: none;
		padding: 0 0 22px 19px
	}
}

/* ------------------------------------------------------------ *\
	Top operator St Patrick
\* ------------------------------------------------------------ */

	.topOperator-secondary .topOperator-sidebar {
		display: none;
	}
	.topOperator-secondary {
		position: relative;
		padding-top: 300px;
		margin: 45px 0;
		font-family: 'Roboto Condensed', sans-serif; 
		background-color: #000; 
		background-size: 350px;
		background-position: center top;
		border-radius: 5px;
		background-image: url(/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box-mobile.jpg);
	}
	.topOperator-secondary .topOperator-keyfacts li i {
		position: relative;
	}
	.topOperator-secondary .topOperator-keyfacts li i:after {
		content: '';
		width: 26px;
		height: 26px;
		border: 4px solid rgba(244, 255, 167, .25);
		border-radius: 50%;
		position: absolute;
		top: -1px;
		left: -1px;
	}
	.topOperator-secondary .topOperator-logo-holder {
		position: relative; 
		width: 140px;
		height: 140px;
		padding: 25px 0;
		margin-bottom: 40px;
	}
	.topOperator-secondary .topOperator-logo-holder:after {
		content: '';
		width: 155px; 
		height: 155px;
		position: absolute;
		top: -7px;
		left: -7px;
		border: 7px solid rgba(244, 255, 167, .25);
		border-radius: 50%;
	}
	.topOperator-secondary .topOperator-logo-holder p {
		font-size: 14px;
	}
	.topOperator-secondary .topOperator-content > p {
		color: #14B04B;
		font-size: 18px;
	}
	.topOperator-secondary .topOperator-content > p strong {
		color: #fff;
	}
	.topOperator-secondary.secondary {
		background-image: url(/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box_2-mobile.jpg);
	}
	/* .topOperator-secondary.secondary .topOperator-sidebar {
		width: 70px;
		border-radius: 0;
		right: 50px;
		top: -5px;
		bottom: -5px;
	}
	.topOperator-secondary.secondary .topOperator-sidebar strong {
		right: -41px;
	} */
	.topOperator-secondary.third {
		background-image: url(/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box_3-mobile.jpg);
	}
	/* .topOperator-secondary.third .topOperator-sidebar {
		display: none;
	}
	.topOperator-secondary.third .topOperator-content:after,
	.topOperator-secondary.third .topOperator-aside:before {
		content: '';
		display: none; 
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.topOperator-secondary.third .topOperator-content:after {
		width: 150px;
		height: 127px;
		right: -5px;
		background: url('/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box_baner.svg');
	} */
	/* .topOperator-secondary.third .topOperator-aside:before {
		width: 53px;
		height: 127px;
		left: -5px;
		background: url('/wp-content/themes/ministrap-child/assets/images/green.svg');
	} */

	.topOperator-secondary .topOperator-content>p.description-long {
		color: #fff;
		font-size: 9px;
	}
	.topOperator-secondary .description-long {
		font-family: 'Roboto Condensed', sans-serif;
	    line-height: 1.2;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 9px;
	}

	@media (min-width: 992px) {
		.topOperator-secondary {
			background-size: cover;
			background-position: left top;
			padding: 23px 0 0;
			border-radius: 25px;
			background-image: url(/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box.jpg);
		}
		.topOperator-secondary .topOperator-sidebar {
			display: block; 
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			border-radius: 0 25px 25px 0;
			width: 104px;
			font-size: 31px;
			font-weight: 700;
			line-height: 1.13;
			padding: 30px 0;
			text-transform: uppercase;
			border-left: 6px solid #181F38;
		}
		.topOperator-secondary .topOperator-sidebar span:first-child {
			margin-bottom: 160px;
			display: block;
		}
		.topOperator-secondary .topOperator-sidebar strong {
			position: absolute; 
			transform: rotate(90deg);
			font-size: 47px;
			top: 118px;
			right: -21px;
		}
		.topOperator-secondary .topOperator-logo-holder {
			position: absolute;
			top: 73px;
			right: 31%;
		}
		.topOperator-secondary .topOperator-conten {
			padding-right: 90px;
		}
		.topOperator-secondary .topOperator-aside {
			position: static;
		}
		.topOperator-secondary .topOperator-keyfacts {
			min-height: 160px;
			max-width: 590px;
		}
		.topOperator-secondary .topOperator-keyfacts li {
			padding: 0 0 10px 90px ; 
		}
		.topOperator-secondary .topOperator-keyfacts li:nth-child(2n+1) {
			padding: 0 95px 10px 0; 
			text-align: right;
		}
		.topOperator-secondary .topOperator-keyfacts li:nth-child(2n+1) i {
			float: right;
			margin-left: 7px;
			margin-right: 0;
		}
		.topOperator-secondary .topOperator-content > p {
			font-size: 24px;
			line-height: 1.2;
		}
		.topOperator-secondary.secondary {
			background-image: url(/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box_2.jpg);
		}
		/* .topOperator-secondary.third .topOperator-content:after,
		.topOperator-secondary.third .topOperator-aside:before {
			display: block;
		} */
		.topOperator-secondary.third {
			background-image: url(/wp-content/themes/ministrap-child/assets/images/St_Patrick_background_box_3.jpg);
		}
		.topOperator-secondary .topOperator-content>p.description-long {
			padding: 10px 110px 0; 
		}
		.topOperator-secondary .description-long {
		    padding: 17px 120px 7px 12px; 
		}
	}

/* ------------------------------------------------------------ *\
	Top Operator Third
\* ------------------------------------------------------------ */

.topOperator-third {
	background-size: 100%;
}

.topOperator-third .topOperator-sidebar strong {
	font-size: 40px;
	transform-origin: 0;
	width: 320px;
	top: -22px;
	right: auto;
}
@media (min-width: 992px) {
	.topOperator-third {
		background-size: cover;
	}
}

/* ------------------------------------------------------------ *\
	Drone Box
\* ------------------------------------------------------------ */
.drone-box {
	background-image: url(/wp-content/themes/ministrap-child/assets/images/drone-racing-mobile.jpg);
}
.drone-box.topOperator-secondary .topOperator-content > p {
	color: #2A7DFB;
}
@media (min-width: 992px) {
	.drone-box {
		background-image: url(/wp-content/themes/ministrap-child/assets/images/drone-racing.jpg);
	}	
}

/* ------------------------------------------------------------ *\
	Separk Takraw
\* ------------------------------------------------------------ */

.separk-takraw {
	background-image: url(/wp-content/themes/ministrap-child/assets/images/sepak-takraw-mobile.jpg);
}
.separk-takraw.topOperator-secondary .topOperator-content > p {
	color: #ffcd21;
}
.separk-takraw.topOperator-secondary .topOperator-sidebar strong {
	color: #1e1f41;
}
.separk-takraw.topOperator-secondary .button+.button {
	color: #1e1f41;
}
.separk-takraw.topOperator-secondary .button+.button:hover {
	color: #fff;
}
@media (min-width: 992px) {
	.separk-takraw {
		margin-top: 80px;
		background-image: url(/wp-content/themes/ministrap-child/assets/images/sepak-takraw.jpg);
	}	
	.separk-takraw.topOperator-secondary .topOperator-aside:before {
		content: '';
		position: absolute; 
		top: -135px;
		left: 19%;
		width: 280px;
		height: 280px;
		background-image: url(/wp-content/themes/ministrap-child/assets/images/ball.png);
		background-size: contain;
	}
}

/* ------------------------------------------------------------ *\
	Ice Cross Downhill
\* ------------------------------------------------------------ */

.ice-cross-downhill {
	background-image: url(/wp-content/themes/ministrap-child/assets/images/ice-cross-downhill-mobile.jpg);
}
.ice-cross-downhill.topOperator-secondary .topOperator-content > p {
	color: #00B1FF;
}
.ice-cross-downhill .topOperator-sidebar strong {
	font-size: 32px;
}
@media (min-width: 992px) {
	.ice-cross-downhill {
		background-image: url(/wp-content/themes/ministrap-child/assets/images/ice-cross-downhill.jpg);
	}	
}


/* ------------------------------------------------------------ *\
	Esports
\* ------------------------------------------------------------ */
.esports-box { padding-top: 250px; }
.esports-box.topOperator-secondary .topOperator-content > p {
	color: #823592
}

.esport-label { font-weight: 600; display: block; margin-top: -15px; font-size: 20px;}
@media (min-width: 992px) {
	.esports-box { padding-top: 20px; }
	.esports-box.mobile { background-size: 43%; }
	.esports-box.topOperator-secondary .topOperator-sidebar strong {
		top: 130px;
	    right: -39px;
	}
}

/* ------------------------------------------------------------ *\
	Helloween box
\* ------------------------------------------------------------ */

.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	top: 150px;
	right: -67px;
}
.christmas-box.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	font-size: 32px;
	min-width: 300px;
	right: -98px;
}
.skiing-box.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	font-size: 60px;
	top: 141px;
	right: -34px; 
}
.speedway-box.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	right: -52px;
}
.formula-e-box.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	top: 145px;
	right: -57px;
	white-space: nowrap;
}
.indycar-box.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	right: -35px;
	top: 148px;
}
.olympics-box.halloween-box.topOperator-secondary .topOperator-sidebar strong {
	top: 145px;
	right: -55px;
	font-size: 50px;
}

.halloween-box-primary:before,
.halloween-box-secondary:before {
	content: '';
	position: absolute;
	top: -50px;
	left: -50px;
	width: 150px;
	height: 150px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.halloween-box-primary:before {
	background-image: url(/wp-content/themes/ministrap-child/assets/images/halloween-badj.png);
}

.halloween-box-secondary:before {
	background-image: url(/wp-content/themes/ministrap-child/assets/images/halloween-badj-2.png);
}

@media (max-width: 768px) {
	.halloween-box-primary:before,
	.halloween-box-secondary:before {
		top: -45px;
		left: -0px;
		width: 100px;
		height: 100px;
	}
}

/* ------------------------------------------------------------ *\
	UFC box
\* ------------------------------------------------------------ */

.ufc-box.topOperator-secondary .topOperator-sidebar strong {
    top: 140px;
    right: -110px;
    width: 321px;
}
@media (min-width: 992px) {
	.topOperator-secondary .topOperator-sidebar strong {
	  	font-size: 45px;
	}
}

/* ------------------------------------------------------------ *\
	Cricket
\* ------------------------------------------------------------ */

.cricket-box.topOperator-secondary .topOperator-sidebar strong {
	top: 157px;
}

@media(max-width: 776px) {
	.cricket-box.topOperator-secondary { 
		padding-top: 285px;
	}
}

/* ------------------------------------------------------------ *\
	Darts
\* ------------------------------------------------------------ */

.darts-box.topOperator-secondary .topOperator-sidebar strong {
	top: 144px;
}

@media(max-width: 776px) {
	.darts-box.topOperator-secondary { 
		padding-top: 230px;
	}
}

/* ------------------------------------------------------------ *\
	Nfl
\* ------------------------------------------------------------ */

@media(max-width: 776px) {
	.nfl-box.topOperator-secondary { 
		padding-top: 230px;
	}
}

/* ------------------------------------------------------------ *\
	Boxing
\* ------------------------------------------------------------ */

.boxing-box.topOperator-secondary .topOperator-sidebar strong {
	top: 165px;
}
