@import url(https://use.fontawesome.com/releases/v5.10.2/css/v4-shims.css);
@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);
/* INNOSOFT FUSION THEME CUSTOM STYLESHEET */
/* Version: 1.38a */
/* Version Date: October 31, 2022 */
/* University of New Brunswick */

@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.10.2/css/v4-shims.css);

@font-face { font-family: "ProximaNova"; src: url("/Content/fonts/ProximaNova-Reg.otf") format("opentype"); font-style: normal; font-weight: normal; }

@font-face { font-family: "ProximaNova"; src: url("/Content/fonts/ProximaNova-Bold.otf") format("opentype"); font-style: normal; font-weight: bold; }


:root { 
	--primary: #030303;
	--topBarHeight: 102px; 
	--sidebarLinkColor: #030303;
}

/* Adjust the Top Bar Height from the root */	

@media(max-width:767px) { :root { --topBarHeight: 76px; } }

/* General Style Rules and Overrides */

html {
	font-size:100%;
    font-size: 16px;	
}

body {
    color: #030303;
    font-size: 16px;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height:1.5;
}

@media(max-width:767px) { body { font-size: 14px; } }

img.img-responsive {
	max-width: 100%;
}

strong, bold {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

a {
	color: #007fa3;
}

a:hover, a:focus {
	color: #5b6770;
	text-decoration: underline;
}

:focus {
	outline: 2px auto rgba(0, 0, 0, 0.5);
}

/* 
:focus-visible {
	outline: 2px solid rgba(0, 0, 0, 0.5) !important;
}
*/

a:active, a:hover {
    outline: 0;
}

/*
img {
	max-width: 100%;
}
*/

.text-primary {
	color: #030303 !important;
}

.white {
	color:#ffffff !important;
}

.black {
	color:#030303 !important;
}

.text-dark {
	color:#EA0029 !important;
}

.orange {
	color:#EA0029 !important;
}

h1, .h1 {	
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;	
    line-height: 1.2;	
    color: #030303;
}

h2, h3, h4, h5, h6, .h2 .h3, .h4, .h5, .h6 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
    color: #030303;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: normal;	
}

/* Resize standard size headings - often much too large */

h1, .h1 {
	font-size: 42px;
}

h2, .h2 {
	font-size: 32px;
}

h3, .h3 {
	font-size: 28px;
}

h4, .h4 {
	font-size: 24px;
}

h5, .h5 {
	font-size: 22px;
}

h6, .h6 {
	font-size: 20px;
}

@media(max-width:479px) {
	
h1, .h1 {
	font-size: 32px;
}

h2, .h2 {
	font-size: 26px;
}

h3, .h3 {
	font-size: 22px;
}

h4, .h4 {
	font-size: 19px;
}

h5, .h5 {
	font-size: 16px;
}

h6, .h6 {
	font-size: 14px;
}	
	
}

/* Resize and restyle small headings, as at current 80% they are huge with larger headings */

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
    font-size: 60%;	
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 70%;
}


/* Top Bar Main */

.TopBarBG {
	background-color: #ffffff;
}

.TopBar {
	border-top: 8px solid #EA0029;
	border-bottom: 1px solid #eeeeee;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

/* Top Bar Left - Hamburger + Logo */

.SideBarMenuLink {
	margin-left: 20px;
	margin-right: 20px;
	color: #030303;
	background-color: transparent;
	transition: color 200ms linear;
	text-align: center;
}

.SideBarMenuLink:hover {
	background-color: transparent;	
	color: #EA0029;	
	opacity:inherit;
	transition: color 200ms linear;		
}

#sidebarCollapse span {
}

#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
	background-image: url('/Content/Images/newbrunswick-logo-rec.png');
	background-size: contain;
	width: 116px;
	display: inline-block;
	margin: 0;
}

/* Temporary Fix to div surrounding LogoBackground to drop extra 5px height */

.TopBar > .d-flex:first-child div:nth-child(2) {
	height:var(--topBarHeight);
}

#sidebarHeader > .d-flex:first-child div:nth-child(2) {
	height:var(--topBarHeight);
}

@media(max-width:991px) {

#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
}
	
.TopBar {
}

}

@media(max-width:767px) {

#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
	width: 82px;
}
	
.SideBarMenuLink {
	margin-left: 20px;
	margin-right: 20px;
	width: 30px;
	height: 30px;
}
	
.TopBar {
	border-top: 4px solid #EA0029;
	border-bottom: 0;
}

#sidebarCollapse span {
	font-size: 30px;
	line-height: 30px;
}

#sidebarDismiss span {
	padding: 0;
	line-height: 30px;
}

}

@media(max-width:479px) { 

.SideBarMenuLink {
	margin-left: 15px;
	margin-right: 15px;
}
	
#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
	width: 82px;
}

}

/* Top Bar Center - Desktop Search Bar */

#Search .btn.SearchButtonColor {
	line-height: 1;
	height: 40px;
	border: 1px solid #EA0029;
	color: #ffffff;
	background: #EA0029;
	padding: 0 6px;
	outline: 0;
	margin-left: 0px;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width:40px;		
}

#Search .btn.SearchButtonColor .material-icons-round {
	font-size: 24px;	
}

#Search .btn.SearchButtonColor:hover {
	color: #ffffff;
	background: #030303;
	border-color: #030303;
}

#Search .form-control {
	color: #030303;
	padding: 2px 4px 2px 15px;
	height: 40px;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#Search .form-control:focus {
    outline: none;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(181, 181, 181, 0.6);
}

#Search .form-control::-moz-placeholder { color: #393e44; opacity: 0.6; }
#Search .form-control:-ms-input-placeholder { color: #393e44; opacity: 0.6; }
#Search .form-control::-webkit-input-placeholder { color: #393e44; opacity: 0.6; }

#Search input:focus::-webkit-input-placeholder { opacity:0.3; }
#Search input:focus::-moz-placeholder { opacity:0.3; } /* FF 19+ */
#Search input:focus:-ms-input-placeholder { opacity:0.3; } /* IE 10+ */

