html {
    scroll-padding-top: 50px;
}

body,
html {
    height: 100%;
    max-height: 100%;
}

body {
    /* font-family: "Roboto", sans-serif; */
    /* line-height: 1.42857143; */
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
    font-family: georgia, "Times New Roman", serif;
    
}
body.cls-body {
    padding:0px;
    margin:0px;
    background-color: white;
}

ul {
    margin: 0px;
    margin-left: 15px;
    /* padding:0px; */
    padding-left: 10px;
    /* margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px; */
    /* padding-inline-start: 10px; */
}
a {
    text-decoration: none;
    color:#7b1a8b;
}
a:visited {
    color:#7b1a8b
}
a:hover {
    text-decoration: underline;
    color:#7b1a8b
}

div.content {
    max-width: 980px;
    margin: auto;
    padding: 5px 2px;
}

header {
    position: relative;
    /*top: 0;
  left: 0;*/
    z-index: 999;

    width: 100%;
    height: 50px;

    background: rgba(33, 39, 45, .96); /* eee */
    box-shadow: rgba(0, 0, 0, 0.5) 0 -20px 20px 20px;
}

header h1 {
    margin: 0;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    font-size: 18px;
    float: left;
}

.cls-header {
    position: fixed; /* absolute; */
    top: 0px;
    left:0px;
    height:50px;
    right:0px;
}

/* .content { */
    /*margin-top: 50px;*/
    /* padding: 15px 30px; */
    /* transition: all 0.3s ease-out; */

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.flex-row {
    display: flex;
}

/* .flex-column {} */

.booklist > div {
    border:solid 1px black;
    background-image:url(../Images/Scribe4.jpg);
    width:105px;
    height:160px;
    color:white;
    text-align: center;
    padding-top:20px;
}
.booklist-del > div {
    background-image:none;
    color:black;
    text-align: center;
}

.noBook {
    border: solid 1px black;
    background-image: url(../Images/burnt.jpg);
    width:105px;
    height:160px;
    padding-top:20px;
    color:white;
}

.noBookCenter {
    background-image: url(../Images/burnt.jpg);
    background-repeat: no-repeat;
    background-position-y: center;
}

#fullPageImg {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* background-size: contain; */
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-color: black;
}

.quoteEnd {
    margin: auto;
    max-width: 520px;
    background-color: white;
    opacity: 0.7;
    border: solid 1px gray;
    padding: 5px;
}

/**************************************
***				title			***
**************************************/
div.title2 {
    font-size: 24px;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px 10px 0px;
}
div.title2-LR, span.title2-LR {
    font-size: 22px;
}
div.title2-LR2 {
    font-size: 21px;
}

/* div.title2.tab-tile {
    font-size: 20px;
} */
div.title3 {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 10px;
}

div.title4 {
    text-align: center;
    font-weight: bold;
}

