@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Open+Sans:wght@400;600;700&display=swap');
@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.37b */
/* Version Date: November 27, 2021 */
/* Saint Leo University */

@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);
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Open+Sans:wght@400;600;700&display=swap');

:root { --primary: #1a7c4e; }

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

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

/* General Style Rules and Overrides */

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

body {
    color: #363a36;
    font-size: 14px;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-weight: 400;	
	font-style: normal;
	line-height:1.5;	
}

strong, bold {
	font-weight: 600;
}

a {
	color: #1a7c4e;
}

a:hover, a:focus {
	color: #363a36;
	text-decoration: underline;
}

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

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

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

img {
	max-width: 100%;
}

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

.white {
	color:#ffffff !important;
}

.black {
	color:#363a36 !important;
}

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

.orange {
	color:#1a7c4e !important;
}

h1, h2, .h1, .h2 {
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
	font-weight: normal;	
    line-height: 1.2;	
    color: #363a36;	
	font-style: normal;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
	font-weight: normal;	
	line-height: 1.2;
    color: #363a36;
	font-style: normal;	
}

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

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

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

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

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

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

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

/* 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: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
    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 {
	width: 100%;
	z-index: 1005;
	border-top: none;
	border-bottom: 1px solid #dddddd;
	box-shadow: none;
}

/* Top Bar Left - Hamburger + Logo */

.SideBarMenuLink {
	margin-left: 24px;
	margin-right: 24px;
	color: #ffffff;
	background-color: #1a7c4e;
	transition: background-color 200ms linear;	
	text-align: center;	
}

.SideBarMenuLink:hover {
	color: #ffffff;
	background-color: #0c5131;
	opacity:inherit;
	transition: background-color 200ms linear;		
}

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

#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
	background-image: url('/Content/Images/saintleo-logo.svg');
	background-size: contain;
	width: 240px;
	display: inline-block;
}

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

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

@media(max-width:767px) {
#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
	width: 180px;
}

.SideBarMenuLink {
	margin-left: 18px;
	margin-right: 18px;
	width: 30px;
	height: 30px;
}

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

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

}

@media(max-width:479px) { 

#LogoBackground.LogoLink, #sidebarLogo.LogoLink {
	width: 150px;
}

.SideBarMenuLink {
	margin-left: 12px;
	margin-right: 12px;
}


}

/* Top Bar Center - Desktop Search Bar */

#Search .btn.SearchButtonColor {
	font-size: 13px;
	line-height: 1;
	height: 40px;
	border: 1px solid #1a7c4e;
	color: #ffffff;
	background: #1a7c4e;
	padding: 0 11px;
	outline: 0;
	margin-left: 0;
	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;
}

#Search .btn.SearchButtonColor:hover {
	color: #ffffff;
	background: #0c5131;
	border: 1px solid #0c5131;
}

#Search .form-control {
	color: #363a36;
    padding: 2px 4px 2px 15px;
    height: 40px;
	font-size:13px;
	font-weight: 400;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-right:0;
	border-radius:0;	
}

#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: #363a36; opacity: 0.6; }
#Search .form-control:-ms-input-placeholder { color: #363a36; opacity: 0.6; }
#Search .form-control::-webkit-input-placeholder { color: #363a36; 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: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 .btn.SearchButtonColor, #SearchCl .btn-outline-secondary {
	background-color: #0c5131;
	color: #ffffff;
	font-size: 12px;
	height: 35px;
	border: 0;
	border-left: 1px solid #e6e6e6;
	padding: 0 11px;
	margin: 0;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: color .3s ease-out;
	outline: 0;
}

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

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

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

#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: #363a36;	opacity: 1; }
#SearchCl .form-control:-ms-input-placeholder {	color: #363a36; }
#SearchCl .form-control::-webkit-input-placeholder { color: #363a36; }

#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 .userProfileImg {
 	 height:26px;
 	 width:26px;
}

