/* *****************************************************
    ** TUFF MEDIA Custom Theme **
    Brand colors: Red #CC0000, Black #111111, White #ffffff
***************************************************** */

/* --- TOP NAV BAR (red, no border) --- */
.navbar {
  background-color: #CC0000 !important;
  border-bottom: none !important;
  border: none !important;
}
.navbar a,
.navbar .nav > li > a,
  color: #ffffff !important;
}
.navbar-toggle .icon-bar { background-color: #ffffff !important; }
.navbar-brand { color: #ffffff !important; }

/* --- VIEW CART BUTTON (red) --- */
ul.top-nav > li.primary-action > a.btn,
ul.top-nav > li.primary-action > a {
  background-color: #CC0000 !important;
  color: #ffffff !important;
  border-color: #AA0000 !important;
}
ul.top-nav > li.primary-action {
  border-left: none !important;
}

/* --- DROPDOWN MENUS (red background, white text) --- */
.dropdown-menu {
  background-color: #CC0000 !important;
  border: none !important;
}
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-main .open .dropdown-menu > li > a,
.navbar-main .open .dropdown-menu .dropdown-header {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* --- BUTTONS (black) --- */
.btn-primary,
.btn-success,
input[type="submit"],
button[type="submit"] {
  background-color: #111111 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

/* --- CHECKOUT PROGRESS STEPS --- */
.checkout-bar li.current,
.checkout-bar li.completed {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}
.checkout-bar li.current a,
.checkout-bar li.completed a { color: #ffffff !important; }

/* --- REVIEW & CHECKOUT TEXT (black) --- */
.checkout-bar li a,
.checkout-bar li span,
.checkout-bar li {
  color: #111111 !important;
}

/* --- PRODUCT OPTION PRICES / RADIO CIRCLES (red) --- */
.configoptions .form-check-input,
.configoptions input[type="radio"],
input[type="radio"]:checked,
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  accent-color: #CC0000 !important;
}
.configoptions label,
.product-options label,
.pricingOptions label {
  color: #111111 !important;
}
.pricingOptions .price,
.configoptions .price {
  color: #CC0000 !important;
}

/* --- PROGRESS BAR (red) --- */
.progress-bar,
.progress-bar-success,
.progress-bar-info,
.progress-bar-striped {
  background-color: #CC0000 !important;
}

/* --- PROMO / VALID CODE BAR (red) --- */
.input-group-btn .btn,
.input-group-btn .btn-default,
.btn-info {
  background-color: #CC0000 !important;
  border-color: #AA0000 !important;
  color: #ffffff !important;
}
.input-group-addon {
  background-color: #CC0000 !important;
  border-color: #AA0000 !important;
  color: #ffffff !important;
}
.has-success .form-control,
.has-success .input-group-addon {
  border-color: #CC0000 !important;
}
.label-success,
.label-info,
.label-primary {
  background-color: #CC0000 !important;
}

/* --- PRODUCT / PACKAGE BOXES (black names) --- */
.package-name { color: #111111 !important; font-weight: bold; }
.package-price,
.pricing-price,
.price { color: #111111 !important; }
.package { border-top: 3px solid #CC0000 !important; }
.package.recommended { border: 2px solid #CC0000 !important; }

/* --- PANEL HEADERS --- */
.panel-primary > .panel-heading {
  background-color: #CC0000 !important;
  border-color: #CC0000 !important;
  color: #ffffff !important;
}
.panel-primary { border-color: #CC0000 !important; }
.panel-heading { border-bottom: none !important; }

/* --- LINKS (white, no hover change) --- */
a { color: #ffffff !important; }

/* --- SIDEBAR / ACCOUNT MENU --- */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #CC0000 !important;
  border-color: #CC0000 !important;
  color: #ffffff !important;
}

/* --- ORDER SUMMARY / CART TOTALS --- */
.cart-total,
.total-due { color: #111111 !important; font-weight: bold; }

/* --- ALERTS / NOTICES --- */
.alert-info { border-left: 4px solid #CC0000 !important; }

/* --- FORM FOCUS STATES (white outline) --- */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #ffffff !important;
  box-shadow: 0 0 6px rgba(255,255,255,0.5) !important;
  outline: 2px solid #ffffff !important;
}

/* --- FOOTER (red, no border) --- */
#footer {
  background-color: #CC0000 !important;
  border-top: none !important;
  border: none !important;
  color: #ffffff !important;
}
#footer a,
#footer a:hover,
#footer a:focus { color: #ffffff !important; }

/* =====================================================
   KILL ALL HOVER & TRANSITION EFFECTS
   ===================================================== */
* { transition: none !important; animation: none !important; }

a:hover,
a:focus { color: #ffffff !important; text-decoration: none !important; }

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li:hover > a,
.navbar-main .nav > li > a:hover,
.navbar-main .nav > li > a:focus,
.navbar-main > li > a:hover,
ul.top-nav > li:hover > a,
ul.top-nav > li:active > a,
ul.top-nav > li:focus > a,
ul.top-nav > li > a:hover,
ul.top-nav > li > a:focus {
  color: #ffffff !important;
  background-color: transparent !important;
  background: transparent !important;
  text-decoration: none !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-default:hover,
.btn-default:focus,
.btn-info:hover,
.btn-info:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
  background-color: inherit !important;
  border-color: inherit !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

.panel:hover,
.package:hover,
.list-group-item:hover,
.tile:hover,
.home-shortcuts li:hover span {
  background-color: inherit !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* --- REVIEW & CHECKOUT HEADING (black) --- */
#order-standard_cart .font-size-36,
.header-lined h1,
h1.font-size-36 {
  color: #111111 !important;
}

/* --- PRODUCT/OPTIONS ? PRICE/CYCLE HEADER BAR (red) --- */
#order-standard_cart .view-cart-items-header {
  background-color: #CC0000 !important;
  color: #ffffff !important;
}
#order-standard_cart .view-cart-items {
  border-bottom: 2px solid #CC0000 !important;
}

/* --- VALIDATE CODE BUTTON (red) --- */
#order-standard_cart .promo .btn-block,
#order-standard_cart .promo button[name="validatepromo"],
.promo .btn-block.btn-default,
button[name="validatepromo"] {
  background-color: #CC0000 !important;
  border-color: #AA0000 !important;
  color: #ffffff !important;
}


/* --- PRODUCT PLAN BOXES (red boxes, lighter red Order Now button) --- */
#order-standard_cart .products .product {
  background: #CC0000 !important;
  border-color: #AA0000 !important;
  color: #ffffff !important;
}
#order-standard_cart .products .product header {
  background: #CC0000 !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}
#order-standard_cart .products .product header span {
  color: #ffffff !important;
}
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc p,
#order-standard_cart .products .product .product-desc li,
#order-standard_cart .products .product .product-desc span,
#order-standard_cart .products .product footer,
#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product .product-pricing span.price {
  color: #ffffff !important;
}
#order-standard_cart .products .product .btn-order-now,
#order-standard_cart .products .product .btn-success,
#order-standard_cart .products .product .btn-order-now.btn-sm {
  background-color: #e63333 !important;
  border-color: #cc0000 !important;
  color: #ffffff !important;
}

/* Plan card price text -- override .price black rule so /mo /yr is white */
#order-premium_comparison .price-table-container .price-table .top-head .price-area .price,
#order-premium_comparison .price-table-container .price-table .top-head .price-area .price span {
  color: #ffffff !important;
}


/* Main menu section background -- was teal #006687, now red to match branding */
section#main-menu {
  background-color: #CC0000 !important;
}

/* Hello [client name] account button -- override teal from overrides.css (.navbar-main li.account) */
.navbar-main li.account,
.navbar-main li.account > a,
.navbar-main li.account > a:hover,
.navbar-main li.account > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
  background-color: #CC0000 !important;
  color: #ffffff !important;
}

/* Language chooser and notifications links -- black text on white header strip */
ul.top-nav > li > a,
ul.top-nav > li > a:hover,
ul.top-nav > li > a:focus {
  color: #111111 !important;
}

/* Notification popover dropdown -- dark text, overrides broad a { color: white } rule */
.popover-user-notifications ul li a,
.popover-user-notifications ul li a:hover,
.popover-user-notifications ul li a:focus,
.popover-user-notifications ul li.none {
  color: #333333 !important;
}