/**
 * The geosuggest module
 * NOTE: duplicated font-sizes' are for browsers which don't support rem (only IE 8)
 */
 .geosuggest {
    font-size: 1rem;
    position: relative;
    width: 100%;
    margin: 1em auto;
    text-align: left;
  }
  .geosuggest__input {
    font-size: 1rem !important;
    /* font-size: 1rem !important; */
    width: 100%;
    border: 2px solid transparent;
    box-shadow: 0 0 1px #3d464d;
    padding: .5em 1em;
    -webkit-transition: border 0.2s, box-shadow 0.2s;
            transition: border 0.2s, box-shadow 0.2s;
  }
  .geosuggest__input:focus {
    border-color: #267dc0;
    box-shadow: 0 0 0 transparent;
  }
  .geosuggest__suggests {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 25em;
    padding: 0;
    margin-top: -1px;
    background: #fff;
    border: 2px solid #267dc0;
    border-top-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    z-index: 5;
    -webkit-transition: max-height 0.2s, border 0.2s;
            transition: max-height 0.2s, border 0.2s;
  }
  .geosuggest__suggests--hidden {
    max-height: 0;
    overflow: hidden;
    border-width: 0;
  }
  
  /**
   * A geosuggest item
   */
  .geosuggest__item {
    font-size: 1rem;
    padding: .5em .65em;
    cursor: pointer;
  }
  .geosuggest__item:hover,
  .geosuggest__item:focus {
    background: #f5f5f5;
  }
  .geosuggest__item--active {
    background: #267dc0;
    color: #fff;
  }
  .geosuggest__item--active:hover,
  .geosuggest__item--active:focus {
    background: #ccc;
  }
  .geosuggest__item__matched-text {
    font-weight: bold;
  }
/* 
	printer-friently page with css 
	either applied in addition to screen styling (use screen style as print base for most case)
	or applied as seperate styles (use seperate style for radically different output)
	https://www.sitepoint.com/css-printer-friendly-pages/
	https://printjs.crabbly.com/
	https://developer.mozilla.org/en-US/docs/Web/Guide/Printing
	https://material-ui.com/system/display/
	https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
	https://medium.com/@Idan_Co/the-ultimate-print-html-template-with-header-footer-568f415f6d2a
	http://www.lsoft.com/manuals/maestro/3.3/htmlhelp/interface%20customization/toc.html
	https://www.w3.org/TR/WD-CSS2-971104/page.html
	https://pagedjs.org/
	https://print-css.rocks/lessons
	https://www.princexml.com/doc/paged/
  https://www.w3.org/TR/css-page-3/
	
*/

/* override styles when printing */
@page {

	/****** Page style *******/
	margin: 20mm;


	/******  Page size *******/

	/* Use A4 paper */
	/* size: A4; */

	/* Use A4 paper in landscape orientation */
	/* size: A4 landscape; */

	/* custom sizes */
	/* size: 30cm 40cm; */
	/* size: 40cm 30cm landscape  */

	 /* Use square paper, this sets width and height */
	/* size: 30cm; */

	/* specify the page dimensions in pixels */
	/* size: 1280px 960px; */
}

@page body:left {
	@top-left {
		content: counter(page);
		vertical-align: bottom;
	}
	@top-right {
		content: "Chapter " counter(chapter) ": " string(chapter);
		vertical-align: bottom;
	}
}

@media print {
	html, body {margin: 0; color: #000; background-color: #fff;}
	thead {display: table-header-group;} 
	tfoot {display: table-footer-group;}
	p.bodyText {font-family:georgia, times, serif;}
	button {display: none !important;}
	.new-page { 
		/* break-after: page; */
		/* page-break-before: always; */
    padding: 0;
    margin: 0;
    border: none;
	}
}

@media screen {
	.new-page { 
    margin: 10px 0 0 0;
    padding: 10px 0;
    border-top: 1px dashed #c5c5c5;
	}
}
/* .page {
	break-after: page;
} */

.page-header, .page-header-space {
	height: 100px;
}

.page-footer, .page-footer-space {
	height: 50px;
}

.page-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	border-top: 1px solid black; /* for demo */
	background: yellow; /* for demo */
}

.page-header {
	position: fixed;
	top: 0mm;
	width: 100%;
	border-bottom: 1px solid black; /* for demo */
	background: yellow; /* for demo */
}

a {
	color: inherit; 
	text-decoration:none !important; 
}

a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
}