@media (min-width:768px)  { .TopSearch {width: 220px; } }
@media (min-width:825px)  { .TopSearch {width: 250px; } }
@media (min-width:992px)  { .TopSearch {width: 250px; } }
@media (min-width:1300px) { .TopSearch {width: 280px; } }
@media (min-width:1600px) { .TopSearch {width: 340px; } }

/* Top Bar Center - Mobile Search Button Flydown */

#SearchCl .input-group {
	padding: 10px 12px;
	background-color: #EA0029;
}

#SearchCl .btn.SearchButtonColor, #SearchCl .btn-outline-secondary {
    background-color: #030303;
    color: #ffffff;
	font-size: 13px;
	height: 35px;
	border: 0;
	border-left: 0;
	padding: 0 8px;
	margin: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	transition: color .3s ease-out;
	outline: 0;
}

#SearchCl .btn.SearchButtonColor:hover, #SearchCl .btn-outline-secondary:hover {
    background-color: #030303;
	color: #ffffff;	
}

#SearchCl .form-control {
	background-color: #ffffff;
	padding: 2px 16px;
	height: 35px;
	box-shadow: none;
	border: 0;
	font-size: 13px;	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#SearchCl .form-control:focus {
    border-color: #dadada;
    box-shadow: inset 0 0px 3px rgba(0,0,0,0.16);
    outline: none;
}

#SearchCl .form-control::-moz-placeholder {	color: #393e44;	opacity: 1; }
#SearchCl .form-control:-ms-input-placeholder {	color: #393e44; }
#SearchCl .form-control::-webkit-input-placeholder { color: #393e44; }

#SearchCl input:focus::-webkit-input-placeholder { opacity:0.6; }
#SearchCl input:focus::-moz-placeholder { opacity:0.6; } /* FF 19+ */
#SearchCl input:focus:-ms-input-placeholder { opacity:0.6; } /* IE 10+ */


/* Top Bar Right - Desktop */

#TopBarRight {
	margin-right: 24px;
}

.TopBarButtonColor {
	color: #030303;
	font-size: 17px;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	transition: color 200ms ease-in-out;
}

a.TopBarButtonColor:hover, a.TopBarButtonColor:focus {
	color: #EA0029;
	text-decoration:none;
}

/* Drop Down Nav Menu Styling */

#TopBarRight #delayedNotifications .dropdown-menu .list-group-item a {
	color:#030303;
}

#TopBarRight #delayedNotifications .dropdown-menu .list-group-item a:hover {
	text-decoration:none;
}

#TopBarRight #delayedNotifications .dropdown-menu .list-group-item a.btn:hover {
	color:#ffffff;
}

#TopBarRight #delayedNotifications .dropdown-menu .list-group-item a small {
	color:#030303;
	font-weight: normal;
}

#TopBarRight #delayedNotifications .dropdown-menu .list-group-item:hover {
	background-color:#f2f2f2;
}

#TopBarRight .panelNotify {
	padding:0;
}

#TopBarRight .dropdown-item:focus, .dropdown-item:hover {
	color: #030303;
	text-decoration: none;
	background-color: #f2f2f2;
}

/* Topbar Username specific style */

.userActionsDropdown .TopBarButtonColor {
	color: #030303;
	font-size: 18px;
}

.TopBarButtonColor:hover, .userActionsDropdown.TopBarButtonColor:hover {
	color: #EA0029;
}

/* Topbar Add to Cart + Notification Badges */

.segNotification .notification-badge {
	border-radius: 50px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	width: 18px;
	padding: 3px;
	margin-left: -13px;
	margin-top: -6px;
	box-shadow: none;
	color: #ffffff;
	background-color: #EA0029 !important;
	text-align: center;
	height: 18px;
}

@media(max-width:767px) { 

#TopBarRight {
	margin-right: 18px;
}

.NotificationIcon {
	margin-right: 8px;
}

.SearchButton {
	margin-right: 8px;
}

.TopBarButtonColor {
	font-size: 16px;
}
	
.segNotification .notification-badge {
	margin-left: -14px;
	margin-top: -8px;
}

}

@media(max-width:479px) { 

.TopBarButtonColor {
	font-size: 14px;
}
	
#TopBarRight {
	margin-right: 10px;
}

#TopBarRight .material-icons-round {
	font-size: 20px;
}
	
.NotificationIcon {
	margin-right: 4px;
}

.SearchButton {
	margin-right: 6px;
}
	
.segNotification .notification-badge {
	font-size: 11px;
	width: 14px;
	height: 14px;
	padding: 2px;
}	
		
	
/* Shrink dropdown width for cart/notifications so they don't leak off screen*/
	
#TopBarRight .segNotification .dropdown-menu {
	width:280px!important;	
}	

}

/* Social Share - Right Widget */

.SocialShare {
    z-index: 1;
}

.SocialShare a {
	width:38px;
}


/* Body Content Styling */

.bodyHomePage #mainContent {
	padding-top: 60px;
	padding-bottom: 90px;
}

#mainContent {
	/*background-color:#ffffff;*/
	padding-top: 80px;	
	padding-bottom: 120px;
}

/* Fullscreen - Small Padding L/R */

#mainContent.container-fluid {
	padding-left:2%;
	padding-right:2%;
}

@media(max-width:767px) { 

#mainContent {
	padding-top: 30px;
	padding-bottom: 60px;
}

.bodyHomePage #mainContent {
	padding-top: 30px;
	padding-bottom: 60px;
}

}


/*////////////////////////////////////////////////////////////////*/
/*             Standard Navigation Main Menu                     */
/*///////////////////////////////////////////////////////////////*/


.MenuMain {
	margin-bottom:60px;
	padding:0;
}

.Menu-Item {
    padding-bottom: 28px!important;
    padding-top: 20px!important;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    margin: 0px!important;
    display: block;
	border: 1px solid transparent;
	border-radius:0px;
}

button.menuButton {
	border: 1px solid transparent;
}
	
.Menu-Item:hover {
	background-color: #f2f2f2;
	box-shadow: none;
	text-decoration: none;
	border: 1px solid #f2f2f2;
}

.Menu-IconImage {
    margin-bottom: 22px;
}

.Menu-IconImage img {
    width:85%;
	margin: 0 auto;
}

