/* -------- History Maker Heckler Marquee v.3 -------- */

/* Speech animation start & end points */
@-webkit-keyframes speechltr {
	0% {left:0%;}
	100% {left:-100%;} }
@keyframes speechltr {
	0% {left:0;}
	100% {left:-100%;} }
@-webkit-keyframes speechrtl {
	0% {left:0%;}
	100% {left:100%;} }
@keyframes speechrtl {
	0% {left:0;}
	100% {left:100%;} }

div.heckleframe { /* Container for speech & image */
	width:100%;
	position: static;
}

div.speechmask { /* Used to hide text scrolling in/out */
    /* It would be nice to add a rounded mask to the trailing end ...
    I also wanted to force the text above the image on very narrow
    screens: but this currently leaves a blank space at the end of 
    the mask which gets filled by plain text from below heckleframe.
    The flow of such text cannot be formatted directly; so it will be
    necessary either to mark this up or design the mask so that the
    line is always filled.*/
	position: relative;
	box-sizing: border-box;
	width: 85%;
	width: calc(100% - 70px);
	overflow:hidden;
	margin-bottom: 10px;
}
:dir(ltr) div.speechmask {
    float:left;
	text-align:left;
}
:dir(rtl) div.speechmask {
    float:right;
	text-align:right;
}

div.speechbox { /* Outer animation slider */
    /* The double animation of speechbox and speechtext provides a
    convenient mechanism for automatically adjusting the placement
    and scroll speed for text strings of widely differing length.*/
	display:inline-block;
	box-sizing:border-box;
	white-space:nowrap;
	position:relative;
}
:dir(ltr) div.speechbox {
	padding-left:100%;
	left:-100%;
	-webkit-animation:speechltr 10s linear 0.5s infinite normal;
	animation: speechltr 10s linear 0.5s infinite normal;
}
:dir(rtl) div.speechbox {
	padding-right:100%;
	left:100%;
	-webkit-animation:speechrtl 10s linear 0.5s infinite normal;
	animation: speechrtl 10s linear 0.5s infinite normal;
}
 
span.speechtext {
	display:inline-block;
	white-space:nowrap;
	position:relative;
	left:0;
	font-style:italic;
	text-decoration: underline;
	background-color: pink;
	border-style: solid;
	border-width: 3px 20px;
	border-color: pink;
	border-radius: 30px/50%;
}
:dir(ltr) span.speechtext {
	-webkit-animation:speechltr 10s linear 0.5s infinite normal;
	animation:speechltr 10s linear 0.5s infinite normal;
}
:dir(rtl) span.speechtext {
	-webkit-animation:speechrtl 10s linear 0.5s infinite normal;
	animation:speechrtl 10s linear 0.5s infinite normal;
}

div.heckler { /* If calc is supported, a fixed-size image is used */
    /* If not, it defaults to 15% of available width.*/
	display:inline-block;
	width: 15%;
	width: calc(70px);
}
:dir(ltr) div.heckler {
	float: right;
}
:dir(rtl) div.heckler {
	float: left;
}

div.heckler img {
	background-color:transparent;
}
:dir(rtl) div.heckler img {
	background-color:transparent;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/* ------- End of History Maker Heckler Marquee ------- */



/* ---------- General Sidebar formatting ---------- */

div.inside-right-sidebar>aside.widget.inner-padding{
	border-radius: 15px;
	background-color:rgba(255, 255, 255, 1);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-top:20px;
	margin-bottom:10px;
	box-shadow: 2px 1px 10px 0px rgba(0,0,0,0.5);
}

:dir(rtl) .one-container.right-sidebar main.site-main {
	margin: 0 0 0 0; }
:dir(rtl) h2.widget-title {
	font-size: 24px; }

:dir(ltr) div.inside-right-sidebar > aside.widget > ul {
	padding-left: 25px; }
:dir(rtl) div.inside-right-sidebar > aside.widget > ul {
	padding-right: 25px; }

.inside-right-sidebar ul li {
	text-indent: -8px; }

/* ------- End of General Sidebar formatting ------- */



/* ---------- Context Menu ---------- */

:dir(ltr) .advanced-sidebar-menu ul.grandchild-sidebar-menu {
	padding-left: 15px; }
:dir(rtl) .advanced-sidebar-menu ul.grandchild-sidebar-menu {
	padding-right: 15px; }

li.current_page_ancestor>a:first-child {
	font-weight: bold; }

li.current_page_ancestor>a:first-child:hover {
	color: gray; }

li.current_page_item {
	list-style-type: none; }

li.current_page_item>a:first-child {
	color: black;
	font-weight: bold; }

li.current_page_item>a:first-child:hover {
	color: black }

/* ---------- End of Context Menu ---------- */



/* ------- Elementor Device-dependent tweaks ------ */

[data-elementor-device-mode="desktop"] #comments {
	margin: 0.5% 5% 0.5% 5%;}

[data-elementor-device-mode="tablet"] #comments {
	margin: 10px 10px 10px 10px;}

