/**
 * This file contains stuff that is shared between variants
 */
/**
 * This file contains stuff that can vary between variants
 */
/**
 * Calculate an em size based on a context
 */
/**
 * Conditionally output stuff.
 * The idea is to be able to target print, browsers, sizes etc.
 */
.ipe-form {
  background: #d1d2d4;
  padding: 0 20px;
  width: 100%;
}
.ipe-category-picker-top .ipe-form {
  overflow-y: scroll;
}
.ipe-form label {
  margin: 10px 5px 10px 0;
}
.ipe-form input {
  line-height: inherit;
  padding: 10px 10px;
  margin: 10px;
}
.ipe-form input[type="submit"] {
  margin: 10px 0;
}
.ipe-form .form-type-vertical-tabs {
  border: 1px solid #d1d2d4;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}
.ipe-form .form-item fieldset {
  margin-bottom: 10px;
}
.ipe-form .form-item .select-wrapper select {
  height: 40px;
  line-height: inherit;
  margin: 5px 0 10px;
}
.ipe-form .dropbutton-wrapper {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
}
.ipe-form .dropbutton-wrapper.open .dropbutton-action {
  margin-bottom: 15px;
}
.ipe-form .dropbutton-wrapper .dropbutton-toggle button {
  background: #d1d2d4;
  border-radius: 5px;
}
.ipe-form table.field-multiple-table tr.draggable {
  background: #e8e8e8;
}
.ipe-form table.field-multiple-table tr.draggable td {
  padding: 10px;
}
.ipe-form details[data-drupal-selector*="edit-field-header-"],
.ipe-form details[data-drupal-selector*="edit-settings-"] {
  background: white;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
}
.ipe-form details[data-drupal-selector*="edit-field-header-"] details,
.ipe-form details[data-drupal-selector*="edit-settings-"] details {
  border: 1px solid #d1d2d4;
}
.ipe-form details[data-drupal-selector*="edit-field-header-"] details .form-item,
.ipe-form details[data-drupal-selector*="edit-settings-"] details .form-item {
  margin: 10px 0;
}
.ipe-form details[data-drupal-selector*="edit-field-header-"] .form-item label,
.ipe-form details[data-drupal-selector*="edit-settings-"] .form-item label {
  margin: 10px 0 5px;
}
.ipe-form .vertical-tabs {
  margin: 10px 0;
}

.toc-filter h1, .toc-filter h2, .toc-filter h3, .toc-filter h4, .toc-filter h5, .toc-filter h6,
.toc h1,
.toc h2,
.toc h3,
.toc h4,
.toc h5,
.toc h6 {
  font-weight: bold;
}
.toc-filter > h1,
.toc > h1 {
  font-size: 48px;
  line-height: 44px;
  margin: 30px 0;
}
.toc-filter > h2,
.toc > h2 {
  font-size: 36px;
  line-height: 32px;
  margin: 15px 0;
}
.toc-filter > h3,
.toc > h3 {
  font-size: 24px;
  line-height: 22px;
  margin: 15px 0;
}
.toc-filter > h4,
.toc > h4 {
  margin: 5px 0;
}
.toc-filter > h5,
.toc > h5 {
  font-size: 15px;
  line-height: 18px;
  margin: 5px 0;
}
.toc-filter > p a, .toc-filter > ul a, .toc-filter > ol a,
.toc-filter > h1 a, .toc-filter > h2 a, .toc-filter > h3 a, .toc-filter > h4 a, .toc-filter > h5 a, .toc-filter > h6 a,
.toc > p a,
.toc > ul a,
.toc > ol a,
.toc > h1 a,
.toc > h2 a,
.toc > h3 a,
.toc > h4 a,
.toc > h5 a,
.toc > h6 a {
  color: #c82b17;
}
.toc-filter > p a:hover, .toc-filter > ul a:hover, .toc-filter > ol a:hover,
.toc-filter > h1 a:hover, .toc-filter > h2 a:hover, .toc-filter > h3 a:hover, .toc-filter > h4 a:hover, .toc-filter > h5 a:hover, .toc-filter > h6 a:hover,
.toc > p a:hover,
.toc > ul a:hover,
.toc > ol a:hover,
.toc > h1 a:hover,
.toc > h2 a:hover,
.toc > h3 a:hover,
.toc > h4 a:hover,
.toc > h5 a:hover,
.toc > h6 a:hover {
  text-decoration: underline;
}
.toc-filter ol,
.toc-filter ul,
.toc ol,
.toc ul {
  margin: 20px 0;
}
.toc-filter ol li,
.toc-filter ul li,
.toc ol li,
.toc ul li {
  margin: 10px 0;
}
.toc-filter ol ol,
.toc-filter ol ul,
.toc-filter ul ol,
.toc-filter ul ul,
.toc ol ol,
.toc ol ul,
.toc ul ol,
.toc ul ul {
  margin: 0;
  padding-left: 20px;
}
.toc-filter p,
.toc p {
  margin: 10px 0;
}

.ui-autocomplete {
  position: absolute;
  z-index: 1000;
  cursor: default;
  padding: 0;
  margin: 5px 0;
  list-style: none;
  color: black;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  background: #f5f5f5;
  background-image: none;
}
.ui-autocomplete li {
  padding: 3px 20px;
}
.ui-autocomplete li a {
  font-size: 18px;
  line-height: 23px;
  font-family: inherit;
  color: black;
  background: none;
}
.ui-autocomplete li:hover, .ui-autocomplete li:hover a {
  background: #4399fe;
  color: white;
  border: none;
}

.simple-search-box__content .form-autocomplete, .search-box__form .form-autocomplete {
  background-image: none !important;
}

.block-basic {
  overflow: hidden;
}
.block-basic h2 {
  font-size: 24px;
  line-height: 22px;
  margin: 15px 0;
}
.block-basic p {
  font-size: 15px;
  line-height: 18px;
  margin: 1em 0;
}
.block-basic .text__table {
  font-size: 15px;
  line-height: 18px;
  margin: 0 auto;
}
.block-basic .text__table table {
  background-color: white;
  border-spacing: 30px;
  width: 100%;
  margin: 20px 0;
  clear: both;
}
.block-basic .text__table table th {
  text-align: left;
}
.block-basic .text__table table th:last-child, .block-basic .text__table table td:last-child {
  text-align: right;
}
.block-basic .text__table blockquote {
  font-size: 15px;
  line-height: 18px;
  font-family: "Helvetica", "Arial", sans-serif;
  border-left: 3px solid #ababab;
  padding-left: 37px;
}

@media (min-width: 700px) {
  .block-basic .text__table {
    font-size: 18px;
    line-height: 23px;
  }
  .block-basic p {
    font-size: 18px;
    line-height: 23px;
  }
}
/* (!) Note: Commented cause it crops the image. */
/*.basic-page .text img {*/
/*  margin-top: 20px;*/
/*}*/
.basic-page .text__more__image img {
  margin-top: 0;
}
.basic-page .text .list__item img {
  margin-top: 0;
}

.embedded-entity .paragraph--type--dfi_movies {
  margin-top: 30px;
}

.layout__small__segment {
  padding: 0;
}
.layout__small__segment.layout__top__segment,
.layout__small__segment .dfi-mailchimp-subscribtion-form {
  padding-top: 25px;
}
.layout__small__segment .layout__segment {
  padding: 25px 0;
}
.layout__small__segment .statistics {
  margin-bottom: 25px;
}
.layout__small__segment .statistics .layout__unit {
  margin-bottom: 25px;
}
.layout__small__segment .colored {
  margin: 25px 0;
}
.layout__small__segment .colored .layout__segment {
  padding: 25px 0;
}
.layout__small__segment .layout__segment:not(.colored) + .layout__segment:not(.colored) {
  margin-top: 0;
}
.layout__small__segment .heading:empty {
  display: none;
}

.layout__small__segment .slider.layout__unit,
.block-region-middle .slider.layout__unit,
.block-region-top .slider.layout__unit,
.block-region-top-container .slider.layout__unit,
.block-region-top-segmented-medium .slider.layout__unit,
.block-region-middle-segmented .slider.layout__unit,
.block-region-middle-segmented-medium .slider.layout__unit,
.block-region-middle-container .slider.layout__unit,
.block-region-bottom-container .slider.layout__unit,
.block-region-bottom-segmented-medium .slider.layout__unit {
  margin-bottom: 0;
}

.segmented--buttons .calendar-tag {
  margin: 5px;
}

.theme--standard .block-basic p > a, .theme--standard
.block-basic a {
  color: #c82b17;
}
.theme--standard .block-basic p > a:hover, .theme--standard
.block-basic a:hover {
  text-decoration: underline;
}
.theme--cinema .block-basic p > a, .theme--cinema
.block-basic a {
  color: #c82b17;
}
.theme--cinema .block-basic p > a:hover, .theme--cinema
.block-basic a:hover {
  text-decoration: underline;
}
.theme--knowledge .block-basic p > a, .theme--knowledge
.block-basic a {
  color: #d96619;
}
.theme--knowledge .block-basic p > a:hover, .theme--knowledge
.block-basic a:hover {
  text-decoration: underline;
}
.theme--industry .block-basic p > a, .theme--industry
.block-basic a {
  color: #a60065;
}
.theme--industry .block-basic p > a:hover, .theme--industry
.block-basic a:hover {
  text-decoration: underline;
}
.theme--education .block-basic p > a, .theme--education
.block-basic a {
  color: #eba117;
}
.theme--education .block-basic p > a:hover, .theme--education
.block-basic a:hover {
  text-decoration: underline;
}
.theme--media .block-basic p > a, .theme--media
.block-basic a {
  color: #eba117;
}
.theme--media .block-basic p > a:hover, .theme--media
.block-basic a:hover {
  text-decoration: underline;
}
.theme--kosmorama .block-basic p > a, .theme--kosmorama
.block-basic a {
  color: #eba117;
}
.theme--kosmorama .block-basic p > a:hover, .theme--kosmorama
.block-basic a:hover {
  text-decoration: underline;
}
.theme--dreyer .block-basic p > a, .theme--dreyer
.block-basic a {
  color: #b39863;
}
.theme--dreyer .block-basic p > a:hover, .theme--dreyer
.block-basic a:hover {
  text-decoration: underline;
}