/* CSS Document */
/* Typography Overides 
body {
    font-family: 'Roboto',Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;	
}*/

:root {
	--scroll-text-margin: 15px;
}

h3 {
	font-family: Poppins, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4em;
}

h4 {
	font-size: 24px;
	line-height: 1.4;
}

/* Bootstrap Overides */
.panel-heading-primary {
	background-color: #A4C0F1;
}

.panel-body-primary {
	background-color: #CAD9F3;
	height: 100%;
}

/* Panel replacement Overides */
.card-header-primary {
	background-color: #A4C0F1 !important;
}

.card-body-primary {
	background-color: #CAD9F3 !important;
	height: 100%;
}

.equal,
.equal > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 1 auto;
}

.btn,
.filter-section-container .btn {
	padding: 4px 10px !important;
	line-height: 1.5 !important;

	/* Educon styles */
	-webkit-appearance: none;
	border: none;
	overflow: visible;
	font: inherit;
	color: #222222;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px;
	background: #f8f8f8;
	vertical-align: middle;
	line-height: 40px;
	min-height: 40px;
	font-size: 12.75px;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 0 0 0 rgba(160, 165, 168, 0.3);
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
	border-radius: 0;
}

.btn-mob {
	width: 100%;
}

.btn-primary,
.btn-info,
.btn-inverse {
	/* Removed Assumed Obsolete 12/06/2017 font-weight:300 !important;*/
	/*Removed Assumed Obsolete 12/06/2017 box-shadow: none;*/
}

.btn-primary {
	background-color: #367df4 !important;
	color: #ffffff !important;
	box-shadow: none !important;

}

.btn-primary:hover {
	background-color: #6587b2 !important;
	color: white !important;
}

.btn-success {
	background-color: #3bb75f;
	color: #ffffff;
	box-shadow: none;
}

.btn.active {
	box-shadow: none;
	background-color: #6587B2 !important;
	color: white !important;
}


.btn:hover {
	background-color: #6587B2 !important;
	color: white !important;
}

.btn:focus {
	background-color: #6587B2 !important;
	color: white !important;
}

.btn-anchor {
	font-weight: 300 !Important;
	background-color: rgba(191, 216, 247, 0.00) !important;
	color: #797575 !important;
	box-shadow: none !important;
	text-transform: none !important;
	border: 1px solid #cccdce !important;
}

.btn-anchor.active {
	background-color: #6587b2 !important;
}

/*
.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
*/

.btn-success {
	background-color: #3bb75f;
	color: #ffffff;
	box-shadow: none;
}

.btn-limited {
	background-color: #ecb051 !important;
	box-shadow: none !important;
}

.btn-small {
	min-height: 30px;
	padding: 0 12px;
	line-height: 30px;
	font-size: 12.75px;
}

.sportsBtn:active {
	background-color: blue;
}