.TopBarButtonColor {
	color: #1a7c4e;
	font-size: 19px;
	font-family: 'Fjalla One', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	transition: color 200ms ease-in-out;
}

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

/* Drop Down Nav Menu Styling */

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

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

#TopBarRight #delayedNotifications .dropdown-menu .list-group-item a small {
	color:#1a7c4e;
	font-weight:600;
}

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

#TopBarRight .panelNotify {
	padding:0;
}

#TopBarRight .dropdown-item:focus, .dropdown-item:hover {
	color: #363a36;
	text-decoration: none;
	background-color: #eeeeee;
}

/* Topbar Username specific style */

.userActionsDropdown .TopBarButtonColor {
	color: #1a7c4e;
	font-size: 19px;
	font-family: 'Fjalla One', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}

.TopBarButtonColor:hover, .userActionsDropdown.TopBarButtonColor:hover {
	color: #0c5131;
}

/* Topbar Add to Cart + Notification Badges */

.segNotification .notification-badge {
	border-radius: 15px;
	font-size: 12px;
	line-height: 1;
	min-width: 15px;
	padding: 2px 4px;
	margin-left: -15px;
	margin-top: -5px;
	box-shadow: none;
	background-color: #f6a800!important;
	color: #363a36;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}

@media(max-width:767px) { 

#TopBarRight {
	margin-right: 18px;
}

.NotificationIcon {
	margin-right: 8px;
}

.SearchButton {
	margin-right: 8px;
}

}


@media(max-width:479px) { 

#TopBarRight {
	margin-right: 12px;
}

#TopBarRight .material-icons-round {
	font-size: 22px;
}

}

/* Social Share - Right Widget */

.SocialShare {
    z-index: 1;
}

.SocialShare a {
	width:38px;
}


/* Body Content Styling */

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

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

/* Fullscreen - Small Padding L/R */

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

@media(max-width:767px) { 

#mainContent {
	padding-top: 24px;
	padding-bottom: 24px;
}

}


/*////////////////////////////////////////////////////////////////*/
/*             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: 0px;
}

.Menu-Item:hover {
	background-color: #eeeeee;
	box-shadow: none;
	text-decoration: none;
	border: 0px;
}

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

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

.Menu-IconName {
	font-size:17px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	line-height: 1;
	overflow: visible;
	color: #363a36;
}

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

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

/* Nested Flyout Styling */

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

.popr .Menu-IconName {
	color: #363a36;
}

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

.popr .popr_content .Menu-IconImage img {
    width: 60%;
    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: 13px;
    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:1199px) {

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

}

@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: 70%;
}

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

.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) { 

.Menu-IconName {
	font-size: 14px;
	line-height: 1.2;
	width: 120px;
	margin: 0 auto;
	display: block;
	max-height: inherit;
}

.popr .popr_content .Menu-IconName {
	font-size: 11px;
	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: 70%;
}


}

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



/* Social Media Section */

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

.NewsOuter .NewsHeader h3, .CalendarOuter .NewsHeader h3, .TweetsOuter .NewsHeader h3 {
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;	
	font-weight: 400;
	text-transform:uppercase;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: left;
	margin: 0;
}

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

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

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

#widgetButton.btn-primary {
	color: #1a7c4e;
	font-size: 12px;
	padding: 5px;
	border-radius: 4px;
}

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

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

.NewsHeader .dropdown-item {
	font-size:13px;
}

.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: #eeeeee;
}

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

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

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

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

.NewsTitle, .NewsOuter .NewsTitle, .CalendarOuter .NewsTitle  {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #363a36;
	font-weight: 600;
	overflow: inherit;
}

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

.NewsDate, .NewsOuter .NewsDate {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;	
	padding: 0 0 5px 0;
}

.NewsDescription, .NewsOuter .NewsDescription {
	font-size: 12px;
	max-height: 80px;
	color:#363a36;	
}

/* News Page Sidebar More News Settings */