.Menu-IconName {
	font-size: 18px;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	overflow: visible;
	color: #030303;
}

a.Menu-Item {
	color: #030303;	
	transition: color 200ms ease-in-out;
}

a.Menu-Item:hover, .Menu-IconName:hover {
	color: #EA0029 !important;
}

.popr {
	padding-right:15px;
	padding-left:15px;
	width:100%;
	position:relative;
}

.popr .Menu-IconName {
	color: #030303;
}

.popr .popr_content a.Menu-Item {
    overflow: inherit;
}

.popr .popr_content .Menu-IconImage img {
    width: 65%;
    margin: 0 auto;
}

.popr .popr_content .Menu-IconImage {
    margin-bottom: 12px;
}

.popr .popr_content .Menu-Item {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin: 0 0 5px !important;
}

.popr .popr_content .Menu-IconName {
    font-size: 14px;
    margin-top: 0px;
	line-height:1;
}

.popr .container-fluid {
	min-width:300px!important;
	max-width:300px!important;
}

.popr .popr_content .col-md-3 {
	max-width: 50%;	
    width: 50%;
	padding:4px;
	float:left!important;
}

@media (max-width:1200px) {

.Menu-IconName {
	font-size: 17px;
}

}

@media (max-width:767px) {
	
.Menu-IconName {
	max-height: initial;
}
	
}

@media(max-width:575px) {
	
.popr .container-fluid {
	min-width: 200px !important;
	max-width: 200px!important;	
	padding: 0 5px;
}

.popr .popr_content .Menu-IconImage {
    margin-bottom: 3px;
}

.popr .popr_content .Menu-IconImage img {
	width: 80%;
}

.popr .popr_content .Menu-IconName {
    min-height: 20px;
    font-size: 13px;	
}

.popr .popr_content .Menu-Item {
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    margin: 0 0 2px !important;
}

.Menu-Item {
    padding-bottom: 15px!important;
    padding-top: 15px!important;
}

.Menu-IconImage {
    margin-bottom: 10px;
}

.Menu-IconImage img {
    width: 80%;
    margin: 0 auto;
}

}

@media(max-width:479px) { 

.MenuMain {
    padding-left:15px;
    padding-right:15px;
}	

.Menu-Item {
	padding-left: 6px !important;
	padding-right: 6px !important;
}
	
.MenuMain .col {
    padding-left:10px;
    padding-right:10px;
}		
	
.Menu-IconName {
	font-size: 15px;
	margin: 0 auto;
	display: block;
	max-height: inherit;
}
	
.Menu-IconImage img {
    width: 70%;
}	

.popr .popr_content .Menu-IconName {
	font-size: 12px;
	width: auto;
	max-height: 30px;
	display: inherit;
}

}

@media(max-width:359px) {
.popr .container-fluid {
    min-width: 160px !important;
	max-width: 160px!important;	
    padding: 0;
}

.Menu-IconImage img {
    width: 60%;
}

}

/*////////////////////////////////////////////////////////////////*/
/*                  END Navigation Main Menu                      */
/*////////////////////////////////////////////////////////////////*/



/* Social Media Section */

.NewsOuter .NewsHeader, .CalendarOuter .NewsHeader, .TweetsOuter .NewsHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color:#EA0029;
	padding: 0 15px;
	height: 46px;
	border-bottom: none;
}

.NewsOuter .NewsHeader h3, .CalendarOuter .NewsHeader h3, .TweetsOuter .NewsHeader h3 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	text-align: left;
	margin: 0;
}

.NewsOuter .NewsHeader .dropdown-menu > li > a:hover, .NewsOuter .NewsHeader .dropdown-menu > li > a:focus {
	background-color: #030303;
}

.NewsHeader a:hover {
	text-decoration:none;
}

#widgetButton {
	background-color:#ffffff;
	border:none;
}

#widgetButton.btn-primary {
	color: #EA0029;
	padding: 5px;
	border-radius: 50px;
}

#widgetButton.btn-primary:hover {
	background-color: #030303;
	color: #ffffff;
}

#widgetButton .material-icons-round {
	font-size:18px;
}

.NewsHeader .dropdown-item {
	font-size: 14px;
	margin-bottom: 0;
	padding: 0.4rem 1.5rem;
}

.NewsOuter .NewsHeader a:hover {
	text-decoration:none;
}

.NewsOuter .NewsMain {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
	min-height: 520px;
	border:0;
}

#news a:hover {
	text-decoration:none;
}

#news > .row.col {
	padding: 0;
	margin: 0;
}

.NewsOuter .NewsItem {
	list-style-type: none;
	border-bottom: none;
	padding: 10px;
	min-height: 80px;
}

.NewsItem:hover {
	background-color: #f2f2f2;
}

.NewsOuter .NewsItem:hover {
    background-color: #f2f2f2;
}

.NewsOuter .NewsThumbnail {
	margin-left: 0;
}

.NewsOuter .NewsThumbnail .img-thumbnail {
    width: 70px;
    height: 70px;
}

.NewsOuter .material-icons-round {
	font-size:18px; 
	margin-right:5px;
	line-height:1.1;
}

.NewsTitle, .NewsOuter .NewsTitle, .CalendarOuter .NewsTitle  {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 5px 0;
	color: #030303;
	overflow: inherit;
}

.NewsOuter .NewsTitle:hover {
	text-decoration:none;
}

.NewsDate, .NewsOuter .NewsDate {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;	
	padding: 0 0 5px 0;
}

.NewsDescription, .NewsOuter .NewsDescription {
	font-size: 14px;
	max-height: 80px;
	color: #030303;	
}

/* News Page Sidebar More News Settings */

.NewsHeader h3 {
	margin: 0 0 10px;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;	
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}

.NewsMain {
	padding:0;
}

.NewsMain .row.col-xs-12 {
	padding:0;
	margin:0;
}

.NewsItem {
	padding:10px;
}

.NewsDate .glyphicon {
	padding-right:5px;
}

a.twitter-timeline {
	color:#030303;
}

a.twitter-timeline:hover {
	color: #030303;
}

#calendar {
	padding:0!important;
	background-color: transparent;
	border: 0;
}

