/**
 * @file
 * Subtheme specific CSS.
 */
@font-face {
  font-family: "DINOT";
  src: url('../font/30C182_0_0.eot');
  src: url('../font/30C182_0_0.eot') format('eot'),
    url('../font/30C182_0_0.woff') format('woff'),
    url('../font/30C182_0_0.woff2') format('woff2'),
    url('../font/30C182_0_0.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "DINOT";
  src: url('../font/30C182_1_0.eot');
  src: url('../font/30C182_1_0.eot') format('eot'),
    url('../font/30C182_1_0.woff') format('woff'),
    url('../font/30C182_1_0.woff2') format('woff2'),
    url('../font/30C182_1_0.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3 {
  text-transform: uppercase;
}

h1 {
  font-size: 2.0em;
  font-weight: 300;
}

h2 {
  font-size: 1.5em;
}

.node--type-news article h2 {
  font-size: 1em;
  text-transform: initial;
  margin-bottom: .1rem;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

body {
  font-family: "DINOT";
  font-weight: 300;
}

div[id],
section[id],
a[id] {
  scroll-margin-top: 80px;
  scroll-snap-margin-top: 80px;
}

.skip-link {
  padding: 8px !important;
  color: #FFF !important;
  position: relative !important;
  top: 78px !important;
  background: rgba(0,0,0,.8) !important;
  font-size: 1.17em !important;
  text-decoration: none !important;
}

.skip-link:focus,
.skip-link:hover {
  text-decoration: underline !important;
}

.page-view-differ-people .alert-wrapper .alert {
  display: none !important;
}

.user-logged-in .alert-wrapper .alert {
  display: inherit;
}

.alert-wrapper .alert-dismissible .btn-close {
  opacity: 0.9;
}

.alert-wrapper .alert-dismissible .btn-close:focus {
  box-shadow: 0 0 0 .17rem #005fcc;
}

.user-logged-in .node-preview-container {
  z-index: 9999;
}

.user-logged-in .node--unpublished:before {
  display: block;
  content: "NOTE: this content is not published.";
  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffe69c;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
}

.main-content .form-control,
.main-content .form-check-input {
  border: 1px solid #6c757d;
}

.main-content .form-control:focus,
.main-content .form-check-input:focus {
  border: 1px solid #005fcc;
  box-shadow: 0 0 0 .17rem #005fcc;
}

.form-submit,
.button--primary,
.btn-primary {
  --bs-btn-focus-shadow-rgb: 244,121,32;
  text-transform: uppercase;
  /* background-color: #f47920; */
  background-color: #C75300;
  border: 1px solid #f47920;
  min-width: 160px;
  padding-top: 6px;
  border-radius: unset;
}

.form-submit:hover,
.button--primary:hover,
.btn-primary:hover {
  text-transform: uppercase;
  background-color: #eb0000;
  border-color: #eb0000;
}

.form-submit:focus,
.button--primary:focus,
.btn-primary:focus {
  background-color: #eb0000;
  border-color: #eb0000;
  box-shadow: 0 0 0 .17rem #005fcc;
}

.form-submit:active,
.button--primary:active,
.btn-primary:active {
  background-color: rgba(199,83,0,1);
  box-shadow: 0 0 0 .17rem #005fcc;
}

.form-submit,
.button--primary {
  color: #FFF;
}

.form-submit:hover,
.button--primary:hover {
  color: #FFF;
}

.btn-sm {
  border-radius: unset;
}

.alert-light {
  color: #495057;
  background-color: #fcfcfd;
  border-color: #e9ecef;
}

.view-differ-search .form-actions,
.view-differ-people .form-actions,
.form-actions:has(#edit-submit-differ-search),
.form-actions:has(#edit-submit-differ-people) {
  align-self: center;
  margin-left: 32px; 
}

/**
 * CKEditor custom styles 
 */
span.left {
  float: left;
}

span.right {
  float: right;
}

span.italic {
  font-style: italic;
}

span.bold {
  font-weight: 400;
}

span.question {
  font-style: italic;
  font-weight: 400;
}

/**
 * Navbar
 */
#navbar-main {
  background-color: rgba(0,0,0,.96);
  padding: 8px 32px;
  height: 70px;
}

.navbar-brand img {
  min-width: 200px;
}

#navbar-top .nav-link {
  color: #ffffff;
}

.navbar-form {
  position: absolute;
  right: 12px;
}

.navbar-form #block-differsearch {
  color: rgba(255,255,255,1);
  background-color: rgba(199,83,0,1);
  min-height: 70px;
  min-width: 70px;
  display: none;
  position: absolute;
  right: -12px;
  top: 1px;
}

.navbar-form #block-differsearch:hover,
.navbar-form #block-differsearch:focus {
  background-color: rgba(235,0,0,1);
}

.navbar-form #block-differsearch a {
  color: rgba(255,255,255,0.9);
}

.navbar-form #block-differsearch a:hover,
.navbar-form #block-differsearch a:focus {
  color: rgba(255,255,255,1);
  cursor: pointer;
}

.navbar-form #block-differsearch i {
  font-size: 2em;
  padding: 20px 8px;
}

#block-differmainnavigation-main {
  width: calc(100% - 64px);
  float: right;
  margin-left: 32px;
  display: none; 
}

#block-differmainnavigation-main .dropdown-toggle::after {
  border: unset;
  vertical-align: unset;
}

#block-differmainnavigation-main .nav-link {
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  margin: 0px 12px;
}

#block-differmainnavigation-main .nav-research-menu .dropdown-menu {
  width: 68%;
  position: fixed;
  left: 16%;
  overflow-x: auto;
}

