/*Global Classes*/


.menu-item menu-item-type-post_type menu-item-object-page menu-item-7705 { display: list-item; }
.menu-item menu-item-type-post_type menu-item-object-page menu-item-7733 { display: none; }



html, body {overflow-x: hidden;
width: 100%;
}

.wp-index-heading {
	color: #000 !important;
	font-size: 0.95rem;
	font-family: 'Georgia', serif;
	/*Might need to use to adjust alignment   margin-left: 31%;*/
	font-weight: bold;
	
}
.idx-class {
	color: #000 !important;
	font-size: clamp(0.5rem, 1.5vw, 0.9rem);
	font-family: 'Georgia', serif;
	/*Might need to use to adjust alignment   margin-left: 31%;*/
	font-weight: normal !important;
	 text-decoration: none ;
	
}
.idx-class a[href] {
  color: #000 !important;
  text-decoration: none !important; /* optional */
}




mark {
  background-color: #ff0 !important; /* bright yellow */
  color: #000 !important;            /* solid black text */
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 3px;
  box-shadow: 0 0 5px #ff0;          /* glowing effect */
}


.comment-form {
	display:none;
}

.desktop-header {
  display: block;
}
.mobile-header {
  display: none !important;
}

.index {
	font-size: 23px;
	font-family: 'Georgia', serif;
	/*Might need to use to adjust alignment   margin-left: 31%;*/
	font-weight: bold;
}

/*MOBILE BURGER MENU TOGGLE*/
/* Linked to .menu-toggle in the iphone section I agree when MP says: not sure why this needs to be here but it does.  also in Iphone section!*/
.menu-toggle {
	text-decoration: none !important;
  position: fixed !important;
  top: -150px !important;
  right: 5px;
  z-index: 10000;
  font-size: 6px ;
  background: #014c52;
  border: none;
  color: #000; /* or white if your background is dark */
}
/* Linked to .menu-toggle in the iphone section I agree when MP says: not sure why this needs to be here but it does.  also in Iphone section!*/

/*MP KM To Discuss - This has not been commented out even though it is duplicated in the iPhone area however, when the iPhone area block is removed it effects the layout on the phone and when this block is removed there is no apparant change. Mark can we determine if this is needed and also why the upper block effects the view*/
.menu-toggle {
  margin-top:50px !important;
	 color: white !important;           /* White text */
  background-color: #014c52 !important; /* Deep green background */
	text-decoration: none;
  border: none;
  padding: 20px 0px;
 font-size: 35px !important;
  font-weight: normal;
  border-radius: 1px;                /* Optional: rounded corners */
  cursor: pointer;
		  z-index: 10000;
}
/*.menu-toggle end*/

/*Mobile Phone View and any screen size that has a max width of 720 pixels*/	
@media screen and (max-width: 720px) 


{
/*Granchild Container Holding Google Doc (Layer 3)*/
#site-wrapper .layout {
  display: flex;
  align-items: flex-start; 
  justify-content: flex-start;
  padding-top: 3px;       
  flex: 1;
  width: 100%;
	margin-left:20px;  /* shift viewport over within block */
}
	
	.chapter-title {
	font-size: 18px !important;
	font-family: 'Georgia', serif !important;
	color: 000;
  margin-top: 5em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.4em;
	margin-left: 0% !important;
	margin-right: 0% !important;
}
	
	.has-text-align-justify {
	font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 18px;
	margin-left: 2% !important;
	margin-right: 2% !important; 
}
 
	.desktop-header {
    display: none !important;
  }
  .mobile-header {
    display: block !important;
    width: 100%;
    height: auto;
  }
/* kill images
	 img {
    display: visible !important;
  }*/
/* turn off header basaed menu for iphone view */
	.menu {
		display: none !important;
	}
	
	#desktop-menu-palestine-and-the-law-container {
		display: visible; !important
		
	}
		
	/*Hide desktop index menu item*/
	.menu-item-7705 { display: none; }
.menu-item-7733 { display: list-item; }

	
/*Top Menu Bar*/
 .desktop-main-navigation,
  #desktop-menu-palestine-and-the-law-container,
