/*

    lavis core style (as per hsrm style guide)

      dark grey:     #333333
      mid grey:      #dddddd
      light grey:    #efefef
      red:           #fc0019
      dark red:      #96000f

*/

html, body {
    height: 100%;
}

body {
    background: #efefef;
    font: 16px/1.5em sans-serif;
    color: #333;
    height: 100%;
}

a {
    text-decoration: none;
    color: #96000f;
}

a:hover {
    color: #fc0019;
}

img.auto {
    width: 100%;
    margin: 0em 0;
}

h1 {
    font: 2em bold;
}

h1, h2, h3 {
    line-height: 1.5em;
}

.content h1 {
    font-size: 1.7em;
    text-align: center;
}

em {
    font-weight: bold;
}

it {
    font-style: italic;
}

hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 1em 0;
}

.disabled {
    color: #999;
}



/* -------------------- */

header, footer {
    padding: 2em;
    text-align: center;

    /* position: relative; */
    /* z-index: 2; */

    -webkit-box-shadow: 10px 10px 50px 0px #ddd;
    -moz-box-shadow: 10px 10px 50px 0px #ddd;
    box-shadow: 10px 10px 50px 0px #ddd;
}

header {
    background:
	url("../img/logo.lavis.png") no-repeat 2em 2em,
	url("../img/logo_ssmt.png")  no-repeat right 2em top 2em,
	white;
    background-size: 8em;
    border-bottom: 1px solid #ddd;

}

@media (max-width: 991.98px) {
  header {
      background-image: none;
  }
}

header h1 {
    margin-bottom: 0.5em;
}

header nav > ul > li,
.content nav ul > li {
    display: inline-block;
    padding: 0.5em 0.2em;
    margin: 0 0.2em;
}

header li > a,
.content nav li > a {
    color: black;
    border-bottom: 5px solid #efefef;
    display: inline-block;
    padding-bottom: 0.2em;
}

header li > a.active,
.content nav li > a.active {
    border-color: #fc0019;
}

header li > a:hover,
.content nav li > a:hover {
    border-color: #fc0019;
}

div.logo img { width: 110px; }
header div.logo.right { float: right; }
header div.logo.left { float: left; }

/* -------------------- */

.content-wrapper {
    min-height: 100%;
    position: relative;
    padding-bottom: 145px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%; height: 120px;
    background: white;
    border-top: 1px solid #ddd;
}

footer img {
    height: 5em;
    float: left;
}

footer ul {
    float: right;
    text-align: right;
}

footer ul > li {
    margin-top: 0.3em;
}


/* -------------------- */

.content.container {
    background: white;
    margin-top: 25px;
    border: 1px solid #ddd;
}

.container {
    padding-top: 2em;
}

.content h2 {
    padding: 15px 0;
    font-size: 1.4em;
    border-bottom: 1px solid #ddd;
}

.content h3 {
    font-size: 1.4em;
    color: #666;
    margin-bottom: 1em;
}

.content p {
    margin-bottom: .3em;
}

.content li {
    margin-bottom: 1em;
}

.content nav ul {
    text-align: center;
}

.content nav li {
    display: inline-block;
}

.col > div.wrap {
    padding: 0 2em 2em 2em;
}

.col > div.wrap.no-bottom {
    padding-bottom: 0;
}


/* -------------------- */

.card {
    line-height: 2em;
    padding-bottom: 1em;
}

.wrap.card img {
  width: 400px;   /* fixed width */
  height: auto;   /* keeps aspect ratio */
}

.wrap.card.small img {
  width: 250px;   /* fixed width */
  height: auto;   /* keeps aspect ratio */
}

.wrap.card.mini img {
  width: 180px;   /* fixed width */
  height: auto;   /* keeps aspect ratio */
}

.card img {
    border: 1px solid #ddd;
    width: 30%;
    display: inline-block;
    margin-right: 2em;
}

.card.small img {
    margin-right: 1em;
}

.card div {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 62%;
}

.card span {
    white-space: normal;
    font-size: 0.7em;
    line-height: 1.5em;
    display: block;
    padding-top: 0.5em;
}


/* -------------------- */

.projects {
    text-align: justify;
}

.projects img {
    border: 0px solid #ddd;
    padding: 2em;
}

.projects h3 {
    padding-top: .6em;
}

.projects img.right {
    float: right;
    margin: 2em 0 2em 3em;
    width: 40%;
}

.projects ul {
    list-style: disc;
    padding-left: 1em;
}

b {
    font-weight: bold;
}

.highlight {
    font-weight: bold;
    color: #fc0019;
}

/* -------------------- */

.publications em {
    display: block;
}

.publications span {
    font-size: 0.9em;
    width: 80%;
    display: block;
}



/* -------------------- DeepCA -------------------- */

.deepca-logos ul {
    text-align: center;
}

.deepca-logos li {
    display: inline-block;
    width: 10%;
    margin: 1em 2em;
}

.deepca-logos img {
    width: 100%;
}

.deepca-blog .disabled {
    padding-top: 1em;
    display: block;
}

.deepca-blog p {
    margin-bottom: 1em;
}



table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 4px; /* Adjust the padding value as needed */
}
th {
    background-color: #f2f2f2;
}
th.time {
  width: 13%
}