[data-elementor-device-mode="mobile"] #comments {
	margin: 0 0 0 0;}

/* --- End of Elementor Device-dependent tweaks --- */



/* ---------- Elementor tweaks ---------- */

/* body:not(.elementor-editor-active) .elementor-widget:not(:last-child) {margin-bottom: 0;} */

/* move anchor down */
a.anchor, a[name], a:not([href]){
	display: block; 
	position: relative; 
	top: -100px; 
	visibility: hidden;
}

.comment-area {
	margin: 0; padding:0; }

#comments {
	transition-property: background, border, border-radius, box-shadow;
	transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
	transition-timing-function: ease, ease, ease, ease;
	transition-delay: 0s, 0s, 0s, 0s;
	
	padding: 10px 20px 10px 20px;
	background-color: rgba(204,211,221,0.94);
	border-radius: 15px 15px 15px 15px;
	box-shadow: 2px 1px 10px 0px rgba(0,0,0,0.5); }
    
dl.crunched dd{
        /* Class for lists with multiple close-spaced dd items */
	padding-top: 0px; padding-bottom: 0px;
	margin-top: 0px; margin-bottom: 0px;
	line-height: 1.5;
}

.footnote{
        /* Class for small-text footnotes */
        font-size: small;
        line-height: 120%;
}

sup{/* Class for footnote superscripts */
        background-color: yellow; /* fallback */
        background-color: rgba(76, 76, 125, 0.3);
}

.footnote-list{/* Class for indented footnote lists with close-spaced items */
	padding-top: 0px; padding-bottom: 0px;
	Padding-left: 10px;
	margin-top: 0px; margin-bottom: 0px;
	line-height: 1.5;
}
        
}

h4.widget-title{
	margin-bottom:0px;}

.widget_archive>ul{
	padding-left: 20px; padding-bottom: 10px;}

.widget_categories>ul{
	padding-left: 20px;}

ul.sub-menu.toggled-on{
	/* shifts sub-menus slightly right when toggled on */
	padding-left: 0.5em;}

/* ---------- End of Elementor tweaks ---------- 



/* ---------- General Formatting ---------- */

.so-panel.widget {
    background: transparent;
    padding: 0;
}

.whiteout{background-color:rgba(255, 255, 255, 0.9); padding:0px 10px;}

.unbold{font-weight: normal;}

.quoted, blockquote {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
  }

.quote-begin, blockquote  {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-bottom:0px;
  }


.quote-middle, blockquote  {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-top:0px; margin-bottom:0px;
  }


.quote-stop, blockquote  {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-top:0px;
  }


.quran, blockquote {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-left: 4em;
    text-indent: -4em;
  }

.quran-begin, blockquote  {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-bottom:0px;
    margin-left: 4em;
    text-indent: -4em;
  }


.quran-middle, blockquote  {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-bottom:0px; margin-top:0px;
    margin-left: 4em;
  }

.quran-stop, blockquote  {
    color: #424242;
    font-family: "Merriweather";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    padding-left:10px; padding-right:10px;
    margin-top:0px;
    margin-left: 4em;
  }

.textwidget ul {
    list-style-type: disc;
    list-style-position:outside;
    padding-left: 2em;
}

.sidebar .widget{ font-size: 16px;}

/* ---------- End of General Formatting ---------- */



/* ----------- rpwwt Widget (Believed obsolete - deactivated) ----------- */

/* .rpwwt-widget h5{font-weight:600;} 
   .rpwwt-post-excerpt{padding-left: 0.5em;} */

/* ---------- End of rpwwt Widget ---------- */



/* ----------- Transposh Widget ----------- */

#transposh-2 {
    position: relative;
    padding-right: 10px;
    padding-bottom: 10px;
}
#transposh-2 #tr_credit {
    position: absolute;
/*    top: 40px; */
    top: 24px; 
    right: 15px;
}
#FlagSelector {
    width: 20px; height: 13px; overflow: hidden; float: right;
}
#FlagSelector:hover {
    width: 300px;
    height: 95px;
}

/* ------- End of Transposh Widget ------- */



/* ---------- Translation Reliability Info ---------- */

#simplified p.liegeman-lang-source {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#unsimplified p.liegeman-lang-source, #dual-version p.liegeman-lang-source {
	text-align: center;
	margin-bottom: 20px;
}
p.liegeman-lang-rating {
	text-align: center;
	font-weight: bold;
	margin-top: -15px;
	margin-bottom: 20px;
}
/* ---------- End of Translation Reliability Info ---------- */



/* ------- rtl Header Widget tweak ------- */

.inside-header .header-widget {
    float: right;
}

/* ------- End of rtl Header Widget tweak ------- */



/* ------- Comment Form Before Note tweak ------- */

#commentform::before{
    display: block;
    width: 100%;
    white-space: pre-line;
    font-size: smaller;
}

/* ------- End of Comment Form Before Note tweak ------- */



/* -------------- Flare Classes -------------- */

.flare .footnote {font-size: small}

/* ---------- End of Flare Classes ---------- */