@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"); /*! * Common colors and constants * =========================== * * Text sizing * ----------- * Body copy: 18px * Line height / baseline grid: 24px * H6: 20px * H5: 24px * H4: 32px * H3: 40px * H2: 48px * H1: 58px * Small or secondary: 16px, 14px *a * Text colors * ----------- * Copy: #4d4d4f * Titles: #28282d * * Theme colors * ------------ * Primary (ÉͽðÅ®Íõ Dark Blue): #1c3a6a * Tint (ÉͽðÅ®Íõ Light Blue): #0075bd * Shade: #0b234a * Accent (ÉͽðÅ®Íõ Green): #8fb839 * Tint: #c3e47c * Shade: #5c7e14 * Action (ÉͽðÅ®Íõ Orange): #f8992e * Tint: #fbb96f * Shade: #b56408 * * Other colors * ------------ * Page background: #ffffff * Light wash: #ededf2 * Mid wash: #d5d5db * Dark wash: #4d4d4f * Warnings: #941 * * Measurements * ------------ * Maximum page width: 1400px * * Breakpoints * ----------- * Small: 480px * Medium: 890px * Large: 1080px* Widescreen: 1496px */ /*! ---------- =reset ---------- */ * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box; } ul { list-style: disc; } blockquote, q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } img { -ms-interpolation-mode: bicubic; display: block; max-width: 100%; margin: 0 auto; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, 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: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; } hr { box-sizing: content-box; height: 0; margin: 48px 0; border-bottom: 1px solid #d5d5db; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button,html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; color: #fff !important; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } /*! ---------- =typography ---------- */ body { font: 18px/24px "Montserrat", Helvetica, Arial, sans-serif; color: #4d4d4f; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } p, ol, ul, h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; } p:last-child,ol:last-child,ul:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child { margin-bottom: 0; } p, ol, ul { orphans: 2; widows: 2; } ol, ul { margin-left: 2em; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", "Montserrat", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #28282d; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: inline-block; vertical-align: middle; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; } h1, h2, h3 { font-weight: 300 !important; } h1 { font-size: 58px; line-height: 60px; } @media (max-width: 889px) { h1 { font-size: 48px; line-height: 48px; } } @media (max-width: 479px) { h1 { font-size: 40px; line-height: 48px; } } h2 { font-size: 48px; line-height: 48px; } @media (max-width: 889px) { h2 { font-size: 40px; line-height: 48px; } } h3 { font-size: 36px; line-height: 48px; } @media (max-width: 889px) { h3 { font-size: 30px; line-height: 36px; } } h4 { font-size: 28px; line-height: 36px; } h5 { font-size: 24px; line-height: 24px; } h6 { font-size: 20px; line-height: 24px; } .text-size { font-size: 16px; line-height: 24px; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .note { font-family: "Montserrat", "Montserrat", Helvetica, Arial, sans-serif; opacity: 0.8; } pre + .note, input + .note, textarea + .note { margin-top: -12px; } .highlight { color: #8fb839; } .warn { color: #941; } .type-family-sample { font-size: 40px; line-height: 36px; } /*! ---------- =common =components ---------- */ a { text-decoration: none; color: #f8992e; } a:hover,a:focus { color: #8fb839; } a,button { transition: color 0.15s ease-out,background-color 0.15s ease-out,border 0.15s ease-out,box-shadow 0.15s ease-out,opacity 0.15s ease-out; } .more { display: inline-block; font-weight: 700; } .more .fa-arrow-right { margin-left: 0.3em; transition: transform 0.15s ease-out; } .more:hover .fa-arrow-right, .more:focus .fa-arrow-right { -ms-transform: translateX(0.2em); transform: translateX(0.2em); } .more--action { color: #f8992e; } .img-left, .img-right { display: block; max-width: 40%; margin: 0 0 12px; } .img-left img, .img-right img { display: block; } .img-left { float: left; margin-right: 12px; } .img-right { float: right; margin-left: 12px; } figure { display: block; margin-bottom: 24px; border: 1px solid #ededf2; padding: 6px; } figcaption { display: block; padding: 6px 0; font-size: 14px; opacity: 0.8; } dl:not(:last-child) { margin-bottom: 24px; } dt { float: left; clear: left; margin-right: 18px; font-weight: 700; } dt ~ dt { margin-top: 12px; } dd { display: block; overflow: hidden; } dd ~ dd { margin-top: 12px; } .to-screen-edges, .hero, .alternate-background { width: auto !important; margin-left: -24px; margin-right: -24px; } .to-screen-edges__content { padding-left: 24px; padding-right: 24px; } @media (min-width: 890px) { .to-screen-edges, .hero, .alternate-background { margin-left: -48px; margin-right: -48px; } .to-screen-edges__content { padding-left: 48px; padding-right: 48px; } } @media (min-width: 1496px) { .to-screen-edges, .hero, .alternate-background { margin-left: calc(-50vw + (1400px / 2)); margin-right: calc(-50vw + (1400px / 2)); } .to-screen-edges__content { padding-left: calc(50vw - (1400px / 2)); padding-right: calc(50vw - (1400px / 2)); } } .pull-quote { padding: 24px 0; margin: 24px 0; border: solid #5c7e14; border-width: 2px 0; font-size: 20px; line-height: 36px; font-weight: 300; } .pull-quote__attribution { display: block; font-size: 16px; line-height: 24px; opacity: 0.8; } .pull-quote__attribution::before { content: '– '; } p + .pull-quote__attribution { margin-top: -18px; } @media (min-width: 480px) { .pull-quote--left, .pull-quote--right { max-width: 40%; margin-top: 0; } .pull-quote--left { float: left; margin-right: 24px; padding: 0 24px 0 0; border-width: 0 2px 0 0; } .pull-quote--right { float: right; margin-left: 24px; } } .content-box { padding: 24px; border: 2px solid #0b234a; background: #fff; } .content-box:not(:last-child) { margin-bottom: 24px; } .content-box h1, .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 { color: #1c3a6a; } .content-box--highlight { border-color: #5c7e14; } .content-box--highlight h1, .content-box--highlight h2, .content-box--highlight h3, .content-box--highlight h4, .content-box--highlight h5, .content-box--highlight h6 { color: #8fb839; } .content-box--action { border-color: #b56408; } .content-box--action h1, .content-box--action h2, .content-box--action h3, .content-box--action h4, .content-box--action h5, .content-box--action h6 { color: #f8992e; } .truncator-expand { display: block; width: 100%; padding-top: 6px; margin-top: 12px; border-top: 1px dashed #d5d5db; text-align: left; color: #8fb839; font-weight: 700; font-size: 16px; } .margin + .truncator-expand { margin-top: -12px; } .margin + .truncator-expand:not(:last-child) { margin-bottom: 24px; } .item-list + .truncator-expand, .margin-large + .truncator-expand { margin-top: -36px; } .item-list + .truncator-expand:not(:last-child), .margin-large + .truncator-expand:not(:last-child) { margin-bottom: 48px; } .color-spec { overflow: hidden; border: 1px solid #d5d5db; } .color-spec__swatch { height: 0; padding-bottom: 100%; } .color-spec__text { padding: 24px 18px; font-size: 16px; } .color-spec__title { font-size: 20px; margin-bottom: 12px; } .color-spec__text p:not(:last-child) { margin-bottom: 12px; } .color-spec__role { font-style: italic; opacity: 0.65; } .js .toggle-target:not(.is-active) { display: none; } .screenreaders-only { width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; position: absolute; z-index: -1; } .group:after,dl:after, .side-label:after, .page-header:after, .interior-layout:after, .item-list__item:after { content: ""; display: table; clear: both; } /*! common spacing classes */ .space-t-6 { margin-top: 72px; } .space-t-5 { margin-top: 48px; } .space-t-4 { margin-top: 36px; } .space-t-3 { margin-top: 24px; } .space-t-2 { margin-top: 12px; } .space-t-1 { margin-top: 6px; } .space-t-0 { margin-top: 0; } .pad-t-6 { padding-top: 72px; } .pad-t-5 { padding-top: 48px; } .pad-t-4 { padding-top: 36px; } .pad-t-3 { padding-top: 24px; } .pad-t-2 { padding-top: 12px; } .pad-t-1 { padding-top: 6px; } .pad-t-0 { padding-top: 0; } .space-r-6 { margin-right: 72px; } .space-r-5 { margin-right: 48px; } .space-r-4 { margin-right: 36px; } .space-r-3 { margin-right: 24px; } .space-r-2 { margin-right: 12px; } .space-r-1 { margin-right: 6px; } .space-r-0 { margin-right: 0; } .pad-r-6 { padding-right: 72px; } .pad-r-5 { padding-right: 48px; } .pad-r-4 { padding-right: 36px; } .pad-r-3 { padding-right: 24px; } .pad-r-2 { padding-right: 12px; } .pad-r-1 { padding-right: 6px; } .pad-r-0 { padding-right: 0; } .space-b-6 { margin-bottom: 72px; } .space-b-5 { margin-bottom: 48px; } .space-b-4 { margin-bottom: 36px; } .space-b-3 { margin-bottom: 24px; } .space-b-2 { margin-bottom: 12px; } .space-b-1 { margin-bottom: 6px; } .space-b-0 { margin-bottom: 0; } .pad-b-6 { padding-bottom: 72px; } .pad-b-5 { padding-bottom: 48px; } .pad-b-4 { padding-bottom: 36px; } .pad-b-3 { padding-bottom: 24px; } .pad-b-2 { padding-bottom: 12px; } .pad-b-1 { padding-bottom: 6px; } .pad-b-0 { padding-bottom: 0; } .space-l-6 { margin-left: 72px; } .space-l-5 { margin-left: 48px; } .space-l-4 { margin-left: 36px; } .space-l-3 { margin-left: 24px; } .space-l-2 { margin-left: 12px; } .space-l-1 { margin-left: 6px; } .space-l-0 { margin-left: 0; } .pad-l-6 { padding-left: 72px; } .pad-l-5 { padding-left: 48px; } .pad-l-4 { padding-left: 36px; } .pad-l-3 { padding-left: 24px; } .pad-l-2 { padding-left: 12px; } .pad-l-1 { padding-left: 6px; } .pad-l-0 { padding-left: 0; } @media (min-width: 890px) { .space-t-6-m { margin-top: 72px; } .space-t-5-m { margin-top: 48px; } .space-t-4-m { margin-top: 36px; } .space-t-3-m { margin-top: 24px; } .space-t-2-m { margin-top: 12px; } .space-t-1-m { margin-top: 6px; } .space-t-0-m { margin-top: 0; } .pad-t-6-m { padding-top: 72px; } .pad-t-5-m { padding-top: 48px; } .pad-t-4-m { padding-top: 36px; } .pad-t-3-m { padding-top: 24px; } .pad-t-2-m { padding-top: 12px; } .pad-t-1-m { padding-top: 6px; } .pad-t-0-m { padding-top: 0; } .space-r-6-m { margin-right: 72px; } .space-r-5-m { margin-right: 48px; } .space-r-4-m { margin-right: 36px; } .space-r-3-m { margin-right: 24px; } .space-r-2-m { margin-right: 12px; } .space-r-1-m { margin-right: 6px; } .space-r-0-m { margin-right: 0; } .pad-r-6-m { padding-right: 72px; } .pad-r-5-m { padding-right: 48px; } .pad-r-4-m { padding-right: 36px; } .pad-r-3-m { padding-right: 24px; } .pad-r-2-m { padding-right: 12px; } .pad-r-1-m { padding-right: 6px; } .pad-r-0-m { padding-right: 0; } .space-b-6-m { margin-bottom: 72px; } .space-b-5-m { margin-bottom: 48px; } .space-b-4-m { margin-bottom: 36px; } .space-b-3-m { margin-bottom: 24px; } .space-b-2-m { margin-bottom: 12px; } .space-b-1-m { margin-bottom: 6px; } .space-b-0-m { margin-bottom: 0; } .pad-b-6-m { padding-bottom: 72px; } .pad-b-5-m { padding-bottom: 48px; } .pad-b-4-m { padding-bottom: 36px; } .pad-b-3-m { padding-bottom: 24px; } .pad-b-2-m { padding-bottom: 12px; } .pad-b-1-m { padding-bottom: 6px; } .pad-b-0-m { padding-bottom: 0; } .space-l-6-m { margin-left: 72px; } .space-l-5-m { margin-left: 48px; } .space-l-4-m { margin-left: 36px; } .space-l-3-m { margin-left: 24px; } .space-l-2-m { margin-left: 12px; } .space-l-1-m { margin-left: 6px; } .space-l-0-m { margin-left: 0; } .pad-l-6-m { padding-left: 72px; } .pad-l-5-m { padding-left: 48px; } .pad-l-4-m { padding-left: 36px; } .pad-l-3-m { padding-left: 24px; } .pad-l-2-m { padding-left: 12px; } .pad-l-1-m { padding-left: 6px; } .pad-l-0-m { padding-left: 0; } } /*! ---------- =grids ---------- */ .grid { display: block; padding: 0; margin: 0 -24px 0 0; letter-spacing: -0.31em; text-rendering: optimizespeed; text-align: center; list-style: none; } .grid.align-left { text-align: left; } .grid.align-right { text-align: right; } .grid.no-margin { margin-bottom: -24px; } .grid--compact { margin-right: -12px; } .grid--compact.no-margin { margin-bottom: -12px; } .grid__unit { display: inline-block; width: 100%; padding: 0 24px 24px 0; margin: 0; vertical-align: top; letter-spacing: normal; text-rendering: auto; text-align: left; } .grid--compact > .grid__unit { padding: 0 12px 12px 0; } .grid__unit--1-2 { width: 50%; } .grid__unit--1-3 { width: 33.33%; } .grid__unit--2-3 { width: 66.66%; } .grid__unit--1-4 { width: 25%; } .grid__unit--3-4 { width: 75%; } .grid__unit--1-5 { width: 20%; } .grid__unit--2-5 { width: 40%; } .grid__unit--3-5 { width: 60%; } .grid__unit--4-5 { width: 80%; } .grid__unit--1-6 { width: 16.66%; } .grid__unit--5-6 { width: 83.3%; } .grid__unit--1-8 { width: 12.5%; } .grid__unit--3-8 { width: 37.5%; } .grid__unit--5-8 { width: 62.5%; } .grid__unit--7-8 { width: 87.5%; } .grid__unit--1-9 { width: 11.11%; } .grid__unit--2-9 { width: 22.22%; } .grid__unit--4-9 { width: 44.44%; } .grid__unit--5-9 { width: 55.55%; } .grid__unit--7-9 { width: 77.77%; } .grid__unit--8-9 { width: 88.88%; } .grid__unit--1-12 { width: 8.33%; } .grid__unit--5-12 { width: 41.65%; } .grid__unit--7-12 { width: 58.31%; } .grid__unit--11-12 { width: 91.63%; } @media (min-width: 480px) { .grid__unit--1-1-s { width: 100%; } .grid__unit--1-2-s { width: 50%; } .grid__unit--1-3-s { width: 33.33%; } .grid__unit--2-3-s { width: 66.66%; } .grid__unit--1-4-s { width: 25%; } .grid__unit--3-4-s { width: 75%; } .grid__unit--1-5-s { width: 20%; } .grid__unit--2-5-s { width: 40%; } .grid__unit--3-5-s { width: 60%; } .grid__unit--4-5-s { width: 80%; } .grid__unit--1-6-s { width: 16.66%; } .grid__unit--5-6-s { width: 83.3%; } .grid__unit--1-8-s { width: 12.5%; } .grid__unit--3-8-s { width: 37.5%; } .grid__unit--5-8-s { width: 62.5%; } .grid__unit--7-8-s { width: 87.5%; } .grid__unit--1-9-s { width: 11.11%; } .grid__unit--2-9-s { width: 22.22%; } .grid__unit--4-9-s { width: 44.44%; } .grid__unit--5-9-s { width: 55.55%; } .grid__unit--7-9-s { width: 77.77%; } .grid__unit--8-9-s { width: 88.88%; } .grid__unit--1-12-s { width: 8.33%; } .grid__unit--5-12-s { width: 41.65%; } .grid__unit--7-12-s { width: 58.31%; } .grid__unit--11-12-s { width: 91.63%; } } @media (min-width: 890px) { .grid { margin-right: -48px; } .grid.no-margin { margin-bottom: -48px; } .grid--compact { margin-right: -24px; } .grid--compact.no-margin { margin-bottom: -24px; } .grid__unit { padding: 0 48px 48px 0; } .grid--compact > .grid__unit { padding: 0 24px 24px 0; } .grid__unit--1-1-m { width: 100%; } .grid__unit--1-2-m { width: 50%; } .grid__unit--1-3-m { width: 33.33%; } .grid__unit--2-3-m { width: 66.66%; } .grid__unit--1-4-m { width: 25%; } .grid__unit--3-4-m { width: 75%; } .grid__unit--1-5-m { width: 20%; } .grid__unit--2-5-m { width: 40%; } .grid__unit--3-5-m { width: 60%; } .grid__unit--4-5-m { width: 80%; } .grid__unit--1-6-m { width: 16.66%; } .grid__unit--5-6-m { width: 83.3%; } .grid__unit--1-8-m { width: 12.5%; } .grid__unit--3-8-m { width: 37.5%; } .grid__unit--5-8-m { width: 62.5%; } .grid__unit--7-8-m { width: 87.5%; } .grid__unit--1-9-m { width: 11.11%; } .grid__unit--2-9-m { width: 22.22%; } .grid__unit--4-9-m { width: 44.44%; } .grid__unit--5-9-m { width: 55.55%; } .grid__unit--7-9-m { width: 77.77%; } .grid__unit--8-9-m { width: 88.88%; } .grid__unit--1-12-m { width: 8.33%; } .grid__unit--5-12-m { width: 41.65%; } .grid__unit--7-12-m { width: 58.31%; } .grid__unit--11-12-m { width: 91.63%; } } @media (min-width: 1080px) { .grid__unit--1-1-l { width: 100%; } .grid__unit--1-2-l { width: 50%; } .grid__unit--1-3-l { width: 33.33%; } .grid__unit--2-3-l { width: 66.66%; } .grid__unit--1-4-l { width: 25%; } .grid__unit--3-4-l { width: 75%; } .grid__unit--1-5-l { width: 20%; } .grid__unit--2-5-l { width: 40%; } .grid__unit--3-5-l { width: 60%; } .grid__unit--4-5-l { width: 80%; } .grid__unit--1-6-l { width: 16.66%; } .grid__unit--5-6-l { width: 83.3%; } .grid__unit--1-8-l { width: 12.5%; } .grid__unit--3-8-l { width: 37.5%; } .grid__unit--5-8-l { width: 62.5%; } .grid__unit--7-8-l { width: 87.5%; } .grid__unit--1-9-l { width: 11.11%; } .grid__unit--2-9-l { width: 22.22%; } .grid__unit--4-9-l { width: 44.44%; } .grid__unit--5-9-l { width: 55.55%; } .grid__unit--7-9-l { width: 77.77%; } .grid__unit--8-9-l { width: 88.88%; } .grid__unit--1-12-l { width: 8.33%; } .grid__unit--5-12-l { width: 41.65%; } .grid__unit--7-12-l { width: 58.31%; } .grid__unit--11-12-l { width: 91.63%; } } /*! ---------- =forms ---------- */ input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea, select { display: block; width: 100%; padding: 9px 12px; margin: 0; border: 1px solid #dedee7; color: #4d4d4f; color: rgba(77, 77, 79, 0.8); font: 16px/24px "Montserrat", Helvetica, Arial, sans-serif; transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out; } input[type="text"]:not(:last-child), input[type="email"]:not(:last-child), input[type="password"]:not(:last-child), input[type="number"]:not(:last-child), input[type="tel"]:not(:last-child), textarea:not(:last-child), select:not(:last-child) { margin-bottom: 24px; } input[type="text"]:required, input[type="email"]:required, input[type="password"]:required, input[type="number"]:required, input[type="tel"]:required, textarea:required, select:required { border-color: #c0c5d0; } input[type="text"].input-validation-error, input[type="email"].input-validation-error, input[type="password"].input-validation-error, input[type="number"].input-validation-error, input[type="tel"].input-validation-error, textarea.input-validation-error, select.input-validation-error { border-color: #941; color: #941; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border-color: #1c3a6a; color: #4d4d4f; } textarea { padding: 12px; min-height: 96px; } textarea.textarea-large { min-height: 240px; } input[type="radio"], input[type="checkbox"] { display: inline-block; position: relative; top: -0.1em; } label + input[type="radio"], label + input[type="checkbox"] { margin-left: 24px; } label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; color: #28282d; opacity: 0.9; transition: color 0.15s ease-out, opacity 0.15s ease-out; } input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; vertical-align: top; font-weight: 400; } label.required { color: #0b234a; } label.required::after { content: '*'; font-weight: 400; } label.input-validation-error { color: #941; } label.is-selected { color: #5c7e14; } label.is-focused { color: #1c3a6a; opacity: 1; } .side-label { margin: 0; } .side-label:not(:last-child) { margin-bottom: 24px; } @media (min-width: 480px) { .side-label { padding-left: 168px; } .side-label label { width: 168px; float: left; margin-left: -168px; padding: 6px 1em 0 0; } } .field-validation-error { display: block; margin-bottom: 24px; font-size: 16px; color: #941; } input + .field-validation-error, select + .field-validation-error, textarea + .field-validation-error { margin-top: -18px; } /*! ---------- =body ---------- */ html { scroll-behavior: smooth; } body { width: 100%; overflow-x: hidden; background: #fff; } .content { padding: 24px; padding-top: 96px; } .page-bounds, .hero__content, .alternate-background__content { max-width: 1400px; margin-left: auto; margin-right: auto; } @media (min-width: 890px) { .content { padding: 48px; } } /*! ---------- =header common ---------- */ .page-header { padding: 0 24px; background: #1c3a6a; position: relative; z-index: 100; position: fixed; left: 0; right: 0; top: 0; } .page-header .page-bounds, .page-header .hero__content, .page-header .alternate-background__content { position: relative; } .page-header__toggle, .page-header__decoration { display: none; } @media (max-width: 889px) { .page-header { position: absolute; width: 100%; border-bottom: 12px solid #8fb839; } .page-header__toggle { position: absolute; right: -24px; top: 0; padding: 24px 24px; color: #fff; } .page-header__toggle.mobile-menu-is-open { color: #8fb839; } .js .page-header__toggle { display: block; } .page-header__toggle .toggle-indicator { margin-left: 6px; } .page-header__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; clear: both; margin-left: -24px; margin-right: -24px; } } @media (min-width: 890px) { .page-header { padding-left: 48px; padding-right: 48px; background: transparent; } .page-header::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 72px; background: #1c3a6a; box-shadow: 0 36px 0 #8fb839; } .page-header__decoration { display: block; max-width: 336px; position: absolute; right: -48px; top: 0; pointer-events: none; opacity: 1; transition: opacity 0.15s ease-in; } .is-scrolled .page-header__decoration { opacity: 0; transition-timing-function: ease-out; } .header-user { /* display: none !important; */ position: absolute; top: 175px; right: 10px; font-size: 12px; } .header-user .btn.btn-default { /* HEADER MODIFICATIONS */ color: #fff !important; /* color: #ffff; background-color: #93bd00; padding: 2px 5px 2px 5px; */ } .header-user__welcome { padding-right: 10px; color:#fff; padding-top: 5px; } .header-user__welcome a:hover, .header-user__welcome a:focus { color:#fff !important; } } @media (min-width: 1080px) { .page-header__decoration { right: -120px; } } @media (max-width: 889px) { .header-search { -ms-flex-order: 1; order: 1; } .header-nav { -ms-flex-order: 2; order: 2; } .header-utility { -ms-flex-order: 3; order: 3; } } /*! push-right / offscreen mobile menu */ @media (max-width: 889px) { body { transition: transform 0.2s ease-out; } .header-user { /* display: none !important; */ color: #ffffff !important; } .header-user__welcome a:hover, .header-user__welcome a:focus { color:#fff; } body.mobile-menu-is-open { position: fixed; top: 0; right: 0; bottom: 0; left: 0; -ms-transform: translateX(calc(100% - 72px)); transform: translateX(calc(100% - 72px)); } .page-header__content { display: none; /* added */ color: #000000; width: 80%; width: calc(100% - 72px); position: fixed; left: 0; top: 0; bottom: 0; margin: 0; background: #fff; transition: all 0.2s ease-out; overflow-y: auto; } @supports (transform: translateX(calc(100% - 72px))) { .page-header__content { display: -ms-flexbox; display: flex; left: auto; right: 100%; } } .page-header__content.mobile-menu-is-open { display: block; display: -ms-flexbox; display: flex; } .page-header .header-search__input { padding-top: 23px !important; padding-bottom: 23px !important; border-width: 1px 0 !important; } .page-header .header-search__submit { padding-top: 24px !important; padding-bottom: 24px !important; background: transparent; color: #1c3a6a; } .page-header__toggle { transition: all 0.2s ease-out; } .page-header__toggle.mobile-menu-is-open { width: 100%; position: fixed; right: 0; top: 0; left: 0; bottom: 0; font-size: 0.01px; color: transparent; background: rgba(77, 77, 79, 0.7); } .page-header__toggle.mobile-menu-is-open .toggle-indicator { /*display: none;*/ display: block; top: 24px; position: absolute; } } /*! ---------- =header components ---------- */ .header-logo__link, .header-logo__image { display: block; max-width: 100%; margin: 0; text-decoration: none; } .header-logo__text { font-family: "Cabin", "Montserrat", Helvetica, Arial, sans-serif; font-size: 20px; text-transform: uppercase; color: #fff; } @media (max-width: 1200px) { .header-logo__link { padding: 18px 0; } .header-logo__image { max-height: 36px; } .header-logo__text { display: none; } } .toggle-indicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; } .toggle-indicator__piece { display: block; position: absolute; top: 50%; left: 0; margin-top: -2px; transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out; } .toggle-indicator__piece::before { content: ''; display: block; width: 24px; height: 4px; background: #4d4d4f; transition: background 0.2s ease-out; } .page-header .toggle-indicator__piece::before { background: #fff; } .toggle-indicator__piece--1 { margin-top: -8px; } .toggle-indicator__piece--3 { margin-top: 4px; } .is-active .toggle-indicator__piece, .mobile-menu-is-open .page-header .toggle-indicator__piece { transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s; } .is-active .toggle-indicator__piece::before, .mobile-menu-is-open .page-header .toggle-indicator__piece::before { background: #8fb839; } .is-active .toggle-indicator__piece--2, .mobile-menu-is-open .page-header .toggle-indicator__piece--2 { opacity: 0; } .is-active .toggle-indicator__piece--1, .is-active .toggle-indicator__piece--3, .mobile-menu-is-open .page-header .toggle-indicator__piece--1, .mobile-menu-is-open .page-header .toggle-indicator__piece--3 { margin-top: -2px; } .is-active .toggle-indicator__piece--1, .mobile-menu-is-open .page-header .toggle-indicator__piece--1 { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .is-active .toggle-indicator__piece--3, .mobile-menu-is-open .page-header .toggle-indicator__piece--3 { -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-menu-is-open .page-header .toggle-indicator__piece::before { background: #8fb839; } .header-utility { font-size: 14px; } .header-utility__list { list-style: none; margin: 0; } .header-utility__item { display: inline-block; position: relative; } .header-utility__item a { display: block; padding: 12px 6px; color: #fff; font-size: 11px; text-decoration: none; } .header-utility__item a:hover, .header-utility__item a:focus { color: #8fb839; } .header-utility__item--highlight > a { padding-left: 12px; padding-right: 12px; background: #1c3a6a; color: #fff; border-radius: 3px; } .header-utility__item--highlight > a:hover, .header-utility__item--highlight > a:focus { background: #0075bd; color: #fff; } @media (max-width: 889px) { .header-utility { padding: 18px 24px; text-align: center; } .header-utility a { color: #1c3a6a; } } @media (min-width: 890px) { .header-utility__list { display: inline-block; vertical-align: middle; } .header-utility__item + .header-utility__item { margin-left: 18px; } .header-utility__item + .header-utility__item::before { content: ''; width: 1px; height: 24px; position: absolute; left: -9px; top: 50%; margin-top: -12px; background: rgba(255, 255, 255, 0.3); } } .header-nav ul { list-style: none; margin: 0; } .header-nav li { position: relative; } /* Header Font Size Change */ .header-nav a { font-size: 12px; display: block; } .header-nav > ul > li > a, .header-nav div > ul > li > a { font-weight: 500; color: #fff; } .header-nav li li a { color: #4d4d4f; } .header-nav li li li a { color: #666669; } .header-nav li li li li a { color: #757578; } .header-nav__toggle { display: none; } @media (max-width: 889px) { .header-nav { background: #fff; } .header-nav a { padding: 12px 60px 12px 24px; border-bottom: 1px solid #ededf2; } .header-nav li li a { padding-left: 48px; border-bottom-color: rgba(237, 237, 242, 0.5); } .header-nav li li li a { padding-left: 72px; } .header-nav li li li li a { padding-left: 96px; } .header-nav > ul > li > a, .header-nav div > ul > li > a { color: #1c3a6a; } .header-nav > ul > li > ul a, .header-nav div > ul > li > ul a { color: #4d4d4f; } .js .header-nav li ul { overflow: hidden; max-height: 0; transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1); } .js .header-nav li ul.is-active { max-height: 100em; transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1); } .header-nav__toggle { width: 60px; height: 48px; position: absolute; right: 0; top: 0; background: #fff; overflow: hidden; text-indent: 100%; white-space: nowrap; } .js .header-nav__toggle { display: block; } .header-nav__toggle::before { content: ''; display: block; width: 0; height: 0; border: 10px solid transparent; border-bottom-width: 0; border-top-color: #d5d5db; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -5px; -ms-transform: scaleX(0.6); transform: scaleX(0.6); transition: transform 0.2s ease-out; } .header-nav__toggle.is-active::before { border-top-color: #8fb839; transform: scaleX(0.6) rotateX(180deg); } } @media (min-width: 890px) { .header-nav > ul, .header-nav div > ul { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: stretch; align-items: stretch; text-align: center; padding-left: 12px; padding-left: 12px; } .header-nav > ul > li, .header-nav div > ul > li { -ms-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; position: static; } /* Header Paddin default 24px 12px */ .header-nav > ul > li > a, .header-nav div > ul > li > a { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 14px 10px; position: relative; } .header-nav > ul > li > a:hover, .header-nav > ul > li > a:focus, .header-nav div > ul > li > a:hover, .header-nav div > ul > li > a:focus { color: #8fb839; } .header-nav .is-current > a { color: #8fb839; } } @media (min-width: 1080px) { .header-nav > ul, .header-nav > div > ul { padding-left: 24px; padding-right: 24px; } } /*! megamenu-style dropdowns */ @media (min-width: 890px) { .header-nav > ul > li > a::before, .header-nav div > ul > li > a::before { content: ''; display: block; width: 20px; height: 20px; position: absolute; bottom: -13px; left: 50%; margin-left: -10px; background: #4d4d4f; border: solid #fff; border-width: 5px 5px 0 0; -ms-transform: scaleY(0.33) rotate(-45deg); transform: scaleY(0.33) rotate(-45deg); opacity: 0; visibility: hidden; z-index: -1; transition: opacity 0.06s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s; } .header-nav > ul > li > ul, .header-nav div > ul > li > ul { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; position: absolute; left: 0; right: 0; top: 100%; padding: 36px 48px; border-top: 2px solid #fff; text-align: left; background: #4d4d4f; opacity: 0; z-index: -1; visibility: hidden; transition: opacity 0.1s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s; } .header-nav > ul > li > ul > li, .header-nav div > ul > li > ul > li { display: inline-block; vertical-align: top; width: 32%; padding-bottom: 24px; -ms-flex: 0 0 30%; flex: 0 0 30%; -ms-flex: 0 0 calc(33% - 12px); flex: 0 0 calc(33% - 12px); } .header-nav > ul > li > ul > li > a, .header-nav div > ul > li > ul > li > a { font-size: 18px; color: #fff; padding-bottom: 6px; } .header-nav > ul > li > ul > li > ul, .header-nav div > ul > li > ul > li > ul { padding-top: 12px; border-top: 1px solid #d5d5db; } .header-nav > ul > li > ul > li > ul a, .header-nav div > ul > li > ul > li > ul a { color: #fff; } .header-nav > ul > li > ul a:hover, .header-nav > ul > li > ul a:focus, .header-nav div > ul > li > ul a:hover, .header-nav div > ul > li > ul a:focus { color: #8fb839; } .header-nav > ul > li:hover > a, .header-nav div > ul > li:hover > a { color: #8fb839; } .header-nav > ul > li:hover > a::before, .header-nav div > ul > li:hover > a::before { opacity: 1; visibility: visible; z-index: 101; transition: opacity 0.15s ease-out 0.575s, z-index 0s linear 0.575s, visibility 0s linear 0.575s; } .header-nav > ul > li:hover > ul, .header-nav div > ul > li:hover > ul { opacity: 1; z-index: 100; visibility: visible; transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s; } } /*! navigation cascade animation */ @media (min-width: 890px) { .header-nav > ul > li > ul > li { -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; } .header-nav > ul > li:hover > ul > li { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; transition: transform 0.25s ease-out, opacity 0.25s ease-out; } .header-nav > ul > li:hover > ul > li:nth-child(1) { transition-delay: 0.535s, 0.535s; } .header-nav > ul > li:hover > ul > li:nth-child(2) { transition-delay: 0.57s, 0.57s; } .header-nav > ul > li:hover > ul > li:nth-child(3) { transition-delay: 0.605s, 0.605s; } .header-nav > ul > li:hover > ul > li:nth-child(4) { transition-delay: 0.64s, 0.64s; } .header-nav > ul > li:hover > ul > li:nth-child(5) { transition-delay: 0.675s, 0.675s; } .header-nav > ul > li:hover > ul > li:nth-child(6) { transition-delay: 0.71s, 0.71s; } .header-nav > ul > li:hover > ul > li:nth-child(7) { transition-delay: 0.745s, 0.745s; } .header-nav > ul > li:hover > ul > li:nth-child(8) { transition-delay: 0.78s, 0.78s; } .header-nav > ul > li:hover > ul > li:nth-child(9) { transition-delay: 0.815s, 0.815s; } .header-nav > ul > li:hover > ul > li:nth-child(10) { transition-delay: 0.85s, 0.85s; } } /* HEADER MODIFICATION */ @media (max-width: 889px) { ul.audience_nav { margin-left: 0; padding-left: 0; } ul.audience_nav li { display: block; border-bottom: 1px solid #ededf2; padding: 12px 60px 12px 24px; width: 100%; text-align: left; } ul.audience_nav li a { font-size: 24px!important; } .media-body a { color: #fff; } .offcanvas.show { position: absolute; z-index: 10000; width: 100%; height: 100%; } .bi_main_nav { color: #1c3a6a!important; } .header-utility { display: flex; flex-direction: column; } .header-utility .audience_nav { order: 2; } .header-utility > ul { order: 3; padding-left: 0; margin-left: 0; margin-top: 24px; } .header-utility a { font-size: 18px!important; } } @media (min-width: 890px) and (max-width: 963px) { .audience_nav { float: left; margin-left: 0; padding-left: 0; top: 138px; position: absolute; } } @media (min-width: 890px) and (max-width: 1200px) { .header-user { top: 148px!important; } } /*! ---------- =header layout ---------- */ .header-logo { float: left; } @media (min-width: 890px) { .page-header { /* HEADER MODIFICATION */ /* padding-bottom: 72px; */ padding-bottom: 100px; } .page-header > .page-bounds, .page-header > .hero__content, .page-header > .alternate-background__content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .page-header__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-positive: 1; flex-grow: 1; } .header-nav { position: absolute; left: 0; right: 0; /* HEADER MODIFICATION */ /* top: 100%; */ top: 170px; background: #4d4d4f; } .header-logo { margin-right: 24px; } .header-logo__link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 120px; padding: 12px 0; } .header-logo__image { max-width: 226px; max-height: 100%; margin-top: 40px !important; } .header-utility { position: absolute; right: 0; top: 6px; } /*! sticky header */ .content { padding-top: 240px; } .page-header { transition: transform 0.2s ease; } /* Modify Header Scroll from Original -160px */ body.is-scrolled .page-header { -ms-transform: translateY(-1px); transform: translateY(-1px); } } @media (min-width: 890px) and (max-width: 1079px) { .header-nav { left: -48px; right: -48px; } } /*! ---------- =footer common ---------- */ .page-footer { padding: 0 24px; margin-top: 48px; } .page-footer .page-bounds, .page-footer .hero__content, .page-footer .alternate-background__content { position: relative; } @media (min-width: 890px) { .page-footer { padding: 0 48px; } } /*! ---------- =footer style ---------- */ .page-footer { padding-top: 24px; background: #0075bd; color: #fff; position: relative; } .page-footer::before { content: ''; display: block; height: 48px; position: absolute; left: -96px; right: -96px; bottom: 100%; background: inherit; border-radius: 50% 50% 0 0/48px 48px 0 0; } .page-footer a { color: #fff; font-weight: 500; } .page-footer a:hover, .page-footer a:focus { color: #fff; text-decoration: underline; } .page-footer .footer-trending__title, .page-footer .footer-actions__title { color: #fff; } .page-footer__secondary-content { padding: 0 24px 36px; margin: 48px -24px 0; border-top: 4px solid #f8992e; background: #4d4d4f; position: relative; } @media (min-width: 890px) { .page-footer { padding-top: 72px; } .page-footer__secondary-content { margin-left: -48px; margin-right: -48px; padding: 24px 48px 0; } } @media (min-width: 890px) and (max-width: 1079px) { .page-footer__secondary-content { padding-top: 48px; } } /*! ---------- =footer components ---------- */ .footer-logo { text-align: center; } .footer-logo a { display: inline-block; max-width: 100%; margin: 0 auto; } .footer-contact__label { display: inline-block; padding: 6px 12px; font-size: 20px; background: #f8992e; color: #fff; display: none !important; } @media (min-width: 890px) { .footer-contact__label { position: absolute; left: 50%; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); } } .footer-social__icon { display: inline-block; vertical-align: middle; padding: 3px; font-size: 24px; } @media (min-width: 890px) { .footer-social__icon { padding: 12px; font-size: 40px; } } .footer-trending__title { margin: 0; font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; opacity: 0.5; } .footer-utility__list { list-style: none; margin: 0; } .footer-utility__item { display: inline-block; vertical-align: middle; } .footer-utility__item a { display: block; padding: 6px; } @media (min-width: 480px) { .footer-utility__item a { padding: 6px 12px; } } .footer-actions__section { margin-bottom: 24px; } .footer-actions__title { font-size: 18px; line-height: 24px; margin-bottom: 12px; } .footer-actions__list { list-style: none; margin: 0 0 0 -12px; } .footer-actions__item { display: inline-block; vertical-align: middle; font-size: 14px; } .footer-actions__item a { display: block; padding: 6px; font-weight: 400; } @media (max-width: 479px) { .footer-actions__item { display: block; } } @media (min-width: 480px) { .footer-actions__item a { padding: 6px 12px; } } @media (min-width: 890px) { .footer-actions { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .footer-actions__section { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; vertical-align: top; } .footer-actions__list { margin-left: 0; } .footer-actions__item { display: block; } .footer-actions__item a { padding: 3px 0; } } @media (min-width: 1080px) { .footer-actions { -ms-flex-flow: row; flex-flow: row; } } @media (min-width: 1496px) { .footer-actions__section { -ms-flex: 1 1; flex: 1 1; } } .footer-copyright { margin: 0 -24px; padding: 24px 0; font-size: 16px; text-align: center; color: #4d4d4f; background: #fff; } .footer-copyright a { color: #4d4d4f; } .footer-copyright a:hover, .footer-copyright a:focus { color: #8fb839; } @media (min-width: 890px) { .footer-copyright { margin: 0 -48px; } } /*! ---------- =footer layout ---------- */ @media (max-width: 889px) { .page-footer { text-align: center; } .footer-logo img { max-height: 96px; } .footer-social, .footer-contact { margin-top: 24px; } .footer-actions { margin-top: 36px; } } @media (min-width: 890px) { .footer-actions { margin-right: -24px; } .footer-actions__section { padding-right: 24px; } .footer-logo, .footer-social, .footer-contact { margin-bottom: 24px; } .page-footer__secondary-content .page-bounds, .page-footer__secondary-content .hero__content, .page-footer__secondary-content .alternate-background__content { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } } @media (min-width: 890px) and (max-width: 1079px) { .footer-logo { float: left; margin-right: 24px; margin-bottom: 48px; } .footer-actions { clear: both; } } @media (min-width: 1080px) { .page-footer__content { width: 25%; float: left; padding-right: 6px; } .footer-actions { padding-left: 18px; } .footer-logo { margin-top: 30px; text-align: left; } } /* ---------- =interior common ---------- */ .page-title { color: #28282d; } .page-title + .breadcrumbs { margin-top: -24px; } /* ---------- =interior components ---------- */ .title-block { margin: -24px -24px 24px; padding: 36px 24px; background: #1c3a6a; position: relative; overflow: hidden; } .title-block::before { content: ''; display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; background: rgba(11, 35, 74, 0.5); z-index: 2; } .title-block__background img { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .title-block__content, .title-block__content a, .title-block .breadcrumbs a, .title-block .page-title { color: #fff; } .title-block__content { position: relative; text-shadow: 0 0 3px rgba(11, 35, 74, 0.5); z-index: 3; } .title-block__content a { font-weight: 700; } .title-block .breadcrumbs a { font-weight: 400; } .title-block__content a:hover, .title-block__content a:focus, .title-block .breadcrumbs a:hover, .title-block .breadcrumbs a:focus { color: #fff; text-decoration: underline; } .title-block .page-title { text-shadow: 0 0 16px rgba(11, 35, 74, 0.4), 0 0 3px rgba(11, 35, 74, 0.3); } .title-block .breadcrumbs { margin-bottom: 0; } @media (min-width: 890px) { .title-block { margin: -84px -48px 48px; padding: 156px 48px 72px; } .title-block::before { width: 75%; background: linear-gradient(to right, #0b234a, rgba(11, 35, 74, 0)); opacity: 0.5; } } @media (min-width: 1080px) { .title-block { padding-top: 132px; padding-bottom: 96px; } } .breadcrumbs { font-size: 16px; margin-bottom: 24px; } .breadcrumbs a { color: #4d4d4f; opacity: 0.9; } .breadcrumbs a:hover, .breadcrumbs a:focus { color: #8fb839; opacity: 1; } .breadcrumbs span { display: inline-block; margin: 0 0.3em; opacity: 0.4; } .in-this-section a { display: block; padding: 6px 0; color: #1c3a6a; } .in-this-section ul { list-style: none; margin: 0; } .in-this-section ul ul { display: none; padding-left: 24px; } .in-this-section ul ul a { font-size: 16px; } .in-this-section .is-current > ul { display: block; } .in-this-section .is-current > a { color: #8fb839; } @media (max-width: 1079px) { .in-this-section__toggle { display: block; width: 100%; margin-bottom: 24px; text-align: left; } .no-js .in-this-section__toggle { display: none; } .js .in-this-section > ul { display: none; } .js .in-this-section > ul.is-active { display: block; margin-top: 12px; } } @media (min-width: 1080px) { .in-this-section__toggle { display: none; } .interior-layout .in-this-section { margin-top: -6px; } } /* ---------- =interior layout ---------- */ .interior-layout__nav, .interior-layout__main { margin-bottom: 24px; } @media (min-width: 1080px) { .interior-layout__nav { margin-bottom: 0; } .interior-layout__nav > *:last-child { margin-bottom: 48px; } .interior-layout__title { margin-bottom: 24px; } .interior-layout__main { margin-bottom: 48px; } .interior-layout__nav, .interior-layout__aside { width: 30%; float: right; clear: right; overflow: hidden; position: relative; z-index: 2; } .interior-layout__main { width: 70%; padding-right: 48px; float: left; } } /*! ---------- =buttons ---------- */ .button { display: inline-block; vertical-align: middle; padding: 12px 36px; border-radius: 3px; text-align: center; font-size: 18px; font-weight: 400; line-height: 24px; color: #fff; background: #0b234a; transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out; } .button:hover, .button:focus { color: #fff; background-color: #1c3a6a; -ms-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); } .button:focus { outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } .button:active { -ms-transform: translateY(0); transform: translateY(0); box-shadow: none; transition: none; } .button--large { display: block; width: auto; max-width: 100%; } .button--large + .button--large { margin-left: 0; margin-top: 12px; } .button--small { padding: 6px 24px; font-size: 16px; } .button--highlight { background-color: #8fb839; } .button--highlight:hover, .button--highlight:focus { background-color: #9cc545; } .button--action { background-color: #f8992e; } .button--action:hover, .button--action:focus { background-color: #f9a547; } .button--warn { background-color: #941; } .button--warn:hover, .button--warn:focus { color: #941; background-color: #b04e14; } .button--cancel { font-size: 16px; font-weight: 400; color: #4d4d4f; background: #fff; border: 1px solid #d5d5db; } .button--cancel:hover, .button--cancel:focus { color: #1c3a6a; border-color: #1c3a6a; background: #fff; } @media (min-width: 890px) { .button { font-size: 20px; font-weight: 300; } } .button-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: -12px; margin-right: -6px; margin-left: -6px; } .button-group > .button { -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 12px 6px 0; } /*! ---------- =lists ---------- */ .item-list { list-style: none; margin-left: 0; } .item-list:not(:last-child) { margin-bottom: 48px; } .item-list + .button { margin-top: -24px; } .item-list__item + .item-list__item { margin-top: 24px; } .item-list__thumbnail { display: block; width: 120px; max-width: 33%; float: left; margin-right: 24px; } .item-list__content { overflow: hidden; } .item-list__title { font-family: "Montserrat", "Montserrat", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 24px; margin: 0; color: #f8992e !important; } .item-list__title:hover, .item-list__title:focus { color: #8fb839; } .item-list__date { margin: 6px 0 0; font-family: "Montserrat", "Montserrat", Helvetica, Arial, sans-serif; font-style: italic; opacity: 0.7; } .item-list__description { margin: 6px 0 0; } @media (max-width: 479px) { .item-list__thumbnail { float: none; margin: 0 auto 12px; } } /*! grid-style lists */ .item-list--grid .item-list__thumbnail { width: 100%; max-width: 100%; float: none; margin: 0 auto 12px; } .item-list--grid .item-list__thumbnail img { width: 100%; } .item-list--grid .item-list__item + .item-list__item { margin-top: 0; } /*! ---------- =tabs ---------- */ .tabs--standard:not(:last-child) { margin-bottom: 48px; } .tabs--standard .tabs__tab { display: inline-block; vertical-align: bottom; padding: 12px; margin-bottom: -1px; border: 1px solid #ededf2; color: #4d4d4f; background: #ededf2; opacity: 0.9; position: relative; z-index: 2; cursor: pointer; } .tabs--standard .tabs__tab.is-active { background: #fff; border-bottom-color: #fff; color: #8fb839; } .tabs--standard .tabs__tab:focus { outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } .tabs--standard .tabs__pane { border: 1px solid #ededf2; padding: 24px; display: none; } .tabs--standard .tabs__pane.is-active { display: block; } .tabs--vertical { margin-bottom: 48px; } .tabs--vertical .tabs__tab { background: #ededf2; padding: 12px; } .tabs--vertical .tabs__tab.is-active { color: #8fb839; background: #fff; } .tabs--vertical .tabs__tab:focus { outline: 1px dashed #1c3a6a; outline-offset: -6px; } .js .tabs--vertical .tabs__pane:not(.is-active) { display: none; } @media (min-width: 480px) { .tabs--standard .tabs__tab { padding: 18px 24px; font-weight: 600; } } @media (max-width: 889px) { .tabs--standard, .tabs--vertical { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } .tabs--standard .tabs__tab, .tabs--standard .tabs__pane, .tabs--vertical .tabs__tab, .tabs--vertical .tabs__pane { -ms-flex: 0 0 auto; flex: 0 0 auto; } .tabs--standard .tabs__tab, .tabs--vertical .tabs__tab { -ms-flex-order: 1; order: 1; border: 1px solid #ededf2; } .tabs--standard .tabs__tab ~ .tabs__tab, .tabs--vertical .tabs__tab ~ .tabs__tab { margin-top: 6px; } .tabs--standard .tabs__tab.is-active, .tabs--vertical .tabs__tab.is-active { border-color: #d5d5db #d5d5db #ededf2; } .tabs--standard .tabs__tab:nth-child(2), .tabs--vertical .tabs__tab:nth-child(2) { -ms-flex-order: 3; order: 3; } .tabs--standard .tabs__tab:nth-child(3), .tabs--vertical .tabs__tab:nth-child(3) { -ms-flex-order: 5; order: 5; } .tabs--standard .tabs__tab:nth-child(4), .tabs--vertical .tabs__tab:nth-child(4) { -ms-flex-order: 7; order: 7; } .tabs--standard .tabs__tab:nth-child(5), .tabs--vertical .tabs__tab:nth-child(5) { -ms-flex-order: 9; order: 9; } .tabs--standard .tabs__tab:nth-child(6), .tabs--vertical .tabs__tab:nth-child(6) { -ms-flex-order: 11; order: 11; } .tabs--standard .tabs__tab:nth-child(7), .tabs--vertical .tabs__tab:nth-child(7) { -ms-flex-order: 13; order: 13; } .tabs--standard .tabs__tab:nth-child(8), .tabs--vertical .tabs__tab:nth-child(8) { -ms-flex-order: 15; order: 15; } .tabs--standard .tabs__tab:nth-child(9), .tabs--vertical .tabs__tab:nth-child(9) { -ms-flex-order: 17; order: 17; } .tabs--standard .tabs__tab:nth-child(10), .tabs--vertical .tabs__tab:nth-child(10) { -ms-flex-order: 19; order: 19; } .tabs--standard .tabs__pane, .tabs--vertical .tabs__pane { -ms-flex-order: 2; order: 2; padding: 24px 12px; border: 1px solid #d5d5db; border-top-width: 0; } .tabs--standard .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane { -ms-flex-order: 4; order: 4; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 6; order: 6; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 8; order: 8; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 10; order: 10; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 12; order: 12; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 14; order: 14; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 16; order: 16; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 18; order: 18; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 20; order: 20; } } @media (min-width: 890px) { .tabs--standard { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; } .tabs--standard::before { /* remove sf pseudoel that messes with space-between */ display: none !important; } .tabs--standard .tabs__tab { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 18px 24px; } .tabs--standard.tabs--2 .tabs__tab { width: 48%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-preferred-size: calc(50% - 6px); flex-basis: calc(50% - 6px); } .tabs--standard.tabs--3 .tabs__tab { width: 31%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; -ms-flex-preferred-size: calc(33.3% - 6px); flex-basis: calc(33.3% - 6px); } .tabs--standard.tabs--4 .tabs__tab { width: 22%; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-preferred-size: calc(25% - 6px); flex-basis: calc(25% - 6px); } .tabs--standard.tabs--5 .tabs__tab { width: 17%; -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-preferred-size: calc(20% - 6px); flex-basis: calc(20% - 6px); } .tabs--standard.tabs--6 .tabs__tab { width: 14%; -ms-flex-preferred-size: 17%; flex-basis: 17%; -ms-flex-preferred-size: calc(17% - 6px); flex-basis: calc(17% - 6px); } .tabs--standard .tabs__pane { -ms-flex: 1 0 100%; flex: 1 0 100%; } .tabs--vertical .tabs__tab { width: 300px; float: left; clear: left; padding: 11px 17px; margin-bottom: 6px; border: 1px solid #ededf2; border-right-color: #d5d5db; box-shadow: inset 6px 0 0 #d5d5db; cursor: pointer; } .tabs--vertical .tabs__tab.is-active { background: #fff; border-color: #d5d5db #fff #d5d5db #d5d5db; box-shadow: inset 6px 0 0 #8fb839; cursor: default; } .tabs--vertical .tabs__pane { padding: 24px; background: #fff; border-left: 299px solid #fff; box-shadow: inset 0 0 0 1px #d5d5db; } .tabs--vertical .tabs__pane::after { content: ''; display: table; clear: both; margin: 30px 0 -30px; } } .accordion:not(:last-child) { margin-bottom: 48px; } .accordion__label { display: block; padding: 12px; background: #fff; border: 1px solid #ededf2; color: #4d4d4f; font-weight: 600; font-size: 16px; cursor: pointer; overflow: hidden; } .accordion__label .fa-arrow-right { margin-left: 0.4em; transition: transform 0.15s ease-out; } .accordion__label:hover, .accordion__label:focus { color: #8fb839; } .accordion__label.is-active { color: #1c3a6a; border-color: #1c3a6a #1c3a6a #ededf2 #1c3a6a; background: #f7f7f7; } .accordion__label.is-active .fa-arrow-right { -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion__label:focus { outline: 1px dashed rgba(128, 128, 128, 0.3); outline-offset: -6px; } .accordion__label ~ .accordion__label { margin-top: 6px; } .accordion__content { border: 1px solid #1c3a6a; border-top: none; padding: 24px 12px; transition: all 0.2s ease-out; overflow: hidden; } .js .accordion__content:not(.is-active) { max-height: 0; padding-top: 0; padding-bottom: 0; border-width: 0 1px; visibility: hidden; opacity: 0; } .pagination { list-style: none; margin: 0 0 24px; } .pagination .overview { display: block; font-size: 16px; margin-bottom: 10px; } .pagination li { display: inline-block; margin-bottom: 0.2em; } .pagination li a { display: block; width: 36px; padding: 6px 0; text-align: center; color: #4d4d4f; background: #ededf2; font-size: 16px; } .pagination li a:hover, .pagination li a:focus { color: #fff; background: #8fb839; } .pagination .active a { font-weight: 700; color: #fff; background: #1c3a6a; } @media (min-width: 940px) { .pagination .overview { display: inline-block; margin-right: 1.5em; } } /*! ---------- =code and =syntax highlighting ---------- */ pre,code { font-family: "Inconsolata", monospace; font-size: 16px; line-height: 24px; } pre { display: block; padding: 24px 12px; border: 1px solid #e1e1e9; color: #222; background: white; overflow-y: auto; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); position: relative; } pre:not(:last-child) { margin-bottom: 24px; } pre::before { content: attr(rel); font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; color: #a4aec2; position: absolute; top: 2px; right: 12px; } p > code,li > code { background: #f9f9fb; font-style: normal; } p > code::before,p > code::after,li > code::before,li > code::after { content: ''; display: inline-block; width: 0.5em; } /*! syntax highlighting through prism: http://prismjs.com/index.html* the following is based off the default theme */ pre[class*="language-"] { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .namespace { opacity: 0.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #dd4a68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /*! ---------- =hero ---------- */ .hero { position: relative; margin-bottom: 48px; border-bottom: 12px solid #8fb839; margin-top: -24px; } .hero:last-child { margin-bottom: 0; } .hero .tabs__pane { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; opacity: 0; transition: opacity 0.9s ease; } .hero .tabs__pane.is-next { z-index: 3; } .hero .tabs__pane.is-active { z-index: 4; opacity: 1; } .hero__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .hero__content { padding: 96px 24px; position: relative; z-index: 3; } .hero__title, .hero__description { color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } .hero__actions { margin-top: 24px; } @media (max-width: 479px) { .hero__action { display: block; } .hero__action + .hero__action { margin-top: 12px; } .hero__title { font-size: 8vw; line-height: 1.1; } } @media (min-width: 480px) { .hero__action + .hero__action { margin-left: 12px; } } @media (max-width: 889px) { .hero::before { content: ''; display: block; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; } .hero .tabs__pane:first-child { position: relative; } .hero__title { text-align: center; } .hero__actions { text-align: center; } } @media (min-width: 890px) { .hero { padding: 0; height: 600px; border-bottom-width: 36px; margin-top: -84px; } .hero__content { max-width: 60%; position: absolute; right: 0; bottom: 24px; padding: 36px 96px 36px 48px; text-align: right; /* Removed Grey Background */ /*background: rgba(77, 77, 79, 0.8); */ background: none !important; } .hero__content::before { content: ''; display: block; width: 8px; position: absolute; top: 36px; bottom: 36px; right: 48px; background: #f8992e; } .hero__title { font-size: 48px; line-height: 1.1; text-shadow: none; } .hero__subtitle { margin-top: 6px; font-size: 32px; } } @media (min-width: 1080px) { .hero__content { right: 48px; } } @media (min-width: 1496px) { .hero__content { max-width: 840px; right: calc((100vw - 1400px) / 2); } } .horizontal { margin-bottom: 24px; margin-left: 60px; margin-right: 60px; position: relative; } .horizontal__scroller { overflow: hidden; overflow-x: auto; scrollbar-width: thin; scrollbar-gutter: stable; scroll-behavior: smooth; padding-bottom: 12px; } .horizontal__image { margin-bottom: 12px; } .horizontal__content { display: flex; gap: 24px; } .horizontal__content--align-top { align-items: flex-start; } .horizontal__content--align-bottom { align-items: flex-end; } .horizontal__content--align-center { align-items: center; } .horizontal__item { display: flex; flex-direction: column; justify-content: center; flex: 0 0 calc((100% - 48px) / 4); } .horizontal__item--stretch { align-self: stretch; } .horizontal__item--center { align-self: center; } .horizontal__item--top { align-self: flex-start; } .horizontal__item--bottom { align-self: flex-end; } .horizontal__content--pack .horizontal__item { flex-basis: auto; } .horizontal__control { background: #1c3a6a; align-items: center; border-radius: 50%; color: #ffffff; display: flex; flex-direction: column; justify-content: center; text-align: center; height: 48px; position: absolute; top: 50%; margin-top: -12px; transform: translateY(-50%); transition: background 0.15s ease-out; width: 48px; z-index: 3; } .horizontal__control:hover, .horizontal__control:focus { background: #1c3a6a; color: #ffffff; } .horizontal__control--left { left: -60px; } .horizontal__control--right { right: -60px; } .horizontal--is-at-start .horizontal__control--left, .horizontal--is-at-start .horizontal__control--left:hover, .horizontal--is-at-start .horizontal__control--left:focus, .horizontal--is-at-end .horizontal__control--right, .horizontal--is-at-end .horizontal__control--right:hover, .horizontal--is-at-end .horizontal__control--right:focus { color: #CECECE; background: #EDEDED; cursor: default; } .horizontal--stories .horizontal__item { flex-basis: 100%; } @media (max-width: 767.97px) { .horizontal__item { flex-basis: calc((100% - 24px) / 2); } } @media (max-width: 479.97px) { .horizontal__item { flex-basis: 80%; } } @media (min-width: 1472px) { .horizontal:not(.to-screen-edges) .horizontal__control--left { left: -60px; } .horizontal:not(.to-screen-edges) .horizontal__control--right { right: -60px; } } .alternate-background { padding: 48px 24px; background: #ededf2; position: relative; overflow: hidden; } .alternate-background:not(:last-child) { margin-bottom: 48px; } .alternate-background__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; } .alternate-background__image img { max-width: none; min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.2; } .alternate-background__content { position: relative; z-index: 2; } @media (min-width: 890px) { .alternate-background { padding: 96px 48px; } } /*! use parallax */ .alternate-background--parallax .alternate-background__image { top: -10vw; bottom: -10vw; } /*! ---------- =homepage ---------- */ .home-tabs .tabs__tab, .home-tabs .tabs__tab.is-active { background: #1c3a6a; color: #fff; border: none; } .home-tabs .tabs__tab { padding: 24px 24px; margin: 0; } .home-tabs .tabs__pane { border: none; padding: 48px 0; } .home-tabs .tabs__pane .alternate-background { margin-top: -48px; margin-bottom: -48px; } .home-tabs__tab { font-weight: 500; } .home-tabs__tab.is-active::after { content: ''; display: block; height: 6px; margin-top: 12px; background: #f8992e; } .home-tabs__tab strong { display: block; margin-bottom: 12px; font-size: 24px; font-weight: 300; } @media (max-width: 889px) { .home-tabs .tabs__tab { margin-left: -24px; margin-right: -24px; } .home-tabs__tab-sizer { min-height: 0 !important; } } @media (min-width: 890px) { .home-tabs { background: #1c3a6a; box-shadow: 794px 0 0 #1c3a6a, -794px 0 0 #1c3a6a; } .home-tabs + .home-tabs { margin-top: -48px; } .home-tabs__tab { text-align: center; } .home-tabs__tab.is-active::after { height: 12px; margin-top: 24px; } .home-tabs__tab strong { font-size: 40px; line-height: 48px; margin-bottom: 12px; } .home-tabs.tabs--2 { -ms-flex-pack: start; justify-content: flex-start; } .home-tabs.tabs--2 .home-tabs__tab { -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; width: 33.3%; } .home-tabs.tabs--3 .home-tabs__tab-sizer, .home-tabs.tabs--3 .home-tabs__tab.is-active::after { max-width: 240px; margin-left: auto; margin-right: auto; } .home-tabs__pane { background: #ededf2; box-shadow: 794px 0 0 #ededf2, -794px 0 0 #ededf2; } .home-tabs__pane .grid__unit { padding-bottom: 0; } } .home-grid { width: auto !important; } .home-feature__nav { position: absolute; z-index: 5; } .home-feature__nav button { background: none; border: none; } .home-feature__nav__item { display: inline-block; vertical-align: middle; width: 30px; height: 30px; overflow: hidden; text-indent: 200%; white-space: nowrap; color: transparent; position: relative; } .home-feature__nav__item::before { content: ''; display: block; width: 17px; height: 17px; background: transparent; border: #93bd00 solid 2px; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; opacity: 1; -webkit-transition: all 0.14s ease-out; transition: all 0.14s ease-out; } .home-feature__nav__item:hover::before { background: #93bd00; opacity: 1; } .home-feature__nav__item.is-active::before { background: #93bd00; opacity: 1; } .home-feature.is-playing .home-feature__play, .home-feature:not(.is-playing) .home-feature__pause { display: none; } .home-feature__pause, .home-feature__play { width: 30px; padding: 6px 0; text-align: center; opacity: 0.5; } .home-feature__pause:hover, .home-feature__play:hover { opacity: 1; } .home-feature__pause .icon-pause { display: inline-block; width: 12px; height: 12px; } .home-feature__play { display: inline-block; } @media (max-width: 959px) { .home-feature__nav { width: 30px; position: absolute; right: 12px; top: 24px; } } @media (min-width: 768px) and (max-width: 959px) { .home-feature__nav { top: 35%; } } @media (min-width: 960px) { .home-feature__nav { position: absolute; bottom: 30px; left: 150px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 1199px) { .home-feature__prev, .home-feature__next { display: none; } } @media (min-width: 1200px) { .home-feature__nav { left: 45%; bottom: 35px; } .home-feature__prev, .home-feature__next { position: absolute; top: 60%; top: calc(50% + 95px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.2; z-index: 4; } .home-feature__prev { left: 12px; } .home-feature__next { right: 12px; } } @media (min-width: 1440px) { .home-feature__prev { left: 5%; } .home-feature__next { right: 5%; } } /*! ---------- =sitefinity ---------- */ .sys-template { display: none; } .sfContentBlock { margin-bottom: 24px; } .sfContentBlock:last-child { margin-bottom: 0; } /* For Solr debug */ .debug-url { background-color: #efe; border: 2px solid #2c2; padding: 12px; margin-bottom: 24px; word-wrap: break-word; } /*! make page builder layout more friendly to edit */ .sfPageEditor .page-header, .sfPageEditor .header-logo, .sfPageEditor .page-header-overlay-container, .sfPageEditor .page-header__content, .sfPageEditor .header-utility, .sfPageEditor .header-nav, .sfPageEditor .title-block, .sfPageEditor .title-block__background, .sfPageEditor .title-block__content, .sfPageEditor .page-footer, .sfPageEditor .footer-logo, .sfPageEditor .footer-social, .sfPageEditor .footer-contact, .sfPageEditor .footer-utility, .sfPageEditor .footer-copyright, .sfPageEditor .home-tabs > .sf_colsIn { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 20px !important; float: none !important; position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; } .sfPageEditor .page-header > .page-bounds { display: block; /* remove flexbox layout for the editor */ } .sfPageEditor .content { padding-top: 48px; } .sfPageEditor .title-block::before { display: none !important; } .sfPageEditor .title-block__background, .sfPageEditor .title-block__content { position: static !important; } .sfPageEditor .alternate-background__image { position: static !important; overflow: visible !important; -ms-transform: none !important; transform: none !important; } .sfPageEditor .alternate-background__image img { max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; position: static !important; -ms-transform: none !important; transform: none !important; } /* space form builder fields */ .sf-fieldWrp > input, .sf-fieldWrp > select, .sf-fieldWrp > textarea, .sf-fieldWrp > div > input, .sf-fieldWrp > div > select, .sf-fieldWrp > div > textarea { margin-bottom: 20px !important; } .sf_colsIn > .sf-fieldWrp > input:last-child, .sf_colsIn > .sf-fieldWrp > select:last-child, .sf_colsIn > .sf-fieldWrp > textarea:last-child { margin-bottom: 0 !important; } .sfInlineEditingPageMenu .sfInlineEditingToggleLnk { z-index: 1001 !important; } /* user-friendly tabs layout modules */ .sfPageEditor [data-edit-label]::before { content: "[" attr(data-edit-label) "]"; font-size: 14px; opacity: 0.3; } .tabs.sf_cols { margin-left: 0 !important; margin-right: 0 !important; overflow-anchor: none; } .tabs__tab > .sf_colsIn, .tabs__pane > .sf_colsIn { margin: 0 !important; overflow-anchor: none; } .sfPageEditor .tabs--standard .tabs__tab { width: 100% !important; float: none !important; } .sfPageEditor .tabs.sf_cols .tabs__pane { display: block !important; } /*! ---------- =print ---------- */ @media print { .page-header__toggle, .header-search, .header-utility, .header-nav, .in-this-section, .footer-logo, .footer-social, .footer-utility, .home-feature, .breadcrumbs, .share-buttons, .truncator-expand { display: none !important; } body { background: #fff; } @page { margin: 0.5in; } @page :first { margin-top: 1in; } @page :last { margin-bottom: 1in; } .page-bounds, .hero__content, .alternate-background__content { max-width: 100%; } .page-header, .content, .page-footer { padding-left: 0; padding-right: 0; } h1,h2,h3,h4 { page-break-after: avoid; } blockquote,img,table,pre { page-break-inside: avoid; } ul,ol,dl { page-break-before: avoid; } .header-logo { float: none; max-width: 150px; margin: 0 auto; padding: 0; } .page-footer { border-top: 1px solid #ededf2; } .footer-contact { text-align: center; } .interior-layout__title, .interior-layout__nav, .interior-layout__main, .interior-layout__aside { float: none; width: auto; padding-left: 0; padding-right: 0; } .interior-layout__aside { border-top: 1px solid #d5d5db; padding-top: 48px; } .page-title { text-align: center; } .content a[href]:not([href^="#"]) { word-wrap: break-word; box-shadow: 0 2px 0 #1c3a6a; color: #4d4d4f; font-weight: 700; } .content a[href]:not([href^="#"])::after { content: " (" attr(href) ") "; font-size: 0.85em; color: #666669; } .tabs__pane { display: block !important; } .accordion__content { max-height: none !important; visibility: visible !important; opacity: 1 !important; } [data-truncate-to] { max-height: none !important; overflow: visible !important; } [data-truncate-to*="item"] > * { display: initial !important; } } /* Custom */ .item-list__title { color: #f8992e !important; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .HomePageVideo { display: none !important; } } @media (max-width: 1240px) { .HomePageVideo { display: none !important; } } .pull-quote-custom-left { padding: 0 0 0 50px; margin: 20px; border: solid #5c7e14; border-width: 0 0 0 2px; font-size: 14px; line-height: 30px; font-weight: 300; margin-left: 50px; } /* Search */ input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } .page-search__label input[type="text"]:focus, .page-search__label input[type="text"] { color: #fff; font-weight: normal; font-size: 14px; padding: 7px 10px; border: #fff solid 1px; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .page-search { position: relative; } .page-search__label input { margin-bottom: 0; font-size: 15px; line-height: 24px; color: #fff; border-color: rgba(255, 255, 255, 1.0); } .page-search__label input:focus { border-color: #fff; color: #fff; } .page-search__label input::-webkit-input-placeholder { color: rgba(255, 255, 255, 1.0); font-style: italic; } .page-search__label input::-moz-placeholder { color: #fff !important; font-style: italic; } .page-search__label:-ms-input-placeholder { color: rgba(255, 255, 255, 1.0); font-style: italic; } .page-search input::placeholder { color: rgba(255, 255, 255, 1.0); font-style: italic; } .page-search button { position: absolute; right: 0; top: 0; padding: 12px; opacity: 0.8; } .page-search button:hover, .page-search button:focus { opacity: 1; } .page-search button img { width: 14px; height: 14px; } @media (min-width: 750px) and (max-width: 959px) { .page-search { flex: 1 0 100%; } } @media (max-width: 959px) { .page-search__label { display: block; height: 42px; width: 200px; margin: 0; position: relative; background: #1c3a6a url("/images/default-source/site-design/icon-search.png?sfvrsn=6e453dd3_2") no-repeat 90% 50%; background-size: auto; background-size: 15px 15px; cursor: pointer; transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out; top: -25px; left: 50%; transform: translateX(-50%); } } @media (min-width: 960px) { .page-search { display: inline-block; vertical-align: middle; margin: 0 0 0 6px; } .page-search__label { display: block; height: 42px; width: 300px; margin: 0; position: relative; background: transparent url("/images/default-source/site-design/icon-search.png?sfvrsn=6e453dd3_2") no-repeat 90% 50%; background-size: auto; background-size: 15px 15px; cursor: pointer; transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out; /* HEADER MODIFICATION */ /* top -25, left 47% default setting */ top: 25px; /* HEADER MODIFICATION */ /* ADD FLOAT RIGHT */ float: right; } .page-search__label.is-focused { background-color: #059cbd; box-shadow: inset 1px 0 0 #47dafa, inset 0 1px 0 #47dafa, inset 0 -1px 0 #47dafa; } .page-search input { width: 407px; padding: 8px 12px; position: absolute; right: 100%; margin-right: -42px; border-left-width: 0; top: 0; background: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: all 0.14s ease-out; } .page-search input:focus { border-color: rgba(255, 255, 255, 1.0); } .page-search input:not(:focus) { width: 1px; opacity: 1; border-color: transparent; } } @media (min-width: 889px) and (max-width: 1050px) { .page-search__label { top: 80px; left: 75%; position: absolute; background: transparent url("/images/default-source/site-design/icon-search.png?sfvrsn=6e453dd3_2") no-repeat 90% 40%; background-size: auto; background-size: 15px 15px; } .page-search input { width: 150px; padding: 2px 12px; } input[type="text"]:focus, .page-search__label input[type="text"] { padding: 2px 10px; } } @media (min-width: 889px) and (max-width: 959px) { .page-search__label { left: 85%; } } .search-current-tags { margin-bottom: 25px; } #Searchrefine { margin-bottom: 25px; } .page-search__label { /* display: none !important; */ } /* Hero Title Resize Custom */ .hero__title { font-size: 36px !important; line-height: 1.1; font-weight: 600; } .hero__subtitle { font-size: 26px !important; } /* Page Detail Item List Spacing for Date */ .item_list__date { margin-bottom: 25px; } /* .sf-Long-text { margin-top: 15px; } */ /* Video Responsive */ .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .header-utility__item a[href="/donate"] { color: #ffff; background-color: #f8992e; padding: 2px 5px 2px 5px; } .header-utility__item a[href="/menu"] { color: #ffff; background-color: #8fb839; padding: 2px 5px 2px 5px; } .left-line { background: #fff; border-color: #d5d5db #fff #d5d5db #d5d5db; box-shadow: inset 6px 0 0 #8fb839; cursor: default; margin-right: 30px; } p.left-line { padding-left: 20px; } .alternate-background__content { margin-top: 50px !important; } li.media { list-style: none; } /* footer updates */ .page-footer::before { content: ''; display: block; height: 24px; position: absolute; left: 0px !important; right: 0px !important; bottom: 100%; background: inherit; border-radius: 0 !important; overflow: hidden; } /* Homepage Hero */ .home-feature__nav__item::before { content: ''; display: block; width: 17px; height: 17px; background: transparent; border: #f8992e solid 2px !important; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; opacity: 1; -webkit-transition: all 0.14s ease-out; transition: all 0.14s ease-out; } .home-feature__nav__item:hover::before { background: #f8992e !important; opacity: 1; } .home-feature__nav__item.is-active::before { background: #f8992e !important; opacity: 1; } /* */ .sfContentBlock { } /* Nav Text Spacing Update */ .header-nav > ul > li > a, .header-nav div > ul > li > a { font-weight: 500; /* color: #fff; */ line-height: 18px !important; } /* Bootstrap Icons */ .bi_main_nav { color:#ffffff; font-size: 30px; padding-left: 20px; cursor: pointer; } .bi_main_nav:hover, .bi_main_nav:focus { color: #8fb839; } /* Login Region Override */ /* @media (min-width: 1200px) { .header-user { display: none !important; position: absolute; top: 11px; right: 10px; color: #fff; font-size: 12px; } } */ .header_tagline_text { color: #fff; font-family: "Cabin", "Montserrat", Helvetica, Arial, sans-serif; font-size: 16px; text-decoration: none; } .header_tagline_text a { color: #fff; text-decoration: none; } .header_subtagline_text { color: #CDCDCD; font-family: "Cabin", "Montserrat", Helvetica, Arial, sans-serif; font-size: 16px; text-decoration: none; } .header_subtagline_text a:hover, .header_subtagline_text a:focus { color: #8fb838; } @media (min-width: 890px) { .header-user .btn.btn-default { color: #fff; } .header-user:hover { color: #999; } .header-user a { color: #fff; } } a { text-decoration: none !important; } /* Footer adjustment up */ a.footer--logo--top { margin-top: -30px; } /* Nav Color Update for Menu and Donate */ .header-utility__item a[href="/header-utility/contact-d"] { color: #ffff; background-color: #f8992e; padding: 2px 5px 2px 5px; } .header-utility__item a[href="/header-utility/menu"] { color: #ffff; background-color: #8fb839; padding: 2px 5px 2px 5px; } sf-app.sf-app .sf-input.-clearable .sf-input__field { color: #4d4d4f !important; } .action, h1.action, h2.action, h3.action { color: #f8992e; } .acsi, h1.acsi, h2.acsi, h3.acsi { color: #0075bd; }