@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

/* Other CSS rules can follow */

body {background-color: #302f2f;
              }

/* Target Omeka item images */
.item-file img, .image-container img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1; /* Forces square ratio */
    object-fit: cover;   /* Crops image to fit without stretching */
    display: block;
}


h1 {
    font-family: 'PT Serif', serif;
    font-size: 1.8em;
    font-weight: 300;
    color: #f0ebe3;
    }

    h2 {
    font-size: 1.5em; 
    font-weight: 200;
    font-style: bold;
    color: #f0ebe3; 
     }

    h3 {
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 1.2em; 
    font-weight: 200;
    color: #f0ebe3; 
     }

    h4 {
    font-size: 1em; 
    font-weight: 500;
    color: #f0ebe3; 
     }

    p {
    font-size: 12pt; 
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 300;
    line-height: 1.6; /* Sets line height to 1.6 times the font size */
    color: #f0ebe3; 
     }

/* unvisited link */

a {
    text-decoration: none;
    font-size: .85em; 
}

a:link {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: .85em; 
    font-weight: 300;
    color: #f4cccc;
    }

/* visited link */
   a:visited {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  text-decoration: none;
  color: #f4cccc;
}

/* mouse over link */
a:hover {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 300;
  text-decoration: none;
  color: #ffe599;
}

/* selected link */
a:active {
  color: #00ff00
}

.resource-template {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 1em; 
    font-weight: 300;
    color: #EDE8D0;
}

 html {
        font: 18px/24px "IBM Plex Sans",sans-serif;
        font-weight: 200;
        color: #EDE8D0;
    }

 .resource.show dt {
        width: 25%;
        font-weight: 400;
        color: #EDE8D0;
        margin: 0;
        text-align: right;
        padding: 0 0 0 24px;
        font-size: 18px
    }