/* Theme 2 - Black
==============================
Primary:            #333333
Primary Light:      #999999
Primary Dark:       #000000

Orange:             #FF9800
Light Blue:			#000

White:              #FFFFFF
Black:              #000000

Smoke:              #E1E2E1
White Smoke:        #F5F5F6

BTN Green:			#f89828
BTN Blue:			#f89828
BTN Blue hover:		#000
#f89828
==============================
*/
@import url('../Shared/overrides.css');
/* -- Header -- */
.headline {
    background-color: #000;
    background-image: linear-gradient(to right, black, orange, green);
}
.pureNavbar {
    background-color: #000;
    border-bottom: ;
}
.navbar-toggler {
    background-color: #000000;
    border: 1px solid #FFFFFF;
    border-radius: 0;
}


/* -- Login Button -- */
.loginButton {
    background-color: #f89828;
    color: ;
    font-size: !important;
}


/* -- Add to Cart Button -- */
.addToCartButton {
    background-color: #f89828;
    border: 0;
    color: #FFFFFF;
}
.addToCartButton:hover {
    background-color: #000;
}
/* -- Navigation Buttons -- */
.navButtonGroup {
    background-color: #FFFFFF;
    color: #000000;
}
.navButtonGroup:hover {
    background-color: #323232;
    color: #FFFFFF;
}
.navActive {
    background-color: #323232;
    color: #FFFFFF;
} 


/* -- Shopping Cart Modal -- */
#shoppingCartModal .modal-header {
    background-color: #333333;
}
#shoppingCartModal .modal-header h5 {
    color: #FFFFFF;
}
#shoppingCartModal .modal-body p {
    color: ;
    font-size: 1rem;
}
#shoppingCartModal .modal-footer {
    background-color: ;
}
.shoppingCartButton {
    color: #FFFFFF;
    border: 0;
    background-color: #000;
}
.shoppingCartButton:hover {
    color: #FFFFFF;
    background-color: #000;
}


/* -- Slider -- */
.sliderBackground {
    background-color: #E1E2E1;
    color: #000000;
    border: 1px solid #EEEEEE;
}
.sliderBackground h4 {
    color: #454545;
}
.sliderBackground h5 {
    color: #323232;
}
.sliderBackground img {
    border: 2px solid #666666;
}
.sliderTitle a:link, .sliderTitle a:visited {
    text-decoration: none;
    color: #000000;
}
.sliderTitle a:hover, .sliderTitle a:focus {
    text-decoration: none;
    color: #097440;
}
.sliderDescription a:link, .sliderDescription a:visited {
    color: #f89828;
}
.sliderDescription a:hover, .sliderDescription a:focus {
    color: #097440;
    text-decoration: underline;
}


/* -- Search Bar -- */
.searchBar { 
    background-color: #999999; 
}
.searchBar h3 {
    color: #FFFFFF;
}
.searchBar .shoppingCartButton {
    background-color: #FFFFFF;
    color: #000000;
    font-size: ;
    border: 0;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
    background-color: #6c757d;
    color: #FFFFFF;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #6c757d;
} 

/* -- Side Navs -- */
.sideNavCourses, .sideNavHelp, .sideNavCompany {
    background-color: #FDFCFD;
    color: ;
    border-bottom: 1px solid #000;
    /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1); */
}
.sideNavCourseHeader, .sideNavHelpHeader, .sideNavCompanyHeader {
    background-color: ;
    border-bottom: ;
}
.sideNavCourses h4, .sideNavHelp h4, .sideNavCompany h4 {
    color: #333333;
}
.sideNavCourses a:link, .sideNavCourses a:visited, .sideNavCourseHeader a:link {
    padding: 10px 20px;
    display: inline-block;
    color: #333333;
    font-size: ;
}
.sideNavCourses a:hover, .sideNavCourses a:focus, .sideNavCourseHeader a:hover h5, .sideNavCourseHeader a:focus h5 {
    color: #FFFFFF;
    background-color: #333333;
    border-radius: 0;
}
.sideNavCourses .sideNavCourseBadge {
    color: #FFFFFF;
    background-color: #999999;
}
.sideNavHelp a:link, .sideNavHelp a:visited  {
    padding: 10px 20px;
    display: inline-block;
    color: #232323;
    font-size: ;
}
.sideNavHelp a:hover, .sideNavHelp a:focus {
    color: #FFFFFF;
    background-color: #565656;
    border-radius: 0;
}
.sideNavCompany a:link, .sideNavCompany a:visited {
    padding: 10px 20px;
    display: inline-block;
    color: #232323;
    font-size: ;
}
.sideNavCompany a:hover, sideNavCompany a:focus {
    color: #FFFFFF;
    background-color: #565656;
    border-radius: 0;
}
.sideNavCourses .active, .sideNavCourses .active h4 {
    color: #FFFFFF !important;
    background-color: #333333;
    border-radius: 0;
}


/* -- Modal -- */
.modal-header {
    background-color: #333333;
}
.modal-header h5, .modal-header button {
    color: #FFFFFF;
}
.modal-body h4, .modal-body h5 {
    color: ;
}
.modal-body ul{
    color: ;
    font-size: ;
}
.modal-body p {
    color: ;
    font-size: 1rem;
}
.modal-footer {
    background-color: ;
}


/* -- Pagination -- */
.paginationStyle .page-link {
    color: #000000;
}


/* -- Footer -- */
footer {
    background-color: #222222;
    border-top: 1px solid #1A2857;
}
.footer-text, footer h6 {
    font-size: .8rem;
    color: #FFFFFF;
}
.footer-text a {
    color: #FFFFFF;
    font-size: .8rem;
}
.footer-text a:hover {
    color: #f89828;
}
.footerBlock {
    background-color: #323332;
}
footer h6, .footerBlock h6 {
    color: #CCCCCC;
}
.footerBlock a:link, .footerBlock a:visited {
    padding: 2px 20px;
    color: #FFFFFF;
    font-size: 13px;
    display: block;
}
.footerBlock a:hover, .footerBlock a:focus {
    color: #f89828;
    background-color: ;
}
footer .socialMedia {
    padding: 8px 0px 8px 20px;
}
Table .x-btn-mc button {
    background: none !important;
    color: #000000;
}