.translated
{
   position: relative;
}

.translation
{
   color: #93c;
   line-height: 1.4em;
   margin: 0;
   overflow: hidden;
   position: relative;
   height: 0;
}

.translation.expanded
{
   height: 100%;
}

.translation.expanded ~ .translation.expanded
{
   margin-top: 1em;
}

.translation > h4
{
   color: #f92179;
   margin: 0;
   text-transform: uppercase;
}

   /* co-ordinate changes here with socmed.css #content > .socmed values */
.flags-wrapper
{
   clear: right;
   float: right;
   font-size: .75em;
   margin-top: .5em;
   margin-right: -7.5em;
   min-width: 4.5em;
   max-width: 4.5em;
}

@media screen and (min-width: 768px) and (orientation: portrait),
                  (min-height: 480px) and (orientation: landscape)
{
   .flag-sprites
   {
      background-image:  url("../pix/flags.png");
      background-repeat: no-repeat;
      background-size:   auto 10em;
      cursor: pointer;
      display: inline-block;
      min-width:  2em;
      min-height: 2em;
/*      border: 1px solid black;
      border-radius: 100%; */
   }

   .flag-sprites:nth-child(odd)
   {
      margin-right: .5em;
   }
}

@media screen and (min-width: 768px) and (max-width: 800px) and (orientation: portrait),
                  (min-height: 480px) and (min-width: 800px) and (orientation: landscape)
{
   .flags-wrapper
   {
      font-size: 1em;
      margin-right: -6em;
   }
}

@media screen and (max-width: 767px)
{
   .flags-wrapper
   {
      display: none !important;
   }
}

/* translations use TLD country codes */
/* positions based on 160x160px sprite image */
/* CAUTION: keep track of text direction */
.flag-sprites.pl  { background-position:  0    0; }
.flag-sprites.se  { background-position: -2em  0; }
.flag-sprites.eur { background-position: -4em  0; }
.flag-sprites.id  { background-position: -6em  0; }
.flag-sprites.sr  { background-position: -8em  0; }
.flag-sprites.es  { background-position:  0   -2em; }
.flag-sprites.de  { background-position: -2em -2em; }
.flag-sprites.us  { background-position: -4em -2em; }
.flag-sprites.rs  { background-position: -6em -2em; }
.flag-sprites.zh  { background-position: -8em -2em; }
.flag-sprites.fr  { background-position:  0   -4em; }
.flag-sprites.jp  { background-position: -2em -4em; }
.flag-sprites.ca  { background-position: -4em -4em; }
.flag-sprites.ma  { background-position: -6em -4em; }
.flag-sprites.su  { background-position: -8em -4em; }
.flag-sprites.nl  { background-position:  0   -6em; }
.flag-sprites.uk  { background-position: -2em -6em; }
.flag-sprites.ar  { background-position: -4em -6em; }
.flag-sprites.za  { background-position: -6em -6em; }
.flag-sprites.in  { background-position: -8em -6em; }
.flag-sprites.no  { background-position:  0   -8em; }
.flag-sprites.be  { background-position: -2em -8em; }
.flag-sprites.gh  { background-position: -4em -8em; }
.flag-sprites.fy  { background-position: -6em -8em; }
.flag-sprites.tr  { background-position: -8em -8em; }