.CalendarItem {
    margin-top: 15px;
    padding: 0 10px;
}

.CalendarEvent {
    background-color: #f2f2f2;
}

.thumbnail, .img-thumbnail {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.EventTime {
	font-size: 14px;
	font-weight: bold;
}

.EventSubject {
    color: #030303!important;
	font-size: 14px;
}

.documentNews {
	margin-bottom:40px;
}

@media (max-width:991px) {
	
.NewsOuter, .CalendarOuter, .TweetsOuter {
	margin-bottom: 30px;
}
	
.NewsOuter .NewsHeader h3, .CalendarOuter .NewsHeader h3, .TweetsOuter .NewsHeader h3 {
	font-size: 19px;
}

}

@media(max-width:767px) {

.NewsMain {
    min-height: inherit;
}
	
.NewsDescription, .NewsOuter .NewsDescription {
	font-size: 13px;
}	

}

/* TitleDiv Styling */

.TitleDiv {
   padding-bottom: 20px;	
}

.TitleDiv h1, .TitleDiv h2, .TitleDiv h3 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: normal;	
	font-size: 42px;
	margin-right: 15px;
	line-height: 1.1;
	color: #030303;
	text-transform: none;
}

.TitleDiv h3#pricePlaceholderProductRange {
	font-size: 22px;
	font-weight: bold;	
}

@media(max-width:479px) {
	
.TitleDiv h3#pricePlaceholderProductRange {
	font-size: 17px;	
}
	
}

.TitleDiv small {
	font-size: 50%;	
}

/* Left Card */

.card-header {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	font-size:17px;
}

#searchContent .card-header {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	background-color:#EA0029!important;
	font-size:17px;
	color: #ffffff;
}

/*
.card-header .h1, .card-header .h2, .card-header .h3, .card-header .h4, .card-header .h5, .card-header .h6 {
    color: #030303!important;
}
*/

.list-group-item .material-icons-round {
	font-size:20px;
}

.list-group-item-action {
	color: #030303;
}

.list-group-item-action:focus, .list-group-item-action:hover {
	color: #030303;
	background-color: #f2f2f2;
}

.list-group-item.active {
	color: #030303;
	background-color: #f2f2f2;
	border-color: rgba(0,0,0,.125);
	font-weight: normal;
}

/* Source Sans Pro Font Line Height */
	
.list-group-item {
	line-height:1.2;
}

/* Aug 22 - List Price Text Padding to Stop Long Descriptions from Leaking */

.list-group-item .d-flex.flex-column.text-right.ml-auto {
	padding-left: 10px;
}


/* Right Breadcrumbs */

.breadcrumb {
	color: #ffffff;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	font-size:17px;	
	background-color:#EA0029;
}

#SearchItemList .breadcrumb {
	background-color:#EA0029;
}

.breadcrumb a {
	color: #ffffff;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
}

.breadcrumb a.dropdown-item {
	color:inherit;
}

.breadcrumb-item.active {
	color: #ffffff;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: rgba(255, 255, 255, 0.75);
}

@media(max-width:479px) {

.breadcrumb {
	font-size:14px;	
}
	
}

/* Program Title, Description + Price Styles */
/* REVISIT FOR MOBILE - Thumbnail, sizing etc. */

h3.TitleText-SP, h4.TitleText-SP, h5.TitleText-SP {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	font-size: 18px;
	color: #030303;
	margin-bottom: 5px;
	text-transform:none;
	line-height: 1.1;
}

h3.TitleText-SP:hover, h4.TitleText-SP:hover, h5.TitleText-SP:hover {
		color: #030303;
}

.PriceText {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;	
	font-weight: bold;	
	font-size: 18px;
	color: #030303;
	margin-bottom: 5px;
	line-height: 1.1;	
	letter-spacing: -0.25px;
}

.DescText-SP {
	line-height: 1.25;
	font-size: 14px;
}

@media (max-width:991px) {
	
h3.TitleText-SP, h4.TitleText-SP, .PriceText, h5.PriceText {
    font-size: 16px;
}
	
.TitleDiv {
	padding-bottom: 0px;
}

.TitleDiv h1, .TitleDiv h2, .TitleDiv h3 {
    font-size: 38px;
}

}

@media(max-width:767px) {

	
.TitleDiv h1, .TitleDiv h2, .TitleDiv h3 {
    font-size: 34px;
}	

}

@media(max-width:575px) {
	
.TitleDiv h1, .TitleDiv h2, .TitleDiv h3 {
    font-size: 28px;
}	

#SearchItemList .img-thumbnail {
	width: 80px !important;
	height: 80px !important;
}

h3.TitleText-SP, h4.TitleText-SP, .PriceText, h5.PriceText {
    font-size: 14px;
}

.DescText-SP {
	line-height: 1.2;
	font-size: 13px;
}
	
#SearchItemList #list-group {
		line-height: 1.2;
} 	
	
.list-group-item {
	padding: .75rem;
}

}

/* Sidebar Flyout Menu Styling */

#sidebar {
	color: #EA0029;
	border: none;
	width: auto;
	min-width: 350px;
	background-color:#ffffff;
	padding-top: 0;
}

#sidebarHeader {
	padding-right:40px;
	border-top: 8px solid #EA0029;	
	border-bottom: 1px solid #eeeeee;
}

#sidebarBody {
	margin-top:0px;
}

#sidebarBody a {
	padding: 12px 32px;
}

#sidebarBody a.sidebarMenuItem.sidebarParentMenuItem {
	padding: 12px 18px 12px 32px;
}

#sidebarBody .sidebarMenuItem {
	border-bottom: 0;
}

#sidebarBody .sidebarMenuItem > div, #sidebarBody .sidebarSubMenuItem > div {
	align-items: center;
	vertical-align:top;
}

#sidebarBody .material-icons-round {
	font-size: 22px;
	/*margin-top: 5px!important;*/
}
	
#sidebar .sidebarText {
	font-size: 15px;
	padding-left: 15px;	
}

#sidebar .sidebarMenuItem {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
}

#sidebarBody .list-group-item-action:hover, #sidebarBody .list-group-item-action[aria-expanded="true"] {
	color: #ffffff;
	text-decoration: none;
	background-color: #EA0029;
}