div.subtitle {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

h1.main-title {
    padding-bottom: 10px;
    padding-top: 30px;
    text-align: center;
    vertical-align: top;
    line-height: 60px;
    font-size: 56px;
    font-weight: normal;
    font-family: Postoni, garamond, serif;
    color: white;
    margin: 0px;
}

h1.main-title.two-lines {
    padding-top: 0px;
    /* line-height: 60px; */
}

div.TopAccrocheTitle {
    font-size: 26px;
    /* font-weight:bold; */
    font-style: italic;
    font-family: Comic Sans MS;
    color: white;
    text-align: center;
    line-height: 35px;
}

div.simple_contentdd {
    margin: auto;
    width: 1000px;
    text-align: left;
}

.contentdd {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border: white 2px outset;
    padding: 4px;
    width: 1000px;
    text-align: left;
    background-color: #dcdcdc;
}

div.main_sep {
    height: 40px;
}

div.sepSection {
    padding-top: 55px;
    /*border:2px outset #ffffff; /*yellow;*/
    /* background-color:#ffffff; /* E5E5E5 */
}

div.sepSection-small {
    padding-top:20px;
}

/**************************************
***				Colors				***
**************************************/
.SiteColor1 {
    background-color: #d0e2f9;
    /* 208.226.249 #c8efff dcf4ff office:#D0E2F9*/
}

.SiteColor1_ {
    background-color: #e2f1ff;
    /* d0e2f9  eadaaf */
}

.SiteColorText1 {
    color: #d0e2f9;
}

.SiteColor2 {
    background-color: #eadaaf;
    /* =RGB:234-218-175 ... e7daad f7e5d1 ffddd0 ffdd8c ffefc5 #e7daad yellow:#ffff96 */
}

.SiteColor2_ {
    background-color: #f9eabf;
}

.SiteColorText2 {
    color: #eadaaf;
}

.SiteColor3 {
    background-color: #dfe8c5;
    /* = 223.232.197 last:#d0ffd0 baffba dcffdc office:#DFE6C5*/
}

.SiteColor33 {
    color: #dfe8c5;
    /* = 223.232.197 last:#d0ffd0 baffba dcffdc office:#DFE6C5*/
}

.man {
    color: #115511;
}

.author {
    color: #115511;
}

.quote {
    color: #000080;
    /* Navy */
    /* font-style:italic; */
}

.src {
    color: #004070;
    font-style: italic;
}

.bquote {
    color: #800000;
    /* Maroon */
    font-style: italic;
}

.bsrc {
    color: #704000;
    /* #F25454 */
    font-style: italic;
}

.imp {
    background-color: #ffff96;
    font-weight: bold;
}

.sec1 {
    background-color: #d2d2ef;
}

.sec2 {
    background-color: #c5c5ff;
    /*c5c5ff; */
}

.sec3 {
    background-color: #aaaaff;
    /*aaaaff;*/
}

.sec4 {
    background-color: #7777ff;
}
.christian1 {
	background-color:#ff7777;
}
.christian2 {
	background-color:#ff9999; /*ff9999*/
}
.christian3 {
	background-color:#efd5d5; /*ff9999*/
}
/* table.jesus-nature col.christian3 {
	background-color:#ff7777; /*eeaaaa;*/
/*} */
.supernat {
	background-color:#d5c5c5;
}

/**************************************
***				Generic				***
**************************************/
.padtop5 {
    padding-top: 5px;
}

.padtop10 {
    padding-top: 10px;
}

.padtop20 {
    padding-top: 20px;
}

div.par {
    text-indent: 12px;
}

.bold {
    font-weight: bold;
}

span.sup {
    font-size: smaller;
    position: relative;
    top: 4px;
    vertical-align: super;
}

.dyn-flex-col {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}
.dyn-flex-col.space-around {
    justify-content: space-around;
}

.flex-columns {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    gap:10px;
    align-content:flex-start;
    /* space-around; */
}
.bottomMenu {
    text-align: center;
}
/* line 32, sass/vertical-responsive-menu.scss */
.toggle_menu {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    background: none;
    border: 0;
    text-align: center;
    cursor: pointer;
}

/* line 44, sass/vertical-responsive-menu.scss */
.toggle_menu i {
    display: block;
    font-size: 28px;
}


/**************************************
***	      	ul/li spacing 		    ***
**************************************/
ul.SpacingTopMore>li {
    padding-top: 10px;
}
ul.SpacingTopMore2>li {
    padding-top: 20px;
}

ul.SpacingTop5>li {
    padding-top: 5px;
}

ul.SpacingTop>li {
    padding-top: 3px;
}

ul.SpacingTopNo>li {
    padding-top: 0px;
}

ul.NoHrzSpace>li>span {
    display: block;
    margin-left: -10px;

}

/**************************************
***		             Tabs	       	***
**************************************/
table.tblTabs {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px; /* cellspacing="0" */
}
table.tblTabs > tbody > tr > td {
    text-align: center;
    padding: 0px;
    border-width: 0px;
    border-bottom: 3px solid white;
}
table.tblTabs > tbody > tr.sub-tab > td {
    border-bottom: #444 1px solid;
    padding:10px 0px;
}
table.tblTabs > tbody > tr.sub-tab > td a {
    padding-right: 30px;
}
table.tblTabs > tbody > tr.sub-tab > td > div {
    white-space: nowrap;
}

/* adjust div content scrolling behavior */
div.ListTabContent > div[id].lm-item > div.title2 {
    /* border-top: blue 2px solid; */
    margin-top: 30px;
    padding-top: 15px;
    position: relative;
    z-index : 1;
    margin-bottom: 10px;
}
div.ListTabContent > div[id].lm-item > div.title2:before {
    content : "";
    position: absolute;
    left    : 25%;
    bottom  : 0;
    height  : 1px;
    width   : 50%;  /* or 100px */
    border-bottom:2px solid blue;
}
div.ListTabContent > div[id].lm-item {
    scroll-margin-top: 51px; /* Everywhere */
}
div.ListTabContent > div[id].lm-item a.local_link {
    scroll-margin-top: 120px;
}

div.ListTabContent > div[id].lm-item .title3, #oraltradition, #paulseelike, #broth-jes-gosp, #jamesdieacts {
    scroll-margin-top: 100px; /* Everywhere */
}
div.ListTabContent > div[id].lm-item.firsttab {
    scroll-margin-top: 116px; /* 110px for 3.Epistles - Forever */
}
div.ListTabContent.owl-dot-offset > div[id].lm-item, 
div.ListTabContent > div[id].lm-item.subtab {
    /* scroll-margin-top: 65px; */
    /* to compensate for stiky header */
    scroll-margin-top: 101px; /* 3.Epistles A Desc/Asc */
}
div.ListTabContent.owl-dot-offset > div[id].lm-item {
    /* scroll-margin-top: 65px; */
    /* to compensate for stiky header */
    scroll-margin-top: 76px; /* 3.Epistles A Desc/Asc */
}

