html, body {
	margin: 0;
	padding: 0;
	top:0;
	bottom:0;
	right:0;
	left:0;
	font-family: "Domine", serif;
	font-optical-sizing: auto;
	font-weight:300;
	color:white;		
	background: rgb(168,121,74);
	background: url('../img/sitebg.png');	
    background-repeat: repeat-y;
	background-size:contain;
	color:black;
}

html
{
  scroll-padding-top: 9vw; /* height of sticky header */
}

body input, select{
	cursor:pointer;
}

i {
	font-style:italic;
}

emp {
	font-style:italic;
}

b {
	font-weight:bold;
}

a {
	box-sizing:border-box;
}

b, strong {
	font-weight:bold;
}


a:link {text-decoration: underline; font-weight:bold; color:#bc3c35;}
a:visited {text-decoration: underline; font-weight:bold; color:#bc3c35;}
a:active {text-decoration: underline; font-weight:bold; color:#bc3c35;}
a:hover {text-decoration: none; font-weight:bold; color:black;}


div {
	box-sizing:border-box;
}

button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: grey;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: grey;
}

ul, li {
	list-style-type: square;
	margin-left:25px;
	box-sizing: border-box;
	padding:5px;
}

figure {
	padding:0px;
	margin:0px;
}

blockquote{
	padding:15px;
	background-color:rgba(0,0,0,.5);
	font-weight:bold;
	font-size:20px;
}

#powered{
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	text-align:center;
}

#language_select{
	position:absolute;
	top: 10;
	z-index:9999;
	box-sizing:border-box;
	padding:10px;
}

#language_select img{
	padding:10px;
	cursor:pointer;
}

#language_contact{
	display:inline-block;
	height:100%;
	vertical-align:top;
	box-sizing:border-box;
	padding-top:10px;
	font-size:20px;
}


#language_contact a:link {text-decoration: underline; font-weight:bold; color:white;}
#language_contact a:visited {text-decoration: underline; font-weight:bold; color:white;}
#language_contact a:active {text-decoration: underline; font-weight:bold; color:white;}
#language_contact a:hover {text-decoration: none; font-weight:bold; color:black;}

.wp-block-embed-youtube {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.wp-block-gallery{
	display:table;
	table-layout:fixed;
	width:100%;	
}

.wp-block-gallery .wp-block-image{
	display:inline-block;
}

h2 {
	padding:0;
	margin:0;
}

.screen-reader-text{
	display:none;
}

.nav-links{
	font-size:25px;
}

.nav-links div{
	display:inline-block;
	padding:15px;
}

.navigation {
	width:100%;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

.entry-title{
	width:100%;
	text-align:center;
	font-size:30px;
}

.entry-meta{
	width:100%;
	text-align:center;
	font-size:15px;
}

.entry-footer span {
	box-sizing:border-box;
	padding:20px;
}

.post-navigation { 
	width: 90%;
}

.page-header{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	margin-top:15px;
	background-color:rgba(80,100,150,.3);
}

.page-title{
	width:100%;
	text-align:center;
}

.archive-description{
	width:100%;
	text-align:center;
	font-size:25px;
}

.site-info{
	display:none;
}

.site-header{
	display:none;
}

.widget-area{
	display:none;
}

.site-logo-img {
    padding-right: 0;
}

.border{
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:104px;
	background: url('../img/border.png');	
	background-repeat:no-repeat;
	background-position:center;
	margin-top:15px;
	margin-bottom:15px;
}

.border_top{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	background: url('../img/border_top.png');	
	background-repeat:no-repeat;
	background-size: contain;
	background-position:top;
}

.border_bottom{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	background: url('../img/border_bottom.png');	
	background-repeat:no-repeat;
	background-size: contain;
	background-position:bottom;
}

article,.error-404 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
   padding-bottom: 15px;
  background-color: rgba(255,255,255,.1);
  padding-bottom: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height:26px;
}

.page-header {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding:15px;
  margin-top: 15px;
  background-color: rgba(80,100,150,.3);
}

.entry-meta {
  width: 100%;
  text-align: center;
  font-size: 15px;
}

.entry-title {
  width: 100%;
  text-align: center;
  font-size: 30px;
}

.entry-content{
	font-size:18px;
	padding-top:25px;
}

.page_title{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:30px;
}

.readmore {
  font-size: 30px;
  right: 0;
  position: absolute;
  padding-right: 300px;
}

.site-main,
.comments-area{
	position:relative;
	z-index:0;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	color:black;
}

#books_front{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#recent_posts{
	width:100%;
	text-align:center;
	background-color:#e6e7e8;	
}

