@font-face {
    font-family: 'NissanBrandW06-Regular';
    src: url('../fonts/NissanBrandW06-Regular.eot');
    src: url('../fonts/NissanBrandW06-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NissanBrandW06-Regular.woff') format('woff'),
         url('../fonts/NissanBrandW06-Regular.ttf') format('truetype'),
         url('../fonts/NissanBrandW06-Regular.svg#NissanBrandW06-Regular') format('svg'); 
}

@font-face {
    font-family: 'NissanBrandW06-Light';
    src: url('../fonts/NissanBrandW06-Light.eot');
    src: url('../fonts/NissanBrandW06-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NissanBrandW06-Light.woff') format('woff'),
         url('../fonts/NissanBrandW06-Light.ttf') format('truetype'),
         url('../fonts/NissanBrandW06-Light.svg#NissanBrandW06-Light') format('svg');
}

@font-face {
    font-family: 'NissanBrandW06-Bold';
    src: url('../fonts/NissanBrandW06-Bold.eot');
    src: url('../fonts/NissanBrandW06-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NissanBrandW06-Bold.woff') format('woff'),
         url('../fonts/NissanBrandW06-Bold.ttf') format('truetype'),
         url('../fonts/NissanBrandW06-Bold.svg#NissanBrandW06-Bold') format('svg');
}

:root {
    --c_nissan_red:       #C3002F;
    --c_nissan_red_dark:  #AD113B;
    --c_grey_1:           #343434;
    --c_grey_2:           #4C4C4C;
    --c_grey_3:           #666666;
    --c_grey_3_dark:      #585858;
    --c_grey_4:           #8A8A8A;
    --c_grey_5:           #C1C1C1;
    --c_grey_5_dark:      #A8A8A8;
    --c_grey_6:           #EEEEEE;
    --c_leaf_blue_accent: #0076A8;
}

/* Jumbotron */
.jumbotron {
    background-color: #FFFFFF;
    padding: 0em;
}

.jumbotron h1 {
    color: #FFFFFF;
    font-weight: 600;
    font-family: 'NissanBrandW06-Regular';
}

h3.display-3 {
    color: #000000;
}

h3.display-5 {
    color: #343434;
    font-family: 'NissanBrandW06-Bold';
}

.jumbotron h2 {
    color: #FFFFFF;
    font-weight: 600;
    font-family: 'NissanBrandW06-Regular';
}

/* alert.warning is used for the initial instructions */
.alert-warning {
    background-color: #666666;
    color: #FFFFFF;
    border-color: #C1C1C1;
}

/* alert.info is used for the release notes */
.alert-info {
    background-color: #EEEEEE;
    color: #343434;
    border-color: #C1C1C1;
}

/* nav bar start */

  .navbar {padding-top:0px !important; padding-bottom:0px !important;}
  .navbar {min-height:32px !important}

  .bg-nissan-grey {
      background-color: #EEEEEE;
  }
  
  .navbar-dark .navbar-brand {
    color: #fff;
  }

  .navbar .navbar-nav .nav-link {
    font-family: 'NissanBrandW06-Light';
    font-size: 14px;
    color: #343434 !important;
  }

  .navbar .navbar-nav .nav-link:hover {
    text-decoration: underline;
  }
  
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
  }
  
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
    background-color: #A8A8A8;
  }
  
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: #fff;
  }
  
  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
  }
  
  .navbar-dark .navbar-toggler {
    color: #fff;
    border-color: #fff;
  }
  
  .navbar-dark .navbar-text {
    color: #FFFFFF;
  }
/* navbar end */

.lang-menu {
    background-color: #EEEEEE;
    border: #EEEEEE;
    font-family: 'NissanBrandW06-Light';
    font-size: 14px;
}

.lang-menu > a:hover {
    background-color: #EEEEEE;
    text-decoration: underline;
}

/* now for all the buttons */
.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
 }

/* btn-primary */
 .btn-primary {
     background-color: #C3002F;
     color: #fff;
     border-color: #C3002F;
 }
 
 .btn-primary:hover {
     background-color: #AD113B;
     color: #fff;
     border-color: #AD113B;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
 .show > .btn-primary.dropdown-toggle {
     background-color: #AD113B;
     color: #fff;
     border-color: #AD113B;
 }
 
 .btn-outline-primary {
     background-color: #C3002F;
     color: #fff;
     border-color: #C3002F;
 }
 
 .btn-outline-primary:hover {
     background-color: #AD113B;
     color: #fff;
     border-color: #AD113B;
 }
 
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
     background-color: #666666;
     color: #fff;
     border-color: #666666;
 }
  
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
 .show > .btn-outline-primary.dropdown-toggle {
     background-color: #AD113B;
     color: #fff;
     border-color: #AD113B;
 }

/* btn-secondary */
.btn-secondary {
    background-color: #666666;
    color: #fff;
    border-color: #666666;
}

.btn-secondary:hover {
    background-color: #585858;
    color: #fff;
    border-color: #585858;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #585858;
    color: #fff;
    border-color: #585858;
}

.btn-outline-secondary {
    background-color: #666666;
    color: #fff;
    border-color: #666666;
}

.btn-outline-secondary:hover {
    background-color: #585858;
    color: #fff;
    border-color: #585858;
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    background-color: #C1C1C1;
    color: #fff;
    border-color: #C1C1C1;
}
 
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: #585858;
    color: #fff;
    border-color: #585858;
}
/* button end */

.card-header {
    background-color: #C1C1C1;
    color: #343434;
}

.card {
    border-color: #C1C1C1;
    margin-bottom: 1rem;
}

.card-body {
    border-color: #C1C1C1;
}

.card-text {
    color: #666666;
}

.form-control {
    border-color: #C1C1C1;
    outline: none !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #A8A8A8;
}

.alert-danger {
    color: #C3002F;
    background-color: #EEEEEE;
}

.alert-warning {
    color: #C3002F;
    background-color: #FFFFFF;
}

.bg-primary {
    background-color: #666666!important;
}

.badge-primary {
    background-color: #666666;
}

.border-primary {
    border-color: #C1C1C1!important;
}

.bg-footer {
    background-color: #000 !important;
}

footer a {
    color: #C1C1C1;
}

footer a:hover {
    color: #C1C1C1;
    text-decoration: underline;
}

a {
    color: #666666;
}

a:hover {
    color: #343434;
}

body {
    font-family: 'NissanBrandW06-Regular';
    padding-top: 34px;
}
/*
[MDIST-244] Website buttons behind footer
 Need to adjust padding by the width of the viewport.
 Smaller width makes sticky footer have larger height.
 Padding is 54px plus the footer height.
*/
body {
    padding-bottom: 150px; /* 96px footer */
}
@media all and (min-width: 293px) {
    body {
        padding-bottom: 126px; /* 72px footer */
    }
}
@media all and (min-width: 381px) {
    body {
        padding-bottom: 102px; /* 48px footer */
    }
}
div * {
    border-radius: 0!important;
}