.desktop-nav-menu {
  position: static !important; /* sits at top but scrolls away */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important; /* full width */
  margin-top: 0% !important;
  padding: 0px !important;
  z-index: 9999 !important;
	
}

/*Top menu bar style definition*/
  .desktop-main-navigation ul {
    display: flex;
/*		flex-wrap: wrap;*/
gap: 2px;
    justify-content: flex-start;
    margin: 0;
		width: 90%;
    padding: 0;
    list-style: none;
		background-color: #034 !important; 
  }


	
/*Top menu bar list style definition*/
  .desktop-main-navigation ul > li {
    flex: 0 1 auto; /* Each item grows to fill available space */
    text-align: left; /* Optional: center the link text */
min-width:80px !important;
		left: -10px;
	}

  .desktop-main-navigation ul > li > a {
    display: block;
    width: 100%;
    padding: 0px 0;
    color: #fff !important;
  /*  background-color: #034 !important;*/
    white-space: wrap;
  }
	
			.desktop-main-navigation li a {
    white-space: wrap;
    overflow: hidden;
		color: white;
		font-size: 9.2px !important ;
    text-overflow: ellipsis;
text-align:left

}
/*Sub Menu style and width definition*/
 .desktop-main-navigation ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -150px;
    background-color: #fff;
    width: 381px;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: opacity 0.3s ease, visibility       0.3s ease;
    opacity: 0;
    visibility: hidden;
  }

	 .desktop-main-navigation ul.sub-menu ul.sub-menu {
		 left: 10px;
		 	top:-15px;
	}
	
	.desktop-main-navigation ul.sub-menu li {
  width: 100%;
	
}
	
  .desktop-main-navigation ul.sub-menu li a {
    display: block;
    width: 100%;
    font-size: 11px !important;  
    padding: 10px 15px;
    font-weight: normal;
    line-height: 1.;            
    box-sizing: border-box;
    color: #ffc;
    text-align: left;
    white-space: normal;
    margin-left: 15px;
    overflow-wrap: break-word;     
    word-break: break-word;           /*       Fallback for older browsers */
}

  .desktop-main-navigation li:hover > ul.sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }
	
  /* Invisible hover bridge */
  .desktop-main-navigation li::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 1px; /* Adjust based on gap */
    width: 100%;
    background: transparent;
    z-index: 1;
  }

	
	/* Change dropdown background color */
/* Force submenu container to full width */

  .desktop-main-navigation a {
    white-space: wrap !important;
    overflow: hidden;
    text-overflow: ellipsis; /* Optional: adds "..." if text is clipped */
    padding: 0px 0px !important; /* Reduce padding if needed */
  
    display: inline-block;
  color: #ffc !important;
		 font-family: 'Arial' !important;
		font-size: 10px !important;  
	margin-left:14px;
	}

  .desktop-main-navigation li {
    position: relative;
  }
  .desktop-main-navigation a:hover {
    color: #ffc !important; /* Optional: slightly darker on hover */
 }


	  .desktop-menu.nav-menu {
    width: 90%;            /* Or try a fixed width like 280px */
    max-width: 100%;
    margin: 0 auto;        /* Center the menu horizontally */
    padding: 0rem;
    box-sizing: border-box;
  }
	
	
   .desktop-menu.nav-menu a {
    display: block;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    word-break: after-white-space;
    white-space: normal;
  }

  .desktop-menu.nav-menu a:last-child {
    border-bottom: none;
  }

/* Hide all submenus by default */ .desktop-menu.nav-menu .sub-menu { display: none; padding-left: 0rem; }
	
	
/*KIM 061125*/
	/* Show submenu only when parent li has the "open" class */

.desktop-main-navigation li.open > ul.sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Add caret to parent items */ .desktop-menu.nav-menu .menu-item-has-children > a { position: relative; padding-right: 25px; } .menu.nav-menu .menu-item-has-children > a::after { content: ">"; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; } /* Rotate caret when open */ .menu.nav-menu li.open > a::after { transform: translateY(-50%) rotate(90deg); }
	/*Sidebar Link*/

	
	
