/*** ZWBE *****/

:root {
    --color-none: none;
    --color-focus: var(--color-none);
    
}
.view-display-id-page_1 article tbody tr{
	background:none;
}
div.region-breadcrumb{
	clear:both;
}
#navbar{
	background-image: url('../images/header_back_ararat.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
ul.menu--main{
    display: block;
    list-style-type: disc;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
}

.view-books .views-row .views-field-title{ font-size: 1.5em;} 
.col-sm-9{ width:100%; }

.node--type-book .field--name-body,
.node--type-book .field--name-field-translation,
.node--type-book .field--name-field-translation-1,
.view-display-id-page_2 .views-field-body,
.view-display-id-page_4 .views-field-body,
.view-display-id-page_2 .views-field-field-translation-1,
.view-display-id-page_4 .views-field-field-translation-1{
	float: left;
}/**/
.node--type-book .field--name-field-translation,
.node--type-book .field--name-field-translation-1,
.field--name-field-translation,
.field--name-field-translation-1,
.views-field-field-translation-1{
	padding:5px;
} /**/
/*** .views-field.views-field-field-translation-1, **/
.field--name-field-translation .field__item:nth-child(2n+2){
	background-color: #eee;
	border-top: solid thin #333;
	margin-top: 15px;
}

.views-row{ clear:both;}

.views-field-field-translation,
.views-field-field-translation-1{
	padding:10px;
}
.views-label.views-label-field-translation,
.views-label.views-label-field-translation-1{
	text-align: right;
	font-style: italic;
	font-size: .7em;
	color: #aaa;
	float: right;
	clear: both
}
/**/
.all-versions,
#body-and-translation{
	display: grid;
	grid-auto-flow: column;
} /**/

#lao-tzu-parallel thead{
	font-weight: bold;
	background-color: #eee;
	margin-top: 2em
}
#lao-tzu-parallel tr td{
	vertical-align: top;
	width: 33%;
	border-top: thin solid #ccc;
}
.gray-bk{
	background-color: #EEE;
}
.field--name-field-source .field__label,
.field--name-field-author .field__label{
	padding: 0 10px 0 0;
    font-style: normal;
    font-weight: lighter;
    font-size: .8em;
}
.field--name-field-author .field__label{
  float: left;
}
.field--name-field-source .field__items,
.field--name-field-source .field__item{
}

/* Styling for the field__items container (parent of list items) */
.field--name-field-source .field__items {
  padding-left: 1.2em;  /* Space for bullets */
}

/* Styling for each field__item (acting as list item) */
.field--name-field-source .field__item {
  position: relative;
  margin-bottom: 0.5em;  /* Space between items */
  padding-left: 1.5em;   /* Space for the bullet */
}

/* Adding the bullet point before each item */
.field--name-field-source .field__item::before {
  content: "•";          /* Bullet character */
  position: absolute;
  left: 0;               /* Place bullet at the start */
  top: 0.2em;            /* Adjust vertical alignment */
  color: black;          /* Bullet color */
  font-size: 1.5em;      /* Bullet size */
  line-height: 1;
}



#footer,
#block-zw-footerblock{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: none;
  background-color: #ddd;
  text-align: center;
  padding:10px 0;
}
nav.block-menu.navigation.menu--main ul  li:not(:first-child):before {
    content: " ◇ ";
}
nav.block-menu.navigation.menu--main ul li{
	list-style: none;
	display: inline-block;
	font-size: .9em;
	line-height: .8em;
}
#block-zw-mainmenu-2{
	border-bottom: solid thin #CCC
}
#block-zw-mainmenu-3 ul{
	padding:10px;
	background-color: #eee;
	
}
nav.block-menu.navigation.menu--main h2{display: none}

a{text-decoration: none; color: #0b33ad}
a.is-active{color: red !important}
a:hover{text-decoration: underline; color: red}
.views-exposed-form .form-item-items-per-page select,
.views-exposed-form #edit-actions{
	float:left;
	clear: none;
}
#block-zw-zero-page-title{
	clear: both;
	margin:1em 0;
}
#block-topics-2{
	float: right !important;
}
#block-topics-2 li,
#block-topics li{
	display: inline !important;
	border-right: solid thin #ccc;
	margin 0 10px;
	padding: 0 10px;
}
.view-id-taxonomy_term,
.view-id-frontpage{
	clear:both;
}
.view-id-taxonomy_term .views-row,
.view-id-frontpage .views-row{
	display:block;
	width: 200px;
	max-height: 150px;
	float: left;
	clear: none;
	font-size: .7em;
	padding:20px;
    overflow: hidden;
}
iframe.remote-video,
div.node__content article.media.media--type-remote-video{
	float: left;
	clear: none;
	max-width: 600px;
	padding:5px;
}
.book-navigation{
	clear: both;
    border-bottom: solid thin #333;
    margin-bottom: 2em;
}
.field--name-field-subtitle{
	font-size: 1.5em;
	margin:10px 0;
}
sup{
	vertical-align:top;
	top:0px;
	margin: 0;
}
.views-element-container h2{font-size: 1.3em}
.views-element-container h3{font-size: 1.2em}
.views-element-container h4{font-size: 1.1em}

