@font-face {
  font-family: 'Inter';
  src: url('/fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	code {
		padding: 3px 6px;
		font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
		background: #fcfcfc;
		border: 1px solid #e4e4e4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #3f8faf;
	}

/* #Basic Styles
================================================== */
/*2019*/

body {
  background: #fff;
  font: 18px/1.5 "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #212121;
  
  /* Improves text rendering on all browsers (especially WebKit/Chrome) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  /* Ensures smooth font loading swap (backup if not in @font-face) */
  font-display: swap;
  
  /* Optional: Slight letter-spacing for better visual rhythm in body text */
  letter-spacing: 0.01em;
}


/* Basic Alginment
================================================== */
.columns img, .column img{max-width: 100%; height: auto;}
.content img{border: 1px solid #dfdfdf; margin-bottom: 15px;}

.item-img img {width: 100%; height: auto;}

.align-left{float: left;}
.align-center{text-align: center;}
.align-right{float: right}

img.align-left{float: left; margin: 0 15px 12px 0;}
img.align-center{text-align: center; clear: both; margin: 15px auto; display: block;}
img.align-right{float: right; margin: 0 0 12px 15px;}

img, object, video {max-width: 100%; height: auto;display:block;}
img {width: auto;max-width: 100%; border: 0;-ms-interpolation-mode: bicubic;}

/* Flexible Embeds */
.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.embed iframe,
.embed object,
.embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clearfix {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

.image-left {float: left; margin: 0 15px 8px 0; padding: 5px; }
.image-right {float:right; margin: 0 0 8px 15px; padding: 5px; border: 1px solid #dedede; }
.image-left-copyright {float: left; margin: 0 15px 8px 0; padding: 0px; border: 0px; }



/* #Margin Styles
================================================== */



	

/* #Typography
================================================== */
/*2019*/
/*2019*/
h1, h2, h3, h4, h5, h6{
	line-height: 1.3em;
	}
	
h1 {font-weight:400;}	
h2, h3, h4, h5, h6 {font-weight:600;}

.h1-title{font-size:38px;}
.h2-title{font-size:28px; display:block;border-bottom:1px solid #e7e7e7;padding:0 0 10px 0;margin:20px 0 20px 0;}
.h2-home{font-size:28px;}
.h3-title{font-size:26px; display:block;border-bottom:1px solid #e7e7e7;padding:0 0 10px 0;margin:20px 0 20px 0;}

/*
h1{font-size:24px;}
h2{font-size:24px;}
h3{font-size:18px;line-height:34px;}
h4{font-size:16px;line-height:30px;}
h5{font-size:15px;line-height:24px;}
h6{font-size:12px;line-height:21px;}*/

p{	margin:0 0 15px 0;
	/*line-height:24px;*/
	line-height: 1.6em;
	}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;}
	small { font-size: 80%; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
a{	color:#006597; /*cnn*/
	/*color:#3f8faf;*/
	/*color:#3366cc;*/
	text-decoration:none;
	/*color:#3f8faf;*/
	/*color:#1a0dab; Google*/
	/*cnn 2019*/
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
	}
a:hover{
	color:#006597;
	/*color:#3f8faf;*/
	text-decoration:underline;}
	
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin: 0; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul {}
	ul ul li, ul ol li,
	ol ol li, ol ul li {}
	/*li { line-height: 18px; }*/
	ul.large li { line-height: 21px; }
	/*li p { line-height: 21px; }*/

/* #Images
================================================== */
	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/* #Forms
================================================== */



/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }