/* LAYOUT */
/* ----------------------------------------- */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
svg, .newsletter-email { outline: none; border-style: none; }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div, section#title, #post-main { position:relative }

/* Main Layout */

html, body {
	height: 100%;
	padding: 0;
	font: normal 10pt arial;
}
	
body, .colophon p, .post-edit-link {
	margin: 0px auto;
}

body, li.categories, .books li {
	width: 100%;
}

html, body, #wrap {
	min-width: 700px;
}
	
html {
	margin: 0;
	text-align: center;
}

html, a {	
	color: black;
}
	
#wrap {
	margin: 0 auto -1px;
	top: 0px;
	bottom: 0px;
}

header, footer, section#title, .all-site-wrap, #content, #right-grid, #posts-wrap, #book-links, #footer-nav, #footer-nav a, .search, .newsletter form, .footer-section-2, .colophon, .newsletter-container, .page-template-archives .post, .page-template-archives .post ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

header, #posts-wrap, #book-links, .newsletter form, .newsletter .footer-section-2, #footer-nav, .contact-newsletter, .page-template-archives .post ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.all-site-wrap, #posts-wrap, #book-links {
	flex-direction: row;
}

#content, .colophon, .page-template-archives .post {
	flex-direction: column;
}

.small-screen-menu, .archive #content h1, .home #content h1, .blog-main #content h1 {
	display: none;
}

#posts-wrap h3:first-of-type, .post h4:first-of-type, .post h3:first-of-type {
	margin-top: 0px;
}

#entries a, #post-3054 p.newsletter-container {
	padding: 0px;
}

section#title, #content, .newsletter-email, .section-2, .newsletter .newsletter-subscription {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#right-grid .downloads, div.date, .tnp label, .dss-book th, #post-660 sup.pop, #footer-nav, li.categories, .dss-sources th {
	font-weight: bold;
}

a, input[type=submit], input[type=button], svg {
	text-decoration: none;
	border: none;
}

#right-grid .downloads, div.date, .post h3, #entries, #footer-nav, .cntctfrm_contact_submit {
	text-transform: uppercase;
}

.twtylogo, #moto, .tip, .newsletter .icon, .contact-newsletter .icon {
	position: absolute;
}

.twtylogo, #moto, form.ms-global-search_form input.button, .newsletter-submit, .cntctfrm_contact_submit {
	height: 30px;
}

#moto, .post h2 a, .text-area span, .clearfix:after {
	display: block;
}

#right-grid, .bibles li.one {
	width: 100px;
}

.dss-book th, #moto {
	font-style: italic;
}

#moto, div.date, input.text, #cntctfrm_contact_message {
	font-size: 15px;
}

#moto, .text-area span {
	text-align: right;
}

#post-main, #post-3054 p.newsletter-container, .ms-global-search_vbox {
	width: 70%;
}

form.ms-global-search_form input.button, #post-660 a.popup, input[type=submit], #entries a {
	cursor: pointer;
}

/* Header Section */

header {
	min-height: 120px;
	border-bottom: 8px solid #162856;
}

.small-screen-menu {
	height: 64px;
	width: 64px;
	top: 26px;
	left: 30px;
	background: url('../images/menu_mob.png') no-repeat left top;
}

.twtylogo {
	top: 40px;
	left: 25px;
	width: 60px;
	background: url('../images/twty-logo.png');
}

section#title {
	order: 1;
	min-width: 550px;
	height: 60px;
	z-index: 999;
	padding: 28px 0px 28px 100px;
	font-size: 50px;
	font-weight: bold
}

.archive-heading {
	padding: 10px 30px!important;
	margin: 10px auto 20px auto!important;
	text-align: center;
	background-color: #9EA2AA;
	border: 2px solid #060707;
	border-radius: 3px;
}

#moto {
	width: 240px;
	top: 80px;
	right: 50px;
	z-index: 999;
	font-family: "Times New Roman";
}

/* Google Translate */

#google_language_translator {
	position: absolute;
	top: 20px;
	right: 50px;
}

#google_language_translator select.goog-te-combo {
	box-shadow: 0px 0px 5px #008080 !important;
	-webkit-box-shadow: 0px 0px 5px #008080 !important;
}

.ms-global-search_vbox, .dss-book table, .tot-man, .date-of-comp, .tot-ext, .tot-mis, .perc-evi, .chap-ext, .dss-sources {
	font-size: 16px;
}

/* Search Box */

.search {
	order: 2;
	background-color: #827979;
}

