
/*** 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), 
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-section-heading, 
.typography-section-heading:lang(ar), 
.typography-section-subheading-1, 
.typography-section-subheading-1:lang(ar), 
.typography-section-subheading-2, 
.typography-section-subheading-2:lang(ar), 
.typography-body-copy-emoji, 
.typography-body-copy-emoji:lang(ar), 
.typography-info-paragraph, 
.typography-info-paragraph:lang(ar), 
.typography-info-paragraph-small, 
.typography-info-paragraph-small:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-modal-copy-header, 
.typography-modal-copy-header:lang(ar), 
.typography-modal-copy, 
.typography-modal-copy:lang(ar), 
.typography-router-eyebrow, 
.typography-router-eyebrow:lang(ar), 
.typography-router-headline, 
.typography-router-headline:lang(ar), 
.accordion-item, 
.accordion-item: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), 
.button, 
.button:lang(ar), 
.typography-body-reduced-tight, 
.typography-body-reduced-tight:lang(ar), 
.typography-modal-informational, 
.typography-modal-informational:lang(ar), 
.typography-router-cta, 
.typography-router-cta:lang(ar), 
.accordion-content .accordion-content-paragraph, 
.accordion-content .accordion-content-paragraph:lang(ar), 
.ribbon .ribbon-content, 
.ribbon .ribbon-content:lang(ar), 
#ac-localeswitcher, #ac-localeswitcher select, #ac-localeswitcher button, 
#ac-localeswitcher .ac-ls-copy, 
#ac-localeswitcher .ac-ls-continue, 
.ac-video-controls .ac-video-ax-tracks-selector-container, 
.controls-progress-time, 
.controls-progress-dvr-label-container .live-stream-text, .live-stream .live-stream-text, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title, 
.sharing-state .container .textarea-container .copy-area {
    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 only screen and (max-width: 1068px) {
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-section-heading, 
.typography-section-heading:lang(ar), 
.typography-section-subheading-1, 
.typography-section-subheading-1:lang(ar), 
.typography-section-subheading-2, 
.typography-section-subheading-2:lang(ar), 
.typography-body-copy-emoji, 
.typography-body-copy-emoji:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-modal-copy-header, 
.typography-modal-copy-header:lang(ar), 
.typography-modal-copy, 
.typography-modal-copy:lang(ar), 
.typography-router-headline, 
.typography-router-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-info-paragraph, 
.typography-info-paragraph:lang(ar), 
.typography-info-paragraph-small, 
.typography-info-paragraph-small: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 only screen and (max-width: 734px) {
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-section-heading, 
.typography-section-heading:lang(ar), 
.typography-section-subheading-1, 
.typography-section-subheading-1:lang(ar), 
.typography-section-subheading-2, 
.typography-section-subheading-2:lang(ar), 
.typography-body-copy-emoji, 
.typography-body-copy-emoji:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media only screen and (min-width: 1800px) and (min-width: 1800px) {
.section-hero .typography-headline-standalone, 
.section-hero .typography-headline-standalone: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 ****/

@media only screen and (min-width: 1069px) {
  .padding-inline-start {
    padding-right: unset;
  }
}

.section-easy-does-it .container-hardware {
  height: unset;
}

@media only screen and (max-width: 1068px) {
  .section-easy-does-it .container-hardware {
    height: unset;
  }
}

@media only screen and (max-width: 734px) {
  .section-easy-does-it .container-hardware.macbook {
    /* padding-right: 4.2%; */
  }
}

.section-routers .router {
  width: 100%;
}

.typography-router-headline {
  line-height: 1.3;
}

#accordion-item-6-tray .accordion-content-paragraph a {
  white-space: nowrap;
}

.typography-body-copy-emoji {
  line-height: 1.2;
}

@media only screen and (min-width: 1068px) {
  .typography-body-copy-emoji {
    font-size: 79px;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .typography-body-copy-emoji {
    font-size: 55px;
  }
}

@media only screen and (min-width: 1068px) {
  .section-easy-does-it .content-icon-apple-music {
    margin-right: 6px;
  }
}

@media only screen and (max-width: 734px) {
  .section-easy-does-it .content-icon-apple-music {
    margin-right: 4px;
  }
}

@media only screen and (max-width: 734px) {
  .section-just-go .sticky-hardware-container .hardware-container {
    direction: ltr;
  }
}
