/**
 * 100 Thin (Hairline)
 * 200 Extra Light (Ultra Light)
 * 300 Light
 * 400 Normal (Regular)
 * 500 Medium
 * 600 Semi Bold (Demi Bold)
 * 700 Bold
 * 800 Extra Bold (Ultra Bold)
 * 900 Black (Heavy)
 * 950 Extra Black (Ultra Black)
 */

@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans/dmsans-regular-webfont.woff2')               format('woff2'), url('../fonts/dm-sans/dmsans-regular-webfont.woff')            format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans/dmsans-italic-webfont.woff2')                format('woff2'), url('../fonts/dm-sans/dmsans-italic-webfont.woff')             format('woff'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans/dmsans-medium-webfont.woff2')                format('woff2'), url('../fonts/dm-sans/dmsans-medium-webfont.woff')             format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans/dmsans-mediumitalic-webfont.woff2')          format('woff2'), url('../fonts/dm-sans/dmsans-mediumitalic-webfont.woff')       format('woff'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans/dmsans-bold-webfont.woff2')                  format('woff2'), url('../fonts/dm-sans/dmsans-bold-webfont.woff')               format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'DM Sans'; src: url('../fonts/dm-sans/dmsans-bolditalic-webfont.woff2')            format('woff2'), url('../fonts/dm-sans/dmsans-bolditalic-webfont.woff')         format('woff'); font-weight: 700; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-black-webfont.woff2')               format('woff2'), url('../fonts/poppins/poppins-black-webfont.woff')             format('woff'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-blackitalic-webfont.woff2')         format('woff2'), url('../fonts/poppins/poppins-blackitalic-webfont.woff')       format('woff'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-bold-webfont.woff2')                format('woff2'), url('../fonts/poppins/poppins-bold-webfont.woff')              format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-bolditalic-webfont.woff2')          format('woff2'), url('../fonts/poppins/poppins-bolditalic-webfont.woff')        format('woff'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-extrabold-webfont.woff2')           format('woff2'), url('../fonts/poppins/poppins-extrabold-webfont.woff')         format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-extrabolditalic-webfont.woff2')     format('woff2'), url('../fonts/poppins/poppins-extrabolditalic-webfont.woff')   format('woff'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-extralight-webfont.woff2')          format('woff2'), url('../fonts/poppins/poppins-extralight-webfont.woff')        format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-extralightitalic-webfont.woff2')    format('woff2'), url('../fonts/poppins/poppins-extralightitalic-webfont.woff')  format('woff'); font-weight: 200; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-italic-webfont.woff2')              format('woff2'), url('../fonts/poppins/poppins-italic-webfont.woff')            format('woff'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-light-webfont.woff2')               format('woff2'), url('../fonts/poppins/poppins-light-webfont.woff')             format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-lightitalic-webfont.woff2')         format('woff2'), url('../fonts/poppins/poppins-lightitalic-webfont.woff')       format('woff'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-medium-webfont.woff2')              format('woff2'), url('../fonts/poppins/poppins-medium-webfont.woff')            format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-mediumitalic-webfont.woff2')        format('woff2'), url('../fonts/poppins/poppins-mediumitalic-webfont.woff')      format('woff'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-regular-webfont.woff2')             format('woff2'), url('../fonts/poppins/poppins-regular-webfont.woff')           format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-semibold-webfont.woff2')            format('woff2'), url('../fonts/poppins/poppins-semibold-webfont.woff')          format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-semibolditalic-webfont.woff2')      format('woff2'), url('../fonts/poppins/poppins-semibolditalic-webfont.woff')    format('woff'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-thin-webfont.woff2')                format('woff2'), url('../fonts/poppins/poppins-thin-webfont.woff')              format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins/poppins-thinitalic-webfont.woff2')          format('woff2'), url('../fonts/poppins/poppins-thinitalic-webfont.woff')        format('woff'); font-weight: 100; font-style: italic; }

html { font-family: Poppins; font-weight: 400; font-size: 14px; line-height: 24px;-webkit-text-size-adjust: 100%; background: #232323; color: #FCFCFC; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; letter-spacing: 1px; }
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; font-family: inherit; font-weight: 700; color: #FFFFFF; text-transform: inherit; letter-spacing: 1px; }
h1 { font-family: 'DM Sans'; font-weight: 700; font-size: 72px; line-height: 64px; }
h1 span,
h1 a { color: #F89402; }
h1 .uk-link-toggle:hover .uk-link,
h1 .uk-link:hover,
h1 a:hover { color: #c59044; }
h3 { font-family: 'DM Sans'; font-weight: 700; font-size: 48px; line-height: 56px; }
h5 { font-family: 'Poppins'; font-weight: 500; font-size: 16px; line-height: 24px; }
.uk-navbar-nav { gap: 50px; }
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle { display: flex; justify-content: center; align-items: center; column-gap: 0.25em; box-sizing: border-box; min-height: 90px; font-size: 15px; font-family: inherit; text-decoration: none; }
.uk-navbar-nav > li > a { font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; color: #F89402; }
.uk-navbar .uk-navbar-left .uk-navbar-nav { position: relative; }
.uk-navbar .uk-navbar-left .uk-navbar-nav:after { content: ""; position: absolute; top: 24px; left: -46px; width: 1px; height: 40px; background: #FFFFFF; }

.uk-navbar .uk-button-primary { background: #EF5122; border-radius: 90px; font-weight: 700; font-size: 14px; line-height: 39px; color: #FCFCFD; }

#tm-dialog-mobile .uk-nav > li > a { font-weight: 700; font-size: 14px; text-align: center; color: #F89402; }

header { background: #191919; }
footer { background: #141416; }

h3 + p { font-family: 'Poppins'; font-weight: 400; font-size: 16px; color: #777E91; }

.uk-section { background: #191919; }
.uk-section-odd { background: #232323; }

.shib-section-interfaces .uk-grid .uk-card { background: #191919; border-radius: 20px; padding: 34px 32px; }
.shib-section-interfaces .uk-grid .uk-card p { color: #777E91; }

.shib-section-secure .uk-grid .shib-img-container { height: 150px; }
.shib-section-secure .uk-grid .shib-step { color: #908377; font-size: 12px; font-weight: 600; }

.shib-line-through { position: absolute; height: 0px; right: -60px; width: 84px; letter-spacing: 7px; white-space: nowrap; color: #fff; top: 66px; }
.shib-line-through .dashes:before { content: "-------"; }
.shib-line-through:before { content: ""; display: block; position: absolute; width: 8px; height: 8px; left: -22px; top: 3px; border: 3px solid #B1B5C4; border-radius: 100%; }
.shib-line-through:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; right: -34px; top: 3px; border: 3px solid #B1B5C4; border-radius: 100%; }

.uk-button { border-radius: 90px; color: #FCFCFD; padding: 4px 23px; }
.uk-button-danger { background: #EF5122; }
.uk-button-danger.uk-active, .uk-button-danger:active { background-color: #c34444; color: #fff; }
.uk-button-danger:hover { background-color: #c34444; color: #fff; }

.uk-navbar-container:not(.uk-navbar-transparent) { background: #191919; }

@media (max-width: 639px) {
    h1 { font-size: 45px; line-height: 56px; }
    h3 { font-size: 30px; line-height: 48px; }
    #cat-header { height: 520px !important; }
}
@media (max-width: 1254px) {
    .shib-line-through { width: 52px; right: -46px; }
    .shib-line-through .dashes:before { content: "-----"; }
}