.ms-global-search_vbox {
	margin: auto 0px auto 20px;
	padding: 5px;
	border: 1px dashed #605d5d;
}

.ms-global-search_form {
	min-height: calc(120px);
	line-height: calc(120px);
}

form.ms-global-search_form input.button {
	width: 30px;
	background: url('../images/search.png');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	margin-left: 5px;
}

/* Main Section */

.all-site-wrap, #content, #book-links {
	align-content: stretch;
}

#content {
	padding-bottom: 30px;
	background-color: #616160;
}

.post p a, #book-links a, .page-template-archives .post a, div.download-links a, .dss-sources a {
	border-bottom: 1px dashed;
}

.post p a:hover, .page-template-archives .post a:hover, div.download-links a:hover, .dss-sources a:hover {
	color: #6E6F73;
}

.clearfix:after {
	content: " ";
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#dsstclinks {
	margin: 20px;
	text-align: left;
}

ul#dsstclinks li ul {
	display: inline-block;
	text-align: center;
}

ul#dsstclinks li ul li {
	display: inline-block;
	border-right: 1px solid #000;
	width: 130px;
	margin-bottom: 3px;
}

ul#dsstclinks li ul>li:last-child {
	border: none;
}

ul#dsstclinks a {
	color: #4682B4;
}

ul#dsstclinks a:hover {
	color: #2F4F4F;
	text-decoration: underline dashed 2px;
}

/* Right Grid Section */

#right-grid {
	background-color: #f0ebeb;
}

#right-grid .downloads {
	z-index: 999;
	overflow: hidden;
}

/* Styling for Posts */

#posts, .tip, .colophon, table.frag-ident, .right-to-left-heb {
	text-align: justify;
}
#posts {
	flex-grow: 1;
	margin: 30px 3% 0;
	padding: 0 3%;
	font-size: 18px;
	width: auto;
}

#content h1 {
	padding: 30px 50px;
	font-size: 30px;
	background-color: #8E9093;
	border-bottom: 2px solid #13171F;
}

#content h1, .contact-newsletter, .section-2, .page-template-archives .post ul, .page-template-archives .post h2 {
	text-align: left;
}

.post {
	border: 2px solid #333332;
	margin: 0 0 50px;
	background-color: #f5f5f5;
	clear: both;
	line-height: 150%;
}

.post, #entries a, input[type=submit] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#posts-wrap {
	justify-content: space-around;
	align-items: flex-start;
}

#posts-wrap section {
	flex-basis: 45%;
}

#posts h2, .newsletter .footer-section-3 {
	font-size: 25px;
}

#posts h2 {
	color: #202225;
	padding: 30px;
	z-index: 998;
}

.post h2 a:hover {
	color: #1084A4;
}

div.date, #posts-wrap h3 {
	padding: 10px 30px;
}

#posts-wrap h3 {
	background-color: #1A212E;
	margin: 10px 0px 0px;
	color: #BFC0C3;
}

#posts-wrap h3 a {	
	color: #BFC0C3;
}

#posts-wrap h3 a:hover {	
	color: #8C8E92;
}

.post h4 {
	margin: 20px 30px 0px;
}

.post p, .post form {
	padding: 0px 30px 0px;
	margin: 10px auto;
}

div.date, .post h3 {
	z-index: 998;
	background-color: #445458;
	color: #858C8E;
}

span.edit-post {
	position: absolute;
	right: 30px;
}

.post h3, #post-main p {
	margin: 20px 0px;
}

.post h3 {
	font-size: 15pt;
	padding: 15px 30px;
}

div.date a, .moretag a {
	color: #059AC4;
}

div.date a:hover, .moretag a:hover, #book-links a:hover {
	color: #60C8F0;
}

.no-link {
	text-decoration: line-through;
	color: #A0A0A0;
}

.mathf, .hebrew, .tbl-number {
	font-size: 130%;
}

.hebrew {
	font-family: Ezra-SIL;
}

.paleo-heb, .arabic {
	font-size: 170%;
}

.arabic {
	font-family: Sherz;
}

.arabic, .post img, .nomsac li {
	vertical-align: middle;
}

img.scaled-image {
	border: none!important;
}

.reduce-margin {
	margin: -40px 0px!important;;
}

.paleo-heb, .newsletter .footer-section-3 {
	font-family: Paleo-Hebrew;
}

.moretag {
	padding: 0px 30px 20px 30px;
	margin: 20px auto 10px auto;
}

