:root { --clr-primary: hsl(210, 100%, 20%); --clr-secondary: hsl(247, 6%, 32%); --clr-accent: hsl(210, 100%, 45%); --clr-button-link: hsl(0, 100%, 100%, 1); --wrapper-padding-inline: 2rem; --wrapper-max-width: 50rem; --section-padding-block: 6rem; --clr-gray: #333; --clr-red: hsl(0, 100%, 40%); --body-font-size: 1.125rem; --font-size-xl-heading: 2rem; --font-size-l-heading: 1.5rem; --font-size-m-heading: 1.25rem; --font-size-sm-heading: 1rem; --font-size-navigation: 1rem; } @font-face { font-family: "Avenir"; src: url("/css/fonts/webfonts/avenir/avenir-roman-webfont.eot"); src: url("/css/fonts/webfonts/avenir/avenir-roman-webfontd41d.eot?#iefix") format("embedded-opentype"), url("/css/fonts/webfonts/avenir/avenir-roman-webfont.woff2") format("woff2"), url("/css/fonts/webfonts/avenir/avenir-roman-webfont.woff") format("woff"), url("/css/fonts/webfonts/avenir/avenir-roman-webfont.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Avenir-light"; src: url("/css/fonts/webfonts/avenir/avenir-light-webfont.eot"); src: url("/css/fonts/webfonts/avenir/avenir-light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("/css/fonts/webfonts/avenir/avenir-light-webfont.woff2") format("woff2"), url("/css/fonts/webfonts/avenir/avenir-light-webfont.woff") format("woff"), url("/css/fonts/webfonts/avenir/avenir-light-webfont.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Avenir-bold"; src: url("/css/fonts/webfonts/avenir/avenir-heavy-webfont.eot"); src: url("/css/fonts/webfonts/avenir/avenir-heavy-webfontd41d.eot?#iefix") format("embedded-opentype"), url("/css/fonts/webfonts/avenir/avenir-heavy-webfont.woff2") format("woff2"), url("/css/fonts/webfonts/avenir/avenir-heavy-webfont.woff") format("woff"), url("/css/fonts/webfonts/avenir/avenir-heavy-webfont.ttf") format("truetype"); font-display: swap; } html, body { margin: 0; padding: 0; font-family: "Avenir-light", Arial, sans-serif; line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: var(--clr-gray); font-size: var(--body-font-size); }body{width: 100%; height: 100%;} button, .button, input[type="submit"].border--blue { border: 1px solid #036; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; }  * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: transparent; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; }.video-responsive iframe {max-width: 100%;} .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0;} .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table-responsive { overflow-x: auto; min-height: 0.01%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } a { word-wrap: break-word; } a:hover, a:focus { text-decoration: none; } a.button:hover, a.button:focus { color: #fff; } b { font-family: "Avenir-bold"; } p { margin: 0 0 1em 0; } sup { top: -0.8em; font-size: 0.5em; margin-left: 3px; } iframe { border: 0; } .table { display: table; table-layout: fixed; width: 100%; padding: 0; margin: 0; } .float-left { float: left; } .float-right { float: right; } .hidden { display: none; } .clear:before, .clear:after { content: ""; display: table; clear: both; width: 100%; height: 0; } .section { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0; position: relative; } .section:before, .section:after { content: ""; display: table; clear: both; width: 100%; height: 0; } .content-body .section { padding-top: 40px; padding-bottom: 40px; } .inner-wrapper { background-color: #fff; } img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none; } .screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } hr.separator { border-left: 0; border-right: 0; border-bottom: 0; } hr.separator.separator--small { border-top: #737373 solid 1px; } hr.separator.spacer { padding: 20px 0; } .col-links { list-style: none; } .col-links:before, .col-links:after { content: ""; display: table; clear: both; width: 100%; height: 0; } .col-links h3 { padding: 0; margin: 20px 0; } .col-links, .col-links > * { margin: 0; padding: 0; } .col-links > *, .col-links > * a { color: #737373; text-decoration-color: transparent; font-size: var(--font-size-navigation);font-weight:normal;} .col-links a { display: block; } .col-links li { padding: 10px 0; border-width: 0; border-style: solid; border-bottom-width: 1px; position: relative; } .col-links ul { list-style: none; padding-left: 20px; border-width: 0; border-style: solid; border-top-width: 1px; } .col-links ul li { border-width: 0; border-style: solid; border-top-width: 1px; } .col-links ul li:first-child { border: 0; } .top-header { background: #fff; } .alert {background-color: #f0f7fb;border-left: solid 4px var(--clr-primary);color: #333;font-weight: bold;overflow: hidden;padding: 15px;margin: 15px 0 0 0;}.alert.info { border-left: solid 4px #627ad4; background-color: #f2f2f2; } .widget { position: relative; } .widget:before, .widget:after { content: ""; display: table; clear: both; width: 100%; height: 0; } .header-slider .header-slider__slide:first-child { position: relative; } .header-slider--outer-wrapper { position: relative; background: #036 url(../svgs/logo-owl.html) center center no-repeat; background-size: 150px; } .header-slider--outer-wrapper:before, .header-slider--outer-wrapper:after { content: ""; display: table; clear: both; width: 100%; height: 0; } .header-slider__slide { position: absolute; left: 0; top: 0; z-index: 0; font-size: 0px; } .header-slider__slide:first-child { position: relative; z-index: 1; } .header-slider__img { font-size: 0; max-height: 525px; overflow: hidden; } .header-slider__img img { width: 100%; } .header-slider__content { position: absolute; width: 100%; max-width: 1280px; left: 0; right: 0; margin: auto; bottom: 0; padding: 0 10px; padding-bottom: 75px; text-align: center; color: #fff; line-height: 1.3em; z-index: 2; } .header-slider__content h1, .header-slider__content h2, .header-slider__content h3, .header-slider__content .title { margin: 0 0 1em 0; padding: 0; line-height: 1.1; text-transform: uppercase; color: inherit; } .header-slider__content .button, .header-slider__content button { background: none; border-radius: 0; border: 1px solid #fff; font-size: 14px; text-transform: uppercase; height: 35px; line-height: 35px; padding: 0 10px; } footer { background: var(--clr-primary); }/*.footer__mark::before { position: absolute; content: ""; background: white; width: 100%; height: 140px;}clip-path: polygon(50% 0, 0 100%, 100% 100%); transform: rotate(180deg); top: -1px; */ .footer__mark { justify-content: center; display: flex; margin-inline: auto; position: relative;padding-bottom: 2rem;background: #fff;} .footer__mark img { max-width: 300px;} .footer__content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); row-gap: 3rem; justify-items: center; max-width: 1390px; margin: 1rem auto 0 auto; padding-block: 2rem; } .footer__col { display: flex; flex-direction: column;font-weight: bold;color: #fff; } .footer__col:nth-child(4) { align-items: end; } footer a, footer a:focus { color: #fff; transition: text-decoration-thickness ease-in-out 0.2s; text-decoration-thickness: 0; text-decoration: 0px; } footer a:hover { text-decoration: underline; color: #fff; text-decoration-thickness: 2px; text-underline-offset: 2px; } .footer__col .button.bold { margin: 0; } .footer__content .footer__title { font-size: var(--font-size-m-heading); color: #fff; margin-bottom: 1rem; font-family: "Avenir-Bold"; text-transform: uppercase; position: relative; } .footer__content .footer__title::after { position: absolute; content: ""; border-bottom: 1px solid var(--clr-red); width: 40px; height: 1px; bottom: -7px; left: 0%; } .footer__col .button { min-width: 250px; text-align: center; } .footer__col ul { padding: 0; margin: 0; } .footer__col .ul li, .footer__col ul li { line-height: 46px; } .footer__col li::marker { content: ""; } footer p { align-content: center; display: flex; margin-block: 0.75rem; line-height: 30px; } footer p:first-child { margin-block: 0 1rem; } footer .material-symbols-outlined { font-size: 1.65rem; color: #fff; line-height: 0.75; font-weight: bold; margin-right: 1rem; } .home-page-header-slider { position: relative; z-index: 0; } .home-page-header-slider--outer-wrapper { position: relative; } .home-page-header-slider--outer-wrapper:before, .home-page-header-slider--outer-wrapper:after { content: ""; display: table; clear: both; width: 100%; height: 0; } .col-sm-8 ul li, .col-sm-8 ul li ul li, .col-sm-8 ol li, .col-sm-8 ol li ol li { margin-top: 1rem; }.col-sm-8 ul li:last-child, .col-sm-8 ul li ul li:last-child, .col-sm-8 ol li:last-child, .col-sm-8 ol li ol li:last-child {margin-bottom: 1rem;} /* START MAIN-TEST.CSS */ header { position: sticky; position: -webkit-sticky; top: 0; width: 100%; min-height: 120px; border-bottom: 1px solid #036; transition: top 0.2s ease-in-out; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); z-index: 9; display: grid; } .section { max-width: 1390px; } .content-body { background: none; padding-bottom: 6rem; line-height: 1.5; } #de { display: none; } .widget hr { margin-bottom: 0; } .widget .col-links li { padding: 15px 0; width: 100%; } .text img.float-img-right, p img.float-img-right { float: right; padding-left: 20px; width: 250px; } .label { font-weight: 700; padding: 3rem 0; font-size: calc(11px + 1vh); } .ul.nopadding { padding-left: 15px; } .ul li, ul li { line-height: 30px; } .ul li ul li, .ul li ol li, ul li ul li, ol li ol li { line-height: 25px; } .margin-10 { margin: 10px; } .marginbottom-10 { margin-bottom: 10px; } .marginbottom-20 { margin-bottom: 20px; } .margintop-10 { margin-top: 10px; } .img-cover { object-fit: cover; height: 175px; width: 140px; } .ctct-form-header { color: #c00 !important; font-weight: normal !important; } .ctct-inline-form { margin-top: -78px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; } .center-block { margin-right: auto; margin-left: auto; } .localist_widget_container { font-family: "Avenir-bold" !important; font-size: var(--body-font-size) !important;background-color: unset !important;}.localist_widget_container li.lw_event_item {display: flex !important;flex-direction: row;}.localist_widget_container li:first-child {margin-top: 0 !important;padding-top: 0 !important;}.localist_widget_container li {margin: 1rem 0 !important;border: none;}.col-links--event {display: flex;} .lw_event_item_title a { font-family: "Avenir-Bold"; color: var(--clr-primary); font-size: var(--font-size-m-heading); line-height: 1em; display: flex; flex-direction: column; } .lw_event_item_title a::after { content: " Event Details "; display: inline-flex; position: relative; font-family: "Avenir-Bold"; font-size: .875rem; align-items: center; justify-content: center; height: auto; color: var(--clr-button-link); background: var(--clr-accent); padding: 4px 1rem; text-transform: uppercase; transition: all 0.15s ease; cursor: pointer; margin: 18px 0 10px; max-width: fit-content;text-align: center;}.lw_event_item_title a:hover::after { background: var(--clr-primary); color: var(--clr-button-link);}.lw_event_content {display: flex;justify-content: start;align-self: center;flex-direction:column;padding: 0px 20px !important;} .localist_widget_container .pin::after { content: ""; width: 4px; height: 4px; margin: 3px 0 0 3px; background: #fff; border-radius: 50%; } .localist_widget_container .clock::after { height: 2px; left: 3px; top: 0; }.localist_widget_container a.lw_event_item_image {display: flex !important;float: none;max-width: unset !important;overflow: unset !important;} .localist_widget_container a.lw_event_item_image img {object-fit: cover;height: max-content;object-position: center center;position: relative;top: unset !important;left: unset !important;transform: unset !important;max-width: 150px;border-radius: 20px;display:flex;}.lw_event_meta {display: none;} .col-links li:last-child { border-bottom-width: 0; } .marginbottom-0 { margin-bottom: 0px; } .margintop-0 { margin-top: 0px; } .mt-6 { margin-top: 4rem !important; } .mt-8 { margin-top: 5rem !important; } .mb-8 { margin-bottom: 5rem !important; } .mb-6 { margin-bottom: 4rem !important; } .thumbnail { display: block; padding: 4px; margin: 20px auto; line-height: 1.5; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .padding-10 { padding: 10px; } .padding-20 { padding: 20px; } .bl-5 { border-left: 5px solid #ddd; } .dept { color: #cc0000; margin-bottom: 20px; font-weight: bold; } .columns.even { display: grid; grid-gap: 3rem; grid-template-columns: repeat(auto-fill, minmax(min(275px, 100%), 1fr)); } .img-layout { display: flex; flex-direction: row-reverse; gap: 4rem; margin-top: 3rem; } .img-layout div { display: flex; flex-direction: column; flex-grow: 1; margin-top: auto; margin-bottom: auto; } .img-layout img { max-width: 350px; object-fit: cover; height: 250px; object-position: 50% 0; }.img-layout.left img {max-width: 225px;height: max-content;object-fit: unset;object-position: unset;}.img-layout.left {flex-direction: row;margin-top: 0;gap: unset;column-gap: 2rem;row-gap:2rem;}.img-layout.left h2{margin-top: 0;}.header-slider__img img { width: 100%; height: auto; object-fit: cover; object-position: center top; } a { color: var(--clr-accent); text-decoration-thickness: 2px; text-underline-offset: 2px; transition: text-decoration-thickness ease-in-out 0.2s;text-decoration-color: var(--clr-accent); font-weight: bold; text-decoration-skip-ink: none; } a:hover { text-decoration: underline;color: var(--clr-primary); text-decoration-thickness: 2px; text-underline-offset: 2px;color: var(--clr-primary); } .button { border: none; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } h2, .h2, h3, .h3 { margin-top: 3rem; margin-bottom: 1rem; font-weight: bold; font-family: "Avenir-Bold"; text-rendering: optimizelegibility; } h2, .h2 { font-size: var(--font-size-l-heading); color: var(--clr-primary); } h3, .h3 {font-size: var(--font-size-m-heading); color: var(--clr-secondary); } .primary { color: white; background-color: var(--clr-primary); } .secondary { color: white; background-color: var(--clr-secondary); } .accent { color: var(--clr-accent); } .cards {display: flex;gap: 2rem;flex-wrap:wrap;}.card a, .card a:active, .card a:visited {text-decoration-color: transparent;}.card a:hover, .card a:focus {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 2px;}.card {display: flex;align-items: center;position: relative;font-size: var(--font-size-sm-heading);background-color: #ffffff;background-image: linear-gradient(0deg,#fff,#f8f9fa);border-radius: 20px;padding-right: 25px;box-shadow: 0px 2px 4px rgba(0,0,0,.08),0 4px 8px rgba(0, 115, 230, 0.1);flex: 1 0 320px;}.card.content {display: flex;flex-direction: column;align-items: start;padding: 20px 20px 0;}.card.content h2 {margin-block: 0;}.card img {grid-column: 1 / 1;grid-row: 1 / 1;max-width: 175px;border-bottom-left-radius: 15px;}.card div p {font-size: small;color: #737373;}.cards.vertical {justify-content:center;text-align:center;margin-top: 1.75rem;row-gap:5rem;}.card.vertical {flex-direction: column;display: flex;padding: 0;align-items: start;flex: 1 0 300px;max-width: 100%;}.card.vertical i {font-size: var(--font-size-xl-heading);background: var(--clr-primary);border-radius: 50%;padding: 25px;display: flex;align-self: center;margin-top: -2.5rem;color: #fff;width:86px;height:86px;}.card.vertical div {padding: 1rem;}.card.vertical div h2 {margin-block: 0 .25rem;}.card.vertical div p {font-size: medium;}.card.vertical img {max-width: 100%;border-top-right-radius: 15px;border-bottom-left-radius: 0;border-top-left-radius: 15px;}/*.events {display: flex;column-gap: 6rem;row-gap: 2rem;flex-wrap: wrap;}.events__text {font-size: var(--font-size-xl-heading);display: flex;flex-direction: column;flex: 1 1 calc(50% - 3rem);}.events__text h2 {margin-top: 0;font-size: var(--font-size-xl-heading);max-width:24ch;}.events div:nth-child(2) {flex: 1 1 calc(50% - 3rem);}*/.events {display:grid;grid-template-areas: ". heading" "main text";width:100%;gap: 2rem;}.events__heading {grid-area: heading;margin-top:0;}.events__text {grid-area: text;font-size: var(--body-font-size);max-width: 600px;}.events__main {grid-area: main;border-radius: 20px;max-width:600px;}.buttons {display: flex; justify-content: center; padding-block: 12rem; column-gap: 8rem; row-gap: 4rem; flex-wrap: wrap; } .buttons a { width: 250px; text-align: center; } .button.bold { display: inline-flex; font-family: "Avenir-Bold"; font-size: .875rem; align-items: center; justify-content: center; height: auto; color: var(--clr-button-link); background: var(--clr-accent); padding: 6px 2rem; text-transform: uppercase; transition: all 0.15s ease; cursor: pointer; margin: 18px 0 10px; max-width: fit-content; text-decoration: none; } .button.bold:hover { background: var(--clr-primary); text-decoration: none; } a.button.bold.red { color: var(--clr-button-link); background: var(--clr-red); text-decoration: none; border: 0; font-size: 14px; font-family: "Avenir-Bold"; padding: 5px 20px; text-transform: uppercase;text-shadow:none; } a.button.bold.red:hover { background: #a30000; } h1 { color: var(--clr-primary); font-size: var(--font-size-xl-heading); font-weight: bold; font-family: Avenir-bold; text-rendering: optimizelegibility; text-wrap: balance; max-width: 50ch; text-transform: none; line-height: 1.2; margin-top: 0; } .logo img { height: auto; max-width: 400px; } .js-enabled .navigation__menu, .js-enabled .menu__dropdown { display: none; /* Hide menus when JavaScript is enabled */ } .js-enabled .navigation__menu ul { list-style: none; padding: .75rem 0; margin: 0; } .js-enabled .navigation__menu li { position: relative; font-weight: bold; font-size: var(--font-size-navigation); } .js-enabled .navigation__menu .menu__dropdown li { padding: 10px 22px; font-weight: normal; width: max-content; line-height: 1.2; position: relative; min-width: 100%; } .js-enabled .navigation__menu .menu__dropdown li a { display: block; color: #036; text-decoration: none; position: relative; text-decoration-thickness: 0; transition: text-decoration-thickness ease-in-out 0.2s; } .js-enabled .navigation__menu .menu__dropdown li a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 2px; } .js-enabled .navigation__menu .main__dropdown, .main__navigation__button a { background: none; border-bottom: 4px solid transparent; transition: border-bottom ease-in-out 0.2s; text-decoration: none; color: #036; font-size: var(--font-size-navigation); cursor: pointer; width: 100%; display: flex; justify-content: start; align-items: center; text-transform: uppercase; font-family: "Avenir-Bold"; position: relative; /* Ensure position relative for dropdown */ } .js-enabled .main__dropdown .material-symbols-outlined { transition: transform 0.3s ease; } .js-enabled .main__dropdown[aria-expanded="true"] .material-symbols-outlined { transform: rotate(180deg); } .js-enabled .navigation__menu .main__dropdown:hover, .main__navigation__button a:hover { border-bottom: 2px solid #036; } .js-enabled .navigation__menu .main__dropdown[aria-expanded="true"] { border-bottom: 2px solid #036; } .js-enabled .navigation__menu .main__dropdown.active + .js-enabled .menu__dropdown, .js-enabled .navigation__menu .main__dropdown[aria-expanded="true"] + .js-enabled .menu__dropdown { display: flex; } .navigation__button { display: none; } img { max-width: 100%; height: auto; display: block; }.mainpage__banner {display: flex;align-items: center;column-gap: 2rem;padding-inline: 15px;flex-wrap: wrap;}.mainpage__banner > * {flex: 1;}.mainpage__banner img {object-fit: cover;flex: 0 1 500px;display: flex;align-self: end;}.mainpage__banner p {max-width: 68ch;}.mainpage__banner .content {min-width: 300px;}.mainpage__banner .content.none h1 {margin-bottom: 0;}.mainpage__banner a {color: #FFF;}.mainpage__banner .content .title {font-size: 1.4rem;display: flex;margin-top: 2px;}.mainpage__banner .content .dept {border-radius: 15px;background: #fff;width: fit-content;padding: 6px 12px 4px;color: var(--clr-primary);text-shadow: none;display: flex;align-content: center;margin-top: 1.4em;font-size: var(--font-size-sm-heading);text-align:center;}.mainpage__banner .dept a {color: var(--clr-primary);text-decoration: none;text-decoration-thickness: 0;transition: text-decoration-thickness ease-in-out 0.2s;}.mainpage__banner .dept a:hover {text-decoration: underline;text-decoration-thickness: auto;text-decoration-thickness: 2px;text-underline-offset: 2px;}.button-group {display: flex;flex-wrap: wrap;column-gap: 2rem;}.button-group .button {min-width: 250px;}.mainmast {margin: 0;padding: 0;width: 100%;background: linear-gradient(90deg, rgba(0,35,102,1) 0%, rgba(0,51,102,1) 35%, rgba(0,115,230,1) 100%);color: white;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}.mainmast .section {padding-bottom: 0;}.mainmast.full .section {padding-block: 60px;}.mainmast h1 {color: white;} .mainpage__banner__content:nth-child(2) { padding-block: var(--section-padding-block); } .widget-popular--wrapper { padding-inline: 0 4rem; } .col-links li { border-color: #eaeaea; } hr.separator { border-top: #737373 solid 5px; margin-block: 0 1rem; } .widget .col-link--content.current a { color: var(--clr-primary); text-decoration: underline; width: 100%; text-decoration-thickness: 2px; text-underline-offset: 2px; display: inline-block; } .col-links > * a:hover { color: var(--clr-primary); } dl { margin-block: 1rem; } dt { font-weight: bold; line-height: 1.5; font-size: 1.285rem; } dd { margin: 0 2rem 3rem; } .mainpage__banner__content > img { width: 100%; height: 100%; object-fit: cover; position: relative; object-position: center center; } .edge__right { border-radius: 31% 0% 10% 10% / 0% 51% 49% 0%; } .edge__left { border-radius: 8% 0% 0% 6% / 51% 51% 49% 49%; } .pos__right { object-position: center right !important; } .pos__left { object-position: center left !important; } .mainpage__banner__content span { display: block; font-size: 22px; } @media (min-width: 768px) { .container { width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .container { width: 970px; } .col-sm-4.col-sm-pull-8 { position: sticky; top: 140px; position: -webkit-sticky; } .js-enabled .main__navigation { display: grid; place-items: center; align-items: center; grid-template-areas: "logo navmenu"; width: 100%; } .js-enabled .logo { grid-area: logo; justify-self: start; } .js-enabled .navigation__menu { grid-area: navmenu; justify-content: end; justify-self: end; } .top-header { align-content: center; } .js-enabled .navigation__button { display: none; } .js-enabled .navigation__menu ul { display: flex; justify-content: start; column-gap: 2rem; } .js-enabled .navigation__menu li { position: relative; } .js-enabled .navigation__menu .menu__dropdown { display: none; } .js-enabled .menu__dropdown { display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 8px 16px rgba(0, 51, 102, 0.6); list-style: none; padding: 0; margin: 0; border: 1px solid #036; } .mainpage__banner__content { --mainpage__banner__padding__inline { padding-inline: 1rem; } display: grid; grid-template-columns: minmax(var(--section-padding-block), 1fr) minmax( 0, 528px ) minmax(0, 862px) minmax(var(--section-padding-block), 1fr); margin-inline: auto; position: relative; } .mainpage__banner__content img:first-child { grid-column: 1 / 3; } .mainpage__banner__content img:last-child { grid-column: 3 / -1; } .mainpage__banner__content > :not(img) { padding: var(--section-padding-block); align-content: center; } .mainpage__banner__content > :not(img):first-child { grid-column: 2 / 3; } .mainpage__banner__content > :not(img):last-child { grid-column: 3 / 4; } .mainpage__banner__content > :not(img)::before { content: ""; position: absolute; background: inherit; inset: 0; } .mainpage__banner__content > :not(img):first-child::before { grid-column: 4 / 5; } .mainpage__banner__content > :not(img):last-child::before { grid-column: 1 / 2; } .mainpage__banner__content:nth-child(2) { grid-template-columns: minmax(var(--section-padding-block), 1fr) minmax( 0, 862px ) minmax(0, 528px) minmax(var(--section-padding-block), 1fr); } } @media (min-width: 1200px) { .container { width: 1170px; } .card {max-width: calc(425px - 1rem);}} @media screen and (min-width: 1440px) { .header-slider__img { max-height: 655px; } } @media screen and (max-width: 1600px) { .section { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1281px) { .content-body .section, .footer-content { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1150px) { .logo img { max-width: 325px; }}@media (max-width: 1090px) { .events {grid-template-areas: "heading heading" "main main" "text text";justify-content: center;place-items: center;}.events__main{max-width:100%;}.events__heading{text-align:center;}} @media screen and (max-width: 1024px) { table.responsive > tbody > tr > td { display: block; width: 100%; } } @media screen and (max-width: 960px) { .section .section { padding: 0 !important; margin: 0 !important; } } @media screen and (max-width: 992px) { .text img.float-img-right, p img.float-img-right { float: none; padding-left: 0; width: 100%; margin-bottom: 20px; } .img-layout,.img-layout.left { display: flex; flex-direction: column; } .img-layout img { max-width: 100%; } header { min-height: 80px; } .logo img { max-width: 350px; } .js-enabled .main__navigation { display: grid; place-items: center; grid-template-areas: "logo mbutton" "navmenu navmenu"; width: 100%; align-items: center; margin-top: 7px; } .js-enabled .logo { grid-area: logo; justify-self: start; align-content: center; padding: 10px 0; } .js-enabled .navigation__menu { grid-area: navmenu; justify-items: center; display: none; width: 100%; padding: 2rem 0; } .navigation__menu ul:first-child li { margin-bottom: 10px; } .js-enabled .navigation__button { display: block; background-color: transparent; color: #036; padding: 10px 0; text-align: center; cursor: pointer; text-transform: capitalize; border: none; } .js-enabled .navigation__button { display: grid; justify-self: end; grid-area: mbutton; } .js-enabled .navigation__button .material-symbols-outlined { font-size: 30px; } .navigation__menu ul { display: grid; justify-items: center; } .js-enabled .menu__dropdown { display: none; position: relative !important; background: #fff; min-width: 300px; } .js-enabled .navigation__menu .menu__dropdown li { width: 100%; text-align: center; } .js-enabled .navigation__menu .main__dropdown, .js-enabled .navigation__menu .main__dropdown ul li { justify-content: center; } .js-enabled .navigation__menu .main__dropdown.active + .js-enabled .menu__dropdown, .js-enabled .navigation__menu .main__dropdown[aria-expanded="true"] + .js-enabled .menu__dropdown { display: grid; text-align: center; } .mainpage__banner__content > :not(img) { padding: var(--wrapper-padding-inline); } .widget-popular--wrapper { padding-inline: 0; } } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .header-slider__content h3, .header-slider__content .title { font-size: 5vw !important; } .content-body li { line-height: 1.6em !important; } .widget-popular--wrapper { padding-block: 4rem; } .footer__content { display: flex; flex-direction: column; min-width: unset; row-gap: 3rem; } .footer__mark img { max-width: 200px; padding-bottom: 0; } .footer__col:nth-child(1) { order: 2; } .footer__col:nth-child(2) { order: 3; } .footer__col:nth-child(3) { order: 4; } .footer__col:nth-child(4) { order: 1;} .footer__col { min-width: auto; text-align: center; margin-inline: auto; } .footer__col p { align-content: start; display: flex; flex-direction: column; row-gap: 1rem; } footer .material-symbols-outlined { margin-right: 0; } .footer__content .footer__title { text-align: center; } .footer__col .ul li, .footer__col ul li { line-height: 40px; } .footer__content .footer__title::after { left: 0; right: 0; margin-left: auto; margin-right: auto; } .text img.float-img-right, p img.float-img-right { float: none; padding-left: 0; width: 100%; margin-bottom: 20px; } .ctct-inline-form { margin-top: 0; border-left: none; border-bottom: none; } .lw_event_item_title a::after { float: left; margin-bottom: 10px; }.events__heading{text-align:left;} } @media screen and (max-width: 480px) { .content-body .text { line-height: 1.2; } .text img.float-img-right, p img.float-img-right { float: none; padding-left: 0; width: 100%; margin-bottom: 20px; } .logo img { max-width: 260px; } .js-enabled .navigation__button { font-size: 12px; }.card.vertical {max-width: 350px;} } @media screen and (max-height: 448px) and (orientation: landscape) { header { position: relative; } }/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }.main__navigation .navigation__menu {display: none !important;}.mainmast.full .section {padding-block: 0px !important;} .content-body .section {padding-top: 0px !important;padding-bottom: 0px !important;}a, a:visited { text-decoration: underline;text-decoration-thickness: 2px; text-underline-offset: 2px; } pre, blockquote { border: 1px solid #999; break-inside: avoid; } thead { display: table-header-group; } tr, .card, img { break-inside: avoid; }  h2, h3 { break-after: avoid; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }footer{background: #fff;}header{position:relative;min-height: 100px;border-bottom:0px;}.widget {display:none;}html, body, h1, h2, h3, h4, a, .footer__title {font-family: arial, Serif, Sans-serif;}a, footer .material-symbols-outlined, .footer__col {font-weight:normal;}.footer__col:nth-child(2), .footer__col:nth-child(3), .footer__col:nth-child(4) {display: none;}.footer__content {display: block;margin: auto;width: fit-content;padding-block: 0px;}footer p, footer .material-symbols-outlined {display: inline;text-align: center;margin-right: 5px;}.button.bold{color: var(--clr-button-link) !important;background: var(--clr-accent) !important;min-width: fit-content;}.footer__col p:nth-child(3) .material-symbols-outlined {display: none;}.content-body{padding-bottom: 4rem;}}