#block-differmainnavigation-main .dropdown-menu {
  background-color: rgba(0,0,0,0.96);
  padding: 0px 16px;
  border-radius: unset;
}

#block-differmainnavigation-main .nav-research--level-1:first-child {
  margin-right: 48px;
}

#block-differmainnavigation-main .nav-research--level-1 > a {
  text-transform: uppercase;
  font-weight: 400;
  font-size: large;
}

#block-differmainnavigation-main .dropdown-item a[title]::after {
  content: "";
}

#block-differmainnavigation-main .dropdown-menu--level-2 {
  background-color: unset;
}

#block-differmainnavigation-main .dropdown-item a{
  color: #ffffff;
  font-weight: 400;
  text-decoration: unset;
}

#block-differmainnavigation-main .dropdown-item a:hover{
  color: #ffffff;
}

#block-differmainnavigation-main li.dropdown-item {
  padding: 12px 0px 6px 0px;
}

#block-differmainnavigation-main li.nav-research--level-2 {
  border-bottom: 1px solid rgba(255,255,255,.4);
}

#block-differmainnavigation-main li.nav-research--level-2:last-child {
  border-bottom: unset;
}

#block-differmainnavigation-main .research-menu--level-2 li.dropdown-item:first-child {
  padding-top: 0px;
}

#block-differmainnavigation-main .dropdown-item:hover {
  background-color: unset;
}

#block-differmainnavigation-main .nav-item .nav-link--find {
  display: none;
}

#block-differmainnavigation-main .nav-item .active,
#block-differmainnavigation-mobile .nav-item .active,
#block-differmainnavigation-main .nav-link:hover,
#block-differmainnavigation-mobile .nav-link:hover,
#block-differmainnavigation-main .nav-link:active,
#block-differmainnavigation-mobile .nav-link:active,
#block-differmainnavigation-main .dropdown-item a.active,
#block-differmainnavigation-mobile .dropdown-item a.active,
#block-differmainnavigation-main .dropdown-item a.is-active,
#block-differmainnavigation-mobile .dropdown-item a.is-active,
#block-differmainnavigation-main .dropdown-item a:active,
#block-differmainnavigation-main .dropdown-item a:hover,
#block-differmainnavigation-mobile .dropdown-item a:hover,
#block-differmainnavigation-main .dropdown-item a:focus,
#block-differmainnavigation-mobile .dropdown-item a:focus,
#block-differmainnavigation-main .dropdown-item.active,
#block-differmainnavigation-mobile .dropdown-item.active,
#block-differmainnavigation-main .dropdown-item:active,
#block-differmainnavigation-mobile .dropdown-item:active {
  color: rgba(199,83,0,1);
  background-color: unset;
}

.navbar-toggler {
  background-color: rgba(199,83,0,1);
  border-radius: 0px;
  height: 70px;
  width: 70px;
  position: absolute;
  right: 0px;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  background-color: rgba(235,0,0,1);
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
}

.navbar-toggler-icon:hover,
.navbar-toggler-icon:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:has(.navbar-toggler-icon:focus) {
  background-color: rgba(235,0,0,1);
}

#CollapsingNavbar {
  background-color: rgba(0, 0, 0, 0.6);
}

#CollapsingNavbar .btn-close {
  color: rgba(255, 255, 255, 1);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='6' stroke-linecap='round' stroke-miterlimit='10' d='M4 4 L56 56 M4 56 L56 4'/%3E%3C/svg%3E");
  padding: 8px;
}

#CollapsingNavbar .btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 121, 32, .5);
}

#CollapsingNavbar .btn-close:hover {
  opacity: 1;
}

.offcanvas-header {
  min-height: 70px;
}

#block-differmainnavigation-mobile {
  display: none; 
}

#block-differmainnavigation-mobile .nav-link {
  color: #ffffff;
  font-weight: 400;
  font-size: 1.5em;
  text-transform: uppercase;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  margin: 0px 8px;
}

#block-differmainnavigation-mobile .nav-link--find .fa-search {
  margin-right: 8px;
}

#block-differmainnavigation-mobile .dropdown-item:hover {
  background-color: unset;
}

#block-differmainnavigation-mobile .dropdown-menu {
  background-color: transparent;
  padding: 0px 8px;
  border-radius: unset;
}

#block-differmainnavigation-mobile .dropdown-item > a,
#block-differmainnavigation-mobile .nav-research--level-1 > a {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.17em;
}

/**
 * Node headers
 */
.region-page-info .page-parent {
  color: #000000;
  display: block;
  position: relative;
  top: 32px;
  background-color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  width: 160px;
  text-align: center;
  padding: 4px 0px 2px 0px;
  margin-bottom: 1em;
}

.region-page-info .page-alttitle {
  color: #ffffff;
  font-size: 4em;
  text-transform: uppercase;
  line-height: 1.2;
  margin-top: 64px;
}

.region-header-block {
  background-image: url('../images/banner_differ_3.jpg');
  background-position: 50% 87%;
  background-repeat: no-repeat;
  height: 330px;
  padding-top: 70px;
}

.path-publications .region-header-block {
  background-image: url('../images/bg_header_library.jpg');
  background-position: 50% 16%;
  background-repeat: no-repeat;
}