#entries, #entries a, input[type=submit], .newsletter-container, #footer-nav a, .page-template-archives .post ul {
	 -webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	justify-content: center;
	align-items: center;
}

#entries {
	margin: 10px auto 100px;
	color: #7f87a9;
	z-index: 999;
	text-align: center;
}

#entries a, #book-links a, #post-main, input[type=submit] {
	display: inline-block;
}

#entries a {
	height: 50px;
	line-height: 50px;
	margin: 0px 10px;
}

#entries a, input[type=submit] {
	background-color: #979EA1;
	color: #fff;
	width: 200px;
}

#entries a:hover, input[type=submit]:hover {
	background-color: #12141A;
	z-index: 99999;
}

i.pop {
	text-decoration: overline;
}

#book-links {
	margin: 20px 40px;
	justify-content: space-evenly;
	text-align: center;
}

#book-links li {
	width: 150px;
	border-right: 2px solid black;
	margin-bottom: 5px;
}

#book-links li:last-of-type {
	border-right: none;
}

#book-links a {
	margin: 0px 5px;
}

.dss-head {
	text-decoration: underline;
	font-size: 19px;
	font-style:	italic;
}

.dss-book p {
	margin: 10px 40px;
}

.dss-book p:first-of-type, .widget.ms-global-search {
	margin-top: 30px;
}

.dss-book p:last-of-type {
	margin-bottom: 30px;
}

.dss-book table {
	table-layout: fixed;
	margin: 0px 40px;
	border-collapse: collapse;
	border-style: hidden;
}

.dss-book td, .dss-book th {
	border: 1px dotted black;
	word-wrap: break-word;
}

.dss-book td, .dss-book th, .tip, input.text, #cntctfrm_contact_message  {
	padding: 5px 10px;
}

.dss-book .dss-manuscript {
	width: 28%;
}

.dss-book .dss-date {
	width: 25%;
}

.dss-book .dss-chapsandver {
	width: 47%;
}

.tot-man, .date-of-comp, .tot-ext, .tot-mis, .perc-evi {
	margin: 2px 35px;
}

.chap-ext {
	margin: -18px 0px -18px 35px!important;
}

.page-template-archives .post ul, ul.bibles {
	margin: 0px 30px;
}

.bibles li {
	display: table-cell;
	padding: 3px;
}

.bibles li.one {
	padding-right: 10px;
}

ul.books {
	float: left;
	width: 35%;
	margin: 20px 0 30px 15%;
}

.nomsac {
	margin: 10px 45px 20px;
}

.nomsac li {
	margin: 15px;
	list-style: disc;
}

#post-660 sup.pop, #post-660 a.popup {
	color: red;
}

.tip { 
	min-width:150px;
	max-width: 600px;
	overflow: hidden;
	background: #d9d9c2;
	border: 1px solid #585858;
}

.mathf {
	font-family: 'Ehmcke-Federfraktur';
}

#post-main {
	padding: 0px 10px;
	border-left-style: solid;
	border-left-width: 4px;
	float: left;
	margin: 0px 0px 20px 0px;
}

.text-area {
	margin-top: 10px;
}

.text-area span {
	margin-right: 10px;
	width: 80px;
	float: left;
	vertical-align: top;
}

/* Newsletter Styling */


.tnp-field-email input, .tnp-field-firstname input {
	background-color: #fff!important;
	border: 1px dashed black!important;
}

.newsletter .newsletter-subscription {
	padding: 20px;
	max-width: 580px;
}

.newsletter form {
	margin-left: auto;
}

.newsletter-container {
	width: 580px;
}

.newsletter-email {
	line-height: 24px;
	padding: 5px 5px 5px 40px;
	min-width: 100px;
	font-size: 12pt;
}

.newsletter .icon, .contact-newsletter .icon {
	height: 25px;
	width: 25px;
	background-image: url('../images/email-icon.gif');
	background-repeat: no-repeat;
}

.newsletter .icon {
	left: 9px;
	top: 5px;
}

.footer-section-2 .newsletter .icon {
	left: 29px;
	top: 25px;
}

input[type=submit] {
	width: 150px;
	line-height: 20px;
	padding: 5px;
	margin-left: 10px;
}

/* Footer */

.site-footer a {
	color: #0d3b58;
}

.footer-section-1, .footer-section-2, .footer-section-3 {
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
}

.footer-section-1 {
	-webkit-flex: 0 0 140px;
	-ms-flex: 0 0 140px;
	flex: 0 0 140px;
}