#block-zw-booknavigation ul,
#chapter-list,
.chapter-list,
#book-content,
ul#book-content{
  height: auto;  columns: 30ch;
  overflow: auto;
}

.heading-b,
.page-content .region-content{
	font-size: 1em !important;
}
ul.pager__items{
	padding: 50px; 0;
}
#block-mainmenu{
	border-bottom:solid thin #ccc;
}

.ftnote-num {
	color:#0074bd;
	font-weight: bold
}
.ftnote-num .ft-txt{
	display: none;
	background-color: #fffccc;
	color:#000;
}
.ftnote-num .ft-txt:hover{
	display: inline;
	background-color: #fffccc;
}

.ftnote-num:hover > .ft-txt{
 	display: inline;
} 
.zw-dictionary td,
.zw-dictionary tr,
.zw-dictionary{
	padding:1px;
	vertical-align: top;
	text-align: left;
	border-bottom: thin dotted #ccc
}

#block-zw-mainmenu{
	text-transform: small-caps;
}
#block-zw-narek46xzb13zgd{
	background-image: url('../images/old_page_bg.jpg');
	padding: 0 15px;
}
#block-zw-narek46xzb13zgd table,
#block-zw-narek46xzb13zgd tr,
#block-zw-narek46xzb13zgd td{
	background: none;
	border: none;
	margin:0;
}

#block-zw-narek46xzb13zgd .views-view-responsive-grid .views-view-responsive-grid__item,
.view-id-home.view-display-id-page_1 .views-row{
    width: 220px;
    height: 200px;
    overflow: hidden;
    padding: 0;
    float: left;
    clear: none;
    border: solid thin #ccc;
    margin: 2px;
    background-color: #eee;
}
#block-zw-narek46xzb13zgd .views-view-responsive-grid .views-view-responsive-grid__item,
#block-zw-content .view-content .views-view-responsive-grid__item{
	border: solid thin #ccc;
    margin: 3px;
    background-color: #eee;
    text-align: left;
    padding: 5px;
}
#block-zw-content .view-content .views-view-responsive-grid__item div div{
	padding: 0 !important;
	margin: 0 !important;
}
#block-zw-searchform{
	position: absolute;
	top: 80px;
	right: 20px;
	opacity: 50%;
}
/*
#block-zw-searchform #edit-actions{
}/**/
#block-zw-searchform:hover{
	opacity: 80%;
}

#block-mainmenu-2 li.menu-item{
    list-style: none;
/*    display: inline; */
    display: none;
    padding: 3px 5px;
    min-height: 20px;
    border: thin solid #999;
    margin: 0 1px;
    line-height: 2em;
	border-radius: 5px;
    white-space: nowrap;
}

#block-sitebranding a.site-logo img{
	max-height: 120px;
}
#block-sitebranding h2{
	float:right !important
}

#superfish-main li li{
	list-style: circle;
	text-transform: small-caps;
}
#superfish-main li li a{
	padding: 3px 10px!important;
}
#superfish-main li ul{
	min-width: 300px;
}


.gray-bk,
#body-and-translation .field--name-body,
#block-zw-content .original-script{
	background-image: url('../images/old_page_bg.jpg');
	padding: 15px;
	margin: 5px;
}

#page-body-translation,
#article-body-translation{
  display: table;
  width: 100%;
  table-layout: fixed
}
#page-body-translation div.field,
#article-body-translation div.field {
  display: table-cell;
  padding: 16px;
  min-width: 50%
}


/**** D9 *****/
nav.pager{
	clear: both;
}
.region-highlighted{
	background-color: black;
}

#search-block-form #edit-submit,
#search-block-form #edit-keys{
	padding:0px;
	min-height:10px;
	border-radius: 2px;
	font-size: .7em; 
}
#search-block-form #edit-keys{
	min-width: 250px;
	content: '-';
}

.views-element-container .views-field{
	padding: 2px;
}
.views-element-container .all-versions{
	padding: 0;
}

header.content-header a,
header.content-header {
	font-size: 1em
}
body {
	font-size: .9em;
}
.zw .heading-a{
	font-size: 1.5em
}
#block-mainmenu-2 li.menu-item{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#block-mainmenu-2 li.menu-item:hover{
	background-color: #f7ebc8
}
#block-mainmenu-2 li.menu-item .is-active{
	font-weight: bold;
/*	background-color: #cee8f5 */
}

table.content-brst,
table.content-brst td{
	vertical-align: top;
	padding: 10px;
}

article .content strong{
	font-weight: bold;
}
#list-of-content,
.field--name-field-pretext,
.field--name-field-pretext  #list-of-content,
.field--name-field-pretext  blockquote#list-of-content{
	   column-count: 2 !important;
	   background-color: #F6FAFC;
	   border-bottom: thin solid #ccc;
	   padding: 5px
}
/***** See "CSS Editor" module for Claro theme 
#edit-field-tags{
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
} ****/

@media print {
	#search-block-form{
		visibility: hidden !important;
		display: none  !important;
	}
}

@media only screen and (max-width: 1000px) {
	#page-body-translation div.field,
	#article-body-translation div.field {
		display: block;
	    width: 100%;
	  }
	#search-block-form #edit-keys{
		max-width: 150px !important;	
	}
}