/* --- GENERAL: --- */

body 					{ margin: 5px; padding: 0px; }

a 						{ text-decoration: none } 
a:link					{ color: #0078D0 }
a:visited				{ color: #0068B8 }
a:hover					{ color: #E00000 }

.nobr					{ white-space: nowrap; }

ul, ol					{ margin-left: 8pt; padding-left: 8pt }

body, td, p				{ font-family: arial, helvetica, sans-serif; }
td, p 					{ line-height: 140%; }

form					{ margin: 5; }

sup						{ vertical-align: super; line-height: 0; }

li						{ margin-bottom: 12px; margin-top: 10px }


/* --- CONTENT: --- */

main {
	text-align: 		center;
	max-width:			932px;
	width:				932px;
	min-width:			310px;
	margin:				5px auto;
	padding:			5px;
	box-sizing:			border-box;
}

table.maintable			{ width: 100%; }

table.maintable > tbody > tr:nth-child(2) > td:nth-child(2),
table.maintable > tbody > tr:nth-child(1n+3) > td	{ padding: 10px; }


.sidebar {
	color: 				#002080;
	font-size:			22px;
	font-style:			italic;
	margin:				20px;
	max-width:			335px;
}

.sidebar-left, .sidebar-right {
	display:			inline-block;
	text-align:			center;
	white-space:		nowrap;
	color:				#002080;
	font-size:			16pt;
	font-style:			italic;
	max-width:			335px;
	margin:				6px 20px 25px;
	padding:			15px;
	border:				2px dashed #DDDDDD;
	border-radius:		10px;
}
.sidebar-left			{ float: left; }
.sidebar-right			{ float: right; }


/* --- HEADER: --- */

header {
	text-align: 		center;
	width: 				932px;
	max-width:			932px;
	min-width:			310px;
	margin:				5px auto;
}

/* title bar */

.title-bar {
	display:			flex;
	justify-content:	space-between;
	align-items:		center;
	width:				100%;
}

.logo					{ width: 60px; display: inline-block; }
.title					{ text-align:center; display: inline-block; }
.title-mobile			{ text-align:center; display: none; }
.cart					{ width: 60px; display: inline-block; }

.logo-img 				{ width: 44px;  height: 80px; margin: 0 10; }
.title-img				{ width: 600px; height: 53px; margin: 0 auto;  }
.title-img-mobile		{ width: 180px; height: 61px; margin: 0 auto;  }
.cart-img 				{ width: 36px;  height: 36px; margin: 0 11 }
.cart-img:hover			{ width: 40px;  height: 40px; margin: 0 9 }

/* menu bar */

nav {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	width:				100%;
	margin:				5px auto;
}

.header-menu {
	display:			flex;
	flex-wrap:			wrap;
	justify-content:	center;
	align-items:		center;
	flex-grow:			2;
	flex-shrink:		2;
}

.header-menu-section {
	display:			flex;
	justify-content:	center;
	align-items:		center;
	width:				50%;
}

.header-menu-section > a {
	flex-grow:			1;
	height:				36px;
	line-height:		36px;
	margin:				5px;
	padding:			0px 10px;
	border-radius:		8px;
	font-size:			13pt;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			center;
	display:			inline-block;
}

.header-menu-section > a:hover { border: 2px solid black; margin: 3px; }

.shop-button			{ background-color:#CC3737; color:white !important; }
.articles-button		{ background-color:#0C5BAB; color:white !important; }
.books-button			{ background-color:#009848; color:white !important; }
.counsel-button			{ background-color:#9A009A; color:white !important; }
.art-button				{ background-color:#FF8820; color:white !important; }
.donate-button 			{ background-color:#FFD75E; color:black !important; }


/* search bar */

.search {
	min-width:			200px;
	background-color:	#2C7BCB;
	color:				white;
	flex-grow:			1;
	height:				36px;
	line-height:		36px;
	margin:				5px;
	border-radius:		5px;
	text-align:			center;
	display:			inline-block;

}

.search-form 			{ margin: 5px 0px; }

.search-box {
	width:				70%;
	max-width:			300px;
	min-width:			100px;
	padding:			2px 10px;
	margin:				0px 10px 0px 5px;
	border:				none;
	border-radius:		4px;
	height:				24px;
	vertical-align:		middle;
	box-sizing:			border-box;
	color:				#000000;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12pt;
	font-weight:		bold;
}

.search-button 			{ height:24px; width: 24px; vertical-align: middle; margin: 1px; }
.search-button:hover 	{ height:26px; width: 26px; margin: 0px; }


/* --- FOOTER: --- */

footer {
	width: 				930px;
	max-width:			930px;
	min-width:			310px;
	margin:				30px auto;
	text-align: 		center;
}

.share-buttons			{ margin: 5px auto; font-weight: bold;}
.share-buttons > a		{ margin: 8px; }

.footer-links 			{ margin: 30px auto; text-align: center; direction: rtl; }
.footer-links > a		{ display: inline-block; margin: 5px; }

.footer-menu-bar		{ margin: 30px auto; }
.footer-menu-section	{ display: inline-block; }

.footer-menu-section > a {
	height:				36px;
	line-height:		36px;
	margin:				5px;
	padding:			0px 10px;
	border-radius:		8px;
	font-size:			13pt;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			center;
	display:			inline-block;
	background-color:	#2C7BCB;
	color:				white !important;
}

.footer-menu-section > a:hover { border: 2px solid black; margin: 3px; }

.footer-slogan			{ font-size:18pt; margin: 30px 5px; }
.footer-donate			{ font-size:14pt; margin: 30px 5px; }
.footer-copyright		{ font-size:9pt;  margin: 30px 5px; }