.footer-section-2 {
	-webkit-flex: 0 1 6000px;
	-ms-flex: 0 1 6000px;
	flex: 0 1 6000px;
}

.footer-section-3 {
	-webkit-flex: 0 0 60px;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	padding: 20px;
}

.newsletter .footer-section-1 {
	background-color: #5B6273;
}

.newsletter .footer-section-2 {
	background-color: #3A3E46;
	padding: 20px 40px;
}

.newsletter .footer-section-3 {
	background-color: #8E929C;
}

.section-2 {
	padding-left: 40px;
}

.section-2 svg {
	width: 229px;
	height: 74px;
	background-image: url('../images/newsletter-signup.png');
	background-repeat: no-repeat;
}

.footer-colophon .footer-section-1 {
	background-color: #464D5A;
}

.footer-colophon .footer-section-3 {
	background-color: #343841;
}

.colophon {
	background-color: #4F545D;
	color: #BCBDC0;
}

.colophon a {
	color: #747982;
}

.colophon p {
	padding: 40px 0px;
	width: 80%;
}

.colophon a:hover {
	color: #C1C7D2;
}

#footer-nav {
	padding: 10px 20px;
	font-size: 20px;
	font-family: sans-serif;
	background-color: #A0A4AA;
}

#footer-nav a {
	width: 25%;
	height: 50px;
	align-items: center;
}

/* Contact Page */

input.text, #cntctfrm_contact_message {
	line-height: 1.3em;
	font-family: sans-serif;
	border: 1px dotted #7D7D82;
}

input.text {
	width: 40%;
}

.cntctfrm_label {
	margin: 20px 0px 3px;
}

#cntctfrm_contact_message {
	min-height: 100px;
	width: 90%;
	resize: vertical;
}

.cntctfrm_contact_submit {
	margin: 10px 0px;
	width: 20%;
	min-width: 150px;
}

.contact-newsletter input, .tip {
	height: auto;
}

.contact-newsletter .icon {
	top: 4px;
	left: 40px;
}

.contact-newsletter .newsletter-email {
	width: 45%;
	min-width: 150px;	
	border: 1px dotted #7D7D82;
}

/* Archives Template */

.page-template-archives .post ul:first-of-type li {
	margin: 5px 10px;
}

li.categories, .books li {
	padding: 0px 20px;
}

li.categories ul {
	margin: 10px 0px;
	font-weight: normal;
}

#subjects ul li {
	list-style-type: none;
}

.page-template-archives .post li, #subjects ul li ul li {
	list-style-type: disc;
}

#months li {
	width: 160px;
}

#subjects li {
	width: 260px;
}

a.post-edit-link {
	border-bottom: none!important;
}

.page-template-archives .post {
	padding-bottom: 50px;
}

/* Extra Stuff */

div.at-resp-share-element {
	margin: 20px 0px 20px 30px;
	width: 200px;
}

span.at-icon-wrapper, span.at-icon-wrapper svg {
	height: 8px!important;
	width: 8px!important;
}

span.at-resp-share-element, span.at4-share-count-container {
	line-height: 8px!important;
    font-size: 8px!important;
	padding-right: 0px!important;
}

/* DSS Sources Table Style */
.dss-sources {
	margin: 0px 10px 30px;
	table-layout: fixed;
}

.dss-sources td {
	border: 1px dashed black;
	padding: 5px 10px;
	text-align: left;
}

.dss-sources th {
	text-align: center;
}

.dss-sources th:last-child, .dss-sources th:first-child {
	width: 20%;
	max-width: 200px;
	min-width: 80px;
}
.dss-sources th:first-child {
	border-right: 1px dashed black;
}

.dss-sources th:last-child {
	border-left: 1px dashed black;
} 

.dss-sources tr td:first-child {
	border-left: none!important;
}

.dss-sources tr td:last-child {
	border-right: none!important;
}

.dss-sources tr:last-child td {
	border-bottom: none;
}

/* Back to top link thingy */
a.backtotop {
	display: block;
	height: 24px;
	width: 24px;
	position: fixed;
	right: 36px;
	top: 600px;
	z-index: 999;
	background-image: url('../images/up-arrow.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
}

a.backtotop:hover {
	background-image: url('../images/up-arrow_hov.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
}

/* New Fragment Blog Specific CSS */

.right-to-left-heb {
	direction: rtl;
}

table.frag-ident {
	margin: 30px auto;
}

table.with-img {
	margin: 50px auto;
}

table.frag-ident .hebrew {
	font-size: 120%;
}

.frag-ident td {
	padding: 5px 8px;
}

.verse-number {
	font-weight: bold;
	color: red;
	font-size: 70%;
}

.bracket {
	color: #3333ff;
	font-weight: bold;
	font-size: 110%;
}

.non-extant {
	color: green;
}

img.size-full {
	margin: 20px auto;
}

#downloads .class h2 {
	width: 100%;
}

#downloads table { 
	width: 33.33%;
	margin: 20px auto;
	float: left;
}

