

/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.stat .stat-value, 
.stat .stat-value:lang(ar), 
.stat-elevated .stat-value, 
.stat-elevated .stat-value:lang(ar), 
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-section-intro-eyebrow, 
.typography-section-intro-eyebrow:lang(ar), 
.typography-section-intro-headline, 
.typography-section-intro-headline:lang(ar), 
.typography-section-intro-headline-alt, 
.typography-section-intro-headline-alt:lang(ar), 
.typography-section-intro-copy, 
.typography-section-intro-copy:lang(ar), 
.typography-section-intro-copy-alt, 
.typography-section-intro-copy-alt:lang(ar), 
.typography-more-apps-caption, 
.typography-more-apps-caption:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-utility-modal-block-inline-headline, 
.typography-utility-modal-block-inline-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-marquee-headline-elevated, 
.typography-marquee-headline-elevated:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.section-battery .stats .stat-caption, 
.section-battery .stats .stat-caption:lang(ar), 
.section-battery .stats .stat-value, 
.section-battery .stats .stat-value:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
#ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, 
#ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), 
#ac-globalfooter, 
#ac-globalfooter:lang(ar), 
#ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li, 
#ac-globalfooter .ac-gf-sosumi p:lang(ar), #ac-globalfooter .ac-gf-sosumi li:lang(ar), 
#ac-globalfooter .ac-gf-breadcrumbs-path, 
#ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), 
#ac-globalfooter .ac-gf-directory, 
#ac-globalfooter .ac-gf-directory:lang(ar), 
#ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, 
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.badge, 
.badge:lang(ar), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.button, 
.button:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
.stat-elevated .stat-caption, 
.stat-elevated .stat-caption:lang(ar), 
.typography-all-access-pass-pv-item-label, 
.typography-all-access-pass-pv-item-label:lang(ar), 
.typography-all-access-pass-pv-item-title, 
.typography-all-access-pass-pv-item-title:lang(ar), 
.typography-all-access-pass-pv-item-body, 
.typography-all-access-pass-pv-item-body:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.typography-caption-tile-link, 
.typography-caption-tile-link:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy:lang(ar), 
.typography-index-list-title, 
.typography-index-list-title:lang(ar), 
.typography-index-item-base, 
.typography-index-item-base:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-tout-copy, 
.typography-tout-copy:lang(ar), 
.typography-marquee-detail, 
.typography-marquee-detail:lang(ar), 
.typography-marquee-detail-reduced, 
.typography-marquee-detail-reduced:lang(ar), 
.colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label, 
.colornav-link.current .colornav-label:lang(ar), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.product-tile-ctas .product-tile-current, 
.product-tile-ctas .product-tile-current:lang(ar), 
.colorindicator .colorindicator-item.colorindicator-label, 
.colorindicator .colorindicator-item.colorindicator-label:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
@media only screen and (max-width: 833px) {
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 833px) {
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 1068px) {
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-section-intro-eyebrow, 
.typography-section-intro-eyebrow:lang(ar), 
.typography-section-intro-headline, 
.typography-section-intro-headline:lang(ar), 
.typography-section-intro-headline-alt, 
.typography-section-intro-headline-alt:lang(ar), 
.typography-section-intro-copy, 
.typography-section-intro-copy:lang(ar), 
.typography-section-intro-copy-alt, 
.typography-section-intro-copy-alt:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-marquee-headline-elevated, 
.typography-marquee-headline-elevated:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.section-battery .stats .stat-caption, 
.section-battery .stats .stat-caption:lang(ar), 
.section-battery .stats .stat-value, 
.section-battery .stats .stat-value:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-more-apps-caption, 
.typography-more-apps-caption:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 734px) {
.typography-eyebrow-super, 
.typography-eyebrow-super:lang(ar), 
.typography-section-intro-eyebrow, 
.typography-section-intro-eyebrow:lang(ar), 
.typography-section-intro-headline, 
.typography-section-intro-headline:lang(ar), 
.typography-section-intro-headline-alt, 
.typography-section-intro-headline-alt:lang(ar), 
.typography-section-intro-copy, 
.typography-section-intro-copy:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-marquee-headline-elevated, 
.typography-marquee-headline-elevated:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.section-battery .stats .stat-value, 
.section-battery .stats .stat-value:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-section-intro-copy-alt, 
.typography-section-intro-copy-alt:lang(ar), 
.typography-more-apps-caption, 
.typography-more-apps-caption:lang(ar), 
.typography-all-access-pass-pv-item-label, 
.typography-all-access-pass-pv-item-label:lang(ar), 
.typography-all-access-pass-pv-item-title, 
.typography-all-access-pass-pv-item-title:lang(ar), 
.typography-all-access-pass-pv-item-body, 
.typography-all-access-pass-pv-item-body:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.typography-caption-tile-link, 
.typography-caption-tile-link:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy:lang(ar), 
.typography-utility-modal-block-inline-headline, 
.typography-utility-modal-block-inline-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.typography-index-list-title, 
.typography-index-list-title:lang(ar), 
.typography-index-item-base, 
.typography-index-item-base:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-marquee-detail, 
.typography-marquee-detail:lang(ar), 
.typography-marquee-detail-reduced, 
.typography-marquee-detail-reduced:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.section-battery .stats .stat-caption, 
.section-battery .stats .stat-caption:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 480px) {
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media (min-width: 735px) {
.product-tile-ctas .button, .product-tile-ctas .product-tile-current, .product-tile-ctas button, 
.product-tile-ctas .button:lang(ar), .product-tile-ctas .product-tile-current:lang(ar), .product-tile-ctas button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}


/********************/

/*** Arabic Fonts ****/

.tout-disclaimer{
	font-size: 12px;
}

.section-versatility .section-intro-content-versatility .section-intro-content-container .typography-section-intro-headline {
    line-height: 1.1816666667;
}

.section-more-sports .section-intro-lifestyle, .section-versatility {
    direction: ltr;
}

.section-more-sports  p, .section-more-sports  h2, .section-versatility p, .section-versatility h2 {
    direction: rtl;
}

@media (min-width: 735px) {
     .section-more-sports  h2 {
        width: 50%;
    }
 }

@media (max-width: 345px) { 
    .section-highlights #highlights-gallery .media-gallery-item-display .caption.typography-media-card-gallery-headline{
        margin-top: 24px;
    }
}
