/*
 * UiO CSS: View container
 * 
 */

.vrtx-container-size-xxl { width: 800px; }
.vrtx-container-size-xl  { width: 700px; }
.vrtx-container-size-l   { width: 600px; }
.vrtx-container-size-m   { width: 500px; }
.vrtx-container-size-s   { width: 400px; }
.vrtx-container-size-xs  { width: 300px; }
.vrtx-container-size-xxs { width: 200px; }

figure,
.vrtx-container {
  border-style: none;
  overflow: hidden;
  font-size: 0.85em;
  line-height: 1.35em;
  border: 1px solid #d0d0d0;
}

figure {
  display: table !important;
  width: 0;
  margin: 10px 0;
  border: 0px solid #000;
}

figure img {
  margin: 0;
  padding: 0;
  display: block;
}

figure figcaption {
  display: table-caption;
  caption-side: bottom;
}

.image-center > img,
.image-center figure {
  margin-left: auto;
  margin-right: auto;
}

.image-center > img {
  display: block !important;
}

.vrtx-media-middle,
.vrtx-container-middle {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin: 10px 0px;
}

.left-img,
.image-left,
.vrtx-media-left,
.vrtx-media-player.vrtx-container-left,
.vrtx-container-left {
  margin: 0 10px 10px 0;
  float: left;
}

.vrtx-box-content img[align=left] {
  margin: 0 10px 10px 0;
}

.right-img,
.image-right,
.vrtx-media-right,
.vrtx-media-player.vrtx-container-right,
.vrtx-container-right {
  margin: 0 0 10px 10px;
  float: right;
}

.vrtx-box-content img[align=right] {
  margin: 0 0 10px 10px;
}

.vrtx-media-player.vrtx-conatiner-middle .vrtx-media-ref,
.vrtx-media-player.vrtx-container-left .vrtx-media-ref,
.vrtx-media-player.vrtx-container-right .vrtx-media-ref {
  margin: 0px !important;
}

.vrtx-container img {
  display: block;
  margin: -10px -10px 10px;
  padding: 0;
  border: none;
}

.vrtx-container-middle img {
  display: block;
  /* margin-right: auto; margin-left: auto; */
}

figure figcaption,
.vrtx-container p {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding: 10px;
  background-color: #e8e8e8;
}

figure figcaption {
  border: 1px solid #d0d0d0;
  border-width: 0 1px 1px 1px;
}

.vrtx-facts-container h1,
.vrtx-facts-container h2,
.vrtx-facts-container h3,
.vrtx-facts-container h4,
.vrtx-facts-container h5,
.vrtx-facts-container h6,
.vrtx-facts-container p, 
.vrtx-facts-container ul,
.vrtx-facts-container ol,
.vrtx-facts-container pre {
  margin-top: 5px;
  margin-bottom: 5px;
}

.vrtx-facts-container {
  width: 200px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #d0d0d0;
  font-size: 0.92em;
  background-color: #e8e8e8;
}

.vrtx-facts-container h3 {
  margin-top: 0;
  color: #2b2b2b;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
}

/* Need review */
/*
.vrtx-facts-container ul,
.vrtx-facts-container ol {
  padding-left: 0;
  margin-left: 15px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.vrtx-facts-container ul {
  padding-left: 10px;
}

.vrtx-facts-container li {
  background-image: none;
  list-style: disc;
  padding-left: 5px;
}
*/
/* ^ Need review */

.vrtx-img-container p {
  margin: 0;
  padding: 0;
}

/* ^ UiO CSS: View container */