@import "compass/css3";


body {
  font-family: 'Noto Sans', sans-serif;
}


.footer .icon-link {
    font-size: 25px;
    color: #000;
}

.link-block a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dnerf {
  font-variant: small-caps;
}


.teaser .hero-body {
  padding-top: 0;
  padding-bottom: 3rem;
}

.teaser {
  font-family: 'Google Sans', sans-serif;
}


.publication-title {
}

.publication-banner {
  max-height: parent;

}

.publication-banner video {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  object-fit: fit;
}

.publication-header .hero-body {
}

.publication-title {
    font-family: 'Google Sans', sans-serif;
}

.publication-authors {
    font-family: 'Google Sans', sans-serif;
}

.publication-venue {
    color: #555;
    width: fit-content;
    font-weight: bold;
}

.publication-awards {
    color: #ff3860;
    width: fit-content;
    font-weight: bolder;
}

.publication-authors {
}

.publication-authors a {
   color: hsl(204, 86%, 53%) !important;
}

.publication-authors a:hover {
    text-decoration: underline;
}

.author-block {
  display: inline-block;
}

.publication-banner img {
}

.publication-authors {
  /*color: #4286f4;*/
}

.publication-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    overflow: hidden;
    border-radius: 10px !important;
}

.publication-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.publication-body img {
}

.results-carousel {
  overflow: hidden;
}

.results-carousel .item {
  margin: 5px;
  overflow: hidden;
  padding: 20px;
  font-size: 0;
}

.results-carousel video {
  margin: 0;
}

.slider-pagination .slider-page {
  background: #000000;
}

.eql-cntrb { 
  font-size: smaller;
}

.esd-text {
  color: #845EC2 !important;
}

.max-text {
  color: #2C73D2 !important;
}

.strong-text {
  color: #00C9A7 !important;
}

.negp-text {
  color: #FF9671 !important;
}

.image-caption{
  font-size: 20px !important;
}

p {
  font-size: 20px; /* Change this value to your desired font size */
}

.columns.is-multiline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.column h5 {
  margin-top: auto;
}

.add-spacing {
  margin-bottom: 30px; /* Adjust the value as needed */
}

.reduce-spacing {
  margin-bottom: 0px !important;
}

.add-large-spacing {
  margin-bottom: 100px; /* Adjust the value as needed */
}

.toggle-title:before {
  content:'';
  display: inline-block;
  position: relative;
  border: 10px solid transparent;
  border-left-color: #000;
}
.toggle-title.active:before {
  left: 0;
  top: 3px;
  border-color: #000 transparent transparent;
}
.toggle-title:hover {
  cursor: pointer;
  font-size: 2em;
}

/* .wrapper {
  overflow: hidden; 
} */

.wrapper {
  position: relative;
  width: 100%;
  height: 100%; /* Set the height to your desired value */
}

/* .content {
  transition: height .5s;
  height: 0;
  overflow: hidden;
}

.content.show {
  transform: translateY(0);
  height: auto;
} */

.blur { 
  -webkit-filter: blur(30px); 
  -moz-filter: blur(30px); 
  -o-filter: blur(30px); 
  -ms-filter: blur(30px); 
  filter: blur(30px); 
} 

.blur.show {
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

/* .blur.hide { 
  -webkit-filter: blur(30px); 
  -moz-filter: blur(30px); 
  -o-filter: blur(30px); 
  -ms-filter: blur(30px); 
  filter: blur(30px); 
}  */

/* .unblur-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.unblur-button:hover {
  transform: scale(1.2);
} */

.unblur-button {
  position: relative;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  /* background-color: white; */
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  font-size: 20px;
  cursor: pointer;
  display:inline-block;
  /* padding:0.35em 1.2em; */
  /* border:0.1em solid #FFFFFF; */
  margin:0 0.3em 0.3em 0;
  /* border-radius:0.12em; */
  box-sizing: border-box;
  text-decoration:none;
  font-family:'Roboto',sans-serif;
  font-weight:500;
  color:#FFFFFF;
  text-align:center;
  transition: all 0.2s;
  background-color: #f44336;
}

.unblur-button:hover {
  color: #f44336;
  background-color:#FFFFFF;
  border:0.1em solid #f44336;
}

.unblur-button.red {
  color:#FFFFFF;
  background-color: #f44336;
}

.unblur-button.red:hover {
  color: #f44336;
  background-color:#FFFFFF;
  border:0.1em solid #f44336;
}

.unblur-button.green {
  color:#FFFFFF;
  background-color: #2ecc71;
}

.unblur-button.green:hover {
  color: #2ecc71;
  background-color:#FFFFFF;
  border:0.1em solid #2ecc71;
}
/* .unblur-button:hover{
  color: #f44336;
  background-color:#FFFFFF;
  border:0.1em solid #f44336;
} */


/* .unblur-button.active {
  display: None;
} */