/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/***** Base *****/
/** 7 SEPT 2025: need ot turn off stuff to find out why Subtitle is now si high**/



@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

/* tmp DISABLE
h1, h2, h3, h4, h5, h6 {
  font-family: $heading_font;
  font-weight: 400;
  margin-top: 0.15em; 
  margin-bottom: 0.15em; /* 0.15em */
}
*/


/* pbm: 7-09-25 PROBALBY JUST THESE h1 AND h2 THAT ARE USED DIFFERENTLY IN HS ->>IT WAS SEE COMMENTED OUT pbm: 7-09-25
h1 {
  font-size: 24px;
pbm: 7-09-25 */
  /* line-height: 1.5;*/
/* pbm: 7-09-25
}

/* added 6-10-2022: line-height for formatting of white space between headings, paragrpahs and also bullets*/
/* pbm: 7-09-25: activating as we have H2 from articles imported*/
/* pbm: 7-09-25*/



/* pbm: 7-09-25 NOTE TO ADD H5 6 AND ? INOT CSS TO CONTROL AS HS HAS MORE HEASDING BUT AFTER RESVERED H1,H2*/


/* added 6-10-2022 for formatting of white space between headings, paragrpahs and also bullets*/
/* or use margin-top: 25px;*/


/***** Articles: 1 pixel border + margins for images in body *****/
.article-body img {
  outline: 1px solid black;
  outline-offset: -1px;
  margin-top: 8px;
  margin-bottom: 8px;
}



/***** Articles: Tables -> Border etc *****/

.table-responsive td {
  border: 1px solid #888888 !important;
}

/***** Articles: Tables -> Border etc *****/

.table-responsive {
  border: 1px solid #CCCCCC;
  width: 100%;
  border: 1px solid #888888 !important;
}


/***** Articles: No border for images in body with this class *****/
.Image_BorderOff {
  outline: 0px !important;
  box-shadow: 0 0 0 0, 0 0 0 0 !important;
}

/***7 Sept 2025: add for converting Tables in ZD to Divs for import to HS**/

.grid-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));  /*was 150px*/
  gap: 1rem;
  background: #f9f9f9;
  padding: 0.5rem;  /*was 1rem*/
  border-radius: 6px;
}

.grid-cell {
  padding: 0.10rem; /*was 0.5rem*/
  /* border: 1px solid;  /*was 2px*/
  color: #000000;
}

/*peterm: 24Sept2025: use tblconverter tools: https://myremoteva.com/free-text-tools/free-html-table-to-div-converter */

/* Generated CSS */
.div-table {
  display: block;
  
  border-collapse: collapse;
}

.div-row {
  display: flex;
}

.div-header,
.div-cell {
  padding: 10px;
  border: 1px solid #ccc;
  background: #ffffff;
  color: #000000;
  font-size: 16px;
  flex: 1;
}

.div-header {
  background: #f1f3f5;
  font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
  .div-table {
    display: block;
  }
  .div-row {
    display: block;
  }
  .div-header, .div-cell {
    display: block;
    width: 100%;
    font-size: 14px;
  }
}


/* Generated CSS */
.div-table-grid {
  display: grid;
  grid-template-columns:repeat(1,1fr);
  border-collapse: collapse;
}

.div-row-grid {
  
}

.div-header-grid,
.div-cell-grid {
  padding: 10px;
  border: 1px solid #ccc;
  background: #ffffff;
  color: #000000;
  font-size: 16px;
  
}

.div-header-grid {
  background: #f1f3f5;
  font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
  .div-table-grid {
    display: block;
  }
  .div-row-grid {
    display: block;
  }
  .div-header-grid, .div-cell-grid {
    display: block;
    width: 100%;
    font-size: 14px;
  }
}