/*** BASE ***/
html { height: 100%; }
body { height: 100%; margin: 0; min-width: 360px; font-size: 100%; font-family: "Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif; background-color: #FFFFFF; color: #2D275D; background-image: url("background.jpg"); background-size: cover; }
h1, h2, h3, h4  { margin: 0 0 10px 0; }
p, form { margin: 0 0 10px 0; }
img { max-width: 100%; height: auto; }
a { text-decoration: none; color: #575d27; }
a:hover { text-decoration: underline; color: #575d27; }
.hidden { display: none; }
.topbot { width: 100%; height: 10px; }
.center { text-align: center; }
.italic { font-style: italic; }
.field-header { font-weight: bold; }
.field-field {}
.field-label { display: inline-block; }
.field-value { display: inline-block; }
.verse { font-style: italic; font-weight: bold; }
.booktitle { font-style: italic; font-weight: bold; }
.big { font-size: 130%; }

/*** STICKY ***/
#sticky-body, #sticky-push, #sticky-foot { margin: 0; padding: 0; }
#sticky-body { min-height: 100%; height: auto !important; margin: 0 auto -70px; }
#sticky-push, #sticky-foot { height: 70px; clear: both; }


/*** PAGE ***/
#page {	height: 100%; max-width: 1280px; padding: 0 10px; margin: 0 auto; }


/*** HEAD ***/
#head { }
#head-hi {
	text-align: center;
	/*
	padding: 5px;
	border: 1px solid #00414a;
	border-radius: 20px;
	background-color: #00414a;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	*/
}
#head-lo { max-width: 1024px; margin: 0 auto; padding: 5px 5%; }
#logo { }
#menu { }
#menu a.selected { color: #fff200; }
#menu a:hover { color: #fff200; }


/*** BODY ***/
#body {	max-width: 1024px; margin: 0 auto; padding: 10px 5%; }
#body img { max-width: 100%; height: auto; margin: 0px 10px; }
#body img { border: 1px solid #2D275D;  }
	
/*** TAIL ***/
#tail { text-align: center; }
#tail-hi { max-width: 1024px; margin: 0 auto; padding: 0 5% 5px 5%; }
#tail-lo {
	max-width: 1024px;
	margin: 10px auto 0 auto;
	font-size: 80%;
	font-style: italic;
	padding: 5px;
	color: #FFFFFF;
	border: 1px solid #2D275D;
	border-radius: 20px;
	background-color: #2D275D;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}


/*** GOOGLE ***/
#google_translate_element { text-align: center; }


/*** MAIL ***/
#mail { text-align: center; }
#mail form input[type="text"],
#mail form input[type="email"],
#mail form textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #FFFFFF;
	width: 100%;
    margin-bottom: 2%;
    border: 1px solid #2D275D;
    padding: 1%;
    color: #555;
}
#mail form input[type="text"]:focus,
#mail form input[type="email"]:focus,
#mail form textarea:focus {
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); */
	border: 2px solid #3c3d6d;
    padding: 2% 1%;
}
#mail form input[type="submit"] {
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	border: 1px solid #3c3d6d;
	width: 100%;
    padding: 1%;
    background: #2D275D;
    color: #ffffff;
}
#mail form input[type="submit"]:hover,
#mail form input[type="submit"]:focus {
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); */
	font-size: 120%;
	padding: 2% 1%;
	color: #ffffff;
}
/* https://torquemag.io/2021/08/hide-elements-css/ */
div.captcha {
	margin: 0 0 20px 0px !important;
}
.captcha img {
	border: none !important;
	margin: 20px 0px !important;
	vertical-align:	middle !important;
}
#captcha, #lcaptcha_image {
	display: none !important;
}



/*** RESPONSIVE ***/
@media screen and (max-width: 599px) {
	/*
	#head-hi { border: none; border-bottom: 1px solid #2D275D; border-radius: 0; }
	#tail-lo { border: none; border-top: 1px solid #2D275D; border-radius: 0; box-shadow: 0 -2px 5px rgba(0,0,0,0.4); }
	*/
	.topbot { display: none; }
	#page {	padding: 0px; }
}

/*** CLEARFIX ***/
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}