/* $Date: 2023.10.04 $  $Author: J D White $  $Website: https://www.AiZhu.com $ */
/* Make responsive Website -- 2 columns for large screen, 1 col for narrow screen*/
body{ font-size: max(2.3vw, 1.0em);text-align: center; 
	background: #EEEEEE; margin-left:auto; margin-right:auto;} 
h1 { text-align: center; font-size: 4.5vw; font-weight: Bold; vertical-align: middle; padding-top: 0; margin-top: 0;}
h2 { font-size: 1.2em; font-weight: Bold;}
h3 { font-size: 1.1em; font-weight: Bold; color: Purple;}
h4 { font-size: 0.9em; font-weight: Bold;}
footer { font-size: 0.7em; text-align: center; }
nav {text-align: center;  	font-size: 2.8vw; font-weight: bold; }
p {padding: 0px;}

A {color: Blue; font-style: Normal; font-weight: Normal; text-decoration:  underline;}
A:hover { color: Red;}
.vs  {color: Blue; font-weight: Bold; vertical-align: super; font-size: 0.6em; font-family:consolas, "consolas", monospace;}
.note { font-size: 0.8em;}
.py { color: #666666; vertical-align: super; font-size: 0.6em;} 
.homeicon {width: 3.5%; vertical-align: middle;}
.homeicon_big {width: 6%; vertical-align: top;}
.icon {width: 20%; max-width:300px;}
.shortform {color: Green; font-weight: Bold;}
.exception {color: Red;font-weight: Bold;}
.emphasis {font-weight: bold;}
.top {border: 0.01em solid black;}
.hebrew { lang: he; font-size: 1.4em;}


.button_cut, .button_vis {font-size: max(2.0vw, 1.1em); background: #BBBBBB;border-radius: 8px; border: solid 2px Black;}
.button_cut {color:black;}
.button_vis {color:white;}
.button_cut:hover, .button_cut:focus, .button_cut:active  {background: red;} 
.button_vis:hover, .button_vis:focus, .button_vis:active  {background: red;} 


.link_button {
    border-radius: 1vw;
	font-size: 2.5vw;
    border: solid 0.3vw Black;
    background: #DDDDDD;
    padding-right: 0.5vw;
	padding-left: 0.5vw;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
    text-decoration: none;
}
.link_button:hover, .link_button:active {background: blue;}



/* for Javascript input form on index */
.formset {font-size: max(3.0vw, 1vw); vertical-align: middle;}
.formsetb {font-size: max(2.7vw, 0.6vw); vertical-align: middle; 
	background: #DDDDDD; border-radius: 5px;border: solid 2px Black;}

/* to allow 2 or 1 column display in bible index*/
table {width: 100%;}
* {box-sizing: border-box;}
.column { float: left; width: 50%; padding-left: 2em;padding-right: 2em;}
.row:after { content: ""; display: table; clear: both;}
@media screen and (max-width: 600px) {
	.column {width: 100%;}
    body { font-size: 5vw;} 
    .link_button {font-size: 4vw; }
	nav { font-size: 4.3vw;}
	.homeicon_big {width: 8%;}	
}