.full-width-100 {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.bg-alice-blue {
	background-color: aliceblue;
}

.bg-dark-greyish-blue {
    background-color: #4f5157;
}

.text-dark-blue {
	color: #073c68;
}

@media (min-width: 992px) {
	.full-width-lg-100 {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
}

/*===================================================
	Search page Badge standardization and Stylization
=====================================================*/
.nopad {
	padding: 0px !important;
}

.nomag {
	padding: 0px !important;
}

.badge.badge-limited,
.badge.badge-soldout,
.badge.badge-available,
.badge.badge-tentative,
.badge.badge-continue,
.badge.badge-camps {
	width: 100%;
	border-radius: 0;
	padding: 4px 5px 4px 5px;
	line-height: 32px;
	margin-bottom: 0px;
	letter-spacing: 0px;
	text-shadow: none;
	font-weight: normal;
	font-size: .85em;
	text-align: center;
}

.badge.badge-limited {
	background: #ecb051;
	color: #403e3e;
}

.badge.badge-soldout {
	background: #bab3b3;
	color: #403e3e;
	/* Removed Assumed Obsolete 12/06/2017 padding:4px 8px 4px 8px !important;*/
}

.badge.badge-soldout2 {
	background: #d7d6d6;
	color: #403e3e;
	/* Removed Assumed Obsolete 12/06/2017 padding:4px 8px 4px 8px !important;*/
}

.badge.badge-weekly {
	background: #acd0fc;
	color: #403e3e;
	/* Removed Assumed Obsolete 12/06/2017 padding:4px 8px 4px 8px !important;*/
}

.badge.badge-camp {
	background: #fb8720;
	color: #403e3e;
	/* Removed Assumed Obsolete 12/06/2017 padding:4px 8px 4px 8px !important;*/
}

.badge.badge-tentative {
	background: #edf1ab;
	color: #403e3e;
	/*Removed Assumed Obsolete 12/06/2017 padding:4px 8px 4px 8px !important;*/
}

.badge.badge-continue {
	background: #4f5157;
	color: #Ff0;
}

.badge.badge-available {
	background-color: #6997ce;
	color: white;
}

.badge.badge-small {
	min-height: 30px;
	/*Badge-small in usasportgroup overridden by theme min-height of 30px modified 08-17-2018 3 13 PM william Byers*/
	padding: 0 12px;
	line-height: 30px;
	/*Badge-small in usasportgroup overridden by theme line-height of 30px modified 08-17-2018 3 13 PM william Byers*/
	font-size: 12.75px;
}

.badge.badge-small2 {
	min-height: 10px;
	padding: 0 5px;
	line-height: 20px;
	font-size: 10px;
	font-weight: 600;
}

/*===================================================
 END Search page Badge standardization and Stylization
=====================================================*/
/*====================================================
	Bootstrap Label Stylization
======================================================*/
.label-success,
.label-danger,
.label-primary {
	padding: 2px 4px !important;
	color: #f2f4f5 !important;
}

.label-default,
.label-secondary,
.label-continue {
	padding: 2px 4px !important;

}

/*Ported by William from usasportgroup.com Custom.css 08-20-2018 3 54 PM*/
.label-success {
	background-color: #46c37b;
}

.label-danger {
	background-color: #d26a5c !important;
}

.label-primary {
	background-color: #337ab7;
}

.label-continue {
	color: #fff;
	background-color: #4f5157;
}

.label-default {
	color: #797575;
	background-color: #cccdce;
}

/*Ported by William from usasportgroup.com Custom.css*/
/*======================================================
	END Bootstrap Label Stylization
=======================================================*/
/*=========================================
	END Bootstrap Stylization
==========================================*/
.uk-alert-limited {
	background: #ecb051 !important;
	color: black !important;
	padding: 8px !important;
}

.uk-alert-soldout {
	background: #D99795 !important;
	color: white !important;
	padding: 8px !important;
}

/* .uk-alert-available { background: #85d264 !important; color: white !important; }*/
.uk-alert-tentative {
	background: #edf1ab !important;
	color: black !important;
	padding: 8px !important;
}

/* Category Icon Style */
.category-icon-style {
	width: 60px;
	margin: 0px 10px 0 0;
}

.uk-h3 {
	margin: 0 !important;
}

/* uk-table customization*/
.uk-table-condensed {
	margin: 0px !important;
}

.uk-table-condensed td {
	padding: 0px 8px !important;
}

/* END uk-table customization*/
/*====================================
	Search Term Stylization
=====================================*/
/*===========================================================
	JQRange Slider CSS Mods
=============================================================*/
.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-arrow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow,
.ui-rangeSlider-label {

	background: #4f5157;
}

#dateRange_slider .ui-rangeSlider-container {
	/*	Commented out by Dean Hurley - 2017-12-10 - Causing issues with slider on mobile
	max-width:80%;
	margin-left:120px;
	margin-right:160px
	*/
}

.ui-rangeSlider-label-inner {
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	z-index: 99;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-left: -6px;
	border-top: 6px solid #888DA0;
}

.ui-ruler-tick-label {
	color: #fff;
}

.ui-rangeSlider-label-static {
	width: 80%;
	text-align: center;
	position: absolute;
	z-index: 1;
	color: white;
	margin: 4px;
}

@media screen and (min-width: 768px) {
	.ui-rangeSlider {
		height: 30px;
		padding-top: 10px;
		width: 80%;
	}

	#dateRange_slider .ui-rangeSlider-container,
	.ui-rangeSlider-innerBar {
		width: 100% !important
	}

	/*	Removing media size restriction - Dean Hurley - 2017-12-10 */
	.ui-rangeSlider-label {
		padding: 0px 4px;
		bottom: 36px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0px 1px 0px #c2c5d6;
		-moz-box-shadow: 0px 1px 0px #c2c5d6;
		box-shadow: 0px 1px 0px #c2c5d6;
		color: white;
		font-size: 12px;
		cursor: col-resize;
		min-width: 20px;
		text-align: center;
		background: #67707F;
		background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67707F), color-stop(100%, #888DA0));
	}

	.ui-rangeSlider-bar {
		background: #6fa0da;
		opacity: .7;
		height: 30px;
		/* margin: 1px 0; 
		-moz-border-radius: 4px;
		border-radius: 4px; */
		cursor: move;
		cursor: grab;
		cursor: -moz-grab;
		-webkit-box-shadow: inset 0 2px 6px RGBA(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 2px 6px RGBA(0, 0, 0, 0.5);
		box-shadow: inset 0 2px 6px RGBA(0, 0, 0, 0.5);
		border-left: 1px solid #6fa0da;
		border-right: 1px solid #6fa0da;
	}

	.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner {
		text-align: center;
	}

	.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label {
		position: relative;
		line-height: 40px;
	}
}

@media screen and (max-width: 767px) {
	.ui-rangeSlider {
		height: 48px;
		padding-top: 10px;
		width: 100%;
	}

	.ui-rangeSlider-container,
	.ui-rangeSlider-innerBar {
		width: 100% !important;
		height: 48px
	}

	/*	Removing media size restriction - Dean Hurley - 2017-12-10 */
	.ui-rangeSlider-label {
		padding: 0px 4px;
		bottom: 53px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0px 1px 0px #c2c5d6;
		-moz-box-shadow: 0px 1px 0px #c2c5d6;
		box-shadow: 0px 1px 0px #c2c5d6;
		color: white;
		font-size: 12px;
		cursor: col-resize;
		min-width: 48px;
		min-height: 48px;
		box-sizing: border-box;
		padding: 14px 12px;
		text-align: center;
		background: #67707F;
		background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67707F), color-stop(100%, #888DA0));
	}

	.ui-rangeSlider-bar {
		background: #6fa0da;
		opacity: .7;
		height: 48px;
		/* margin: 1px 0; 
		-moz-border-radius: 4px;
		border-radius: 4px; */
		cursor: move;
		cursor: grab;
		cursor: -moz-grab;
		-webkit-box-shadow: inset 0 2px 6px RGBA(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 2px 6px RGBA(0, 0, 0, 0.5);
		box-shadow: inset 0 2px 6px RGBA(0, 0, 0, 0.5);
		border-left: 1px solid #6fa0da;
		border-right: 1px solid #6fa0da;
	}

	.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner {
		text-align: center;
		color: white;
		margin-top: 1px;
		border-left: 1px solid white;
		height: 48px;
		padding-left: 2px;
		position: relative;
	}

	.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label {
		position: relative;
		line-height: 58px;
	}
}

/*===========================================================
 END Range Slider CSS Mods
=============================================================*/
/*Accordion Styling may be obsolete*/
.nextend-accordion-menu-inner-container {
	background: #fff;
	padding: 10px;
}

.uk-accordion-title a {
	color: black !important;
	font-weight: bold !important;
}

/*==============================
	Label Positioning Mods
===============================*/
/* Removed Assumed Obsolete 12/06/2017 .labelHeight{
	line-height:20px !important
}
*/

/* Removed Assumed Obsolete 12/06/2017 .labelLine{
	margin-top:3px	
}*/
/*==============================
END	Label Positioning Mods
===============================*/
/*==============================
	Panel Styling
===============================*/
.panel-programs {
	padding: 10px 10px 10px;
	background: aliceblue;
	margin: 0 0 12px 0;
	box-shadow: 0 1px 1px rgba(30, 50, 70, 0.3) !important;
}

.panel-programs hr {
	margin: 4px 0;
}

.panel-programsPhone {
	padding: 10px 10px 0px;
	background: aliceblue !important;
	margin: 0 0 16px 0;
	box-shadow: 0 1px 3px rgba(30, 50, 70, 0.3);
}

.panel-program {
	padding: 30px 10px 10px;
	background: #fafafa;
	border: 1px solid #e9e3e3;
	margin: 0 0 6px 0;
	box-shadow: 0 1px 3px rgba(30, 50, 70, 0.3);
}

.panel-search {
	padding: 10px 10px 10px;
	background: rgba(191, 216, 247, 0.14);
	border: 1px solid #e9e3e3;
	margin: 0 0 6px 0;
	box-shadow: 0 1px 1px rgba(30, 50, 70, 0.3);
}

/*==============================
	End	Panel Styling
===============================*/
hr {
	margin: 5px 0 0 0 !important;
}

/*btn-anchor and btn-anchor have been moved up to bootstrap active */

/*====================================
 Potentially Obsolete code
====================================*/
/* Removed Assumed Obsolete 12/06/2017 .labelLine{
	margin-top:3px	
}*/
#program-filters2 {
	background: rgba(170, 203, 245, 0.27);
	height: 100%;
	padding: 10px 10px 10px;
	/* background: rgba(170, 203 , 245, 0.27)!important; */
	/* border: 1px solid #e9e3e3; */
	/* margin: 0 0 12px 0; */
	/* box-shadow: 0 1px 3px rgba(30, 50, 70, 0.3); */
}

.dayCheck {
	display: none;
}

/*
	Mobile search filter Button Padding
*/
/* Mob Font was consolidated into the below*/
.mb-search-filter-buttons {
	box-sizing: border-box;
	padding: 16px 10px;
	min-width: 48px;
	min-height: 48px;
	font-size: 12.75px;
}

/*
	Mobile search filter Button Padding
*/
/*=========================================
	Mobile typable Term field Padding
======================================*/
/* Investigate*/
.searchMobMod {
	background: #f9ffba !important;
	border-bottom: 4px solid grey !important;
	font-weight: bold;
	padding-left: 4% !important;
	padding-right: 5% !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	text-align: center;
	margin-left: 0px !important;
}

/*=========================================
	END Mobile typable Term field Padding
======================================*/
/*================================
	These .uk-button extensions can be and should be replaced with a single CSS class. They are obsolete and will be removed.
=================================*/
/*Removed Assumed Obsolete 12/06/2017
.uk-button-mobile{
	padding-top:5% !important;
	padding-bottom:5% !important;
}*/
/*.uk-button-mobile Removed Assumed Obsolete 12/07/2017*/
/*.uk-button-mobile2{
	padding:5px!important;
	max-height:48px !important;
	min-height:48px !important;
	width:100%;
	box-sizing:border-box;
}*/
/*.uk-button-mobile3{
	padding:13px 17px!important;;
	margin-left:0px;
	max-height:48px;
	min-height:48px;
	width:100%;
	font-size:13px!important;
}
.uk-button-mobile3pt5{
	padding:13px 20px!important;;
	margin-left:0px;
	max-height:48px;
	min-height:48px;
	width:100%;
	font-size:13px!important;
}
.uk-button-mobile3pt75{
	padding:13px 19px!important;;
	margin-left:0px;
	max-height:48px;
	min-height:48px;
	width:100%;
	font-size:13px!important;
}
.uk-button-mobile4{
	padding-top:9px!important;
	padding-bottom:12px!important;
	min-height:48px;
	max-height:48px;
	width:100%;
	
}*/
/*================================
	END .uk-button extensions 
=================================*/
/*====================================
 END Potentially Obsolete code, But most of it has to do with  Modal
====================================*/
/*=============================================================
	.uk-button-inactive may be obsolete More research is Needed
==============================================================*/
.uk-button-inactive {
	background-color: rgba(82, 155, 246, 0) !important;
	box-shadow: none !important
}

/*=============================================================
 END .uk-button-inactive
==============================================================*/
/*===================================
	Code to handle the transition of various elements on the individual program pages
====================================*/
@media screen and (max-width:767px) {
	.uk-button-myNav {
		font-size: 14px !Important;
		padding: 9px !important
	}

	/*	Removed Obsolete 12/11/2017 William Byers
	.sessionModal {
    	padding: 9px 24px !important;
	}*/
	.at-icon-wrapper {
		padding: 11px
	}

	/*=====================================================
	List Styling for program page in Mobile
=======================================================*/
	/*li.uk-parent > a{*/
	/*	padding:14px 0 !Important;*/
	/*	max-height:48px*/
	/*}*/
	li > div.uk-form-controls > button {
		height: 48px
	}

	/*	li.uk-parent a{
		padding:14px 0 !Important;
		max-height:48px
	}*/
	/*	li.uk-parent.uk-parent-register a{*/
	/*		padding:8px 0 !Important;*/
	/*	}*/
	a.uk-button.uk-button-default {
		padding: 9px 10px;
	}

	/*	Removed Obsolete 12/11/2017 William Byers
	li.uk-parent a.sessionModal{
		padding:15px 22px !important;
	}*/
	/*=====================================================
 END	List Styling for program page in Mobile
=======================================================*/
	#c1 {
		height: 48px
	}

	#login {
		height: 48px
	}

	#loginSubmit {
		height: 48px
	}

	#create {
		height: 48px
	}

	/*=====================================
	Mobile Table Display css 
======================================*/
	tr.borderOnBoard {
		border-collapse: collapse;
		border-bottom: 1px solid #999;
	}

	tr.sessionsWithoutBorders {
		display: none;
	}

	thead.desktopSessionHead {
		display: none;
	}

	.td-center {
		vertical-align: middle !important;
		display: table-cell
	}

	.td-norm {
		display: none;
	}

	/*=====================================
END	Mobile Table Display css 
======================================*/
}