.sidebarMenuItem[data-toggle="collapse"]::after {
	font-size: 24px;
	line-height: 1;
	transition:none;
}

#sidebarBody .list-group-item-action[aria-expanded="true"] {
	border-bottom-color: #EA0029;
}

/* Sidebar Sub Panel Styling */

#sidebar .collapse, #sidebar .collapsing {
	background-color: #f2f2f2;
	padding: 0;
	border-radius: 0;
}

#sidebarBody a.sidebarSubMenuItem {
	padding:10px 32px;
}

#sidebar a.sidebarSubMenuItem .sidebarText {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;	
	font-weight: bold;	
	font-size: 14px;	
}

#sidebarBody a.sidebarSubMenuItem .material-icons-round {
	font-size: 20px;
}

#sidebarBody a.sidebarSubMenuItem.list-group-item-action:focus {
	background-color:transparent;
}

#sidebarBody a.sidebarSubMenuItem.list-group-item-action:hover, #sidebarBody a.sidebarSubMenuItem.list-group-item-action[aria-expanded="true"] {
	color: #ffffff;
	background-color: #EA0029;
}

@media(max-width:991px) {


}

@media(max-width:767px) {

#sidebarHeader {
	border-top: 4px solid #EA0029;	
}	
	
/* Fix getting stuck on bottom menu item */	
#sidebarBody {
	padding-bottom: 100px !important;
}	
	
#sidebarBody .material-icons-round {
	font-size: 18px;
	margin-top: 0px!important; 
}

#sidebar a.sidebarSubMenuItem .sidebarText {
	font-size: 14px;
}

#sidebarBody a {
	padding: 10px 22px;
}

#sidebarBody a.sidebarMenuItem.sidebarParentMenuItem {
	padding: 10px 18px 10px 22px;
}
	
#sidebar .sidebarText {
	font-size: 14px;
	padding-left: 12px;
}

}

@media(max-width:479px) {

#sidebarBody a {
	padding: 10px 16px;
}	

#sidebarBody a.sidebarMenuItem.sidebarParentMenuItem {
	padding: 10px 16px;
}

#sidebarBody a.sidebarSubMenuItem {
	padding: 10px 22px;
}	
		
}

@media(max-width:359px) {
	
#sidebar {
	min-width: 280px;
}

#sidebarHeader {
	padding-right:20px;
}

}

/* Bootstrap 4 Button Code */

.btn-link {
	font-weight: bold;
	color:#EA0029;
}

.btn-link:hover {
	color: #030303;
}

.btn {
  font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
  font-weight: bold;	
  font-size: 15px;
  text-transform: uppercase;
  padding: 10px 20px 8px;
  line-height: 1.2;
  border-radius: 0px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  color: #ffffff;
  border: 0;
  outline-color: #EA0029;
  background-color: #EA0029;	
}

.btn-primary:hover {
  color: #ffffff;
  border-color: #030303;
  outline-color: #030303;
  background-color: #030303;
}

.btn-primary:focus, .btn-primary.focus {
  color: #ffffff;
  border-color: #030303;
  outline-color: #030303;
  background-color: #030303;
  box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.3);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  border-color: #030303;
  outline-color: #030303;
  background-color: #030303;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  border-color: #030303;
  outline-color: #030303;
  background-color: #030303;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* Streamlined Rounded Corners on Bookings Buttons, Buttons Connected to Forms */

.btn.single-date-select-button, #btn-search-contact {
	border-radius:0.25em;	
}

/* Adjust icon size to match button font size */

.btn-primary > .material-icons-round {
	font-size:16px;
}

.btn-secondary {	
  color: #ffffff;
  border: 0;	
  background-color: #393e44;
}

.btn-secondary:hover {
  color: #ffffff;
  border-color: #232323;	
  outline-color: #232323;
  background-color: #232323;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #ffffff;
  border-color: #232323;	
  outline-color: #232323;
  background-color: #232323;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff;
  border-color: #232323;	
  outline-color: #232323;
  background-color: #232323;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  border-color: #232323;	
  outline-color: #232323;
  background-color: #232323;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-outline-primary {
  color: #EA0029;
  border-color: #EA0029;
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #EA0029;
  border-color: #EA0029;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(113, 0, 0, 0.3);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #EA0029;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #EA0029;
  border-color: #EA0029;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(113, 0, 0, 0.3);
}

#btnCancel, #btnSubmit {
	margin-right:4px;
}

.bg-primary {
  background-color:#EA0029 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #EA0029 !important;
}

@media(max-width:479px) {
	
.btn {
    font-size: 12px;
    padding: 6px 14px;
}

#widgetButton.btn-primary {
	font-size: revert;
	padding: 3px 4px;
}

.btn-primary > .material-icons-round {
	font-size:15px;
}
	
}

/* Settings Page Backend Style */

#tabs-settings { }

#tabs-settings.nav-pills a.nav-link, #profileTabs.nav-pills a.nav-link {
	color:#030303;
	font-weight: normal;
}

#tabs-settings .nav-link:hover, #profileTabs .nav-link:hover {
	background-color: #EA0029;
	color: #ffffff !important;
}

#tabs-settings.nav-pills a.nav-link:hover {
	color:#ffffff;
}

#tabs-settings.nav-pills .nav-link.active, #tabs-settings.nav-pills .show > .nav-link, #profileTabs.nav-pills .nav-link.active, #profileTabs.nav-pills .show > .nav-link {
	color: #ffffff;
	background-color: #EA0029;
}

/* Shift4 Settings Page */

#Shift4 h1.text-primary {
	margin-bottom:20px;
}

#Shift4 h3.text-primary {
	font-size: 22px;
	padding: 10px 0;
}
	
/* General Elements Style */

.cd-top {
	padding: .375rem .75rem !important;
}

.cd-top.btn-primary {
	color: #ffffff;
	border-color:#EA0029;
	outline-color:#EA0029;
	background-color:#EA0029;
}

.cd-top.btn-primary:hover {
  	color: #ffffff;
	border-color:#030303;
	outline-color:#030303;
	background-color:#030303;
}



/* Rounded Nav Pills */

