/* cmsms stylesheet: tirthomas modified: Sunday, July 27, 2025 5:48:58 PM */
/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/montserrat-v29-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gaeilge";
  src: url('/assets/fonts/Gaeilge.ttf');
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Kells";
  src: url('/assets/fonts/kellunc.ttf');
}
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
.w3-row-padding img {margin-bottom: 12px}

/* scale fonts of poems depending on screen size */
.tt-poem-test {font-size: 2vh;}
/* If the screen size is 601px wide or more, set the font-size to 18px = w3-large */
@media screen and (min-width: 601px) {
  .tt-poem {
    font-size: 18px;
  }
}
/* If the screen size is 600px wide or less, set the font-size of <div> to 14px */
@media screen and (max-width: 600px) {
  .tt-poem {
    font-size: 14px;
  }
}
/* If the screen height is 800px or less */
@media screen and (max-height: 800px) {
  .tt-image {
    max-height: 600px;
  }
}
@media screen and (min-height: 801px) {
  .tt-image {
    max-height: 800px;
  }
}

/* scale font of main heading depending on screen size */
/* If the screen size is 601px wide or more, set the font-size to 64px = w3-jumbo */
@media screen and (min-width: 601px) {
  .main-header h1 {font-size:64px!important}
}
/* If the screen size is 600px wide or less, set the font-size to 48px */
@media screen and (max-width: 600px) {
  .main-header h1 {font-size:48px!important}
}


/* Set the width of the sidebar to 120px */
.w3-sidebar {width: 120px;background: #222;}

/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
#main {margin-left: 120px}

/* Remove margins from "page content" on small screens */
@media only screen and (max-width: 600px) {#main {margin-left: 0}}

.tt-padding-tiny {padding:1px!important}