.path-research-plasma-material-interactions .region-header-block {
  background-image: url('../images/bg_header_pmi.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.path-facilities .region-header-block {
  background-image: url('../images/bg_header_facilities.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.path-facilities-magnum-psi .region-header-block {
  background-image: url('../images/bg_header_magnumpsi.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.path-facilities-ion-beam-facility .region-header-block {
  background-image: url('../images/bg_header_ibf_credit_bartvanoverbeeke.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.path-facilities-pld4energy .region-header-block {
  background-image: url('../images/bg_header_pld_credit_bartvanoverbeeke.jpg');
  background-position: 50% 25%;
  background-repeat: no-repeat;
}

.path-facilities-upgraded-pilot-psi .region-header-block {
  background-image: url('../images/bg_header_upp.jpg');
  background-position: 50% 10%;
  background-repeat: no-repeat;
}

.node--type-vacancy .region-header-block,
.path-working-at .region-header-block,
.page-node-22 .region-header-block,
.path-vacancies-portal .region-header-block,
.path-vacancies .region-header-block {
  background-image: url('../images/bg_workat.jpg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
}

/**
 * Node submenu
 */

.region-page-submenu {
  background-color: rgba(0,0,0,0.1);
  height: 44px;
}

.region-page-submenu .navbar-nav {
  flex-direction: row;
}

.region-page-submenu .nav-item {
  margin-right: 32px;
  margin-top: 8px;
  font-weight: 400;
  font-size: 18px;
}

.region-page-submenu .menu-item--collapsed {
  margin-right: 32px;
  margin-top: 8px;
  font-weight: 400;
  font-size: 18px;
}

.region-page-submenu #block-differresearchnavigation .menu-item--collapsed,
.region-page-submenu #block-differfacilitiesnavigation .menu-item--collapsed {
  display: none;
}

.region-page-submenu #block-differresearchnavigation .dropdown-menu .menu-item--collapsed,
.region-page-submenu #block-differfacilitiesnavigation .dropdown-menu .menu-item--collapsed {
  display: block;
}

.region-page-submenu:has(#block-differmainnavigation) {
  overflow-x: auto;
}

.path-facilities .region-page-submenu:has(#block-differmainnavigation) {
  overflow-x: initial;
}

.region-page-submenu .nav-link {
  color: #646464;
  text-transform: uppercase;
  padding: 0px 2px;
}

.region-page-submenu .nav-link:hover,
.region-page-submenu .nav-link:focus {
  color: #000000;
  text-decoration: underline;
}

.region-page-submenu .is-active {
  color: #000000;
  border-bottom: 1px solid #000000;
}

.region-page-submenu .dropdown-menu {
  background-color: #ffffff;
  border: unset;
  border-radius: unset;
}

.region-page-submenu .dropdown-item {
  background-color: #E5E5E5;
  text-transform: none;
  border-top: 4px solid #FFF;
  padding: 4px 10px;
  font-size: 1em;
  font-weight: 300;
  margin: 0px;
}

.region-page-submenu .dropdown-item:hover {
  background-color: #F2F2F2;
}

.region-page-submenu .dropdown-item a {
  text-decoration: unset;
  color: #000000;
}

.region-page-submenu .dropdown-item a.is-active {
  border-bottom: none;
}

/**
 * Main content
 */
 
#main .main-content .section-main {
  margin-top: 32px;
}

#main .main-content .section-main img {
  padding: 6px 12px;
  max-width: 100%;
  height: auto;
}

#main .main-content .section-main figcaption {
  font-style: italic;
  padding: 2px 12px;
}

#main .main-content .section-main .align-center {
  display: flex;
  justify-content: center;
}

#main .main-content .section-main .field__label {
  font-weight: 400;
}

#main .main-content .section-main .field--name-field-introduction {
  font-weight: 400;
}

#main .main-content .view-display-id-differ_amd_people .view-footer h2 {
  display: none;
}

#main a {
  color: #eb0000;
  text-decoration: underline;
}

#main a:where(:not(#read-more-*)) {
  text-decoration-color: #eb000066;
  text-decoration-thickness: 1px;
}

#main a[id] {
  color: #000;
}

#main a.btn-primary {
  color: #FFFFFF;
  text-decoration: none;
}

#main a.btn-primary:hover {
  text-decoration: none;
}

#main a:focus,
#main a:hover {
  text-decoration: none;
}

#main a:where(:not(#read-more-*)):hover,
#main a:where(:not(#read-more-*)):focus {
  text-decoration: underline;
  text-decoration-color: #eb0000;
}

#main a.research-topic {
  font-weight: 400;
  text-transform: uppercase;
}

/** 
 * CKEditor styles!
 */
#main img.left {
  float: left;
}

#main img.right {
  float: right;
}

/**
 * Tables
 */

table {
  background-color: #ffffff;
  font-size: 1em;
}

table tr {
  background-color: unset;
}

table tr th {
  color: #000;
  background-color: unset;
}

table thead > tr {
  border-bottom: 2px solid rgba(199,83,0,.2); 
}

/**
 * Pagers
 */
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-body-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 0px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: rgba(199,83,0,.05);
  --bs-pagination-hover-border-color: rgba(244,121,32,.1);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: rgba(199,83,0,.1);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(244,121,32,.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: rgba(199,83,0,1);
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  justify-content: center;
  padding-left: 0;
  list-style: none;
}

.page-item.active .page-link {
  background-color: rgba(199,83,0,1);
  border-color: rgba(244,121,32,1);
}

/**
 * Home page sections
 */

.path-frontpage #main .row {
  max-width: 100%;
  margin: 0px;
}

.path-frontpage .main-content {
  padding: 0px;
  margin-top: 0px;
}

.path-frontpage .section .field--name-body > p {
  font-size: large;
}

.path-frontpage .section .btn-primary {
  float: right;
}