.nav-pills .nav-link {
	border-radius: 0rem;
}

.badge {
	padding: .5em;
}

.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon, .gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
	font-size: 18px;
}

/* Fusion IM Intramural Page Menu */

.nav-pills a.tabNavigation.nav-link {
	color:#030303;
	font-weight: normal;
}

.nav-pills a.tabNavigation.nav-link:hover {
	background-color: #EA0029;
	color: #ffffff;
}

.nav-pills a.tabNavigation.nav-link.active, .nav-pills .show > .nav-link {
	color: #ffffff;
	background-color: #EA0029;
}

/* Fusion IM Management Page Menu */

.nav-pills a#Management-tab, .nav-pills a#ScoreTracker-tab, .nav-pills a#Matchmaker-tab, .nav-pills a#Teams-tab  {
	color:#030303;
	font-weight: normal;
}

.nav-pills a#Management-tab:hover, .nav-pills a#ScoreTracker-tab:hover, .nav-pills a#Matchmaker-tab:hover, .nav-pills a#Teams-tab:hover  {
	background-color: #EA0029;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #ffffff!important;
	background-color: #595858;
}

.nav-pills .show > .nav-link:hover {
	color:#030303!important;
}

/* Fusion IM Tooltip Icon Center */

#tipUpdateOwnName, #tipSelfSubmission {
	vertical-align:sub;
	font-size: 20px;
}

/* Fusion IM Intramural Settings Button Save Sport - For Use With Dark Card Header  

#btn-save-sport, #btnUpdateSeason, #btn-save-division, #btn-save-league  {
	border-color: #030303;
	outline-color: #030303;
	background-color: #030303;
	color: #ffffff;
}

#btn-save-sport:hover, #btnUpdateSeason:hover, #btn-save-division:hover, #btn-save-league:hover {
	border-color: #ffffff;
	outline-color: #ffffff;
	background-color: #ffffff;
	color: #030303;
}

*/

/* View Facility in Calendar Title Fix  */

@media (max-width:568px) { 

.fc .fc-toolbar-title {
	font-size: 1.1em!important;
}

}

/* Settings Page Upload Image Adjustment */

@media (max-width:991px) { 

#imageModalButton {
	margin-bottom:5px;
	margin-top:5px;
}

}

/* Program Instances Card Title */

.card-title {
	font-weight: bold;
	font-size: 19px;
}

/* Member Search Add in Program Details */

.memberSearch-selected {
	background-color: #cbe4f0 !important;
}

#attendanceStatusButtons button {
	margin-bottom:3px;
}

/* GDPR Cookie Rules */

#gdpr-cookie-message {
    font-family: inherit;
	z-index:1010;
}

#gdpr-cookie-message h4, #gdpr-cookie-message h5 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;	
	font-weight: bold;	
}

#gdpr-cookie-message button {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;	
	font-weight: bold;	
	border-radius: 0px;
	margin-left: 0;
}

/* Active Membership Line Height */

.validation-summary-errors {
	line-height: 1.1;
}

/* Playoff Draft Date/Time Form Height Fix */

.before-draft .form-control {
	height:auto;
}

/* Membership Renewal Page Duration Selection */

.service-period-button .col-6.text-left {
	display: flex;
	align-items: center;
}

.service-period-button .row {
	align-items:center;
}

/* Program Search Term Filter */

#divFilteredBy label {
	margin-right:5px;
}

#divFilteredBy .btn-primary {
	background-color:green;
	border-color:green;
}

 /* Extra Bootstrap Primary Blue Change to School Primary */

.dropdown-item.active, .dropdown-item:active {
  color: #030303 !important;
  background-color: #f2f2f2;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff;
  border-color: #030303;
  background-color: #030303;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #030303;
  background-color: #030303;
}

.custom-range::-webkit-slider-thumb {
  background-color: #030303;
}

.custom-range::-moz-range-thumb {
  background-color: #030303;
}

.custom-range::-ms-thumb {
  background-color: #030303;
}

.page-link {
  color: #030303;
}

.page-item.active .page-link {
  color: #ffffff;
  background-color: #030303;
  border-color: #030303;
}

.badge-primary {
  color: #ffffff;
  background-color: #030303;
}

.progress-bar {
  background-color: #030303;
}

.border-primary {
  border-color: #030303 !important;
}

/* Hover Primary Blue Color Change */

.page-link:hover {
  color: #030303;
}

a.text-primary:hover, a.text-primary:focus {
  color: #030303 !important;
}


/* -------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------- Custom Content Sections & Mobile -------------------------
----------------------------------------------------------------------------
-----------------------------------------------------------------------   */

/* Carousel - Textbox over Image on Desktop / Textbox Under Image on Mobile / Multiple Slide Feature */

#ecHomePage {
	position: relative;
}

#ecHomePage .outer-box {
	position: absolute;
	z-index: 1;
	bottom: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.15);
}

#ecHomePage .text-box {
	color: #ffffff;
	position: absolute;
	max-width: 900px;
	width: 100%;
	z-index: 2;
	text-align: center;
	top: 30%;
	left: 0;
	right: 0;
	margin:auto;
	padding: 30px;
	border-radius: 0px;
}

#ecHomePage h2 {
	font-size: 54px;
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 20px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}

#ecHomePage p {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;	
	line-height: 1.25;
	margin: .5em 0 1em 0;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}

#ecHomePage .btn-hero {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	white-space: normal;
	background-color: #EA0029;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 12px 30px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: inline-block;
}
#ecHomePage .btn-hero:hover {
	background: #ffffff;
	color: #030303;
	text-decoration: none;
}

.carousel-control-next, .carousel-control-prev {
	width: 100px;
}

.carousel-indicators {
	top: 40px;
	right: 40px;
	width: auto;
	left: inherit;
	bottom: inherit;
	margin: 0;
}

.carousel-indicators .active {
    background-color: #ffffff;
	width: 18px;
	height: 18px;
}

.carousel-indicators li {
	border: 0;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	border-radius: 50%;
}

/* Carousel Rules */

.carousel-inner > .carousel-item > img {
	width: 100%;
	object-fit: cover;
	object-position:center;
}

