/* General */

body {
	font-family: 'SF Pro Text', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.47059;
    letter-spacing: -.022em;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'SF Pro Display', Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    color: #274060;
}

h1 { font-size:2.5rem; }
h2 { font-size:2.25rem; }
h3 { font-size:1.75rem; }
h4 { font-size:1.5rem; }
h5 { font-size:1.25rem; }
h6 { font-size:1rem; }

h5, h6 {
	margin-top:1rem;
}

hr {
	border-color:rgba(0,0,0,.05);
	margin:30px 0;
}

b, strong {
	font-weight: 600;
}

.wrapper {
	width: 1200px;
}

code {
	background-color:rgba(0,0,0,0.04);
	padding:2px 5px;
}

pre > code {
	background-color:transparent;
	padding:0;
}

/* Header */

header {
	background-color: #000;
}

header .logo {
	background-color: rgba(35,105,163,.5);
}

header .logo img {
	display: block;
	height: 50px;
	margin: auto;
	padding: .5em 0;
}

header .logo a {
	opacity: .5;
}

header .logo a:hover {
	opacity: 1;
}

img {
	height:auto;
}

/* Links & Buttons */

a {
	color: #2369A3;
	-moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a:hover {
	opacity: .75;
}

input[type="submit"],
input[type="button"],
button,
.btn {
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
    background-color: #2369A3;
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    padding: .25em .5em;
    border: 1px solid #2369A3;
    border-radius: .25em;
    margin: 0 .25em;
	vertical-align: middle;
	cursor: pointer;
	-moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

input[type="submit"].inline,
input[type="button"].inline,
button.inline,
.btn.inline {
	padding: .5em;
	margin-top: -1px;
    vertical-align: middle;
}

input[type="submit"].sm,
input[type="button"].sm,
button.sm,
.btn.sm {
	font-size: .8em;
}

input[type="submit"].lg,
input[type="button"].lg,
button.lg,
.btn.lg {
	font-size: 1.2em;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.btn:hover {
	background-color: transparent;
	color: #2369A3;
}

input[type="submit"].inverse,
input[type="button"].inverse,
button.inverse,
.btn.inverse {
	background-color: transparent;
	color: #2369A3;
}

input[type="submit"].inverse:hover,
input[type="button"].inverse:hover,
button.inverse:hover,
.btn.inverse:hover {
	background-color: #2369A3;
	color: #FFF;
}

.btn .fa-layers.spaced,
.btn .far.spaced,
.btn .fas.spaced,
.btn .fab.spaced {
	margin-right: .25em;
}


/* Lists */

menu, ol, ul {
	padding: 0 0 0 2.5rem;
	overflow:visible;
}

ol ol,
ol ul,
ul ul,
ul ol {
	margin: 0;
}

li {
	margin: .75em 0;
}

ol:not(.linenums) {
	counter-reset:ol-counter;
}

ol:not(.linenums) > li {
	list-style:none;
}

ol:not(.linenums) li::before {
	color:#2369a3;
	font-weight:600;
	font-size:1.5rem;
	counter-increment:ol-counter;
}

ol:not(.linenums) > li::before {
	content:counter(ol-counter) '.';
	margin-left:-2.5rem;
	padding-right: 0.6em;
}

ol:not(.linenums) ol:not(.linenums) {
	counter-reset:ol-counter-2;
}

ol:not(.linenums) ol:not(.linenums) > li::before {
	content:counters(ol-counter, '.') '.' counters(ol-counter-2, '.') '.';
	counter-increment:ol-counter-2;
	color:rgba(39,64,96,.5);
}

ol:not(.linenums) ol:not(.linenums) ol:not(.linenums) > li::before {
	color:rgba(39,64,96,.35);
}

/* Sections */

section {
	padding: 2em 0;
	border-top: 1px solid rgba(0,0,0,.05);
}

section:first-of-type {
	border-top: 0;
}

section.heading {
	background-color: #FAFAFA;
}

section.heading .breadcrumb {
	color: rgba(0,0,0,.375);
	font-size: .9em;
}

section.heading .breadcrumb a {
	opacity: .5;
}

section.heading .breadcrumb a:hover {
	opacity: 1;
}

section.heading h1 {
	margin: 1rem 0;
	font-weight: 700;
}

section.heading .date {
	font-size: .9em;
}


/* Form Elements */

input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	width: 100%;
	padding: .5em .75em;
	border-radius: .25em;
	border: 1px solid #CCC;
	outline: none;
}

textarea {
	height: 10em;
}

input[type="text"]:active,
input[type="text"]:focus,
input[type="number"]:active,
input[type="number"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
	border-color: #274060;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

input[type="number"] {
	width: 4.25em;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.btn.disabled,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
button:disabled:hover,
.btn.disabled:hover {
	opacity: .5;
	cursor: default;
}

form input.auto,
form select.auto,
form textarea.auto {
	width: auto;
}

form label {
	display: block;
}

form label .label {
	font-weight: 600;
	margin-bottom: .25em;
}

form .label i {
	color: #E7292C;
	font-style: normal;
}

form .note {
	margin-top: .3125em;
	color: #999;
	font-size: .8em;
}


/* Header */


/* Footer */


/* Search */

section#search {
	background-color: #4B88FF;
	background-color: rgba(39,64,96,.5);
}

section#search h2 {
	color: #FFF;
	margin-bottom: 1em;
}

section#search form {
	/* margin: 0 1em; */
}

section#search form input[type="text"] {
	font-size: 1.25em;
	background-color: rgba(255,255,255,.25);
	border-color: transparent;
	-moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	color: rgba(255,255,255,.75);
	padding: .5em 2.5em;
}

