.pfa-text-area .heading-second{
    margin-bottom: 0.5rem;
}

.nna-nissan-style-guide .nna-carousel .current-caption {
    color: #000;
}

.nna-nissan-style-guide .nna-carousel .current-caption p{
    font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-transform: initial;
    font-size: 16px;
}
.grey-sub-heading{
    color: #999;
    margin-bottom: -5px;
}
@media screen and (min-width: 1024px) {
  .nna-take-on-sales-event-overview {
    margin-top: -10px;
  }
}

.nna-take-on-sales-event-overview .take-on-sales-image-black {
  /*border-right: 1px solid #000;*/
  padding-right: 0.5rem;
  display: block;
  margin: 0 0 15px 0;
}
.nna-take-on-sales-event-overview .take-on-sales-image-white {
  /*border-right: 1px solid #fff;*/
  padding-right: 0.5rem;
  display: block;
  margin: 0 0 15px 0;
}
.nna-take-on-sales-event-overview .take-on-sales-button {
  margin: 15px 0 !important;
}

.nna-take-on-sales-event-overview .midnight-edition-logo {
  padding-right: 0;
  display: none;
  margin-top: -15px;
  margin-left: -20px;
}
.nna-take-on-sales-event-overview .midnight-edition-button {
  margin: 0 0 15px 0 !important;
}

@media screen and (max-width: 396px), screen and (min-width: 640px) and (max-width: 780px) {
  .nna-take-on-sales-event-overview .take-on-sales-image-black,
  .nna-take-on-sales-event-overview .take-on-sales-image-white {
    border-right: 0px;
  }
  .nna-take-on-sales-event-overview .take-on-sales-button {
    margin-top: 0.625rem;
  }
}

@media screen and (max-width: 1023px) {
  .nna-take-on-sales-event-overview .take-on-sales-image-white,
  .nna-take-on-sales-event-overview .take-on-sales-image-black {
    /*border-right: 1px solid #000;*/
    display: inline-block;
  }
}

@media screen and (max-width: 639px) {
  .nna-take-on-sales-event-overview a:first-child {
    display: block;
  }

}


/*
ROGUE VLP SPECIFIC CSS
*/


.nna-rogue-overview-promos .promo-header {
  font-family: 'nissan-pro-condensed-n7','nissan-pro-condensed',sans-serif;
  margin-bottom: 0.6rem;
  line-height: 1.6rem;
}

.nna-rogue-overview-promos .promo-sub-header {
  font-family: 'nissan-pro-condensed-n7','nissan-pro-condensed',sans-serif;
}

