.no-commitment-hockey-wrapper{
	background:#f5f5f5 !important;
	padding:0 !important;
	margin:0 !important;
	width:100% !important;
	max-width:100% !important;
	min-width:100% !important;
}


.no-commitment-hockey-wrapper .vc_row.vc_row.vc_inner {
    width: 1600px;
    margin: 0 auto;
    max-width: 100%;
}



	.nch-games{
		background:#f5f5f5 !important;
		width:100%;
		display:block;
		padding:0;
	}

	.nch-games .nch-games-wrapper{ 
		padding: 0;
		display: flex;
		gap: 15px;  
		width: 1440px;
		overflow: hidden;
		margin: auto !important;
		max-width:100%;
	}

	.nch-games h3,
	.nch-games h3.nch-game-title,
	.nch-games h3 a {
		display: block;
		text-align: center;
		margin: 25px auto;
		font-weight: bold;
		font-size: 32px;
		color:#002b4c !important;
		float: left;
		width: 100%;
		padding:0 !important;
		margin:0 !important;
		text-align: left !important;
		font-weight: normal !important;
	}

	.nch-games h2.nch-header{
		display: block;
		text-align: center;
		margin: 25px auto;
		font-weight: bold;
		font-size: 32px;
		color:#002b4c !important;
		float: left;
		width: 100%;
		padding:0 !important;
		margin:0 !important;
		text-align: center !important;
	}

	.nch-games .nch-game-card{
		background: #fff;
		border-radius:none !important;		 
		padding:16px;
		margin:16px !important;
		box-shadow: 0 0 16px rgba(0,0,0, .25);
		position:relative;
	} 

	.nch-games .slick-arrow{
		width: 25px !important;
		max-width:25px !important;
		height: 50px !important;
		max-height: unset  !important;
		min-height: unset  !important;
		min-width: unset  !important;
		cursor:pointer !important;
		margin-top: 8%;
		position: relative;
	}

	.nch-games .nch-game-card{ 
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		overflow: hidden;
		min-height: 250px;
		height:auto;
		background-position: 200px 140px;
		position:relative;
	}

	.nch-games .nch-game-card:after {
		display: block;
		background-image: url(/wp-content/plugins/api-compiler/assets/card-bk-image.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		content: '';
		position: absolute;
		bottom: 15px;
		right: 15px;
		width: 60px;
		height: 60px;
	}

	.nch-games .nch-game-card .date{  
		color: #fff;
		background: #002b4c;
		width: 65px;
		text-align: center;
		height: 78px;
		padding: 8px 0 0 0;
		margin: -20px 0 0 0;
		overflow: hidden;
		font-weight: bold;
		font-family: "LeagueGothicRegular", sans-serif;
	}

	.nch-games .nch-game-card .date span{
		display:block;
		width:100%;
		clear:both;
		text-align: center;
		font-size: 26px;
		line-height: 1;
		padding:0;
		margin:0;
	}

	.nch-games .nch-game-card .date span.day{
		font-size:36px;
	}

	.nch-games .nch-game-card .city{ 
		text-transform: uppercase;	 
		color:#002b4c;
		font-family: "LeagueGothicRegular", sans-serif; 
		font-size: 25px;
		margin: 8px 5px 8px 8px;
	}

	.nch-games .nch-game-card .time{
		text-transform: uppercase;	 
		color:#002b4c;
		font-family: "LeagueGothicRegular", sans-serif;
		font-size: 25px;
		margin: 8px 0 0 0;
	}

	.nch-games .nch-game-card .time:after{ 
		content: ' ';
		width: 30px;
		height: 30px;
		position: absolute;
		top: 5px;
		right: 5px;
			background-size: 15px auto !important;
		background-position: center center;
		background-repeat: no-repeat; 
		background-image: url(/wp-content/plugins/api-compiler/assets/night-icon.png);
	}

	.nch-games .nch-game-card .levels{
		min-width:100%;
		max-width:100%;
		padding:0 0 0 40px;
		position:relative;
		margin:12px 0 0 0;
	}

	.nch-games .nch-game-card .levels:before{
		content: ' ';
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		left: 0;
		background-size: auto;
		background-position: center center;
		background-repeat: no-repeat; 
		background-image: url(/wp-content/plugins/api-compiler/assets/levels.png);
	}

	.nch-games .nch-game-card .location{
		min-width:100%;
		max-width:100%;
		padding:0 0 0 40px;
		position:relative;
		margin:12px 0 0 0;
	}

	.nch-games .nch-game-card .location:before{
		content: ' ';
		width: 30px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-size: auto;
		background-position: center center;
		background-repeat: no-repeat; 
		background-image: url(/wp-content/plugins/api-compiler/assets/location.png);
	}

	.nch-games .nch-game-card .game_length{
		min-width:100%;
		max-width:100%;
		padding:0 0 0 40px;
		position:relative;
		margin:12px 0 0 0;
		opacity:0;
	}

	.nch-games .nch-game-card .game_length:before{
		content: ' ';
		width: 30px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-size: auto;
		background-position: center center;
		background-repeat: no-repeat; 
		background-image: url(/wp-content/plugins/api-compiler/assets/time.png);
	}


	.nch-heading{
		text-align: center; 
		font-size: 60px; 
		line-height: 1; 
		margin: 0 auto;
		padding: 40px 0 30px 0 !important;
		background: #f5f5f5 !important;
	}
p.clean{
	padding:0;
	margin:0;
	display:block;
	clear:both;
	width:100%;
}
	.nch-sub-heading{
		text-align: center; 
		font-size: 25px; 
		line-height: 1; 
		margin: 0 auto;
		padding: 0 0 30px 0 !important;
		background: #f5f5f5 !important;
		display:block !important;
		width:100% !important;
		font: 28px / 29px "LeagueGothicRegular", sans-serif !important;
    color: #002b4c !important;
	color: #bd0015 !important;
    text-transform: uppercase !important; 
	}

	.nch-sub-heading:hover{
		text-decoration: underline;
		opacity:1 !important;
	}

	.button-group{
		background: #f5f5f5 !important;
		background: #ccc;
		display: flex; 
		justify-content: center;
		align-items: center;
		padding: 35px 50px 50px 50px;
	}
 
	.button-group .button {
		padding: 16px 24px !important;
		border-radius: 32px !important;
		background: transparent !important;
		border: solid 2px #bd0015 !important;
		color: #bd0015 !important;
		transition: all .4s ease !important;
		cursor: pointer !important;
		text-transform: uppercase;
		text-align: center !important;
		font-weight: bold;
	}

	.button-group .button:hover{
		background:#bd0015  !important;
		color:#fff  !important;
	}


@media only screen and (max-width: 960px) {
  
	.button-group{
		background: #f5f5f5 !important; 
		display: flex; 
		flex-wrap:wrap;
		gap:25px;
	}

	.button-group .button  {
		min-width:100%;
		max-width:100%;
	}

	.nch-games .nch-games-wrapper {
    padding: 0;
    display: flex;
    gap: 15px;
    width: 1440px;
    overflow: hidden;
    margin: auto !important;
    max-width: 90% !important;
	} 

	.nch-games .slick-arrow {
		width: 25px !important;
		max-width: 25px !important;
		height: 50px !important;
		max-height: unset !important;
		min-height: unset !important;
		min-width: unset !important;
		cursor: pointer !important;
		margin-top: 24%;
		position: relative;
	}


	.nch-heading { 
    	font-size: 40px !important; 
	}

}