@import url(css/bootstrap/bootstrap.min.css);
html { overflow-x: hidden !important; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 400 16px/1.5 "Lato", system-ui, Arial, sans-serif; color: #111; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: #111; text-decoration: underline; }

.social-media-list a:hover { text-decoration: none; }

.social-media-list a:hover .username { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

.social-media-list li + li { padding-top: 5px; }

/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }

table tr:nth-child(even) { background-color: #f7f7f7; }

table th, table td { padding: 10px 15px; }

table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }

table td { border: 1px solid #e8e8e8; }

/** Site header */
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 55.95px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; margin-bottom: 0; float: left; }

.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 54px; }

.site-nav .nav-trigger { display: none; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { color: #111; line-height: 1.5; }

.site-nav .page-link:not(:last-child) { margin-right: 20px; }

@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; } .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; } .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; } .site-nav .menu-icon > svg { fill: #424242; } .site-nav input ~ .trigger { clear: both; display: none; } .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; } .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; } .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

/** Page content */
.page-content { padding: 30px 0; flex: 1; }

.page-heading { font-size: 32px; }

.post-list-heading { font-size: 28px; }

.post-list { margin-left: 0; list-style: none; }

.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14px; color: #828282; }

.post-link { display: block; font-size: 24px; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }

@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }

.post-content h2 { font-size: 32px; }

@media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } }

.post-content h3 { font-size: 26px; }

@media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } }

.post-content h4 { font-size: 20px; }

@media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

.blue { color: #3d78d8; }

h1 { font-family: "Nunito", system-ui, Arial, sans-serif; }

h2 { font-family: "Nunito", system-ui, Arial, sans-serif; }

h3 { font-family: "Nunito", system-ui, Arial, sans-serif; }

h4 { font-family: "Nunito", system-ui, Arial, sans-serif; }

header { width: 100vw; position: absolute; z-index: 500; top: 0; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); -webkit-transition: height 200ms; -moz-transition: height 200ms; -ms-transition: height 200ms; transition: height 200ms; }

