main {
  background: white;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
  padding: .5em;
  margin-bottom: 1em;
  min-height: 100%;
}
@media screen and (min-width: 550px) {
  main {
    padding: 2em;
  }
}

main.front-page {
  box-shadow: none;
  background: none;
  border: none;
  padding: 0;
}

main h1 {
  margin: 0;
  margin-bottom: 1em;
  /*font-size: 2em;*/
  color: var(--main-color);
}

main h2 {
  font-size: 1.3em;
  margin-top: 2em;
  font-weight: normal;
}

@supports (background-clip: text) {
  main h1,
  main .tabs h2 {
    background-image: linear-gradient(to bottom, #96B4CB, #2fb4dd50);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-shadow: -2px -2px rgb(0, 0, 0);
  }
  /*main h1:hover {

    background-image: linear-gradient(to bottom, #ccf0fb, #2fb4dd);
    text-shadow: -4px -4px rgb(0, 0, 0);
  }*/
}

main {
  border-top: 1px solid var(--main-color);
}
main > article.post,
main > article.page {
  font-size: calc(1em + 0.3vw);
}

main figure {
  margin: 0;
}

main p {
  margin: 1em 0;
}

main ul {
  list-style: disc;
  list-style-position: inside;
  padding-left: 1em;
}

main a,
footer a {
  z-index: 1;
}

main a,
aside a
{
  background: linear-gradient(to bottom, transparent 45%, #96B4CB50 45%);
  background-size: 100% 200%;
  transition: 0.2s ease-out;
  text-decoration: none;
}
aside h2 a {
  background: none;
}

main .wp-block-button a {
  background-color: #01629b;
  background: linear-gradient(to bottom, transparent 48%, #003a5c 48%);
  background-size: 100% 200%;
}
main a:hover,
aside a:hover {
  background-position: 0 100%;
}


main .list-pages ul {
  margin: 1em 0;
  padding-left: 0;
  list-style: none;
}

main .list-pages ul li {
  line-height: 1.5em;
  padding: 0 1em 0 0;
}




/*main a:hover,
footer a:hover {
  text-decoration: none;
}
main a:after,
footer a:after {
  content: '';
  position: absolute;
  width: calc(100% + .6em);
  height: 0%;
  background: #96B4CB50;
  bottom: -.3em;
  left: -.3em;
  opacity: 0.5;
  transition: 0.2s ease-out;
  border-radius: 2px;
  z-index: -1;
}
main a:hover:after,
footer a:hover:after {
  opacity: 1;
  height: calc(100% + .6em);
}*/



.news ul {
  display: flex;
}


ul.extra-nav {
  padding-top: 1em;
  list-style: none;
}

ul.extra-nav li {
  min-height: 4em;
}

ul.extra-nav li a{
  width: 12em;
  height: 3em;
  padding: .3em;
  font-size: .8em;
  display: flex;
  background-color: #e0e6ea;
  text-align: center;
  border-radius: 90px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}


p.all-publication {
  text-align: right; 
  padding: 0 1.2em;
}

div.sdm_download_title {
  line-height: 45px;
}