/* the following makes blockquotes gray and also indents them a bit. */

blockquote {
/*  background: #f9f9f9;  */
    background: #fefefe;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
	
/* to make the search button green */
form.form-inline button {
  float: left; 
  /* width: 20%;*/
  padding: 8px; 
  background: 	#32CD32; /* lime green rather than blue --> *#2196F3; */
  color: white;
  font-size: 12px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  /* cursor: pointer; */
}
/* provides search button in css rather than using fontawesome 
using https://css.gg/search */
.gg-search {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 100%;
    margin-left: -4px;
    margin-top: -4px
}

.gg-search::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 8px;
    background: currentColor;
    transform: rotate(-45deg);
    top: 10px;
    left: 12px
}

/* copied from https://gomakethings.com/how-to-break-an-image-out-of-its-parent-container-with-css/ 
.full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
/* to solve printing in chrome, from https://stackoverflow.com/questions/28150929/why-website-printed-with-chrome-is-using-mobile-layout/49918477#49918477 
* This does not work.

@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm;
  }
  .container {
    width: 1170px;
  }
}
*/