/***********************************************/
/*
/*   css.css -- cataractcure
/*   
/***********************************************/

@import url(https://fonts.googleapis.com/css?family=Bitter:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url('https://fonts.googleapis.com/css?family=Poppins:200,600');.logo-table { display: table; margin: auto; max-width: 70%;}



html { font-family:'Open sans'; 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: #333333; }
	
body { padding: 0 0 0 0; margin: 0 0 0 0; background-color: #333333; }

.white-background { padding: 2.1rem 0 1rem 0; margin: 0 0; background-color: white; }

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

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

h1 { font-size: 2.1rem; margin: 2rem 0 1.8rem 0; }
h2 { font-size: 1.8rem; margin: 1.9rem 0 1.6rem 0; }

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

.logo { font-family: 'Bitter'; }

.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: 520px; 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: -1px auto 0 auto; font-style: italic; text-align: center; }
	

.navbar-wrapper { margin: 0 0; background-color: #333; }


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

a, a:visited { color: black; text-decoration: none; }
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: #333; padding: 0 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; }


.logo-row { display: table-row; }
.logo-cell { display: table-cell; padding: 3px; }
.logo-cell img {  width: 2.6rem; height: 4.2rem; }
.logo-cell { font-family: 'Poppins'; font-size: 2.66rem; }
.logo-cell  #text1 { font-weight: 600;  vertical-align: 18%; }
.logo-cell  #text2 { font-weight: 200;  vertical-align: 18%; }

@media ( max-width: 28rem )
{
   .logo-cell img { height: 2.8rem; width: 1.8rem; } /* height: 4.2rem; width: 2.6rem; */
   .logo-cell { font-size: 1.96rem; }
}

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


.link-with-blurb {
	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.4rem; text-align: center; font-style: italic; }

.nowrap { white-space: nowrap; }

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

.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; 
}

.az-button-wrapper { margin: 2rem 0; width: 100%; text-align: center; }		
.az-button-wrapper > a { background-color: #f9cf57; border-radius: 1.25rem; padding: .4rem 2rem; }
.az-button-wrapper > a:hover { background-color: #ffda5f; }