/* PROD 10-23-24 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
.landingRight h1 {
  margin: 0;
}
#fedex-main .landingRight {
  max-width: 100%;
}
.mainNav.newNav, .bottomSpecials, #listingPromo {
  margin-bottom: 0 !important;
}
#mainSection * {
  box-sizing: border-box;
  line-height: 1.25;
}
#mainSection a.appleFull {
  display: block; /*! margin-bottom: 20px; */
}
#mainSection a:not([disabled]):hover p {
  text-decoration: underline;
}
div.main {
  max-width: none;
  padding: 0;
}
.bonvoy-site div.main {
  padding-top: 75px;
}
@media only screen and (max-width: 1132px) {
  .bonvoy-site div.main {
    padding-top: 59px !important;
  }
}
#appleNav ul {
  margin: 0;
  background: #323232;
  text-align: center;
  padding: 15px;
}
#appleNav ul li {
  display: inline-block;
  font-family: 'Montserrat', Arial, sans-serif;
  color: #f5f5f7;
  font-size: 1rem;
  margin-right: 5%;
}
#appleNav ul li a {
  color: rgba(255, 255, 255, .8);
}
#appleNav ul li a:hover {
  color: white;
}
#appleNav ul li a:hover, #appleNav ul li a:focus {
  text-decoration: none;
}
.appleFull {
  height: 700px;
  text-align: center;
  background-size: 500px;
  background-position: center;
  background-repeat: no-repeat;
}
.appleFull.bottomLink {
  height: auto;
}
.appleFull:hover, .appleFull:focus {
  text-decoration: none;
}
.appleFull.bottomLink {
  height: auto;
  padding-bottom: 50px;
}
a[disabled] {
  opacity: .6;
}
/*.appleFull:nth-of-type(1){
  background-image: url(/images/landing/appleStore/iphone14.jpg);
  background-position: bottom;
  margin-bottom: 25px;
}*/
.appleFull.apple-iphone {
  background-image: url(/images/landing/appleStore/iphone-17.webp);
  background-position: 50% -13%;
  margin-bottom: 1rem;
  background-color: #F5F5F7;
  background-size: 1000px;
}
.appleFull:nth-of-type(2) h2, .appleFull:nth-of-type(2) h3 {
  color: white;
}
.appleFull.apple-ipad {
  background-image: url(/images/landing/appleStore/iPadPro.jpg);
  background-color: black;
  background-size: 650px;
  background-position: bottom;
}
.appleFull h2 {
  font-family: 'Montserrat', Arial, sans-serif;
  color: black;
  font-size: 3.5rem;
  margin: 0;
  padding-top: 40px;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 1;
}
h2, h3, h2::first-letter, h3::first-letter {
  text-transform: none !important;
}
a.appleFull.bottomLink h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #06c;
}
a.appleFull.bottomLink:hover h2 {
  text-decoration: underline;
}
.appleFull h3 {
  font-family: 'Montserrat', Arial, sans-serif;
  color: black;
  font-size: 2rem;
  margin: 0 0 1rem;
  font-weight: lighter;
  padding: 0 1rem;
}
.appleFull p {
  font-family: 'Montserrat', Arial, sans-serif;
  color: black;
  font-size: 1.5rem;
  margin: 0;
  font-weight: lighter;
  color: #06c;
}
.appleFull p:hover {
  text-decoration: underline;
}
.chevron {
  display: inline-block;
  height: 1.125rem;
  vertical-align: baseline;
  bottom: -.125rem;
  position: relative;
}
.lowerGrid .chevron {
  height: .875rem;
}
.lowerGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 600px;
  gap: 1rem;
  padding: 1rem;
  text-align: center;
}
.lowerGrid > :nth-child(1), .lowerGrid > :nth-child(4) {
  background-color: #000;
}
.lowerGrid > :nth-child(2), .lowerGrid > :nth-child(3) {
  background-color: #F5F5F7;
  color: black;
}
.lowerGrid a {
  background-repeat: no-repeat;
  background-position: bottom;
}
.lowerGrid a h2 {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 2.5rem;
  margin: 0;
  padding-top: 25px
}
.lowerGrid a h3 {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.5rem;
  margin: 0 0 .5rem;
  font-weight: lighter;
}
.lowerGrid a p {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1rem;
  margin: 0;
  color: #06c;
}
a.ablack p {
  color: #2997ff !important;
}
.ablack h3 {
  color: #FFF;
}
.lowerGrid a:hover, .lowerGrid a:focus {
  text-decoration: none;
}
.ablack h2 {
  color: white;
}
.lowerGrid > :nth-of-type(1) {
  background-image: url(/images/landing/appleStore/iPad.jpg);
  background-size: 350px;
}
.lowerGrid > :nth-of-type(2) {
  background-image: url(/images/landing/appleStore/apple-watch-ultra3.webp);
  background-size: 800px;
}
.lowerGrid > :nth-of-type(3) {
  background-image: url(/images/landing/appleStore/appleWatchSeries11.webp);
  background-size: 350px;
}
.lowerGrid > :nth-of-type(4) {
  background-image: url(/images/landing/appleStore/airpod-pro4.webp);
  background-size: 450px;
}
/* ----------------- */
/*  FedEx overrides  */
/* ----------------- */
#fedex-main #appleNav ul li, #fedex-main .appleFull h2, #fedex-main .appleFull h3, #fedex-main .appleFull p, #fedex-main .lowerGrid a h3, #fedex-main .lowerGrid a p, #fedex-main .lowerGrid a h2 {
  font-family: FedExSans, Arial, sans-serif !important;
}
#fedex-main .lowerGrid a h2 {
  line-height: 1.25;
}
@media only screen and (max-width:1028px) {
  .chevron {
    height: 1rem;
  }
  .appleFull {
    height: 600px;
  }
  .appleFull:nth-of-type(1) {
    background-position: 50% -71%;
    margin-bottom: 1rem;
    background-size: 700px;
  }
  .appleFull:nth-of-type(2) {
    background-size: 550px;
  }
  .appleFull h2 {
    font-size: 3rem;
  }
  .appleFull h3 {
    font-size: 1.75rem;
    margin: 0 0 .875rem;
  }
  .appleFull p {
    font-size: 1.25rem;
  }
  .lowerGrid a h2 {
    font-size: 2rem;
  }
  .lowerGrid a h3 {
    font-size: 1rem;
  }
}
@media only screen and (max-width:810px) {
  .appleFull {
    height: 500px;
  }
  .appleFull:nth-of-type(1) {
    background-position: 50% -156%;
    background-size: 550px;
  }
  .appleFull:nth-of-type(2) {
    background-size: 450px;
  }
  .appleFull h2 {
    font-size: 2.75rem;
  }
  .appleFull h3 {
    font-size: 1.5rem;
    margin: 0 0 .75rem;
  }
  .lowerGrid a h2 {
    font-size: 1.75rem;
  }
  .lowerGrid a h3 {
    font-size: 1rem;
  }
  .lowerGrid > :nth-of-type(4) {
    background-size: 350px;
    background-position: center 85%
  }
}
@media only screen and (max-width:750px) {
  .chevron {
    height: .875rem;
  }
  .appleFull h2 {
    font-size: 1.75rem;
    margin: 0 0 .25rem;
  }
  .appleFull h3 {
    font-size: 1rem;
  }
  .appleFull:nth-of-type(1) {
    background-position: 50% -240%;
    background-size: 520px;
  }
  .appleFull p, a.appleFull.bottomLink h2 {
    font-size: 1rem;
  }
  .lowerGrid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-auto-rows: 500px;
    padding: 1rem 0;
  }
  .lowerGrid > :nth-of-type(3) {
    background-size: 300px;
  }
  .lowerGrid > :nth-of-type(1) {
    background-size: 290px;
  }
  .halfContainer .applehalf {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 25px;
  }
}