.path-frontpage .differ-front-block-label {
  color: #ffffff;
  display: block;
  background-color: rgba(22,131,131,1);
  text-transform: uppercase;
  font-weight: 400;
  width: 140px;
  text-align: center;
  padding: 4px 0px 2px 0px;
  margin-bottom: 1em;
}

.path-frontpage .differ-front-block-title {
  font-size: 2.88em;
  text-transform: uppercase;
  font-weight: 200;
}

.path-frontpage .section-about {
  color: #ffffff;
  background-color: rgba(22, 131, 131, 1);
  background-image: url('../images/bg_about_3.jpg');
  background-repeat: no-repeat;
  background-position: 50% 92%;
  background-size: cover;
  background-attachment: scroll;
  padding: 32px 64px;
  padding-top: 180px;
  line-height: 4.0em;
}

.path-frontpage .section-about h1[class="differ-front-block-title"] {
  font-size: 72px;
}

.path-frontpage .section-about .btn-primary {
  float: unset;
}

.path-frontpage .section-about .container {
  max-width: 100%;
  margin-left: 0; 
  margin-right: 0; 
  padding-left: 0px; 
  padding-right: 0px;
  padding-bottom: 24px;
}

.path-frontpage .section-about .differ-corporate-video {
  /*box-shadow: 0px 0px 12px rgba(0, 0, 0, .67);*/
  box-shadow: rgba(0, 0, 0, 0.67) 0px 4px 16px 0px;
  border: 1px solid rgba(0, 0, 0, .33);
  top: -24px;
}