.carousel-inner > .carousel-item > img {
		height: 620px;
}

@media (max-width:1699px) { .carousel-inner > .carousel-item > img { height: 580px; } }
@media (max-width:1199px) { .carousel-inner > .carousel-item > img { height: 520px; } }
@media (max-width:991px) { .carousel-inner > .carousel-item > img { height: auto; min-height:auto; max-height:auto; } }
/*
@media (max-width:767px) { .carousel-inner > .carousel-item > img { min-height:280px; } }
@media (max-width:479px) { .carousel-inner > .carousel-item > img { min-height:200px; } }
*/


/* Bootstrap Carousel Fade Transition (for Bootstrap 4.X.X) */

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

@media (max-width:1699px) {	
}

@media (max-width:1399px) {	
}

@media (max-width:1199px) {
		
}

@media (max-width:991px) {

.carousel-item {
	display: flex;
	flex-wrap: wrap;
}
	
#ecHomePage .outer-box {
	display: none;
}
	
#ecHomePage .text-box {
	bottom: 0;
	left: 0;
	position: inherit;
	width: 100%;
	padding: 20px 30px;
	max-width: 100%;
	transform: inherit;
	text-align: center;
	background-color: #ea0029;
	color: #ffffff;	
	border-radius:0;
}
	
#ecHomePage h2 {
	font-size: 36px;
	text-shadow: none;	
	color: #ffffff;
}

#ecHomePage p {
	font-size: 19px;
	text-shadow: none;
	color: #ffffff;	
}
	
#ecHomePage .btn-hero {
	font-size: 13px;
	margin-bottom: 0px;
	padding: 12px 30px;
	background-color:#030303;
}
	
.carousel-indicators {
	top: 25px;
	right: 15px;
}
	
.carousel-indicators li , .carousel-indicators .active {
	width:14px;
	height:14px;
}
	
.carousel-control-next, .carousel-control-prev {
	width: 50px;
}

}

@media(max-width:767px) {


#ecHomePage h2 {
	font-size: 32px;
	text-shadow: none;
	margin-bottom: 10px;
}
	
#ecHomePage p {
	font-size: 18px;
}	
	
.carousel-control-next, .carousel-control-prev {
	display: none;
}

.carousel-indicators li, .carousel-indicators .active {
	margin-right: 4px;
}

}

@media(max-width:575px) {

#ecHomePage .text-box {
    padding: 18px 16px;
}

#ecHomePage h2 {
	font-size: 28px;
}

#ecHomePage p {
	font-size: 17px;
}

.carousel-indicators {
	top: 15px;
}

}

@media(max-width:479px) {
	
#ecHomePage h2 {
    font-size: 24px!important;
}
	
#ecHomePage p {
	font-size: 15px;
}


	
}
	
/* #ecHeader Style */

/* Rules for fixing the bar on top of page
.HeaderBar {
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	height: 0px;
}
*/


/* #ecHeader Style */

#ecHeader {
	display: none;
}


/* #ecContentFooter Style */

#ecContentFooter {
	display:none;
}

/* #ecFooter School Specific Custom Styles */

#ecFooter {
	position:relative;
}

.FooterBar {
	margin: 0;
	padding: 0;
	box-shadow: none;
	overflow: visible;
	background-color:#f2f2f2;
}

.SchoolFooter {
	display: flex;
	padding: 4em 0;
	color: #030303;
}

.SchoolFooter .row {
}

.SchoolFooter .rec-logobox img {
	width: 210px;
	padding-bottom: 0;
	max-width: 100%;
}

.SchoolFooter .rec-logobox {
	text-align: center;
}

.SchoolFooter .rec-logo {
	border-right: 1px solid #030303;
	display: flex;
	justify-content: center;
	align-items: center;
}

.SchoolFooter .rec-info {
	text-align: center;
	border-right: 1px solid #030303;
	padding-left: 0px;
}

.SchoolFooter .rec-social {
	text-align: center;	
	padding-left: 0px;
}

.SchoolFooter a {
	color: #EA0029;
	text-decoration: none;
}

.SchoolFooter a:hover {
	color: #030303;
	text-decoration: none;
}

.SchoolFooter h4 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	color: #030303;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 20px;
}

.SchoolFooter ul {
	margin:0;
	padding:0;
}

.SchoolFooter ul.social-media {
	margin-bottom: 12px;
	padding: 0;
	text-align: center;
}

.SchoolFooter .social-media li {
	display: inline-block;
	padding: 0 2px;
	font-size: 24px;
}

.SchoolFooter .social-media a {
	color: #ffffff;
	background-color: #EA0029;
	width: 44px;
	height: 44px;
	display: inline-block;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	border-radius: 4px;
}

.SchoolFooter .social-media a:hover {
  color: #ffffff;
  background-color: #030303;	
}

.SchoolFooter .social-media i {
	transition: all .025s ease-out;
	line-height: 1.75;
}

/*
.SchoolFooter .social-media li:hover i, .SchoolFooter .social-media li:focus i {
  color: #ffffff;	
}
*/


/* #ecFooter - Innosoft Subfoot */

#ecFooter .FusionFooter {
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #ffffff;
	font-weight: normal;
	background-color: #030303;
}

/* Use for single colour footer */

#ecFooter .FusionFooter .row {
}

#ecFooter .FusionFooter .FooterLinkText a {
	color: #ffffff;
	margin-right:20px;
	font-weight: normal;	
}

#ecFooter .FusionFooter .FooterLinkText a:hover {
	color: #EA0029;
	text-decoration: none;
}

#ecFooter .FooterLogo img {
	width: 120px;
}

/* Under 1200px */
@media (max-width:1200px) {
	

}

/* Under 992px */
@media (max-width:991px) {

.SchoolFooter {
	padding: 3em 0 0;
}
	
.SchoolFooter .social-media li {
	padding: 0 4px;
}
	
.SchoolFooter .rec-info {
	padding-left: 15px;
}

.SchoolFooter .rec-social {
	padding-left: 15px;
}	
	
.SchoolFooter .rec-logo {
	display: block;
	border-right: none;
}
	
.SchoolFooter .rec-logobox img {
	width: 190px;
}
	
.SchoolFooter .rec-logo, .SchoolFooter .rec-info, .SchoolFooter .rec-social  {
	margin-bottom:40px;
	text-align: center;	
}
	
.SchoolFooter .rec-logobox {
	text-align: center;
	margin-bottom: 20px;
}		

.SchoolFooter ul.social-media {
	margin-top: 0px;
	text-align: center;
}	
	
}