@media screen and (min-width:768px) {

	/* Removed Assumed Obsolete 12/06/2017
	.uk-button-myNav{
		padding: 2px 4px !important;
	}
*/
	/*  Removed Assumed Obsolete 12/06/2017
	.uk-grid-divider > * {
		 padding-left: 0!important; 
		padding-right: 0!important; 
	}
*/
	/*	Removed Assumed Obsolete 12/06/2017	
.sessionModal {
    padding: 4px 14px !important;
	}*/
	/* tr.boardonBoard and thead Class have been moved down to 555 with tables*/
	/* Removed Assumed Obsolete 12/06/2017	
li.uk-parent a{
		padding:14px 0 !Important;
		max-height:48px
	}
	li.uk-parent.uk-parent-register a{
		padding:8px 0 !Important;
	}	
	a.uk-button.uk-button-default{
		padding:9px 10px;
	}

	button.uk-button.uk-button-primary.uk-width-1-1{
		padding:9px 0px;
	}
	*/
	/* Removed Assumed Obsolete 12/06/2017
	.at-icon-wrapper{
		padding:16px
	}
*/
	/*================================
	Table Styling and default for desktop Restoration
*/
	tr.borderOnBoard {}

	thead.desktopSessionHead {
		display: table-header-group;
	}

	.td-center {
		vertical-align: middle !important;
		display: none;
	}

	.td-norm {
		display: table-cell;
	}

	/*================================
	Table Styling and default for desktop Restoration
*/
}