.rge-new-trick > div {
  margin-top: 1.875rem;
}
.rge-new-trick a .new-trick-image {
  max-width: 155px;
  height: auto;
  outline: 1px solid #FFF;
}
.rge-new-trick span {
  display: block;
  font-family: 'nissan-ag-n7', 'nissan-ag', arial, helvetica, verdana, sans-serif;
  font-size: 10px;
  line-height: 3;
  color: #333;
}
@media screen and (min-width: 640px) {
  .rge-new-trick a .new-trick-image {
    max-width: 125px;
  }
  .rge-new-trick span {
    font-size: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .rge-new-trick > div {
    margin-top: 3.75rem;
  }
  .rge-new-trick span {
    color: #FFF;
  }
}


@media screen and (min-width: 320px) and (max-width: 640px) {
  .nna-rogue-overview-promos .promo-header {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 1024px) {
  .nna-rogue-overview-promos .promo-header {
     margin-bottom: 0rem;
     font-size: 1.3rem;
     line-height: 1.1rem;
  }

  .nna-rogue-overview-promos .button-position-wrapper {
    margin-top: 40%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .nna-rogue-overview-promos .promo-header {
    font-size: 1.2rem;
    line-height: 1rem;
  }

  .nna-rogue-overview-promos .promo-wrapper.margin-top-small {
    margin-top: 0.90rem !important;
  }
}


/*
MAKING ROOM FOR STACKED CTA'S
*/


.vehicle-information .row:last-child {
  padding:0 !important;
}
.gallery-headers .heading-third  {
	margin: 1rem 0 0 0;
	color: #919191;
	font-size: 0.750em;
}

.gallery-headers .heading-first  {
	font-size: 1.625em;
}


@media screen and (min-width: 40em){
	.gallery-headers .heading-third  {
		margin-bottom: -0.3rem;
	}
}
.nna-altima-midnight-features-360 .drag-to-rotate,
.nna-altima-midnight-features-360 #three-sixty-tabs,
.nna-altima-midnight-features-360 #gallery-three-sixty-interior {
  display: none;
}

/*
This was created to:
- make header color white for dark background
- fix row width issue cause by absolute positioning
- manage font styles for compare template specifically
- compare specific svg's
*/


/*--
	Makes Heading Color White When Using background-black class
--*/
.compare-section.background-black .heading-first:not(.heading-primary), 
.compare-section.background-black .heading-second:not(.heading-primary), 
.compare-section.background-black .heading-third:not(.heading-primary){
	color:#FFF;
}

/*--
	Fix For Foundation Position Absolute Row Issue
	NOTE: I have only included asbolute classes that need. There are more absolute classes in the styleguide
--*/
.compare-section .absolute-bottom-center-medium, .compare-section .absolute-top-center-medium, .compare-section .absolute-bottom-center-large, .compare-section .absolute-top-center-large {
	width:100%;
}

/*--
	Font Style Specific To Compare Page
	NOTE: I have only added classes that I need. You can add more if needed
--*/
.compare-section .color-primary{
	color: #c51a47;
}

.compare-section .compare-font-large{
	font-size:5.75rem;
	line-height:4.5rem;
}

.compare-section .compare-font-small{
	font-size:2.1875rem;
	line-height:2rem;
}

/*--
	Compare Specific SVG Icons
--*/
.svg-icon.icon-compare-spacious-interior{
	width:2rem;
	height:3rem;
	margin-bottom:0.5rem;
}
.svg-icon.icon-compare-intelligent-safety{
	width:3.25rem;
	height:3rem;
	margin-bottom:0.5rem;
}
.svg-icon.icon-compare-advanced-tech{
	width:2rem;
	height:3rem;
	margin-bottom:0.5rem;
}
.svg-icon.icon-compare-checkmark{
	width:5rem;
	height:4rem;
	fill:#c51a47;
}
.svg-icon.icon-compare-crossmark{
	width:2rem;
	height:2rem;
	margin-right:0.5rem;
	fill:#CCC;
}

/*--
	Compare "Available On" styles
	This is so all the text is bottom aligned properly
--*/
.compare-available svg, .compare-not-available svg, .compare-available span, .compare-not-available span{
	display:inline-block;
	vertical-align:bottom;
}

.compare-available, .compare-not-available{
	height:100%;
	position:relative;
}

.compare-not-available svg, .compare-not-available span, .compare-available span{
	position:absolute;
	bottom:1rem;
}

.compare-not-available span{
	left:2.5rem;
}

/* optional css overwrites for the Titan vs Titan XD page */
.two-column-copy-right .heading-second, .pfa-text-area .heading-second{
    margin-bottom: 0.5rem;
}

.nna-nissan-style-guide .nna-carousel .current-caption {
    color: #000;
}

.nna-nissan-style-guide .nna-carousel .current-caption p{
    font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-transform: initial;
    font-size: 16px;
}
.grey-sub-heading{
    color: #999;
    margin-bottom: -5px;
}
.rogue-vs-rogue-sport-pfa{
    text-align: center;
}
.rogue-vs-rogue-sport-compare .title-text{
    margin-bottom: 0.5rem;
}
.rogue-vs-rogue-sport-compare .para{
    margin-bottom: 0.5rem;
}
.rogue-vs-rogue-sport-compare .links{
    margin-top: 2rem;
}
.rogue-vs-rogue-sport-compare .compare-values p{
    font-size: 1.2rem;
    font-family: nissan-ag-n7,nissan-ag,arial,helvetica,verdana,sans-serif;
}
.rogue-vs-rogue-sport-compare .compare-values span{
    text-transform: uppercase;
    color: #c51a47;
    font-size: 0.7rem;
}
.rogue-vs-rogue-sport-compare .compare-values h3{
    line-height: 1.7;
    font-size: 0.7rem;
    margin-bottom: 0;
}
.star-wars-2017-rogue-reveal-rogue-one{
    position: relative;
}

.star-wars-2017-rogue-reveal-rogue-one .button{
    position: absolute;
    top: 60%;
    right: 50%;
    margin: 0;
    z-index: 1;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
}


@media (min-width: 1024px) {
  .key-features .heading-third, .key-features .heading-second{
    color: #ffffff;
  }
}

/* medium */
@media only screen and (min-width: 640px) {
    .star-wars-2017-rogue-reveal-rogue-one .button{
        top: 69%;
    }
}

/* css overwrites for the Midnight Edition page */
.midnight-edition-line-up .vehicle-name .heading-third {
    font-size: 21px;
    margin-bottom: 5px;
    margin-top: 1px;
}

.midnight-edition-line-up .rogue-midnight-edition .heading-third {
    margin-bottom: 3px;
}

.midnight-edition-line-up .button.small {
	width: 100px;
}

.midnight-edition-line-up .midnight-edition-pfa .pfa-header-1 {
	padding-top: 20px;
	text-align: center;
}

.midnight-edition-line-up .midnight-edition-pfa .pfa-header-2 {
	text-align: center;
}

.midnight-edition-line-up .midnight-edition-pfa .pfa-text-1 {
	text-align: center;
}
@media only screen and /*!*/(max-width: 639px) {
    .midnight-edition-pfa-copy {
        margin: 0 20px 0 20px;
    }
    .midnight-edition-pfa-copy .heading-second {
        margin-bottom: 10px;
    }
}

@media only screen and /*!*/(min-width: 640px) and /*!*/(max-width: 1023px) {
    .midnight-edition-pfa-copy {
        margin: 0 20px 0 20px;
    }
    .midnight-edition-pfa-copy .heading-second {
        margin-bottom: 10px;
    }
}

@media only screen and /*!*/(min-width: 1024px) {
    .midnight-edition-pfa {
        position: relative;
    }
    .midnight-edition-pfa-copy {
        width: 900px;
        position: absolute;
        top: 5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)

    }
    .midnight-edition-pfa-copy .heading-second {
        color: #fff;
        margin-bottom: 10px;
    }
    .midnight-edition-pfa-copy p {
        color: #fff;
    }
}
.pfa-text-area .heading-second{
    margin-bottom: 0.5rem;
}

.nna-nissan-style-guide .nna-carousel .current-caption {
    color: #000;
}

.nna-nissan-style-guide .nna-carousel .current-caption p{
    font-family: 'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-transform: initial;
    font-size: 16px;
}
.grey-sub-heading{
    color: #999;
    margin-bottom: -5px;
}
.future-concepts-section .image-grid .columns {
	margin-bottom: 0.875rem;
}

.future-concepts-section .image-grid .no-ratio img  {
	width: 100%;
}

.nna-carousel .ios-slider .ios-slider-items .item .caption{
	z-index: 0 !important;
}

@media screen and (min-width: 40em){

}
.college-grad .overview .steps .info .background-image{
    width: 54px;
    height: 54px;

}
.college-grad .overview .steps .arrow .background-image{
    width: 54px;
    height: 65px;

}
.college-grad .overview .steps .step .info .background-image,
.college-grad .overview .steps .step .info .copy{
    display: inline-block;
    vertical-align: middle;
}
.college-grad .overview .steps .step .info .copy p{
    margin: 0 5px;
}
.college-grad .overview .steps{
    width: 150px;
    margin: auto;
}

.college-grad .heading-second{
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.college-grad .heading-first{
    font-size: 2.125rem;
    line-height: 2.125rem;
}

.college-grad .button{
    width: 100%;
}

.background-image-text-over{
    display: none;
}

.background-image-text-over p{

}
.background-image-text-under{
    width: 83.333%;
    margin: auto;
}
.background-image-text-under p, .background-image-text-over p{
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    text-transform: none;
    font-size: .875rem;
    line-height: 1rem;
    color: #333;
}


/*Medium & Large*/
@media screen and /*!*/(min-width: 640px){
    .college-grad .overview .steps{
        width: auto;
        margin: auto;
    }
    .college-grad .overview .steps .step,
    .college-grad .overview .steps .step .info .background-image,
    .college-grad .overview .steps .step .info,
    .college-grad .overview .steps .step .arrow,
    .college-grad .overview .steps .step .info .copy{
        display: inline-block;
        vertical-align: middle;
    }
    .college-grad .overview .steps .arrow .background-image{
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .background-image-text-over{
        display: none!important;
    }

    .college-grad .heading-second{
        font-size: 1.75rem;
        line-height:1.75rem;
    }
    .college-grad .heading-first{
        font-size: 2.125rem;
        line-height: 2.125rem;
    }

    .college-grad .button{
        width: auto;
    }

}

/*Large*/
@media screen and /*!*/(min-width: 1024px){
    .background-image-text-over{
        display: block!important;
        width: 40%;
        left: 8%;

    }
    .background-image-text-over .heading-first{
        margin-bottom: 3.75rem;
    }
    .background-image-text-under{
        display: none;
    }
    .college-grad .heading-second{
        font-size: 1.75rem;
        line-height: 1.75rem;
    }
    .college-grad .heading-first{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
}
.pfa-text-area .heading-second{
    margin-bottom: 0.5rem;
}

.featured-vehicles .vehicle-title .heading-second{
    margin: 0 0 1rem;
}

.featured-vehicles .grey-sub-heading .heading-third{
    color: #666;
    margin: 0 0 .2rem;
}

.featured-vehicles .grey-price .heading-second{
    color: #666;
}

.featured-vehicles .column:last-child:not(:first-child), .featured-vehicles .columns:last-child:not(:first-child){
    float: left;
}