/* override on top of public.css to adjust layouts for rtl translations */

/* ---------- =basic ---------- */

html {
  direction: rtl;
  unicode-bidi: embed;
}

bdo[dir="ltr"] {
  direction: ltr;
  unicode-bidi: override;
}
bdo[dir="rtl"] {
  direction: rtl;
  unicode-bidi: override;
}


/* ---------- =typography, =formatted ---------- */

.item-title .membersOnly {
  margin-left: 0;
  margin-right: 3px;
}

.formatted ol, .formatted ul {
  margin-left: 0;
  margin-right: 2em;
}


/* ---------- =grids, =bootstrap ---------- */

.grid {
  margin-right: 0;
  margin-left: -20px;
}

.grid-item {
  padding: 0 0 20px 20px;
}

/* override usual bootstrap grid behavior to make rtl layouts */
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
  float: right;
}

@media (min-width: 768px) {
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
    float: right;
  }
}

@media (min-width: 992px) {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
    float: right;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
    float: right;
  }
}


/* ---------- =components ---------- */

.button {
  margin: 0 20px 0 0;
}
.button .disclose {
  margin-left: 0;
  margin-right: 10px;
}

.disclose:before {
  content: "\003c";
}
.csstransforms .disclose:before {
  -webkit-transform: translate(-30%, -50%) rotate(225deg);
  -moz-transform: translate(-30%, -50%) rotate(225deg);
  -ms-transform: translate(-30%, -50%) rotate(225deg);
  -o-transform: translate(-30%, -50%) rotate(225deg);
  transform: translate(-30%, -50%) rotate(225deg);
}

.tag {
  margin: 0 0 10px 10px;
}

.csstransforms .select-container:before {
  right: auto;
  left: 30px;
}
.csstransforms .select-container:after {
  right: auto;
  left: 12.5px;
}

.fade-image .description {
  left: auto;
  right: 10px;
}

.select-container select {
  margin: 0 20px 0 0;
}

.generic-slideshow .pane.prev {
  left: 100%;
}
.generic-slideshow .pane.next {
  left: -100%;
}
.generic-slideshow .tabs-nav {
  left: auto;
  right: 0;
}
.generic-slideshow .tabs-prev {
  border-width: 2px 2px 0 0;
  right: 10px;
  left: auto;
}
.generic-slideshow .tabs-next {
  border-width: 0 0 2px 2px;
  left: 10px;
  right: auto;
}

.item-slider-wrapper {
  transition: right 0.3s ease;
}
.item-slider-prev, .item-slider-next {
  transform: scale(0.6, 1) rotate(225deg);
}


@media all and (min-width: 470px) {
  .generic-slideshow .info {
    padding: 20px 40px 20px 20%;
  }
}


/* ---------- =header, =nav ---------- */

.rd-page-header:before, .page-footer:before {
  /* rtl layout breaks page view inside igx iframe if elements breach page bounds */
  display: none;
}

.page-logo {
  float: right;
}

.page-offsite {
  right: auto;
  left: 0;
  border-radius: 0 3px 3px 0;
}

.page-social {
  right: auto;
  left: 20px;
}
.page-social li + li {
  margin-left: 0;
  margin-right: 10px;
}

.header-login {
  right: auto;
  left: 140px;
}

.mobile-menu-toggle {
  float: left;
  clear: right;
  margin-right: 0;
  margin-left: -20px;
}

.page-search {
  clear: right;
}
.page-search-submit {
  right: auto;
  left: 50px;
}