@media screen and (min-width:960px) {
	#desktopCart {
		display: block
	}

	#tabletCart {
		display: none
	}

	#desktopBack {
		display: block
	}

	#tabletBack {
		display: none
	}

	.tablethandling {}

	.at-icon-wrapper {}
}

@media screen and (max-width:959px) {
	#desktopCart {
		display: none
	}

	#tabletCart {
		display: block
	}

	#desktopBack {
		display: none
	}

	#tabletBack {
		display: block
	}

	.tablethandling {
		padding: 9px 24px !important
	}

	.at-icon-wrapper {
		padding: 11px
	}

	.sp-main-body {
		padding: 0px !important;
	}

	.container {
		padding: 4px !important;
	}
}

/*===================================
	END of Code to handle the transition of various elements on the individual program pages
====================================*/

#sp-search {
	display: none;
}

#sp-header {
	border-bottom: 2px solid #87dde7;
}

@media screen and (max-width: 991px) {
	#sp-header {
		height: 60px;
	}
}

.btn {
	background: none;
	border: 1px solid;
	border-radius: 0;
	font-size: 13px;
	/* margin: 2px; */
}

.btn-secondary {
	background: #f8f8f8;
}

.sportsBtn {
	border-radius: 0;
	font: inherit;
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}

button.sportsBtn {
	margin: 0;
}

/*===================================
	Styling for uk-parent register element
=====================================*/
/* background color set for uk-parent register element*/
.uk-parent-tentative {
	background-color: #777774;
}

.uk-parent-sold-out {
	background-color: #ed5546;
}

.uk-parent-success,
.uk-parent-limited {
	background-color: #82b440;
}

.uk-parent-success,
.uk-parent-limited,
.uk-parent-tentative,
.uk-parent-sold-out {
	color: white;
}

.uk-parent-tentative,
.uk-parent-sold-out {
	line-height: 40px;
}

a.uk-parent-success:hover,
a.uk-parent-limited:hover,
a.uk-parent-success:focus,
a.uk-parent-limited:focus {
	color: white;
}

/* end background color set for uk-parent register element*/
/* override to give links with uk-button styling in uk-parent elements proper padding*/
.uk-nav > li > a.uk-button {
	padding: 0 20px;
}