/*Linked to the .menu-toggle at the top*/	
.menu-toggle {
  margin-top: 10px !important;
	 color: black !important;           /* White text */
  background-color: transparent !important; /* Deep green background */
	text-decoration: none;
  border: none;
  margin-right: 320px !important;
	padding: 0px 0px;
  font-size: 0px !important;
  font-weight: normal;
	z-index: 10000;
  border-radius: 1px;                /* Optional: rounded corners */
  cursor: pointer;	
} 
  .menu-toggle::before {
    content: "☰";
    font-size: 40px;
    color: Black;
  }

 
	
/*Linked to the .menu-toggle at the top END*/

	
  .site-content {
	 margin-top: 100px;
    margin-left: 1px; /* Match the sidebar width */
		/*position: relative;
    top: 100px !important;*/
  }

  .nav-wrapper,
  .nav-wrapper * {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
	 .nav-wrapper a,
   .nav-wrapper li,
   .nav-wrapper ul {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
	
	

body.menu-open .menu.nav-menu {
  margin-bottom: 120px; /* only when expanded */
}
}

.chapter-title {
		font-size: 18px !important;
	font-family: 'Georgia', serif !important;
	color: 000;
  margin-top: 5em;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0.4em;
	margin-left: 10% !important;
	margin-right: 10%;
}

/*for chap title links*/
.chapter-title a {
		font-size: 18px !important;
}

.has-text-align-justify {
	  font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 18px;
	margin-left: 10%;
	margin-right: 10%;
}

.homehas-text-align-justify {
	  font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 17px;
		margin-left: 0px;
	margin-right: 0px;
}

.wp-block-media-text__content {
  font-size: 14px;
  font-family: 'Georgia', serif !important;
  color: #000 !important;
		text-align: justify !important;

}

@media screen and (min-width: 721px) and (max-width: 724px)
{

/* kill images
	 img {
    display: visible !important;
  }*/
.desktop-header {
  display:  !important;
	}
	.mobile-header {
  display: none !important;
}
		.menu {
  display: none !important;
	}
	 
	#desktop-menu-palestine-and-the-law-container {
    display: true !important;
		
	}
	
	.has-text-align-justify {
	font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 14px;
	margin-left: 10px;
	margin-right: 0px;
}

.homehas-text-align-justify {
	  font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 18px !important;
		margin-left: 0px;
	margin-right: 0px;
}	
	/*Granchild Container Holding Google Doc (Layer 3)*/
#site-wrapper .layout {
  display: flex;
  align-items: flex-start; 
  justify-content: flex-start;
  padding-top: 3px;       
  flex: 1;
  width: 100%;
	margin-left:20px;  /* shift viewport over within block */
}

/*Top Menu Bar*/
 .desktop-main-navigation,
  #desktop-menu-palestine-and-the-law-container,
.desktop-nav-menu {
  position: static !important; /* sits at top but scrolls away */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important; /* full width */
  background-color: #034 !important;
  margin-top: 0% !important;
  padding: 0px !important;
  z-index: 11000 !important;
	display: visible;
	
}
	
	.desktop-menu.nav-menu li {
   display: block;
   white-space: nowrap;
	 margin-left: 0 !important;
		
}
	
	.desktop-menu.nav-menu li a {
    white-space: wrap;
    overflow: hidden;
		color: white;
		font-size: 12px ;
    text-overflow: ellipsis;
}
	
	.desktop-menu.nav-menu ul.sub-menu {
 display: block; /* or controlled by hover */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #014c52 !important;
  width: 240px;
  padding: 10px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 12000;
  opacity: 0;
  visibility: visible;
  height: auto !important; /* allow full height */
  overflow: visible !important; /* show all items */
	}

	.desktop-menu.nav-menu ul.sub-menu li {
  display: block;
  width: 100%;
	transition: opacity 0.3s;
}

		
	.desktop-main-navigation li:hover > ul.sub-menu {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	
	
.desktop-menu.nav-menu ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #034e67;
  z-index: 12000;
  display: none;
  opacity: 0;
  visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 1s; /* 1s delay before hiding */
}
	
/* Show submenu when parent has .menu-open */
.desktop-menu.nav-menu li.menu-open > ul.sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}
	
	/* Stagger second-level submenu to the right */
.desktop-menu.nav-menu ul.sub-menu ul.sub-menu {
  top: 0;
  left: 100%; /* Pushes it to the right of its parent */
  margin-left: 5px; /* Optional: adds spacing between levels */
}
	
	

	/*Sidebar Link*/

	
	