.NewsHeader h3 {
	margin: 0 0 10px;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	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:#1a7c4e;
}

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

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

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

.CalendarEvent {
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
}

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

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

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

.documentNews {
	margin-bottom:40px;
}

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

}

@media(max-width:767px) {

.NewsMain {
    min-height: inherit;
}

}
	

/* TitleDiv Styling */

.TitleDiv {
   padding-bottom: 20px;	
}

.TitleDiv h1, .TitleDiv h2, .TitleDiv h3 {
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 42px;
	margin-right: 15px;
	line-height: 1.1;
	color: #363a36;
}

.TitleDiv h3#pricePlaceholderProductRange {
	font-size: 30px;
}

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

/* Left Card */

.card-header {
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;	
}

#searchContent .card-header {
	background-color: #1a7c4e!important;
	color: #fff;
	font-weight: 600;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;	
}

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

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

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

.list-group-item.active {
	color: #363a36;	
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	font-weight: 600;
}


/* Right Breadcrumbs */

.breadcrumb {
	color: #ffffff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:600;
	background-color: #1a7c4e;
}

#SearchItemList .breadcrumb {
	background-color: #1a7c4e;
}

.breadcrumb a {
	color: #ffffff;
	font-weight: 600;
}

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

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

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

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

h3.TitleText-SP, h4.TitleText-SP, h5.TitleText-SP {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #363a36;
	margin-bottom: 5px;
	font-weight: 700;
}

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

.PriceText {
	font-size: 18px;
	color: #363a36;
	font-weight: 700;
	margin-bottom: 5px;
}

.DescText-SP {
	line-height: 1.3;
	font-size: 13px;
}

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

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

}

@media(max-width:767px) {

.TitleDiv {
	padding-bottom: 0px;
}
	
.TitleDiv h1, .TitleDiv h2, .TitleDiv h3 {
    font-size: 28px;
}	

}

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

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

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

.DescText-SP {
	line-height: 1.2;
	font-size: 12px;
}


}

/* Sidebar Flyout Menu Styling */

#sidebar {
	color: #ffffff;
	border: none;
	width: auto;
	min-width: 300px;
	background-color: #1a7c4e;
	padding-top: 0;
}

#sidebarHeader {
	padding-right:40px;
}

#sidebarBody a {
	padding: 13px 26px 9px;
}

#sidebarBody .sidebarMenuItem {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#sidebarBody .sidebarMenuItem > div {
	align-items: center;
}
	
#sidebar .sidebarMenuItem {
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;	
	font-weight: 400;
	text-transform:uppercase;
	color:#ffffff;	
}

#sidebar .sidebarText {
	font-size: 19px;
	padding-left: 20px;
}

#sidebarBody .list-group-item-action:focus, #sidebarBody .list-group-item-action:hover, #sidebarBody .list-group-item-action[aria-expanded="true"] {
	color: #ffffff;
	background-color: rgba(0,0,0,0.2);
}

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

/* Sidebar Sub Panel Styling */

#sidebar .collapse {
	background-color: #ffffff;
	border-radius:0;
	padding: 0;
}

#sidebar .collapsing {
	background-color: #ffffff;
}

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

#sidebar a.sidebarSubMenuItem .sidebarText {
	font-size: 14px;
	font-weight: 600;
	padding-left: 24px;
}

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

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


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

@media(max-width:767px) {
	
#sidebarBody .material-icons-round {
	font-size: 22px;
	margin-top: 0px; 
}

}

@media(max-width:575px) {
	
#sidebar .sidebarText {
	font-size: 17px;
}

#sidebarBody a {
	padding: 12px 20px 8px;
}

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

}

/* Bootstrap 4 Button Code */

.btn-link {
	font-weight: 700;
	color: #1a7c4e;
}

.btn-link:hover {
	color: #0c5131;
}

