/*
  Theme Name: lagmed
  Theme URI: https://lagmed.eu
  Author: João Antunes
  Author URI: https://joaoantunes.com
  Description: Theme for lagmed.eu
*/

/*
  1. Global
  2. Navigation
  3. Homepage
  4. Sections
  5. News and Events
  6. Work Packages
  7. About
  8. Footer
  9. Cookie Warning

*/

html {
  background-color: #FFF;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  align-items: stretch;
  background-color: #FFF;
  font-family: Helvetica, Arial, sans-serif;
}

main {
  flex-grow: 1;
}

/*header, main, footer {
    flex-shrink: 0;
}*/

h1, h2, h3, h4, h5, .f3 {
  font-family: Rubik, Helvetica, Arial, sans-serif;
}

a {
  color: #111;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;  
}


.f15 { 
  font-size: 2.5rem;
}



.homepage_intro a {
  color: #000;
  text-decoration: underline;
}

.homepage_intro a:hover {
  text-decoration: none;
}



#nav_main a {
  color: #000;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  font-family: Rubik, Helvetica, Arial, sans-serif;
}

#nav_main a:hover {
  color: #FFF;
  background-color: #000;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
}

#nav_main .current-menu-item a {
  text-decoration: none;
  color: #FFF;
  background-color: #000;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
}



.lang_switch {

}

.lang_switch li {
  display: inline;
  padding-right: 15px;
}

.lang_switch li a {
  color: #000;
  text-decoration: none;
}

 .lang_switch li a:hover {

}

.lang_switch li a img {
  padding-right: 5px;
}



/* Body 
****************************************************** */

.bg-blobs {
  background-image: url('/_img/misc/bg-blobs.svg');
  background-repeat: repeat-y;
  background-position: center top;
}


/* News
****************************************************** */
article.news h1 {
  padding-left: 2rem;
  padding-right: 2rem;
}

article.news p {
  line-height: 1.5em;
  max-width: 34em;
  margin: 0 auto;
  margin-bottom: 1rem;
}

article.news img {
  height: auto;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #666;
}

article.news ul {
   max-width: 34em;
   margin: 0 auto;
   padding-left: 1rem;
}

article.news li {
  margin-bottom: 1rem;
}

article.news p a {
  color: #000;
}

article.news p a:hover {
  color: #000;
  text-decoration: none;
}


/* Work Packages and objectives
****************************************************** */
.work_package {

}

.work_package .title h2 {

}


.work_package p.info,
.objective p.info {
  margin: 0;
  padding: 0;
}

.work_package p.info span,
.objective p.info span {
  display: inline-block;
  padding: 0.5em;
  border-radius: 5px;
  background-color: #DDD;
}

.work_package .tasks p.info span,
.objective .objectives p.info span, {
  padding: 0.25em;
  border-radius: 3px;
  background-color: #EEE;
}

.work_package .tasks h3,
.objective .objectives h3, {
  margin-top: 2px;
  margin-bottom: 10px;
}

.work_package .tasks p.info,
.objective .objectives p.info, {
  margin-top: 50px;
}

.work_package .tasks p.info:first-child
.objective .objectives p.info:first-child  {
  margin-top: 0px;
}

.work_package .task p,
.objective .objective p {
  line-height: 1.5;
}


/* Work Packages
****************************************************** */

.stakeholders_intro a {
  text-decoration: underline;
  color: #000;
}

.stakeholders_intro a:hover {
  text-decoration: none;
}



/* Dissemination
****************************************************** */

.dissemination p {
  margin-bottom: 2em;
}

.dissemination h3 {
  text-align: center;
  margin-top: 4em;
  font-size: 2rem; /* f2.5 */
}

.dissemination h3:first-of-type {
  margin-top: 0;
}

.dissemination h4 {
  text-align: center;
}






/* About
****************************************************** */
.partners {

}

.partner_logo {
  height: 200px;
  border: 1px solid #CCC;
  border-radius: 3px;
}

.partner_logo img {
  max-height: 190px;
  width: auto;
}

.partner_logo:hover {
  opacity: 0.75;
}

.map {
  min-height: 300px;
}

.partner h4 a {
  color: #111;
  font-weight: bold;
  text-decoration: none;
}

.partner p.institution_name a {
  color: #333;
  text-decoration: none;
}

.partner h4 a:hover,
.partner p.institution_name a:hover {
  border-bottom: 1px solid #333;
}



 .contacts dl {

  }
  
  .contacts dt {
    float: left;
    clear: left;
    width: 160px;
    text-align: right;
    font-weight: bold;
    margin-bottom: 10px;
/*    color: green;*/
  }

  .contacts dt::after {
    content: "";
  }

  .contacts dd {
    text-overflow: hidden;
    margin-bottom: 10px;
    padding-left: 140px;
/*    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;*/
  }

.contacts a {
  text-decoration: none;
  color: #000;
}

.contacts a:hover {
  text-decoration: underline;
}



/* Private Area
****************************************************** */
.post-password-form {
  text-align: center;
  margin-top: 80px;
}

.private_area a {
  color: black;
  text-decoration: underline;
}

.private_area a:hover {
  text-decoration: none;
}


/* Footer 
****************************************************** */

.funding li {
  margin-bottom: 15px;
/*  display: inline;*/
}

.funding li:last-child {
  margin-top: 15px;
  margin-bottom: 0px;
}

.funding li a {
  line-height: 30px;
}

.funding .li a:hover,
.links a:hover {
  text-decoration: none;
}

.funding li a img {
   height: 35px;
}