@font-face{ 
	font-family: 'TexGyreHeros';
	src: url('webfonts/texgyreheros-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;
}

@font-face{ 
	font-family: 'TexGyreHeros';
	src: url('webfonts/texgyreheros-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic;
}

@font-face{ 
	font-family: 'TexGyreHeros';
	src: url('webfonts/texgyreheros-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal;
}

@font-face{ 
	font-family: 'TexGyreHeros';
	src: url('webfonts/texgyreheros-bolditalic-webfont.woff') format('woff'); font-weight: bold; font-style: italic;
}

html {scroll-behavior: smooth;}

body {
	background-color: #FFF;
	font-family: 'TexGyreHeros', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

::selection {color: #FFF; background: rgba(0,0,0,0.9);}

h1, .page_header {font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif;}

h2, h3, h4, h5, p, li, .nav-link {font-family: 'TexGyreHeros', "Helvetica Neue", Helvetica, Arial, "sans-serif";}

img {max-width: 100%; height: auto;}

td, th {font-size: 0.85em; line-height: 1.25;}

/*  COLOR  */
.orange {color: #E37700;}
.orange-bkg {background-color: #E37700t;}
.gray-bkg {background-color: #EEEEEE;}
.highlight-bkg {background-color: #FFFFEB;}

.page-content{
	padding-top: 20px;
}

.navbar {
	background-color: #FFF;
	padding: 0.75em 0;
	border-bottom: 1px solid #DDD;
	/* position: fixed; /* Set the navbar to fixed position */
	/* top: 0; /* Position the navbar at the top of the page */
}
/*
.nav-brand {
	display: inline-block;
	width: 50%;
	float: left;
} */

.mr-auto, .mx-auto {margin-left: auto!important; margin-right: 0!important;}

.nav-link {
	display: inline-block;
	width: 100%;
	margin: 0 0.5em;
	font-weight: bold;
}

.summary {display: block; box-sizing: border-box; width: 100%; margin-bottom: 4em; border: 1px solid #DDD; padding: 10px;}
table.summary-toc {border-collapse: collapse; font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif; font-size: 0.85em;}
table.summary-toc tr {border-bottom: 1px solid #DDD;}

.toc-sidebar {width: 35%; float: right; margin-left: 15px; padding: 0.5em 1em; border: 1px solid #DDD;}
.toc-sidebar p {font-size: 0.85em; margin-top: 0.5em; margin-bottom: 0.5em;}

.footer {margin-top: 25px;}
.footnotes {font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif; font-size: 0.77em; line-height: 1.3; color: #333; margin: 0.5em 0;}

.scroll-nav {position:fixed; right: 0; top: 40%; z-index: 100; text-align: center; border: 1px solid #CCC; background-color: #FFF; padding: 0 0.5em;}
.scroll-icon {display: block; padding: 10px 0; text-align: center; color: #3b3f4e;}

p, li, td {
	font-weight: normal;
	color: #484848;
}

a {color: inherit; text-decoration: underline; text-underline-offset: 0.065em;}
a:hover {color: #000; text-decoration-color: #000; background-color: #FFFBA5;}
.no-underline {text-decoration: none!important;}

a.nav-link, a.dropdown-item {text-decoration: none;}

hr {border-top: 5px solid #DDD; border-bottom: none;}
.hr-light {margin-top: 0.5em; margin-bottom: 1em; border: 0; border-top: 1px dashed rgba(0, 0, 0, 0.2);}

.small-text, .captions, .figure-caption {line-height: 1.25; margin-top: 0.5em; margin-bottom: 1.5em; }
.small-text {font-size: 0.65em;}
.medium-text {font-size: 0.775em; line-height: 1.4;}
.captions, .figure-caption {font-size: 0.8rem!important; color: #E37700!important;}
.serif {font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif;}

h1, .page_header {
	font-weight: bold;
	letter-spacing: -0.03em;
	color: #000;
	line-height: 1.1;
	margin: 1em 0em;
}


.header, .header-outline {font-size: 0.45em; letter-spacing: 0; text-align: center!important; padding: 0.1em 0.5em;}
.header {color: #FFF; background-color: #333;}
.header-outline {color: #333; background-color: #FFF; border: 1px solid #333;}

h2 {font-weight: bold; letter-spacing: -0.025em; color: #000; border-top: 2px dashed #DDD; margin: 2.5em 0 1.15em 0;}
h3 {font-weight: bold; color: #000; margin: 1.5em 0 0.5em 0;}
h4 {font-size: 1em; font-weight: bold; color: #000; margin: 1em 0 0.5em; text-transform: uppercase;}
h5 {font-size: 0.95em; font-weight: bold; color: #000; margin: 1em 0 0.5em;}

.breadcrumb {background-color: transparent; border-radius: 0; padding: 0; margin: 0; font-size: 0.75em;}
.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a {color: #BBB;}
.breadcrumb-item.active {color: #FFF;}

.dropdown-header {color: #E37700; text-transform: uppercase; font-weight: bold;}

/*
.objectives {
	padding: 0.5em 0.75em;
	margin: 2em 0 1em;
	font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #FFFFEB;
	border: 1px #DDD solid;
	border-radius: 0.25em;
	color: #000;
}
*/



.objectives {
	font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
  margin: 2em 0 1em;
}

.obj-no {
	display: inline-block;
	padding: 0.2em 0.4em 0.1em;
	margin-bottom: 0.5em;
	background-color: #E37700;
	color: #FFF;
}

.policies {
	font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 600;
	color: #000;
	margin: 1.25em 0;
}

button.copyURL {float: right; border-radius: 50%; background-color: #FFF; position: relative; top: 1em; left: -0.5em;}

.map-box, .design-guidelines {display: block; margin: 2em 0; background-color: #FFF; border: 1px solid #DDD; border-radius: 0.25em;}
.design-guidelines {padding: 1em;}
.design-guidelines h3 {margin: 0.5em 0 1em; text-align: center; border-bottom: 1px dashed #CCC; padding-bottom: 0.25em;}
.design-guidelines p, .design-guidelines li, .design-guidelines td {font-size: 0.9rem; line-height: 1.3; color:#222;}
.design-guidelines hr {border-top: 1px dashed #DEDEDE;}
.map-box p {color: #3b3f4e; font-weight: bold; margin: 0.75em 0;}
.map-icon {vertical-align: sub; margin: 0 0.5em; color: #E37700;}
.map_number {text-transform: uppercase;}

.card-square {border-radius: 1em; padding-top: 30%; padding-bottom: 70%; max-height: 120px; text-decoration: none!important;}
.card-title {font-family: 'Source Serif Pro', Georgia, "Times New Roman", Times, serif; font-size: 1.35em;}

.text-3-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}

.text-2-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}




/* GOOGLE SEARCH RESULTS */

.gsc-adBlock {display: none!important;}
.gsc-control-cse {line-height: 1.25;}
.gs-title {font-weight: bold;}
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {color: #E37700!important;}



/* ---------------------------------------------------------------------------------------------------------------- */

@media (max-width: 576px) {
	.text-3-columns, .text-2-columns {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
  body {line-height: 1.45em;}
  .card-square {padding-top: 0%; padding-bottom: 0%;}
}

@media (min-width: 992px) { 
  body {font-size: 18px; line-height: 1.5em;}
  h1 {font-size: 5.5em;}
  h2 {font-size: 3em;}
  h3 {font-size: 1.5em;}
}

/*
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
	width: 100%;
	max-width: 1140px;
}
*/

.btn-primary {color: #fff; background-color: #E37700; border-color: #E37700;}
.btn-primary:hover {color: #fff; background-color: #F9B100; border-color: #F9B100;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff; background-color: #E37700; border-color: #E37700;}

.modal-header {background-color: #FFF;}
.modal-content {border: none;}

@media print {
	body {margin: 0!important; background-color: transparent!important;}
	.scroll-nav, .summary, .navbar, button.copyURL {display: none!important;}
}