.btn {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.6rem 1.0rem;
	line-height: 1.2;
	border-radius: 0.25rem;
	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: #363a36;
	background-color: #f6a800;
	border-color: #f6a800;
}
.btn-success {
  color: inherit;}

.btn-primary:hover {
  color: #ffffff;
  background-color: #1a7c4e;
  border-color: #1a7c4e;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0c5131;
  border-color: #0c5131;
  box-shadow: 0 0 0 0.2rem rgba(113, 0, 0, 0.3);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #1a7c4e;
  border-color: #1a7c4e;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0c5131;
  border-color: #0c5131;
}

.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);
}

.btn.btn-danger{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

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

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

.btn-secondary {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #ffffff;
  background-color: #5a6268;
  border-color: #5a6268;
}

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

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #5a6268;
  border-color: #5a6268;
}

.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: #1a7c4e;
  border-color: #1a7c4e;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1a7c4e;
  border-color: #1a7c4e;
}

.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: #1a7c4e;
  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: #fff;
  background-color: #1a7c4e;
  border-color: #1a7c4e;
}

.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: #1a7c4e !important;
}

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

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

.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:#363a36;
	font-weight:600;
}

#tabs-settings .nav-link:hover, #profileTabs .nav-link:hover {
	background-color: #f2f2f2;
}

#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: #6c757d;
}

/* 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;
}

.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:#363a36;
	font-weight:600;
}

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

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

/* 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:#363a36;
	font-weight:600;
}

.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: #f2f2f2;
}


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

/* 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: #0c5131;
	outline-color: #0c5131;
	background-color: #0c5131;
	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: #1a7c4e;
}

*/

/* View Facility in Calendar Title Fix  */

@media (max-width:575px) { 

.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: 400;
}

/* 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: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-weight: 600;
}

#gdpr-cookie-message button {
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;	
	border-radius: 4px;
	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: #ffffff;
  background-color: #1a7c4e;
}

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

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

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

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

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

.page-link {
  color: #1a7c4e;
}

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

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

.progress-bar {
  background-color: #1a7c4e;
}

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

/* Hover Primary Blue Color Change */

.page-link:hover {
  color: #0c5131;
}

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


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


/* #ecHomepage Style */

#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);
	background: linear-gradient(45deg,black 0%,rgba(255,255,255,0) 50%);
}

#ecHomePage .text-box {
	color: #ffffff;
	position: absolute;
	max-width: 900px;
	width:100%;
	z-index: 2;
	text-align: left;
	bottom: 80px;
	left: 100px;
}

#ecHomePage h2 {
	font-size: 60px;	
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.1;
	margin: 0 0 8px;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#ecHomePage p {
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	padding: 5px 0;
	margin:0;
	font-weight: 400;
}

/*
#ecHomePage .btn-hero {
	border: 0;
	color: #fff;
	white-space: normal;
	background: #1a7c4e;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 10px 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;
	border: 0;
	color: #363a36!important;
	text-decoration: none;
}
*/

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

.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 Hero Background Image Feature */

.carousel-inner > .carousel-item > img {
	width: 100%;
	height: 760px;
	object-fit: cover;
}

@media (max-width:1699px) { .carousel-inner > .carousel-item > img { height: 700px; } }
@media (max-width:1199px) { .carousel-inner > .carousel-item > img { height: 640px; } }
@media (max-width:991px) { .carousel-inner > .carousel-item > img { height: auto; min-height:320px; max-height:600px; } }
@media (max-width:767px) { .carousel-inner > .carousel-item > img { min-height:240px; } }
@media (max-width:479px) { .carousel-inner > .carousel-item > img { min-height:180px; } }


/* 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);
}


/* #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 {
	display:none;
	margin: 0;
	padding: 0;
}

/* #ecContentFooter Style */

#ecContentFooter {
	display:none;
}

/* #ecFooter Style */

#ecFooter {
	position: relative;
	background-color: #f4f5f6;
}

#ecFooter ol, #ecFooter ul {
    list-style: none;
    padding: 0;
}

