:root{--main-color: #5540CE;}
main a:not(.toc-link):focus {outline: thin dotted;} button{ overflow: visible }
a{ background-color: transparent }
button { background-color: transparent }
button{ font-size: 100%; line-height: 1.15; margin: 0 }
button{ text-transform: none }
button { -webkit-appearance: button }
button::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring { outline: ButtonText dotted 1px }
button { background-image: none; cursor: pointer }
button.jfHeader-hamburger .hamburger-wrapper .bar::after{ background: #0a1551 }
button.jfHeader-hamburger .hamburger-wrapper .bar::before { background: #0a1551 }
.jfHeader-menuWrapper a { color: #24356A; }
.jfHeader-menuWrapper ul { list-style-type: none; margin: 0; padding: 0 }
header.jfHeader { top: 0; display: block; width: 100%; max-width: 100vw; z-index: 6050; background-color: white; }
header.jfHeader a { text-decoration: none; cursor: pointer }
header.jfHeader * { font-variant-numeric: lining-nums; -webkit-font-feature-settings: "lnum"; font-feature-settings: "lnum"; -webkit-overflow-scrolling: touch }
.jfHeader-mobileWrapper { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-left: 8px; -webkit-flex-wrap: nowrap; flex-wrap: nowrap }
@media screen and (max-width: 375px) {.jfHeader-mobileWrapper { margin-left:0 } }
.jfHeader-hamburger { cursor: pointer; display: none; position: relative; width: 45px; height: 75px; background-color: rgba(0,0,0,0); border: none }
.jfHeader-hamburger .hamburger-wrapper { min-width: 45px; min-height: 45px; position: absolute; top: 50%; left: 50%; color: #fff; -webkit-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6); cursor: pointer }
.jfHeader-hamburger .hamburger-wrapper{ pointer-events: none }
.jfHeader-hamburger .hamburger-wrapper * { pointer-events: none }
.jfHeader-hamburger .hamburger-wrapper .bar-wrapper{ position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.jfHeader-hamburger .hamburger-wrapper .bar { position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.jfHeader-hamburger .hamburger-wrapper .bar:before{ content: ""; width: 50%; height: 15%; background: #fff; display: block; position: absolute; left: 0; border-radius: 10px }
.jfHeader-hamburger .hamburger-wrapper .bar:after { content: ""; width: 50%; height: 15%; background: #fff; display: block; position: absolute; left: 0; border-radius: 10px }
@media(prefers-reduced-motion: no-preference) {.jfHeader-hamburger .hamburger-wrapper .bar:before{ transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.2) } .jfHeader-hamburger .hamburger-wrapper .bar:after { transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.2) } }
.jfHeader-hamburger .hamburger-wrapper .bar:before { left: 5% }
.jfHeader-hamburger .hamburger-wrapper .bar:after { right: 5%; left: auto; left: initial }
.jfHeader-hamburger .hamburger-wrapper .top-bar:before{ top: 10% }
.jfHeader-hamburger .hamburger-wrapper .top-bar:after { top: 10% }
.jfHeader-hamburger .hamburger-wrapper .middle-bar:before{ top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.jfHeader-hamburger .hamburger-wrapper .middle-bar:after { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
@media(prefers-reduced-motion: no-preference) {.jfHeader-hamburger .hamburger-wrapper .middle-bar:before{ transition: .2s ease .1s } .jfHeader-hamburger .hamburger-wrapper .middle-bar:after { transition: .2s ease .1s } }
.jfHeader-hamburger .hamburger-wrapper .bottom-bar:before{ bottom: 10% }
.jfHeader-hamburger .hamburger-wrapper .bottom-bar:after { bottom: 10% }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
@media(prefers-reduced-motion: no-preference) {.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper { transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) } }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper .middle-bar:before{ width: 0%; border-radius: 10px !important }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper .middle-bar:after { width: 0%; border-radius: 10px !important }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper .top-bar:before { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(45deg) translate(10%, -70%); transform: rotate(45deg) translate(10%, -70%); left: 0 }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper .top-bar:after { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-45deg) translate(-10%, -70%); transform: rotate(-45deg) translate(-10%, -70%); right: 0 }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper .bottom-bar:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg) translate(10%, 70%); transform: rotate(-45deg) translate(10%, 70%); left: 0 }
.jfHeader-hamburger .hamburger-wrapper.active .bar-wrapper .bottom-bar:after { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(45deg) translate(-10%, 70%); transform: rotate(45deg) translate(-10%, 70%); right: 0 }
.jfHeader-hamburger:focus { outline: thin dotted #d5daff }
.jfHeader .jfHeader-menuList.jfHeader-menubsg {max-width: 750px;}
.jfHeader .jfHeader-menuListLink:hover { color: var(--main-color); }
.jfHeader-subMenuItemLink { display: -webkit-flex !important; display: flex !important; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center }
.jfHeader-content { margin: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center }
.jfHeader-logoWrapper { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 0; padding: 0 20px; max-height: inherit }
@media screen and (max-width: 480px) {.jfHeader-logoWrapper { margin:0 2px } }
.jfHeader-logoWrapper .jfHeader-logoLink { padding: 0; margin-top: -6px; white-space: nowrap; }
.jfHeader-logoWrapper .jfHeader-logoLink img {max-height: 50px;}
.jfHeader-logoWrapper .jfHeader-logoLink img.default-letter-logo {margin-right: 10px;}
@media(max-width: 956px) {.jfHeader-logoWrapper .jfHeader-logoLink { margin-top:-4px } }
@media(max-width: 768px) {.jfHeader-logoWrapper .jfHeader-logoLink { margin-top:-2px;} .jfHeader-logoWrapper .jfHeader-logoLink img {max-height: 40px;} .jfHeader-logoWrapper .jfHeader-logoLink img.default-letter-logo {max-height: 40px; max-width: 40px;} }
.jl-main { width: 100% }
.jfHeader-menuWrapper { display: -webkit-flex; display: flex; color: #fff; margin: 0 8px; width: 100%; -webkit-justify-content: flex-end; justify-content: flex-end }
@media screen and (max-width: 480px) {.jfHeader-menuWrapper { margin:0; padding-bottom: 82px } }
.jfHeader-menuWrapper .jfHeader-menuList { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; justify-content: flex-end; margin: 0 }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem { position: relative; cursor: pointer }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu { position: relative }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus):before{ content: ""; position: absolute; z-index: 1000; bottom: 0; height: 80%; -webkit-animation: subnavHoverHelp 1.2s; animation: subnavHoverHelp 1.2s }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus):after { content: ""; position: absolute; z-index: 1000; bottom: 0; height: 80%; -webkit-animation: subnavHoverHelp 1.2s; animation: subnavHoverHelp 1.2s }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus):before { left: -100%; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%) }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus):after { right: -100%; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%) }
.jfHeader .jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus) .jfHeader-menuListLink { color: var(--main-color); }
.jfHeader .jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem:hover:not(:focus) .jfHeader-menuListLink { color: var(--main-color); }
.jfHeader .jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus) .jfHeader-menuListLink:after{ background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.234522 0.244006C0.384732 0.0877692 0.588433 -9.45933e-09 0.80083 0C1.01323 9.45933e-09 1.21693 0.0877692 1.36714 0.244006L4.00484 2.98837L6.64253 0.244006C6.7936 0.0921973 6.99594 0.00819563 7.20596 0.0100945C7.41598 0.0119933 7.61688 0.0996405 7.76539 0.254158C7.9139 0.408676 7.99814 0.617702 7.99997 0.836214C8.00179 1.05473 7.92106 1.26524 7.77515 1.42242L4.57114 4.75599C4.42093 4.91223 4.21723 5 4.00484 5C3.79244 5 3.58874 4.91223 3.43853 4.75599L0.234522 1.42242C0.0843579 1.26614 -9.48072e-09 1.0542 0 0.833215C9.48072e-09 0.612229 0.0843579 0.40029 0.234522 0.244006Z' fill='%23FF6100' /%3E%3C/svg%3E") }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu .jfHeader-menuListLink { position: relative }
.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu .jfHeader-menuListLink:after { font-size: 10px; line-height: 10px; content: ""; position: relative; display: -webkit-inline-flex; display: inline-flex; left: 8px; vertical-align: middle; background-size: 100% 100%; width: 8px; height: 5px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.234522 0.244006C0.384732 0.0877692 0.588433 -9.45933e-09 0.80083 0C1.01323 9.45933e-09 1.21693 0.0877692 1.36714 0.244006L4.00484 2.98837L6.64253 0.244006C6.7936 0.0921973 6.99594 0.00819563 7.20596 0.0100945C7.41598 0.0119933 7.61688 0.0996405 7.76539 0.254158C7.9139 0.408676 7.99814 0.617702 7.99997 0.836214C8.00179 1.05473 7.92106 1.26524 7.77515 1.42242L4.57114 4.75599C4.42093 4.91223 4.21723 5 4.00484 5C3.79244 5 3.58874 4.91223 3.43853 4.75599L0.234522 1.42242C0.0843579 1.26614 -9.48072e-09 1.0542 0 0.833215C9.48072e-09 0.612229 0.0843579 0.40029 0.234522 0.244006Z' fill='%230A1551' /%3E%3C/svg%3E") }
@media screen and (min-width: 769px) {.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem:hover:not(:focus) .jfHeader-subMenu { display:block } .jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem:hover:focus .jfHeader-menuListLink+.jfHeader-subMenu { display: block } }
.jfHeader-menuWrapper .jfHeader-menuListLink { display: inline-block; position: relative; padding: 0 16px; font-size: 16px; white-space: nowrap; -webkit-font-smoothing: antialiased; line-height: 70px; font-weight: 400 }
.jfHeader-menuWrapper .jfHeader-menuListLink:hover { text-decoration: none; color: var(--main-color) }
.jfHeader-menuWrapper .jfHeader-subMenu { display: none; position: absolute; z-index: 1; background-position: center; background-size: contain; background-repeat: repeat; font-size: 14px; line-height: 24px; color: #0c164e }
.jfHeader-menuWrapper .jfHeader-subMenu { min-width: 216px; left: 50%; -webkit-transform: translateX(-50%) translateY(3px); transform: translateX(-50%) translateY(3px) }
.jfHeader-menuWrapper .jfHeader-subMenu:before { box-sizing: border-box; content: ""; position: absolute; top: -5px; left: auto; right: 50%; width: 12px; height: 12px; background-color: #fff; background-image: linear-gradient(135deg, #fff 50%, transparent 50%); border-top: 1px solid #c8ceed; border-right: 1px solid rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0); border-left: 1px solid #c8ceed; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-radius: 2px 0 0 0 }
@media(prefers-reduced-motion: no-preference) {.jfHeader-menuWrapper .jfHeader-subMenu:before { -webkit-animation: .25s arrowSlideIn ease-out forwards; animation: .25s arrowSlideIn ease-out forwards } }
.jfHeader-menuWrapper .jfHeader-subMenu a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 8px 12px; color: inherit; outline-offset: -1px; position: relative; border-radius: 2px }
.jfHeader-menuWrapper .jfHeader-subMenu a:focus { outline: thin dotted #d5daff }
.jfHeader-menuWrapper .jfHeader-subMenu>.jfHeader-subMenuBox { box-shadow: -1px 2px 6px rgba(0,0,0,.25); overflow: hidden; background-color: #fff; margin: 0 8px; border-radius: 10px; padding: 7px 0 12px; border: 1px solid #c8ceed }
.jfHeader-menuWrapper .jfHeader-subMenu { box-sizing: border-box; width: 200px; margin-left: -64px; margin-top: -6px }
.jfHeader-menuWrapper .jfHeader-subMenu::before { left: calc(50% + 54px) }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuTitle { display: block; box-sizing: border-box; width: 100%; font-size: .75rem; line-height: 1rem; color: #939bc5; padding: 0 1.5rem .75rem 1.5rem }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox { display: -webkit-flex; display: flex; padding: 0; flex-wrap: wrap; }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .jfHeader-subMenuItem { background-color: rgba(0,0,0,0); width: 100%; }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .jfHeader-subMenuItem .jfHeader-subMenuItemLink { padding: .5rem 1.5rem }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .jfHeader-subMenuItem .jfHeader-subMenuItemLink:hover { background-color: rgba(223,226,243,.3) }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .jfHeader-subMenuItem .jfHeader-subMenuItemLink>span { pointer-events: none }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .left { -webkit-flex: 1 1; flex: 1 1; padding: 1.5rem 0 }
.jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .right { background: #f5f6fb; -webkit-flex: 1 1; flex: 1 1; padding: 1.5rem 0 }
.jfHeader-menuListLink.jfHeader-menuLinkArrow{display: none; }
@media screen and (max-width: 768px) { header.jfHeader{position: fixed;} body.isHamburgerOpen main, body.isHamburgerOpen footer {display: none;}  .u-gapfromheader { padding-top: 25px; } .jfHeader .jfHeader-menuList.jfHeader-menubsg{max-width: none;} .jfHeader-content.isExpanded .jl-main-color{ fill: #0a1551 } .jfHeader-content.isExpanded .jl-pen-bottom { fill: #ffb629 } .jfHeader-content.isExpanded .jl-pen-top { fill: #09f } .jfHeader-content.isExpanded .jl-pen-middle { fill: var(--main-color) } .jfHeader-hamburger { display:block; margin-right: 10px } .jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu .jfHeader-menuListLink:after { content:""; position: absolute; width: 12px; height: 12px; right: 18px; left: inherit; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: contain } .jfHeader-content.isExpanded { width:100%; max-width: 100vw; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; align-content: flex-start; height: 100vh; position: absolute; background-color: #fff; z-index: 650 } .jfHeader-content.isExpanded .jfHeader-logoWrapper { margin: 0 } .jfHeader-content.isExpanded .jfHeader-hamburger { top: 0 !important } .jfHeader-content.isExpanded .jfHeader-hamburger .bar-wrapper .bar:after{ background: #0c164e } .jfHeader-content.isExpanded .jfHeader-hamburger .bar-wrapper .bar:before { background: #0c164e } .jfHeader-content.isExpanded .jfHeader-menuWrapper { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; flex-direction: column; overflow-x: hidden; overflow-y: auto } .jfHeader-content.isExpanded .jfHeader-menuWrapper .jfHeader-subMenu.active {display: block;} .jfHeader-content.isExpanded .jfHeader-menuWrapper .jfHeader-subMenu { padding: 0; min-width: auto; left: auto; -webkit-transform: none; transform: none } .jfHeader-content.isExpanded .jfHeader-menuWrapper>.jfHeader-menuList { position: relative; overflow-y: auto; overflow-x: hidden; -webkit-flex: 1 1; flex: 1 1 } .jfHeader-content.isExpanded .jfHeader-menuListItem { width: 100%; position: relative; border-top: 1px solid #e3e5f5 } .jfHeader-content.isExpanded .jfHeader-menuListItem:last-of-type { border-bottom: 1px solid #e3e5f5 } .jfHeader-content.isExpanded .jfHeader-menuListLink { width: 100%; font-weight: 500; font-size: 16px; color: #0c164e; text-transform: none; line-height: 48px } .jfHeader-content.isExpanded .jfHeader-subMenuItem { padding: 0 } .jfHeader-content.isExpanded .jfHeader-subMenuItem .jfHeader-subMenuItemLink { display: -webkit-flex; display: flex; width: 100%; font-size: 14px; font-weight: 400; line-height: 16px } .jfHeader-content.isExpanded .jfHeader-subMenu { display: none; position: relative; left: 0; box-shadow: none; border-radius: 0; background: none } .jfHeader-content.isExpanded .jfHeader-subMenu:after{ display: none } .jfHeader-content.isExpanded .jfHeader-subMenu:before { display: none } .jfHeader-content.isExpanded ul.jfHeader-subMenuBox { box-shadow: none } .jfHeader-logoWrapper { padding:0 8px } .jfHeader-menuWrapper { margin:0; padding-bottom: 108px } .jfHeader-menuWrapper { display:none } .jfHeader-menuWrapper .jfHeader-menuList { margin:0 } .jfHeader-menuWrapper .jfHeader-menuList { display:block; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex: none !important; flex: none !important } .jfHeader-menuWrapper .jfHeader-menuListLink { padding:0 24px } .jfHeader-menuWrapper .jfHeader-subMenu>.jfHeader-subMenuBox { margin:0; padding: 0; border-radius: 0; border: none } .jfHeader-menuWrapper .jfHeader-subMenu { width:100%; border-radius: 0; border: none; margin-top: 0; margin-left: 0 } .jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuTitle { padding:1rem 1.5rem } .jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox { -webkit-flex-direction:column; flex-direction: column; width: 100% } .jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .jfHeader-subMenuItem .jfHeader-subMenuItemLink { padding:1rem 1.5rem } .jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .left { padding:0 } .jfHeader-menuWrapper .jfHeader-subMenu .jfHeader-subMenuBox .right { padding:0 }.jfHeader-menuListItem.hasSubMenu > a.jfHeader-dynamicLink:first-child {width: calc(90% - 24px); margin-right: 0; padding-right: 0;}.jfHeader-content.isExpanded .jfHeader-menuListLink.jfHeader-menuLinkArrow{ display: block; float: right; height: 48px; width: 10%;}.jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu .jfHeader-menuListLink:not(.jfHeader-menuLinkArrow):after{background: none;}.jfHeader .jfHeader-menuWrapper .jfHeader-menuList .jfHeader-menuListItem.hasSubMenu:hover:not(:focus) .jfHeader-menuListLink:not(.jfHeader-menuLinkArrow):after{background: none;}}
a.jfHeader-logoLink{font-size: 25px; color: black;}
a.jfHeader-logoLink span{font-weight: 700; vertical-align: middle;} body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans","Droid Sans", "Helvetica Neue", sans-serif;}
*{ box-sizing: border-box }
*::before{ box-sizing: border-box }
*::after { box-sizing: border-box }
html { margin: 0 !important; padding: 0 !important; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0) }
footer{ display: block }
main{ display: block }
section { display: block }
body { margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
h3{ margin-top: 0; margin-bottom: .5rem }
p { margin-top: 0; margin-bottom: 1rem }
img { vertical-align: middle; border-style: none }
h3{ margin-bottom: .5rem; font-weight: 500; line-height: 1.2 }
h3{ font-size: 1.75rem }
.mt-3 { margin-top: 1rem !important }
.mt-5 { margin-top: 5rem; }
.mb-5 { margin-bottom: 3rem !important }
.container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
@media(min-width: 576px) {.container{ max-width:540px } }
@media(min-width: 768px) {.container{ max-width:720px } .mt-5 { margin-top: 3rem; } }
@media(min-width: 992px) {.container{ max-width:960px } }
@media(min-width: 1200px) {.container, .jfHeader-content{ max-width:1180px } }
.row{ display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
.col-md-3{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px }
.col-6{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px }
.col-6 { flex: 0 0 50%; max-width: 50% }
@media(min-width: 768px) {.col-md-3 { flex: 0 0 25%; max-width: 25% } }
*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*::after{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*::before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
::selection { color: #fff; background-color: #555 }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth }
body { font-weight: 400; font-size: 16px; line-height: 1.75; color: #555; background-color: #fff; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
footer{ display: block }
main{ display: block }
section{ display: block }
a { text-decoration: none; outline: 0; border: 0 }
img{ border: 0 }
img { vertical-align: middle }
p{ margin-bottom: 15px }
a { color: var(--main-color); }
a:hover { color: #000000; }
@media all and (max-width: 576px) {a { word-wrap:break-word } }
.o-footer__copyright { margin-bottom: 25px; font-size: 13px; color: #fff }
.o-footer__copyright a { color: #fff; }
.o-footer__copyright a:hover { color: white; text-decoration: underline; }
.o-footernav { padding-top: 50px; padding-bottom: 50px; -webkit-box-shadow: inset 0 4px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 0 4px 0 rgba(0,0,0,.1); box-shadow: inset 0 4px 0 rgba(0,0,0,.1); background-color: #383838 }
@media all and (min-width: 480px)and (max-width: 576px) {.o-footernav { padding-top:40px } }
.o-footernav__social::after{ display: table; content: " " }
.o-footernav__social::before { display: table; content: " " }
.o-footernav__social::after { clear: both }
.o-footernav__title { font-weight: 600; font-size: 20px; color: #fff }
.o-footernav__link { margin-bottom: 5px; font-size: 16px; display: block; color: #fff }
.o-footernav__link:hover{ color: white; text-decoration: underline; }
.o-footernav__link:focus { color: white; }
.o-footernav__social a { cursor: pointer; border: 2px solid transparent; border-radius: 50%; width: 30px; height: 30px; margin-bottom: 10px; text-indent: 99999px; display: flex; float: left; overflow: hidden; background-size: cover; background-repeat: no-repeat }
.o-footernav__social a:nth-child(n+2) { margin-left: 10px }
.o-footernav__social a:hover{ border-color: var(--main-color); }
.o-footernav__social a:focus { border-color: var(--main-color); }
.o-footernav__social img {width: 26px; height: 26px; margin-right: 10px; }
img{ max-width: 100%; height: auto }
h3 { font-size: 32px }
h3{ font-weight: 600; line-height: 1.5em; margin-top: 0; margin-bottom: 15px; color: #000 }
a:focus{ text-decoration: none }
a:hover { text-decoration: none } h3{ font-size: 26px; }
body { background-color: white; }
.wp-post-image{ width: 100%; height: auto; }
.author { font-weight: 600; color: silver; display: block; }
.post { line-height: 24px; border-bottom: 1px solid #ddd; }
.page-archive .post{ border-bottom: 0; }
.posts .post:last-child { border-bottom: 0; }
.Posts { --gap: 2rem; }
@media (min-width: 768px) {.Posts { --cols: 3 } }
.Posts { display: grid; gap: var(--gap); grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
@media (min-width: 768px) {.Posts[data-cols-2] { --cols: 2 } }
.Posts[data-horizontal] { grid-template-columns: auto; }
@media (min-width: 1000px) {.Posts[data-horizontal] .Post { grid-column: span 2; display: grid; grid-template-columns: 450px auto; } }
.Posts[data-category] .Post-title { font-size: 1.25rem; }
.Posts[data-category] .Post-excerpt { display: none; }
.Posts[data-category-featured] .Post-content { padding: 1.5rem; }
@media (min-width: 768px) {.Posts[data-category-featured] { --cols: 2 } }
@media (min-width: 1200px) {.Posts[data-category-featured] > div:first-child { grid-row: span 3; } .Posts[data-category-featured] > div:last-child { grid-column: 2; } .Posts[data-category-featured] > div:nth-child(n+2) { display: grid; grid-template-columns: 1fr 1fr; } .Posts[data-category-featured] > div:nth-child(n+2) .Post-title { font-size: 1.25rem; } .Posts[data-category-featured] > div:nth-child(n+2) .Post-excerpt { display: none; } }
.Posts[data-line-clamp] .Post-excerpt { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.Posts[data-line-clamp-1] .Post-excerpt { -webkit-line-clamp: 1; }
.Post { display: flex; flex-direction: column; background-color: #fff; border: 1px solid #dfdfdf; }
.Post > a { position: relative; display: block; transition: color 0.3s ease; }
.Post > a > span:first-child { display: block; overflow: hidden; height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0,0,0); }
.Post > a > span {background-color: #F0F6FF;}
.Post > a:hover img{ transform: scale(1.05); }
.Post img.wp-post-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; transition: transform 0.6s ease-out; display: block; }
.Post-category { font-weight: 700; margin-bottom: 0; font-size: 0.9rem; }
.Post-link { text-decoration: underline !important; -webkit-text-decoration: underline solid transparent !important; text-decoration: underline solid transparent !important; text-decoration-thickness: 0.15em !important; -webkit-text-decoration: underline 0.15em transparent !important; text-decoration: underline 0.15em transparent !important; }
.Post-link { margin-block: 1rem; color: #333; text-underline-offset: 0.2em; transition: text-decoration-color 300ms, text-underline-offset 300ms; } .Post-title { line-height: 1.2; font-size: 1.8rem; font-weight: 700; margin: 0; }
.Post-excerpt { -webkit-margin-after: 1rem; margin-block-end: 1rem; font-size: 1.25rem; }
.Post-content { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column; }
.Post-author { display: flex; align-items: center; gap: 1rem; justify-self: end; margin-bottom: 0; margin-top: auto; line-height: 1.2; }
.Post-author img{border-radius: 50%; width: 40px;}
.Post-author span span { display: block; color: #888888; font-size: 0.75rem; }
.Post-author span span:first-child { font-size: 1.06rem; color: #555555; -webkit-margin-after: 0.2rem; margin-block-end: 0.2rem; }
.Section { padding: 50px 0; }