/***********************************************/
/*
/*   css.5.css -- abhayabooks.com
/*   
/***********************************************/

@import url('https://fonts.googleapis.com/css?family=Bitter:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

html { font-family:'Open sans', sans-serif; padding: 0 0 0 0; margin: 0 0 0 0; font-weight: 400; 
	font-size: 16px; line-height: 1.7; text-align: left; 
	color: black; background-color: #000000; }
	
body { padding: 0 0 0 0; margin: 0 0 0 0; background-color: #000000; }
	
.white-background { padding: 2.1rem 0 1rem 0; margin: 0 0; background-color: white; }

.blurb { margin-bottom: 1.4rem; font-size: 1.3rem; font-weight: 600; color: #888888; text-align: center; line-height: 1.5; }

h1, h2, h3 { font-family: Bitter, sans-serif; font-weight: 700; }
h1, h2, h3, h4, h5, h6 { text-align: center; margin: 1.6rem 0; line-height: 1.3; color: #aa0000; }

h1 { font-size: 2.3rem; margin: 0 0 1.8rem 0; }
h2 { font-size: 1.8rem; margin: 1.9rem 0 1.6rem 0; }
h3 { font-size: 1.3rem; margin: 1.5rem 0 1.45rem 0; }
h4 { color: black; margin: 25px 0 20px; font-weight: bold; line-height: 1.25; }
h2.subtitle { color: black; font-weight: 600; font-family: 'Open sans', sans-serif; font-size: 1.4rem; margin-top: -0.8rem; line-height: 1.6; }


h1:first-child { margin-top: 0; }



.logo { font-family: Bitter, sans-serif; }

.header-panel { padding-top: 1.8rem; background-color: white; }

.horz-constraint-wide { max-width: 720px; margin: auto; padding: 0 .6rem; }
.horz-constraint-narrow { max-width: 545px; margin: auto; padding: 0 .6rem; }

img { width: 100%; }

.wide-img { margin: 36px auto 30px auto; max-width: 900px; } /* goes in constraint div */
.wide-img img { margin: 0 0; width: 100%; }
.wide-img > p { padding: 0 .5rem; margin: 5px auto 0 auto; font-style: italic; text-align: center; }

.img-with-caption { margin: 30px auto; }
.img-with-caption img { margin: 0 0 0 0; width: 100%; }
.img-with-caption p { margin: 8px auto 0 auto; font-style: italic; text-align: center; }
	
.navbar-wrapper { margin: 0 0; background-color: #000; }


p { margin: 1.1rem 0; padding: 0 0; }
li { margin: 1.1rem 0; padding: 0 0; }

// a, a:visited { color: black; text-decoration: none; }
a, a:visited { color: #4444ee; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
	color: #aa0000;
	text-decoration: none;
}

.code { font-style: normal; color: #0000ff; font-family: 'courier_primeregular', monospace; font-size: 17px; }
pre { margin-left: 25px; color: #0000ff; line-height: 1.3; font-family: 'courier_primeregular', monospace; font-size: 17px; }

.code, pre { font-size: 18px; font-family: latin_modern_mono, monospace, sans-serif; font-weight: bold; }

.eyebrow, .eyebrow a, .eyebrow a:visited { color: black; margin: 0 0; }

/*
p a, p a:visited,
li a, li a:visited { color: #4444ee; }
a:hover { text-decoration: none; }
p a:hover,
li a:hover { text-decoration: underline; }
*/

.footer { background-color: #000; padding: 1rem 1rem 1rem 1rem; margin: 0 0; }
.footer p, .footer p a, .footer p a:hover, .footer p a:visited 
{ line-height: 1.6; color: #cccccc; text-align: center; text-decoration: none; }
.footer p a:hover { color: #eeeeee; text-decoration: underline; }

.disqus-wrapper { margin-top: 1.4rem; margin-bottom: 20px; padding-top: 0px; border-top: solid 0px #aaaaaa; }

.link-with-blurb { /* text-align: center; */
	margin-bottom: 1rem;
}

.link-with-blurb p {
	margin-bottom: 0; margin-top: 0;
}

.link-with-blurb > a, .link-with-blurb > *:first-child, .link-with-blurb > a:visited {
	display:block;
	color: #4444ee;
	font-weight: 700;
}

.link-with-blurb > a:hover
{
	text-decoration: underline;
}

.intro { font-style: italic; margin: 1rem 0 2rem 0; }
	
/* START BLOCKQUOTE */

blockquote, .blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 30px 20px;
  padding: 25px 20px 20px 20px;
}

@media (max-width: 600px) {
blockquote, .blockquote {	margin: 30px 0px; }
}

blockquote:before, .blockquote:before {
  color: #ccc;
  font-family: serif;
  font-weight: bold;
  content: '\201C';
  font-size: 70px;
  line-height: .5;
  margin-right: 0.15em;
  margin-left: -18px;


}

blockquote p, .blockquote p {
	margin-left: 20px;
}

blockquote p:first-child, .blockquote p:first-child {
  margin-top: -50px; 
}

blockquote p:last-child, .blockquote p:last-child { margin-bottom: 0; }

/* END BLOCKQUOTE */

.publication-date { margin-top: 1.8rem; text-align: center; font-style: italic; }

.nowrap { white-space: nowrap; }

.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; }

button.download
{ display:block; margin: 2rem auto; 
  color: white;
  background-color: #5890ff; text-align: center;
  padding: .7rem 1.5rem .8rem 1.5rem; border: 1px solid #aaaaaa; border-radius: .3rem; 
}

button.download a, button.download a:visited, button.download a:hover
{
	color: white;
	display: block;
	font-family: 'Open sans', non-serif;
	margin: 0 0;
	padding: 0 0;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	text-align:center;
	text-decoration: none; 
	color: white;
}

button.download:hover 
{ 
	background-color:#7ea9fe; 
	color: white;
}


.az-button {
	white-space: nowrap;
	margin: 1.5rem auto;
	font-family: 'Open Sans', 'Arial', 'Helvetica', serif; 
	border-radius: 1.25rem; display: inline-block; text-align: center; padding: .45rem 2rem .45rem; 
}

.button-wrapper { margin: 2rem 0; width: 100%; text-align: center; }		
.button-wrapper > a { background-color: #f9cf57; border-radius: 1.25rem; padding: .4rem 2rem; }
.button-wrapper > a:hover { background-color: #ffda5f; }
		
.logo-panel { padding-top: 20px; padding-bottom: 10px;  background-color: #000000; border-bottom: 1px solid #999999; }
.logo-table { margin: 0 auto; display: table;  }
.logo-row { display: table-row; }
.logo-cell { display: table-cell; vertical-align: top; }
.logo-img img { display: block; height: 57px; width: 59px; } /* 58px 62px */
.logo-text { font-family: 'Cinzel'; padding-top: 2px; } /* 3px */
.logo-text p { padding: 0; margin: 0; color: #ffffff; line-height: 1; }
.logo-text p:first-child { font-size: 16px; padding-left: 5px; }
.logo-text p:last-child { font-size: 46px; margin-left: -1px; }

@media ( max-width: 28rem )
{

}

	.test-header-table {  border-top: 1px solid gray; border-bottom: 1px solid gray; border-collapse: collapse; width: 100%; display: table; background-color: #e8e8e8; padding: 1em; }
	.test-header-table .tr { display: table-row; border-bottom: 1px solid gray; }
	.test-header-table .tr:last-child { border-bottom: none; }
	.test-header-table .td { display: table-cell; padding-left: 1em; padding-right: 1em; padding-top: 5px; padding-bottom: 5px; }

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

.embedded {

	box-sizing: border-box;
	padding: 14px 14px;

	background-color: #f4f2e1;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
}
	
.right-panel {
	float: right;
	margin: 0px 0px 35px 45px;
	max-width: none;
	width:45%; 
	position: relative;
	top: 8px;
}

.right-panel img {
	border: 1px solid #dddddd;
	width: 100%;
}

.right-panel .caption {
	margin-top: 6px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.right-panel .top-caption {
	margin-bottom: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

@media (max-width: 620px) {
.right-panel {
	float: none;
	width: initial;
	max-width: 300px;
	margin: 0px auto 25px auto;
	top: 0;
}
}

.logo-flex { padding: 25px 0 15px 0; background-color: white; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center; margin: 0 auto; }

.logo-flex #left { font-size: 62px; line-height: 1.0; font-family: ccthatsallfolksregular, sans-serif; }

.logo-flex #right { 
  justify-content: space-between; 
  display: flex; 
  align-items: flex-start; 
  flex-direction: column; 
  padding-left: 9px;
  font-family: 'Open sans', sans-serif;
  font-size: 24px;
  line-height: 1.0;
  padding-top: 2px;
  padding-bottom: 7px;
  }
  
.logo-flex a, .logo-flex a:visited, logo-flex a:hover { text-decoration: none; }
.logo-flex .glow {   position: relative; text-shadow:  
 0 0 10px #aabbff,  
0 0 20px #aabbff,
 0 0 30px #aabbff,  
/* 0 0 40px #aabbff, */
 0 0 50px #aabbff, 
0 0 60px #aabbff, 
/* 0 0 70px #aabbff, */  
0 0 80px #aabbff,
 0 0 90px #aabbff, 
/* 0 0 105px #aabbff, */
 0 0 120px #aabbff; }

.logo-flex .glow-fix { position: absolute; top: 0; text-shadow: 0 0 1px #90a0ff; color: white; }
 
.logo-flex { background-color: black; border-bottom: 1px solid #999999; }
.logo-flex a, .logo-flex a:visited  { color: #f8f8f8; }
.logo-flex a:hover { color: white; }
.logo-flex #right a, .logo-flex #right a:visited { color: white; }

.logo-flex #right { position: relative; }
.logo-flex .right-gradient { position: absolute; width: 100%; height: 100%; top: 0; 
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgb(0,0,0,.1) 20%, rgba(0,0,0, .4), rgba(0,0,0,.6) );}


.first-published { margin-top: 30px; font-style: italic; }

.add-this-wrap { text-align: center; margin: 30px 0; }
.add-this-wrap > div { display: inline-block;  }

 		.top-button-wrapper { margin-bottom: 30px; text-align: center; }
		.top-button a { 
			font-family: 'Open Sans', 'Arial', 'Helvetica', serif; 
			border-radius: 7px; display: inline-block; text-align: center; padding: 5px 24px 5px 24px; 
			border-radius: 7px; text-decoration: none; color: black;
			background-color: #cccccc;
		}
		
		.top-button a:hover, top-button a:visited { background-color: #dddddd; }

.dialog-box { font-size: .9rem; margin: 1.9em 0; }
.dialog-box .head { font-size: 1.5em; color: #0000CC; font-weight: bold; }
.dialog-box .t { }
.dialog-box .t { display: flex; flex-direction: column; }
.dialog-box .t.outer { width: 100%; border: solid 1px black;}
.dialog-box .t.inner { padding: 1em 1.5em 0 1.5em; }
.dialog-box .t .r { display: flex;}
.dialog-box .t .c { width: 100%; }
.dialog-box .t.inner .r { margin-bottom: 1em; }
.dialog-box .t .indent { margin-left: 1.4em; }
.dialog-box .button { background-color: #e4e4e4; text-align: center; padding: 0.08em 1.3em; border: 1px solid gray; }
.dialog-box .edit-field { overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; padding: .05em .5em; border: solid 1px gray;background-color: white;
}
.dialog-box .browse-button { text-align: center; margin-left: .3em; border: solid 1px gray; width: 2em; }


@media (max-width: 550px) {
.dialog-box .t { font-size: .98em; }
}

@media (max-width: 500px) {
.dialog-box .t { font-size: .96em; }
}
@media (max-width: 450px) {
.dialog-box .t { font-size: .93em; }
}
@media (max-width: 400px) {
.dialog-box .t { font-size: .90em; }
}
@media (max-width: 360px) {
.dialog-box .t { font-size: .87em; }
}
@media (max-width: 330px) {
.dialog-box .t { font-size: .84em; }
}
@media (max-width: 300px) {
.dialog-box .t { font-size: .80em; }
}

.eyebrow-and-h1 div { text-align: center; font-size: 16px; line-height: 1.2; margin-bottom: 8px; }
.eyebrow-and-h1 h1 { margin-top: -5px;  margin-bottom: 28px; }
.eyebrow-and-h1 h2 { color: black; margin-top: -6px; font-size: 22px; font-style: italic; }

/************ BREADCRMBS **************/

.breadcrumbs { display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 5px; }

.breadcrumbs a, .breadcrumbs span, .breadcrumbs a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #888888;
}

.breadcrumbs a:after, .breadcrumbs span:after, .breadcrumbs a:hover:after, .breadcrumbs span:hover:after
{
	content: "\a0>\a0";
}

.breadcrumbs a:hover
{
	background-color: #888888;
	color: #ffffff;
}

.breadcrumbs a:last-child:after, .breadcrumbs span:last-child:after { content: none; }

/* START BLOCKQUOTE
SAFE FROM REALIZATION.ORG


blockquote, .blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 30px 20px;
  padding: 25px 20px 20px 20px;
}

@media (max-width: 600px) {
blockquote, .blockquote {	margin: 30px 0px; }
}

blockquote:before, .blockquote:before {
  color: #ccc;
  font-family: serif;
  font-weight: bold;
  content: '\201C';
  font-size: 70px;
  line-height: .5;
  margin-right: 0.15em;
  margin-left: -18px;


}

blockquote p, .blockquote p {
	margin-left: 20px;
}

blockquote p:first-child, .blockquote p:first-child {
  margin-top: -50px; 
}



blockquote p:last-child, .blockquote p:last-child { margin-bottom: 0; }

END BLOCKQUOTE */

/* START BLOCKQUOTE FROM COVIDCARE THEME */

blockquote, .blockquote {
  background: #f4f4f4;
  padding: 20px 20px 20px 20px;
  border-left: none;
  margin: 30px 0px 30px 0px;
  // border: 1px solid #e9e9e9;
  // border-radius: 9px;
}


/*  OLD BLOCKQUOTE:BEFORE RELACED WITH SVG VERSION

blockquote:before, .blockquote:before
{
  font-family: 'Merriweather', sans-serif;
  font-weight: bold;
  content: '\201C';
  line-height: .5;
  color: black; // #f0f0f0;

	display: block;
	text-align: center;
	margin: 0 auto 0 auto;

	position: relative;
	background-color: white; // #cccccc;
	border-radius: 50%;
	// border: 1px solid #f4f4f4;

	font-size: 41px;
	width: 43px;
	height: 21px;
	padding-top: 22px;
	top: -41px;
}

*/

blockquote p, .blockquote p {
	margin-left: 0;
}

blockquote p:first-child, .blockquote p:first-child {
  margin-top: -27px; 
}


blockquote p:last-child, .blockquote p:last-child { margin-bottom: 0; }


/* END BLOCKQUOTE */

/* NEW BLOCKQUOTE:BEFORE SVG VERSION */

blockquote, .blockquote { position: relative; padding: 55px 20px 22px 20px; }

blockquote:before, .blockquote:before
{
    content: "";
    background: #ffffff url(/art/blockquote.quote-mark.svg) no-repeat 50%;
    position: absolute;
    top: -20px;
    left: calc(50% - 20px);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-size: 30px auto;

}

		.dropcap:first-letter, .dropcap-3:first-letter
		{ 
			font-family: 'Bitter';
			font-weight: 400;
			margin-top: -39px;
    		font-size:600%;
			float: left;
    		margin-right:6px;
			/* padding-bottom: -40px; */
			margin-bottom: -45px;
		}
		
		.dropcap-2:first-letter
		{ 
			font-family: 'Bitter';
			font-weight: 400;
			margin-top: -20px;
    		font-size:355%;
			float: left;
    		margin-right:6px;
			margin-bottom: -30px;
		}		

.youtube-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}

.youtube-wrapper iframe {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.pager2  {
	margin: 25px auto 30px auto;
  display: flex;
  flex-direction: row;
	justify-content: center;
}

.pager2 a, .page2 a:hover, .page2 a:visited { 
	padding: .3rem .6rem; 
	border: 1px solid gray; 
	text-decoration: none;
   color: black;
}

.pager2 a:hover 
{ 
   background-color: #F0F0F0;
}

.pager2 a.prev 
{ 
	border-right: none;
	border-radius: 6px 0 0 6px;
}


.pager2 a.next
{ 
	border-left: none;
	border-radius: 0 6px 6px 0;
}