body {
  font-family: "roboto-condensed", sans-serif;
}


h1 {
  font-size: 32px;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 40px;
    line-height: 2.5rem;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 50px;
    line-height: 3.0rem;
  }
}

h2 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.025em;
}
@media (min-width: 768px) {
  h2 {font-size: 24px;}
}
h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.025em;
}
@media (min-width: 768px) {
  h3 {font-size: 20px;}
}

p, li {
  font-family: 'heebo', sans-serif;
  font-size: 0.95rem;
  font-weight:400;
  /* line-height: 1.9rem; */
}

a {
  text-decoration: none;
  /* color:#3389c9; */
  color:#487f70;
}
a:hover {
  color:#fff;
  text-decoration:underline;
}

button:focus { outline: none; }
a:focus {text-decoration:none; color:#87d4ea;}
img {border: 0;}
a img {border: none;}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

@media (min-width: 992px) {
  .rounded-lg-3 { border-radius: .3rem; }
}
.rounded-24 {
  border-radius: 24px;
}

.socialFooter li a {color:#fff;}
.socialFooter li a:hover {color:#3ec4ea;}

.medGrayBk {background: #747676;}
.darkGrayBk {background: #1a1a1a;}
.whiteBk {background:#fff;}
.lightGrayBk {background:#dbe1e1;}
.blackBk {background:#000;}
.darkBlueBk {background: #0a3560;}
.blueBk {background: #0066cc;}
.darkRedBk {background: #800a18;}
.redBk {background: #ff1430;}



.text-gray {color:#1a1a1a;}
.text-gray-md {color: #747676;}
.text-gray-lt {color: #dbe1e1;}
.text-orange {color:#fca55e;}
.text-red {color:#ff1430;}
.text-blue {color: #0066cc;}
.text-white {color:#fff;}
.text-black {color:#000;}
.text-small {font-size: 0.8rem;}

sub {
  font-size:69%;
  margin-left:-0.03em;
}

h1 sub, h2 sub {
  font-size:25%;
  margin-left:-0.05em;
}
h3 sub {
  font-size:40%;
  margin-left:-0.05em;
}

.relative {position:relative;}
.absolute {position:absolute;}

.mxw640 {max-width: 640px; width: 100%;}
.mxw690 {max-width: 690px; width: 100%;}
.mxw780 {max-width: 780px; width: 100%;}
.mxw960 {max-width: 960px; width: 100%;}
.mxw1100 {max-width: 1100px; width: 100%;}


.pt40 {padding-top: 40px;}
.pt80 {padding-top: 80px;}
.pt100 {padding-top: 100px;}
.pb80 {padding-bottom: 80px;}
.pb100 {padding-bottom: 100px;}


.bg-navtop {background-color: #e4e5e5;}
.modal-backdrop {background:rgba(133,210,233,0.5);}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 15px;
      padding-left: 15px;
  }
}


/* btns */

.btn-lg {
  border: none;
  padding: 12px 25px 12px;
  font-family: 'heebo', sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 13px;
  line-height: 13px;
  white-space: nowrap;
  border-radius: 24px;
  min-width:140px;
  text-align: center;
  text-decoration: none !important;
}
 
.btn-blue {
  color:#fff;
  background: #0a3560;
}

.btn-blue:hover {
  color:#fff;
  background: #1a1a1a;
}
.btn-red {
  color:#fff;
  background: #800a18;
}

.btn-red:hover {
  color:#fff;
  background: #1a1a1a;
}
.heroLogo {width: 300px; margin-bottom:80px;}
@media (min-width: 768px) {
  .heroLogo {width: 620px; margin-bottom:80px;}
}

.coverall {
  background: #1a1a1a, url('../images/mapbk-black_m.jpg') no-repeat center top;
  background-size: contain;
  position:relative;
  height:100%;
  overflow-y:scroll;
}
@media (min-width: 768px) {
  .coverall {
    background: #1a1a1a, url('../images/mapbk-black.jpg') no-repeat center center;
    background-size: cover;
    position:fixed;
    height:100%;
  }
}

/* HOME PAGE */

/* .hero {
  height:25vh;
}
@media (min-width: 520px) {
  .hero {  
    height:25vh;
  }
}
@media (min-width: 992px) {
  .hero {  
    height:25vh;
  }
} */

header {margin:0 auto 0px; min-height:50px;}
@media (min-width: 768px) {
header {margin:0 auto 10px; min-height:250px;}
}
.header {min-height: 360px;}
.header {border-radius:0 0 24px 24px;}

.heroBadge img {width: 300px;}
@media (min-width: 768px) {
  .heroBadge img {width: 480px;}
}


.boxTop {
  width:100%;
  min-height:55px;
  border-radius:24px 24px 0 0;
}
/* .boxTop p {
  font-family: 'Encode Sans Expanded', sans-serif;
  font-weight: 700 !important;
} */
.boxBottom {
  width:100%;
  min-height:150px;
  /* padding:8px 24px; */
  /* font-size: 0.8rem; */
  border-radius:0 0 24px 24px;
  
}

.boxMid {
  min-height:245px;
}

.brandLogo {min-height:100px;}
.brandLogo img {
    /* max-width: 100%; */
    max-width: 280px;
}

.fa-2x {
  font-size: 1.5em;
}

/* a.clickDiv {display:block;height:100%;width:100%;text-decoration: none; position:relative; z-index:5;} */
/* a.clickDiv:hover {background:pink;} */

/* make whole box clickable */
.brandBox {position:relative; min-height:400px;}
.brandBox a, .brandBox a:hover {text-decoration: none;}
.brandBox a:before {
  content:'';
  display:block;
  height:100%;
  width:100%;
  text-decoration: none; 
  position:absolute; 
  z-index:5;
  background-color:rgba(0,0,0,0.1);
  border-radius:24px;
}
.brandBox a:hover:before {
  background-color:rgba(0,0,0,0.0);
}
/* Animation */
/* .brandBox {
  transition: transform .2s; 
}
.brandBox:hover {
  transform: scale(1.025);
} */
.relative {position:relative;}

.stellantisLogo img {
  width:250px;
}



.footerBoxLink {
  max-width:480px;
  min-height:60px;
  background-color:#000;
  padding:10px 24px 10px;
  font-size: 0.8rem;
  border-radius:16px 16px 0 0;
}
.footerBoxLink a {
  font-family: 'heebo', sans-serif;
  letter-spacing: 0.05rem;
}

.tl-xs-tc, .tr-xs-tc {
  text-align: center;
}
@media (min-width: 768px) {
.tl-xs-tc {text-align: left;}
.tr-xs-tc {text-align: right;}
}



/* GSAP */ /* .heroLogo, */
.fadeAnimUp, .GSfadeImgAnim, .fadeIn, .simpleFade {opacity: 0;}

.simpleFadeUp {
  opacity: 0;
  top:20px;
  position:relative;
}

.csBoxHolder {
  top: 30px; right: 0; left:0;
}
.csBox {
  font-family: 'heebo', sans-serif;
  letter-spacing: 0.05rem;
  font-size: 0.8rem;
  width:184px;
  padding: 14px 24px;
}


.ftBk {
  background: url('../images/ftBk.jpg') no-repeat center center;
  background-size: cover;
}


.importantHolder  {
  top: -10px; right: 20px;
}

.alertBug {
  width:74px;
  height:60px;
}

.disabled {
  pointer-events: none;

}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #000;
    pointer-events: none;
    background-color: #ccc;
    border-color: #ccc;
    opacity: 0.75;
}


.border-bottom {
  border-bottom: 2px solid #1a1a1a !important;
}
.border-top {
  border-top: 2px solid #1a1a1a !important;
}


/* pick-o-font */
/* .heebo-black {font-family: 'heebo', sans-serif; font-weight: 900; font-style: normal;}
.heebo-extrabold {font-family: 'heebo', sans-serif; font-weight: 800; font-style: normal;} */
.heebo-bold {font-family: 'heebo', sans-serif; font-weight: 700; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
.heebo-medium {font-family: 'heebo', sans-serif; font-weight: 500; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}

.roboto-cn-regular {font-family: 'roboto-condensed', sans-serif; font-weight: 400; font-style: normal;}
.roboto-cn-bold {font-family: 'roboto-condensed', sans-serif; font-weight: 700; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
.roboto-cn-italic {font-family: 'roboto-condensed', sans-serif; font-weight: 400; font-style: italic; }



/* .ibm-regular {font-family: 'ibm-plex-sans', sans-serif; font-weight: 500; font-style: normal;}
.ibm-medium {font-family: 'ibm-plex-sans', sans-serif; font-weight: 600; font-style: normal;}
.ibm-semibold {font-family: 'ibm-plex-sans', sans-serif; font-weight: 700; font-style: normal;}
.ibm-semibold-italic {font-family: 'ibm-plex-sans', sans-serif; font-weight: 700; font-style: italic;}
.ibm-bold {font-family: 'ibm-plex-sans', sans-serif; font-weight: 800; font-style: normal;}
.ibm-bold-italic {font-family: 'ibm-plex-sans', sans-serif; font-weight: 800; font-style: italic;} */

.text-small, .twelve {font-size: 0.8rem;}

sub {
  font-size:69%;
  margin-left:-0.03em;
}

.display-1 {
  font-size: 3rem;
  line-height: 3.25rem;
}
@media (min-width: 768px) {
  .display-1 {
    font-size: 4.0rem;
    line-height: 4.0rem;
  }
}
@media (min-width: 992px) {
  .display-1 {
    font-size: 4.8rem;
    line-height: 4.5rem;
  }
}

.letter-spacing-100 {
  letter-spacing: 0.10rem;
}

.letter-spacing-30 {
  letter-spacing: 0.03rem;
}


.custom-height {
  /* height: auto; */
height: 68px;
}

@media (min-width: 768px) {
  .custom-height {
    /* height: 100%; */
    height: 100px;
  }
}

.specialHead {
  font-size: .65rem;
  letter-spacing: 0.05rem;
  line-height: 1.1rem;
}
@media (min-width: 768px) {
  .specialHead {
    font-size: .8rem;
    letter-spacing: 0.10rem;
  }
}

.topBar {
    background-color: #0a3560 !important;
    border-top: 12px solid #0a3560;
    position:absolute;
    top:0; left:0; right:0;

    height:12px;
    z-index:10;
}

.borderRight {
  position:relative;
  padding-right:15px;
}
.borderRight::before {
  border-right: 1px solid #e4e5e5;
  content: "";
  position: absolute;
  bottom: -8px;
  right: -15px;
  height: 40px;
}

.dateStack p {
  font-size: 0.7rem;
  line-height: 1.0rem;
}
@media (min-width: 768px) {
  .dateStack p {
  font-size: 0.95rem;
  line-height: 1.5rem;
  }
}

.embargoBubble p {
  line-height: 0.9rem;
}
@media (min-width: 768px) {
  .embargoBubble p {
  line-height: 1.0rem;
  }
}

.blueGradBk {
  background: linear-gradient(to bottom,  rgba(0,102,204,1) 0%,rgba(0,102,204,1) 24.99%,rgba(219,225,225,1) 25%,rgba(219,225,225,1) 54.99%,rgba(0,102,204,1) 55%,rgba(0,102,204,1) 100%);
}
.redGradBk {
  background: linear-gradient(to bottom,  rgba(255,20,48,1) 0%,rgba(255,20,48,1) 24.99%,rgba(219,225,225,1) 25%,rgba(219,225,225,1) 61.99%,rgba(255,20,48,1) 62%,rgba(255,20,48,1) 100%);
}
.grayGradBk {
  background: linear-gradient(to bottom,  rgba(110,110,110,1) 0%,rgba(110,110,110,1) 24.99%,rgba(219,225,225,1) 25%,rgba(219,225,225,1) 61.99%,rgba(110,110,110,1) 62%,rgba(110,110,110,1) 100%);
}
@media (min-width: 768px) {
  .blueGradBk {
    background: linear-gradient(to right,  rgba(0,102,204,1) 0%,rgba(0,102,204,1) 14.99%,rgba(219,225,225,1) 15%,rgba(219,225,225,1) 69.99%,rgba(0,102,204,1) 70%,rgba(0,102,204,1) 100%);
  }

  .redGradBk {
    background: linear-gradient(to right,  rgba(255,20,48,1) 0%,rgba(255,20,48,1) 14.99%,rgba(219,225,225,1) 15%,rgba(219,225,225,1) 69.99%,rgba(255,20,48,1) 70%,rgba(255,20,48,1) 100%);
  }

  .grayGradBk {
    background: linear-gradient(to right,  rgba(110,110,110,1) 0%,rgba(110,110,110,1) 14.99%,rgba(219,225,225,1) 15%,rgba(219,225,225,1) 69.99%,rgba(110,110,110,1) 70%,rgba(110,110,110,1) 100%);
  }
}