/* End override to give links with uk-button styling in uk-parent elements proper padding*/
/*====================================
	end styling for uk-parent element
======================================*/
/* Removed Assumed Obsolete 12/06/2017
#dateLink.active{
	background-color:#f9ffba !important;
	border:1px solid #cccdce;
	color:#797575 !important;
}*/
/*===============================================
Search Register Button  standardization class
================================================
.register{
	height:30px;
	width:136px;
}*/
/*===============================================
END	Search Register Button  standardization class
================================================*/
/*=============================================
	siblings-list Stylization
===============================================*/
#siblings-list {
	padding-left: 0px;
	color: black;
}

#siblings-listMob {
	padding-left: 0px;
	color: black;
}

/*=============================================
	END siblings-list Stylization
===============================================*/
/* Mobile Edit Search Category Buttons */
.mobCatBtn {
	margin: 2px 0px;
	min-width: 96px;
	letter-spacing: 0px !important;
	font-size: 12px !important;
	padding: 4px !important;
}

/*
.mobCatBtn:hover {
	background-color:#cccdce !important;
}
*/
.mobDayBtn {
	margin: 2px 0px;
	letter-spacing: 0px !important;
	font-size: 13px !important;
	padding: 4px !important;
	min-width: 28px;
}

.tm-content {
	background-color: #fafafa !important;
	/*	border:none !important; */
}

.delete {
	cursor: pointer;
}

aside {
	display: block
}

.totalMob {
	color: #FFFF00;
	font-weight: bold;
	font-size: 16px;
}

.displayBtn {
	font-size: 14px !important;
}

/* Main Template Overrides */
/* #sp-main-body {
	padding: 10px !important;
} */

#sp-search {
	display: none;
}

#sp-header {
	border-bottom: 2px solid #87dde7;
}

@media screen and (max-width: 991px) {
	#sp-header {
		height: 60px;
	}
}

.btn {
	background: none;
	border: 1px solid;
	border-radius: 0;
	font-size: 13px;
	/* margin: 2px; */
}

.btn-secondary {
	background: #f8f8f8;
}

.sportsBtn {
	border-radius: 0;
	font: inherit;
	color: #222222;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}

/*============================
	William search styling modifications
==============================*/
/*End Desktop background color switch*/

/*white space for content on page*/
/*	#sp-component{ Might be obsolete as of 08-21-2018 thanks to Todd's site wide bkg requirements
		background-color:#fafafa;*/
/*Copied from style.css usasportgroup component .tm-content*/
/*	}*/
/*end white space for content on page*/

/*============================
	William search styling modifications
==============================*/
/*============================
	William Uk-button Import 08-20-2018
==============================*/
/* UIKit Button Overides and Extensions - Dean - 12/07/17 */
.uk-button-default {
	background-color: #c4c4c4;
}

.uk-button-account {
	background-color: #2b2b2d;
	color: #fff;
}

.uk-button-account:hover {
	background-color: #5cd1df;
	color: #fff;
}

.uk-button-continue {
	color: #fff;
	background-color: #4f5157 !important;
	box-shadow: none;
}

.uk-button-continue:active {
	color: #fff;
	background-color: #6587b2 !important;
	box-shadow: none;
}

.uk-button-blank,
.uk-button-blank:hover,
.uk-button-blank:active {
	background-color: white !important;
}

/* Imported usasportgroup.com theme UK button rules*/
.uk-button:not(:disabled) {
	cursor: pointer;
}

.uk-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
	 * Hover
	 * 1. Apply hover style also to focus state
	 * 2. Remove default focus style
	 * 3. Required for `a` elements
	 */
.uk-button:hover

/*,
	.uk-button:focus*/
	{
	/*Focus Commented out for the time being because buttons are reliant on UIKIT.js*/
	background-color: #5cd1df;
	color: #ffffff;
	/* 2 */
	outline: none;
	/* 3 */
	text-decoration: none;
	box-shadow: 0 0 0 0 rgba(160, 165, 168, 0.6);
	transform: translateY(0);
}

/*added for the time being because buttons are reliant on UIKIT.js*/
.uk-button:focus {
	background-color: #6587b2;
	color: #ffffff;
	/* 2 */
	outline: none;
	/* 3 */
	text-decoration: none;
	box-shadow: 0 0 0 0 rgba(160, 165, 168, 0.6);
	transform: translateY(0);
}

/* Active */
.uk-button:active,
.uk-button.uk-active {
	background-color: #6587b2;
	color: #ffffff;
	box-shadow: 0 0 0 0 rgba(160, 165, 168, 0.6);
}

/* Color modifiers
	 ========================================================================== */
/*
	 * Modifier: `uk-button-primary`
	 */
.uk-button-primary {
	background-color: #367df4;
	color: #ffffff;
	box-shadow: none;
}

/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
	background-color: #5cd1df;
	color: #ffffff;
	box-shadow: none;
}

/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
	background-color: #29bed0;
	color: #ffffff;
	box-shadow: none;
}

/*
	 * Modifier: `uk-button-success`
	 */
.uk-button-success {
	background-color: #3bb75f;
	color: #ffffff;
	box-shadow: none;
}

/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
	background-color: #44d36d;
	color: #ffffff;
	box-shadow: none;
}

/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
	background-color: #4dc870;
	color: #ffffff;
	box-shadow: none;
}

/*
	 * Modifier: `uk-button-danger`
	 */
.uk-button-danger {
	background-color: #d3343d;
	color: #ffffff;
	box-shadow: none;
}

/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
	background-color: #ae262d;
	color: #ffffff;
	box-shadow: none;
}

/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
	background-color: #a2232a;
	color: #ffffff;
	box-shadow: none;
}