div.ListTabContent > div[id].lm-item.subtab div.scrollmargintop {
    /* scroll-margin-top: 65px; */
    /* to compensate for stiky header */
    scroll-margin-top: 156px; /* Everywhere */
}
.scrollmargintopglob {
    scroll-margin-top: 140px; /* Everywhere */
}

div.ListTabContent.owl-dot-offset > div[id].lm-item.firsttab,
div.ListTabContent > div[id].lm-item.subtab.firsttab {
    scroll-margin-top: 126px; /* 5.Jesus Outside Catholic Majority (subtab) */
}

div.list-tab-content {
    padding-top:10px;
}
div.list-tab-content > div {
    display: none;
}
div.list-tab-content > div.tab_selected {
    display: block;
}

span.sum-img-right {
    display:inline-block;
    text-align: center;
    vertical-align: top;
    height:70px;
    padding-top: 0px;
    width:82px;
    color:black;
    font-weight: bold;
    font-size: 20px;
}
span.sum-img-right.bk {
    background-image:url(../Images/Scribe4.jpg);
    color:white;
    /* padding-top:20px; */
    font-size: 14px;
    padding-top:2px;
    /* padding-right:9px; */
    width:34px;
    text-orientation:mixed;
    line-height: 15px;
    writing-mode: vertical-rl;
}
span.sum-img-right.br {
    /* padding-top:20px; */
    width:172px;
    height:82px;
    background-position-y: 20px;
    background-repeat: no-repeat;
    font-size: 16px;
}
span.sum-img-right > span.redCheck, span.sum-img-right > span.greenCheck {
    background-position: center;
    height:100%;
    width:100%;
    background-size: 40px 30px;
    /* background-repeat: no-repeat; */
    display: inline-block;
}
span.sum-img-right.br > span.redCheck, span.sum-img-right.br > span.greenCheck {
    background-position: bottom;
    height:55px;
    width:100%;
    background-size: 40px 30px;
    /* background-repeat: no-repeat; */
    display: inline-block;
}
div.sum-img-right-cont, div.sum-img-right-cont2 {
    margin-right:-2px;
    margin-left:-6px;
    /* padding-left:2px; */
}
div.sum-img-right-cont2 > span {
    color:red;
    font-size: 30px;
    padding-top:20px;
}
span.sum-img-right.bk > span.redCheck {
    background-size: 30px 22px;
    /* background-position: center center 10px; */
}