/*Linked to the .menu-toggle at the top*/	
.menu-toggle {
  margin-top: -40px !important;
	 color: white !important;           /* White text */
  background-color: #3f6751 !important; /* Deep green background */
	text-decoration: none;
  border: none;
  padding: 0px 0px;
  font-size: 10px;
  font-weight: normal;
	z-index: 10000;
  border-radius: 1px;                /* Optional: rounded corners */
  cursor: pointer;	
} 
/*Linked to the .menu-toggle at the top END*/
	
  .site-content {
    margin-left: 1px; /* Match the sidebar width */
  }

  .nav-wrapper,
  .nav-wrapper * {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
	 .nav-wrapper a,
   .nav-wrapper li,
   .nav-wrapper ul {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
	
	/* Sidebar area of the Parent Container */



	}




/* governs main content position to stop menu overlap in ip[hone view*/
	.site-content {
  position: relative;
  top: -140px !important;
}






/*Header Area*/
  .site-header {
    position: relative !important; /* Anchor for absolute positioning */
}

.site-header,
.wrap {
  max-width: 100%;
  width: 100% !important;
  padding: 0 !important;
}

.custom-header-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.custom-header-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: 0;
}

/*Header Area End*/

/*MP to explain what this class is for*/
.has-black-color.has-text-color.has-link-color a {
  color: #000 !important;
  font-weight: bold !important;
}

/*Body Area*/
/*Page Title Hidden*/
.entry-title {
  display: none !important;
}

/*MP to explain what this class is for*/
.layout {
  position: relative;
}

/* Defines the width of the blocks inside the column element */
.wp-block-columns {
  max-width: 100%;
  margin: 0 auto;
}

/* Add padding inside each column */
.wp-block-column {
  padding-left: 10px;
  padding-right: 10px;
	padding-top: 20px;
}

/*Home Page Column Padding*/ 
.padded-right {
  padding-right: 50px;
  box-sizing: border-box;
}

.padded-left {
  padding-left: 50px;
  box-sizing: border-box;
}
/*Home Page Column Padding End*/


/* Google document container area */

/*Parent container (Layer 1)*/
#site-wrapper {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  /*background: #e7e9bf;*/
  padding: 0;  
}

/* Child Container defining the style/background of the Granchild Container (Layer 2)  */
#site-wrapper .doc-container {
  flex: 1;
  background: #fffefa;
  padding: 0px; /* removed padding so inner content can go edge-to-edge */
  overflow-y: auto;
  height: 100vh;
  box-sizing: border-box;
  text-align: justify;
  font-size: 80px;
  width: 10%;
  border: 0px solid red;
}

/* Virtual Page defining the width and height of the Google Doc Content */
.virtual-page {
  position: relative;
  background: #fffefa;
  margin: 8% 4.5%;             /* remove centering */
  padding: 12px ;         /* inner padding only */
  width: 90%;
	box-shadow: none;     /* remove inner shadows for full-bleed look */
  border-radius: 0;     /* remove rounded corners */
  box-sizing: border-box;
}


/*Granchild Container Holding Google Doc (Layer 3)*/
#site-wrapper .layout {
  display: flex;
  align-items: flex-start; 
  justify-content: flex-start;
  padding-top: 3px;       
  flex: 1;
  width: 100%;
	margin-left:2px;  /* shift viewport over within block */
}

/* Processing the FIRST page of each google doc only */
.gdoc-doc-content {

  width: 100% ;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fffefa !important;
}

/* Defining the virtual page number style and positioning */
.virtual-page .page-number {
  position: absolute;
  bottom: 0px;
  right: -20px;
  font-size: 12px;
  color: #000;
}

/* stop sideways scroll */
#site-wrapper .doc-container {
  width: 100%;              /* let it span full width */
  overflow-x: hidden;        /* prevent horizontal scroll */
}

.gdoc-doc-content {
  width: 100% !important;    /* ensure content fits container */
  max-width: 100% !important;
  overflow-x: hidden !important;
}
/* end stop sideways scroll */
/* Anchor for page number links in the sidebar */
#pageLinks {
	display: none !important;
	flex: 1;
  overflow-y: auto;
}