header .preheader-wrap { background: #3d78d8; padding: 10px 0; font-size: 16px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }

header .preheader-wrap .preheader { color: #FFF; }

header .preheader-wrap .preheader div.modal-button, header .preheader-wrap .preheader a:link, header .preheader-wrap .preheader a:visited { display: inline-block; color: #FFF; text-decoration: none; font-weight: 500; }

header .preheader-wrap .preheader .preheader-left { float: left; text-align: left; }

header .preheader-wrap .preheader .preheader-right { float: right; text-align: right; }

header .nav-wrap .container { width: 80vw; position: relative; }

header .nav-wrap #site-logo { display: block; background-image: url("../assets/images/site-id-white.webp"); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 250px; height: 100px; float: left; }

@media (max-width: 370px) { header .nav-wrap #site-logo { background-image: url("../assets/images/logo-white.webp"); width: 100px; } }

header .nav-wrap .mobile-button { float: right; font-size: 1.6em; background: none; border: none; outline: none; display: inline-block; padding: 40px 12.5px 25px; transition: .3s; cursor: pointer; border-radius: 7.1428571429px; }

@media (min-width: 1200px) { header .nav-wrap .mobile-button { display: none; } }

header .nav-wrap .mobile-button:hover { opacity: 1; }

header .nav-wrap .mobile-button:active { transition: 0; background: rgba(0, 0, 0, 0.1); }

header .nav-wrap .mobile-button .lines { display: inline-block; width: 50px; height: 5px; background: #FFF; border-radius: 3.5714285714px; transition: 300ms; position: relative; }

header .nav-wrap .mobile-button .lines:before, header .nav-wrap .mobile-button .lines:after { display: inline-block; width: 50px; height: 5px; background: #FFF; border-radius: 3.5714285714px; transition: 300ms; position: absolute; left: 0; content: ''; transform-origin: 3.5714285714px center; }

header .nav-wrap .mobile-button .lines:before { top: 12.5px; }

header .nav-wrap .mobile-button .lines:after { top: -12.5px; }

header .nav-wrap .mobile-button.close .lines { background: transparent; }

header .nav-wrap .mobile-button.close .lines:before, header .nav-wrap .mobile-button.close .lines:after { transform-origin: 50% 50%; top: 0; width: 50px; }

header .nav-wrap .mobile-button.close .lines:before { transform: rotate3d(0, 0, 1, 45deg); }

header .nav-wrap .mobile-button.close .lines:after { transform: rotate3d(0, 0, 1, -45deg); }

header .nav-wrap #main-nav { width: 100%; float: none; font-size: 18px; position: absolute; top: 100%; margin-left: -15px; line-height: 18px; }

@media (min-width: 1200px) { header .nav-wrap #main-nav { font-size: 16px; width: auto; float: right; position: relative; margin-left: 0; top: 0; } }

header .nav-wrap #main-nav ul { display: none; height: 100%; z-index: 25; margin-left: 0; }

@media (min-width: 1200px) { header .nav-wrap #main-nav ul { display: block !important; position: relative; width: auto; height: auto; } }

header .nav-wrap #main-nav ul li { float: none; display: block; }

@media (min-width: 1200px) { header .nav-wrap #main-nav ul li { position: relative; float: left; display: inline-block; height: 100px; } header .nav-wrap #main-nav ul li:hover { background: rgba(255, 255, 255, 0.1); } header .nav-wrap #main-nav ul li.login-button { display: none !important; } }

header .nav-wrap #main-nav ul li a { text-align: center; display: block; height: 100%; color: #FFF; text-decoration: none; padding: 44px 21px 0; }

@media (max-width: 1200px) { header .nav-wrap #main-nav ul li a { padding: 25px; } header .nav-wrap #main-nav ul li a:hover { background-color: rgba(255, 255, 255, 0.2); } }

@media (max-height: 600px) { header .nav-wrap #main-nav ul li a { padding: 13px 25px; } }

header .nav-wrap #main-nav ul li.active a { background: rgba(255, 255, 255, 0.1); }

@media (max-width: 1200px) { header .nav-wrap #main-nav ul li.active a { background-color: rgba(255, 255, 255, 0.2); } }

header .nav-wrap #main-nav ul li.login-button a { background-color: #3d78d8; }

header .nav-wrap #main-nav ul li:after { content: ""; display: none; width: 100%; height: 0px; background: white; position: absolute; bottom: 0px; -webkit-transition: height 100ms; -moz-transition: height 100ms; -ms-transition: height 100ms; transition: height 100ms; }

@media (min-width: 1200px) { header .nav-wrap #main-nav ul li:after { display: block; } }

header .nav-wrap #main-nav ul li:hover:after { height: 5px; }

header .nav-wrap #main-nav ul .dropdown { float: none; display: block; height: 204px; }

@media (min-width: 1200px) { header .nav-wrap #main-nav ul .dropdown { position: relative; float: left; display: inline-block; height: 100px; } header .nav-wrap #main-nav ul .dropdown:hover { background: rgba(255, 255, 255, 0.1); } }

header .nav-wrap #main-nav ul .dropdown .dropbtn { text-align: center; display: block; height: 100%; color: #FFF; text-decoration: none; padding: 44px 21px 0; }

@media (max-width: 1200px) { header .nav-wrap #main-nav ul .dropdown .dropbtn { display: none; } header .nav-wrap #main-nav ul .dropdown .dropbtn:hover { background-color: rgba(255, 255, 255, 0.2); } }

@media (max-height: 600px) { header .nav-wrap #main-nav ul .dropdown .dropbtn { padding: 13px 25px; } }

header .nav-wrap #main-nav ul .dropdown .dropdown-content { display: none; position: absolute; background-color: #eee; z-index: 1; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; overflow: hidden; color: #233138; }

@media (max-width: 1200px) { header .nav-wrap #main-nav ul .dropdown .dropdown-content { display: block; position: relative; background-color: transparent; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }

header .nav-wrap #main-nav ul .dropdown .dropdown-content a { padding: 20px 15px; display: block; color: #233138; text-align: center; }

header .nav-wrap #main-nav ul .dropdown .dropdown-content a:hover { background-color: #90a4ae; color: white; text-decoration: none; }

@media (max-width: 1200px) { header .nav-wrap #main-nav ul .dropdown .dropdown-content a { padding: 25px; color: white; } header .nav-wrap #main-nav ul .dropdown .dropdown-content a:hover { background-color: rgba(255, 255, 255, 0.2); } }

header .nav-wrap #main-nav ul .dropdown .dropdown-content::before { width: 100%; height: 100%; content: ""; position: absolute; z-index: -1; }

header .nav-wrap #main-nav ul .dropdown:hover .dropdown-content { display: block; }

header .nav-wrap #main-nav ul .dropdown:hover::after { height: 5px; }

header .nav-wrap #main-nav ul .dropdown::after { content: ""; display: none; width: 100%; height: 0px; background: white; position: absolute; bottom: 0px; -webkit-transition: height 100ms; -moz-transition: height 100ms; -ms-transition: height 100ms; transition: height 100ms; }

@media (min-width: 1200px) { header .nav-wrap #main-nav ul .dropdown::after { display: block; } }

header.fixed { position: fixed; }

header.fixed .preheader-wrap { /*display:none;*/ font-size: 1.2em; padding: 8px 0; }

header.fixed .nav-wrap { background: #FFF; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #3d78d8; }

header.fixed .nav-wrap #site-logo { height: 75px; background-image: url("images/site-id-color.webp"); }

@media (max-width: 370px) { header.fixed .nav-wrap #site-logo { background-image: url("../assets/images/logo-color.webp"); } }

header.fixed .nav-wrap #main-nav { margin-left: -15px; }

header.fixed .nav-wrap #main-nav ul li { height: auto; }

@media (min-width: 1200px) { header.fixed .nav-wrap #main-nav ul li { height: 75px; } header.fixed .nav-wrap #main-nav ul li:hover { background: rgba(0, 0, 0, 0.1); } }

header.fixed .nav-wrap #main-nav ul li a { color: #FFF; padding: 25px 0; }

@media (min-width: 1200px) { header.fixed .nav-wrap #main-nav ul li a { color: #233138; padding: 32px; } }

@media (max-height: 600px) { header.fixed .nav-wrap #main-nav ul li a { padding: 13px 25px; } }

header.fixed .nav-wrap #main-nav ul li.active a { background: rgba(0, 0, 0, 0.1); }

@media (max-width: 1200px) { header.fixed .nav-wrap #main-nav ul li.active a { background-color: rgba(255, 255, 255, 0.2); } }

header.fixed .nav-wrap .mobile-button { padding-top: 30px; }

header.fixed .nav-wrap .mobile-button .lines { background: #233138; }

header.fixed .nav-wrap .mobile-button .lines:before, header.fixed .nav-wrap .mobile-button .lines:after { background: #233138; }

header.fixed .nav-wrap .mobile-button.close .lines { background: transparent; }

.clearfix { content: ""; display: table; clear: both; }

footer { display: block; border-top: 1px solid #90a4ae; border-bottom: 1px solid #90a4ae; padding-top: 25px; margin-bottom: 15px; }

footer .sign-up { width: 100%; position: static; width: auto; padding-top: 75px; padding-bottom: 75px; border-top: none; font-size: 20px; font-weight: 300; box-shadow: none; }

@media (max-width: 992px) { footer .sign-up { padding-top: 25px; padding-bottom: 25px; } }

footer .sign-up .row { padding: 35px 0; border: 1px solid #90a4ae; }

@media (max-width: 768px) { footer .sign-up .row div { text-align: center !important; padding-top: .5em; padding-bottom: .5em; } }

footer .footer-content { padding-top: 35px; padding-bottom: 35px; width: 80vw; }

@media (max-width: 992px) { footer .footer-content { padding-top: 0px; } }

footer .footer-content a.footer-logo { display: block; width: 100%; max-width: 300px; margin: 0 auto; }

@media (max-width: 992px) { footer .footer-content a.footer-logo { padding-bottom: 15px; } }

footer .footer-content a.footer-logo img { width: 100%; margin: 0; }

footer .footer-content .site-links { font-size: 14px; }

footer .footer-content .site-links span { color: #233138; font-weight: 600; display: block; padding-bottom: 8px; margin-bottom: 5px; border-bottom: 1px solid #90a4ae; }

footer .footer-content .site-links a, footer .footer-content .site-links div.link { color: #3d78d8; display: block; padding: .5em 0; }

footer .footer-content .site-links a:hover, footer .footer-content .site-links div.link:hover { text-decoration: underline; }

footer .footer-content .site-links .visible-xs-block { margin-bottom: 25px; }

@media (min-width: 768px) { footer .footer-content .site-links .col-sm-5ths { width: 20%; float: left; } }

footer .subscribe span { display: block; font-size: 14px; color: #233138; }

footer .subscribe input[type=text] { display: inline-block; width: 100%; font-size: 14px; margin-top: 8px; background: #eee; outline: none; padding: 7px 25px 10px 10px; border: none; border-radius: 5px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; border: 1px solid rgba(255, 255, 255, 0); }

footer .subscribe button[type="submit"] { margin-top: 8px; margin-left: 50%; margin-right: 50%; transform: translateX(-50%); }

footer .subscribe input[type=text]:focus, footer .subscribe textarea:focus { box-shadow: 0 0 5px #4fc3f7; border: 1px solid #4fc3f7; }

footer .social-media { padding: 15px 0; display: grid; justify-content: space-between; grid-template-columns: repeat(4, 1fr); }

footer .social-media a { text-decoration: none !important; }

footer .social-media span { font-size: 50px; }

footer .social-media .fa-square-facebook { color: #3b5998; }

footer .social-media .fa-square-x-twitter { color: black; }

footer .social-media .fa-youtube { color: #ff0000; }

footer .social-media .fa-linkedin { color: #0072B1; }

/*LEGAL*/
.legal { margin-bottom: 15px; font-size: 12px; line-height: 120%; }

.modal-button { font-size: 14px; font-weight: 500; cursor: pointer; }

.modal-wrap { display: none; position: absolute; z-index: 800; height: 100%; width: 100%; top: 0; left: 0; }

.modal-wrap form label { padding: 3px 12px; }

.modal-wrap .modal-overlay { position: fixed; height: 100%; width: 100%; background: #233138; opacity: 0.8; }

.modal-wrap .modal-dialog { position: absolute; overflow: hidden; z-index: 1000; left: 50%; transform: translateX(-50%); display: none; background: #FFF; border-radius: 5px; width: 95%; max-width: 700px; margin: 0 auto; padding: 30px 25px; }

.modal-wrap .modal-dialog h2 { text-align: center; font-size: 30px; color: #3d78d8; }

.modal-wrap .modal-dialog h2:after { content: ""; display: block; background: #84d5f7; height: 2px; width: 50px; margin: 20px auto 0; }

.modal-wrap .modal-dialog label { color: #3d78d8; font-size: 14px; padding-bottom: 5px; }

.modal-wrap .modal-dialog .registration-errors { display: none; padding: 12px; background-color: #F2DEDE; color: #B94A48; margin: 10px 0; }

.modal-wrap .modal-dialog .registration-errors span { font-size: 13px; display: block; margin-bottom: 4px; }

.modal-wrap .modal-dialog .success-window { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; z-index: 1200; }

.modal-wrap .modal-dialog .success-window .fa { color: #90cc77; font-size: 85px; padding-top: 100px; }

.modal-wrap #leadership-modal .container { width: 100%; }

.modal-wrap #leadership-modal img { width: 100%; }

.modal-wrap #leadership-modal .bio { display: none; font-size: 16px; line-height: 140%; }

.modal-wrap #leadership-modal .bio h3 { font-size: 20px; color: #3d78d8; margin-bottom: 10px; }

.modal-wrap #leadership-modal .bio h3:after { content: ""; display: block; background: #84d5f7; height: 2px; width: 50px; margin: 20px auto 0; margin-top: 10px; }

.modal-wrap #leadership-modal .bio span { text-transform: uppercase; font-weight: 300; }

/*Button styling*/
.button { display: inline-block; border: none; cursor: pointer; padding: 15px 40px; color: #FFF; font-size: 20px; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; border-radius: 999px; text-decoration: none !important; -webkit-transition: all 150ms; -moz-transition: all 150ms; -ms-transition: all 150ms; transition: all 150ms; text-transform: uppercase; }

.button:hover { color: #FFF !important; text-decoration: none !important; }

.button-wrap { text-align: center; }

.button-wrap.right { text-align: right; }

.button.small { padding: 8px 20px; font-size: 14px; }

.button.blue { background: #3d78d8; }

.button.blue:hover { background: #2863c5; }

.centered { text-align: center; }

#register-submit { background-color: #3d78d8; }

#contact-submit { background-color: #3d78d8; }

div #right-sidebar { width: 15vw; height: 100%; }

@media (max-width: 1150px) { div #right-sidebar { position: relative; top: auto; left: auto; width: auto; float: left; height: auto; } }

div #left-sidebar { width: 150px; height: 100%; }

@media (max-width: 1150px) { div #left-sidebar { position: relative; top: auto; left: auto; width: auto; float: left; height: auto; } }

div #back-button { float: right; }

#mobile-nav-overlay { display: none; position: fixed; z-index: 400; width: 100%; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.85); }

#mobile-nav-overlay.active { display: block; }

@media (min-width: 1200px) { #mobile-nav-overlay { display: none !important; } }

.caption { font-size: small; padding: 5px 20px; display: flex; align-items: center; position: relative; margin-top: -15px; text-align: center; justify-content: center; font-weight: 500; font-style: italic; }

ol > li::marker { font-weight: bold; }

ol > li img { margin: 0 calc((58vw - 650px)/2 - 30px); }

@media (max-width: 1200px) { ol > li img { margin: 0 calc(10% - 15px); width: 80%; } }

.cover-image { width: 58vw; height: 250px; overflow: hidden; margin: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }

@media (max-width: 1200px) { .cover-image { width: 100%; height: 150px; } }

.canvas-embed { width: 58vw; height: 575px; margin: 0; }

.blog-featured { width: 100%; height: 310px; margin-bottom: 50px; display: grid; grid-gap: 30px; grid-template-columns: auto 1fr; align-items: end; }

.blog-featured .blog-featured-image { height: 310px; width: 550px; border-radius: 20px; position: relative; overflow: hidden; box-shadow: 0 0 5px lightgray; }

.blog-featured .content { color: black; width: 100%; display: flex; flex-direction: column; gap: 5px; font-size: 20px; line-height: 30px; }

.blog-featured .content .title { font-weight: 700; font-size: 35px; line-height: 40px; }

@media (max-width: 1200px) { .blog-featured { grid-template-columns: 1fr; grid-template-rows: auto auto; height: fit-content; align-items: start; } .blog-featured .blog-featured-image { width: 80vw; height: 45vw; } .blog-featured .content { font-size: 18px; line-height: 26px; } .blog-featured .content .title { font-weight: 600; font-size: 30px; line-height: 35px; } }

.blog-featured:hover { text-decoration: none; }

.blog-featured:hover .blog-featured-image { transform: scale(1.02); box-shadow: 0 0 5px 2px rgba(128, 128, 128, 0.5); transition: .1s ease; }

.tags { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }

.tags .selected { background-color: #3d78d8; color: white; }

.tags button { color: black; border-radius: 999px; border: none; padding: 10px 22px; background-color: #dfe3ee; color: #334257; cursor: pointer; display: flex; align-items: center; gap: 12px; }

@media (max-width: 768px) { .tags { font-size: small; } }

.blog-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; grid-gap: 80px; }

@media (max-width: 1200px) { .blog-wrapper { grid-template-columns: repeat(1, 1fr); } }

.blog-posts-wrap { position: relative; background: #FFF; }

.blog-post { background-repeat: no-repeat; background-size: cover; background-position: center; text-decoration: none; transition: .25s ease; height: 100%; width: 100%; border-radius: 15px; display: grid; grid-template-columns: auto 1fr; grid-gap: 20px; }

.blog-post .blog-post-image { height: 190px; width: 345px; border-radius: 15px; position: relative; overflow: hidden; box-shadow: 0 0 5px lightgray; }

.blog-post .content { color: black; text-align: left; width: 100%; display: flex; flex-direction: column; gap: 5px; font-size: 16px; line-height: 20px; }

.blog-post .content .title { font-weight: 700; font-size: 25px; line-height: 28px; }

@media (max-width: 1200px) { .blog-post { grid-template-columns: 1fr; grid-template-rows: auto auto; } .blog-post .blog-post-image { width: 80vw; height: 45vw; } }

.blog-post:hover { text-decoration: none; }

.blog-post:hover .blog-post-image { background-repeat: no-repeat; background-size: cover; background-position: center; background-size: cover; box-shadow: 0 0 5px 2px rgba(128, 128, 128, 0.5); transition: .1s ease; border-radius: 15px; transform: scale(1.03); }

.blog-section-copy { padding: 30px 15px; font-family: "Lato", system-ui, Arial, sans-serif; }

.two-column-imgs { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; align-items: center; justify-items: center; }

.two-column-imgs img { margin: 0; max-height: 400px; width: auto; }

@media (max-width: 1200px) { .two-column-imgs { grid-template-columns: 1fr; } }

body .commento-root .commento-submit-button { background: #3d78d8; }

.commento-root .commento-markdown-help tr td { padding: 10px 6px; }

h5 { text-align: center; font-family: "Nunito", system-ui, Arial, sans-serif; padding: 0; margin: 0; margin-top: 40px; letter-spacing: 4px; color: #000000; font-size: 3rem; }

.image-comparison { max-width: 700px; margin: 20px auto; border-radius: 20px; overflow: hidden; }

.image-comparison img { width: 100%; height: 100%; object-fit: cover; object-position: left; margin: 0; }

.image-comparison .images-container { position: relative; display: flex; }

.image-comparison .images-container .before-image { position: absolute; top: 0; width: 50%; }

.image-comparison .slider { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

.image-comparison .slider-line { position: absolute; height: 100%; width: 4px; background: #fff; left: 50%; transform: translateX(-50%); }

.image-comparison .slider-icon { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; color: #fff; transform: translate(-50%, -50%) rotateZ(90deg); }

.references-box { background-color: #fefefe; border-left: 8px solid #0289de; border-radius: 10px; padding: 1.5rem; margin-top: 2rem; box-shadow: 0 17px 18px rgba(0, 0, 0, 0.4); font-family: Nunito; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.references-box:hover { transform: scale(1.02); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25); }

.references-box h3 { margin-top: 0; font-size: 1.5rem; color: #333; }

.references-box p { margin: 0.5rem 0; line-height: 1.5; color: #444; }

.references-box a { color: #0289de; text-decoration: none; }

.references-box a:hover { text-decoration: underline; }

.overview-wrapper { background-color: #f9f9f9; border-radius: 12px; padding: 2rem; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1); margin: 2rem 0; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.overview-wrapper:hover { transform: scale(1.02); box-shadow: 0 16px 28px rgba(0, 0, 0, 0.15); }

.overview-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; font-family: sans-serif; }

.overview-item { display: flex; flex-direction: column; }

.overview-label { font-weight: 600; color: #0289de; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 0.25rem; letter-spacing: 0.5px; }

.overview-value { font-weight: 400; color: #333; font-size: 1.5rem; line-height: 1.4; }

.slideshow-container { position: relative; width: 100%; max-width: 500px; margin: 2rem auto; border-radius: 12px; overflow: hidden; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15); }

.slideshow-container img { width: 100%; height: auto; max-height: 500px; opacity: 0; transition: opacity 0.6s ease-in-out; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; object-fit: cover; opacity: 0; transition: opacity 1s ease-in-out; z-index: 0; pointer-events: none; }

.slideshow-container img.active { opacity: 1; position: relative; z-index: 1; }

.applications-title-wrapper { text-align: center; margin: 3rem 0; }

.applications-title { display: inline-block; background-color: #a9cdf6; color: #003366; font-family: 'Nunito', sans-serif; font-size: 2.25rem; font-weight: bold; padding: 1.5rem 3rem; border-radius: 24px; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.15); margin: 3rem auto; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.applications-title:hover { transform: scale(1.07); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }

/* Container: 1 Column Layout */
.applications-grid { display: flex; flex-direction: column; gap: 2rem; max-width: 800px; margin: 3rem auto; padding: 0 1rem; font-family: 'Nunito', sans-serif; }

/* Individual Item */
.applications-grid-item { background-color: #fff; border-radius: 20px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); padding: 2rem 2.5rem; display: flex; align-items: flex-start; gap: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease; margin: 0; }

.applications-grid-item:hover { transform: scale(1.02); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12); }

/* Icon */
.applications-grid-item img { width: 64px; height: 64px; object-fit: contain; flex-shrink: 0; margin: 0; }

.applications-grid-item-content { flex: 1; max-width: 600px; }

.applications-grid-item-content h3 { font-size: 1.4rem; margin: 0 0 0.6rem; color: #0289de; font-weight: 800; }

.applications-grid-item-content p { font-size: 1.1rem; color: #444; margin: 0; line-height: 1.6; }

.outline-button { display: inline-block; padding: 0.5rem 1.25rem; font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #000000; border: 2px solid #000; background-color: transparent; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; text-align: center; }

.outline-button:hover { background-color: #0289de; color: #fff; }

.wrapper { max-width: none; margin-left: 0; margin-right: 0; display: grid; grid-template-columns: 15vw 58vw 21vw; justify-items: center; column-gap: 1vw; }

.blog-posts-wrap .container { width: 80vw; padding: 50px 5rem 0px; margin: 0 calc((100% - 80vw)/2); }

.post { width: 100%; }

img { width: 650px; margin: 0 calc((58vw - 650px)/2); }

iframe { margin: 0 calc((58vw - 650px)/2); }

hr { margin-top: -15px; margin-bottom: 5px; }

@media (max-width: 1200px) { .wrapper { grid-template-columns: 75vw; justify-content: center; justify-items: start; } .blog-posts-wrap .container { width: 80vw; padding: 25px 0 0; margin: 0 calc((100% - 80vw)/2); } img { margin: 0; width: 75vw; } iframe { margin: 0; width: 75vw; height: 42vw; } }

/*# sourceMappingURL=main.css.map */