@charset "UTF-8";
/* CSS Document */

/* Wide image at top of home */
.wide-image-container	{margin:-44px 0 12px 2px; max-height:320px; border-radius:6px; overflow:hidden; border:1px solid #CCC;}
.wide-image				{width:100%; xxmin-height:280px; max-height:320px; background-color:#EEE; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.wide-image:hover 		{opacity:1.0; transform:scale(1.05); transition-timing-function:ease; transition:0.2s;}
.wide-image img			{width:100%; margin-top:0;}
.credit-box				{width:100%; margin-top:64px;}
.credit-text 			{transform:rotate(90deg); color:#999; float:right; z-index:1; position:static; margin:4px -72px 0; font-size:12px;}

#more					{float:right; font-size:90%; min-width:200px; text-align:right; margin:20px 4px 0 0; padding-top:10px;}
.left					{float:left;}

#home-top 				{min-height:300px; color:#777; font-size:14pt; line-height:130%;}
#home h1					{font-size:200%; letter-spacing:-.02em;}
#home .line				{border:none; border-top:1px dotted #e63535; margin:-6px 0 24px 0;}
#home-top h2 			{font-size:180%; margin-bottom:4px; line-height:104%;}
#home-top a:hover h2 		{color:#8D0104;}
#home-top .text			{padding:0 0 24px 0; margin:0 0 20px 0;}

#archives				{line-height:116%;}
#archives xh1			{font-size:180%; letter-spacing:-.02em; color:#866;}
#archives h2 			{font-size:180%; margin-bottom:4px; line-height:104%;}
#archives h3 			{font-size:128% !important; font-family:'Playfair', Times, "Times New Roman", serif; color:inherit; line-height:106%; letter-spacing:-.01em;}
#archives .line			{border:none; border-top:1px dotted #e63535; margin:5px 0 12px 0;}
#archives ul				{list-style-type:none; margin-left:0; padding-left:4px;}
#archives li				{font-size:100%; xline-height:120%;  padding-top:2px; padding-bottom:2px;}
#archives .image			{width:94%; height:auto; margin:6px 20px 14px 0; float:none; border-radius:4px; border:none; overflow:hidden;
						-webkit-box-shadow:1px 1px 5px 0px rgba(51,51,51,0.4);-moz-box-shadow:1px 1px 5px 0px rgba(51,51,51,0.4); box-shadow:1px 1px 5px 0px rgba(51,51,51,0.4); }
#archives .image:hover	{transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#archives .image img		{width:100%;}
#archives .summary 		{color:#666; font-size:72%; margin:2px 0 12px 0; line-height:136%;}
#archives .desc 			{color:#666; font-size:82%; margin:0px 0 28px 0; line-height:120%;}
#archives a h3:hover, #archives a h4:hover, #archives a:hover, #archives a#link:hover {color:#8D0104;}
#archives a:hover 		{color:#8D0104 !important;}
#archives .image img:hover {color: #000;}

#resources				{}
.resources-gradiant		{min-height:600px; background-color:#EEE; background: rgb(235,228,228);
background: -moz-linear-gradient(180deg, rgba(235,228,228,1) 0%, rgba(242,242,242,1) 32%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(235,228,228,1) 0%, rgba(242,242,242,1) 32%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(235,228,228,1) 0%, rgba(242,242,242,1) 32%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebe4e4",endColorstr="#ffffff",GradientType=1);}
#resources h1			{font-size:180%; letter-spacing:-.02em; color:#866;}
#resources .line			{border:none; border-top:1px dotted #e63535; margin:-6px 0 24px 0;}
#resources h2 			{font-size:180%; margin-bottom:4px; line-height:104%;}
#resources ul			{list-style-type:none; margin-left:0; padding-left:4px;}
#resources li			{font-size:100%; xline-height:120%;  xpadding-bottom:2px;}
#resources .image		{width:98%; height:auto; margin:8px 20px 12px 0; float:none; border-radius:4px; border:1px solid #CCC; overflow:hidden;
						-webkit-box-shadow:1px 1px 5px 0px rgba(51,51,51,0.4);-moz-box-shadow:1px 1px 5px 0px rgba(51,51,51,0.4); box-shadow:1px 1px 5px 0px rgba(51,51,51,0.4); }
#resources .image:hover	{transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#resources .image img		{width:100%;}
#resources .desc 		{font-size:88%; margin:2px 0 12px 0; line-height:120%;}
#resources .desc, #resources a h3:hover, #resources a h4:hover {color:#8D0104;}

#archive .login-email-text-input  {xheight:38px;}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width:575.98px) {
	#home h1 {font-size:140%;}
	#more {min-width:180px; margin:0px 4px 2px 0;}
	.email-container {width:100%;}
	.hidden-xs, .hidden-sm {display:none;}
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width:576px) and (max-width:767.98px) {
	#home h1 {font-size:120%;}
	#more {min-width:180px; margin:0px 4px 2px 0;}
	.email-container {width:100%;}
	.hidden-xs, .hidden-sm {display:none;}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width:768px) and (max-width:991.98px) {
	#home h1 {font-size:140%;}
	#more {min-width:200px; margin:4px 4px 2px 0;}
	.email-container {width:100%;}
}

/* Large devices (desktops, less than 1200px) */
@media (min-width:992px) and (max-width:1199.98px) {
	#home h1 {font-size:180%;}
	#more {min-width:220px; margin:8px 4px 2px 0;}
	.email-container {width:74%;}
	.display-lg, .display-xl {display:block; margin:12px 0 12px 0;}
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width:1120px) and (max-width:1399.98px) {
	.email-container {width:60%;}
	.display-lg, .display-xl {display:block; margin:12px 0 12px 0;}
}

/* XX-Large devices (larger desktops) */
@media (min-width:1400px) {
	.display-lg, .display-xl {display:block; margin:12px 0 12px 0;}
}