/* FooterBar overrides to reset container margins/padding */

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

/* #ecFooter School Specific Custom Styles */

.SchoolFooter {
	padding: 40px 0;
}

.SchoolFooter .row {
	display:flex;
	align-items:center;
	margin-top:0;
	margin-bottom:0;
}

.SchoolFooter a {	
	color:#363a36;
}

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

.SchoolFooter h4 {
	margin-bottom: 5px;
	font-size: 17px;
	color: #1a7c4e;
	font-family: 'Fjalla One', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.SchoolFooter .rec-logo {
	display:flex;
	align-items:center;
}

.SchoolFooter .rec-logo img {
	width: 240px;
	display: inline-block;
}

.SchoolFooter .rec-logobox {
	margin-right:30px;
}

.SchoolFooter .rec-social {
	text-align:right;
}

.SchoolFooter .rec-address p {
	margin-bottom: 0px;
}

.SchoolFooter ul.social-media {
	margin-bottom: 0px;
}

.SchoolFooter .social-media li {
	display: inline-block;
	padding-left: 15px;
	font-size: 26px;
}

/* #ecFooter - Innosoft Subfoot */

#ecFooter .FusionFooter {
	background-color: #1a7c4e;
	box-shadow: 0 17px 10px -10px rgba(0,0,0,0.4) inset;	
	font-size: 13px;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #ffffff;
	font-weight: 400;
}

#ecFooter .FusionFooter .row {
	align-items:center;
}

#ecFooter .FusionFooter .FooterLinkText a {
	color: #ffffff;
	margin-right:15px;
}

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

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


/* Under 1400px */
@media (max-width:1399px) {
	
#ecHomePage .text-box {
	bottom: 40px;
	left: 80px;
}

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

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

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


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

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

#ecHomePage .text-box {
	max-width: 600px;
	width:auto;
	bottom: 30px;
	left: 60px;
}

.carousel-indicators {
	top: 25px;
	right: 25px;
}

.carousel-indicators li , .carousel-indicators .active {
	width:14px;
	height:14px;
}

.SchoolFooter, .SchoolFooter .rec-social {
	text-align: center;
}

.SchoolFooter .rec-logo {
	justify-content: space-evenly;
}

.SchoolFooter .rec-logobox {
	margin-right: 18px;
}

.SchoolFooter .rec-logo img {
	width: 220px;
}

.SchoolFooter .social-media li {
	padding: 0 8px;
}

}

/* Under 768px */
@media(min-width:768px) and (max-width:991px) {
	#ecFooter .container {
	max-width: 100%;
}
	
}


/* Under 768px */
@media(max-width:767px) {
	
#ecHomePage .text-box {
	bottom: 30px;
	left: 30px;
}

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

#ecHomePage p {
	font-size: 14px;
	line-height:1.4;
	padding:0;	
	max-width: 80%;
}

.carousel-control-next, .carousel-control-prev {
	display: none;
}

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

.SchoolFooter {
	padding: 40px 0;
}

.SchoolFooter .rec-logo {
	align-items: center;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.SchoolFooter .rec-logobox {
	margin-right: 0;
	margin-bottom: 30px;
	width: 100%;
}

.SchoolFooter .rec-info {
	padding-bottom: 20px;
}

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

#ecFooter .FusionFooter {
	text-align: center;
}

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

}

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

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

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

.carousel-indicators {
	top: 15px;
	right: 15px;
}

.SchoolFooter {
	padding: 40px 18px;
}

}

/* Under 480px */
@media(max-width:479px) {
	
#ecHomePage .text-box {
	bottom: 20px;
	left: 20px;
}
	
#ecHomePage h2 {
    font-size: 24px!important;
}

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

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

.date-selector-btn, .date-selector-btn:hover{color:#f6a800;} /* replace with client's secondary colour*/ 

#loginLinkBtn{cursor:pointer;]