section#search form input[type="text"]::placeholder {
	color: rgba(255,255,255,.75);
	-moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

section#search form input[type="text"]:focus {
	background-color: #FFF;
	color: #222;
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
}

section#search form input[type="text"]:focus::placeholder {
	color: #999;
}

section#search form button {
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.25em;
	background: transparent;
	border: 0;
	color: rgba(255,255,255,.75);
	margin: 0;
	padding: 0;
}

section#search form button.submit {
	left: .75em;
}

section#search form button.clear {
	right: .75em;
}

section#search form input[type="text"]:focus+button,
section#search form input[type="text"]:focus+button+button {
	display: block;
	color: #999;
}


/* Cards */

section .card:first-of-type {
	margin-top: 0;
}

section .card:last-of-type {
	margin-bottom: 0;
}

.card {
	padding: 1em;
	padding-left: 6em;
	margin: 2em 0;
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	border-radius: .25em;
	overflow: hidden;
}

.card:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	border-color: #274060;
	background-color: #FFF;
}

.card .icon {
	top: 0;
	left: 0;
	bottom: 0;
	width: 5em;
	border-right: 1px solid #CCC;
}

.card:hover .icon {
	border-color: #274060;
	background-color: #FAFAFA;
}

.card .icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 2em;
	color: rgba(0,0,0,.25);
}

.card:hover .icon i {
	color: #4B88FF;
}

.card h3 {
	margin-top: 0;
}

.card h3 b {
	font-weight: 800;
}

.card .summary {
	margin: .5em 0;
}

.card .date {
	font-size: .8em;
	color: rgba(0,0,0,.5);
	margin-top: .5em;
}

.card a.abs {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.card p:last-of-type {
	margin-bottom: 0;
}

.article img {
	margin:1em 0;
}

.article p > img:first-child {
	margin:0;
}

.category_cards h2,
.article_cards h2 {
	margin-bottom: 1em;
}

.category_cards .ilb.w_50 {
	padding: .5em 0;
}

.category_cards .ilb.w_50:nth-of-type(even) {
 	padding-left: .5em;
}

.category_cards .ilb.w_50:nth-of-type(odd) {
 	padding-right: .5em;
}


/* Article */

.article section.content h2 {
	margin: 0;
	/* padding-left:25px;
	border-left:solid 5px #274060; */
}

.article section.content h3,
.article section.content h4 {
	color:#3c5370;
}

.article section.content h5,
.article section.content h6 {
	color:#7b8fa7;
}

.article .tags a.btn {
	margin: .25em;
}

.article section h2 span.quicklink {
	display: none;
	margin-left: .5em;
	font-size: .75em;
	vertical-align: middle;
}

.article section h2:hover span.quicklink {
	display: inline-block;
}

.article .file {
	position: relative;
	border: 1px solid #CCC;
	padding: 1em 5em 1em 6em;
	border-radius: .25em;
	margin-top: 1em;
}

.article .file:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.article .file a {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.article .file .file-icon {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	width: 5em;
	text-align: center;
	border-radius: .25em 0 0 .25em;
}

.article .file .file-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	font-size: 2em;
}

.article .file .download-icon {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	width: 5em;
	text-align: center;
	border-radius: .25em 0 0 .25em;
}

.article .file .download-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	font-size: 2em;
	opacity: .25;
	color: #2369A3;
}