/* Under 768px */
@media(max-width:767px) {

.SchoolFooter {
}
	
.SchoolFooter .rec-info {
	border-right: 0;
}		
	
.SchoolFooter a.p-tel {
	font-size: 18px;
}	

#ecFooter .FusionFooterLeft {
	margin-bottom:20px;
}

#ecFooter .FusionFooter {
	text-align: center;
	font-size:14px;
}

#ecFooter .FooterLogo {
    float: none !important;
}

}

/* Under 576px */
@media(max-width:575px) {

.SchoolFooter {
	padding: 4em 0 1em;
}
	
.SchoolFooter .rec-logo, .SchoolFooter .rec-info {
	margin-bottom: 40px;
}	
	
.SchoolFooter .rec-logobox img {
	width: 170px;
}
	
.SchoolFooter .rec-logobox {
	margin-bottom: 5px;
}	
	
.SchoolFooter p {
	margin-bottom: 0;
}		
	
.SchoolFooter h4 {
	margin-bottom: 15px;
}	


}

/* Under 480px */
@media(max-width:479px) { }

/* Under 359px */
@media(max-width:359px) { }


/* Extra Rules - Jan 1 2022 Onward + Previously Missed */

/* Add top margin to refund policy on Shopping Cart */

#ecRefundPolicy {
	margin-top:20px;
}

/* Intramural Card Design */

#sportListing .card-header {
	background-color: #e9ecef;
}

#sportListing .card-header:hover {
	background-color: #cbcdd0;
}

#sportListing .card-title {
	margin-bottom:0;
}

#sportListing h4 .btn {
	font-size: 20px;
	line-height: 1;
	padding-bottom: 0.4rem;
}

#sportListing .btn-link:hover {
	color: #030303;
	text-decoration: none;
}

@media(max-width:479px) { 
	
	#sportListing h4 .btn {
	font-size: 15px;
	padding:5px;
}
	
	#sportListing .card-header {
	padding: .50rem 0.75rem;
}
	
	#sportListing .card-header button::before {
	font-size: 15px;
}
	
	#sportListing .card-body {
	padding: 0.5rem;
}

}

/* Adding Margin below Program Description, Remove under 576px */

@media(min-width:576px) { 

div #desc {
	margin-bottom: 50px;
}
	
}

/* Setting Dark Text to BG Light */

.card-header.bg-light {
	color: #030303!important;
}

/* Vertically Align title and buttons on card header for Instramural */

#tabEditionArea .card-header > div {
	align-items: center;
}

p#season-popup-title {
	margin:0;
}

/* Remove Border Radius on Intramural Drill-downs */

.division-registration .card {
	border-radius: 0;
}

/* Matchmaker H5 Restyle and filter icon reduce/vertically center */

#Matchmaker h5 {
	font-family: "ProximaNova", Century Gothic, Helvetica, Arial, sans-serif;
	font-size:16px;
}

#Matchmaker .material-icons-round {
	font-size: 15px;
	display: inline-flex;
}

/* Stretch NewsItem container 100% for hover/alignment */

.NewsOuter .NewsItem, .NewsMain .NewsItem {
	width:100%;
}

/* News Title - remove nowrap so that title words break onto next line */

.NewsTitle {
	white-space: inherit;
}

/* Facilities DescText Hide */

#Facilities .DescText-SP {
display:none!important;
}

/* Extra Rules not Added by Mike */

.dropdown-menu-profile .h6{
font-size: inherit!important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 83, 13, 0.25) !important;
}

.row.team-member-row .col-xl-1 {
    -ms-flex: 0 0 16.666667% !important;
    flex: 0 0 16.666667%!important;
    max-width: 16.666667%!important;
}

/* Form Control - remove height calculation to align boxes with buttons */

.form-control {
	height: auto;
}

/* Selected Season button sized to align with Dropdown better */

#selectedSeasons .btn {
	padding: 0.35em 0.75em;
}

/* Draft Bracket Colour */

.match--select-button {
	fill:#EA0029;
}

#notDraggableDraftOrder .badge-picked {
	background-color: #030303;
	color: #ffffff;
}

#notDraggableDraftOrder .badge-missed {
	background-color: #ff0000;
	color: #fff;
}

/* Extra 1.37c Changes */

.text-muted {
	color: #393e44 !important;
}

.booking-detail-description-box-title {
	padding: 10px 15px;
	color: #ffffff;
}

/* Calendar Day Picking Background */

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
	background-color:#EA0029;
	border-color: #030303;
}

/* Captain + Player Section Box */

.captain {
	color: #ffffff;
	font-weight: bold;
}


/* Draft Order Clean Up */

#draftOrder ol {
	padding-left:20px;
}

#draftOrder .h6 {
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	justify-content: space-between;
}

/* Search Programs Category Dropdown Mobile */

.breadcrumb .dropdown-menu {
	max-height: 200px;
	overflow-y: auto;
}

/* Add space between Program Description and Program Instances */

h2#schedule-heading {
	margin-top:30px;
}

/* Thumbnail squeeze fix on mobile */

@media(max-width:479px) { 

.thumbnail, .img-thumbnail {
	height: auto !important;
}
	
}

/* Sign In University Login Button Fix */

#section-sign-in .btn-sign-in {
	height: 48px;
	padding: 0px;
}

#section-sign-in .btn-sign-in span.mr-auto {
	font-size: 18px;
	padding-right: 20px;
}

#section-sign-in-first .btn-sign-in {
}


/* Video Home */

.hero .heroareaHavingVideo video {
    display: none;
}

.hero .heroareaHavingVideo .heroImage {
    display: block;
    width: 100%;
}

@media only screen and (min-width: 768px) {
	
.hero .heroareaHavingVideo video {
    display: block;
}	

.hero .heroareaHavingVideo .heroImage {
    display: none;
}

}