/* Minification failed. Returning unminified contents. (4572,10): run-time error CSS1030: Expected identifier, found '>' (4572,36): run-time error CSS1031: Expected selector, found ')' (4572,36): run-time error CSS1025: Expected comma or open brace, found ')' */ @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Prevent AngularJS flicker */ .ng-hide { display: none; } /* Fix for Windows 8/IE viewport issue ******************************************************/ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* Over-writing browser styles ******************************************************/ html { scroll-behavior: smooth; scroll-padding-top: 5rem; /* mobile devices has not fixed menu therefore we do not need scroll padding */ } @media (max-width: 1023px) { html { scroll-padding-top: 0; } } * { box-sizing: border-box; } img { vertical-align: middle; visibility: hidden; max-width: 100%; height: auto; } img[src] { visibility: visible; } textarea { resize: vertical; } iframe { max-width: 100%; } .ta-iframe iframe { width: 100%; height: 1000; } input[type=text]::-ms-clear { width: 0; height: 0; } /* Text Styles ******************************************************/ body { font-size: 16px; font-size: 1rem; font-family: "Open Sans", sans-serif; line-height: 24px; line-height: 1.5rem; font-weight: 400; background: #fff; color: #2d2d2d; overflow-x: hidden; -webkit-font-smoothing: antialiased; } a { color: #0062a1; text-decoration: none; cursor: pointer; } a:hover { color: #0072bc; text-decoration: underline; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0 0 15px; } h1, h2, h3, h4, h5, h6 { font-family: "din-2014", sans-serif; line-height: 1.2; font-variant-ligatures: none; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: inherit; } h1 { color: #2d2d2d; font-weight: 700; font-size: 60px; font-size: 3.75rem; } h2 { color: #2d2d2d; font-weight: 700; font-size: 48px; font-size: 3rem; } h3 { font-weight: 700; font-size: 32px; font-size: 2rem; } body[data-brand=DIST] h3 { color: #245f9b; } body[data-brand=NLC] h3 { color: #568118; } body[data-brand=NVC] h3 { color: #713e94; } body[data-brand=SPC] h3 { color: #2c4aa0; } body[data-brand=PAC] h3 { color: #4c806d; } body[data-brand=SAC] h3 { color: #c9362f; } h4 { color: #2d2d2d; font-weight: 700; font-size: 24px; font-size: 1.5rem; } h5 { font-size: 20px; font-size: 1.25rem; } body[data-brand=DIST] h5 { color: #1e4f81; } body[data-brand=NLC] h5 { color: #416f06; } body[data-brand=NVC] h5 { color: #60357e; } body[data-brand=SPC] h5 { color: #182878; } body[data-brand=PAC] h5 { color: #01766e; } body[data-brand=SAC] h5 { color: #9a1519; } h6 { color: #2d2d2d; font-size: 17.6px; font-size: 1.1rem; } .largeText { padding: 20px 0 15px; font-size: 40px; font-size: 2.5rem; font-family: "din-2014", sans-serif; line-height: 1.2; font-weight: 700; color: #2d2d2d; } hr { display: block; border: 0; border-top: 1px solid #fff; margin: 5px 0 20px; padding: 0; } .isHidden { display: none !important; } /* Styles for screen readers ******************************************************/ .Hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } @media print { * { color: #000 !important; } } /* jquery-ui over-write */ .ui-widget { font-size: 1em; } @media screen and (max-width: 499px) { .CustomModal { width: 100%; padding: 50px 15px; } } .CustomModal[data-state=off] { visibility: hidden; opacity: 0; } /* TODO: Temporary school switcher; remove for production */ @media screen and (min-width: 1024px) { .switchSchool { position: fixed; z-index: 10000; width: 125px; top: 10px; left: calc(50% - 62px); } } .clear:after { content: ""; display: table; width: 100%; clear: both; } .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } body[data-brand=DIST] .hide-DIST { display: none !important; } body[data-brand=DIST] .hide-ACD { display: none !important; } body[data-brand=NLC] .hide-NLC { display: none !important; } body[data-brand=NVC] .hide-NVC { display: none !important; } body[data-brand=SPC] .hide-SPC { display: none !important; } body[data-brand=PAC] .hide-PAC { display: none !important; } body[data-brand=SAC] .hide-SAC { display: none !important; } .grid-container { display: -ms-grid; display: grid; width: 100%; -ms-grid-columns: 24% 76%; grid-template-columns: 24% 76%; -ms-grid-rows: auto; grid-template-rows: auto; grid-template-areas: "DZ_1 DZ_1" "Breadcrumbs Breadcrumbs" "Sidebar TwoColWrapper" "DZ_4 DZ_4"; } @media screen and (max-width: 1232px) { .grid-container { padding: 0 18px; } } @media screen and (max-width: 1023px) { .grid-container { padding: 0; } } @media screen and (max-width: 1023px) { .grid-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "DZ_1" "Sidebar" "Breadcrumbs" "TwoColWrapper" "DZ_4"; } .grid-container .breadcrumbs-container, .grid-container .TwoColWrapper, .grid-container .DZ_4 { padding: 0 18px; } } .grid-container .DZ_1 { grid-area: DZ_1; } .grid-container .DZ_4 { grid-area: DZ_4; } .grid-container .Sidebar { grid-area: Sidebar; } .grid-container .Sidebar .Sidebar-dropzone { display: block; } .grid-container .breadcrumbs-container { grid-area: Breadcrumbs; } .grid-container .TwoColWrapper { grid-area: TwoColWrapper; } @media screen and (min-width: 1024px) { .grid-container { max-width: 1208px; margin: 0 auto; } } .grid-container.noSidebar { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "DZ_1" "Breadcrumbs" "TwoColWrapper" "DZ_4"; } .grid-container.noSidebar .Sidebar, .grid-container.noSidebar .Sidebar-dropzone { display: none; } .grid-container.noSidebar .rightCol { padding: 0; } .grid-container .sidebar-dropzone-mobile { display: none; } @media screen and (max-width: 1023px) { .grid-container .WidgetRotatingBanner { margin-left: 0; margin-right: 0; margin-bottom: 0; } .grid-container .WidgetAccordion { margin-bottom: 0; } .grid-container .sidebar-dropzone-mobile { display: block; } .grid-container .Sidebar .Sidebar-dropzone { display: none; } } /* General Structure Styles ******************************************************/ .Main { position: relative; } @media screen and (min-width: 750px) { .Main { min-height: 500px; } } .Container { padding-right: 20px; padding-left: 20px; margin: 0 auto; max-width: 1208px; } .Container:after { content: ""; display: table; clear: both; } @media (min-width: 1248px) { .Container { padding-right: 0; padding-left: 0; } } .Container-xl { max-width: 1400px; } .noSidebar .Sidebar, .noSidebar .Sidebar-dropzone { display: none; } @media screen and (min-width: 1024px) { .Sidebar { padding: 0 20px 0 0; } .rightCol { padding: 0 20px; } } img { max-width: 100%; } .AlignCenter { display: block; margin: 0 auto; } .AlignLeft { margin: 0 0 20px; } @media screen and (min-width: 500px) { .AlignLeft { float: left; margin: 0 20px 10px 0; } } .AlignRight { margin: 0 0 20px; } @media screen and (min-width: 500px) { .AlignRight { float: right; margin: 0 0 10px 20px; } } .BasicTable { border-color: #ccc; } .BasicTable tr td { padding: 5px 10px; } .ImgCaption { table-layout: fixed; text-align: center; font-size: 15px; font-size: 0.9375rem; color: #5e5e5e; font-style: italic; line-height: 1.2; font-weight: 600; } .ImgCaption img { display: block; margin: 0 auto 5px; } @media screen and (max-width: 499px) { .ImgCaption { width: 100%; } } @media screen and (min-width: 500px) { .ImgCaption { max-width: 360px; } } .Quote { font-family: "din-2014", sans-serif; margin-bottom: 20px; background: #e1e1e1; border-left: 13px solid #2b71b8; color: #323232; } body[data-brand=DIST] .Quote { border-color: #2b71b8; } body[data-brand=NLC] .Quote { border-color: #789f3e; } body[data-brand=NVC] .Quote { border-color: #90499c; } body[data-brand=SPC] .Quote { border-color: #3a62d3; } body[data-brand=PAC] .Quote { border-color: #5b9982; } body[data-brand=SAC] .Quote { border-color: #ed1d24; } .Quote td { padding: 0 20px 15px; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; font-family: "din-2014", sans-serif; font-weight: 300; } .Quote tr:first-child td { padding: 15px 20px; font-size: 29px; font-size: 1.8125rem; line-height: 35px; line-height: 2.1875rem; font-family: "Open Sans", sans-serif; font-style: italic; font-weight: 600; } .Quote tr:first-child td:before { content: "“"; } .Quote tr:first-child td:after { content: "”"; } @media screen and (min-width: 500px) { .Quote.AlignLeft, .Quote.AlignRight { max-width: 360px; } } @media screen and (min-width: 750px) { .Quote tr:first-child td { font-size: 40px; font-size: 2.5rem; line-height: 1.2; } } .TwoColLayout, .ThreeColLayout { margin: 0 0 20px; padding: 0; width: 100%; table-layout: fixed; } .TwoColLayout > tbody > tr > td, .ThreeColLayout > tbody > tr > td { vertical-align: top; } @media screen and (max-width: 749px) { .TwoColLayout > tbody > tr > td, .ThreeColLayout > tbody > tr > td { display: block; } .TwoColLayout > tbody > tr > td + td, .ThreeColLayout > tbody > tr > td + td { padding-top: 20px; } } @media screen and (min-width: 750px) { .TwoColLayout > tbody > tr > td { width: 50%; padding: 0 3% 0 0; } .TwoColLayout > tbody > tr > td + td { padding: 0 0 0 3%; } } @media screen and (min-width: 750px) { .ThreeColLayout > tbody > tr > td { width: 33.33333%; padding: 0 2%; } .ThreeColLayout > tbody > tr > td:first-child { padding: 0 4% 0 0; } .ThreeColLayout > tbody > tr > td:last-child { padding: 0 0 0 4%; } } .NumberedList { margin: 0 0 20px 20px; padding: 0 0 0 20px; list-style-type: decimal; } .NumberedList li { padding: 0 0 5px; } .NumberedList ol { margin: inherit; padding: 5px 0 0 30px; list-style-type: lower-alpha; } .NumberedList ol ol { list-style-type: lower-roman; } .BulletedList { margin: 0 0 20px 20px; padding: 0 0 0 20px; list-style-type: disc; } .BulletedList li { padding: 0 0 5px; } .BulletedList ul { margin: inherit; padding: 5px 0 0 30px; list-style-type: circle; } .BulletedList ul ul { list-style-type: square; } .CheckmarkList { list-style: none; margin: 0 0 20px 20px; padding: 0; } .CheckmarkList li { position: relative; padding-left: 20px; } .CheckmarkList li::before { content: ""; position: absolute; height: 16px; width: 16px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-image: url("../img/checkmark.svg"); mask-image: url("../img/checkmark.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } body[data-brand=DIST] .CheckmarkList li::before { background-color: #2b71b8; } body[data-brand=NLC] .CheckmarkList li::before { background-color: #789f3e; } body[data-brand=NVC] .CheckmarkList li::before { background-color: #90499c; } body[data-brand=SPC] .CheckmarkList li::before { background-color: #3a62d3; } body[data-brand=PAC] .CheckmarkList li::before { background-color: #5b9982; } body[data-brand=SAC] .CheckmarkList li::before { background-color: #ed1d24; } .DataTable { margin: 5px 0 15px; border: 0; border-collapse: collapse; font-size: 14px; font-size: 0.875rem; line-height: 1.3; } .DataTable th, .DataTable td { border: 0; border-right: 2px solid #fff; } .DataTable th { padding: 15px; text-align: center; color: #fff; font-size: 14px; font-size: 0.875rem; font-weight: 400; } body[data-brand=DIST] .DataTable th { background-color: #1e4f81; } body[data-brand=NLC] .DataTable th { background-color: #416f06; } body[data-brand=NVC] .DataTable th { background-color: #60357e; } body[data-brand=SPC] .DataTable th { background-color: #182878; } body[data-brand=PAC] .DataTable th { background-color: #01766e; } body[data-brand=SAC] .DataTable th { background-color: #9a1519; } .DataTable td { padding: 15px; background: #e1e1e1; } .DataTable tr:nth-child(2n) td { background: #fff; } .Responsive-Table { margin: 5px 0 15px; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .Responsive-Table table { margin: 0 !important; min-width: 500px; } .footer { display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; font-family: "din-2014", sans-serif; border-top: 1px solid #E1E1E1; } body[data-brand=DIST] .footer { background: radial-gradient(100% 100% at 50% 100%, rgba(43, 113, 184, 0.1) 0%, rgba(43, 113, 184, 0) 100%); } body[data-brand=DIST] .footer .footer__logo-img { width: 215px; } body[data-brand=DIST] .footer .footer__menu-heading:after { background: #1e4f81; } body[data-brand=DIST] .footer .footer__social-icons svg path { fill: #1e4f81; } body[data-brand=NLC] .footer { background: radial-gradient(100% 100% at 50% 100%, rgba(100, 178, 70, 0.1) 0%, rgba(100, 178, 70, 0) 100%); } body[data-brand=NLC] .footer .footer__menu-heading:after { background: #416f06; } body[data-brand=NLC] .footer .footer__social-icons svg path { fill: #416f06; } body[data-brand=NVC] .footer { background: radial-gradient(100% 100% at 50% 100%, rgba(93, 44, 133, 0.1) 0%, rgba(93, 44, 133, 0) 100%); } body[data-brand=NVC] .footer .footer__menu-heading:after { background: #60357e; } body[data-brand=NVC] .footer .footer__social-icons svg path { fill: #60357e; } body[data-brand=PAC] .footer { background: radial-gradient(100% 100% at 50% 100%, rgba(0, 149, 131, 0.1) 0%, rgba(0, 149, 131, 0) 100%); } body[data-brand=PAC] .footer .footer__menu-heading:after { background: #01766e; } body[data-brand=PAC] .footer .footer__social-icons svg path { fill: #01766e; } body[data-brand=SPC] .footer { background: radial-gradient(100% 100% at 50% 100%, rgba(38, 51, 123, 0.1) 0%, rgba(38, 51, 123, 0) 100%); } body[data-brand=SPC] .footer .footer__menu-heading:after { background: #182878; } body[data-brand=SPC] .footer .footer__social-icons svg path { fill: #182878; } body[data-brand=SAC] .footer { background: radial-gradient(100% 100% at 50% 100%, rgba(209, 50, 56, 0.1) 0%, rgba(209, 50, 56, 0) 100%); } body[data-brand=SAC] .footer .footer__menu-heading:after { background: #9a1519; } body[data-brand=SAC] .footer .footer__social-icons svg path { fill: #9a1519; } .footer__container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 1208px; padding: 80px 0px 40px; margin: 0 auto; } .footer__top { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; } .footer__menu-block { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; width: 77%; } .footer__logo-section { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; width: 33%; padding-right: 20px; } .footer__address { color: #2d2d2d; font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: 20px; line-height: 1.25rem; } .footer__menu-heading { position: relative; font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 20.42px; line-height: 1.27625rem; padding-bottom: 8px; margin-bottom: 12px; color: #2d2d2d; } .footer__menu-heading:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 16px; } .footer__menu-item { padding-right: 12px; } .footer__menu-links { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; list-style-type: none; gap: 8px; padding: 0; margin: 0; } .footer__menu-link { color: #2d2d2d; font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: 16px; line-height: 1rem; transition: 0.3s all ease; } .footer__menu-link:hover { color: #4f4f4f; text-decoration: underline; } .footer__utility { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; padding-top: 24px; gap: 32px; border-top: 1px solid #e1e1e1; } .footer__copyright { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #2d2d2d; font-size: 12px; font-size: 0.75rem; font-weight: 400; line-height: 16px; line-height: 1rem; padding: 20px 0; gap: 24px; } .footer__social-icons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; list-style-type: none; padding: 0; margin: 0; } .footer__social-icons li, .footer__social-icons a { display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer__social-icons svg { width: 32px; height: 32px; } @media screen and (max-width: 1399px) { .footer__container { padding: 40px 18px; } } @media screen and (max-width: 1023px) { .footer__menu-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 749px) { .footer__top { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .footer__logo-section { width: 100%; } .footer__menu-block { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 12px; width: 100%; } .footer__menu-item { padding-right: 0; } .footer__menu-heading { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 600; padding: 8px 0; } .footer__menu-heading::after { display: none; } .footer__menu-item-icon::after { content: url(../img/plus.svg); position: absolute; background: none !important; width: 20px; height: 20px; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .footer__menu-heading.active .footer__menu-item-icon::after { content: url(../img/minus.svg); } .footer__menu-links { display: none; } .footer__menu-link { font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: 17.86px; line-height: 1.11625rem; letter-spacing: -0.17px; letter-spacing: -0.01063rem; margin-bottom: 12px; } .footer__utility { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 32px; margin-top: 32px; } .footer__copyright { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 32px; padding: 12px 0 0; } } /* Button Styles ******************************************************/ .buttonBase, a.arrow-button, .secondary-button, .EPiServerForms input[type=reset], .secondary-button-wide, input[type=reset], .default-button, .default-button-wide, .primary-button, .EPiServerForms input[type=submit], .EPiServerForms button[type=submit], .primary-button-wide { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 12px 24px; font-size: 16px; font-size: 1rem; text-align: center; line-height: 16px; line-height: 1rem; font-weight: 600; font-family: "Open Sans", sans-serif; cursor: pointer; text-decoration: none; border-radius: 4px; } .default-button, .default-button-wide, .primary-button, .EPiServerForms input[type=submit], .EPiServerForms button[type=submit], .primary-button-wide { color: #fff; border: 1px solid #2b71b8; transition: 0.3s ease all; } body[data-brand=DIST] .default-button, body[data-brand=DIST] .default-button-wide, body[data-brand=DIST] .primary-button, body[data-brand=DIST] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=DIST] input[type=submit], body[data-brand=DIST] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=DIST] button[type=submit], body[data-brand=DIST] .primary-button-wide { background-color: #2b71b8; } body[data-brand=NLC] .default-button, body[data-brand=NLC] .default-button-wide, body[data-brand=NLC] .primary-button, body[data-brand=NLC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=NLC] input[type=submit], body[data-brand=NLC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=NLC] button[type=submit], body[data-brand=NLC] .primary-button-wide { background-color: #789f3e; } body[data-brand=NVC] .default-button, body[data-brand=NVC] .default-button-wide, body[data-brand=NVC] .primary-button, body[data-brand=NVC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=NVC] input[type=submit], body[data-brand=NVC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=NVC] button[type=submit], body[data-brand=NVC] .primary-button-wide { background-color: #90499c; } body[data-brand=SPC] .default-button, body[data-brand=SPC] .default-button-wide, body[data-brand=SPC] .primary-button, body[data-brand=SPC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=SPC] input[type=submit], body[data-brand=SPC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=SPC] button[type=submit], body[data-brand=SPC] .primary-button-wide { background-color: #3a62d3; } body[data-brand=PAC] .default-button, body[data-brand=PAC] .default-button-wide, body[data-brand=PAC] .primary-button, body[data-brand=PAC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=PAC] input[type=submit], body[data-brand=PAC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=PAC] button[type=submit], body[data-brand=PAC] .primary-button-wide { background-color: #5b9982; } body[data-brand=SAC] .default-button, body[data-brand=SAC] .default-button-wide, body[data-brand=SAC] .primary-button, body[data-brand=SAC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=SAC] input[type=submit], body[data-brand=SAC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=SAC] button[type=submit], body[data-brand=SAC] .primary-button-wide { background-color: #ed1d24; } body[data-brand=DIST] .default-button, body[data-brand=DIST] .default-button-wide, body[data-brand=DIST] .primary-button, body[data-brand=DIST] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=DIST] input[type=submit], body[data-brand=DIST] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=DIST] button[type=submit], body[data-brand=DIST] .primary-button-wide { border-color: #2b71b8; } body[data-brand=NLC] .default-button, body[data-brand=NLC] .default-button-wide, body[data-brand=NLC] .primary-button, body[data-brand=NLC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=NLC] input[type=submit], body[data-brand=NLC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=NLC] button[type=submit], body[data-brand=NLC] .primary-button-wide { border-color: #789f3e; } body[data-brand=NVC] .default-button, body[data-brand=NVC] .default-button-wide, body[data-brand=NVC] .primary-button, body[data-brand=NVC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=NVC] input[type=submit], body[data-brand=NVC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=NVC] button[type=submit], body[data-brand=NVC] .primary-button-wide { border-color: #90499c; } body[data-brand=SPC] .default-button, body[data-brand=SPC] .default-button-wide, body[data-brand=SPC] .primary-button, body[data-brand=SPC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=SPC] input[type=submit], body[data-brand=SPC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=SPC] button[type=submit], body[data-brand=SPC] .primary-button-wide { border-color: #3a62d3; } body[data-brand=PAC] .default-button, body[data-brand=PAC] .default-button-wide, body[data-brand=PAC] .primary-button, body[data-brand=PAC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=PAC] input[type=submit], body[data-brand=PAC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=PAC] button[type=submit], body[data-brand=PAC] .primary-button-wide { border-color: #5b9982; } body[data-brand=SAC] .default-button, body[data-brand=SAC] .default-button-wide, body[data-brand=SAC] .primary-button, body[data-brand=SAC] .EPiServerForms input[type=submit], .EPiServerForms body[data-brand=SAC] input[type=submit], body[data-brand=SAC] .EPiServerForms button[type=submit], .EPiServerForms body[data-brand=SAC] button[type=submit], body[data-brand=SAC] .primary-button-wide { border-color: #ed1d24; } .default-button:hover, .default-button-wide:hover, .primary-button:hover, .EPiServerForms input[type=submit]:hover, .EPiServerForms button[type=submit]:hover, .primary-button-wide:hover { color: #fff; text-decoration: none; } body[data-brand=DIST] .default-button:hover, body[data-brand=DIST] .default-button-wide:hover, body[data-brand=DIST] .primary-button:hover, body[data-brand=DIST] .EPiServerForms input[type=submit]:hover, .EPiServerForms body[data-brand=DIST] input[type=submit]:hover, body[data-brand=DIST] .EPiServerForms button[type=submit]:hover, .EPiServerForms body[data-brand=DIST] button[type=submit]:hover, body[data-brand=DIST] .primary-button-wide:hover { background-color: #1e4f81; } body[data-brand=NLC] .default-button:hover, body[data-brand=NLC] .default-button-wide:hover, body[data-brand=NLC] .primary-button:hover, body[data-brand=NLC] .EPiServerForms input[type=submit]:hover, .EPiServerForms body[data-brand=NLC] input[type=submit]:hover, body[data-brand=NLC] .EPiServerForms button[type=submit]:hover, .EPiServerForms body[data-brand=NLC] button[type=submit]:hover, body[data-brand=NLC] .primary-button-wide:hover { background-color: #416f06; } body[data-brand=NVC] .default-button:hover, body[data-brand=NVC] .default-button-wide:hover, body[data-brand=NVC] .primary-button:hover, body[data-brand=NVC] .EPiServerForms input[type=submit]:hover, .EPiServerForms body[data-brand=NVC] input[type=submit]:hover, body[data-brand=NVC] .EPiServerForms button[type=submit]:hover, .EPiServerForms body[data-brand=NVC] button[type=submit]:hover, body[data-brand=NVC] .primary-button-wide:hover { background-color: #60357e; } body[data-brand=SPC] .default-button:hover, body[data-brand=SPC] .default-button-wide:hover, body[data-brand=SPC] .primary-button:hover, body[data-brand=SPC] .EPiServerForms input[type=submit]:hover, .EPiServerForms body[data-brand=SPC] input[type=submit]:hover, body[data-brand=SPC] .EPiServerForms button[type=submit]:hover, .EPiServerForms body[data-brand=SPC] button[type=submit]:hover, body[data-brand=SPC] .primary-button-wide:hover { background-color: #182878; } body[data-brand=PAC] .default-button:hover, body[data-brand=PAC] .default-button-wide:hover, body[data-brand=PAC] .primary-button:hover, body[data-brand=PAC] .EPiServerForms input[type=submit]:hover, .EPiServerForms body[data-brand=PAC] input[type=submit]:hover, body[data-brand=PAC] .EPiServerForms button[type=submit]:hover, .EPiServerForms body[data-brand=PAC] button[type=submit]:hover, body[data-brand=PAC] .primary-button-wide:hover { background-color: #01766e; } body[data-brand=SAC] .default-button:hover, body[data-brand=SAC] .default-button-wide:hover, body[data-brand=SAC] .primary-button:hover, body[data-brand=SAC] .EPiServerForms input[type=submit]:hover, .EPiServerForms body[data-brand=SAC] input[type=submit]:hover, body[data-brand=SAC] .EPiServerForms button[type=submit]:hover, .EPiServerForms body[data-brand=SAC] button[type=submit]:hover, body[data-brand=SAC] .primary-button-wide:hover { background-color: #9a1519; } .secondary-button, .EPiServerForms input[type=reset], .secondary-button-wide, input[type=reset] { border: 1px solid #1e4f81; transition: 0.3s ease all; } body[data-brand=DIST] .secondary-button, body[data-brand=DIST] .secondary-button-wide, body[data-brand=DIST] input[type=reset] { color: #1e4f81; } body[data-brand=NLC] .secondary-button, body[data-brand=NLC] .secondary-button-wide, body[data-brand=NLC] input[type=reset] { color: #416f06; } body[data-brand=NVC] .secondary-button, body[data-brand=NVC] .secondary-button-wide, body[data-brand=NVC] input[type=reset] { color: #60357e; } body[data-brand=SPC] .secondary-button, body[data-brand=SPC] .secondary-button-wide, body[data-brand=SPC] input[type=reset] { color: #182878; } body[data-brand=PAC] .secondary-button, body[data-brand=PAC] .secondary-button-wide, body[data-brand=PAC] input[type=reset] { color: #01766e; } body[data-brand=SAC] .secondary-button, body[data-brand=SAC] .secondary-button-wide, body[data-brand=SAC] input[type=reset] { color: #9a1519; } body[data-brand=DIST] .secondary-button, body[data-brand=DIST] .secondary-button-wide, body[data-brand=DIST] input[type=reset] { background-color: white; } body[data-brand=NLC] .secondary-button, body[data-brand=NLC] .secondary-button-wide, body[data-brand=NLC] input[type=reset] { background-color: white; } body[data-brand=NVC] .secondary-button, body[data-brand=NVC] .secondary-button-wide, body[data-brand=NVC] input[type=reset] { background-color: white; } body[data-brand=SPC] .secondary-button, body[data-brand=SPC] .secondary-button-wide, body[data-brand=SPC] input[type=reset] { background-color: white; } body[data-brand=PAC] .secondary-button, body[data-brand=PAC] .secondary-button-wide, body[data-brand=PAC] input[type=reset] { background-color: white; } body[data-brand=SAC] .secondary-button, body[data-brand=SAC] .secondary-button-wide, body[data-brand=SAC] input[type=reset] { background-color: white; } body[data-brand=DIST] .secondary-button, body[data-brand=DIST] .secondary-button-wide, body[data-brand=DIST] input[type=reset] { border-color: #1e4f81; } body[data-brand=NLC] .secondary-button, body[data-brand=NLC] .secondary-button-wide, body[data-brand=NLC] input[type=reset] { border-color: #416f06; } body[data-brand=NVC] .secondary-button, body[data-brand=NVC] .secondary-button-wide, body[data-brand=NVC] input[type=reset] { border-color: #60357e; } body[data-brand=SPC] .secondary-button, body[data-brand=SPC] .secondary-button-wide, body[data-brand=SPC] input[type=reset] { border-color: #182878; } body[data-brand=PAC] .secondary-button, body[data-brand=PAC] .secondary-button-wide, body[data-brand=PAC] input[type=reset] { border-color: #01766e; } body[data-brand=SAC] .secondary-button, body[data-brand=SAC] .secondary-button-wide, body[data-brand=SAC] input[type=reset] { border-color: #9a1519; } .secondary-button:hover, .secondary-button-wide:hover, input[type=reset]:hover { text-decoration: none; } body[data-brand=DIST] .secondary-button:hover, body[data-brand=DIST] .secondary-button-wide:hover, body[data-brand=DIST] input[type=reset]:hover { color: white; } body[data-brand=NLC] .secondary-button:hover, body[data-brand=NLC] .secondary-button-wide:hover, body[data-brand=NLC] input[type=reset]:hover { color: white; } body[data-brand=NVC] .secondary-button:hover, body[data-brand=NVC] .secondary-button-wide:hover, body[data-brand=NVC] input[type=reset]:hover { color: white; } body[data-brand=SPC] .secondary-button:hover, body[data-brand=SPC] .secondary-button-wide:hover, body[data-brand=SPC] input[type=reset]:hover { color: white; } body[data-brand=PAC] .secondary-button:hover, body[data-brand=PAC] .secondary-button-wide:hover, body[data-brand=PAC] input[type=reset]:hover { color: white; } body[data-brand=SAC] .secondary-button:hover, body[data-brand=SAC] .secondary-button-wide:hover, body[data-brand=SAC] input[type=reset]:hover { color: white; } body[data-brand=DIST] .secondary-button:hover, body[data-brand=DIST] .secondary-button-wide:hover, body[data-brand=DIST] input[type=reset]:hover { background-color: #2b71b8; } body[data-brand=NLC] .secondary-button:hover, body[data-brand=NLC] .secondary-button-wide:hover, body[data-brand=NLC] input[type=reset]:hover { background-color: #789f3e; } body[data-brand=NVC] .secondary-button:hover, body[data-brand=NVC] .secondary-button-wide:hover, body[data-brand=NVC] input[type=reset]:hover { background-color: #90499c; } body[data-brand=SPC] .secondary-button:hover, body[data-brand=SPC] .secondary-button-wide:hover, body[data-brand=SPC] input[type=reset]:hover { background-color: #3a62d3; } body[data-brand=PAC] .secondary-button:hover, body[data-brand=PAC] .secondary-button-wide:hover, body[data-brand=PAC] input[type=reset]:hover { background-color: #5b9982; } body[data-brand=SAC] .secondary-button:hover, body[data-brand=SAC] .secondary-button-wide:hover, body[data-brand=SAC] input[type=reset]:hover { background-color: #ed1d24; } body[data-brand=DIST] .secondary-button:hover, body[data-brand=DIST] .secondary-button-wide:hover, body[data-brand=DIST] input[type=reset]:hover { border-color: #2b71b8; } body[data-brand=NLC] .secondary-button:hover, body[data-brand=NLC] .secondary-button-wide:hover, body[data-brand=NLC] input[type=reset]:hover { border-color: #789f3e; } body[data-brand=NVC] .secondary-button:hover, body[data-brand=NVC] .secondary-button-wide:hover, body[data-brand=NVC] input[type=reset]:hover { border-color: #90499c; } body[data-brand=SPC] .secondary-button:hover, body[data-brand=SPC] .secondary-button-wide:hover, body[data-brand=SPC] input[type=reset]:hover { border-color: #3a62d3; } body[data-brand=PAC] .secondary-button:hover, body[data-brand=PAC] .secondary-button-wide:hover, body[data-brand=PAC] input[type=reset]:hover { border-color: #5b9982; } body[data-brand=SAC] .secondary-button:hover, body[data-brand=SAC] .secondary-button-wide:hover, body[data-brand=SAC] input[type=reset]:hover { border-color: #ed1d24; } body[data-brand=DIST] a.arrow-button { color: #2b71b8; } body[data-brand=NLC] a.arrow-button { color: #789f3e; } body[data-brand=NVC] a.arrow-button { color: #90499c; } body[data-brand=SPC] a.arrow-button { color: #3a62d3; } body[data-brand=PAC] a.arrow-button { color: #5b9982; } body[data-brand=SAC] a.arrow-button { color: #ed1d24; } a.arrow-button:hover { text-decoration: none; } body[data-brand=DIST] a.arrow-button:hover { color: #1e4f81; } body[data-brand=NLC] a.arrow-button:hover { color: #416f06; } body[data-brand=NVC] a.arrow-button:hover { color: #60357e; } body[data-brand=SPC] a.arrow-button:hover { color: #182878; } body[data-brand=PAC] a.arrow-button:hover { color: #01766e; } body[data-brand=SAC] a.arrow-button:hover { color: #9a1519; } .default-button-wide, .primary-button-wide, .secondary-button-wide { display: block; } .EPiServerForms .Form__Element { padding: 0 0 12px; margin: 0 !important; } .EPiServerForms .Form__Element__Caption { display: block !important; margin: 0 0 8px; font-family: "Open Sans", sans-serif; } .EPiServerForms .Form__Element__ValidationError { display: block; margin: 2px 0 0; color: red; font-size: 14px; font-size: 0.875rem; } .EPiServerForms .Form__MainBody { margin: 0 0 20px; } .EPiServerForms .Form__MainBody .heading { display: block; margin: 0 0 15px; padding: 0 0 5px; color: #3a3a3a; font-weight: 400; font-size: 24px; font-size: 1.5rem; font-family: "Open Sans", sans-serif; text-transform: uppercase; border-bottom: 1px solid #0b0b0b; } .Sidebar .EPiServerForms .Form__MainBody { table-layout: fixed; width: 100%; } @media screen and (max-width: 749px) { .EPiServerForms .Form__MainBody { table-layout: fixed; width: 100%; } } .EPiServerForms input[type=text], .EPiServerForms input[type=url], .EPiServerForms input[type=number], .EPiServerForms textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 12px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); border: 1px solid #E5E7EB; color: #000; } .EPiServerForms select { width: 100%; padding: 12px; border: 1px solid #E5E7EB; border-radius: 12px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); color: #000; } .EPiServerForms input[type=submit], .EPiServerForms button[type=submit] { -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: fit-content; margin-right: 5px; max-width: 100%; gap: 8px; position: relative; } .EPiServerForms input[type=submit]:after, .EPiServerForms button[type=submit]:after { content: url("/Static/dist/img/arrow-right-white.svg"); display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 16px; height: 16px; } .EPiServerForms input[type=reset] { width: -webkit-fit-content; width: fit-content; margin-right: 5px; max-width: 100%; } .EPiServerForms .FormChoice label { display: block; } .EPiServerForms .Form__Status .Form__Status__Message.hide { display: none; } .fakeTextbox { position: relative; max-width: 410px; width: 100%; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1); } .fakeTextbox input[type=text] { width: 100%; padding: 5px 40px 5px 10px; background: transparent; border: 0; color: #000; font-family: "Open Sans", sans-serif; } .fakeTextbox .submit { position: absolute; top: 50%; right: 10px; margin-top: -10px; height: 20px; width: 20px; background: transparent url("../img/search-icon.svg") no-repeat 0 0; background-size: contain; border: 0; } /*! jQuery UI - v1.12.1 - 2017-05-29 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; font-size: 0.00625rem; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #d3d3d3; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("/Static/dist/img/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #d3d3d3; background: #e6e6e6 url("/Static/dist/img/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #999999; background: #dadada url("/Static/dist/img/jquery-ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #212121; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #aaaaaa; background: #ffffff url("/Static/dist/img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #aaaaaa; background-color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("/Static/dist/img/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-checked { border: 1px solid #fcefa1; background: #fbf9ee; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("/Static/dist/img/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_222222_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_cd0a0a_256x240.png"); } .ui-button .ui-icon { background-image: url("/Static/dist/img/jquery-ui/ui-icons_888888_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: 0.3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { box-shadow: -8px -8px 8px #aaaaaa; } .ui-widget { font-family: "Open Sans", sans-serif; } .ui-front { z-index: 1000; } .ui-selectmenu-button.ui-button { max-width: 410px; width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1); color: #000; padding: 5px 8px; } .ui-selectmenu-button.ui-button:hover { color: inherit; } .ui-selectmenu-icon.ui-icon { width: 20px; height: 12px; background-image: url(../img/down-arrow.svg); background-position: center; margin-top: 7px; } .ui-selectmenu-button.ui-button:focus .ui-icon, .ui-selectmenu-button.ui-button:hover .ui-icon { background-image: url(../img/down-arrow.svg); } .ui-selectmenu-menu .ui-state-active, .ui-selectmenu-menu .ui-widget-content .ui-state-active { border: none; } /** * Custom DateTime Picker Styles for Alamo Colleges * This file contains styles for the custom date/time picker form elements */ .EPiServerForms .FormDateTime { margin-bottom: 1rem; } .EPiServerForms .FormDateTime .FormDateTime__Input { width: 15rem; max-width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; line-height: 1.5; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .EPiServerForms .FormDateTime .FormDateTime__Input:focus { border-color: #007bff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .EPiServerForms .FormDateTime.ValidationFail .FormDateTime__Input { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .EPiServerForms .FormDateTimeRange { margin-bottom: 1rem; } .EPiServerForms .FormDateTimeRange .FormDateTimeRange__Start, .EPiServerForms .FormDateTimeRange .FormDateTimeRange__End { width: 7rem; max-width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; line-height: 1.5; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .EPiServerForms .FormDateTimeRange .FormDateTimeRange__Start:focus, .EPiServerForms .FormDateTimeRange .FormDateTimeRange__End:focus { border-color: #007bff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .EPiServerForms .FormDateTimeRange .FormDateTimeRange_Seperator { display: inline-block; font-weight: 600; vertical-align: top; margin: 0.5rem 0.5rem 0 0.5rem; color: #666; } .EPiServerForms .FormDateTimeRange.ValidationFail .FormDateTimeRange__Start, .EPiServerForms .FormDateTimeRange.ValidationFail .FormDateTimeRange__End { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .EPiServerForms .Form__Element__ValidationError { color: #dc3545; font-size: 0.875rem; margin-top: 0.25rem; display: block; } /* jQuery UI DatePicker customizations */ .ui-datepicker { font-family: inherit; font-size: 0.9rem; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background: #fff; z-index: 9999; } .ui-datepicker .ui-datepicker-header { background: #f8f9fa; border-bottom: 1px solid #dee2e6; border-radius: 4px 4px 0 0; padding: 0.5rem; } .ui-datepicker .ui-datepicker-title { font-weight: 600; color: #495057; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; border-radius: 3px; padding: 0.25rem; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background: #e9ecef; } .ui-datepicker table { width: 100%; border-collapse: collapse; } .ui-datepicker td { padding: 0; border: none; } .ui-datepicker td a { display: block; padding: 0.5rem; text-align: center; text-decoration: none; color: #495057; border-radius: 3px; transition: background-color 0.15s ease-in-out; } .ui-datepicker td a:hover { background: #e9ecef; color: #212529; } .ui-datepicker .ui-datepicker-current-day a { background: #007bff; color: #fff; } .ui-datepicker .ui-datepicker-current-day a:hover { background: #0056b3; } .ui-datepicker .ui-datepicker-other-month a { color: #6c757d; } .ui-datepicker .ui-datepicker-unselectable a { color: #6c757d; cursor: default; } /* Time picker styles */ .TimePicker { display: inline-block; margin-left: 0.5rem; } .TimePicker .TimePicker__Input { width: 2rem; padding: 0.25rem; border: 1px solid #ccc; border-radius: 3px; text-align: center; font-size: 0.9rem; } .TimePicker select { width: 30%; padding: 0.25rem; border: 1px solid #ccc; border-radius: 3px; font-size: 0.9rem; margin: 0 0.25rem; } /* Accessibility improvements */ .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Responsive design */ @media (max-width: 768px) { .EPiServerForms .FormDateTime .FormDateTime__Input { width: 100%; } .EPiServerForms .FormDateTimeRange .FormDateTimeRange__Start, .EPiServerForms .FormDateTimeRange .FormDateTimeRange__End { width: calc(50% - 1rem); margin-bottom: 0.5rem; } .EPiServerForms .FormDateTimeRange .FormDateTimeRange_Seperator { display: block; text-align: center; margin: 0.5rem 0; } } .WidgetRotatingBanner { margin: 0; position: relative; overflow: hidden; text-align: center; color: #fff; } body[data-brand=DIST] .WidgetRotatingBanner { background-color: #245f9b; } body[data-brand=NLC] .WidgetRotatingBanner { background-color: #568118; } body[data-brand=NVC] .WidgetRotatingBanner { background-color: #713e94; } body[data-brand=SPC] .WidgetRotatingBanner { background-color: #2c4aa0; } body[data-brand=PAC] .WidgetRotatingBanner { background-color: #4c806d; } body[data-brand=SAC] .WidgetRotatingBanner { background-color: #c9362f; } .WidgetRotatingBanner:after { content: ""; display: table; clear: both; } .WidgetRotatingBanner .slides { position: relative; margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; } .WidgetRotatingBanner .slides li { display: block; width: 100%; position: absolute; left: 100%; top: 0; white-space: normal; font-size: 16px; font-size: 1rem; line-height: 1.3; } .WidgetRotatingBanner .slides li.active { left: 0; } .WidgetRotatingBanner .image { background-color: #666; background-repeat: no-repeat; background-position: center top; background-size: cover; height: 290px; } .WidgetRotatingBanner .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 41.5%, #111 100%); } .WidgetRotatingBanner .widget-info { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 1208px; width: 100%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); right: 50%; bottom: 0; padding: 0 0 32px; } @media screen and (max-width: 1232px) { .WidgetRotatingBanner .widget-info { padding: 0 18px 48px; } } .WidgetRotatingBanner .widget-info .title { padding: 0; line-height: 1.2; font-family: "Open Sans", sans-serif; color: #fff; font-size: 56px; font-size: 3.5rem; font-weight: 800; margin-bottom: 12px; text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.36); text-align: left; } @media screen and (max-width: 1023px) { .WidgetRotatingBanner .widget-info .title { font-size: 42px; font-size: 2.625rem; } } @media screen and (max-width: 749px) { .WidgetRotatingBanner .widget-info .title { max-width: 75%; } } .WidgetRotatingBanner .widget-info__bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0; } .WidgetRotatingBanner .widget-info__bottom > * { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; color: #E1E1E1; font-style: italic; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; font-size: 1rem; } @media screen and (max-width: 1023px) { .WidgetRotatingBanner .widget-info__bottom > * { font-size: 12px; font-size: 0.75rem; } } .WidgetRotatingBanner .widget-info__bottom > *::after { content: ""; position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 6px; height: 6px; border-radius: 50%; margin: 0 12px; } body[data-brand=DIST] .WidgetRotatingBanner .widget-info__bottom > *::after { background-color: #2b71b8; } body[data-brand=NLC] .WidgetRotatingBanner .widget-info__bottom > *::after { background-color: #789f3e; } body[data-brand=NVC] .WidgetRotatingBanner .widget-info__bottom > *::after { background-color: #90499c; } body[data-brand=SPC] .WidgetRotatingBanner .widget-info__bottom > *::after { background-color: #3a62d3; } body[data-brand=PAC] .WidgetRotatingBanner .widget-info__bottom > *::after { background-color: #5b9982; } body[data-brand=SAC] .WidgetRotatingBanner .widget-info__bottom > *::after { background-color: #ed1d24; } .WidgetRotatingBanner .widget-info__bottom > *:last-child::after { display: none; } @media screen and (max-width: 1023px) { .WidgetRotatingBanner .widget-info__bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 4px; } } .WidgetRotatingBanner .more a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #E1E1E1; text-decoration: none; transition: 0.3s ease color; } body[data-brand=DIST] .WidgetRotatingBanner .more a:hover { color: #2b71b8; } body[data-brand=NLC] .WidgetRotatingBanner .more a:hover { color: #789f3e; } body[data-brand=NVC] .WidgetRotatingBanner .more a:hover { color: #90499c; } body[data-brand=SPC] .WidgetRotatingBanner .more a:hover { color: #3a62d3; } body[data-brand=PAC] .WidgetRotatingBanner .more a:hover { color: #5b9982; } body[data-brand=SAC] .WidgetRotatingBanner .more a:hover { color: #ed1d24; } body[data-brand=DIST] .WidgetRotatingBanner .more a:hover svg path { fill: #2b71b8; } body[data-brand=NLC] .WidgetRotatingBanner .more a:hover svg path { fill: #789f3e; } body[data-brand=NVC] .WidgetRotatingBanner .more a:hover svg path { fill: #90499c; } body[data-brand=SPC] .WidgetRotatingBanner .more a:hover svg path { fill: #3a62d3; } body[data-brand=PAC] .WidgetRotatingBanner .more a:hover svg path { fill: #5b9982; } body[data-brand=SAC] .WidgetRotatingBanner .more a:hover svg path { fill: #ed1d24; } .WidgetRotatingBanner .more a svg { margin-left: 8px; } .WidgetRotatingBanner .more a svg path { transition: 0.3s ease all; } .WidgetRotatingBanner .bullets { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; right: 0; left: auto; width: auto; margin: 0; padding-bottom: 44px; padding-left: 0; padding-right: calc((100% - 1208px) / 2); bottom: 0; z-index: 10; } .WidgetRotatingBanner .bullets li { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; cursor: pointer; } .WidgetRotatingBanner .bullets li .progress-bar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; -webkit-clip-path: circle(50%); clip-path: circle(50%); } .WidgetRotatingBanner .bullets li .circular-progress-bar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 749px) { .WidgetRotatingBanner .bullets li .circular-progress { width: 20px; height: 20px; } .WidgetRotatingBanner .bullets li .circular-progress .progress, .WidgetRotatingBanner .bullets li .circular-progress .bg { cx: 10; cy: 10; r: 8; } } .WidgetRotatingBanner .bullets li .ko-progress-circle__overlay { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } @media screen and (max-width: 1232px) { .WidgetRotatingBanner .bullets { padding-right: 18px; } } @media screen and (max-width: 1023px) { .WidgetRotatingBanner .bullets { padding-bottom: 24px; } } @media screen and (max-width: 749px) { .WidgetRotatingBanner .bullets { bottom: 16px; padding: 0; gap: 8px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); right: 50%; } } @media screen and (min-width: 321px) and (max-width: 749px) { .WidgetRotatingBanner .image { background-size: cover; height: 320px; } } @media screen and (min-width: 750px) { .WidgetRotatingBanner .slides { height: 500px; } .WidgetRotatingBanner .image { background-size: cover; height: 500px; } } .WidgetRotatingBanner .progress-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 20px; height: 100vh; } .WidgetRotatingBanner .circular-progress { position: relative; width: 24px; height: 24px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .WidgetRotatingBanner .circular-progress circle { fill: none; stroke-width: 2; } .WidgetRotatingBanner .circular-progress .bg { stroke: #ddd; } .WidgetRotatingBanner .circular-progress .progress { stroke: #EDB01D; stroke-linecap: round; transition: stroke-dashoffset 0.3s; } /* Promise modules */ html:has(> body > main.Promise-main) { scroll-padding-top: 0; } .Promise-landing-page .Promise-main { background-color: rgba(255, 255, 255, 0.7); background-blend-mode: lighten; } .Promise-landing-page .WidgetAccordion { gap: 0; } .Promise-landing-page .WidgetAccordion h3 { font-family: "Open Sans", sans-serif; color: #000; font-size: 24px; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.48px; letter-spacing: -0.03rem; padding-bottom: 24px; } .Promise-landing-page .WidgetAccordion .target { padding: 16px 0; color: #2b71b8; font-size: 16px; font-size: 1rem; font-weight: 700; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #e1e1e1; letter-spacing: -0.48px; letter-spacing: -0.03rem; } .Promise-landing-page .WidgetAccordion .target:after { background: url("/Static/src/img/plus-light.svg") no-repeat 50% 50%/cover; } .Promise-landing-page .WidgetAccordion .panel { border: none; padding: 0; } .Promise-landing-page .steps-block-cta { margin: 0 -20px; } .Promise-landing-page a.arrow-button:hover { color: #fff; } .Promise-main { min-height: 500px; } .Flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex; } .Flex-container:after { display: none; } .Content-area { position: relative; } .Content-area .content-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 56px; padding: 56px 0; } @media screen and (max-width: 1023px) { .Content-area .content-wrapper { gap: 18px; padding: 18px 0; } } .Content-area.middle:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #EDEDED; mix-blend-mode: multiply; } .Content-area.middle .content-wrapper { isolation: isolate; } .Content-area.lower:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(100% 100% at 50% 0%, rgba(28, 129, 233, 0.4) 0%, rgba(28, 129, 233, 0) 100%), #1E4F81; mix-blend-mode: multiply; } .Content-area.lower .content-wrapper { isolation: isolate; } .promise-button, .promise-accent-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 12px 24px; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 16px; line-height: 1rem; background-color: #EDB01D; color: #1D1D1D; border-radius: 4px; text-transform: none; transition: 0.3s ease all; } .promise-button:hover, .promise-button:focus, .promise-accent-button:hover, .promise-accent-button:focus { color: #1D1D1D; background-color: #FCC84A; text-decoration: none; } .promise-button svg path, .promise-accent-button svg path { fill: #4F4F4F; } .Promise-floating-cta { position: fixed; } .Promise-floating-cta.desktop-cta { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .Promise-floating-cta.desktop-cta .btn { display: block; width: 198px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } @media screen and (max-width: 1023px) { .Promise-floating-cta.desktop-cta { display: none; } } .Promise-floating-cta.mobile-cta { display: none; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1023px) { .Promise-floating-cta.mobile-cta { display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 499px) { .Promise-floating-cta.mobile-cta { width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } .Promise-floating-cta.mobile-cta .btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 125px; border-right: 1px solid rgba(255, 255, 255, 0.3); } .Promise-floating-cta.mobile-cta .btn:last-child { border-right: 0; } @media screen and (max-width: 499px) { .Promise-floating-cta.mobile-cta .btn { width: 33.3333333333%; } } .Promise-floating-cta .btn { padding: 14px 16px; background-color: #2b71b8; font-size: 16px; font-size: 1rem; line-height: 21px; line-height: 1.3125rem; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 1.6px; letter-spacing: 0.1rem; transition: background-color 0.3s ease; } .Promise-floating-cta .btn:hover, .Promise-floating-cta .btn:focus { background-color: #1e4f81; color: #fff; text-decoration: none; } .Promise-header { padding: 12px 0 16px; } @media screen and (max-width: 1023px) { .Promise-header { padding: 20px 0; } } .Promise-header .header-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Promise-header .header-container::after { display: none; } .Promise-header .logo { height: 40px; width: auto; } .Promise-header .logo img { height: inherit; width: inherit; } @media screen and (max-width: 1023px) { .Promise-header .logo { height: auto; width: 120px; } } @media screen and (max-width: 1023px) { .Promise-header .nav-wrapper { position: absolute; top: 0; right: 0; visibility: hidden; opacity: 0; width: 100%; background: #fff; border-bottom: 1px solid #e1e1e1; z-index: 500; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: visibility 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: visibility 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out; transition: visibility 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .primary-nav-is-open .Promise-header .nav-wrapper { visibility: visible; opacity: 1; -webkit-transform: translateY(76px); -ms-transform: translateY(76px); transform: translateY(76px); } } @media screen and (min-width: 1024px) { .Promise-header .nav-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .Promise-header .nav-toggle { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; background: none; border: 0; } .Promise-header .nav-toggle svg { width: 24px; height: 24px; } .Promise-header .nav-toggle .close { display: none; } .primary-nav-is-open .Promise-header .nav-toggle .close { display: -webkit-flex; display: -ms-flexbox; display: flex; } .primary-nav-is-open .Promise-header .nav-toggle .open { display: none; } @media screen and (min-width: 1024px) { .Promise-header .nav-toggle { display: none; } } .Promise-header .primary-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; font-size: 25px; font-size: 1.5625rem; letter-spacing: 1px; letter-spacing: 0.0625rem; line-height: 32px; line-height: 2rem; font-family: "din-2014", sans-serif; } @media screen and (max-width: 1399px) { .Promise-header .primary-nav { font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav { display: block; border-bottom: 1px solid #e1e1e1; } .Promise-header .primary-nav li { display: block; } } @media screen and (min-width: 1024px) { .Promise-header .primary-nav { position: relative; z-index: 10; } } .Promise-header .primary-nav a { font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16px; line-height: 1rem; letter-spacing: 0.42px; letter-spacing: 0.02625rem; margin: 0; padding: 16px 12px; border-radius: 4px; color: #2D2D2D; transition: all 0.3s ease; text-transform: uppercase; text-decoration: none; } .Promise-header .primary-nav a:hover, .Promise-header .primary-nav a:focus { color: #1E4F81; background: #EDEDED; } @media screen and (max-width: 1023px) { .Promise-header .primary-nav a { display: block; margin: 0; padding: 15px 20px; border-top: 1px solid #e1e1e1; } } @media screen and (min-width: 1024px) { .Promise-header .primary-nav > li:hover .sub-menu { display: block; } } .Promise-header .primary-nav li.has-dropdown .icon { position: absolute; margin-top: 20px; right: 20px; width: 15px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: 0.3s ease transform; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Promise-header .primary-nav li.has-dropdown .icon svg { fill: #000; opacity: 0.6; } @media screen and (min-width: 1024px) { .Promise-header .primary-nav li.has-dropdown .icon { display: none; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav li.has-dropdown > a { -webkit-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav li.has-dropdown.open .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav li.has-dropdown.open > a { border-bottom: 1px solid #E1E1E1; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav li.has-dropdown.open .sub-menu { max-height: 2000px; transition: 0.3s ease max-height; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav li.has-dropdown { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1024px) { .Promise-header .primary-nav .sub-menu { display: none; position: absolute; top: 100%; padding: 8px 0; list-style-type: none; margin: 0; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); background-color: #fff; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav .sub-menu { width: 100%; padding: 0; max-height: 0; overflow: hidden; } } .Promise-header .primary-nav .sub-item a { display: block; text-decoration: none; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; } @media screen and (min-width: 1024px) { .Promise-header .primary-nav .sub-item a { padding: 8px 16px; max-width: 300px; min-width: 200px; color: #1e4f81; transition: 0.3s ease background-color; } } @media screen and (max-width: 1023px) { .Promise-header .primary-nav .sub-item a { border-top: 0; padding: 12px 20px 12px 40px; } } @media screen and (min-width: 1024px) { .Promise-header .primary-nav .sub-item a:hover { background-color: #EEEEEE; } } .Promise-header .give-button { padding: 12px 24px; background: #EDB01D; color: #1D1D1D; border-radius: 4px; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 16px; line-height: 1rem; text-transform: none; } @media screen and (max-width: 1023px) { .Promise-header .give-button { font-size: 14px; font-size: 0.875rem; padding: 8px; margin-left: auto; } } .Promise-header .give-button:hover { background: #FCC84A; box-shadow: none; } .Promise-hero { margin-bottom: 56px; } @media screen and (max-width: 1023px) { .Promise-hero { margin-bottom: 18px; } } @media screen and (max-width: 1023px) { .Promise-hero > .Container { position: relative; } } .Promise-hero .image { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; min-width: 100%; height: 500px; } @media screen and (max-width: 1023px) { .Promise-hero .image { min-width: 0; width: 100%; height: 356px; } } .Promise-hero .show-overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 114, 188, 0.3); } .Promise-hero .info { padding: 48px; background-color: #fff; position: relative; border-bottom: 1px solid #E5E5E5; } .Promise-hero .info:before { content: ""; position: absolute; top: -8px; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 8px; background: #EDB01D; } @media screen and (max-width: 1023px) { .Promise-hero .info { width: 100%; position: static; } } @media screen and (max-width: 749px) { .Promise-hero .info { padding: 48px 0; } } .Promise-hero .info h1 { font-family: "Open Sans", sans-serif; font-size: 48px; font-size: 3rem; font-weight: 800; letter-spacing: -1.92px; letter-spacing: -0.12rem; padding: 0 0 32px; line-height: 57.6px; line-height: 3.6rem; color: #000; } @media screen and (max-width: 1023px) { .Promise-hero .info h1 { font-size: 34px; font-size: 2.125rem; font-weight: 700; line-height: 120%; letter-spacing: -0.96px; letter-spacing: -0.06rem; } } @media screen and (max-width: 749px) { .Promise-hero .info h1 { padding: 0 0 24px; } } .Promise-hero .info p { font-size: 20px; font-size: 1.25rem; padding: 0 0 32px; color: #4F4F4F; line-height: 140%; max-width: 66%; } @media screen and (max-width: 749px) { .Promise-hero .info p { font-size: 16px; font-size: 1rem; padding: 0; max-width: none; } } .Promise-multi-column h2, .Promise-multi-column h3, .Promise-multi-column h4 { font-family: "Open Sans", sans-serif; color: #1D1D1D !important; font-weight: 700; letter-spacing: -0.96px; letter-spacing: -0.06rem; } .Promise-multi-column h2 { font-size: 40px; font-size: 2.5rem; } @media screen and (max-width: 1023px) { .Promise-multi-column h2 { font-size: 30px; font-size: 1.875rem; } } .Promise-multi-column h3 { font-size: 32px; font-size: 2rem; } @media screen and (max-width: 1023px) { .Promise-multi-column h3 { font-size: 24px; font-size: 1.5rem; } } .Promise-multi-column h4 { font-size: 24px; font-size: 1.5rem; } @media screen and (max-width: 1023px) { .Promise-multi-column h4 { font-size: 20px; font-size: 1.25rem; } } .Promise-multi-column h5 { font-family: "Open Sans", sans-serif; color: #1D1D1D; font-weight: 700; font-size: 20px; font-size: 1.25rem; } @media screen and (max-width: 1023px) { .Promise-multi-column h5 { font-size: 16px; font-size: 1rem; } } .Promise-multi-column p { font-family: "Open Sans", sans-serif; color: rgba(0, 0, 0, 0.8); } .Promise-multi-column.two-col-asymmetric .col-1 { max-width: 37.5%; margin: 0 auto 0 0; } .Promise-multi-column.two-col-asymmetric .col-2 { max-width: 57.5%; margin: 0 0 0 auto; } .Promise-multi-column.two-col .col-1 { width: 45%; } @media screen and (max-width: 850px) { .Promise-multi-column.two-col .col-1 { width: 100%; } } .Promise-multi-column.two-col .col-2 { margin: 0 0 0 auto; max-width: 50%; width: 45%; } @media screen and (max-width: 850px) { .Promise-multi-column.two-col .col-2 { width: 100%; } } .Promise-multi-column.three-col .col { max-width: 30%; margin: 0 auto 0 auto; } .Promise-multi-column.three-col .col:first-child { margin: 0 auto 0 0; } .Promise-multi-column.three-col .col:last-child { margin: 0 0 0 auto; } .Promise-multi-column ul { margin: 0; } .Promise-multi-column .Flex-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1100px) { .Promise-multi-column .Flex-container .col { max-width: 1000px; } } .Promise-multi-column .vanish { display: none; } .Promise-social-media-feature .section-header.Flex-container { margin-bottom: 56px; } @media screen and (min-width: 1024px) { .Promise-social-media-feature .section-header.Flex-container { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 1023px) { .Promise-social-media-feature .section-header.Flex-container { display: block; } } .Promise-social-media-feature .section-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 48px; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .section-header { margin-bottom: 16px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .Promise-social-media-feature .section-header h2 { font-family: "Open Sans", sans-serif; padding-bottom: 0; color: #fff; font-size: 40px; font-size: 2.5rem; font-weight: 800; line-height: 48px; line-height: 3rem; letter-spacing: -1.6px; letter-spacing: -0.1rem; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .section-header h2 { font-size: 38px; font-size: 2.375rem; line-height: 46px; line-height: 2.875rem; } } .Promise-social-media-feature .subhead { padding-bottom: 0; color: rgba(255, 255, 255, 0.8); font-size: 48px; font-size: 3rem; line-height: 56px; line-height: 3.5rem; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .subhead { font-size: 38px; font-size: 2.375rem; line-height: 46px; line-height: 2.875rem; } } .Promise-social-media-feature .subhead:after { display: block; content: ""; width: 75px; border-bottom: 3px solid #edb01d; margin: 40px 0 0; } .Promise-social-media-feature .feed-link { position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; color: #fff; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 24px; line-height: 1.5rem; letter-spacing: 0.3px; letter-spacing: 0.01875rem; text-decoration: none; } .Promise-social-media-feature .feed-link svg path { fill: #fff; } .Promise-social-media-feature .feed-link.desktop { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .feed-link.desktop { display: none; } } .Promise-social-media-feature .feed-link.mobile { display: none; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .feed-link.mobile { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 16px; padding: 12px 0; } } .Promise-social-media-feature .content-wrapper { padding: 0; gap: 0; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .images.Flex-container { display: block; } } @media screen and (min-width: 1024px) { .Promise-social-media-feature .images.Flex-container { margin: 0 -8px; } } @media screen and (min-width: 1024px) { .Promise-social-media-feature .images.Flex-container .col { padding: 0 8px; } } @media screen and (max-width: 1023px) { .Promise-social-media-feature .images.Flex-container .col.feature { padding-bottom: 24px; } } @media screen and (min-width: 1024px) { .Promise-social-media-feature .images.Flex-container .col.feature { width: 33.3333333333%; } } @media screen and (max-width: 1023px) { .Promise-social-media-feature .images.Flex-container .col.feed { margin: 0 -8px; } } @media screen and (min-width: 1024px) { .Promise-social-media-feature .images.Flex-container .col.feed { width: 66.6666666667%; } } .Promise-social-media-feature .feature-link { display: block; position: relative; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5); height: calc(100% - 30px); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 4px; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .feature-link { height: 0; padding-bottom: 100%; } } .Promise-social-media-feature .feature-link .overlay { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); border-radius: 4px; transition: visibility 0.3s ease, opacity 0.3s ease; } .Promise-social-media-feature .feature-link:hover .overlay { visibility: visible; opacity: 1; } .Promise-social-media-feature .feature-link .description { padding: 24px; color: rgba(255, 255, 255, 0.8); font-size: 17px; font-size: 1.0625rem; line-height: 24px; line-height: 1.5rem; letter-spacing: 0.3px; letter-spacing: 0.01875rem; } .Promise-social-media-feature .crt-carousel-stage { border-radius: 8px; } @media screen and (max-width: 1023px) { .Promise-social-media-feature .crt-carousel-stage .crt-post { border-radius: 8px; } } @media screen and (max-width: 1023px) { .Promise-social-media-feature .crt-widget.crt-widget-carousel { padding: 0; } } .Promise-cta { padding: 72px 0; text-align: center; } @media screen and (max-width: 1023px) { .Promise-cta { padding: 36px 0; } } .Promise-cta .icon { display: block; margin: 0 auto 72px; } @media screen and (max-width: 1023px) { .Promise-cta .icon { margin-bottom: 36px; } } .Promise-footer { border-top: 1px solid #e1e1e1; background: radial-gradient(100% 100% at 50% 100%, rgba(43, 113, 184, 0.1) 0%, rgba(43, 113, 184, 0) 100%), #FFF; } .Promise-footer .footer-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 48px 0; } @media screen and (max-width: 749px) { .Promise-footer .footer-container { border-top: none; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } } .Promise-footer .footer-container .nav-and-social-wrapper { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .Promise-footer .footer-container .content-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .content-wrapper .footer-rich-text { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .Promise-footer .footer-container .content-wrapper .footer-rich-text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 50%; } .Promise-footer .footer-container .content-wrapper .footer-rich-text div { max-width: inherit; padding: 0 0 0 25px; } .Promise-footer .footer-container .content-wrapper .footer-rich-text div:last-child { padding: 0 0 0 25px; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .content-wrapper .footer-rich-text { max-width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .Promise-footer .footer-container .content-wrapper .footer-rich-text div { padding: 0; } .Promise-footer .footer-container .content-wrapper .footer-rich-text div:last-child { padding: 0; } } .Promise-footer .footer-container .logo { height: 72px; width: auto; } .Promise-footer .footer-container .logo img { height: inherit; width: inherit; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .logo { margin-bottom: 24px; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 749px) { .Promise-footer .footer-container .social { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; margin-bottom: 24px; } } .Promise-footer .footer-container .social ul { margin: 0 -23px; padding: 0; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .social ul { margin: 0 -12px; } } .Promise-footer .footer-container .social li { padding: 0 23px; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .social li { padding: 0 12px; } } .Promise-footer .footer-container .social li a svg { height: 60px; width: 60px; } body[data-brand=DIST] .Promise-footer .footer-container .social li a svg path { fill: #1e4f81; } body[data-brand=NLC] .Promise-footer .footer-container .social li a svg path { fill: #416f06; } body[data-brand=NVC] .Promise-footer .footer-container .social li a svg path { fill: #60357e; } body[data-brand=SPC] .Promise-footer .footer-container .social li a svg path { fill: #182878; } body[data-brand=PAC] .Promise-footer .footer-container .social li a svg path { fill: #01766e; } body[data-brand=SAC] .Promise-footer .footer-container .social li a svg path { fill: #9a1519; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .social li a svg { height: 44px; width: 44px; } } @media screen and (max-width: 749px) { .Promise-footer .footer-container .contact { -webkit-order: 3; -ms-flex-order: 3; order: 3; margin: 0 auto; } } .Promise-footer .footer-container .contact .address { margin: 0 0 20px; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; color: #13273E; font-weight: 700; line-height: 140%; font-style: normal; } .Promise-footer .footer-container .contact .phone { font-size: 14px; font-size: 0.875rem; line-height: 24px; line-height: 1.5rem; color: #13273E; text-transform: uppercase; } @media screen and (max-width: 749px) { .Promise-footer .footer-container .contact .phone { margin-bottom: 30px; } } .Promise-footer .footer-container .contact .phone > a { color: #13273E; } .Promise-footer .footer-container .primary-nav { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; font-size: 25px; font-size: 1.5625rem; letter-spacing: 1px; letter-spacing: 0.0625rem; line-height: 32px; line-height: 2rem; font-family: "din-2014", sans-serif; } @media screen and (max-width: 1399px) { .Promise-footer .footer-container .primary-nav { font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; } } @media screen and (max-width: 749px) { .Promise-footer .footer-container .primary-nav { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .Promise-footer .footer-container .primary-nav li { display: block; text-align: center; } } .Promise-footer .footer-container .primary-nav a { font-size: 14px; font-size: 0.875rem; font-weight: 600; line-height: 16px; line-height: 1rem; letter-spacing: 0.42px; letter-spacing: 0.02625rem; margin: 0; padding: 16px 12px; border-radius: 4px; color: #2D2D2D; transition: all 0.3s ease; text-transform: uppercase; text-decoration: none; } .Promise-footer .footer-container .primary-nav a:hover, .Promise-footer .footer-container .primary-nav a:focus { color: #1E4F81; background: #EDEDED; } @media screen and (max-width: 1023px) { .Promise-footer .footer-container .primary-nav a { display: block; margin: 0; padding: 15px 20px; } } @media screen and (min-width: 1024px) { .Promise-footer .footer-container .primary-nav > li:hover .sub-menu { display: block; } } .Promise-footer .footer-container::after { display: none; } /* Global modules */ .WidgetLinkSlider { margin: 0 0 30px; border-bottom: 1px solid #2d2d2d; padding: 0 0 10px; font-family: "din-2014", sans-serif; } .WidgetLinkSlider:after { content: ""; display: table; clear: both; } .WidgetLinkSlider:after { content: ""; display: table; clear: both; } .WidgetLinkSlider h3 { font-size: 18px; font-size: 1.125rem; text-align: center; font-weight: 400; } body[data-brand=DIST] .WidgetLinkSlider h3 { color: #245f9b; } body[data-brand=NLC] .WidgetLinkSlider h3 { color: #568118; } body[data-brand=NVC] .WidgetLinkSlider h3 { color: #713e94; } body[data-brand=SPC] .WidgetLinkSlider h3 { color: #2c4aa0; } body[data-brand=PAC] .WidgetLinkSlider h3 { color: #4c806d; } body[data-brand=SAC] .WidgetLinkSlider h3 { color: #c9362f; } @media screen and (max-width: 749px) { .WidgetLinkSlider { padding: 15px 10px; border-top: 1px solid #2d2d2d; } .WidgetLinkSlider .choose { display: block; padding: 10px 0 10px 18px; width: 100%; margin: 0 auto; max-width: 500px; color: #fff; font-size: 18px; font-size: 1.125rem; } body[data-brand=DIST] .WidgetLinkSlider .choose { background-color: #2b71b8; } body[data-brand=NLC] .WidgetLinkSlider .choose { background-color: #789f3e; } body[data-brand=NVC] .WidgetLinkSlider .choose { background-color: #90499c; } body[data-brand=SPC] .WidgetLinkSlider .choose { background-color: #3a62d3; } body[data-brand=PAC] .WidgetLinkSlider .choose { background-color: #5b9982; } body[data-brand=SAC] .WidgetLinkSlider .choose { background-color: #ed1d24; } .WidgetLinkSlider .frame { display: none; } .WidgetLinkSlider .arrow { display: none; } } @media screen and (min-width: 750px) { .WidgetLinkSlider { position: relative; } .WidgetLinkSlider .title { margin: 0 0 10px; text-align: center; border-bottom: 1px solid #2d2d2d; } .WidgetLinkSlider h3 { padding: 5px 15px; } .WidgetLinkSlider .choose { display: none; } .WidgetLinkSlider .frame { position: relative; max-width: 540px; margin: 0 auto; overflow: hidden; height: 193px; } .WidgetLinkSlider .frame a { color: inherit; font-weight: inherit; text-decoration: none; } .WidgetLinkSlider .frame a:hover { text-decoration: none; } .WidgetLinkSlider .frame ul { position: absolute; left: 0; top: 0; list-style: none; padding: 0; white-space: nowrap; } .WidgetLinkSlider .frame.center > ul { position: relative; text-align: center; } .WidgetLinkSlider .frame li { display: inline-block; vertical-align: top; white-space: normal; width: 180px; padding: 0 2px; } .WidgetLinkSlider .frame .image { position: relative; display: block; width: 100%; height: auto; margin: 0 0 3px; } .WidgetLinkSlider .frame .image img { display: block; width: 176px; height: 115px; } .WidgetLinkSlider .frame .image .color { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; transition: opacity 0.3s ease; } .WidgetLinkSlider .frame .text { display: table-cell; vertical-align: middle; width: 176px; padding: 10px; height: 54px; font-size: 14px; font-size: 0.875rem; line-height: 17px; line-height: 1.0625rem; text-align: center; color: #fff; transition: background-color 0.3s ease; } body[data-brand=DIST] .WidgetLinkSlider .frame .text { background-color: #245f9b; } body[data-brand=NLC] .WidgetLinkSlider .frame .text { background-color: #568118; } body[data-brand=NVC] .WidgetLinkSlider .frame .text { background-color: #713e94; } body[data-brand=SPC] .WidgetLinkSlider .frame .text { background-color: #2c4aa0; } body[data-brand=PAC] .WidgetLinkSlider .frame .text { background-color: #4c806d; } body[data-brand=SAC] .WidgetLinkSlider .frame .text { background-color: #c9362f; } .WidgetLinkSlider .frame a:hover .image .color, .WidgetLinkSlider .frame a.isActive .image .color { opacity: 1; } body[data-brand=DIST] .WidgetLinkSlider .frame a:hover .text, body[data-brand=DIST] .WidgetLinkSlider .frame a.isActive .text { background-color: #1e4f81; } body[data-brand=NLC] .WidgetLinkSlider .frame a:hover .text, body[data-brand=NLC] .WidgetLinkSlider .frame a.isActive .text { background-color: #416f06; } body[data-brand=NVC] .WidgetLinkSlider .frame a:hover .text, body[data-brand=NVC] .WidgetLinkSlider .frame a.isActive .text { background-color: #60357e; } body[data-brand=SPC] .WidgetLinkSlider .frame a:hover .text, body[data-brand=SPC] .WidgetLinkSlider .frame a.isActive .text { background-color: #182878; } body[data-brand=PAC] .WidgetLinkSlider .frame a:hover .text, body[data-brand=PAC] .WidgetLinkSlider .frame a.isActive .text { background-color: #01766e; } body[data-brand=SAC] .WidgetLinkSlider .frame a:hover .text, body[data-brand=SAC] .WidgetLinkSlider .frame a.isActive .text { background-color: #9a1519; } .WidgetLinkSlider .frame a.isActive .image:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; z-index: 5; margin: -36px 0 0 -25px; width: 50px; height: 50px; background: url(../img/check.svg) no-repeat left top; background-size: contain; } .WidgetLinkSlider .arrow { -webkit-user-select: none; -ms-user-select: none; user-select: none; display: none; position: absolute; cursor: pointer; top: 50%; width: 25px; height: 50px; margin: -4px -12px 0; } .WidgetLinkSlider .arrow:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -6px; } .WidgetLinkSlider .arrow.isEnabled { display: block; } .WidgetLinkSlider .arrow.isLeft { left: 1.540436457%; } .WidgetLinkSlider .arrow.isLeft:before { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #2d2d2d; } .WidgetLinkSlider .arrow.isRight { right: 1.540436457%; } .WidgetLinkSlider .arrow.isRight:before { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #2d2d2d; } } @media (min-width: 1208px) { .WidgetLinkSlider .frame { max-width: 720px; } } .WidgetAccordion { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; gap: 20px; padding-bottom: 36px; } .WidgetAccordion .item { margin: 0; box-sizing: content-box; overflow: hidden; } .WidgetAccordion .target { position: relative; color: #000; overflow: hidden; font-family: "din-2014", sans-serif; font-weight: 700; font-size: 20px; font-size: 1.25rem; padding: 16px 40px 16px 16px; border-radius: 8px; border: 1px solid #e1e1e1; text-decoration: none; cursor: pointer; } body[data-brand=DIST] .WidgetAccordion .target:hover, body[data-brand=DIST] .WidgetAccordion .target:focus { color: #1e4f81; } body[data-brand=NLC] .WidgetAccordion .target:hover, body[data-brand=NLC] .WidgetAccordion .target:focus { color: #416f06; } body[data-brand=NVC] .WidgetAccordion .target:hover, body[data-brand=NVC] .WidgetAccordion .target:focus { color: #60357e; } body[data-brand=SPC] .WidgetAccordion .target:hover, body[data-brand=SPC] .WidgetAccordion .target:focus { color: #182878; } body[data-brand=PAC] .WidgetAccordion .target:hover, body[data-brand=PAC] .WidgetAccordion .target:focus { color: #01766e; } body[data-brand=SAC] .WidgetAccordion .target:hover, body[data-brand=SAC] .WidgetAccordion .target:focus { color: #9a1519; } .WidgetAccordion .target:after { content: ""; background: url("../img/plus-dark.svg") no-repeat 50% 50%/cover; width: 24px; height: 24px; position: absolute; right: 16px; transition: 0.3s all; } .WidgetAccordion [data-status=expanded] .target { border-radius: 8px 8px 0 0; border-bottom: none; } .WidgetAccordion [data-status=expanded] .target:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .WidgetAccordion [data-status=expanded] .panel { border-radius: 0 0 8px 8px; } .WidgetAccordion .panel { overflow: hidden; padding: 8px 16px 16px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-top: none; border-radius: 8px; } .WidgetAccordion .icon { display: none; } .WidgetAccordion .panel[aria-hidden=true], .WidgetAccordion [data-status=disabled] .panel { display: none; } .WidgetAccordion .panel p:last-child .primary-button, .WidgetAccordion .panel p:last-child .EPiServerForms input[type=submit], .EPiServerForms .WidgetAccordion .panel p:last-child input[type=submit], .WidgetAccordion .panel p:last-child .EPiServerForms button[type=submit], .EPiServerForms .WidgetAccordion .panel p:last-child button[type=submit] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 32%; margin: 16px auto 0; } @media screen and (max-width: 749px) { .WidgetAccordion .panel p:last-child .primary-button, .WidgetAccordion .panel p:last-child .EPiServerForms input[type=submit], .EPiServerForms .WidgetAccordion .panel p:last-child input[type=submit], .WidgetAccordion .panel p:last-child .EPiServerForms button[type=submit], .EPiServerForms .WidgetAccordion .panel p:last-child button[type=submit] { max-width: 100%; } } @media screen and (max-width: 749px) { .WidgetAccordion { padding-bottom: 28px; } .WidgetAccordion .target { font-size: 16px; font-size: 1rem; padding: 10px 25px 10px 10px; } .WidgetAccordion .target:after { right: 10px; } .WidgetAccordion .panel { padding: 15px 10px; } } @media print { .WidgetAccordion .target { background: white; color: black; } .WidgetAccordion .panel { display: block; } } .WidgetAccordion .TwoColLayout, .WidgetAccordion .ThreeColLayout { margin: 0; } .WidgetAccordion .TwoColLayout tbody, .WidgetAccordion .ThreeColLayout tbody { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .WidgetAccordion .TwoColLayout tr, .WidgetAccordion .ThreeColLayout tr { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; gap: 16px; } @media screen and (max-width: 749px) { .WidgetAccordion .TwoColLayout tr, .WidgetAccordion .ThreeColLayout tr { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .WidgetAccordion .TwoColLayout td, .WidgetAccordion .ThreeColLayout td { width: 100%; padding: 0; } .WidgetAccordion .TwoColLayout td a, .WidgetAccordion .ThreeColLayout td a { margin: 0; transition: 0.3s ease all; } .WidgetAccordion .TwoColLayout td + td, .WidgetAccordion .ThreeColLayout td + td { padding: 0; } @media screen and (max-width: 749px) { .WidgetAccordion .TwoColLayout > tbody > tr > td, .WidgetAccordion .ThreeColLayout > tbody > tr > td { padding: 0; } .WidgetAccordion .TwoColLayout > tbody > tr > td + td, .WidgetAccordion .ThreeColLayout > tbody > tr > td + td { padding-top: 0; } } @media screen and (min-width: 750px) { .WidgetAccordion .TwoColLayout > tbody > tr > td, .WidgetAccordion .ThreeColLayout > tbody > tr > td { width: 100%; padding: 0; } .WidgetAccordion .TwoColLayout > tbody > tr > td + td, .WidgetAccordion .ThreeColLayout > tbody > tr > td + td { padding: 0; } } .WidgetTabs { margin: 0 0 30px; } .WidgetTabs:after { content: ""; display: table; clear: both; } .WidgetTabs:after { content: ""; display: table; clear: both; } .WidgetTabs .tabs, .WidgetTabs .tabContent { margin: 0; padding: 0; list-style: none; } .WidgetTabs .tabs { font-family: "din-2014", sans-serif; z-index: 1; } .WidgetTabs .tabs li a { display: block; color: #fff; overflow: hidden; text-decoration: none; font-size: 18px; font-size: 1.125rem; font-weight: bold; } body[data-brand=DIST] .WidgetTabs .tabs li a { background-color: #1e4f81; } body[data-brand=NLC] .WidgetTabs .tabs li a { background-color: #416f06; } body[data-brand=NVC] .WidgetTabs .tabs li a { background-color: #60357e; } body[data-brand=SPC] .WidgetTabs .tabs li a { background-color: #182878; } body[data-brand=PAC] .WidgetTabs .tabs li a { background-color: #01766e; } body[data-brand=SAC] .WidgetTabs .tabs li a { background-color: #9a1519; } .WidgetTabs .tabs li a:hover { color: #fff; text-decoration: none; } .WidgetTabs .tabs li.active a { color: #fff; } body[data-brand=DIST] .WidgetTabs .tabs li.active a { background-color: #2b71b8; } body[data-brand=NLC] .WidgetTabs .tabs li.active a { background-color: #789f3e; } body[data-brand=NVC] .WidgetTabs .tabs li.active a { background-color: #90499c; } body[data-brand=SPC] .WidgetTabs .tabs li.active a { background-color: #3a62d3; } body[data-brand=PAC] .WidgetTabs .tabs li.active a { background-color: #5b9982; } body[data-brand=SAC] .WidgetTabs .tabs li.active a { background-color: #ed1d24; } .WidgetTabs .tabContent { border: 1px solid #2b71b8; } body[data-brand=DIST] .WidgetTabs .tabContent { border-color: #2b71b8; } body[data-brand=NLC] .WidgetTabs .tabContent { border-color: #789f3e; } body[data-brand=NVC] .WidgetTabs .tabContent { border-color: #90499c; } body[data-brand=SPC] .WidgetTabs .tabContent { border-color: #3a62d3; } body[data-brand=PAC] .WidgetTabs .tabContent { border-color: #5b9982; } body[data-brand=SAC] .WidgetTabs .tabContent { border-color: #ed1d24; } .WidgetTabs .tabContent > li { display: none; background: #e1e1e1; overflow: hidden; } .WidgetTabs .tabContent > li.active { display: block; } .WidgetTabs .tabContent ul { list-style-type: disc; } .WidgetTabs .tabContent ul ul { list-style-type: circle; } @media screen and (max-width: 749px) { .WidgetTabs { position: relative; } .WidgetTabs .tabs { position: absolute; width: 100%; z-index: 1; } .WidgetTabs .tabs li { display: none; } .WidgetTabs .tabs li a { height: 55px; line-height: 55px; line-height: 3.4375rem; padding: 0 30px 0 10px; } .WidgetTabs .tabs li.active { display: block; position: relative; } .WidgetTabs .tabs li.active:before { position: absolute; right: 10px; top: 15px; content: ""; width: 0; height: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 10px solid white; cursor: pointer; } .WidgetTabs .tabs li.active:after { position: absolute; right: 10px; bottom: 15px; content: ""; width: 0; height: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 10px solid white; cursor: pointer; } .WidgetTabs .tabContent > li { padding: 65px 10px 10px; } .WidgetTabs .tabs.open > li { display: block; } } @media screen and (min-width: 750px) { .WidgetTabs .tabs { overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; } .WidgetTabs .tabs li { float: left; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0 2px 0 0; } .WidgetTabs .tabs li:last-child { padding: 0; } .WidgetTabs .tabs li a { padding: 0 10px; height: 47px; line-height: 47px; line-height: 2.9375rem; text-align: center; } body[data-brand=DIST] .WidgetTabs .tabs li a:hover { background-color: #2b71b8; } body[data-brand=NLC] .WidgetTabs .tabs li a:hover { background-color: #789f3e; } body[data-brand=NVC] .WidgetTabs .tabs li a:hover { background-color: #90499c; } body[data-brand=SPC] .WidgetTabs .tabs li a:hover { background-color: #3a62d3; } body[data-brand=PAC] .WidgetTabs .tabs li a:hover { background-color: #5b9982; } body[data-brand=SAC] .WidgetTabs .tabs li a:hover { background-color: #ed1d24; } .WidgetTabs .tabs li.active a:hover { background: #2b71b8; cursor: text; } body[data-brand=DIST] .WidgetTabs .tabs li.active a:hover { background-color: #2b71b8; } body[data-brand=NLC] .WidgetTabs .tabs li.active a:hover { background-color: #789f3e; } body[data-brand=NVC] .WidgetTabs .tabs li.active a:hover { background-color: #90499c; } body[data-brand=SPC] .WidgetTabs .tabs li.active a:hover { background-color: #3a62d3; } body[data-brand=PAC] .WidgetTabs .tabs li.active a:hover { background-color: #5b9982; } body[data-brand=SAC] .WidgetTabs .tabs li.active a:hover { background-color: #ed1d24; } .WidgetTabs .tabContent { border-top: 6px solid #2b71b8; } body[data-brand=DIST] .WidgetTabs .tabContent { border-color: #2b71b8; } body[data-brand=NLC] .WidgetTabs .tabContent { border-color: #789f3e; } body[data-brand=NVC] .WidgetTabs .tabContent { border-color: #90499c; } body[data-brand=SPC] .WidgetTabs .tabContent { border-color: #3a62d3; } body[data-brand=PAC] .WidgetTabs .tabContent { border-color: #5b9982; } body[data-brand=SAC] .WidgetTabs .tabContent { border-color: #ed1d24; } .WidgetTabs .tabContent > li { padding: 20px 30px; } } @media print { .WidgetTabs .tabs li a { background: white; color: black; } .WidgetTabs .tabContent > li { display: block; } } .Home-getting-started { color: #fff; overflow: hidden; padding: 144px 0 64px; background: radial-gradient(100% 100% at 50% 100%, rgba(43, 113, 184, 0.1) 0%, rgba(43, 113, 184, 0) 100%), #FFF; border-bottom: 1px solid rgba(30, 79, 129, 0.1); } @media screen and (max-width: 1023px) { .Home-getting-started { padding: 32px 0; } } .Home-getting-started .block-title { margin-bottom: 40px; } .Home-getting-started .block-title h2 { font-family: "Open Sans", sans-serif; font-size: 40px; font-size: 2.5rem; font-weight: 800; line-height: 120%; letter-spacing: -1.6px; letter-spacing: -0.1rem; color: #2d2d2d; padding: 0; } @media screen and (max-width: 749px) { .Home-getting-started .block-title h2 { font-size: 30px; font-size: 1.875rem; } } @media screen and (max-width: 749px) { .Home-getting-started .block-title { margin-bottom: 24px; } } .Home-getting-started .map-container { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; margin-bottom: 24px; } .Home-getting-started .map-container .map { display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 75%; width: 100%; } @media screen and (max-width: 749px) { .Home-getting-started .map-container .map { max-width: 100%; } } .Home-getting-started .map-container .map p { width: 100%; padding: 0; } .Home-getting-started .map-container .map p iframe { box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 8px; border: 1px solid #E1E1E1; } .Home-getting-started .map-container .locations { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 18px; } @media screen and (max-width: 749px) { .Home-getting-started .map-container .locations { display: none; } } .Home-getting-started .map-container .locations h6 { font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 700; letter-spacing: -0.48px; letter-spacing: -0.03rem; padding: 0; } .Home-getting-started .map-container .locations .address, .Home-getting-started .map-container .locations .phone { font-size: 14px; font-size: 0.875rem; color: rgba(0, 0, 0, 0.6); font-weight: 700; } .Home-getting-started .map-container .locations .pac h6 { color: #01766e; } .Home-getting-started .map-container .locations .nlc h6 { color: #416f06; } .Home-getting-started .map-container .locations .nvc h6 { color: #60357e; } .Home-getting-started .map-container .locations .spc h6 { color: #182878; } .Home-getting-started .map-container .locations .sac h6 { color: #9a1519; } .Home-getting-started .sub-text { padding-bottom: 90px; text-align: center; font-size: 28px; font-size: 1.75rem; } @media screen and (max-width: 1023px) { .Home-getting-started .sub-text { font-size: 24px; font-size: 1.5rem; } } @media screen and (max-width: 749px) { .Home-getting-started .sub-text { font-size: 20px; font-size: 1.25rem; } } .Home-getting-started .steps-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 8px; margin: 0; list-style-type: none; position: relative; padding: 0; } @media screen and (max-width: 1023px) { .Home-getting-started .steps-list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 499px) { .Home-getting-started .steps-list { margin: 0; } } .Home-getting-started .steps-list .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 850px) { .Home-getting-started .steps-list .item { display: block; max-width: 100%; } } .Home-getting-started .steps-list .item a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; background: linear-gradient(180deg, #0E4F91 0%, #13273E 100%); box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 32px; width: 100%; position: relative; } .Home-getting-started .steps-list .item a:hover { box-shadow: 0px 8px 12px -2px rgba(0, 0, 0, 0.15), 0px 4px 8px -2px rgba(0, 0, 0, 0.1); text-decoration: none; } .Home-getting-started .steps-list .item a:hover::before { opacity: 1; } .Home-getting-started .steps-list .item a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 0; border-radius: inherit; opacity: 0; transition: opacity 0.3s ease; } @media screen and (max-width: 1023px) { .Home-getting-started .steps-list .item a { padding: 24px; } } .Home-getting-started .steps-list .item a .image-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; border-radius: 99px; padding: 9px; background: #E5EEF9; } .Home-getting-started .steps-list .item a .image { height: 30px; width: 30px; object-fit: cover; } .Home-getting-started .steps-list .item a .content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; position: relative; height: 100%; } .Home-getting-started .steps-list .item a .content h2 { font-family: "Open Sans", sans-serif; color: #fff; font-size: 24px; font-size: 1.5rem; padding: 0; } @media screen and (max-width: 749px) { .Home-getting-started .steps-list .item a .content h2 { font-size: 20px; font-size: 1.25rem; } } .Home-getting-started .steps-list .item a .content .description { font-family: "Open Sans", sans-serif; color: #DAECFF; font-size: 20px; font-size: 1.25rem; font-weight: 700; line-height: 140%; opacity: 0.8; } @media screen and (max-width: 749px) { .Home-getting-started .steps-list .item a .content .description { font-size: 16px; font-size: 1rem; } } .Home-getting-started .steps-list .item a .content .description p { padding: 0; } .Home-getting-started .steps-list .item a .wrap-more { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; color: #FFFFFF; font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 16px; line-height: 1rem; margin-top: auto; } .Home-getting-started .steps-list .item a .card-link { text-decoration: none; } [data-template=generalTemplate] .Home-getting-started { background-color: #262626; } @media screen and (max-width: 1247px) { [data-template=generalTemplate] .Home-getting-started { margin-left: -40px; margin-right: -40px; } } @media screen and (min-width: 1248px) { [data-template=generalTemplate] .Home-getting-started { margin-left: calc(-100vw / 2 + 1208px / 2); margin-right: calc(-100vw / 2 + 1208px / 2); } } @media screen and (max-width: 1023px) { [data-template=generalTemplate] .TwoColWrapper .rightCol .Home-getting-started { margin-left: -40px; margin-right: -40px; } } @media screen and (min-width: 1024px) { [data-template=generalTemplate] .TwoColWrapper .rightCol .Home-getting-started { margin-left: 0; margin-right: 0; } } .Promise-landing-page .Global-getting-started { padding: 0; } .Promise-landing-page .Global-getting-started .steps-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 20px; margin: 0; list-style-type: none; position: relative; padding: 0; } @media screen and (max-width: 1023px) { .Promise-landing-page .Global-getting-started .steps-list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; } } .Promise-landing-page .Global-getting-started .steps-list .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: none; position: relative; padding: 0; background: none; } @media screen and (max-width: 1023px) { .Promise-landing-page .Global-getting-started .steps-list .item { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 499px) { .Promise-landing-page .Global-getting-started .steps-list .item { margin: 0; } } @media screen and (max-width: 850px) { .Promise-landing-page .Global-getting-started .steps-list .item { display: block; max-width: 100%; } } .Promise-landing-page .Global-getting-started .steps-list .item .image-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .Promise-landing-page .Global-getting-started .steps-list .item .image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; background: linear-gradient(180deg, rgba(30, 79, 129, 0) 35%, rgba(30, 79, 129, 0.99) 67%); border-radius: 8px; pointer-events: none; } @media screen and (max-width: 749px) { .Promise-landing-page .Global-getting-started .steps-list .item .image-wrapper:after { background: linear-gradient(180deg, rgba(30, 79, 129, 0) 15%, rgba(30, 79, 129, 0.99) 50%); } } .Promise-landing-page .Global-getting-started .steps-list .item .image { width: 100%; max-height: 100%; border-radius: 8px; aspect-ratio: 4/3; object-fit: cover; height: auto; } @media screen and (max-width: 749px) { .Promise-landing-page .Global-getting-started .steps-list .item .image { aspect-ratio: 1; } } .Promise-landing-page .Global-getting-started .steps-list .item .content { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px; gap: 12px; } .Promise-landing-page .Global-getting-started .steps-list .item .content h2 { color: #fff; font-family: "Open Sans", sans-serif; font-size: 24px; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.48px; letter-spacing: -0.03rem; text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06); padding: 0; } @media screen and (max-width: 1023px) { .Promise-landing-page .Global-getting-started .steps-list .item .content h2 { font-size: 20px; font-size: 1.25rem; } } .Promise-landing-page .Global-getting-started .steps-list .item .content .description p { color: #fff; font-family: "Open Sans", sans-serif; text-align: center; font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 160%; text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06); padding: 0; } @media screen and (min-width: 1024px) { .Promise-landing-page .Global-getting-started .steps-list .item .content .description p { font-size: 14px; font-size: 0.875rem; } } .Promise-landing-page .Global-getting-started .steps-list .item .content .description p a { color: rgba(255, 255, 255, 0.8); text-decoration: underline; } .Promise-landing-page .Global-getting-started .steps-list .item .content .wrap-more { left: 20px; right: 20px; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; position: static; padding-top: 15px; } .Promise-landing-page .Global-getting-started .steps-list .item .content .wrap-more .more:after { display: none; } .Promise-landing-page .Global-getting-started .steps-list .item:before, .Promise-landing-page .Global-getting-started .steps-list .item:after { display: none; } @media screen and (min-width: 1024px) { .Promise-landing-page .grey-bg .Global-getting-started { overflow: visible; } } @media (max-width: 1247px) and (min-width: 1024px) { body[data-sidenav=False] .Statistics .top-border { margin: 5%; } } @media (max-width: 889px) and (min-width: 749px) { body[data-sidenav=False] .Statistics .top-border { margin: 5%; } } @media screen and (max-width: 749px) { body[data-sidenav=True] .Statistics { width: 100%; } body[data-sidenav=True] .Statistics.not-first-item { padding-top: 20px; } } .Statistics { position: relative; padding: 56px 0; } .Statistics:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #FFF 3.88%, rgba(255, 255, 255, 0) 45.17%), url(../img/stats-bg-img.png) lightgray 50%/cover no-repeat; opacity: 0.15; z-index: 1; } @media screen and (max-width: 749px) { .Statistics { background: #E5EEF9; border-top: 1px solid #E1E1E1; padding: 50px 0; } .Statistics:before { display: none; } } .Statistics .Container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 64px; } .Statistics .Container:after { display: none; } @media screen and (max-width: 749px) { .Statistics .Container { gap: 32px; } } .Statistics .top-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; gap: 24px; z-index: 5; } .no-flexbox .Statistics .top-row { display: table; width: 100%; } .no-flexbox .Statistics .top-row .description, .no-flexbox .Statistics .top-row .btn-list { display: table-cell; } .no-flexbox .Statistics .top-row .btn-list li { display: table-cell; width: 50%; padding: 0 5px; } @media screen and (max-width: 749px) { .Statistics .top-row { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .Statistics .top-row .title { width: 100%; text-align: center; font-size: 40px; font-size: 2.5rem; font-weight: 800; font-family: "Open Sans", sans-serif; color: #1d1d1d; padding: 0; } @media screen and (max-width: 749px) { .Statistics .top-row .title { font-size: 30px; font-size: 1.875rem; } } .Statistics .top-row .description { -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 20px; font-size: 1.25rem; font-weight: 400; color: #4F4F4F; } @media screen and (max-width: 749px) { .Statistics .top-row .description { font-size: 16px; font-size: 1rem; } } .Statistics .top-row .description p { padding: 0; } .Statistics .btn-list { -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin: 0; list-style-type: none; } @media screen and (min-width: 1400px) { .Statistics .btn-list { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 1399px) { .Statistics .btn-list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 749px) { .Statistics .btn-list { display: table; } } .Statistics .btn-list li { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media screen and (min-width: 750px) { .Statistics .btn-list li { margin-left: 40px; } } @media screen and (max-width: 1399px) { .Statistics .btn-list li { margin-bottom: 15px; } .Statistics .btn-list li:last-child { margin-bottom: 0; } } .Statistics .btn-list li a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 24px; background-color: #2B71B8; border-radius: 4px; font-size: 16px; font-size: 1rem; font-weight: 600; font-family: "Open Sans", sans-serif; white-space: nowrap; text-decoration: none; color: #fff; height: 50px; line-height: 16px; line-height: 1rem; max-width: -webkit-fit-content; max-width: fit-content; transition: 0.3s all; z-index: 5; } .Statistics .btn-list li a:hover { color: #fff; text-decoration: none; background: #1E4F81; } .Statistics .btn-list li a span { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; position: relative; } .Statistics .btn-list li a span.about:after { content: ""; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 16px; width: 16px; background: url("../img/arrow-right-white.svg") no-repeat 50% 50%/cover; } .Statistics .btn-list li a span.accreditation:after { height: 16px; width: 16px; background: url("../img/arrow-right-white.svg") no-repeat 50% 50%/cover; } @media screen and (min-width: 750px) { .Statistics .top-border { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 5%; } } .Statistics .chart-list { padding: 0; list-style-type: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; width: 100%; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; z-index: 5; } .no-flexbox .Statistics .chart-list { display: table; width: 100%; } .no-flexbox .Statistics .chart-list li { display: table-cell; } @media screen and (max-width: 1023px) { .Statistics .chart-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 749px) { .Statistics .chart-list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 0; } } .Statistics .chart-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 16px; } @media screen and (max-width: 1023px) { .Statistics .chart-list li { width: 50%; margin-bottom: 25px; } } @media screen and (max-width: 749px) { .Statistics .chart-list li { width: 100%; } .Statistics .chart-list li.not-first-item { padding-top: 20px; } } .Statistics .chart-list li .icon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px; border-radius: 99px; background-color: #fff; margin-bottom: 16px; } .Statistics .chart-list li .icon img { width: 40px; height: 40px; } .Statistics .chart-list li .num { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 70px; font-size: 4.375rem; font-family: "Open Sans", sans-serif; font-weight: 800; line-height: 120%; margin-top: auto; margin-bottom: auto; position: relative; display: block; text-decoration: none; } @media screen and (max-width: 749px) { .Statistics .chart-list li .num { font-size: 73px; font-size: 4.5625rem; padding-top: 0; } } .Statistics .chart-list li .num.blue { color: #2b71b8; } .Statistics .chart-list li .num.teal { color: #016450; } .Statistics .chart-list li .num.dark-blue { color: #1e4f81; } .Statistics .chart-list li .num.green { color: #007360; } .Statistics .chart-list li .num.yellow { color: #edb01d; } .Statistics .chart-list li .num.plus:after { content: "+"; display: inline-block; margin-left: 0; } .Statistics .chart-list li .label { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: "Open Sans", sans-serif; margin: 8px 0; } @media screen and (max-width: 749px) { .Statistics .chart-list li .label { font-size: 14px; font-size: 0.875rem; } } .Statistics .chart-list li .label .main-label { font-size: 16px; font-size: 1rem; color: #13273e; font-weight: 700; } .Statistics .chart-list li .label .small-text { display: -webkit-flex; display: -ms-flexbox; display: flex; color: #044b7f; font-size: 14px; font-size: 0.875rem; } .Statistics .chart-list li .link-btn a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; color: #2B71B8; font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-style: normal; font-weight: 600; line-height: 16px; line-height: 1rem; padding: 12px 0; } @media screen and (max-width: 1023px) { .Statistics .chart-list li .link-btn a { font-size: 14px; font-size: 0.875rem; } } .Statistics .chart-list li .link-btn a svg path { fill: #2B71B8; } .Statistics .chart-list li .link-btn a:hover { transition: 0.3s ease all; text-decoration: none; color: #1E4F81; } .Statistics .chart-list li .link-btn a:hover svg path { fill: #1E4F81; } .Promise-landing-page .Statistics h3 { color: #1D1D1D; text-align: center; font-family: "Open Sans", sans-serif; font-size: 40px; font-size: 2.5rem; font-style: normal; font-weight: 800; line-height: 120%; letter-spacing: -1.6px; letter-spacing: -0.1rem; padding: 0; margin-bottom: 32px; z-index: 5; } @media screen and (max-width: 749px) { .Promise-landing-page .Statistics h3 { font-size: 30px; font-size: 1.875rem; } } .Promise-landing-page .Statistics .description { color: #4F4F4F; text-align: center; font-family: "Open Sans", sans-serif; font-size: 20px; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 140%; z-index: 5; } @media screen and (max-width: 749px) { .Promise-landing-page .Statistics .description { font-size: 16px; font-size: 1rem; } } .Promise-landing-page .Statistics > .Container { gap: 0; } .Promise-landing-page .Statistics .chart-list { margin-top: 64px; } @media screen and (max-width: 1023px) { .Promise-landing-page .Statistics .chart-list { font-size: 32px; font-size: 2rem; } } .Promise-landing-page .Statistics .chart-list li .num.blue { color: #2b71b8; } .Promise-landing-page .Statistics .chart-list li .num.teal { color: #5b9982; } .Promise-landing-page .Statistics .chart-list li .num.dark-blue { color: #1e4f81; } .Promise-landing-page .Statistics .chart-list li .num.yellow { color: #edb01d; } .Social-media-feed { font-size: 12px; font-size: 0.75rem; } @media screen and (min-width: 1024px) { .Social-media-feed .mobile { display: none; } } @media screen and (max-width: 1023px) { .Social-media-feed .desktop { display: none; } } @media screen and (max-width: 1023px) { .Social-media-feed.no-mobile-feed .desktop { display: block; } } .widgetCollegeSearch { margin: 0 0 30px; padding: 70px 0; background-color: #fff; } .widgetCollegeSearch:after { content: ""; display: table; clear: both; } body[data-brand=DIST] .widgetCollegeSearch { border-color: #245f9b; } body[data-brand=NLC] .widgetCollegeSearch { border-color: #568118; } body[data-brand=NVC] .widgetCollegeSearch { border-color: #713e94; } body[data-brand=SPC] .widgetCollegeSearch { border-color: #2c4aa0; } body[data-brand=PAC] .widgetCollegeSearch { border-color: #4c806d; } body[data-brand=SAC] .widgetCollegeSearch { border-color: #c9362f; } @media screen and (max-width: 499px) { .widgetCollegeSearch { padding: 60px 0; } } .widgetCollegeSearch.displayBorder { border-top: 10px solid; border-bottom: 10px solid; } .widgetCollegeSearch .title { font-size: 48px; font-size: 3rem; font-weight: bold; line-height: 1; padding: 0; margin: 0 0 20px; text-align: center; } @media screen and (max-width: 1023px) { .widgetCollegeSearch .title { font-size: 38px; font-size: 2.375rem; } } @media screen and (max-width: 499px) { .widgetCollegeSearch .title { font-size: 28px; font-size: 1.75rem; margin: 0 0 25px; } } .widgetCollegeSearch .sub-text { font-family: "din-2014", sans-serif; font-size: 14px; font-size: 0.875rem; text-align: center; width: 100%; max-width: 750px; margin: 0 auto 30px; line-height: 1.5; } .widgetCollegeSearch input[type=text] { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; line-height: 60px; line-height: 3.75rem; font-size: 20px; font-size: 1.25rem; font-family: "Open Sans", sans-serif; color: #000; text-align: center; width: 100%; max-width: 896px; margin: 0 auto 25px; border-width: 2px; border-color: #acacac; border-style: solid; padding: 0 15px; overflow: hidden; } .no-flexbox .widgetCollegeSearch input[type=text] { display: table; margin: 0 auto 25px; } @media screen and (max-width: 749px) { .widgetCollegeSearch input[type=text] { font-size: 16px; font-size: 1rem; margin: 0 auto 10px; } body[data-brand=DIST] .widgetCollegeSearch input[type=text] { border-color: #2b71b8; } body[data-brand=NLC] .widgetCollegeSearch input[type=text] { border-color: #789f3e; } body[data-brand=NVC] .widgetCollegeSearch input[type=text] { border-color: #90499c; } body[data-brand=SPC] .widgetCollegeSearch input[type=text] { border-color: #3a62d3; } body[data-brand=PAC] .widgetCollegeSearch input[type=text] { border-color: #5b9982; } body[data-brand=SAC] .widgetCollegeSearch input[type=text] { border-color: #ed1d24; } } @media screen and (max-width: 499px) { .widgetCollegeSearch input[type=text] { font-size: 14px; font-size: 0.875rem; } } .widgetCollegeSearch .btn-block { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .no-flexbox .widgetCollegeSearch .btn-block { display: table; width: 71%; margin: 0 auto 75px; } .no-flexbox .widgetCollegeSearch .btn-block .submit-search, .no-flexbox .widgetCollegeSearch .btn-block .or { float: left; } @media screen and (max-width: 1100px) { .widgetCollegeSearch .btn-block { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto 45px; padding: 0 10px; } } @media screen and (min-width: 1024px) { .widgetCollegeSearch .btn-block .button-wrapper { float: left; } } @media screen and (max-width: 1100px) { .widgetCollegeSearch .btn-block .button-wrapper { width: 100%; max-width: 425px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1023px) { .widgetCollegeSearch .btn-block .button-wrapper { width: 100%; max-width: 425px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .widgetCollegeSearch .btn-block .select-search-type { float: left; border-right: 1px solid #fff; width: 75px; height: 78px; line-height: 74px; line-height: 4.625rem; background-image: url("/Static/dist/img/icon-check-hollow-circle_white.svg"); background-repeat: no-repeat; background-position: center; cursor: pointer; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .select-search-type { background-color: #245f9b; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .select-search-type { background-color: #568118; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .select-search-type { background-color: #713e94; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .select-search-type { background-color: #2c4aa0; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .select-search-type { background-color: #4c806d; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .select-search-type { background-color: #c9362f; } @media screen and (max-width: 1100px) { .widgetCollegeSearch .btn-block .select-search-type { width: 55px; height: 58px; } } @media screen and (max-width: 1023px) { .widgetCollegeSearch .btn-block .select-search-type { width: 45px; height: 48px; } } .widgetCollegeSearch .btn-block .select-search-type input[type=radio] { display: none; } .widgetCollegeSearch .btn-block .button-wrapper.active .select-search-type { background-image: url("/Static/dist/img/icon-check-circle_white.svg"); } .widgetCollegeSearch .btn-block .submit-search { float: left; max-width: 350px; border: 2px solid; font-size: 26px; font-size: 1.625rem; font-weight: bold; font-family: "din-2014", sans-serif; text-align: left; padding: 0 15px 0 15px; height: 78px; line-height: 74px; line-height: 4.625rem; color: #fff; transition: 0.3s all; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .submit-search { border-color: #245f9b; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .submit-search { border-color: #568118; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .submit-search { border-color: #713e94; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .submit-search { border-color: #2c4aa0; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .submit-search { border-color: #4c806d; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .submit-search { border-color: #c9362f; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .submit-search { background-color: #245f9b; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .submit-search { background-color: #568118; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .submit-search { background-color: #713e94; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .submit-search { background-color: #2c4aa0; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .submit-search { background-color: #4c806d; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .submit-search { background-color: #c9362f; } .widgetCollegeSearch .btn-block .submit-search:hover { color: #2d2d2d; text-decoration: none; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .submit-search:hover { border-color: #2b71b8; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .submit-search:hover { border-color: #789f3e; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .submit-search:hover { border-color: #90499c; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .submit-search:hover { border-color: #3a62d3; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .submit-search:hover { border-color: #5b9982; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .submit-search:hover { border-color: #ed1d24; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .submit-search:hover { background-color: white; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .submit-search:hover { background-color: white; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .submit-search:hover { background-color: white; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .submit-search:hover { background-color: white; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .submit-search:hover { background-color: white; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .submit-search:hover { background-color: white; } @media screen and (max-width: 1100px) { .widgetCollegeSearch .btn-block .submit-search { height: 58px; line-height: 54px; line-height: 3.375rem; margin-bottom: 10px; max-width: 100%; width: calc(100% - 45px); float: left; } } @media screen and (max-width: 1023px) { .widgetCollegeSearch .btn-block .submit-search { height: 48px; line-height: 44px; line-height: 2.75rem; font-size: 18px; font-size: 1.125rem; margin-bottom: 10px; width: calc(100% - 45px); max-width: 100%; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .submit-search { border-color: #2b71b8; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .submit-search { border-color: #789f3e; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .submit-search { border-color: #90499c; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .submit-search { border-color: #3a62d3; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .submit-search { border-color: #5b9982; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .submit-search { border-color: #ed1d24; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .submit-search { background-color: #2b71b8; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .submit-search { background-color: #789f3e; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .submit-search { background-color: #90499c; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .submit-search { background-color: #3a62d3; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .submit-search { background-color: #5b9982; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .submit-search { background-color: #ed1d24; } } .widgetCollegeSearch .btn-block .or { font-size: 18px; font-size: 1.125rem; font-weight: 300; font-family: "din-2014", sans-serif; margin: 0 15px; line-height: 78px; line-height: 4.875rem; text-transform: uppercase; } body[data-brand=DIST] .widgetCollegeSearch .btn-block .or { color: #1e4f81; } body[data-brand=NLC] .widgetCollegeSearch .btn-block .or { color: #416f06; } body[data-brand=NVC] .widgetCollegeSearch .btn-block .or { color: #60357e; } body[data-brand=SPC] .widgetCollegeSearch .btn-block .or { color: #182878; } body[data-brand=PAC] .widgetCollegeSearch .btn-block .or { color: #01766e; } body[data-brand=SAC] .widgetCollegeSearch .btn-block .or { color: #9a1519; } @media screen and (max-width: 1100px) { .widgetCollegeSearch .btn-block .or { display: none; } } .widgetCollegeSearch .browse-btn { font-family: "din-2014", sans-serif; font-size: 28px; font-size: 1.75rem; font-weight: 400; padding: 0 55px 0 0; margin: 75px auto 0; display: table; position: relative; color: #2d2d2d; transition: 0.3s all; } .widgetCollegeSearch .browse-btn:hover { text-decoration: none; } .widgetCollegeSearch .browse-btn:hover .chevron { right: -10px; } body[data-brand=DIST] .widgetCollegeSearch .browse-btn:hover .chevron path { fill: #1e4f81; } body[data-brand=NLC] .widgetCollegeSearch .browse-btn:hover .chevron path { fill: #416f06; } body[data-brand=NVC] .widgetCollegeSearch .browse-btn:hover .chevron path { fill: #60357e; } body[data-brand=SPC] .widgetCollegeSearch .browse-btn:hover .chevron path { fill: #182878; } body[data-brand=PAC] .widgetCollegeSearch .browse-btn:hover .chevron path { fill: #01766e; } body[data-brand=SAC] .widgetCollegeSearch .browse-btn:hover .chevron path { fill: #9a1519; } @media screen and (max-width: 1023px) { .widgetCollegeSearch .browse-btn { font-size: 20px; font-size: 1.25rem; text-align: left; } } .widgetCollegeSearch .browse-btn .chevron { position: absolute; right: 0; top: calc(50% - 9px); bottom: 0; transition: 0.3s all; } .widgetCollegeSearch .browse-btn .chevron svg { height: 18px; width: 10px; } body[data-brand=DIST] .widgetCollegeSearch .browse-btn .chevron svg path { fill: #2b71b8; } body[data-brand=NLC] .widgetCollegeSearch .browse-btn .chevron svg path { fill: #789f3e; } body[data-brand=NVC] .widgetCollegeSearch .browse-btn .chevron svg path { fill: #90499c; } body[data-brand=SPC] .widgetCollegeSearch .browse-btn .chevron svg path { fill: #3a62d3; } body[data-brand=PAC] .widgetCollegeSearch .browse-btn .chevron svg path { fill: #5b9982; } body[data-brand=SAC] .widgetCollegeSearch .browse-btn .chevron svg path { fill: #ed1d24; } .related-links-block { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 72px 56px; background: #f9f9f9; } .related-links-block__heading { font-family: "din-2014", sans-serif; color: #2d2d2d; font-size: 36px; font-size: 2.25rem; font-weight: 600; line-height: 40px; line-height: 2.5rem; text-align: left; padding: 0; margin-bottom: 8px; width: 75%; } .related-links-block__heading + .related-links-block__cards { margin-top: 32px; } @media screen and (max-width: 1023px) { .related-links-block__heading { font-size: 30px; font-size: 1.875rem; line-height: 38.28px; line-height: 2.3925rem; } } .related-links-block__sub-heading { font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 21.79px; line-height: 1.36188rem; text-align: left; padding: 0; width: 75%; } .related-links-block__sub-heading + .related-links-block__cards { margin-top: 32px; } .related-links-block__cards { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 32px; column-gap: 32px; } .related-links-block .card__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #fff; width: 100%; height: 100%; border: 1px solid #f3f3f3; border-radius: 4px; transition: box-shadow 0.3s ease; } .related-links-block .card__wrapper img { aspect-ratio: 16/9; object-fit: cover; border-top-left-radius: inherit; border-top-right-radius: inherit; } .related-links-block .card__wrapper:hover { box-shadow: 0px 4px 6px -2px #0000000d, 0px 10px 15px -3px #0000001a; text-decoration: none; } body[data-brand=DIST] .related-links-block .card__wrapper:hover .card__title { color: #1e4f81; } body[data-brand=NLC] .related-links-block .card__wrapper:hover .card__title { color: #416f06; } body[data-brand=NVC] .related-links-block .card__wrapper:hover .card__title { color: #60357e; } body[data-brand=SPC] .related-links-block .card__wrapper:hover .card__title { color: #182878; } body[data-brand=PAC] .related-links-block .card__wrapper:hover .card__title { color: #01766e; } body[data-brand=SAC] .related-links-block .card__wrapper:hover .card__title { color: #9a1519; } .related-links-block .card__info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; padding: 24px; } .related-links-block .card__title { font-family: "din-2014", sans-serif; font-size: 20px; font-size: 1.25rem; font-weight: 600; line-height: 28px; line-height: 1.75rem; padding: 0; color: #2d2d2d; transition: color 0.3s ease; } .related-links-block .card__desc { font-family: "Open Sans", sans-serif; font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: 20px; line-height: 1.25rem; padding: 0; color: #2d2d2d; } .related-links-block .card__link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; font-family: "din-2014", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 20px; line-height: 1.25rem; padding: 8px 0; width: -webkit-fit-content; width: fit-content; } body[data-brand=DIST] .related-links-block .card__link { color: #1e4f81; } body[data-brand=NLC] .related-links-block .card__link { color: #416f06; } body[data-brand=NVC] .related-links-block .card__link { color: #60357e; } body[data-brand=SPC] .related-links-block .card__link { color: #182878; } body[data-brand=PAC] .related-links-block .card__link { color: #01766e; } body[data-brand=SAC] .related-links-block .card__link { color: #9a1519; } .related-links-block .card__link svg { width: 20px; } body[data-brand=DIST] .related-links-block .card__link svg path { fill: #1e4f81; } body[data-brand=NLC] .related-links-block .card__link svg path { fill: #416f06; } body[data-brand=NVC] .related-links-block .card__link svg path { fill: #60357e; } body[data-brand=SPC] .related-links-block .card__link svg path { fill: #182878; } body[data-brand=PAC] .related-links-block .card__link svg path { fill: #01766e; } body[data-brand=SAC] .related-links-block .card__link svg path { fill: #9a1519; } @media screen and (max-width: 1023px) { .related-links-block__cards { -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 20px; } .related-links-block__heading { width: 100%; } .related-links-block__subheading { width: 100%; } } @media screen and (max-width: 749px) { .related-links-block { padding: 32px 18px; } } .featured-media-block { display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f9f9f9; gap: 72px; padding: 56px 72px; } .featured-media-block__info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .featured-media-block__info h3 { font-size: 36px; font-size: 2.25rem; line-height: 40px; line-height: 2.5rem; font-weight: 600; } @media screen and (max-width: 1023px) { .featured-media-block__info h3 { font-size: 30px; font-size: 1.875rem; line-height: 38.28px; line-height: 2.3925rem; } } .featured-media-block .WidgetVideo { margin: 0; } .featured-media-block .WidgetVideo .name { width: 0; height: 0; } .featured-media-block .WidgetVideo .thumb { margin: 0; } .featured-media-block__media { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 412px; width: 100%; } .featured-media-block__media img { object-fit: cover; border-radius: 4px; width: 100%; height: 100%; } @media screen and (max-width: 1023px) { .featured-media-block__media { max-width: none; } } .featured-media-block__media .ratio-16-9 { aspect-ratio: 16/9; } .featured-media-block__media .ratio-3-2 { aspect-ratio: 3/2; } .featured-media-block__media .ratio-1-1 { aspect-ratio: 1; } .featured-media-block .ratio-video-16-9 img { aspect-ratio: 16/9; } .featured-media-block .ratio-video-3-2 img { aspect-ratio: 3/2; } .featured-media-block .ratio-video-1-1 img { aspect-ratio: 1; } @media screen and (min-width: 750px) { .featured-media-block.Left { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .featured-media-block.Right { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 749px) { .featured-media-block { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 32px 18px; gap: 24px; } .featured-media-block__info { width: 100%; } .featured-media-block__media { width: 100%; } .featured-media-block__media img { width: 100%; } } .Promise-landing-page .featured-media-block__info h3 { color: #2D2D2D; font-family: "Open Sans", sans-serif; font-size: 24px; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: -0.48px; letter-spacing: -0.03rem; } @media screen and (max-width: 1023px) { .Promise-landing-page .featured-media-block__info h3 { font-size: 20px; font-size: 1.25rem; } } .Promise-landing-page .featured-media-block__info p { color: #4F4F4F; font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 160%; } @media screen and (max-width: 1023px) { .Promise-landing-page .featured-media-block__info p { font-size: 14px; font-size: 0.875rem; } } .full-width-callout { background: #f9f9f9; margin-bottom: 32px; } .full-width-callout__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 1209px; margin: 0 auto; padding: 116px; } .full-width-callout__wrapper.Left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .full-width-callout__wrapper.Left .full-width-callout__heading, .full-width-callout__wrapper.Left .full-width-callout__subheading { text-align: left; } .full-width-callout__wrapper.Left .full-width-callout__buttons { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .full-width-callout__wrapper.Center .full-width-callout__heading, .full-width-callout__wrapper.Center .full-width-callout__subheading { text-align: center; } .full-width-callout__wrapper.Center .full-width-callout__buttons { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .full-width-callout__heading { width: 100%; font-family: "din-2014", sans-serif; color: #2d2d2d; font-size: 36px; font-size: 2.25rem; font-weight: 600; line-height: 40px; line-height: 2.5rem; margin-bottom: 8px; padding: 0; text-align: center; } .full-width-callout__subheading { width: 100%; font-family: "Open Sans", sans-serif; font-size: 20px; font-size: 1.25rem; font-weight: 400; line-height: 28px; line-height: 1.75rem; text-align: center; } .full-width-callout__buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 16px; margin-top: 32px; } .full-width-callout__buttons .button-wrapper.first a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 16px; border-radius: 4px; color: #fff; font-family: "din-2014", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 16px; line-height: 1rem; transition: 0.3s ease all; } body[data-brand=DIST] .full-width-callout__buttons .button-wrapper.first a { background-color: #2b71b8; } body[data-brand=NLC] .full-width-callout__buttons .button-wrapper.first a { background-color: #789f3e; } body[data-brand=NVC] .full-width-callout__buttons .button-wrapper.first a { background-color: #90499c; } body[data-brand=SPC] .full-width-callout__buttons .button-wrapper.first a { background-color: #3a62d3; } body[data-brand=PAC] .full-width-callout__buttons .button-wrapper.first a { background-color: #5b9982; } body[data-brand=SAC] .full-width-callout__buttons .button-wrapper.first a { background-color: #ed1d24; } .full-width-callout__buttons .button-wrapper.first a:hover { text-decoration: none; } body[data-brand=DIST] .full-width-callout__buttons .button-wrapper.first a:hover { background-color: #1e4f81; } body[data-brand=NLC] .full-width-callout__buttons .button-wrapper.first a:hover { background-color: #416f06; } body[data-brand=NVC] .full-width-callout__buttons .button-wrapper.first a:hover { background-color: #60357e; } body[data-brand=SPC] .full-width-callout__buttons .button-wrapper.first a:hover { background-color: #182878; } body[data-brand=PAC] .full-width-callout__buttons .button-wrapper.first a:hover { background-color: #01766e; } body[data-brand=SAC] .full-width-callout__buttons .button-wrapper.first a:hover { background-color: #9a1519; } .full-width-callout__buttons .button-wrapper.last a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 32px 10px 16px; border-radius: 4px; background: none; font-family: "din-2014", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 16px; line-height: 1rem; position: relative; transition: 0.3s ease all; } body[data-brand=DIST] .full-width-callout__buttons .button-wrapper.last a { color: #2b71b8; } body[data-brand=NLC] .full-width-callout__buttons .button-wrapper.last a { color: #789f3e; } body[data-brand=NVC] .full-width-callout__buttons .button-wrapper.last a { color: #90499c; } body[data-brand=SPC] .full-width-callout__buttons .button-wrapper.last a { color: #3a62d3; } body[data-brand=PAC] .full-width-callout__buttons .button-wrapper.last a { color: #5b9982; } body[data-brand=SAC] .full-width-callout__buttons .button-wrapper.last a { color: #ed1d24; } .full-width-callout__buttons .button-wrapper.last a:after { content: ""; position: absolute; right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 16px; width: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-image: url("../img/arrow-long-right.svg"); mask-image: url("../img/arrow-long-right.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; transition: 0.3s ease all; } body[data-brand=DIST] .full-width-callout__buttons .button-wrapper.last a:after { background-color: #2b71b8; } body[data-brand=NLC] .full-width-callout__buttons .button-wrapper.last a:after { background-color: #789f3e; } body[data-brand=NVC] .full-width-callout__buttons .button-wrapper.last a:after { background-color: #90499c; } body[data-brand=SPC] .full-width-callout__buttons .button-wrapper.last a:after { background-color: #3a62d3; } body[data-brand=PAC] .full-width-callout__buttons .button-wrapper.last a:after { background-color: #5b9982; } body[data-brand=SAC] .full-width-callout__buttons .button-wrapper.last a:after { background-color: #ed1d24; } .full-width-callout__buttons .button-wrapper.last a:hover { text-decoration: none; } body[data-brand=DIST] .full-width-callout__buttons .button-wrapper.last a:hover { color: #1e4f81; } body[data-brand=NLC] .full-width-callout__buttons .button-wrapper.last a:hover { color: #416f06; } body[data-brand=NVC] .full-width-callout__buttons .button-wrapper.last a:hover { color: #60357e; } body[data-brand=SPC] .full-width-callout__buttons .button-wrapper.last a:hover { color: #182878; } body[data-brand=PAC] .full-width-callout__buttons .button-wrapper.last a:hover { color: #01766e; } body[data-brand=SAC] .full-width-callout__buttons .button-wrapper.last a:hover { color: #9a1519; } body[data-brand=DIST] .full-width-callout__buttons .button-wrapper.last a:hover:after { background-color: #1e4f81; } body[data-brand=NLC] .full-width-callout__buttons .button-wrapper.last a:hover:after { background-color: #416f06; } body[data-brand=NVC] .full-width-callout__buttons .button-wrapper.last a:hover:after { background-color: #60357e; } body[data-brand=SPC] .full-width-callout__buttons .button-wrapper.last a:hover:after { background-color: #182878; } body[data-brand=PAC] .full-width-callout__buttons .button-wrapper.last a:hover:after { background-color: #01766e; } body[data-brand=SAC] .full-width-callout__buttons .button-wrapper.last a:hover:after { background-color: #9a1519; } @media screen and (max-width: 749px) { .full-width-callout__wrapper { padding: 96px 72px; } .full-width-callout__heading { font-size: 30px; font-size: 1.875rem; line-height: 38.26px; line-height: 2.39125rem; text-align: left; } .full-width-callout__subheading { font-size: 18px; font-size: 1.125rem; line-height: 24.51px; line-height: 1.53188rem; text-align: left; overflow-wrap: anywhere; } .full-width-callout__buttons { text-align: left; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 499px) { .full-width-callout__wrapper { padding: 32px 18px; } .full-width-callout__heading { font-size: 30px; font-size: 1.875rem; line-height: 38.26px; line-height: 2.39125rem; } .full-width-callout__subheading { font-size: 18px; font-size: 1.125rem; line-height: 24.51px; line-height: 1.53188rem; } } .cta-with-input { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 40px; width: 100%; } .cta-with-input__title { color: #000; font-family: "Open Sans", sans-serif; font-size: 40px; font-size: 2.5rem; font-weight: 800; line-height: 120%; letter-spacing: -1.6px; letter-spacing: -0.1rem; } @media screen and (max-width: 749px) { .cta-with-input__title { font-size: 30px; font-size: 1.875rem; } } .cta-with-input__description { color: #000; font-family: "Open Sans", sans-serif; font-size: 20px; font-size: 1.25rem; font-weight: 400; line-height: 140%; } @media screen and (max-width: 749px) { .cta-with-input__description { font-size: 16px; font-size: 1rem; } } .cta-with-input__content { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .cta-with-input__content:only-child { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .cta-with-input__form { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; background: #fff; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 8px; border-top: 8px solid #EDB01D; padding: 32px 40px; } .cta-with-input__form.dark { background: #262626; } .cta-with-input__form.dark .EPiServerForms .Form__Title { color: #fff; } .cta-with-input__form.dark .EPiServerForms .Form__Description { color: #fff; } .cta-with-input__form.dark .EPiServerForms .Form__Element__Caption { color: #fff; } .cta-with-input__form.dark .EPiServerForms input[type=text], .cta-with-input__form.dark .EPiServerForms input[type=url], .cta-with-input__form.dark .EPiServerForms input[type=number], .cta-with-input__form.dark .EPiServerForms textarea { background: #4F4F4F; border: 1px solid #3D3D3D; color: #fff; } .cta-with-input__form.dark .EPiServerForms input[type=text]::-webkit-input-placeholder, .cta-with-input__form.dark .EPiServerForms input[type=url]::-webkit-input-placeholder, .cta-with-input__form.dark .EPiServerForms input[type=number]::-webkit-input-placeholder, .cta-with-input__form.dark .EPiServerForms textarea::-webkit-input-placeholder { color: #fff; } .cta-with-input__form.dark .EPiServerForms input[type=text]:-ms-input-placeholder, .cta-with-input__form.dark .EPiServerForms input[type=url]:-ms-input-placeholder, .cta-with-input__form.dark .EPiServerForms input[type=number]:-ms-input-placeholder, .cta-with-input__form.dark .EPiServerForms textarea:-ms-input-placeholder { color: #fff; } .cta-with-input__form.dark .EPiServerForms input[type=text]::placeholder, .cta-with-input__form.dark .EPiServerForms input[type=url]::placeholder, .cta-with-input__form.dark .EPiServerForms input[type=number]::placeholder, .cta-with-input__form.dark .EPiServerForms textarea::placeholder { color: #fff; } .cta-with-input__form.dark .EPiServerForms select { background: #4F4F4F; border: 1px solid #3D3D3D; color: #fff; } .cta-with-input__form.dark .EPiServerForms select::-webkit-input-placeholder { color: #fff; } .cta-with-input__form.dark .EPiServerForms select:-ms-input-placeholder { color: #fff; } .cta-with-input__form.dark .EPiServerForms select::placeholder { color: #fff; } .cta-with-input__form.dark .EPiServerForms select option:disabled { color: #fff; } .cta-with-input__form.dark .EPiServerForms .FormChoice label { color: #fff; } .cta-with-input__form.dark .EPiServerForms fieldset { padding: 0; margin: 0; border: none; } .cta-with-input.left { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 749px) { .cta-with-input.left { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .cta-with-input.right { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 749px) { .cta-with-input.right { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .cta-with-input::after { display: none; } @media screen and (max-width: 749px) { .cta-with-input { gap: 12px; padding: 0 12px; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .cta-with-input .EPiServerForms .Form__MainBody > section { padding: 0; } .cta-with-input .EPiServerForms .Form__Title { color: #000; font-family: "Open Sans", sans-serif; font-size: 40px; font-size: 2.5rem; font-weight: 800; line-height: 120%; letter-spacing: -1.6px; letter-spacing: -0.1rem; } .cta-with-input .EPiServerForms .Form__Description { color: #000; font-family: "Open Sans", sans-serif; font-size: 20px; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 140%; } .cta-with-input .EPiServerForms .Form__MainBody { margin: 24px 0 0; } .cta-with-input .EPiServerForms .Form__Element__Caption { font-family: "Open Sans", sans-serif; } .steps-block-cta { padding-top: 56px; padding-bottom: 56px; } @media screen and (max-width: 1232px) { .steps-block-cta { padding-top: 12px; padding-bottom: 12px; } } .steps-block-cta__steps-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 8px; margin: 0; list-style-type: none; position: relative; padding: 0; } @media screen and (max-width: 1023px) { .steps-block-cta__steps-list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .steps-block-cta__steps-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 850px) { .steps-block-cta__steps-list li { display: block; max-width: 100%; } } .steps-block-cta__steps-list li a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; background: linear-gradient(180deg, #0E4F91 0%, #13273E 100%); box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 32px; width: 100%; position: relative; transition: background 0.3s ease, box-shadow 0.3s ease; } .steps-block-cta__steps-list li a:hover { box-shadow: 0px 8px 12px -2px rgba(0, 0, 0, 0.15), 0px 4px 8px -2px rgba(0, 0, 0, 0.1); text-decoration: none; } .steps-block-cta__steps-list li a:hover::before { opacity: 1; } .steps-block-cta__steps-list li a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 0; border-radius: inherit; opacity: 0; transition: opacity 0.3s ease; } .steps-block-cta__steps-list li a .cta-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; position: relative; height: 100%; } .steps-block-cta__steps-list li a .cta-container .icon { display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 99px; background: #E5EEF9; padding: 9px; width: -webkit-fit-content; width: fit-content; } .steps-block-cta__steps-list li a .cta-container .icon svg { width: 30px; height: 30px; } .steps-block-cta__steps-list li a .cta-container h3 { font-family: "Open Sans", sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: 700; line-height: 120%; letter-spacing: -0.48px; letter-spacing: -0.03rem; color: #fff; padding: 0; } @media screen and (max-width: 749px) { .steps-block-cta__steps-list li a .cta-container h3 { font-size: 20px; font-size: 1.25rem; } } .steps-block-cta__steps-list li a .cta-container .desc { color: #DAECFF; font-size: 20px; font-size: 1.25rem; font-weight: 700; line-height: 140%; opacity: 0.8; letter-spacing: -0.48px; letter-spacing: -0.03rem; } @media screen and (max-width: 749px) { .steps-block-cta__steps-list li a .cta-container .desc { font-size: 16px; font-size: 1rem; } } .steps-block-cta__steps-list li a .cta-container .button { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: auto; } .steps-block-cta__steps-list li a .cta-container .button p { font-size: 16px; font-size: 1rem; font-weight: 600; line-height: 16px; line-height: 1rem; color: #FFFFFF; display: inline-block; padding: 0; } .steps-block-cta__steps-list li a .cta-container .button p:hover { text-decoration: none; } @media screen and (max-width: 1023px) { .steps-block-cta__steps-list li a .cta-container .button p { font-size: 14px; font-size: 0.875rem; } } .steps-block-cta__steps-list li a .cta-container .button svg { position: relative; margin: 0 0 0 10px; } .steps-block-cta__steps-list li a .cta-container .button svg path { fill: #fff; }