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

/* Wide image at top of topics */
.wide-image-container		{margin:8px 0 12px 2px; max-height:240px; border-radius:6px; overflow:hidden; border:1px solid #CCC; width:96%;}
.wide-image				{width:100%; xxmin-height:280px; max-height:320px; background-color:#EEE; display:flex; justify-content:center; align-items:center; overflow:hidden; margin-top:-20px;}
.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; min-height:240px;}
.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:12px 4px 0 0;}
.left					{float:left;}
.smaller					{font-size:74%;}
.gray					{color:#888;}

#topic-top .desc 		{color:#666; font-size:120% !important; margin:0px 0 28px 0; line-height:132% !important;}
#topic-top h2.heading		{font-size:194% !important; margin-bottom:10px;}
#topic .dark				{color:#333 !important;}
#topic .topic-col		{width:49%; float:left; min-width:280px;}
#topic p					{line-height:135%;}
#topic h2, #topic h3		{line-height:100% !important; }
#topic					{xline-height:116%;}
#topic .line				{border:none; border-top:1px dotted #e63535; margin:5px 0 12px 0;}
#topic ul				{list-style-type:none; xmargin-left:0; xpadding-left:4px;}
#topic li				{xpadding-top:2px; xpadding-bottom:2px;}
#topic .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); }
#topic li ul				{margin-left:20px;}
#topic .image:hover		{transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#topic .image img		{width:100%;}
#topic .summary 			{color:#666; font-size:72%; margin:2px 0 12px 0; line-height:136%;}
#topic .desc 			{color:#666; font-size:82%; margin:0px 0 28px 0; line-height:120%;}
#topic a h3:hover, #topic a h4:hover, #topic a:hover, #topic a#link:hover {color:#8D0104;}
#topic a:hover 			{color:#8D0104 !important;}
#topic .image img:hover 	{color: #000;}
#topic .border			{border:1px solid #EEE;}

#topic .sponsor-image		{width:100%; margin-top:8px;}
#topic .sponsor-image img	{width:100%; height:auto; padding-left:10px;}
#topic .video-desc h2		{font-size:160% !important; color:#333;}

#sponsor 				{line-height:120%; margin:0 0 20px 0; background-color:#f5f3f3; padding-top:12px; border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED;}
#sponsor .image 		{width:96%; margin:0 0 10px 0;}
#sponsor .image img 	{width:100%; height:auto;}
#sponsor .text		 	{color:#666; font-size:84%; margin:10px 0 0 0;}
#sponsor ul				{list-style-type:none; margin-left:0; padding:4px 0 0 4px;}
#sponsor li				{font-size:90%;line-height:120%; padding:4px 0 4px 12px;}
#sponsor .download-image {-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); border:1px solid #eee; width:28%; height:auto; float:left; margin:4px 18px 10px 2px;}
#sponsor .download-image img {width:100%; height:auto;}		
#sponsor .download-image:hover {opacity:1.0; transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#sponsor .download-button {float:left; padding:4px 10px 5px 12px; font-size:78%; width:30%; min-width:180px; margin:14px 0 12px 0; 
						background-color:#c72525; was:#e63535; border:1px solid #c91b1b; border-radius:4px; color:#EEE;}
#sponsor .download-button:hover	{background-color:#b71d1d; xtransform:scale(1.02); transition-timing-function:ease; transition:0.5s; color:#FFF; cursor:pointer;}
#sponsor .download-button i {font-style:normal !important;}
#sponsor .title 		{line-height:120%;}

#topic h1 				{font-family: 'Playfair', Times, "Times New Roman", serif; font-size:48pt !important;line-height: 92%;margin-bottom: 16px;color:#333 !important;}
#topic-top 				{min-height:300px; color:#777; font-size:13pt; line-height:130%;}
#topic xh1				{font-size:200%; letter-spacing:-.02em;}
#topic .line				{border:none; border-top:1px dotted #e63535; margin:-6px 0 24px 0;}
#topic-top h2 			{font-size:220%; margin-bottom:4px; line-height:104%;}
#topic-top a:hover h2 	{color:#8D0104;}
#topic-top h3, #sponsor h3, #topic h3 {font-size:180%; margin-bottom:4px; line-height:104%; color:#c72525; was:#e63535;}
.col-md-5 h3.title 		{font-size:160% !important; letter-spacing:-.02em;}
#topic-top .text			{padding:0 20px 18px 0; margin:0; font-size:13pt;}

#resources h3 			{font-size:150% !important; font-family:'Playfair', Times, "Times New Roman", serif; color:#827a6e !important; line-height:96%; letter-spacing:-.0em;}
#resources h2 			{font-size:220% !important; margin-bottom:16px !important; line-height:104%;}

.carousel-container 	{margin:-6px 0 12px 0;}
.carousel-item:hover 	{transform:scale(1.00); transition-timing-function:ease; transition:0.2s; cursor: pointer;}
.carousel-container li 	{width:60px;}
.carousel-container p 	{margin:0 0 -10px 0; padding:0;}
.overlay::before 		{content:''; width:100%; height:100%; display:block; position:absolute; opacity:.5; background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);}
.carousel-container dl, .carousel-container ol, .carousel-container ul {margin-top:0; list-style-type:none; margin-bottom:.2rem;}
.carousel-control-next-icon {margin:0 -60% 0 0; color:#EEE;}
.carousel-control-prev-icon {margin:0 0 0 -60%;}
.carousel-container a, .carousel-container a:visited {color:#FFF;}
.carousel-container a:hover {color:#FDD;}
.carousel-container h5 	{font-size:220%; font-family:'Playfair', Times, "Times New Roman", serif; line-height:90%; margin:0px 0 6px 0; letter-spacing:-.05em;}
.carousel-caption 		{position:absolute; right:10%; left:10%; bottom:1.5rem; padding-top:2.0rem; padding-bottom:1.0rem; color:#fff; margin-bottom:4px;}
.carousel-inner .small 	{font-size:72%; color:#888; line-height:124%;}
.overlay2::before 		{content:''; width:100%; height:100%; display:block; position:absolute; opacity:.3; background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);}
.display-lg, .display-xl {display:none;}

.carousel-indicators li {
    box-sizing:content-box;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    width:30px;
    height:4px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#CCC;
    background-clip:padding-box;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    transition:opacity .6s ease;
}
.carousel-indicators li:hover {background-color: #e18383;}

.podcast-line 			{margin:0 0 12px 0; border-top:8px solid #7f6161; width:100%;}
.podcast-box			{background-color:#f9f5f5; font-size:88%; line-height:128%; border:1px solid #f3e9e9; color:#583b3b;
						padding:12px 16px 6px 16px; border-radius:8px; min-height:200px; width:100%; margin:0 0 24px 0;}
.podcast-box h4			{font-size:114%;}
.podcast-box ul			{list-style-type:none; margin-left:0; padding:4px 0 0 2px; font-size:90%; line-height:136%}

.topic-res 				{min-height:240px; font-size:12.5pt; line-height:120%; color:#666;}

.topic-related .download-image			{-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); border:1px solid #eee; width:44%; height:auto; float:none; margin:4px 18px 10px 0; float:left;}
.topic-related .download-image img 	{width:100%; height:auto;}		
.topic-related .download-image:hover 	{opacity:1.0; transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
.topic-related .download-image-wider	{-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); border:1px solid #eee; width:40%; height:auto; float:left; margin:4px 18px 10px 0;}
.topic-related .download-image-wider img {width:100%; height:auto;}		
.topic-related .download-image-wider:hover {opacity:1.0; transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#topic .topic-related  ul {list-style-type:none;}
#topic .topic-related  ul li {list-style-type:none; padding:0; margin:0 0 10px -24px; line-height:120%;}

.download-image			{-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); border:1px solid #eee; width:94%; height:auto; float:none; margin:4px 18px 10px 0;}
.download-image img 	{width:100%; height:auto;}		
.download-image:hover 	{opacity:1.0; transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
.download-image-wider	{-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); border:1px solid #eee; width:40%; height:auto; float:left; margin:4px 18px 10px 0;}
.download-image-wider img {width:100%; height:auto;}		
.download-image-wider:hover {opacity:1.0; transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
.download-title			{margin:8px 6px 6px 0; font-size:125%; line-height:125%;}
.download-text 			{font-size:100%; color:#7f6161; margin:0 20px 16px 0;}
.download-button		{float:left; padding:6px 10px 7px 12px; font-size:90%; width:40.25%; min-width:200px; margin-bottom:8px; 
						background-color:#c72525; was:#e63535; border:1px solid #c91b1b; border-radius:4px; color:#EEE;}
.download-button:hover	{background-color:#b71d1d; xtransform:scale(1.02); transition-timing-function:ease; transition:0.5s; color:#FFF; cursor:pointer;}
.download-button i 		{font-style:normal !important;}

#topic h1				{letter-spacing:-.02em; color:#866;}
#topic h2 				{font-size:200%; line-height:100%; margin:6px 0 10px 0; ine-height:104%; letter-spacing:-.03em;}
#topic h3 				{font-size:180% !important; font-family:'Playfair', Times, "Times New Roman", serif; color:#827a6e !important; line-height:106%; letter-spacing:-.02em;}

#topic .image-left		{width:36%; height:auto; margin:10px 20px 8px 0; float:left; border-radius:4px; border:1px solid #CCC; overflow:hidden; min-width:150px;
						-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); }
#topic .image-left:hover {transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#topic .image-left img 	{width:100%;}

#topic .image			{width:90%; height:auto; margin:6px 20px 20px 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); }
#topic .image:hover		{transform:scale(1.02); transition-timing-function:ease; transition:0.2s;}
#topic .image img		{width:100%;}

#topic .summary 		{color:#666; font-size:88%; margin:2px 0 12px 0; line-height:130%;}
#topic .desc 			{color:#666; font-size:88%; margin:2px 0 12px 0; line-height:120%;}
#topic .text 			{color:#666; xfont-size:88%; xmargin:2px 0 0 0; xline-height:130%;}
#topic a h3:hover, #archives a h4:hover, #archives a:hover, #archives a#link:hover {color:#8D0104;}
#topic a:hover, #topic a:hover h2 {color:#8D0104 !important;}
#topic .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%;line-height:120%;  padding-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;}


/* 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;}
	.wide-image-container {max-height:280px;}
	.wide-image img {min-height:280px;}
	h2.heading {font-size:140% !important;}
	#sponsor ul {margin-left: -16px;}
}

/* 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;}
	.wide-image-container {max-height:280px;}
	.wide-image img {min-height:280px;}
	h2.heading {font-size:140% !important;}
	#sponsor ul {margin-left: -16px;}
}

/* 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%;}
	.wide-image-container {max-height:120px;}
	.wide-image img {min-height:112px;}
	h2.heading {font-size:150% !important;}
	#topic-top .text {font-size:10pt; line-height:120%;}
	#sponsor li, #sponsor .title {font-size:78%;}
	#sponsor .text {font-size:11pt !important; line-height:120%;}
}

/* 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;}
	.wide-image-container {max-height:136px;}
	.wide-image img {min-height:136px;}
	h2.heading {font-size:160% !important;}
	#topic-top .text {font-size:12pt;}
	#sponsor li, #sponsor .title {font-size:84%;}
	#sponsor .text {font-size:12pt !important; line-height:120%;}
}

/* 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;}
	.wide-image-container {max-height:164px;}
	.wide-image img {min-height:164px;}
	h2.heading {font-size:160% !important;}
}

/* XX-Large devices (larger desktops) */
@media (min-width:1400px) {
	.display-lg, .display-xl {display:block; margin:12px 0 12px 0;}
	h2.heading {font-size:160% !important;}
}