@media all and (max-width: 719px) {
  .page-nav {
    right: auto;
    left: -260px;
    -webkit-box-shadow: inset -5px 0 10px -5px black, inset -1px 1px 0 black;
    -moz-box-shadow: inset -5px 0 10px -5px black, inset -1px 1px 0 black;
    box-shadow: inset -5px 0 10px -5px black, inset -1px 1px 0 black;
  }
  .no-csstransforms .page-nav.active {
    left: 0;
  }
  .csstransforms .page-nav.active {
    -webkit-transform: translateX(260px);
    transform: translateX(260px);
  }
  .page-nav.active + .mobile-nav-slide {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .page-nav > ul ul {
    right: auto;
    left: -260px;
    -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.3);
  }
  .no-csstransforms .page-nav > ul ul.active {
    left: 0;
  }
  .csstransforms .page-nav > ul ul.active {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .csstransforms .page-nav .back a:before {
    left: auto;
    right: 10px;
    border-width: 2px 2px 0 0;
  }
  .csstransforms .page-nav .drilldown:before {
    right: auto;
    left: 10px;
    border-width: 0 0 2px 2px;
  }

  .page-search {
    padding-left: 100px;
    padding-right: 0;
  }
}


@media all and (min-width: 720px) {
  .page-offsite {
    right: auto;
    left: 30px;
  }
  .page-offsite .disclose {
    margin-left: 0;
    margin-right: 10px;
  }
  .page-social {
    right: auto;
    left: 270px;
  }
  .header-login {
    right: auto;
    left: 260px;
  }
  .page-search {
    float: left;
    clear: left;
    padding-right: 0;
    padding-left: 60px;
  }
  .page-search-submit {
    right: auto;
    left: 0;
  }

  .page-nav > ul > li {
    float: right;
  }
  .page-nav .dropdown {
    left: auto;
    right: -10%;
  }
  .page-nav .dropdown:before {
    left: auto;
    right: 33.3%;
  }
  .page-nav > ul > li + li .dropdown {
    right: -110%;
  }
  .page-nav > ul > li + li + li .dropdown {
    right: -210%;
  }
  .page-nav > ul > li + li + li + li .dropdown {
    right: -310%;
  }
  .page-nav > ul > li + li + li + li + li .dropdown {
    right: -410%;
  }
  .page-nav > ul > li + li + li + li + li + li .dropdown {
    right: -510%;
  }
  .page-nav > ul > li + li + li + li + li + li + li .dropdown {
    right: -610%;
  }

  /* individual 'megamenu' styles */
  .page-nav .dropdown-market-access > .sub-1 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-market-access > .sub-3, .page-nav .dropdown-market-access > .sub-4 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-trade-policy > .sub-1, .page-nav .dropdown-trade-policy > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-trade-policy > .sub-4 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-research-data > .sub-1 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-research-data > .sub-4, .page-nav .dropdown-research-data > .sub-5 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-global-marketing > .sub-1 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-global-marketing > .sub-4 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-member-services > .sub-1, .page-nav .dropdown-member-services > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-member-services > .sub-6, .page-nav .dropdown-member-services > .sub-7 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-about-supplier > .sub-1, .page-nav .dropdown-about-supplier > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-about-supplier > .sub-5, .page-nav .dropdown-about-supplier > .sub-6 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-blog-newsroom > .sub-1, .page-nav .dropdown-blog-newsroom > .sub-2 {
      float: right;
      /*clear: right;*/
  }
  .page-nav .dropdown-blog-newsroom > .sub-4 {
      clear: right;
  }

  .page-nav .dropdown-discover-dairy > .sub-1, .page-nav .dropdown-discover-dairy > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-discover-dairy > .sub-4, .page-nav .dropdown-discover-dairy > .sub-5 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-using-dairy > .sub-1, .page-nav .dropdown-using-dairy > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-using-dairy > .sub-5, .page-nav .dropdown-using-dairy > .sub-6, .page-nav .dropdown-using-dairy > .sub-7 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-nutrition-trends > .sub-1, .page-nav .dropdown-nutrition-trends > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-nutrition-trends > .sub-4, .page-nav .dropdown-nutrition-trends > .sub-5 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-about > .sub-1, .page-nav .dropdown-about > .sub-2 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-about > .sub-5 {
    right: auto;
    left: 0;
  }

  .page-nav .dropdown-news > .sub-1 {
    float: right;
    clear: right;
  }
  .page-nav .dropdown-news > .sub-3 {
    right: auto;
    left: 0;
  }
}


/* ---------- =home ---------- */

.home-actions {
  float: none !important;
}


@media all and (max-width: 600px) {
  .home-feature .pane.prev, .home-feature .pane.next {
    /* rtl layout breaks page view inside igx iframe if elements breach page bounds */
    left: 0;
  }
}


@media all and (min-width: 601px) {
  .home-feature h2 {
    left: auto;
    right: 50%;
    text-align: right;
    border-left: none;
    border-right: 2px solid #fff;
  }
  .home-feature .icon {
    right: auto;
    left: 50%;
    margin-right: 0;
    margin-left: 10px;
  }
  .home-feature .description {
    text-align: right;
    left: auto;
    right: 0;
    padding-left: 20px;
    padding-right: 180px;
  }
  .home-feature .description:before {
    left: auto;
    right: 160px;
  }
  .home-feature .pane:hover .icon {
    right: auto;
    left: 100%;
  }
  .home-feature .pane:hover h2 {
    left: auto;
    right: -2px;
    padding-right: 20px;
  }
}


@media all and (min-width: 720px) {
  .home-actions .find-suppliers {
    float: right;
    box-shadow: -1px 0 0 white, inset 1px 0 0 white;
  }
  .home-actions .members {
    margin-left: 0;
    margin-right: 67.1%;
    box-shadow: 1px 0 0 white, inset -1px 0 0 white;
    overflow: hidden !important;
  }
  .home-actions.supplier .members {
    margin-left: 0;
    margin-right: 50%;
  }
  .home-new {
    padding-left: 0;
    padding-right: 20px;
    float: left;
  }
  .home-features {
    padding-right: 0;
    padding-left: 20px;
    float: right;
  }
  .home-main-feature .image-container {
    max-width: 48%;
    margin-right: 0;
    margin-left: 20px;
    float: right;
  }
}


@media all and (min-width: 768px) {
  .home-main-top-container {
    float: right;
  }
  .home-main-top {
    padding-left: 0 !important;
  }
  .home-aside-top-container {
    float: left;
  }
  .home-aside {
    clear: left;
    padding-right: 10px !important;
  }
}


@media all and (min-width: 768px) {
  .home-actions.standalone.floated-right {
    float: right !important;
  }
  .home-actions.standalone.floated-left {
    float: left !important;
  }
}


/* ---------- =interior ---------- */

.page-subsection + .page-back-link {
  text-align: left;
}


@media all and (min-width: 720px) {
  .layout-right .col-secondary-top, .layout-right .col-secondary-bottom {
    float: right;
    clear: right;
    padding-right: 0;
    padding-left: 20px;
  }
  .layout-right .col-main {
    float: left;
    padding-left: 0;
    padding-right: 20px;
  }
  .layout-left .col-secondary-top, .layout-left .col-secondary-bottom {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 20px;
  }
  .layout-left .col-main {
    float: right;
    padding-right: 0;
    padding-left: 20px;
  }

  .page-subnav .current a {
    padding-left: 0;
    padding-right: 10px;
  }
  .page-subnav .current ul a {
    padding-left: 0;
    padding-right: 30px;
  }
  .page-subnav .current ul ul a {
    padding-left: 0;
    padding-right: 50px;
  }
  .page-subnav .current ul ul ul a {
    padding-left: 0;
    padding-right: 70px;
  }
}


/* ---------- =footer ---------- */

@media all and (min-width: 720px) {
  .page-footer {
    text-align: right;
  }
  .footer-utility a + a {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid white;
    border-right-color: rgba(255, 255, 255, 0.4);
  }
  .footer-copyright {
    float: right;
  }
  .footer-management {
    text-align: left;
  }
}


@media all and (min-width: 960px) {
  .footer-utility {
    margin-left: 0;
    margin-right: 244px;
    text-align: left;
    font-size: 11px;
  }

  .footer-copyright {
    margin-left: 0;
    margin-right: 90px;
  }

  .footer-logo {
    float: right;
  }
}


/* ---------- =unique ---------- */

@media all and (min-width: 720px) {
  .faq-actions {
    float: left;
  }
}