/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

html { scroll-behavior: smooth !important; scroll-padding-top: 8rem; }

/* h1 { max-width: 360px; overflow: hidden; white-space: nowrap; } */
h1.page-menu-title { margin: 0 auto 0 0; font-weight: bold; }
h1.page-menu-title span { color: #fff !important; font-weight: normal; }
h1.page-menu-title span.small { font-size: smaller; }
h1.page-menu-title a { color: #fff; }
h1.page-menu-title a:hover { color: #f5f5f5; }

table.table-default { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; }
table.table-default td, table.table-default th { border: 1px solid #dcdcdc; padding: 10px; text-align: center; vertical-align: middle; }
table.table-default td:first-child, table.table-default th:first-child { text-align: left; }
table.table-default tr:nth-child(even) { background-color: #f2f2f2; }
table.table-default th { padding-top: 12px; padding-bottom: 12px; background-color: #CEE3F6; color: #000; text-transform: uppercase; font-size: 0.9rem; }

.bg-f9f9f9 { background-color: #F9F9F9; }
.bg-f2f4f7 { background-color: #F2F4F7; }
.bg-282828 { background-color: #282828; }
.bg-f4f7fd { background-color: #f4f7fd; }
.bg-1abc9c { background-color: #1abc9c; }
.bg-feffef { background-color: #feffef; }

.font-32 { font-size: 32px !important; }
.font-36 { font-size: 36px !important; }
.font-44 { font-size: 44px !important; }
.font-60 { font-size: 60px !important; }
.font-96 { font-size: 96px !important; }

.letter-spacing-minus-1 { letter-spacing: -1px !important; }

.line-height-plus-1 { line-height: 2rem !important; }

.link-copyright { color: rgba(255,255,255,0.4); text-decoration: underline !important; }
.link-copyright:hover { color: rgba(255,255,255,0.6) !important; text-decoration: none; }

.url-block {
    padding: 1.2rem;
    margin-top: 0.75rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #5bc0de;
    background-color: #f8f9fa;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1.1rem;
    overflow-wrap: break-word;
    line-height: 2rem;
}
.url-block-small {
    padding: 0.75rem;
    font-size: 1rem;
}

.max-width-200 { max-width: 200px; }
.max-width-400 { max-width: 400px; }
.max-width-600 { max-width: 600px; }
.max-width-650 { max-width: 650px; }
.max-width-750 { max-width: 750px; }
.max-width-800 { max-width: 800px; }
.max-width-900 { max-width: 900px; }
.max-height-500 { max-height: 500px; overflow-y: scroll }
.max-height-637 { max-height: 637px; overflow-y: scroll }
.max-height-638 { max-height: 638px; overflow-y: scroll }
.max-height-750 { max-height: 750px; overflow-y: scroll }

.no-word-wrap { white-space: nowrap; overflow-x: hidden; }

.dotted-underline { border-bottom: 1px dashed lightgray; text-decoration: none; }