/* Core styles can be used any where you need a generic HTML block */

body,
h1, h2, h3, h4, h5, h6, p, button, input, select {
	/* font-family: 'proxima-nova', sans-serif; TODO - change to site paragraph font 
	font-family: 'franklin-gothic-urw', sans-serif;*/
	font-family: var(--font-graphik);
}

button {
	background-color: #003399;  /* TODO - change to site color */
}

.core-styles p,
.core-styles table tr th,
.core-styles table tr td,
.contentRender_name_plugins_core_textbox p,
.contentRender_name_plugins_core_textbox table tr th,
.contentRender_name_plugins_core_textbox table tr td {
    color: #000000;
    font-size: 18px;
	/*font-family: open-sans,sans-serif;
	font-weight: 400;*/
    font-family: var(--font-graphik);
    font-style: normal;
	line-height: 28px;
	letter-spacing: 0.02em;
	margin-bottom: 2em;
	text-rendering: optimizeLegibility;
}

a {
	color: #003399;  /* TODO - change to site color */
}

.core-styles table tr th,
.contentRender_name_plugins_core_textbox table tr th,
.core-styles table tr td,
.contentRender_name_plugins_core_textbox table tr td {
    color: #000000;
    font-size: 13px;
	font-family: open-sans,sans-serif;
	font-weight: 400;
    font-style: normal;
    line-height: 1em;
    margin-bottom: 40px;
    text-rendering: optimizeLegibility;
}

.core-styles table,
.contentRender_name_plugins_core_textbox table {
	border: 1px solid #ccc;
}
.core-styles table tr th,
.contentRender_name_plugins_core_textbox table tr th,
.core-styles table tr td,
.contentRender_name_plugins_core_textbox table tr td  {
    padding: 8px 15px;
}
.core-styles table tr th,
.contentRender_name_plugins_core_textbox table tr th {
    background: #003399;
    color: #fff;
    font-weight: 600;
}

.core-styles table tr.even,
.core-styles table tr.alt, 
.core-styles table tr:nth-of-type(even),
.contentRender_name_plugins_core_textbox table tr.even,
.contentRender_name_plugins_core_textbox table tr.alt, 
.contentRender_name_plugins_core_textbox table tr:nth-of-type(even) {
    background: #eee;
}

.color-alternating-side-by-side .slide .content-section h4, .color-alternating-side-by-side .slide .content-section h4 a, .color-alternating-side-by-side .slide .content-section h4 a:hover, .color-alternating-side-by-side .slide .content-section h4 a:focus, .color-alternating-side-by-side .slide .content-section h4 a:active{
	font-family: var(--font-magazine) !important;
	letter-spacing: normal !important;
}
.postcard-side-by-side .slide .content-section h4, .postcard-side-by-side .slide .content-section h4 a, .postcard-side-by-side .slide .content-section h4 a:hover, .postcard-side-by-side .slide .content-section h4 a:focus, .postcard-side-by-side .slide .content-section h4 a:active{
	font-family: var(--font-magazine) !important;
	letter-spacing: inherit !important;
}
@media screen and (min-width: 1024px) {
	.core-styles p,
	.contentRender_name_plugins_core_textbox p,
	.core-styles table tr th,
	.contentRender_name_plugins_core_textbox table tr th,
	.core-styles table tr td,
	.contentRender_name_plugins_core_textbox table tr td {
		margin-bottom: 2em;
	}
}


.core-styles a,
.contentRender_name_plugins_core_textbox a,
.core-styles a:visited,
.contentRender_name_plugins_core_textbox a:visited,
.core-styles a:active,
.contentRender_name_plugins_core_textbox a:active {
	color:#003399;
	text-decoration: underline;
}

.core-styles h1,
.contentRender_name_plugins_core_textbox h1 {
	color:#003399;
	font-size:60px;
	line-height: 0.95;
	font-style: normal;
	letter-spacing: 0.02em;
	margin-bottom: 30px;
	
}

.core-styles h2,
.contentRender_name_plugins_core_textbox h2 {
	color:#003399;
	font-size:32px;
	font-style: normal;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
	
	line-height: 1.1;
}

.contentRender_name_plugins_core_textbox h2 {
	font-size: 32px;
	font-family: var(--font-magazine);
	font-style: normal;
	letter-spacing: unset;
	line-height: 36px;
}

