/*@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic|open+sans:400);*/
@import url("https://use.typekit.net/tkw7rxi.css");


* { 
	margin:0;
	padding:0;
}

* {  }

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

img { 
	max-width: 100%;
}

img.fullbleed { display: inline; border-radius: 3px; margin-bottom: 1.5em; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: auto !important; }
p img.fullbleed { margin-bottom: 0px; }

.collapse {
	margin:0;
	padding:0;
}
body {
	-webkit-font-smoothing:antialiased; 
	-webkit-text-size-adjust:none; 
	width: 100%!important; 
	background-color: #ffffff;
	height: 100%;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
}


.sixcol { float: left; width: 50%; margin-bottom: 1.5em; margin-right: 0px; }
.sixcol.last { margin-right: 0; float: left; }
	.sixcol img { border-radius: 2px; }

.threecol { float: left; width: 24%; margin-right: 1%; margin-bottom:  1.5em; }
	.threecol.last { margin-right: 0; }
	.threecol img { border-radius: 4px; }

.nonnewsletteronly { display: none; }


table.mono { font-family: monospace; font-size: inherit!important; }
table.mono ul { font-size: inherit!important; }
table.mono ul li { list-style: circle; }


/* ------------------------------------- 
		ELEMENTS 
------------------------------------- */
a { color: #000; font-weight: 600; text-decoration: underline; border-bottom: 1px solid #ddd; }

.nounderline { border: 0; }

.btn {
	text-decoration:none;
	color: #FFF;
	background-color: #666;
	padding:10px 16px;
	font-weight:bold;
	margin-right:10px;
	text-align:center;
	cursor:pointer;
	display: inline-block;
}

p.callout {
	padding:15px;
	background-color:#ECF8FF;
	margin-bottom: 15px;
}
.callout a {
	font-weight:bold;
	color: #2BA6CB;
}


.highlight { background-color: #ffffb2;}

.rodenindex { 
	text-align: center; 
	margin-top: 10%;
	margin-bottom: 10%;
}

.rodenindex ul li {  
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: .6em;
	color: #bbb;
}

.rodenindex ul li h3 { color: #bbb; display: inline; font-family: inherit; font-weight: normal; font-size: .9em; }


figure { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; }
figcaption { text-align: center; font-size: .8em; }

.sp { font-size: .85em; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }

/* ------------------------------------- 
		HEADER 
------------------------------------- */
table.head-wrap { width: 100%;}

/* ------------------------------------- 
		BODY 
------------------------------------- */
table.body-wrap { width: 100%;}


/* ------------------------------------- 
		FOOTER 
------------------------------------- */
table.footer-wrap { 
	width: 100%; 
	clear:both!important; 
	color: #999;
	font-family: helvetica !important;
	font-size: 10px !important;
}

.footer-wrap .container .content p {
	font-size: 14px;
}

.footer-wrap .container .content a { color: #333; text-decoration: none; }


.footnotes ol li { font-size: .8em; }
.footnotes ol li p { font-size: .8em; }
.footnotes hr { display: none; }

/* ------------------------------------- 
		TYPOGRAPHY 
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: ff-meta-serif-web-pro, 'Lora', 'Lucida Serif', Lucida, Georgia, serif; 
line-height: 1; 
margin-bottom:15px; 
color:#000;
text-align: center;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1 { font-weight:400; font-size: 44px;}
h2 { font-weight:400; font-size: 30px;}
h5 { font-weight:500; font-size: 23px; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; text-align: left; }
h3, h6 { font-weight:400; font-size: 32px; font-style: italic; margin-top: 40px; text-transform: none; color:#000; text-align: left;}

h4,h5 { font-weight: 800; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; text-align: left; font-size: 18px; margin-top: 20px; margin-bottom: 0;}


h2 { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; }
h2 a { font-weight: normal; }

.collapse { margin:0!important;}

p, ul, ol { 
	margin-bottom: 1.4em; 
	font-weight: 400; 
	/*font-size:16px; 
	line-height:1.6;*/
	font-size:17px; 
	line-height:1.5;
	hyphens: auto;
}

code { font-size: 15px; }



hr { width: 50%; margin: 40px auto; border: 0; border-top: 1px solid #ddd; }

p.quote { padding-left: 10px; border-left: 2px solid #ddd; }
blockquote { border-left: 4px solid #efefef; padding-left: 15px; font-style: italic; }

p.lead { font-size:17px; }
p.last { margin-bottom:0px; }

ul li, ol li {
	margin-left: 35px;
	list-style-position: outside;
}


.simplefigures figure, .simplefigures figcaption { border: 0; padding: 0;}
.simplefigures figure a { text-decoration: none; border: 0; }
.grid.photos { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }



/* --------------------------------------------------- 
		RESPONSIVENESS
		Nuke it from orbit. It's the only way to be sure. 
------------------------------------------------------ */

/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
	display:block!important;
	max-width:650px!important;
	margin:0 auto!important; /* makes it centered */
	clear:both!important;
}

/* This should also be a block element, so that it will fill 100% of the .container */
.content {
	padding:15px;
	max-width:650px;
	margin:0 auto;
	display:block; 
}

/* Let's make sure tables in the content area are 100% wide */
.content table { width: 100%; }


/* Odds and ends */
.column {
	width: 300px;
	float:left;
}
.column tr td { padding: 15px; }
.column-wrap { 
	padding:0!important; 
	margin:0 auto; 
	max-width:600px!important;
}
.column table { width:100%;}

/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear { display: block; clear: both; }


/* ------------------------------------------- 
		PHONE
		For clients that support media queries.
		Nothing fancy. 
-------------------------------------------- */
@media only screen and (max-width: 700px) {
	
	a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
	img.fullbleed { margin-bottom: 1.5em; width: 100%; height: auto !important; }

	p { font-size: 16px;}
	h1 { font-size: 36px; }

	div[class="column"] { width: auto!important; float:none!important;}
	
	table.social div[class="column"] {
		width:auto!important;
	}

}


/*  ================================================ */
/*  DARK MODE ====================================== */
/*  ================================================ */
    /*
    @media (prefers-color-scheme: dark) {
      body {
        color: #d7d7d7;
        background-color: #222;
        -moz-osx-font-smoothing: grayscale;
        }

       td.container { background-color: #222; }

      ::selection {
        background: #0000ff; 
        background: #fff;
        color: #333;
      }

      table { border: none !important; background-color: #222;}
      table.body-wrap { border: none !important; background-color: #222; }
      th { border: none; }
      td { border: none; }
      tr { border: none; }


      hr { border-top: 1px solid #444 !important; }

      h1 { color: #ffffff !important; }
      h2 { color: #ffffff !important; }
      h3 { color: #ffffff !important; }
      h4 { color: #ffffff !important; }
      h5 { color: #ffffff !important; }
      h6 { color: #ffffff !important; }


      a { color: #1e90ff !important; }

      .footer-wrap .container .content a { color: #bbb; }

      path.oval { fill: white; }
      path.inner { fill: white; }
  }
*/