:root {
  --primary-accent: #fe7b2f;
  --navbar-border-top: #fe7b2f;
  --button-border: #336194;
  --link-focus: #ededed;
  --form-shadow: rgba(70, 127, 191, 0.6);
  --pagination-bg: #b8cee6;
  --link-hover-bg: #36669c;
  --navbar-focus: #ededed;
  --background: #555555;
}

p a:hover{
  color: black;
}

.box-image-text .image {
  min-height: 180px;
  max-height: 180px;
}

.box-image-text .image img {
  margin: auto;
  object-fit: cover;
  overflow: hidden;
  min-height: 180px;
}

.box-simple {
  min-height: 230px;
}

.navbar ul.nav > li > a{
  text-decoration: none;
}

.home-carousel{
  background: url('../img/getting_involved.jpg') center center repeat;
}

.home-carousel .dark-mask{
  background-color: var(--background);
  opacity: 0.95;
}

.home-carousel .owl-carousel{
  padding-top: 10px;
  padding-bottom: 10px;
}

#title_container{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.col-sm-5{
  max-width: 100% !important;
}

.home-carousel ul, .home-carousel p{
  font-weight: 300;
  text-transform: none;
}

.owl-item{
  width: 100%;
}

@media (min-width: 768px){
.col-sm-5 {
  width: 60%;
}
.col-sm-7{
  width: 40%;
}
}

.read_more{
  padding: 3% !important;
  text-align: right;
}

.bar.background-pentagon{
  background: url(../img/Grey-Linen-Texture.jpg);
}

img{
  max-width: 100%;
}

.inf_fig{
  max-width: 600px;
  padding: 2% 2% 1% 2%;
  background-color: var(--link-focus);
}

ol ul{
  margin-bottom:20px;
}

@media (min-width: 992px){
  .center_content{
  display: flex;
  align-items: center;
  justify-content: center;
}
  }

  @media (min-width: 768px){
  .col-sm-6 {
    width: 100%;
  }
  #error-page{
  width:50%
}}
  


.col-md-3 {
  background-color: white;
  margin: 5px;
}

@media (min-width: 992px){
.col-md-3 {
  width: 30%;
}

}

.bar.background-white{
  background: url(../img/Grey-Linen-Texture.jpg);
}

.content h4 a:hover{
  color: #888888 !important;
}

#content{
  min-height: 400px;
}
.box-image-text .content p{
  width:100%;
}
@media (min-width: 992px){
  .content {
    height: 250px;
  }}
.content{
  display: table-cell;
}



#footer{
  margin-top:10px;
}

.footer_refs{
  float: none;
  display: inline-flex;
  width: max-content;
}

.footer_cont{
  text-align: center;
}

.licence_ref{
  color:white;
}

#copyright{
  padding: 20px 0;
}

.bar {
  padding: 0px 0;}


.bg_white{
  background-color: white;
  border:none;
}

.testimonials .item{
  border-radius: 10px;
  background-color: #f4f4f4;
  padding-bottom: 0px;
  text-align: center;
}

.testimonials .item .testimonial .text{
  color:var(--background);
  margin-bottom: 0px;
}

.max_width{
  max-width: 260px;
}

.supporter_item{
  display: inline-flex;
  max-width: max-content;
  padding: 2% 5% 7% 2%;
}

.ofit_cover{
  width: 300px; height: 250px; object-fit: cover;
}

.col-md-12 #copyright{
  background: none;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
  color: #333333;
  padding: 0px;
}




h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

@media (max-width: 768px){
  .home-carousel h2{
    font-size: 26px;
  }
  h2, .h2 {
    font-size: 30px;
  }
  }

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

.box-image-text .content h3, .box-image-text .content h4 {
  font-weight: 700;
}

#footer h4 {
  font-weight: 700;
}

.box-image-text.blog .author-category {
  min-height: 30px;
}

#post-content p {
  margin-left:3%;
  margin-right:3%;
}

.space_keeper{
  height: 40px;
}

.rp_bottom{
  position: absolute;
  bottom: -2px;
  width: 100%;
}
.crop {
  position: relative;
  overflow: hidden;
  height: 200px;
  margin: 8px;
  margin-bottom: 3%;
}

@media (min-width:500px){
  .crop {
    position: relative;
    overflow: hidden;
    height: 100px;
    margin: 8px;
    margin-bottom: 3%;}

}

.crop img{
  -webkit-transform: translate(-50%,-30%);
  -ms-transform: translate(-50%,-30%);
  transform: translate(-50%,-50%);
}

@media (min-width: 500px){
  .crop {
    height: 260px;
  }}


#tipmip_4_all_img img{
  position: absolute;
  left: 50%;
  top: 100%;
}

#towards_tipmip_img img{
  position: absolute;
  left: 50%;
  top: 100%;
}

#heraeus_towards_img img{
  position: absolute;
  left: 50%;
  top: 45%;
}

#TipESM_news_img img {
  position: absolute;
  left: 50%;
  top: 20%;
}

#hiring_modelers_img img{
  position: absolute;
  left: 50%;
  top: 60%;
}

figcaption{
  padding-top: 3%;
  font-size: medium;
}