/*** Arabic Fonts ****/

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

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-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-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-page-header-title, 
.typography-page-header-title:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline: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-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), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.violator, 
.violator:lang(ar), 
.badge, 
.badge:lang(ar), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.typography-boc-label, 
.typography-boc-label:lang(ar), 
.typography-boc-body, 
.typography-boc-body:lang(ar), 
.typography-chapternav-label, 
.typography-chapternav-label: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-price, 
.typography-product-tile-price:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.iconcontrol, 
.iconcontrol: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 (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: 734px) {
.typography-feature-card-headline, 
.typography-feature-card-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-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-page-header-title, 
.typography-page-header-title:lang(ar), 
.typography-section-header-headline, 
.typography-section-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; 
  }

.typography-boc-label, 
.typography-boc-label:lang(ar), 
.typography-boc-body, 
.typography-boc-body:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy: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-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-product-tile-price, 
.typography-product-tile-price:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link: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-feature-card-headline, 
.typography-feature-card-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-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-page-header-title, 
.typography-page-header-title:lang(ar), 
.typography-section-header-headline, 
.typography-section-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; 
  }

.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: 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; 
  }

}


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

/*** Arabic Fonts ****/