.path-frontpage .section-info-banner {
  color: #ffffff;
  background-color: #C75300;
  background-image: url('../images/bg_orange.jpg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-attachment: fixed;
  padding: 16px 64px;
  /*height: 102px;*/
}

.path-frontpage .section-info-banner h2[class="differ-front-block-title"] {
  font-size: 1.76em;
}

.path-frontpage .section-banner {
  color: #ffffff;
  background-color: #032e32;
  background-image: url('../images/bg_petrol.jpg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-attachment: fixed;
  padding: 16px 64px;
  height: 142px;
}

.path-frontpage .section-banner h2[class="differ-front-block-title"] {
  font-size: 1.76em;
}

.path-frontpage .section-banner .differ-front-scroll:after {
  content: url('../images/arrow_petrol_light.png');
  position: relative;
  left: calc(50% - 24px);
  top: -12px;
}

.path-frontpage .section-banner .differ-front-read-more {
  display: block;
  position: relative;
  top: 56px;
}

.path-frontpage .section-news .event-brick .event-link,
.path-frontpage .section-news .news-brick,
.path-frontpage .section-news .event-brick {
  display: flex;
  flex-direction: column;
}

.path-frontpage .section-news .news-brick .views-field-field-news-image,
.path-frontpage .section-news .event-brick .views-field-field-news-image {
  order: 1;
}

.path-frontpage .section-news .news-brick .views-field-title-1 {
  order: 2;
  z-index: 9;
}

.path-frontpage .section-news .event-brick .views-field-field-event-type {
  order: 2;
  z-index: 9;
}

.path-frontpage .section-news .event-brick .views-field-title {
  order: 3;
}

.path-frontpage .section-news .news-brick .views-field-created {
  order: 3;
}

.path-frontpage .section-news .event-brick .views-field-field-event-date-1 {
  order: 4;
}

.path-frontpage .section-news .news-brick .views-field-view-node {
  order: 4;
  position: relative;
  top: 30px;
}

.path-frontpage .section-news .event-brick .views-field-view-node {
  order: 5;
  position: relative;
  top: 2px;
}

.path-frontpage .section-news .news-item {
  position: relative;
  top: -32px;
  max-height: 1.24em;
}

.path-frontpage .section-news .news-img {
  max-width: 100%;
  overflow: hidden;
}

.path-frontpage .section-news img {
  transition: transform 240ms ease-in-out 0s;
  max-width: 100%;
  height: auto;
}

.path-frontpage .section-news img:hover {
  /* transform: perspective(1px) scale3d(1.04, 1.04, 1.04); */
  transform: scale(1.08);
}

.path-frontpage .section-news .news-body {
  font-size: large;
}

.path-frontpage .section-news .btn-primary {
  margin-top: 16px;
  position: relative;
  top: -30px;
}

.path-frontpage .section-news .events-grid {
  margin-top: 32px !important;
}

.path-frontpage .section-news .news-caption {
  display: inline-block;
  background-color: rgba(0,0,0,0.66);
  padding-top: 6px;
  padding-left: 0px;
  position: relative;
  top: -30px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: x-large;
  max-height: 30px;
  width: 100%;
}

.path-frontpage .section-news .news-brick span[class="news-caption"] {
  background-color: rgba(0,0,0,0.66);
  padding-top: 10px;
  padding-left: 0px;
  position: relative;
  top: 2px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: x-large;
  max-height: 30px;
  width: 100%;
}

.path-frontpage .section-news .news-brick span[class="news-body"],
.path-frontpage .section-news .event-brick span[class="news-body"] {
  text-transform: none;
  font-weight: 200;
  font-size: large;
}

.path-frontpage .section-news .differ-news-date  {
  position: relative;
  top: 8px;
  font-size: 16px;
  color: rgba(0,0,0,0.54);
  font-weight: 600;
}

.path-frontpage .section-news .news-brick .differ-news-date  {
  position: relative;
  top: 36px;
  font-size: 16px;
  color: rgba(0,0,0,0.54);
  font-weight: 600;
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick .link-overlay {
  position: absolute; /* Position the overlay absolutely */
  top: 0; /* Align to the top */
  left: 0; /* Align to the left */
  width: 100%; /* Full width of the parent */
  height: 100%; /* Full height of the parent */
  background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent background */
  //background-color: rgba(199, 83, 0, 0.9);
  opacity: 0; /* Initially hidden */
  transition: opacity 0.6s ease; /* Smooth transition for opacity */
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick .views-field-view-node {
  min-height: 100%; /* Full height of the parent */
  position: relative;
  top: calc(-100% + 8px);
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick:hover .link-overlay {
  opacity: 1;
  z-index: 1000;
  cursor: pointer;
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick .hidden-content {
  color: white !important; /* Text color for the hidden content */
  font-size: 1.25em;
  text-align: center; /* Center the text */
  width: 100%;
  height: 100%;
  transition: 0.6s ease; 
  display: inline-block;
  padding: 0px 20%;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1.5em;
  text-decoration: none;
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick a.hidden-content,
.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick a.hidden-content:hover,
.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick a.hidden-content:focus {
  text-decoration: none !important;
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .event-brick .hidden-content:after {
  content: '';
  width: 100px;
  height: 1px;
  position: absolute;
  top: 3.17em;
  left: calc(50% - 50px);
  background-color: white;
}

.path-frontpage .section-news .view-display-id-differ_front_events_3 .link-overlay {
  font-weight: 400;
}

.path-frontpage .section-research {
  color: #ffffff;
  background-color: rgba(199,83,0,1);
  background-image: url('../images/bg_orange.jpg');
  background-repeat: no-repeat;
  background-position: 50% 80%;
  background-size: cover;
  background-attachment: fixed;
  padding: 32px;
}

.path-frontpage .section-research .btn-primary {
  float: unset;
}

.path-frontpage .section-research .differ-front-read-more {
  display: inline-block;
  float: right;
  margin-left: 32px;
}

.path-frontpage .section-research .btn-large {
  color: #FFF;
  text-transform: uppercase;
  background-color: #C75300;
  border: 1px solid #f47920;
  //border: 1px solid #fff;
  border-radius: unset;
  font-weight: 400;
  font-size: 1.5em;
  height: 3em;
  width: 100%;
  margin-top: 12px;
  //box-shadow: 0px 0px 6px rgba(0,0,0,.67);
  box-shadow: rgba(0, 0, 0, 0.67) 0px 4px 16px 0px;
}

.path-frontpage .section-research .btn-large:hover {
  text-transform: uppercase;
  background-color: #eb0000;
  border-color: #eb0000;
}

.path-frontpage .section-research .btn-large:focus {
  background-color: #eb0000;
  border-color: #eb0000;
  box-shadow: 0 0 0 .17rem #005fcc;
}

.path-frontpage .section-research .btn-cta:active {
  background-color: rgba(199,83,0,1);
  box-shadow: 0 0 0 .17rem #005fcc;
}

.path-frontpage .section-research .differ-front-scroll:after {
  content: url('../images/arrow_orange.png');
  position: relative;
  left: calc(50% - 24px);
  top: 64px;
}

.path-frontpage .section-news,
.path-frontpage .section-facilities,
.path-frontpage .section-network {
  padding: 32px;
}

.path-frontpage .section-facilities .facilities-grid {
  position: relative;
  top: -1.5em;
}

.path-frontpage .section-news h2[class="differ-front-block-title"],
.path-frontpage .section-facilities h2[class="differ-front-block-title"],
.path-frontpage .section-network h2[class="differ-front-block-title"] {
  color: rgba(22,131,131,1);
}

.path-frontpage .section-facilities .facility-caption {
  display: inline;
  background-color: rgba(0,0,0,0.66);
  padding-top: 6px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  top: 1.8em;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: x-large;
  z-index: 999;
}

.path-frontpage .section-facilities .facilities-img {
  max-width: 100%;
  overflow: hidden;
}

.path-frontpage .section-facilities img {
  transition: transform 240ms ease-in-out 0s;
  max-width: 100%;
}

.path-frontpage .section-facilities img:hover {
  transform: scale(1.08);
}

.path-frontpage .section-working-at {
  color: #ffffff;
  //background-color: rgba(141,198,63,1);
  background-color: rgba(91,127,41,1);
  background-image: url('../images/bg_green.jpg');
  background-repeat: no-repeat;
  background-position: 50% 70%;
  background-size: cover;
  background-attachment: fixed;
  padding: 32px;
}

.path-frontpage .section-working-at .differ-front-scroll:after {
  content: url('../images/arrow_green.png');
  position: relative;
  left: calc(50% - 24px);
  top: 64px;
}


.path-frontpage .section-network #networkLogos,
.path-frontpage .section-network .carousel {
  margin-top: 48px;
}

.path-frontpage .section-network #networkLogos,
.path-frontpage .section-network .carousel .carousel-inner {
  padding: 0 32px;
}

.path-frontpage .section-network #networkLogos .row,
.path-frontpage .section-network .carousel .row {
  height: 50px;
  margin-bottom: 32px;
}

.path-frontpage .section-network #networkLogos img,
.path-frontpage .section-network .carousel img {
  max-width: 100%;
}

.path-frontpage .section-network .carousel-indicators {
  position: relative;
  top: 16px;
  opacity: 1;
}

.carousel-indicators [data-bs-target] {
  background-color: rgba(199,83,0,1) !important;
  height: 1px !important;
}

.carousel-indicators button:hover,
.carousel-indicators button:focus {
  background-color: rgba(235,0,0,1) !important;
}

.path-frontpage .section-network .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c75300'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  position: relative;
  bottom: 16px;
  left: -48px;
}

.path-frontpage .section-network .carousel-control-prev-icon:hover,
.path-frontpage .section-network .carousel-control-prev-icon:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eb0000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  position: relative;
  bottom: 16px;
  left: -48px;
}

.path-frontpage .section-network .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c75300'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  position: relative;
  bottom: 16px;
  left: 48px;
}

.path-frontpage .section-network .carousel-control-next-icon:hover,
.path-frontpage .section-network .carousel-control-next-icon:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eb0000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  position: relative;
  bottom: 16px;
  left: 48px;
}

/**
 * News & clippings views
 */
.view-differ-news .views-row, 
.view-differ-group-news .views-row {
  margin-top: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(199,83,0,.3); 
}

.view-differ-media-clippings h2 {
  margin-top: 8px;
  font-size: 1.17em;
}

.view-differ-media-clippings .views-row {
  margin-top: 2px;
  margin-bottom: 6px;
}

.view-differ-news .views-row:last-child,
.view-differ-group-news .views-row:last-child {
  border-bottom: none; 
}

.view-differ-media-clippings .views-row:last-child {
  margin-bottom: 24px;
}

.view-differ-news .views-field-title,
.view-differ-group-news .views-field-title {
  font-weight: 400;
  text-transform: uppercase;
}

.view-differ-news .views-field-title h2,
.view-differ-group-news .views-field-title h2 {
  font-size: 1.17em;
  margin-bottom: 0px;
}

.view-differ-news .views-field-created,
.view-differ-group-news .views-field-created {
  font-weight: 400;
}

.view-differ-news .views-field-body,
.view-differ-group-news .views-field-body {
  padding: 16px 0px;
  font-size: 1.17em;
}

.view-differ-news .views-field-view-node,
.view-differ-group-news .views-field-view-node {
  text-align: right;
  clear: both;
  padding-bottom: 8px;
}

.view-display-id-differ_news .views-field-view-node a,
.view-display-id-differ_emi_news .views-field-view-node a,
.view-display-id-differ_esc_news .views-field-view-node a,
.view-display-id-differ_psfd_news .views-field-view-node a,
.view-display-id-differ_rider_news .views-field-view-node a,
.view-display-id-differ_group_news .views-field-view-node a {
  background: url(../images/read-more.png) no-repeat;
  background-position: 94px;
  color: #000 !important;
  text-transform: uppercase;
  padding-top: 2px;
  padding-right: 22px;
  font-weight: 300;
}

.view-differ-news img,
.view-differ-group-news img {
  float: left;
  margin-right: 16px;
}

.view-differ-media-clippings .view-footer {
  margin-top: 16px;
  margin-bottom: 8px;
}

.node--type-media-clip .field--name-field-media-publication {
  font-weight: 400;
}

/**
 * Events view
 */
.view-differ-events .views-row {
  margin-top: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(199,83,0,.3); 
}

.view-differ-events .views-row:last-child {
  border-bottom: none; 
}

.view-differ-events .views-field-title {
  font-weight: 400;
  text-transform: uppercase;
}

.view-differ-events .views-field-title h2 {
  font-size: 1.17em;
  margin-bottom: 0px;
}

.path-frontpage .view-differ-events .views-field-title {
  font-weight: 300;
  text-transform: none; 
}

.view-differ-events .views-field-field-event-date {
  font-weight: 400;
}

.view-differ-events .views-field-body {
  padding: 16px 0px;
  font-size: 1.17em;
}

.view-differ-events .views-field-view-node {
  text-align: right;
  clear: both;
  padding-bottom: 8px;
}

.view-display-id-differ_events .views-field-view-node a,
.view-display-id-differ_events_history .views-field-view-node a,
.view-display-id-differ_seminars .views-field-view-node a {
  background: url(../images/read-more.png) no-repeat;
  background-position: 94px;
  color: #000 !important;
  text-transform: uppercase;
  padding-top: 2px;
  padding-right: 22px;
  font-weight: 300;
}

.view-differ-events img {
  float: left;
  margin-right: 16px;
}

/** 
 * Publications / repository 
 */
#block-filter-differ-repository { 
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid rgba(199,83,0,.4);
  border-radius: 4px;
  margin-top: 32px;
}

#block-filter-differ-repository h2 { 
  padding-top: 8px;
  border-bottom: none;
}

#block-filter-differ-repository .form-select,
#block-filter-differ-repository .form-control {
  font-size: 0.88em;
}

#block-filter-differ-repository #edit-reset, 
#block-filter-differ-repository #edit-reset--2 { 
  margin-top: 12px;
}