/*Footnote Definition*/
/* Highlights the footnote link */
@keyframes flashHighlight {
  0%   { background-color: yellow; }
  100% { background-color: transparent; }
}

.highlight-flash {
  animation: flashHighlight 4s ease-out;
}

/* make footnote link in line with body text */
a[href^="#ftnt"] {
  font-size: 0.4em;
  vertical-align: bottom;
  text-decoration: none;
  color: inherit;
}


/* Sidebar area of the Parent Container */

/* WordPress Classes to replace Google doc classes during Parse*/
.gdoc-align-left { text-align: left; }
.gdoc-align-right { text-align: right; }
.gdoc-underline { text-decoration: underline; }


.site-branding {
  text-align: left;
  padding-left: 10px;
}

/*Home Page Column Padding*/ 
body {
  overflow-y: scroll;
  color: #000;
}
/*Home Page Column Padding*/


appendices,
main,
main p,
main a,
main .wp-block-paragraph,
main .wp-block-column,
main .wp-block-columns {
  font-size: 14px ;
  font-family: 'Georgia', serif !important;
}

.content-area {
  position: relative;
  top: -15px;
  margin-top: 0;
}

/*Granchild Container Holding Google Doc (Layer 3)*/
#site-wrapper .layout {
  display: flex;
  align-items: flex-start; 
  justify-content: flex-start;
  padding-top: 3px;       
  flex: 1;
  width: 100%;
	margin-left:-2px;  /* shift viewport over within block */
}







/* Navigation menu laptop desktop screen */
@media screen and (min-width: 725px)



{

	html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }
	
	/* Default: show desktop, hide mobile */
.menu-item-7705 { display: list-item; }
.menu-item-7733 { display: none !important; }
	
/*Granchild Container Holding Google Doc (Layer 3)*/
#site-wrapper .layout {
  display: flex;
  align-items: flex-start; 
  justify-content: flex-start;
  padding-top: 3px;       
  flex: 1;
  width: 100%;
	margin-left:10px;  /* shift viewport over within block */
}

	.homehas-text-align-justify {
	  font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 19px;
		margin-left: 0px;
	margin-right: 0px;
}
.mobile-header {
  display: none !important;
}
	.menu {
  display: none !important;
}

/*Top Menu Bar*/
 .desktop-main-navigation,
  #desktop-menu-palestine-and-the-law-container,
.desktop-nav-menu {
  position: static !important; /* sits at top but scrolls away */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important; /* full width */
  background-color: #034 !important;
  margin-top: 0% !important;
  padding: 0px !important;
  z-index: 10000 !important;
	
}


  .desktop-main-navigation a {
    white-space: wrap !important;
    overflow: hidden;
    text-overflow: ellipsis; /* Optional: adds "..." if text is clipped */
    padding: 10px 12px !important; /* Reduce padding if needed */
  
    display: inline-block;
  color: #ffc !important;
		 font-family: 'Arial' !important;
		}
	
  .desktop-main-navigation li {
    position: relative;
  }
	
	
/*Top menu bar style definition*/
  .desktop-main-navigation ul {
    display: flex;
    justify-content: flex-start;
    margin: 0;
		width: 100%;
    padding: 0;
    list-style: none;
		background-color: #034 !important;   
	gap: 21px;
		  color: #ffc !important;
		 font-family: 'Arial' 

  }

/*Top menu bar list style definition*/
  .desktop-main-navigation ul > li {
    flex: 1 1 auto; /* Each item grows to fill available space */
    text-align: center; /* Optional: center the link text */
  }

  .desktop-main-navigation ul > li > a {
    display: block;
    width: 100%;
    padding: 0px 0;
    color: #fff !important;
  /*  background-color: #034 !important;*/
    white-space: nowrap;
  }
	
