/* GOPHER Custom Color Scheme CSS */
  :root {
      --color-primary-50: #c7d1e6;
      --color-primary-100: #a5b7d5;
      --color-primary-200: #839dc4;
      --color-primary-300: #6183b3;
      --color-primary-400: #3f69a2;
      --color-primary-500: #1d4f91;
      --color-primary-600: #19437b;
      --color-primary-700: #153765;
      --color-primary-800: #112b4f;
      --color-primary-900: #0d1f39;
      --color-primary-950: #091323;
      --btn-link-disabled-color: #1d4f91;
  }
  /* END Custom Color Scheme CSS */

/* GLOBAL */
:root{
--btn-border-width:1px;
}
.form-label-inverse .form-group label {color: #FFF;}
.cst-small-container {max-width: 960px !important;}
.bg-light {background-color: #fafafa !important;}

body,
.bg-body,
.oem-links-list.link-carousel,
.oem-links-list.link-carousel .jcarousel-container {background-color: #FFF;}

.btn.btn-default {border: 1px solid var(--btn-primary-bg); background: #FFF; color: var(--btn-primary-bg);}
.btn.btn-default:hover {border: 1px solid var(--btn-primary-bg); background: var(--btn-primary-bg); color: #FFF;}

.alert-success {border-color: #FFF; background-color: #FFF;}

/*NAVBAR COLOR */
.navbar-default {background-color: var(--color-primary-500);}
.navbar .navigation-default .navbar-nav>li>a:before, .page-header .navigation-default .navbar-nav>li>a:before {background-color: #FFF;}

/*INDEX TABS WIDGET */
.cst-index-tabs.content-tabbed .nav-tabs { display: flex; justify-content: space-evenly; margin-bottom: 28px;}
.cst-index-tabs.content-tabbed .tab-content>.active {display: flex !important}
.cst-index-tabs.content-tabbed .tab-content>.active img {max-height: 350px; border-radius: 20px; margin-right: 40px;}
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li>a:after {bottom: 0px}
.cst-index-tabs .tab-content a:not(.btn) {color: var(--color-neutral-1000-alpha-9);}
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li.active>a, 
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li.currentPage>a,
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li>a:hover {color: var(--color-primary-500) !important;}
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li>a:after {border-bottom: 3px solid var(--color-primary-300);}
.cst-index-tabs.content-tabbed .nav-tabs.nav-pills>li>a:hover:after { content: ''; position: absolute; bottom: 0px; left: 0; display: block; width: calc(100% - 16px); margin: 0 8px; border-bottom: 3px solid var(--color-primary-300);  transition:width .2s,left .2s;}

/*INDEX CAR SHOPPING EVOLVED  - MOVE SOME OF THE RULES TO PREFS */
.index [data-name="content-background-image-right.1-1" ] .cta-content {flex-direction: row !important; flex-wrap: wrap; justify-content: flex-end !important; align-items: flex-end !important; position: relative;}
.index [data-name="content-background-image-right.1-1" ] .cta-content svg {position: absolute; top: 23px;left: 20px}
.index [data-name="content-background-image-right.1-1" ] .cta-content h3 {flex-basis: 85%; text-align: left; margin-bottom: 0 !important;margin-top: 0 !important;}
.index [data-name="content-background-image-right.1-1" ] .cta-content p {flex-basis: 85%;  display: flex !important; text-align: left; margin-bottom: 0px !important}

/*DIRECTIONS PAGE */
.alias-directions-default [data-name="contact-hours-directions-container"] .ddc-hours .key{font-weight: bold;}

/* wabbey 03838113 */
.ddc-mega-menu-nav .model-selector-default .hproduct .media a { height: 100px; }