.view-differ-repository a.dropdown-toggle,
.view-differ-research-group-output a.dropdown-toggle {
  border: none;
}

.view-differ-repository .dropdown-menu,
.view-differ-research-group-output .dropdown-menu {
  background-color: rgba(255,255,255,.96);
  border: 1px solid rgba(199,83,0,.5);
  border-radius: unset;
  padding: 4px 8px;
}

.view-differ-repository .dropdown-menu a.dropdown-item,
.view-differ-research-group-output .dropdown-menu a.dropdown-item {
  display: unset;
  padding: 4px 8px;
}

.view-differ-repository .dropdown-menu a:hover,
.view-differ-repository .dropdown-menu a:focus,
.view-differ-research-group-output .dropdown-menu a:hover,
.view-differ-research-group-output .dropdown-menu a:focus {
  color: rgba(199,83,0,1);
  background-color: unset;
  text-decoration: none;
}

.view-differ-repository .views-row, 
.view-differ-research-group-output .views-row { 
  margin-top: 8px;
  margin-bottom: 8px;
}

.view-differ-repository .views-row img, 
.view-differ-research-group-output .views-row img { 
  padding: 0px 6px !important;
  position: relative;
  top: -2px;
}

.view-differ-repository .view-content, 
.view-differ-research-group-output .view-content { 
  margin-bottom: 16px;
}

