/* mde */
a {
    /* color: #3366cc;  */
    color: #75507b;
}
a:hover {
  color: #5c3566; 
}

.section {
    background-color: #fff;
    color: #222;
    padding: 5rem 0px 8rem;
    
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header {
    /* background-image: url('../images/header_image.svg'); */
    background-color: black;
    background-size: cover;
    color: #fff;
    padding-bottom: 3rem;
    padding-top: 8rem;
    margin-top: 0rem;
}
.header-title  {
    margin-top: 8rem;
}


.participants.row {
  padding-bottom: 1rem;
}

.header_image {
    width: 120px;
    max-width: 100%;
    border-radius: 25px;
}

.header_image_alife {
    width: 220px;
    max-width: 100%;    
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer {
    background-color: black;
    color: #fff;
    margin: 0px; 
    padding: 0px;
}

.footer-share-button {
    width: 8rem;
}

/* Presentations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.presentation_list_title {
    font-size: 1.5rem;
    font-weight: 600;
}

.presentation_list_image {
    width: 200px;
    height: 200px;
    object-fit: cover;
    max-width: 100%;
    border-radius: 25px;
}

.presentations_past {
    padding-top: 5.0rem;
}

.presentations {
}

.presentation_speaker_image {
    width: 200px;
    max-width: 100%;
    border-radius: 25px;
    float: right;
}

.presentation_image {
    width: 300px;
    max-width: 300px;
    border-radius: 25px;
}

.frontpage_speaker_image,
.frontpage_presentation_image {
    width: 200px;
    max-width: 50%;
    border-radius: 25px;

}
.frontpage_speaker_image {
    padding-right: 15px;
}

/* .value-multiplier { */
/*   margin-bottom: .5rem; */
/*   color: #11DFC7; */
/* } */
/* .value-heading { */
/*   margin-bottom: .3rem; */
/* } */
/* .value-description { */
/*   opacity: .8; */
/*   font-weight: 300; */
/* } */


/* *** Local Variables: --> *** */
/* *** compile-command: "make -C ../" --> *** */
/* *** End: --> *** */

/* NAVBAR and pop-over links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.navbar {
display: block;
}
.navbar + .docs-section {
    border-top-width: 0; }
.navbar,
.navbar-spacer {
    display: block;
    /* width: 100%; */
    /* height: 6.5rem; */
    background: #000; /* 800*/
    z-index: 99;
    border-top: 0px solid #eee;
    border-bottom: 1px solid #eee; }
.navbar-spacer {
    display: none; }
.navbar > .container {
    width: 100%; }
.navbar-list {
    list-style: none;
    margin-bottom: 0; }
.navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0; }
.navbar-link {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2rem;
    margin-right: 35px;
    text-decoration: none;
    line-height: 4.5rem;
    color: #fff; }
.navbar-link.active {
    color: #33C3F0; }

/* Larger than tablet */
@media (min-width: 750px) {
  /* Navbar */
  .navbar + .docs-section {
    border-top-width: 0; }
  .navbar,
  .navbar-spacer {
    display: block;
    width: 100%;
    height: 6.5rem;
    /* background: #000; */
    z-index: 99;
    border-top: 0px solid #eee;
    border-bottom: 1px solid #eee; }
  .navbar-spacer {
    display: none; }
  .navbar > .container {
    width: 100%; }
  .navbar-list {
    list-style: none;
    margin-bottom: 0; }
  .navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0; }
  .navbar-link {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2rem;
    margin-right: 35px;
    text-decoration: none;
    line-height: 6.5rem;
    color: #fff; }
  .navbar-link.active {
    color: #33C3F0; }
  .has-docked-nav .navbar {
    position: fixed;
    top: 0;
    left: 0; }
  .has-docked-nav .navbar-spacer {
    display: block; }
  /* Re-overiding the width 100% declaration to match size of % based container */
  .has-docked-nav .navbar > .container {
    width: 80%; }


  /* Popover */
  .popover.open {
    display: block;
  }
  .popover {
    z-index: 99;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    top: 92%;
    left: -50%;
    -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
       -moz-filter: drop-shadow(0 0 6px rgba(0,0,0,.1));
            filter: drop-shadow(0 0 6px rgba(0,0,0,.1)); }
  .popover-item:first-child .popover-link:after, 
  .popover-item:first-child .popover-link:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .popover-item:first-child .popover-link:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px; }
  .popover-item:first-child .popover-link:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eee;
    border-width: 11px;
    margin-left: -11px; }
  .popover-list {
    padding: 0;
    margin: 0;
    list-style: none; }
  .popover-item {
    padding: 0;
    margin: 0; }
  .popover-link {
    position: relative;
    color: #222;
    display: block;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.0rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: .1rem; }
  .popover-item:first-child .popover-link {
    border-radius: 4px 4px 0 0; }
  .popover-item:last-child .popover-link {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 0; }
  .popover-link:hover {
    color: #fff;
    background: #33C3F0; }
  .popover-link:hover,
  .popover-item:first-child .popover-link:hover:after {
    border-bottom-color: #33C3F0; }
}


.table-container {
    display: table;
    height: 100%;
    width: 100%;
}
.table-block {
    display: table-row;
    height: 1px;
}
.footer-push {
    height: auto;
}
#footer {
    /* Placeholder footer styles */
    text-align: center;
}

.tag {
    padding: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 6px;
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 5px;
    float: left;
    font-size: 80%;
}

.tag a {
    text-decoration: none;    
    color: black;
}



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    font-size: 80%;
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: left;
  /*border-radius: 6px;*/
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.people_square {
    width: 220px;
    height: 200px;
    object-fit: cover;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
    object-fit: cover;
}