/* Disabled state
	 * Overrides also the color modifiers
	 ========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
	background-color: #f8f9fb;
	color: #adadae;
	box-shadow: none;
}

/* Modifier: `uk-button-link`
	 ========================================================================== */
/* Reset */
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
	border-color: transparent;
	background: none;
	box-shadow: none;
}

/* Color */
.uk-button-link {
	color: #2862a7;
}

.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
	color: #5c5c5c;
	text-decoration: none;
}

.uk-button-link:disabled {
	color: #adadae;
}

/* Focus */
.uk-button-link:focus {
	outline: 1px dotted;
}

/* Size modifiers
	 ========================================================================== */
.uk-button-mini {
	min-height: 20px;
	padding: 0 8px;
	line-height: 20px;
	font-size: 9px;
}

.uk-button-large {
	min-height: 50px;
	padding: 0 20px;
	line-height: 50px;
	font-size: 15px;
}

/* Sub-object `uk-button-group`
	 ========================================================================== */
/*
	 * 1. Behave like buttons
	 * 2. Create position context for dropdowns
	 * 3. Remove whitespace between child elements when using `inline-block`
	 * 4. Prevent buttons from wrapping
	 * 5. Remove whitespace between child elements when using `inline-block`
	 */
.uk-button-group {
	/* 1 */
	display: inline-block;
	vertical-align: middle;
	/* 2 */
	position: relative;
	/* 3 */
	font-size: 0.001px;
	/* 4 */
	white-space: nowrap;
}

.uk-button-group > * {
	display: inline-block;
}

/* 5 */
.uk-button-group .uk-button {
	vertical-align: top;
}

/* Sub-object: `uk-button-dropdown`
	 ========================================================================== */
/*
	 * 1. Behave like buttons
	 * 2. Create position context for dropdowns
	 */
.uk-button-dropdown {
	/* 1 */
	display: inline-block;
	vertical-align: middle;
	/* 2 */
	position: relative;
}

.uk-button-group {
	box-shadow: 0 0 0 0 rgba(160, 165, 168, 0.3);
}

.uk-button-group .uk-button:not(:disabled) {
	box-shadow: none;
}

.uk-button-group .uk-button:not(:disabled):hover,
.uk-button-group .uk-button:not(:disabled):active,
.uk-button-group .uk-button:not(:disabled):focus {
	box-shadow: 0 0 0 0 rgba(160, 165, 168, 0.3);
}

.uk-button-group .uk-button.uk-button-primary:hover,
.uk-button-group .uk-button.uk-button-success:hover,
.uk-button-group .uk-button.uk-button-danger:hover,
.uk-button-group .uk-button.uk-button-primary:active,
.uk-button-group .uk-button.uk-button-success:active,
.uk-button-group .uk-button.uk-button-danger:active,
.uk-button-group .uk-button.uk-button-primary:focus,
.uk-button-group .uk-button.uk-button-success:focus,
.uk-button-group .uk-button.uk-button-danger:focus {
	box-shadow: none;
}

/* END Imported usasportgroup.com theme UK button rules*/
/*============================
	END Uk-button Import
==============================*/
/*link override william Byers 08-20-2018*/
a,
.uk-link {
	color: #2862a7;
	font-weight: 400;
}

/* END link override william Byers 08-20-2018*/
/*============================================
	Alignment Correcitons Mobile & desktop
=============================================*/
/* Mobile Button Line Alignment Fix william Byers 08-21-2018*
*/
/* div.fjs_item > div.row {
	margin-left: 0px;
	margin-right: 0px;
} */

div.row > .fa-ul,
div.row > .icon-ul {
	list-style-type: none;
	margin-left: 2.3em !important;
	padding-left: 0;
}

/* END Mobile Button Line Alignment Fix
*/
/* Column alignment first column correction desktop WB 08-23-2018*/
div.uk-container > div.row > div.col-xs-4:first-child {
	margin-left: -15px;
}

/*END Column alignment first column correction desktop*/
/* Column alignment alert correction desktop WB 08-23-2018*/
div.uk-container > div.row > div.col-xs-8 {
	margin-left: -15px;
}

/*END Column alignment alert correction desktop*/
/* Column alignment first column correction mobile WB 08-23-2018*/
div.panel-programsPhone.fjs_item > div.col-xs-10 > div.row:first-child {
	margin-left: -5px;
}

/*END Column alignment first column correction mobile*/
/*============================================
	End Alignment Correcitons Mobile & desktop
=============================================*/
/*===========================================
	Color correction
=============================================*/
div.fjs_item > div.uk-container {
	color: #424040;
	font-weight: 400;
}

div.fjs_item > span {
	font-weight: 500
}

div.panel-programsPhone.fjs_item > div.col-xs-10 > div.row:not(:first-child) {
	color: #424040;
	font-weight: 400;
}

div.panel-programsPhone.fjs_item > div.col-xs-10 > div.row:first-child {
	color: #262F3A;
	font-weight: 500;
}

.tag {
	list-style: none;
	background: #2373f6;
	/* min-width:160px; */
	height: 32px;
	line-height: 32px;
}

.tag::after {
	border-left: 10px solid #2373f6;
}

/*===========================================
	End Color correction
=============================================*/
/*===========================================
USE CSS to duplicate color switch on mobile collapse panel
=============================================*/
.contCollapse {
	background-color: #d3343d !important;
}

.contCollapse.collapsed:after {
	float: right;
	content: "\003c";
	display: inline-block;
	transform: rotate(0deg);
}

