/* Here I can add all the CSS styles that I want applied to all posts */

/* apply this optoions to screens biggern than 1200p */
.quarto-container {
    max-width: 95% !important;
    margin: 0 auto; /* Center the content */
}


/* center figure caption */
figcaption {
  margin: auto;
  text-align: center;
}

/*Justify the text of the blog posts*/
div {
  text-align: justify;
}

/* set the size of the captions */
.panel-caption, caption, .figure-caption {
    font-size: 1.2rem;
}

/* center the tables withour full width. For several styles of tables */
.lightable-paper {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.lightable-classic {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

table, .table {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

/* css options for the app. the object is iframe */
iframe {
  /*height: 800px;*/
  margin:0 auto;
  /*min-width: 100%;*/
  width: 100%;
  resize: both;
  overflow: auto;
}

/* special options for the videos */
.video {
     text-align: center;
     width: 70%;
     height: 300px;
 }

 .container {
    text-align: center;
 }

/* Only shrink text inside the divorce-law table */
.small-table table {
  font-size: 0.85rem;   /* ↓ tweak as you like */
  line-height: 1.25;    /* optional: tighten rows */
}

/* Optional: even smaller on phones */
@media (max-width: 600px) {
  .small-table table { font-size: 0.75rem; }
}


/* Contact details on the personal page (tabs/miguel-salema.qmd) */
.contact-grid {
  margin: 1.75rem 0;
  text-align: left;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}
.contact-grid p {
  position: relative;
  margin: 0;
  padding: 0.6rem 0 0.6rem 5.5rem;
  text-align: left;
}
.contact-grid p + p {
  border-top: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
}
.contact-grid .cg-label {
  position: absolute;
  left: 0;
  color: var(--bs-secondary-color, #6c757d);
}

/* Research, Teaching, Other Stuff: left-align entries (the global justify stretches short titles) */
.research-page p { text-align: left; }

/* Research page: drop-down boxes (Abstract, note) in tabs/research.qmd */
.research-page .abstract {
  margin: 0.6rem 0 1rem 0;
  padding: 0.75rem 1rem;
  font-size: 0.95em;
  background: #f1f3f5;
  border-radius: 4px;
}
.research-page .abstract p { margin: 0; text-align: justify; }
.research-page h2 {
  margin-top: 2.5rem !important;
  padding-bottom: 0.4rem !important;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6) !important;
}

/* Research, Teaching, Other Stuff: discreet bullet before each entry */
.research-page section > p {
  position: relative;
  padding-left: 1.1rem;
}
.research-page section > p::before {
  content: "•";
  position: absolute;
  left: 0.15rem;
  color: #9aa0a6;
}