.article .file .download-icon a {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.article .file:hover .download-icon i {
	opacity: 1;
}

.article .file .name {
	font-weight: 600;
	margin-bottom: .75em;
	color: #274060;
}

.article .file .description {
	font-size: .9em;
	
}

.article .file .date {
	font-size: .8em;
	color: rgba(0,0,0,.5);
	margin-top: 1em;
}


/* File Icons */

.file-icon { background-color: #CCC; color: #333; }
.file-icon.file-word { background-color: #1766CD; color: #FFF; }
.file-icon.file-excel { background-color: #0D8849; color: #FFF; }
.file-icon.file-powerpoint { background-color: #C83313; color: #FFF; }
.file-icon.file-audio { background-color: #1CBBB4; color: #FFF; }
.file-icon.file-video { background-color: #FF0000; color: #FFF; }
.file-icon.file-pdf { background-color: #FF2116; color: #FFF; }
.file-icon.file-code { background-color: #470137; color: #FF61F6; }
.file-icon.file-edit { background-color: #333; color: #FFF; }
.file-icon.file-image { background-color: #45B4FC; color: #FFF; }
.file-icon.file-archive { background-color: #FFC928; color: #333; }
.file-icon.file-alt { background-color: #666; color: rgba(255,255,255,.25); }
.file-icon.browser { background-color: #299B49; color: #FFF; }


/* Code Blocks */

pre > code {
	display:block;
	padding:10px;
	line-height:1.5;
	border-radius: .5em;
	border: 0;
	color: #FFF;
	background-color: #000;
	tab-size:4;
}

/* Responsive */

@media screen and (max-width: 1275px){
	.wrapper { width: 1000px; }
}

@media screen and (max-width: 1050px){
	.wrapper { width: 800px; }
}

@media screen and (max-width: 850px){
	body { font-size: 14px; }
	.wrapper { width: auto; }
	section { padding-left: 2em; padding-right: 2em; }
}

@media screen and (max-width: 600px){
	section.content a { word-break: break-all; }
	.article .file .date span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.article .file .date span.sep { display: none; }	
}

/* table */

table {
	margin-top:20px;
}

table th,
table thead td {
	font-weight:600;
	background-color:rgba(0,0,0,0.03);
	text-align:left;
}

table tr:not(:last-of-type) th,
table thead tr:not(:last-of-type) td {
	border-bottom:solid 2px rgba(255,255,255,0.9);
}

table td,
table th {
	padding:15px;
	vertical-align:top;
}

table p:first-child {
	margin-top:0;
}

table p:last-child {
	margin-bottom:0;
}

table tbody tr:not(:last-of-type) td {
	border-bottom:solid 2px rgba(0,0,0,0.05);
}

table code {
	background-color:transparent;
	padding:0;
}

section .recent-articles .card {
	margin-bottom: 15px;
}

.recent-articles h6 {
	margin-top: 0;
}

.recent-articles-title {
	margin-bottom: 5px;
}

div.close[tabindex="0"][aria-role="button"][role="button"] {
    display: none;
}

.faq-section,
.definitions-section {
	margin:30px 0;
}

/* faqs */

.faqs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.faqs .accordion {
	background-color: #FAFAFA;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.2s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius:5px;
}

.faqs .active,
.faqs .accordion:hover {
	background-color:#123552;
	color:white;
}

.faqs .panel {
	padding: 0 18px;
	background-color: white;
	overflow: hidden;
	display: none;
}

.faqs .icon {
	font-size: 11px;
	transition: transform 0.2s ease;
	margin-left: 10px;
}

.faqs .active .icon {
	transform: rotate(180deg);
}

/* definitions */

.definitions-section .definition-item {
	margin-bottom: 15px;
}

.definitions-section .definition-term {
	font-weight: 700;
	display: block;
	margin-bottom: 5px;
}

.definitions-section .definition-description {
	margin: 0;
	line-height: 1.5;
}

.definitions-section {
	padding:18px;
	background-color: #FAFAFA;
	border-radius: 5px;
}