.view-differ-repository h2,
.view-differ-research-group-output h2 { 
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 1.17em;
}

.path-bibcite .bibcite-reference-table .field--name-author .field__items {
  display: inline-flex;
  flex-wrap: wrap;
}

.path-bibcite .bibcite-reference-table .field--name-author a::after {
  content: ',';
  padding-right: 4px;
  color: #000;
}

.path-bibcite .bibcite-reference-table .field--name-author .field__item:last-child a::after {
  content: none;
  padding-right: 0px;
}

/**
 * Content type specific stuff
 */
.node--type-event h2 {
  font-size: 1em;
  text-transform: unset;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 0px;  
}

/** 
 * Ubeeo stuff
 */
.node--type-vacancy .ubeeo-alert,
.view-differ-ubeeo-vacancies .ubeeo-alert {
  padding: 8px 12px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  margin: 10px 0;
}

.page-node-60 .hs_dashboard {
  max-width: unset;
}

.node--type-vacancy .hs_apply_button,
.node--type-vacancy a.hs_apply_button,
.page-node-60 .portal_page_button,
.page-node-60 .register_job_alert,
.page-node-60 .ub_button,
.page-node-60 .ub-login-button,
.page-node-60 .hs_dashboard .logout span {
  margin-right: 16px;
  margin-top: 16px;
  color: #fff !important;
  background-color: rgba(199,83,0,1);
  text-transform: uppercase;
  padding: 4px 36px 2px;
  text-decoration: unset !important;
  font-weight: 400;
  font-size: 14px;
}

.node--type-vacancy .hs_apply_button:hover,
.node--type-vacancy a.hs_apply_button:hover,
.page-node-60 a.portal_page_button:hover,
.page-node-60 .register_job_alert:hover,
.page-node-60 .ub_button:hover,
.page-node-60 .ub-login-button:hover,
.page-node-60 .hs_dashboard .logout span:hover {
  background-color: #eb0000; 
  text-decoration: unset !important;
}

.page-node-60 .hs_dashboard .logout:hover {
  text-decoration: none;
}

.page-node-60 .hs_dashboard .dashboard_box > div {
  border: 1px solid #ECECEC;
}

.page-node-60 .profile {
  margin: 0;
}

.node--type-vacancy .hs_popup,
.page-node-60 .hs_popup {
  font-family: "DINOT", sans-serif;
  font-size: 87.5%;
  font-weight: 300;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.57143em;
}

.page-node-60 .hs_popup .hs_status_header_title,
.page-node-60 .hs_popup .hs_status_header_time {
  background-color: rgba(25,68,83,1) !important;
}

.page-node-60 .hs_popup .hs_status .unfold_possible {
  background-color: rgba(25,68,83,.7) !important;
}

.node--type-vacancy .hs_platform_form .formbuttons .submit,
.page-node-60 .hs_platform_form .formbuttons .submit {
  color: #fff;
  background-color: rgba(199,83,0,1);
  text-transform: uppercase;
  padding: 4px 36px 2px;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
}

.node--type-vacancy .hs_platform_form .formbuttons .submit:hover,
.page-node-60 .hs_platform_form .formbuttons .submit:hover {
  color: #fff;
  background-color: #ff0000; 
}

.node--type-vacancy details {
  margin-bottom: 16px;
}

.node--type-vacancy details summary {
  color: #ff0000;
}

.node--type-vacancy details summary::marker {
  color: #000000;
}

.node--type-vacancy details .field {
  margin: 8px 0px;
}

.node--type-vacancy .field .field__label {
  font-weight: 400;
}

.node--type-vacancy details .field--name-field-ubeeo-summary {
  font-style: italic;
}

.node--type-vacancy .field--name-field-ubeeo-scale .field__items,
.node--type-vacancy .field--name-field-ubeeo-education .field__items,
.node--type-vacancy .field--name-field-ubeeo-experience .field__items {
  display: inline-flex;
}

.node--type-vacancy .field--name-field-ubeeo-scale .field__item:after,
.node--type-vacancy .field--name-field-ubeeo-education .field__item:after,
.node--type-vacancy .field--name-field-ubeeo-experience .field__item:after {
  content: " / ";
  padding-right: 4px;
}

.node--type-vacancy .field--name-field-ubeeo-scale .field__item:last-child:after,
.node--type-vacancy .field--name-field-ubeeo-education .field__item:last-child:after,
.node--type-vacancy .field--name-field-ubeeo-experience .field__item:last-child:after {
  content: none;
}

.view-differ-ubeeo-vacancies .views-row {
  border-bottom: 1px solid #ECECEC;
  padding: 16px 14px 6px 14px;
}

.view-differ-ubeeo-vacancies .views-row:last-child {
  border-bottom: none;
}

.view-differ-ubeeo-vacancies .views-row .views-field-title {
  margin-top: 8px;
}

.view-differ-ubeeo-vacancies .views-row .views-field-title h2 {
  margin-bottom: 4px;
  font-size: 1.17em;
}

.view-differ-ubeeo-vacancies .views-row .views-field-title a:link {
  font-weight: 400;
  text-transform: uppercase;
}