/**************************************
***		local hyperlink button		***
**************************************/
ul.list_2col {
    columns: 1;
}

/**************************************
***			Expand/Collapse Bar		***
**************************************/
.ListTabTitle,
.ListTabTitleNoHover {
    padding: 20px 5px;
    font-size: 22px;
    /* border:solid 1px black; */
    text-align: center;
    /* font-family:Trebuchet MS; */
    /* background-color:#666666;
	color:white; */
}

div.VisibleBelow,
td.VisibleBelow {
    padding: 10px 2px;
    text-align: center;
    border-bottom: solid 1px #666;
    border-top: solid 1px #e2e2e2;
    /* background-color: #f7fff7; */
    background: linear-gradient(#ffffff, #f1fff1);
    margin-top: 30px;
    /* margin-bottom: 20px; */
}

/**************************************
***		who where when				***
**************************************/
.who-where-when {
	text-align:center;
	font-weight: bold;
	font-size: 22px;
}
span.rt-lower {
	font-size: 18px;
    
}

/**************************************
***		Table A New Birth			***
**************************************/
table.tblAnewBirth {
	background-color: white;
    border-top-width: 0px;
    margin:auto;
}
table.tblAnewBirth > tbody > tr > td {
	padding:2px;
}
table.tblAnewBirth > tbody > tr > td:nth-child(1) {
	text-align: center;
    font-weight: bold;
    border:solid 1px black;
    border-bottom: 0px;
}
table.tblAnewBirth > tbody > tr > :is(td:nth-child(3), td:nth-child(2)) :is(a, span) {
    position: relative;
    left: -9px;
}
table.tblAnewBirth > tbody > tr > td:nth-child(3) {
	background-color:#e2f1ff; /* d0e2f9  eadaaf */
    border-right: solid 1px black;
}
ul.dyn-left-list {
    padding-left:5px;
    margin-left:0px;
}


/* table.tblAnewBirth td:nth-child(1) {
	text-align: right;
} */

div.cls-myst {
	max-width:640px;
	margin:auto;
	margin-bottom:60px;
	padding:20px 0px;
	text-align: center;
	font-size: 25px;
    line-height: 30px;
	font-family: cursive;
	color: #b3b39b;
	background-color: #462828;
	/* background-image:url(../Images/myst.jpg) */
}
div.jewmyst-sep {
    height: 10px;
}

.flex-wrap {
    flex-wrap:wrap;
    display:flex;
    flex-direction:row;
}
.center, .center > div {
    text-align: center;
}

/**************************************
***				icones				***
**************************************/
.green-check {
    background: url(../Images/GreenCheck.gif) no-repeat center;
}
ul.greenCheck,
li.greenCheck {
    list-style-image: url(../Images/GreenCheck.gif);
}
ul.darkGreenCheck,
li.darkGreenCheck {
    list-style-image: url(../Images/dark-green-check.gif);
}

div.greenCheck {
    background: no-repeat left url(../Images/GreenCheck.gif) border-box;
    padding-left:15px;
    padding-right: 10px;
}
span.greenCheck {
    background: no-repeat left url(../Images/GreenCheck.gif) border-box;
    padding-left:17px;
}
span.orangeCheck {
    background: no-repeat left url(../Images/orange-check.gif) border-box;
    padding-left:17px;
}

.red-check {
    background: url(../Images/RedCheck.gif) no-repeat center;
}
ul.redCheck,
li.redCheck {
    list-style-image: url(../Images/RedCheck.gif);
}
div.redCheck {
    background: no-repeat left url(../Images/RedCheck.gif) border-box;
    padding-left:15px;
    padding-right: 10px;
}
span.redCheck {
    background: no-repeat left url(../Images/RedCheck.gif) border-box;
    padding-left:17px;
    /* padding-right: 10px; */
}

.a-icon {
    display: inline-block;
    vertical-align: middle;

    /* transition: all .4s ease; */
    background-image: url(../Images/sprites.png);
    -webkit-background-size: 400px 900px;
    background-size: 400px 900px;
    background-repeat: no-repeat;
}

.a-icon.sprite2 {
    background-image: url(../Images/sprites2.png);
}

.a-icon-dropdown {
    width: 25px;
    height: 12px;
    background-position: 0px -60px;
}

.a-icon-dropup {
    width: 25px;
    height: 12px;
    background-position: 0px -82px;
}
/* .a-icon-right {
    width: 20px;
    height: 22px;
    background-position: -100px -2px;
}

.a-icon-left {
    width: 20px;
    height: 22px;
    background-position: -120px -2px;
} */

/**************************************
***	     Main show/hide   			***
**************************************/
table.img-list {
	width:100%;
}
table.img-list td {
	text-align:center;
	font-size: 16px;
	line-height: 20px;
}
table.img-list tr.twoCellsSplit > td {
    width:50%;
}
table.img-list tr.twoCellsSplit > td > img {
    max-width:100%
}

/**************************************
***	      show/hide Links  			***
**************************************/
a.root_link {
    color: yellow;
}

a.root_link:hover {
    color: #3fff00;
}

div.local_link {
    margin-top: 5px;
    text-align: left;
}

div.bottom-close,
div.tab-close {
    text-align: center;
    padding-top: 10px;
    font-style: normal;
}
div.bottom-close {
    float: right;
    padding-right: 20px;
}

/* External links */
a.ext {
    background-image: url(../Images/link-external.svg);
    /* .svg */
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 0.857em;
    padding-right: 1em;
    text-decoration: none;
}

a.ext:hover,
a.ext:focus {
    text-decoration: underline;
}

div.local_link a,
span.local_link a,
a.local_link,
div.bottom-close > a,
div.tab-close > a {
    border-width: 0px;
    text-decoration: underline dotted;
    color: #0e7e74;
    /*#0c53f5;*/
}
div.bottom-close.no-underline > a, a.local_link.no-underline {
    text-decoration:none;
}
div.bottom-close.no-underline > a {
    font-weight: normal;
}
div.bottom-close.no-underline > a:hover, a.local_link.no-underline:hover {
    text-decoration:underline;
}

/* a.local_link {
text-decoration: underline dotted;
color:#0c53f5;
} */

div.link_target,
table.link_target,
div.box {
    overflow: hidden;
    /* Must be here for .box for unknwon reason. */
    padding: 4px;
    margin: 4px;
    /* border:#aaaaaa solid 1px; */
    text-align: left;
    /* box-sizing: border-box; */
    /* useless */
    /* box-shadow From vridar.org */
    background-color: #fdf8f2;
    /* d0e2f9  #eeeeee */
    border: 2px solid #a1a1a1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 2px #888;
    -webkit-box-shadow: 5px 5px 2px #888;
    -o-box-shadow: 5px 5px 2px #888;
    box-shadow: 5px 5px 2px #888;
}

div.link_target div.link_target,
table.link_target div.link_target,
div.box div.link_target {
    padding: 0px;
    margin: 0px;
    border-width: 0px;

    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;

    -moz-box-shadow:none;
    -o-box-shadow:none;
    -webkit-box-shadow: none;

    box-shadow: 0px;
}

div.link_target,
table.link_target {
    display: none;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

span.link_target {
    display: none;
    background-color: #eeeeee;
    /* d0e2f9 */
    padding: 2px;
    margin: 2px;
    /* border:#aaaaaa solid 1px; */
    text-align: left;
    /* box-sizing: border-box; */
    /* useless */
}

span.link_target2,
div.link_target2,
span.link_inv {
    display: none;
    text-align: left;
    border-width: 0px;
}

span.link_inv.link_target_on {
    display: inline;
}

.SiteColor1 .link_target,
.SiteColor1 .box {
    background-color: #e2f1ff;
    /* d0e2f9  eadaaf */
}

.SiteColor2 .link_target,
.SiteColor2 .box {
    background-color: #f9eabf;
    /*  eadaaf */
}

div.link_target_on {
    max-height: 8200px;
    transition: max-height 0.5s ease-in;
}

table.link_target_on {
    max-height: 6000px;
    transition: max-height 0.5s ease-in;
}

.MythFlipFlap {
    width: 50%;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: solid 1px black;
}

/******************************************
***	        table OT Miracles     	  ***
*******************************************/
table.ot_miracle td:nth-child(2) {
    color: #704000;
    /* #F25454 */
    font-style: italic;
    white-space: nowrap;
}

/**************************************
***			Image Gallery			***
**************************************/
img.hover-popup-img, img.hover-popup-img2 {
	display:block; 
	z-index:999; 
	cursor: pointer; 
	/* -webkit-transition-property: all; 
	-webkit-transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease;  */
} 
img.hover-popup-img:hover { 
	transform: scale(2);
	padding-right:90px;
	/*transform:width(100%);*/
	/* right:200px;
	position:absolute; */
}
/* Stupid Christianity */
img.hover-popup-img2 {
	float:right;
	width:200px;
}
img.hover-popup-img2:hover {
	position:relative;
	width:438px;
}

.psac-slider-and-carousel .owl-dots{
    width:100%;
    text-align:center;
}
.psac-slider-and-carousel .owl-dots .owl-dot{
    width:10px !important; 
    height:10px !important;  
    padding:0px !important; 
    background:#555; 
    margin:0 2px; 
    border-radius:100%; 
    display:inline-block; 
    box-shadow:none;
    cursor: pointer;
}
.psac-slider-and-carousel .owl-dots .owl-dot.active{
    background:#03a9f5;
}
body.rtl .psac-slider-and-carousel .owl-nav .owl-next,
body.rtl .psac-slider-and-carousel .owl-nav .owl-prev{
    direction: ltr;
}


/******************************************
***	  table comparative Jewish/Hellenic	***
*******************************************/
td.jewpar,
div.jewpar {
    background-color: #fffafa;
    /*  #dbbebe; */
}

td.hellpar,
div.hellpar {
    background-color: #e6f9fa;
    /* c6e9df; #e6f9fa */
}

table.rel_comp {
    border-collapse: collapse;
    margin-top: 10px
}

table.rel_comp td {
    border: 1px solid gray;
    padding: 0px 2px
}

table.rel_comp td:nth-child(1) {
    text-align: center;
    padding: 0px 0px
}

/******************************************
***	  		table books Gospel Fictions	***
*******************************************/
div.tblBooks {
    display: flex;
    flex-wrap: wrap;
    max-width: 890px;
    justify-content: space-around;
    /* space-between */
}

div.tblBooks>div {
    padding: 10px;
}

div.tblBooks>div>div {
    text-align: center;
}

div.tblBooks>div>a {
    display: block;
    height: 160px;
    text-align: center;
    width: 106px;
}

/* .bordertop { */
/* aaborder-top: black solid 1px; */

.bordertop > td {
    border-top: black solid 1px;
}
.bordertop > td:nth-child(1) {
    border-top-width: 0px;
}
.borderbottom > td {
    border-bottom: black solid 1px;
}
.borderbottom > td:nth-child(1) {
    border-bottom-width: 0px;
}


/******************************************
***	  		Width based Dynamic class	    ***
*******************************************/
.showHR {
    display: none;
}
.showHRinit {
    display: none;
}

.showLR {
    display: unset; /* initial */
}
td.showLR {
    display: table-cell;
}
tr.showLR {
    display: table-row;
}
.showLR-block {
    display: block;
}

.fontsize_LHR {
    font-size: 16px;
}
.fontsize_LHR2 {
    font-size: 14px;
}
.fontsize_LHR3 {
    font-size: 12px;
}
.jewmyst-img {
    background-image:url(../Images/myst.jpg);
    /* height:740px; */
    max-width:1000px;
    margin:auto;
    padding-bottom: 40px;
}

/* Small devices (tablets)
==========================*/
/* @media (min-width: 768px) {
} */
.accrochemenu {
    /* font-size: 16px; */
    text-align: center;
    /* padding-top: 15px; */
}

a.first-menu {
    margin-top: 0px;
}

.jewmyst-title {
    padding:5px 0px 20px;
    text-align: center;
    font-size: 37px;
    line-height: 34px;
    font-family: cursive;
    color: #b3b39b;
}

div.stycky {
	top:50px;
	width:100%;
	box-sizing: border-box;
	position: sticky; /* absolute */
	z-index: 15;
    padding-bottom:10px;
    background-color: white;
	/* margin-bottom: 0px; */
	/* border-top-width: 0px; */
}
div.sticky2 {
	top:107px;
	width:100%;
	box-sizing: border-box;
	position: sticky; /* absolute */
	z-index: 12;
    background-color: white;
    padding-top: 5px;;
    padding-bottom: 10px;
}
div.anchorSticky2 {
    height:1px;
    scroll-margin-top: 106px;
}
div.anchorSticky1 {
    height:1px;
    scroll-margin-top: 156px;
}

li.appendix-no {
    margin-left: -15px;
}

.dyn-listcol {
    padding-left:5px;
    columns:2;
    column-gap: 2px;
    clear: both;
}
.width-hr {
    width:130px;
}
div.font-20 {
    font-size: 20px;
}
.dyn-float-center {
    display:block;
    margin:auto;
}


/******************************************
***	  		Medium devices (tablets)	    ***
*******************************************/
@media (min-width: 710px) { /* must be < 1100 - 380 = 720 */

    /* body {
    overflow-y: auto;
  } */
    a.first-menu {
        margin-top: 2px; /* 15px */
    }

    div.title2 {
        font-size: 26px;
        line-height: 30px;
    }
    div.title2-LR, span.title2-LR, div.title2-LR2 {
        font-size: 26px;
    }
    
    div.link_target_on {
        max-height: 4000px;
    }
    table.link_target_on {
        max-height: 3000px;
    }
    
    /* .logo img {
    width: 200px;
    text-align: center;
    margin-top: 10px;
    float: none;
  } */

    .dyn-float {
        float: right;
    }

    .dyn-flex-col {
        flex-direction: row;
    }

    .showHR {
        display: inherit;
    }
    td.showHR {
        display:table-cell;
    }
    tr.showHR {
        display:table-row;
    }
    .showHRinit {
        display: initial;
    }

    .showLR, tr.showLR, td.showLR, .showLR-block {
        display: none;
    }

    .fontsize_LHR, .fontsize_LHR2, .fontsize_LHR3 {
        font-size: inherit;
    }

    .bottomMenu {
        display: none;
    }
    table.tblAnewBirth > tbody > tr > td {
        padding:5px;
    }
    table.tblAnewBirth > tbody > tr > td:nth-child(2) a {
        left: 0px;
    }
    ul.dyn-left-list {
        padding-left:15px;
        margin-left:10px;
    }

    .jewmyst-title {
        padding:30px 0px;
        font-size: 50px;
    }
    div.jewmyst-sep {
        height: 60px;
    }
    ul.list_2col {
        columns: 2;
    }
    .dyn-listcol {
        columns:3;
        clear: none;
    }
    /* .jewmyst-img { */
        /* height:600px; */
    
    .dyn-inline-block {
        display: inline-block;
    }
    .width-hr {
        width:initial;
    }
    
    div.ListTabContent.owl-dot-offset > div[id].lm-item { 
        scroll-margin-top: 51px;
    }
    .dyn-float-center {
        float:right;
        display: unset;
    }

    .font-20 {
        font-size: inherit;
    }
    /*div.ListTabContent.owl-dot-offset > div[id].lm-item.firsttab {
        scroll-margin-top: 110px; /* to compensate for stiky header. firsttab has no title2.  */
    /*} */
}

.result-percent-width {
    width:80px
}

.result-percent-width2 {
    width:40px
}

@media (min-width: 427px) {
    .result-percent-width {
        width:120px
    }
    
    .result-percent-width2 {
        width:60px
    }
}