.core-styles h3,
.contentRender_name_plugins_core_textbox h3 {
	color:#003399;
	font-size:26px;
	font-style: normal;
	margin-bottom: 10px;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

.contentRender_name_plugins_core_textbox h3 {
	font-size:26px;
	font-family: var(--font-magazine);
	letter-spacing: unset;
	line-height: 32px;
}

.core-styles h4,
.contentRender_name_plugins_core_textbox h4 {
	color:#003399;
	font-size:24px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.contentRender_name_plugins_core_textbox h4 {
	font-size:24px;
	font-family: var(--font-graphik);
	font-variation-settings: "wght" 400;
	letter-spacing: unset;
	line-height: 30px;
}

.core-styles h5,
.contentRender_name_plugins_core_textbox h5 {
	color:#000000;
	font-size:24px;
	line-height: 1.6;
	/*font-family: "antipoda-variable",sans-serif;
	font-variation-settings: "wght" 200;*/
	font-family: var(--font-denton) !important;
	font-style: normal;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
}

.core-styles h6,
.contentRender_name_plugins_core_textbox h6 {
	color:#000000;
	font-size:20px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-family: var(--font-denton) !important;
	/*font-family: "antipoda-variable",sans-serif;
	font-variation-settings: "wght" 400;*/
	font-style: normal;
	margin-bottom: 20px;
	
}

.core-styles h7,
.contentRender_name_plugins_core_textbox h7 {
	color:#000000;
	font-size:16px;
	line-height: 1.1;
	letter-spacing: 0.06em;
	/*font-family: "antipoda-variable",sans-serif;
	font-variation-settings: "wght" 400;*/
	font-family: var(--font-denton) !important;
	font-style: normal;
	margin-bottom: 20px;
	
}

.core-styles h8,
.contentRender_name_plugins_core_textbox h8 {
	color:#000000;
	font-size:36px;
	line-height: 1.4;
	letter-spacing: 0.02em;

	font-style: normal;
	margin-bottom: 20px;
}

.core-styles ul:not([class*="block-grid-"]) li,
.core-styles ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
    color: #000000;
    font-size: 18px;
    font-family: "franklin-gothic-urw",sans-serif;
    font-variation-settings: "wght" 400;
    /*font-family: open-sans,sans-serif;*/
	line-height: 28px;
	letter-spacing: 0.02em;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	font: inherit;
	color: inherit;
	text-decoration: none;
}

.core-styles img[align*='right'],
.contentRender_name_plugins_core_textbox img[align*='right'] { margin-left : 15px; margin-bottom: 5px; }
.core-styles img[align*='left'],
.contentRender_name_plugins_core_textbox img[align*='left'] { margin-right : 15px; margin-bottom: 5px; }

.core-preview-slider .slide.overlap-image .content-section a{
	color: #fff;
}

@media (max-width: 480px) {
	.core-styles h3, .contentRender_name_plugins_core_textbox h3{
		font-size: 23px !important;
		line-height: 1.1 !important;
	}
	.color-alternating-side-by-side .slide .content-section h4, .color-alternating-side-by-side .slide .content-section h4 a, .color-alternating-side-by-side .slide .content-section h4 a:hover, .color-alternating-side-by-side .slide .content-section h4 a:focus, .color-alternating-side-by-side .slide .content-section h4 a:active{
	font-size: 23px !important;
	letter-spacing: normal !important;
}
.postcard-side-by-side .slide .content-section h4, .postcard-side-by-side .slide .content-section h4 a, .postcard-side-by-side .slide .content-section h4 a:hover, .postcard-side-by-side .slide .content-section h4 a:focus, .postcard-side-by-side .slide .content-section h4 a:active{
	font-size: 23px !important;
	letter-spacing: normal !important;
}
}

@media (max-width: 820px) {
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
		font-size: 60px;
	}
	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
		font-size: 28px;
	}
	.core-styles h3,
	.contentRender_name_plugins_core_textbox h3 {
		font-size: 26px;
	}
	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4 {
		font-size: 24px;
		line-height: 28px;
	}
	.core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
		font-size: 20px;
	}
	.core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
		font-size: 20px;
	}
	.core-preview-slider .slide.overlap-image .content-section a{
		color: #003399;
	}
}

@media screen and (max-width:640px) {
	/*Mobile View*/
	
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
		font-size: 40px;
	}
	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
		font-size: 23px;
	}
	.core-styles h3,
	.contentRender_name_plugins_core_textbox h3 {
		font-size: 20px;
	}
	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4 {
		font-size: 21px;
		line-height: 19px;
	}
	.core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
		font-size: 18px;
	}
	.core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
		font-size: 15px;
	}
}