.view-differ-ubeeo-vacancies .views-row .views-field-view-node {
  text-align: right;
  clear: both;
}

.view-differ-ubeeo-vacancies .views-row .views-field-view-node a {
  background: url('../images/read-more.png') no-repeat;
  background-position: 94px;
  color: #000 !important;
  text-transform: uppercase;
  padding-top: 2px;
  padding-right: 22px;
  font-weight: 300;
}

.view-differ-ubeeo-vacancies .views-row .views-field-view-node a:visited {
  color: #000;
}

.view-differ-ubeeo-vacancies .views-row .views-field-field-ubeeo-status {
  float: right;
  display: block;
  position: relative;
  top: -25px;
}

.view-differ-ubeeo-vacancies .views-row .views-field-field-ubeeo-status .field-content {
  color: #FFF;
  text-transform: uppercase;
  background-color: #05676F;
  font-weight: 400;
  font-size: 1em;
  padding: 3px 8px 0px 8px;
  width: fit-content;
}

/**
 * Search / find page
 */
.differ-search .views-field-title h2 {
  font-size: 1.17em;
  margin-bottom: 0px;
}

.differ-search li {
  margin-bottom: 12px !important;
}

.differ-search li .views-field-search-api-relevance {
  font-size: 0.87em;
}

/**
 * Featured bottom
 */

.featured-bottom {
  margin-top: 16px;
  margin-bottom: 16px;
}

.differ-contact {
  color: rgba(0,0,0,0.6);
  padding-top: 16px;
  padding-bottom: 16px;
}

.differ-contact h2 {
  color: rgba(0,0,0,1);
  font-size: 1.17em;
}

.differ-contact .contact-img {
  display: block;
  float: left;
  min-width: 150px;
  min-height: 150px;
  border-bottom: 1px solid rgba(244,121,32,1);
  padding-bottom: 16px;
}

.differ-contact .contact-img img {
  border-radius: 50%;
}

.differ-contact .contact-info {
  display: inline-block;
  margin-left: 48px;
}

.differ-contact .contact-info a:link {
  font-weight: 400;
  color: rgba(0,0,0,0.6);
  text-decoration: underline;
}

.differ-contact .contact-info a:focus,
.differ-contact .contact-info a:hover {
  text-decoration: none;
}

.differ-contact .contact {
  font-size: 1.17em;
}

.differ-contact .contact-name {
  font-weight: 400;
}

/**
 * Featured cta
 */

.region-page-cta {
  color: #ffffff;
  background-color: rgba(141,198,63,1);
  background-image: url('../images/fbg_green.jpg');
  background-repeat: no-repeat;
  background-color: #8dc63f;
  background-position: 50% 66%;
  padding: 32px 64px;
  font-weight: 300;
}

.region-page-cta .container {
  max-width: 100%;
  padding-left: 0px;
}

.region-page-cta .cta-title {
  color: #000000;
  display: block;
  background-color: #ffffff;
  text-transform: uppercase;
  font-weight: 400;
  width: 160px;
  text-align: center;
  padding: 4px 0px 2px 0px;
  margin-bottom: 1em;
}

.region-page-cta .action {
  font-size: 2.5em;
  text-transform: uppercase;
}

.region-page-cta .btn-cta {
  color: #FFF;
  border: 1px solid #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.5em;
  height: 3em;
  vertical-align: middle;
  padding-top: 4px;
  background-color: unset;
  width: 100%;
  margin-top: 12px;
}

.region-page-cta .btn-cta:hover {
  background-color: rgba(255,255,255,0.25);
}

/**
 * Footer
 */

.site-footer {
  font-family: "DINOT";
  background-image: url('../images/bg_petrol.jpg') !important;
  background-repeat: no-repeat;
  background-color: #032e32 !important;
  background-position: 50% 75% !important;
  padding: 0px 64px;
}

.site-footer .container {
  padding-left: 0px;
}

.site-footer__top .region {
  width: 25%;
  padding: 8px 2%;
}

.site-footer .row {
}

.site-footer .block {
  border: none;
  padding: 10px 0;
}

.site-footer .content {
  color: #ffffff;
}

.site-footer .footer-logo {
  max-width: 300px;
}

.site-footer h2 {
  color: #ffffff;
  border-bottom: none;
}

.site-footer .content a {
  color: rgba(255,255,255,.88);
}

.site-footer .content a:hover {
  color: rgba(255,255,255,1);
  text-decoration: none;
}

.site-footer .differprivacy,
.site-footer .differfollow,
.site-footer .differaffiliation {
  border-left: 1px solid rgba(255,255,255,.67);
  min-height: 250px;
  padding-left: 16px;
}

.site-footer .differfollow li {
  position: relative;
  top: -4px;
  padding: 4px;
}

.site-footer .differfollow li:hover {
  background-color: rgba(255,255,255,0.33);
  border-radius: 50%;
}

.site-footer__sub {
  padding-top: 12px;
}
.site-footer__sub .content ul:not(.menu) {
  padding-left: 0px;
}

.site-footer .differfollow li a:hover,
.site-footer .differfollow li a:focus {
  background-color: unset;
}

.site-footer .differlogo a, 
.site-footer .differfollow li a,
.site-footer .differaffiliation a {
  border-bottom: none;
}

.site-footer #block-differcopyright .content {
  text-align: center;
  color: rgba(255,255,255,.6);
  font-size: 0.76em;
}

.site-footer__sub p {
  margin-top: 1em;
}

.site-footer__bottom {
  margin-top: 16px;
}

.site-footer__bottom .region {
  margin-top: 12px;
}