/* ============================================
   BASE STYLES
   ============================================ */

/* Typography */
body, html {
	font-family: 'Gotham Narrow', 'Open Sans', sans-serif, arial !important;
	line-height: 14px;
}

h1, h2, h3, h4, h5, h6, table, th, td, #login, #login.a, #cartCount a {
	font-family: "Gotham Narrow", sans-serif, arial !important;
}

/* Layout */
#wrapper {
	max-width: none !important;
}

/*Links*/
a {
    color: #782F40;
}

a:hover {
    color: #FFA400;
}

/*Note*/
.note {
    color: #782F40;
}

/*Alert
.alert {
    color: red;
}*/

/*Focus Visible*/

:focus-visible {
    outline: 3px solid #FFA400;
    outline-offset: 1px;
}

/* ============================================
   HEADER & NAVIGATION
   ============================================ */

/* Header Elements */
#header, 
#header_title, 
#login, 
#cartCount,
#cartCount a, 
#cartOption a, 
#profileOption a {
	background-color: #000000;
}

#header_title {
	float: left;
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
    height: 45px;
}

.image_header {
    width: auto;
    height: 120%;
}

/* Login Section */
#login {
	color: white;
}

#login a {
	background-color: black;
}

#login input.submit {
	background-color: white;
	color: black;
}

#login input.submit:hover {
	background-color: #FFA400;
	color: black;
}

/*Test Banner*/
#testBanner {
    background-color: white;
}

#testBannerText { 
    color: #252525;
}    

/* ============================================
   LEFT MENU / NAVIGATION
   ============================================ */

/* Base Menu Styles */
.leftMenu ul li a {
	background-color: #F5F5F5;
	color: #782F40;
}

.leftMenu ul li a:hover { 
    background-color: #782F40;
    color: white;
}

.leftMenu ul li a i {
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 2px;
}

/* Category Listing */
.leftMenu ul.Level00 li a {
	background-color: #782F40;
	color: white;
}

.leftMenu ul.Level01 li a {
	background-color: #F5F5F5;
	color: #782F40;
}

.leftMenu ul.Level02 li a {
	background-color: #C4BFB6;
}

.leftMenu ul.Level00 li a:hover, 
.leftMenu ul.Level01 li a:hover, 
.leftMenu ul.Level02 li a:hover, 
.leftMenu ul.Level03 li a:hover {
	background-color: #943A4F;
	color: white;
}

/* Cards */
a.card {
	height: 10rem;
	border: 1px solid rgba(0,0,0, 0.25);
}

/* Subcategories */
#subCategories a:hover {
	background-color: #776E64;
}

/* ============================================
   CART & SHOPPING
   ============================================ */

/* Continue Shopping & Register Someone Else Buttons */
.cartOption a {
	background-color: #FFA400;
	color: black;
	/*transition:filter 0.3 ease;
	border: 1px solid black;*/
}

.cartOption a:hover {
	background-color: #FFB900;
	color: black;
}

/* Add to Cart, Checkout, Apply Promo Code, Submit and Cancel Buttons */
.cartOption input.submit {
	background-color: #FFA400;
	color: black;
}

.cartOption input.submit:hover {
	background-color: #FFB900;
	color: black;
}

.cartOption input.cancel {
    background-color: #FFA400;
    color: black;
}

.cartOption input.cancel:hover {
    background-color: #FFB900;
    color: black;
}

/* Cart Links */
/*.cart a {
	color: #782F40;
}

.cart a:hover {
	color: #FFA400;
}*/

.cartinner #addedAttendee {
	border: 1px solid #999999;
	background-color: #782F40;
	color: white;
}

.cartinner #addedAttendee:hover {
	border: 1px solid #999999;
	background-color: #943A4F;
	color: white;
}

/* ============================================
   FORMS & INPUTS
   ============================================ */

.logform {
	background: #782F40;
	color: white;
}

/*Forgot Username and Password Links*/
.logform .forgotPw a {
	color: white;
}

.logform .forgotPw a:hover {
    color: white;
    /* font-weight: 550; */
    text-decoration: underline;
}

#loginHeader {
    background-color:#782F40;
    color: white;
}

/*Sign In and Create Profile Buttons*/
.logform button {
	background: #FFA400;
}

.logform button:hover, .logform button:active, .logform button:focus {
    background-color: #C4BFB6;
    color: black;
    font-weight: 550;
}

#loginContent input.button, 
#loginContent input.submit {
	background-color: #782F40;
}

input.submit {
	color: white;
}

input[type="checkbox" i] {
    accent-color: #782F40;
}

/* ============================================
   CONTENT SECTIONS
   ============================================ */

/* Breadcrumbs */
#breadcrumbTop a {
	color: #782F40;
}

/* Subheader */
.subHeader {
	color: #782F40;	
	border-bottom: 3px solid #FFA400;
}

#subHeaderNote {
    width: 99%;
    padding-left: 32px;
    border-bottom: 3px solid #782F40;
    font-size: 0.813rem;
    margin-top: 5px;
    background-color: #943a4f;
    border-radius: 3px;
    color: white;
}

.subheadinglink a {
	color: #782F40;
}

/* Featured Course */
.featuredCourse span {
	font-size: 90%;
}

/* Courses */
.courses a {
	color: #782F40;
}

.courses a:hover {
	color: #FFA400;
}

.courseinner table tr td.tableheading {
    color: #782F40;
}

/* Instructor */
.instructorbreak {
	background-color: #782F40;
	color: white;
}

.bio_masthead {
	background-color: #782F40;
}

.instructorline a {
    color: #782F40;
}

.instructorline a:hover {
    color: #FFA400;
}

/* History */
.historyinner hr {
	background-color: #776E64;
}
.history a {
    color: #782F40;
}

/*My Account*/
.card-header div h2 {
    color: #782F40;
}

a.card-link {
    color: black;
}


/* ============================================
   CALENDAR
   ============================================ */

.calHeader, 
.calSubheaderDOW, 
.calFooterRight,
.calFooterCenter,
.calFooterLeft {
	background-color: #782F40;
}

.calHeader {
    height: 30px;
    line-height: 22.4px;
    padding-left: 8px;
    padding-top: 8px;
}

.calCatSelect{
    color: black;
}

.calDOW {
    background-color: #F5F5F5;
    vertical-align: top;
    height: 135px;
    width: 135px;
    border-color: white;
    border-style: solid;
}

.calTodayDOWlisting {
    font-family: arial;
    font-size: 1.125rem;
    text-align: left;
    color: black;
    background-color: #FFA400;
}

.calCatOption {
    color: black;
}

table.cal a:hover {
    color: #FFA400;
}


/* ============================================
   FOOTER
   ============================================ */

#footer, 
#footer table {
	background-color: #782F40;
	border-top: none;
}