#recent_title{
	font-size:30px;
}

#recent_posts table{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	text-align:left;
	font-size:20px;
}

#recent_posts td{
	padding:10px;
}


#logo{
	margin-top:25px;
	width:100%;
	text-align:center;
	display:block;
	padding:0;	
}

.shop_links{
	width:80%;
	text-align:center;	
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;	
}

.shop_links img {
	box-sizing:border-box;
	padding:15px;
}

#shop_links img{
	max-width:800px;
	padding:15px;	
}

.published_table .shop_links a {
	display:block;
}

#hero img{
	width:100%;
	display:block;
}

#hero_bg{
	position:relative;
	z-index:1;
	pointer-events:none;
	width:100%;
	background: url('../img/hero_bg.png');
	background-attachment:fixed;	
	background-size:contain;
}

#hero_curve{
	position:absolute;
	z-index:6;
	pointer-events:none;
	width:100%;
}

#hero_gradient{
	position:absolute;
	z-index:3;	
	pointer-events:none;
	width:100%;
}

#hero_menubg{
	position:absolute;
	z-index:2;
	pointer-events:none;
	width:100%;
}

#hero_typewriter{
	position:absolute;
	z-index:4;
	pointer-events:none;
	width:100%;
}

#footer{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#footer_table{
	margin-top:25px;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	table-layout:fixed;
	text-align:center;
}

.wpcf7-form input {
	width:100%;
	height:50px;
}

.wpcf7-form,#contact{
	width:80%;
	margin-left:auto;
	margin-right:auto;	
	margin-top:25px;
}

#contact_title{
	width:100%;
	text-align:center;
	font-size:30px;
	color:white;
}

#contact input {
	width:100%;
}

#contact_text{
	color:black;
	padding:15px;
}

.wpcf7-submit {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	cursor: pointer;
	border: none;
	margin-top: 25px;
	color: #fff;
	font-size: 30px;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #bc3c35;
}

#credits{
	width:100%;
	text-align:center;
	padding:30px;	
}

#toggle{
	display:none;	
}

#toggle:checked + #reveal {
	display:block;
}

#reveal {
	padding:25px;
    display:none;
}

#credits label {
    background: #bf807c;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
	display:block;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	cursor:pointer;
}

@media only screen and (min-width : 1025px) and (max-width : 1700px) {		

	
}


@media only screen and (min-width : 0px) and (max-width : 1024px) {		

	#language_contact{
		display:none;
	}

	#language_select{
		display:block;
		position:relative;
		text-align:center;
		background-color: #bc3c35;
		padding:0px;
	}

	.shop_links{
		width:85%;
	}

	.guts {
		width:90%;
		padding:5px;
	}
	
	.readmore {
	  font-size: 25px;
	  position: relative;
	  right:0;
	  padding-right:15px;
	}	

	#logo{
		width:50%;
		margin-left:auto;
		margin-right:auto;
		margin-top:25px;
	}
	
	#hero_curve{
		display:none;
	}
	
	#hero_gradient{
		display:none;
	}

	#hero_typewriter{
		position:relative;
	}

	#hero_bg{
		display:none;
	}
	
	#credits label {
		width:85%;
	}
	
}