/*Sub Menu style and width definition*/
 .desktop-main-navigation ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50px;
    background-color: #fff;
    width: 240px;
    z-index: 12000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: opacity 0.3s ease, visibility       0.3s ease;
    opacity: 0;
    visibility: hidden;
  }

	.desktop-main-navigation ul.sub-menu li {
  width: 100%;
}
	
  .desktop-main-navigation ul.sub-menu li a {
    display: block;
    width: 100%;
    font-size: 13px;  
    padding: 10px 15px;
    font-weight: normal;
    line-height: 1.4;            
    box-sizing: border-box;
    font-weight: bold;
    color: #ffc;
    text-align: left;
    white-space: normal;
		white-space: normal !important;   
    overflow-wrap: break-word;     
    word-break: break-word;           /*       Fallback for older browsers */
}

  .desktop-main-navigation li:hover > ul.sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }
	
  /* Invisible hover bridge */
  .desktop-main-navigation li::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 20px; /* Adjust based on gap */
    width: 100%;
    background: transparent;
    z-index: 10000;
  }

	
	/* Change dropdown background color */
/* Force submenu container to full width */

  .desktop-main-navigation a:hover {
    color: #ffc !important; /* Optional: slightly darker on hover */
 }
}

.wp-block-media-text__content *{
  margin-left: 0px;
margin-top: 0px;
	 font-size: 15px;
  font-family: 'Georgia', serif !important;
  color: #000 !important;
}

/* 3 main sizes for WP html block content */
.name-large { font-size: 19px;
	   position: relative;
  top: -20px; /* Moves it up */
	  left: -0px ;     /* Moves it to the right */

}
.name-medium { font-size: 14px; 
	   position: relative;
  top: -20px; /* Moves it up */
	  left:0% ;     /* Moves it to the right */}

.name-small { font-size: 11px; 
	   position: relative;
  top: -20px; /* Moves it up */
	  left: 0%;     /* Moves it to the right */
	text-align: justify;
}

.justify {
  text-align: justify;
}

/* Dedication & Acknowledgements Section Classes - Also used in Chapters and Appendices Overview Page */

.home-title {
  font-family: 'Georgia', serif !important;
  font-size: 26px !important;
  text-align: left;
  line-height: 1.7;
  margin: 10px 0%;	
	font-weight: bold;
	margin-top: -30px;
}	

.dedication-title {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  margin-bottom: 0.2em;
	margin-left: 0%;
}

.dedication-body {
   font-family: 'Georgia', serif !important;
	font-size: 18px !important;
  text-align: left;
  line-height: 1.7;
	 margin: 0 15%;
}

/* Also used in Chapter and Appendices Overview Page*/
.acks-body {
	 font-family: 'Georgia', serif !important;
  font-size: 18px !important;
  text-align: justify;
  line-height: 1.7;
  margin: 0 0%;  /* was 15% */
margin-top: -20px;
}


/* Also used in Chapter and Appendices Overview Page - Halve the current paragraph spacing */
.acks-body p {
	 font-family: 'Georgia', serif !important;
  margin-top: -10px;
  margin-bottom: 0.9em; 
}

	

	
/* Only used in the Chapter and Appendices Overview Page*/
.chapter-title {
	  font-family: 'Georgia', serif !important;
	color: 000;
  margin-top: 2em;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  margin-bottom: 0.4em;
	margin-left: 0px;
	margin-right: 0px;
}


.wp-block-media-text__content {
  font-size: 14px;
  font-family: 'Georgia', serif !important;
  color: #000 !important;
}

.entry-title {
  color: #000 !important;
}


.homehas-text-align-justify {
	  font-family: 'Georgia', serif !important;
	text-align: justify !important;
	font-size: 18px !important;
		margin-left: 00px;
	margin-right: 0px;
}	



._df_thumb.df-element.df-popup-thumb.df-tl-book-title-hover {
  position: fixed;
  top: 250px; /* Adjust vertical position */
  left: 90px; /* Distance from right edge */
  z-index: 9999; /* Keep it above other elements */
  width: 110; /* Optional: set a fixed width if needed */
}

.df-category .df-thumb {
  position: static !important;
  transform: none !important;
  width: 180px;
  height: auto;
  display: inline-block;
  margin: 10px;
  z-index: auto !important;
}

.df-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.flipbook-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.df-category .df-thumb,
._df_thumb.df-element.df-popup-thumb.df-tl-book-title-hover {
  position: static !important;
  transform: none !important;
  width: 180px !important;
  height: auto !important;
  display: inline-block !important;
  margin: 10px;
  z-index: auto !important;
}