#downloads th { 
	padding: 2px;
	font: bold 18px Arial;
	text-align: center; 
}

#downloads td { 
	text-align: center;
	padding: 2px 5px; 
}
#dss_parallel tr td:first-child, #dss_combine tr td:first-child { 
	text-align: right;
	width: 95px;
	border-right: 1px solid black; 
}
#dss_parallel tr td:last-child, #dss_combine tr td:last-child { 
	text-align: left;
	width: 95px;
	border-left: 1px solid black; 
}

div.download-links {
	margin: 10px auto;
	width: 98%;
	float: left;
	padding: 0px 10px;
	text-align: center;
}

/*Main Navbar */

#main-nav {
	display: flex;
    overflow: auto;
	background-color: #c0bdbd;
	padding: 20px 0px;
	margin: 0;
	width: 140px;
	z-index: 99;
	color: black;
}

.sticky {
	position: fixed;
	top: 0px;
	width: 100%;
}

.sticky + .content {
	padding-top: 60px;
}

#nav {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	backface-visibility: hidden;
}

#nav a {
	display: inline-block;
	margin: 0px auto;
}

#nav span, .downloads span {
	padding: 0;
	visibility: hidden;
	-webkit-transition: visibility 0.1s;
	transition: visibility 0.1s;
}

#nav:hover span, #right-links:hover .downloads span {
	visibility: visible;
	-webkit-transition: visibility 0s;
	transition: visibility 0s;
}

#nav li, #right-links .downloads {
	height: 85px;
}

#nav .downloads {
	display: none;
}

#nav li:hover {
	padding-top: 5px;
	height: 80px;
	background-color: none;
}

#nav .icon-nav, .downloads .icon-nav {
	display: block;
	height: 52px;
	width: 50px;
	margin: 0px auto;
	background-image: url('../images/main_icons.png');
}

.downloads .icon-nav {
	margin-top: 0px;
	margin-bottom: 15px;
	-webkit-transition: margin-top 0.2s ease-in-out,
						margin-bottom 0.2s ease-in-out;
	transition: margin-top 0.2s ease-in-out,
				margin-bottom 0.2s ease-in-out;
	background-position: 200px 0px;
}

.downloads:hover .icon-nav {
	margin-top: 10px;
	margin-bottom: 5px;
	-webkit-transition: margin-top 0.2s ease-in-out,
						margin-bottom 0.2s ease-in-out;
	transition: margin-top 0.5s ease-in-out,
				margin-bottom 0.5s ease-in-out;
}

#nav:hover .icon-nav, #right-links:hover .downloads .icon-nav {
	background-image: url('../images/main_icons_hov.png');
	-webkit-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.3s ease-in-out;
}

#nav li:hover .icon-nav, #right-links li.downloads:hover .icon-nav {
	background-image: url('../images/main_icons_hov_light.png');
}

.homepage .icon-nav {
	background-position: 0 0;
}

li.active {
	background-color: #e9e9e9;
}

#right-links li.active {
	background-color: #fff;
	border: 2px solid black;
}

#nav li.active span, #right-links li.active span {
	visibility: visible;
	-webkit-transition: none;
	transition: none;
}

#nav li.active .icon-nav, #right-links li.active .icon-nav {
	background-image: url('../images/main_icons.png');
}

#nav li.active:hover .icon-nav {
	background-image: url('../images/main_icons_hov_light.png');
}

#right-links li.active svg.icon-nav {
	margin-top: 10px;
	margin-bottom: 5px;
}

.forum .icon-nav {
	background-position: 150px 0px;
}
	
.about .icon-nav /* About */ {
	background-position: 100px 52px;	
}

.dead-sea-scrolls .icon-nav {
	background-position: 100px 0px;
}

.research .icon-nav /* Research */ {
	background-position: 50px 0px;
}

.translation .icon-nav /* Translation */ {
	background-position: 250px 52px;
}

.contact .icon-nav /* Contact */ {
	background-position: 150px 52px;
}

.blog-main .icon-nav /* Blog */ {
	background-position: 200px 52px;
}