/* Theme 2 - Black
==============================
Primary:            #55BAB7
Primary Dark:       #3c9393
Primary Light:      #71c4c4
White:              #FFFFFF
Black:              #000000
==============================
*/
@import url('../Shared/overrides.css');

html, body {
  color: rgba(0, 0, 0, .85);
}

a:link, a:visited {
  color: #71C4C4;
}
a:hover, a:active, a:focus {
  color: #3c9393;
}

/* -- Header -- */
.headline {
    background-color: ;
    background-image: ;
}
.pureNavbar {
    background-color: #000000;
    border-bottom: ;
}
.navbar-toggler {
    background-color: #3C9393;
    border: 1px solid #000000;
    border-radius: 0;
}


/* -- Login Button -- */
.loginButton {
    background-color: #3C9393;
    color: #FFFFFF;
    font-size: !important;
}
.loginButton:hover {
    background-color: #71C4C4;
    color: #FFFFFF;
}


/* -- Add to Cart Button -- */
.addToCartButton {
    background-color: rgba(0, 0, 0, 1);
    border: 1px solid rgba(0, 0, 0, 1);
    color: #FFFFFF;
}
.addToCartButton:hover {
    background-color: #71C4C4;
    border: 1px solid #71C4C4;
    color: #FFFFFF;
}
/* -- 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: #71c4c4;
}
#shoppingCartModal .modal-header h5 {
    color: rgba(0, 0, 0, .85);
}
#shoppingCartModal .modal-body p {
    color: rgba(0, 0, 0, .85);
    font-size: 1rem;
}
#shoppingCartModal .modal-footer {
    background-color: ;
}
.shoppingCartButton {
    color: #FFFFFF;
    border: 0;
    background-color: #000000;
}
.shoppingCartButton:hover {
    color: #FFFFFF;
    background-color: #71c4c4;
}


/* -- Slider -- */
.sliderBackground {
    background-color: rgba(0, 0, 0, .02);
    color: rgba(0, 0, 0, .85);
    border: 0px;
}
.sliderBackground h4 {
    color: rgba(0, 0, 0, .5);
}
.sliderBackground h5 {
    color: rgba(0, 0, 0, .85);
}
.sliderBackground img {
    border: 0px;
}
.sliderTitle a:link, .sliderTitle a:visited {
    text-decoration: none;
    color: rgba(0, 0, 0, .50);
}
.sliderTitle a:hover, .sliderTitle a:focus {
    text-decoration: none;
    color: rgba(0, 0, 0, .85)
}
.sliderDescription a:link, .sliderDescription a:visited {
    color: rgba(0, 0, 0, .85)
}
.sliderDescription a:hover, .sliderDescription a:focus {
    color: rgba(0, 0, 0, .55)
    text-decoration: underline;
}


/* -- Search Bar -- */
.searchBar {
    background-color: #000000;
}
.searchBar h3 {
    color: #FFFFFF;
}
.searchBar .shoppingCartButton {
    background-color: #3c9393;
    color: #FFFFFF;
    font-size: ;
}
.searchBar .shoppingCartButton:hover{
    background-color: #71C4C4;
    color: #FFFFFF;
}
.dropdown-menu li a:link, .dropdown-menu li a:visited {
    color: rgba(0, 0, 0, .85);
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
    background-color: #71C4C4;
    color: rgba(0, 0, 0, .85);
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #FFFFFF;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .75)
}

.searchBar .input-group-prepend .dropdown button, .searchBar .input-group-append button {
    background-color: #3C9393 !important;
    border: 1px solid #3C9393;
}

.searchBar .input-group-prepend .dropdown button:hover, .searchBar .input-group-append button:hover {
    background-color: #71C4C4 !important;
    border: 1px solid #71C4C4;
}

/* -- Side Navs -- */
.sideNavCourses, .sideNavHelp, .sideNavCompany {
    background-color: ;
    color: ;
}
.sideNavCourseHeader, .sideNavHelpHeader, .sideNavCompanyHeader {
    background-color: ;
    border-bottom: ;
}
.sideNavCourses h4, .sideNavHelp h4, .sideNavCompany h4 {
    color: ;
}
.sideNavCourses a:link, .sideNavCourses a:visited, .sideNavCourseHeader a:link {
    padding: 10px 20px;
    display: inline-block;
    color: rgba(0, 0, 0, .85);
    font-size: ;
}
.sideNavCourses a:hover, .sideNavCourses a:focus, .sideNavCourseHeader a:hover h5, .sideNavCourseHeader a:focus h5 {
    color: #FFFFFF;
    background-color: #71C4C4;
    border-radius: 0;
}
.sideNavCourses .sideNavCourseBadge {
    color: #FFFFFF;
    background-color: #000000;
}
.sideNavHelp a:link, .sideNavHelp a:visited  {
    padding: 10px 20px;
    display: inline-block;
    color: rgba(0, 0, 0, .85);
    font-size: ;
}
.sideNavHelp a:hover, .sideNavHelp a:focus {
    color: #FFFFFF;
    background-color: #71C4C4;
    border-radius: 0;
}
.sideNavCompany a:link, .sideNavCompany a:visited {
    padding: 10px 20px;
    display: inline-block;
    color: rgba(0, 0, 0, .85);
    font-size: ;
}
.sideNavCompany a:hover, sideNavCompany a:focus {
    color: #FFFFFF;
    background-color: #71C4C4;
    border-radius: 0;
}
.sideNavCourses .active, .sideNavCourses .active h4 {
    color: #FFFFFF !important;
    background-color: #71C4C4;
    border-radius: 0;
}


/* -- Modal -- */
.modal-header {
    background-color: #71C4C4;
}
.modal-header h5, .modal-header button {
    color: #000000;
}
.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: #000000;
    border-top: ;
}
.footer-text, footer h6 {
    font-size: .8rem;
    color: #FFFFFF;
}
.footer-text a {
    color: #FFFFFF;
    font-size: .8rem;
}
.footer-text a:hover {
    color: #55BAB7;
}
.footerBlock {
    background-color: rgba(0, 0, 0, 1);
}
footer h6, .footerBlock h6 {
    color: #FFFFFF;
}
.footerBlock a:link, .footerBlock a:visited {
    padding: 2px 20px;
    color: #FFFFFF;
    font-size: 13px;
    display: block;
}
.footerBlock a:hover, .footerBlock a:focus {
    color: #000000;
    background-color: #71C4C4;
}
footer .socialMedia {
    padding: 8px 0px 8px 20px;
}
Table .x-btn-mc button {
    background: none !important;
    color: #000000;
}