.contCollapse:after {
	float: right;
	content: "\003c";
	display: inline-block;
	transform: rotate(-90deg);
}

.contCollapse.collapsed {
	background-color: #4f5157 !important;
}

.contCollapse > .moreInfo:before {
	content: "LESS INFO";
}

.contCollapse.collapsed > .moreInfo:before {
	content: "MORE INFO";
}

/* CSS to change panel body for our mobile purposes*/
.pbpShrink {
	padding: 1px !important
}

/*===========================================
END CSS to duplicate color switch on mobile collapse panel
=============================================*/
.thindarkgrey {
	padding: 8px;
	background-color: #2b2b2d;
}

#seasonStart .season-empty-message,
#dayFilters .day-empty-message {
	color: white;
	font-size: 15px;
}

#distance label {
	min-width: 40px;
}

.deskSearchFilterBtns {
	padding: 4px 10px !important;
	/*min-width: 23%;*/
	margin-top: 10px;
}

.btn.deskSearchFilterBtns {
	margin: 0;
}

#seasonfilters .deskSearchFilterBtns {
	line-height: 30px !important;
	min-width: 65px;
}

#toggleFilters,
.filter-section-container:not(.recreg) h3 small {
	font-size: 14px;
}

/* .catName {
	text-align: center;
} */

section.program-filters {
	padding: 10px 30px;
	background-color: #2b2b2d;
}

.program-filters p {
	margin-bottom: 0;
}

.program-heading-container {
	background-color: #2b2b2d;
}

.program-heading-container.sticky,
.program-filters.sticky {
	width: 100%;
	z-index: 1;
	margin: 0;
}

/* .program-heading-container.sticky {
	padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
} */

.program-filters.sticky {
	border-top: 1px solid #666;
}

.deskSearchFilterBtns:hover {
	background-color: unset;
}

.totalRes {
	color: white;
}

.program-heading-container,
.program-filters {
	padding: 4px 0;
	background-color: #2b2b2d;
	padding-right: calc(var(--bs-gutter-x)* .5);
	padding-left: calc(var(--bs-gutter-x)* .5);
}

.program-filters .deskSearchFilterBtns:not(.active) {
	background: unset !important;
	color: #ffc94e !important;
	border-color: #ffc94e;
}

.stickyTest {
	position: sticky;
	min-height: 100px;
	background-color: black;
	color: white;
	border: solid red;
	margin-top: 10px;
}

.welcome-container {
	margin-bottom: 15px;
}

/* button.sportsBtn {
    letter-spacing: -1px;
} */

.sportsBtn:not(.active):focus {
	color: #222222 !important;
	background: #f8f8f8 !important;
}

.btn.closeBtn:hover {
	background-color: #5c636a !important;
}

.filtersBox.sticky,
.program-filters.sticky {
	margin: 0;
	z-index: 1;
	width: 100% !important;
	left: 0 !important;
}

#sp-main-body .filtersBox.sticky {
	left: 4px !important;
	width: calc(100% - 8px) !important;
	padding: 8px 20px;
}

#sp-main-body .township .filtersBox.sticky {
	/* width: calc(100% - 36px) !important; */
}

#titleToggleFilters.filtersBox.sticky {
	padding-bottom: 0px;
}

#seasonfilters.filtersBox.sticky {
	padding-top: 0px;
}

.filtersBox .deskSearchFilterBtns {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* .featured_services_find {
	padding-top: 15px;
} */

#titleToggleFilters:not(.toSticky)~.featured_services_find.filters_hidden {
	margin-top: 218px;
}

.township.featured_services_find {
	padding-top: 8px;
}

.township.featured_services_find.filters_hidden {
	/* margin-top: 190px; */
	margin-top: 160px;
}

.numberCircle {
	width: 22px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
	border: 2px solid black;
	margin-right: 5px;
}

.filter-section-container #toggleFilters.filters_hidden .numberCircle,
.program-filters-label:not(.mobile) .numberCircle {
	border: 2px solid white;
}

.filter-section-container .numberCircle {
	width: 24px;
	height: 24px;
	line-height: 21px;
	border: 2px solid #ffc94e;
}

.filter-section-container #toggleFilters .numberCircle {
	border: 1px solid black;
}

div.filter-section-container {
	background-color: #2b2b2d;
	margin: 0;
}

.filter-section-container h3 {
	color: #ffffff;
	display: flex;
	flex-direction: column;
}

.filter-section-container h3 small {
	color: #ffc94e;
}

#toggleFilters {
	text-transform: uppercase;
	height: 44px;
	align-items: center;
}

#toggleFilters:not(.filters_hidden) {
	color: black;
	background-color: #ffc94e;
}

#toggleFilters:hover,
#toggleFilters:focus {
	color: black !important;
	background-color: #ffc94e !important;
}

#toggleFilters.filters_hidden {
	color: white;
	background-color: #3bb75f;
}

#toggleFilters.filters_hidden:hover,
#toggleFilters.filters_hidden:focus {
	color: white !important;
	background-color: #3bb75f !important;
}

.program-filters-label {
	color: white;
	display: flex;
}

.program-filters-label.mobile {
	text-transform: uppercase;
	color: black;
	background-color: #ffc94e;
	height: 44px;
	align-items: center;
	display: flex;
	justify-content: center;
	font-size: 13px;
	font-weight: 400;
}

.program-filters-label p {
	margin-bottom: 0;
}

/* #titleToggleFilters.pad-bottom:not(.sticky) {
	margin-bottom: 105px;
} */

