/* Fonts and Typography */

/*
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Inter-roman.otf') format('opentype');
  font-weight: 100 900;
}
*/

/* https://rsms.me/inter/ */

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

/* Make the footer stay at the bottom and adjust for the Admin Bar */

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  & > :last-child {
      margin-top: auto;
  }
}

body.admin-bar .wp-site-blocks {
  min-height: calc(100vh - 32px); 
}

@media(max-width: 782px){
  body.admin-bar .wp-site-blocks {
   min-height: calc(100vh - 46px); 
  }
}


body {
  color:#000;
}

body, input, select, textarea, button {
  font-family: var(--sans);
  font-size: var(--txt-base);
  line-height: 1.5;
}

b,strong {
  font-weight: 700;
}

h1,h2,h3,h4,h5,h6 { 
  font-weight: bold; 
}


:is(p, ul, ol, details, dl) + :is(h2, h3, h4, h5, h6) {
  margin-top: 2rem;
}

/* Drop Caps */

.has-drop-cap:not(:focus):first-letter,
.nctext-dropcap .nctext_paragraphs > p:first-of-type::first-letter {
  --cap-size: 5.4em;
  --cap-color: currentColor;
  --cap-font: inherit;
  --cap-weight: 500;
  --cap-lines: 3;
}

/* this class is used for native WP blocks */
.has-drop-cap:not(:focus):first-letter,
/* this class is used for Text Columns block */
.nctext-dropcap .nctext_paragraphs > p:first-of-type::first-letter {
  float: left;
  font-family: var(--cap-font);
  font-size: var(--cap-size);
  font-weight: var(--cap-weight);
  line-height: .68;
  margin: .05em .1em 0 0;
  text-transform: uppercase;
  color: var(--cap-color);
  initial-letter: var(--cap-lines);
  margin-inline-end: 0.2em;
}


/* Content block spacing */

.wp-block-post-content {

  & > * {
    width: var(--width-limit);
    max-width:var(--width-standard);
    margin-inline:auto;
  }

  & > .alignwide {
    max-width:var(--width-wide);
  }

  & > .alignfull {
    max-width:100%;
    width:100%;
  }
}


/* Links in Content */

.wp-block-post-content,
.wp-block-comment-content {

  :is(p, li) a:not([class]) {
    text-decoration: underline solid 0.08em currentColor;
    text-underline-offset: 0.12em;
    position: relative;
    top: 0px;
  }

  :is(p, li) a:not([class]):active,
  :is(p, li) a:not([class]):focus {
    top: 2px;
  }

  :is(p, li) a:not([class]):hover {
    text-decoration: none;
  }
  
  /* Link and Button Indicator for new window */
  :is(p, li) a[target="_blank"]:not(.wp-block-social-link-anchor):after,
  .wp-block-button__link[target="_blank"]:after {
    content: '\00A0\ea7e'; /* non breaking space and upward right arrow */
    font-family: 'ncicons';
    font-size: 1.5ex;
  }

}