@font-face {
  font-family: ogreetsComicSans;
  src: url("/fonts/ComicNeue/ComicNeue-Regular.ttf");
}

@font-face {
  font-family: ogreetsSerif;
  src: url("/fonts/PT_Serif/PTSerif-Regular.ttf");
}

@font-face {
  font-family: ogreetsSansSerif;
  src: url("/fonts/Roboto/Roboto-Regular.ttf");
}



*{margin:0;box-sizing:border-box;}

html {
  overflow-y: scroll;
  overflow-x:hidden;
}

body{
	font-family: ogreetsSansSerif;
  margin:0 auto;
  max-width:100% !important;
  padding:0px;
  max-width:100%;
}


.noScroll {
  position: fixed;
  height: 100%;
  overflow: hidden;
}




textarea { 
	resize: none;
  border: 1px solid #ddd;
}

*:focus {

}

input, select{
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  height:40px;
  background-color:white;
}

input, textarea, select{
  font-family: ogreetsSansSerif;
  font-size:1.2em;
}

input[type=checkbox] {
  height: 20px;
  width: 20px;
}




.field-group{
  display: table;
  border-collapse: collapse;
  width:100%;
  margin:8px;
}
.field-group > div{
  display: table-cell;
  vertical-align: middle;  /* needed for Safari */
}


.addon{
  background:#ccc;
  color: #383838;
  display:table-cell;
  vertical-align: middle;
}
.addon-pre{
  border-radius:6px 0px 0px 6px;
  width:2%;
  white-space:nowrap;
  padding:10px;
}
.addon-post{
  border-radius:0px 6px 6px 0px;
  width:2%;
  white-space:nowrap;
  padding:10px;
}





.field-w-addon-pre {
  border-radius:0px 6px 6px 0px;
  padding: 8px;
}

.field-w-addon-post {
  border-radius:6px 0px 0px 6px;
  padding: 8px;
}

.field-only {
  border-radius:6px 6px 6px 6px;
  padding: 8px;
}



.icon:hover .icon-path {
  fill: #2a2a2a;
}


button {
  padding:10px;
  border:1px solid #ddd;
  border-radius:6px 6px 6px 6px;
  cursor:pointer;
  margin:8px;
  font-size:1.4em;
  box-shadow: 4px 4px 4px #ccc;
  font-family: ogreetsSansSerif;
}

button:hover {
  border:1px solid #aaa;
  box-shadow: 6px 6px 6px #ccc;
}



.antiRobot {
  display: none;
}






.centered {
	text-align: center;
}




/* modal stuff */
.modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}


.modal-header-title {
  color:#bbb;
  font-size: 2em;
}

.modal-closer-x {
  font-size: 3em;
  font-weight: 800;

  color:#ddd;
}

.modal-closer-x:hover {
  color:#aaa;
}


.signUpPageContainer {
  margin:0 auto;
  max-width:100% !important;
  padding:0px;
}



.homepageContainer {
  margin:0 auto;
  max-width:100% !important;
  padding:0px;
}

.catalogPageContainer {
  margin:0 auto;
  max-width:100% !important;
}



.bookletPageContainer {
  display:flex;
  align-items:center;
  justify-content:center;
}

.bookletPageList {
  margin:10px;
}

.bookletPageLink:link, .bookletPageLink:visited, .bookletPageLink:hover {
  color: #999;
  text-decoration:none;
}