.ftsearch {
	/* display: none; */
	z-index: 999;
	border-radius: 3px;
	border-top: 1px solid #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.ftsearch:hover,
.ftsearch:focus {
	opacity: 1;
}

.ftsearch .description {
	margin-right: 10px;
}

.ftsearch .search .age-text {
	height: 44px;
	margin-right: 5px;
	background-color: #fff;
	display: inline;
	width: 60px;
	font-weight: 400;
	border-radius: 2px;
}

.ftsearch .search-button {
	min-width: 100px;
	height: 44px;
	color: #ecb051;
}

.ftsearch.sticky {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 70px;
	padding: 10px 6px;
	background: #222;
	color: #fff;
	left: 0;
}

.ftsearch.location-mobile {
	background-color: #2b2b2d;
	color: #ffffff;
	border: 0;
}

.aliceblue-background {
	background: aliceblue;
}

.program-info-list {
	margin: 0 0 0 25px;
}

.view-more-form-container {
	/* padding: 10px 30px; */
	padding-bottom: 18px;
	padding-right: 8px;
}

.view-more-form-container p {
	color: white;
}

.view-more-form-container input[type=text] {
	background-color: #fff;
	display: inline;
	width: 60px;
	height: 40px;
	font-weight: 400;
	border-radius: 2px;
}

.extra-info-box-content .h-100.d-flex.flex-column {
	padding: 1px 0;
}

.extra-info-box-content .card-body .uk-button-danger {
	color: #ffffff;
}

.single-text-line {
	white-space: nowrap;
	width: fit-content;
}

.scroll-container,
body .scroll-container {
	overflow: hidden;
	margin-left: var(--scroll-text-margin);
	width: calc(100% - var(--scroll-text-margin) * 2);
}

.scroll-text {
	/* animation properties */
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);

	-moz-animation: scroll-left-to-right 15s linear infinite;
	-webkit-animation: scroll-left-to-right 15s linear infinite;
	animation: scroll-left-to-right 15s linear infinite;
}

.location-details-container h1 {
	font-family: Roboto, sans-serif;
	font-size: 24px;
}

.featured_list_find {
	font-family: Roboto, sans-serif;
}

.age-search-form-container p {
	font-size: 15px;
}

/* for Firefox */
@-moz-keyframes scroll-left-to-right {
	from {
		-moz-transform: translateX(100%);
	}

	to {
		-moz-transform: translateX(calc(-100% - var(--scroll-text-margin)));
	}
}

/* for Chrome */
@-webkit-keyframes scroll-left-to-right {
	from {
		-webkit-transform: translateX(100%);
	}

	to {
		-webkit-transform: translateX(calc(-100% - var(--scroll-text-margin)));
	}
}

@keyframes scroll-left-to-right {
	from {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	to {
		-moz-transform: translateX(calc(-100% - var(--scroll-text-margin)));
		-webkit-transform: translateX(calc(-100% - var(--scroll-text-margin)));
		transform: translateX(calc(-100% - var(--scroll-text-margin)));
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.scrollup {
		bottom: 80px !important;
	}
}

@media screen and (min-width: 481px) {
	.program-filters-label .numberCircle {
		width: 24px;
		line-height: 22px;
	}
}

@media only screen and (min-width: 576px) {

	button.sportsBtn,
	button.closeBtn {
		min-width: 230px;
	}

	.mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 575px) {

	button.sportsBtn,
	button.closeBtn,
	.catName button.sportsBtn,
	.catName button.closeBtn {
		min-width: unset;
		width: 49%;
		min-height: 50px;
		padding: 5px 4px;
		line-height: 20px;
	}

	section.program-filters {
		padding: 10px 14px;
	}

	/* .program-filters.sticky {
		position: fixed;
		background-color: #2b2b2d;
		z-index: 1;
		top: 60px;
	} */

	.program-heading-container {
		position: fixed;
		top: 74px;
		width: 100%;
		z-index: 1;
	}

	.program-heading-container,
	.program-filters,
	.sportsCatsSection,
	.stickyTest,
	.filtersBox {
		margin: -14px -12px 0;
	}


	/* #titleToggleFilters:not(.toSticky) {
		position: fixed;
		top: 64px;
		width: 100%;
		z-index: 1;
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	} */

	#titleToggleFilters:not(.toSticky) + #categoryFilters {
		/* margin-top: 110px; */
		/* margin-top: calc(var(--heading-height, 100px) + 10px); */
		/* margin-top: calc(var(--heading-height, 100px) + -50px);
		margin-bottom: 15px; */
	}

	/* .reclocation#categoryFilters {
		margin-top: 162px;
	} */

	.desktop {
		display: none !important;
	}

	.welcome-container {
		margin-bottom: 28px;
	}

	.filter-section-container:not(.recreg) h3 small {
		text-transform: uppercase;
		justify-content: center;
	}

	.filtersBox .deskSearchFilterBtns:not(.active):hover {
		background: #f8f8f8 !important;
		color: #222222 !important;
	}

	.btn:not(.active):hover {
		background-color: #f8f8f8 !important;
		color: #222222 !important;
	}

	.filter-section-container.pad-title-toggle-sticky {
		margin-top: 114px;
	}

	.filter-section-container.seasons-shown.pad-title-toggle-sticky.pad-season-filters-sticky {
		margin-top: 223px;
	}
}

@media screen and (min-width: 440px) and (max-width: 767px) {
	.tags {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.tags a {
		margin: 0 5px;
	}
}

@media only screen and (max-width: 767px) {
	.tag {
		width: 100%;
	}
}