:root {
--cosmic-rgb: 42, 28, 62;
--primary-text-color: #212529;
--primary-bgcolor: #EBE1D8;
--primary-bgcolor-rgb: 235, 225, 216;
--secondary-text-color: white;
--secondary-bgcolor: rgb(var(--cosmic-rgb));
--secondary-bgcolor-rgb: var(--cosmic-rgb);
--button-ghost-bgcolor: transparent;
--button-ghost-color: var(--life-on-mars);
--button-ghost-bgcolor-hover: var(--saturns-ring);
--button-ghost-color-hover: #ffffff;
--button-primary-bgcolor: var(--life-on-mars);
--button-primary-color: #ffffff;
--button-primary-bgcolor-hover: var(--saturns-ring);
--button-primary-color-hover: #ffffff;
--button-secondary-color: var(--life-on-mars);
--button-secondary-color-hover: #fff;
--button-secondary-bgcolor: transparent;
--button-secondary-bgcolor-hover: var(--saturns-ring);
--button-link-color: #007bff;
--button-link-color-hover: #0056b3;
--navbar-height: 75px;
--navbar-primary-bgcolor: #403052;
--navbar-primary-color: #fff;
--navbar-primary-color-hover: var(--rover);
--navbar-submenu-color: var(--cosmic);
--navbar-submenu-color-hover: var(--rover);
--navbar-submenu-bgcolor: #f5f5f5;
--navbar-secondary-bgcolor: #fff;
--navbar-secondary-color: #000;
--navbar-secondary-color-hover: var(--saturns-ring);
--callout-primary-color: var(--saturns-ring);
--form-placeholder-color: #888292;
--bs-light-rgb: 255, 255, 255;
--bs-bg-opacity: 1.0;
--container-width-xxl: 1520px;
--container-width-xl: 1140px;
--container-width-lg: 960px;
--container-width-md: 720px;
--container-width-sm: 540px;
--vw-breakpoint-xxl: 1600px;
--vw-breakpoint-xl: 1200px;
--vw-breakpoint-lg: 992px;
--vw-breakpoint-md: 768px;
--vw-breakpoint-sm: 576px;
}
* {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
}
body {
font-family: Montserrat, sans-serif;
line-height: 1.4;
background-color: var(--primary-bgcolor);
background: linear-gradient(rgba(var(--primary-bgcolor-rgb), 0.4),rgba(var(--primary-bgcolor-rgb), 0.4)), url(https://cdn.axtella.com/images/backgrounds/bgr_texture_tan09.jpg);
background-position-x: 144px;
background-position-y: -106px;
min-height: 100vh;
overflow-x: hidden;
scroll-margin-top: var(--navbar-height);
}
body.no-nav {
background: var(--secondary-bgcolor);
color: white;
display: flex;
flex-direction: column;
position: relative;
left: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: museo-sans, sans-serif;
font-weight: 400;
color: var(--saturns-ring);
}
/* new style guide: definitely wrong lol
h1 {
font-size: 48pt;
}
h2 {
font-size: 40pt;
}
h3 {
font-size: 32pt;
}
h4 {
font-size: 24pt;
}
*/
ul > li,
ol > li {
margin-bottom: 0.5em;
}
a {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, opacity .15s ease-in-out;
}
header h1,
header h2,
header h3,
footer h1,
footer h2,
footer h3,
.has-dark-bg h1,
.has-dark-bg h2,
.has-dark-bg h3,
.has-dark-bg h4,
.has-dark-bg h5,
.has-dark-bg h6 {
color: white;
}
header h4,
header h5,
header h6,
footer h4,
footer h5,
footer h6,
.has-dark-bg h4,
.has-dark-bg h5,
.has-dark-bg h6 {
color: white;
}
.has-med-bg {
color: white;
}
.has-med-bg h1,
.has-med-bg h2,
.has-med-bg h3,
.has-med-bg h4,
.has-med-bg h5,
.has-med-bg h6 {
color: var(--space-dust);
}
.has-light-bg {
color: black;
}
body .default-bg {
color: black;
}
footer .default-bg {
color: white;
}
h1 {
font-size: 3rem;
margin-block-end: .75em;
}
img {
width: 100%;
height: auto;
}
p img {
width: unset;
height: unset;
}
a:not([class*="btn"]) {
color: var(--primary-text-color);
text-decoration: underline;
}
a:not([class*="btn"]):hover {
color: var(--primary-text-color);
text-decoration: none;
}
.has-dark-bg a:not([class*="btn"]) {
color: var(--space-dust);
text-decoration: underline;
}
.has-dark-bg a:not([class*="btn"]):hover {
color: var(--space-dust);
text-decoration: none;
}
form label {
font-weight: 500;
}
form select,
form textarea,
form input:not([type="checkbox"]):not([type="radio"]) {
padding: 4px 12px;
border: 1px solid #c5c8cb;
border-radius: 12px;
}
form {
--bs-border-color: #888292;
}
.form-inline {
gap: 1em;
}
.form-group,
.form-group .input-group {
width: 100%;
}
.form-inline .form-group,
.form-inline .form-group .input-group {
width: auto;
}
.form-group .input-group .input-group-append .btn {
width: fit-content;
padding: .8em 1.5em;
height: auto;
border-color: var(--bs-border-color);
color: black;
}
.form-group input[type=text],
.form-group input[type=search],
.form-group .input-group input,
.form-group select {
padding: .8em 1.5em;
height: auto;
color: black;
border-color: #888292;
}
.form-group input[type=text],
.form-group input[type=search],
.form-group select {
border-radius: 100px;
border-color: #888292;
}
.form-group select {
background-size: 12px 12px;
background-position: calc(100% - 26px) center;
background-image: url(/images/bs-icons/caret-down-fill.svg);
background-repeat: no-repeat;
word-wrap: break-word;
overflow-wrap: break-word;
text-wrap: balance;
}
.form-group input.active,
.form-group select.active {
color: inherit;
}
.form-group bar > input[type=search] {
padding-right: .75em;
}
.form-group bar > .input-group-append > button {
padding-left: .75em;
}
input[type=text]::placeholder,
input[type=search]::placeholder {
color: black;
}
input[type=text]:focus::placeholder,
input[type=search]:focus::placeholder {
color: var(--form-placeholder-color);
}
label:has(input[type=checkbox]) {
display: flex;
flex-direction: row;
column-gap: .5em;
justify-content: flex-start;
align-items: center;
cursor: pointer;
}
label:has(input[type=checkbox])::before {
display: inline-block;
content: '';
height: 1.25em;
width: 1.25em;
margin: .95em 1em 1em 0;
background: var(--button-primary-bgcolor);
-webkit-mask-image: url(/images/bs-icons/square.svg);
mask-image: url(/images/bs-icons/square.svg);
mask-size: 1.25em 1.25em;
mask-repeat: no-repeat;
cursor: pointer;
flex-shrink: 0;
transition: background-color 150ms ease;
}
label:has(input[type=checkbox]:not(:checked):hover)::before {
background: var(--button-primary-bgcolor-hover);
-webkit-mask-image: url(/images/bs-icons/square-fill.svg);
mask-image: url(/images/bs-icons/square-fill.svg);
cursor: pointer;
}
label:has(input[type=checkbox]:hover)::before {
background: var(--button-primary-bgcolor-hover);
cursor: pointer;
}
label:has(input[type=checkbox]) > input[type=checkbox] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
label:has(input[type=checkbox]:checked)::before {
-webkit-mask-image: url(/images/bs-icons/check-square-fill.svg);
mask-image: url(/images/bs-icons/check-square-fill.svg);
}
fieldset.form-group {
padding-left: 15px;
}
fieldset.form-group legend {
margin-left: -15px;
font-size: 1rem;
font-weight: bold;
padding: 0;
}
fieldset.form-group .form-check {
margin-right: 0;
padding-right: 0;
}
.homepage-body {
background-position: -650px 550px, center;
background-repeat: no-repeat;
background-size: 1049px 1049px, cover;
background-image: url(/images/bg-masks/wires4A.svg), linear-gradient(var(--cosmic), var(--cosmic));
}
.homepage-body .container > .row > * {
height: 100%;
gap: .75em;
}
.homepage-body .container > .row > *::after {
border-bottom: 1px solid var(--saturns-ring);
width: 75%;
content: "";
display: block;
height: 0;
position: absolute;
left: 12.5%;
top: 100%;
}
.homepage-body .container > .row > *:last-child::after {
display: none;
}
.homepage-body .notice-wrapper > .important-notices ul {
padding-left: 0;
}
.homepage-body .notice-wrapper > .important-notices ul > li {
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 1.1em;
padding: 14px;
border-radius: 30px;
background-color: #ffffff;
line-height: 16px;
transition: all .33s ease;
}
.homepage-body .notice-wrapper > .important-notices ul > li > a {
font-weight: 500;
max-width: 87%;
max-height: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: max-height .33s ease;
}
.homepage-body .notice-wrapper > .important-notices ul > li > a:hover {
max-height: 64px;
white-space: normal;
word-break: break-word;
}
.homepage-body .notice-wrapper > .important-notices ul > li > .post-time {
font-size: 10pt;
}
.homepage-body #modalMoreNotices .modal-body.important-notices a {
font-size: 16px;
line-height: 1.1em;
}
.sso-quicklink-btn {
width: 100%;
}
form.sso-textlink {
display: inline;
padding: 0px !important;
cursor: pointer;
margin-left: -4px;
}
form.sso-textlink button.sso-textlink {
background: none;
border: none;
color: var(--space-dust);
text-decoration: underline;
}
form.sso-textlink button.sso-textlink:hover {
opacity: 0.4;
}
@media (min-width: 992px) {
.homepage-body .container > .row > *::after {
border-bottom: none;
border-left: 1px solid var(--saturns-ring);
height: 55%;
width: 0;
position: absolute;
left: 100%;
top: 22.5%;
}
}
.search {
width: 200px;
}
.search .input-group {
width: 200px;
background: transparent;
}
.search .input-group .btn {
min-width: unset;
padding: 4px 12px;
}
.search .input-group input[type=text],
.search .input-group input[type=search],
.search .input-group input[type=button],
.search .input-group input[type=submit],
.search .input-group button {
background: transparent;
border-radius: 100px;
border: 1px solid;
color: var(--navbar-primary-color);
border-color: var(--navbar-primary-color);
}
.search input[type=text]::placeholder,
.search input[type=search]::placeholder {
color: var(--navbar-primary-color);
}
.search.form-inline:focus-within::after {
background-color: var(--navbar-primary-color);
}
nav.navbar .search.form-inline {
width: 200px;
}
nav.navbar .search.form-inline .input-group {
width: 100%;
background: transparent;
}
nav.navbar .search.form-inline .input-group input[type=text],
nav.navbar .search.form-inline .input-group input[type=search] {
padding-right: 0;
}
nav.navbar .search.form-inline .input-group input[type=text],
nav.navbar .search.form-inline .input-group input[type=search],
nav.navbar .search.form-inline .input-group input[type=button],
nav.navbar .search.form-inline .input-group input[type=submit],
nav.navbar .search.form-inline .input-group button {
border-style: solid;
border-width: 1px;
}
nav.navbar .dropdown-navlist .search.form-inline {
width: 200px;
}
nav.navbar .dropdown-navlist .search.form-inline .input-group {
width: 100%;
background: transparent;
}
nav.navbar .dropdown-navlist .search.form-inline .input-group input[type=text],
nav.navbar .dropdown-navlist .search.form-inline .input-group input[type=search],
nav.navbar .dropdown-navlist .search.form-inline .input-group input[type=button],
nav.navbar .dropdown-navlist .search.form-inline .input-group input[type=submit],
nav.navbar .dropdown-navlist .search.form-inline .input-group button {
color: var(--navbar-submenu-color);
border-color: var(--navbar-submenu-color);
}
nav.navbar .dropdown-navlist .search.form-inline input[type=text]::placeholder,
nav.navbar .dropdown-navlist .search.form-inline input[type=search]::placeholder {
color: var(--navbar-submenu-color);
}
nav.navbar .dropdown-navlist .search.form-inline .form-inline:focus-within::after {
background-color: var(--navbar-submenu-color);
}
nav.navbar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: var(--navbar-height);
padding: 0;
}
nav.navbar .container {
z-index: 999;
}
nav.navbar a.navbar-brand {
/* axtella logo is 83:34 */
/* commit this please */
width: calc(59px / 34 * 83);
height: var(--navbar-height);
background-image: url(https://cdn.axtella.com/images/logos/Axtella-Logo_stylable.svg);
background-size: auto 59px;
background-repeat: no-repeat;
margin-right: 0;
}
nav.navbar > .container {
position: relative;
height: 100%;
padding: 0;
}
nav.navbar > .container > .navbar-collapse {
height: 100%;
}
nav.navbar .navbar-nav {
align-items: center;
justify-content: center;
}
nav.navbar .navbar-nav.profile-nav > .nav-item > a.nav-link::after {
align-self: center;
}
nav.navbar .navbar-nav .nav-item {
display: block;
position: initial;
margin-bottom: 0;
}
nav.navbar .navbar-nav .nav-item a.nav-link {
padding: .75em;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
nav.navbar .navbar-nav .nav-item a.nav-link::after {
transition: width linear 250ms;
width: 0px;
display: block;
position: relative;
content: "";
/*todo this*/
bottom: -10px;
height: 2px;
}
nav.navbar .navbar-nav .nav-item.show a.nav-link::after,
nav.navbar .navbar-nav .nav-item a.nav-link.active::after,
nav.navbar .navbar-nav .nav-item a.nav-link:active::after,
nav.navbar .navbar-nav .nav-item a.nav-link:hover::after,
nav.navbar .navbar-nav .nav-item:has(.dropdown-item.active) a.nav-link::after {
width: 96%;
}
nav.navbar.navbar-dark,
nav.navbar.navbar-dark .navbar-collapse,
nav.navbar.navbar-dark .navbar-collapse .navbar-nav {
background: var(--navbar-primary-bgcolor);
color: var(--navbar-primary-color);
}
nav.navbar.navbar-dark .navbar-nav .nav-item a.nav-link {
color: var(--navbar-primary-color);
cursor: pointer;
}
nav.navbar.navbar-dark .navbar-nav .nav-item.active a.nav-link,
nav.navbar.navbar-dark .navbar-nav .nav-item.show a.nav-link,
nav.navbar.navbar-dark .navbar-nav .nav-item a.nav-link:active,
nav.navbar.navbar-dark .navbar-nav .nav-item a.nav-link.active,
nav.navbar.navbar-dark .navbar-nav .nav-item a.nav-link:hover,
nav.navbar.navbar-dark .navbar-nav .nav-item:has(.dropdown-item.active) a.nav-link {
color: var(--navbar-primary-color-hover);
cursor: pointer;
}
nav.navbar.navbar-dark .navbar-nav .nav-item a.nav-link::after {
background-color: var(--navbar-primary-color-hover);
}
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group {
color: var(--navbar-primary-color);
}
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group input[type=text],
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group input[type=search],
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group input[type=button],
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group input[type=submit],
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group button {
color: var(--navbar-primary-color);
border-color: var(--navbar-primary-color);
}
nav.navbar.navbar-dark .search.form-inline .input-group input[type=text]::placeholder,
nav.navbar.navbar-dark .search-inline .search.form-inline .input-group input[type=search]::placeholder {
color: var(--navbar-primary-color);
}
nav.navbar.navbar-light,
nav.navbar.navbar-light .navbar-collapse,
nav.navbar.navbar-light .navbar-collapse .navbar-nav {
background-color: var(--navbar-secondary-bgcolor);
color: var(--navbar-secondary-color);
}
nav.navbar.navbar-light .navbar-nav .nav-item a.nav-link {
color: var(--navbar-secondary-color);
}
nav.navbar.navbar-light .navbar-nav .nav-item.active a.nav-link,
nav.navbar.navbar-light .navbar-nav .nav-item.show a.nav-link,
nav.navbar.navbar-light .navbar-nav .nav-item a.nav-link:active,
nav.navbar.navbar-light .navbar-nav .nav-item a.nav-link.active,
nav.navbar.navbar-light .navbar-nav .nav-item a.nav-link:hover,
nav.navbar.navbar-light .navbar-nav .nav-item:has(.dropdown-item.active) a.nav-link {
color: var(--navbar-secondary-color-hover);
font-weight: bold;
}
nav.navbar.navbar-light .navbar-nav .nav-item a.nav-link::after {
background-color: var(--navbar-secondary-color-hover);
}
nav.navbar.navbar-light .search.form-inline .input-group {
color: var(--navbar-secondary-color);
}
nav.navbar.navbar-light .search.form-inline input[type=text],
nav.navbar.navbar-light .search.form-inline input[type=search],
nav.navbar.navbar-light .search.form-inline input[type=button],
nav.navbar.navbar-light .search.form-inline input[type=submit],
nav.navbar.navbar-light .search.form-inline button {
color: var(--navbar-secondary-color);
border-color: var(--navbar-secondary-color);
}
nav.navbar.navbar-light .search.form-inline input[type=text]::placeholder,
nav.navbar.navbar-light .search.form-inline input[type=search]::placeholder {
color: var(--navbar-secondary-color);
}
nav.navbar.page-sub-menu {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e7e0dc;
border-image: linear-gradient(to bottom, white 99%, var(--saturns-ring) 100%) 1;
padding: 0;
height: 65px;
z-index: 996;
}
nav.navbar.page-sub-menu .container {
z-index: 990;
}
nav.navbar.page-sub-menu a.navbar-brand {
height: 100%;
width: auto;
background: none;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item {
height: 100%;
padding-top: 3px;
margin-bottom: 0;
}
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item > a.nav-link {
height: 100%;
}
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item.active > a.nav-link,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item.show > a.nav-link,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item > a.nav-link:active,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item > a.nav-link:hover,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item:has(.dropdown-item.active) > a.nav-link {
font-weight: bold;
}
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item.active > a.nav-link,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item.show > a.nav-link,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item > a.nav-link:active,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item > a.nav-link:hover,
nav.navbar.page-sub-menu ul.navbar-nav > li.nav-item:has(.dropdown-item.active) > a.nav-link {
font-weight: bold;
}
nav.navbar .dropdown-menu {
width: 100%;
padding: 0;
border: none;
margin-top: 0;
background: none;
}
nav.navbar .dropdown-menu .container {
background-color: var(--navbar-submenu-bgcolor);
color: var(--navbar-submenu-color);
box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 5px;
padding: 0;
height: 100%;
}
nav.navbar .dropdown-menu .container > .row {
margin-left: 0;
margin-right: 0;
width: 100%;
height: 100%;
}
nav.navbar .dropdown-menu .dropdown-navlist {
display: grid;
padding: 2em;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-auto-flow: row;
max-height: 100%;
}
nav.navbar .dropdown-menu .dropdown-navlist.col-lg-8 {
grid-template-columns: repeat(3, 1fr);
}
nav.navbar .dropdown-menu .dropdown-navlist.col-lg-8 + .col-lg-4 {
padding: 0;
}
nav.navbar .dropdown-menu .dropdown-navlist:has(.dropdown-group) {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
padding: 2em;
gap: 1em;
max-height: 100%;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item {
width: auto;
font-size: 14px;
color: var(--navbar-submenu-color);
text-decoration: none;
background-color: var(--navbar-submenu-bgcolor);
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item .btn.btn-link {
font-size: 14px;
color: var(--navbar-submenu-color);
background-color: var(--navbar-submenu-bgcolor);
padding: 0;
min-width: auto;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item:hover,
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item.active,
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item:focus {
color: var(--navbar-submenu-color-hover);
background-color: var(--navbar-submenu-bgcolor);
cursor: pointer;
}
nav.navbar .dropdown-menu .dropdown-navlist * {
width: auto;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-group,
nav.navbar .dropdown-menu .dropdown-navlist > .dropdown-item,
nav.navbar .dropdown-menu .dropdown-navlist > form > .dropdown-item {
flex-grow: 1;
min-width: calc(25% - 1em);
max-height: 100%;
flex: 1 0 20%;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-group h6.dropdown-header {
width: 100%;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-group .group-body {
padding-left: .5em;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
flex-grow: 1;
min-width: calc(25% - 1em);
max-height: 100%;
flex: 1 0 20%;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-group .group-body .dropdown-item {
max-width: calc(25% - 1em);
flex-grow: 1;
}
nav.navbar .dropdown-menu .dropdown-navlist h6.dropdown-header {
padding: .25rem 1.5rem;
font-family: museo-sans, sans-serif;
font-size: 18px;
font-weight: bold;
color: var(--lunar);
}
nav.navbar .dropdown-menu .dropdown-navlist h6.dropdown-header .dropdown-item {
padding: 0;
font-family: museo-sans, sans-serif;
font-size: 18px;
font-weight: bold;
}
nav.navbar .dropdown-menu .slider {
height: 100%;
font-size: 12px;
}
nav.navbar .dropdown-menu .slider .slick-list,
nav.navbar .dropdown-menu .slider .slick-track {
height: 100%;
margin: 0;
}
nav.navbar .dropdown-menu .slider .slick-dots {
position: relative;
right: unset;
bottom: 22px;
padding-inline-start: 0;
margin-right: auto;
margin-left: auto;
line-height: 12px;
}
nav.navbar .dropdown-menu .slider .slick-dots > li > button {
height: 12px;
width: 12px;
border: 1px solid var(--button-primary-bgcolor);
transition: background-color 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
nav.navbar .dropdown-menu .slider .slick-dots > li:not(.slick-active) > button:hover {
background-color: var(--button-primary-bgcolor);
border-color: var(--button-primary-bgcolor);
opacity: 0.75;
}
nav.navbar .dropdown-menu .slider .slick-dots > li.slick-active > button {
background-color: var(--button-primary-bgcolor);
cursor: default;
}
nav.navbar .dropdown-menu .slider .slider-item {
height: 100%;
text-align: center;
padding: 1em;
max-width: 100vw;
}
nav.navbar .dropdown-menu .slider .slider-item h3 {
color: var(--callout-primary-color);
}
nav.navbar .dropdown-menu .slider .slider-item .btn {
min-width: revert;
font-size: 14px;
}
nav.navbar .dropdown-menu .slider .slider-item .announcement-body {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--button-primary-bgcolor) rgba(1, 1, 1, 0);
margin-bottom: 0.5rem;
}
nav.navbar .dropdown-menu .slider .slider-item .announcement-body p {
margin-bottom: 0.75em;
}
nav.navbar .dropdown-menu .slider .slider-item .announcement-body p:last-child {
margin-bottom: 0;
}
nav.navbar .navbar-nav.profile-nav {
align-items: center;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .slider {
padding-bottom: 1em;
height: fit-content;
max-height: unset;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .dropdown-navlist {
display: flex;
flex-direction: column;
align-items: center;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .dropdown-navlist .dropdown-item {
max-height: unset;
min-width: unset;
flex-basis: auto;
font-size: 16px;
line-height: 31px;
padding: 0.5em;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .dropdown-navlist .dropdown-item .btn.btn-link {
padding: 0.5em;
line-height: 31px;
font-size: 16px;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .dropdown-navlist + *:has(.slider) {
padding: 0;
}
.navbar-nav.profile-nav .nav-item-profile .announcement.slider-item {
width: 100%;
}
nav.navbar .navbar-nav.search-dropdown {
display: none;
}
@media (min-width: 576px) {
}
@media (max-width: 768px) {
nav.navbar .dropdown-menu .dropdown-navlist {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.5em;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item {
max-height: unset;
min-width: unset;
flex-basis: auto;
font-size: 16px;
line-height: 31px;
padding: 0.5em;
}
nav.navbar .dropdown-menu .dropdown-navlist .dropdown-item .btn.btn-link {
font-size: 16px;
padding: 0.5em;
line-height: 31px;
}
}
@media (min-width: 992px) {
nav.navbar .dropdown-menu {
left: auto;
max-width: unset;
width: fit-content;
}
nav.navbar .navbar-nav.search-dropdown {
display: flex;
}
nav.navbar .navbar-nav.search-dropdown .nav-item {
position: relative;
}
nav.navbar .navbar-nav.search-dropdown .dropdown-menu {
position: absolute;
right: 0;
left: auto;
height: auto;
max-height: unset;
top: calc(100% + 25px);
width: fit-content;
}
nav.navbar .navbar-nav.search-dropdown .dropdown-menu .dropdown-navlist {
display: flex;
flex-direction: column;
}
nav.navbar .navbar-nav.search-dropdown .dropdown-menu .search.form-inline {
width: 100%;
}
nav.navbar .navbar-nav.search-inline {
display: none;
}
nav.navbar .navbar-nav .nav-item a.nav-link {
padding: 0 .75em;
}
nav.navbar.page-sub-menu ul.navbar-nav {
height: 64px;
}
nav.navbar .dropdown-menu,
nav.navbar .dropdown-menu .slider {
min-height: 250px;
}
nav.navbar .navbar-nav.profile-nav {
position: relative;
top: 0;
left: auto;
right: 0;
height: 100%;
width: auto;
padding-left: 0;
margin-left: auto;
flex-direction: column;
align-items: flex-end;
text-wrap: nowrap;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu {
right: 0;
left: auto;
height: unset;
max-height: unset;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .container {
width: 15em;
float: right;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .dropdown-navlist .dropdown-item {
font-size: 12px;
}
nav.navbar .navbar-nav.profile-nav .nav-item-profile .dropdown-menu .dropdown-navlist .dropdown-item .btn.btn-link {
font-size: 12px;
}
}
@media (min-width: 1200px) {
nav.navbar .navbar-nav.search-dropdown {
display: none;
}
nav.navbar .navbar-nav.search-inline {
display: flex;
}
}
@media(min-width: 1600px) {
nav.navbar .navbar-nav.profile-nav > .nav-item > a.nav-link {
position: relative;
top: unset;
left: unset;
height: 100%;
width: auto;
}
}
.btn {
display: inline-flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: space-around;
border: none;
border-radius: 100px;
padding: 12px 20px;
font-family: montserrat, sans-serif;
font-weight: bold;
text-transform: uppercase;
min-width: 200px;
line-height: 1;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, opacity .15s ease-in-out;
}
.btn::before,
.btn::after {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, opacity .15s ease-in-out;
}
.btn.btn-small {
min-width: unset;
font-size: 14px;
}
.btn.btn-link,
.btn.no-upper {
text-transform: none;
}
.btn.btn-primary {
background-color: var(--button-primary-bgcolor);
color: var(--button-primary-color);
border: 1px solid var(--button-primary-bgcolor);
}
.btn.btn-primary:hover {
background-color: var(--button-primary-bgcolor-hover);
color: var(--button-primary-color-hover);
border: 1px solid var(--button-primary-bgcolor-hover);
}
.btn.btn-default,
.btn.btn-secondary {
background-color: var(--button-secondary-bgcolor);
color: var(--button-secondary-color);
border: 1px solid var(--button-secondary-color);
}
.btn.btn-default:hover,
.btn.btn-secondary:hover {
background-color: var(--button-secondary-bgcolor-hover);
color: var(--button-secondary-color-hover);
border: 1px solid var(--button-secondary-bgcolor-hover);
}
.btn.btn-ghost {
background-color: var(--button-ghost-bgcolor);
color: var(--button-ghost-color);
}
.btn.btn-ghost:hover {
background-color: var(--button-ghost-bgcolor-hover);
color: var(--button-ghost-color-hover);
}
.btn.btn-link {
color: var(--life-on-mars);
text-decoration: underline;
}
.btn.btn-link:hover {
opacity: 0.4;
text-decoration: underline;
}
.btn .subtext {
font-size: 80%;
text-transform: none;
}
.btn[disabled],
.btn.disabled {
opacity: 0.5;
}
.btn.pdf-btn,
.btn[href$="pdf"],
.btn[href$="pps"],
.btn[href$="ppt"],
.btn[href$="pptx"],
.btn[href$="doc"],
.btn[href$="docx"] {
position: relative;
padding-left: 3.2em;
}
.btn.external-btn {
position: relative;
padding-right: 3.2em;
}
.btn.pdf-btn::before,
.btn[href$="pdf"]::before,
.btn[href$="pps"]::before,
.btn[href$="ppt"]::before,
.btn[href$="pptx"]::before,
.btn[href$="doc"]::before,
.btn[href$="docx"]::before {
position: absolute;
left: 1.15em;
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
background-color: var(--button-default-color);
content: '';
-webkit-mask-image: url(/images/bs-icons/file-earmark-pdf.svg);
mask-image: url(/images/bs-icons/file-earmark-pdf.svg);
mask-size: 1.5em 1.5em;
mask-repeat: no-repeat;
}
.btn.external-btn::after {
position: absolute;
right: 1.15em;
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
background-color: var(--button-default-color);
content: '';
-webkit-mask-image: url(/images/bs-icons/file-earmark-pdf.svg);
mask-image: url(/images/bs-icons/file-earmark-pdf.svg);
mask-size: 1.5em 1.5em;
mask-repeat: no-repeat;
}
.btn.external-btn::after {
-webkit-mask-image: url(/images/bs-icons/box-arrow-up-right.svg);
mask-image: url(/images/bs-icons/box-arrow-up-right.svg);
}
.btn[href$="pps"]::before,
.btn[href$="ppt"]::before,
.btn[href$="pptx"]::before {
-webkit-mask-image: url(/images/bs-icons/file-earmark-easel.svg);
mask-image: url(/images/bs-icons/file-earmark-easel.svg);
}
.btn[href$="doc"]::before,
.btn[href$="docx"]::before {
-webkit-mask-image: url(/images/bs-icons/file-earmark-text.svg);
mask-image: url(/images/bs-icons/file-earmark-text.svg);
}
.btn.pdf-btn.btn-default:hover::before,
.btn.external-btn.btn-default:hover::after,
.btn[href$="pdf"].btn-default:hover::before,
.btn[href$="pps"].btn-default:hover::before,
.btn[href$="ppt"].btn-default:hover::before,
.btn[href$="pptx"].btn-default:hover::before,
.btn[href$="doc"].btn-default:hover::before,
.btn[href$="docx"].btn-default:hover::before {
background: var(--button-primary-color);
}
.btn.external-btn.btn-default::after,
.btn.external-btn.btn-primary::after {
background: white;
}
.btn.external-btn.btn-default:hover::after,
.btn.external-btn.btn-primary:hover::after {
background-color: #FFF;
}
.btn.pdf-btn.btn-primary::before,
.btn[href$="pdf"].btn-primary::before,
.btn[href$="pps"].btn-primary::before,
.btn[href$="ppt"].btn-primary::before,
.btn[href$="pptx"].btn-primary::before,
.btn[href$="doc"].btn-primary::before,
.btn[href$="docx"].btn-primary::before {
background: var(--button-primary-color);
}
.btn.pdf-btn.btn-primary:hover::before,
.btn.external-btn.btn-primary:hover::after,
.btn[href$="pdf"].btn-primary:hover::before,
.btn[href$="pps"].btn-primary:hover::before,
.btn[href$="ppt"].btn-primary:hover::before,
.btn[href$="pptx"].btn-primary:hover::before,
.btn[href$="doc"].btn-primary:hover::before,
.btn[href$="docx"].btn-primary:hover::before {
background-color: var(--button-primary-color-hover);
}
.btn.pdf-btn.btn-secondary::before,
.btn.external-btn.btn-secondary::after,
.btn[href$="pdf"].btn-secondary::before,
.btn[href$="pps"].btn-secondary::before,
.btn[href$="ppt"].btn-secondary::before,
.btn[href$="pptx"].btn-secondary::before,
.btn[href$="doc"].btn-secondary::before,
.btn[href$="docx"].btn-secondary::before {
background-color: var(--button-primary-color);
}
.btn.pdf-btn.btn-secondary:hover::before,
.btn.external-btn.btn-secondary:hover::after,
.btn[href$="pdf"].btn-secondary:hover::before,
.btn[href$="pps"].btn-secondary:hover::before,
.btn[href$="ppt"].btn-secondary:hover::before,
.btn[href$="pptx"].btn-secondary:hover::before,
.btn[href$="doc"].btn-secondary:hover::before,
.btn[href$="docx"].btn-secondary:hover::before {
background-color: var(--button-primary-color-hover);
}
.btn.pdf-btn.btn-primary-inverse::before,
.btn.external-btn.btn-primary-inverse::after,
.btn[href$="pdf"].btn-primary-inverse::before,
.btn[href$="pps"].btn-primary-inverse::before,
.btn[href$="ppt"].btn-primary-inverse::before,
.btn[href$="pptx"].btn-primary-inverse::before,
.btn[href$="doc"].btn-primary-inverse::before,
.btn[href$="docx"].btn-primary-inverse::before {
background-color: var(--button-primary-color);
}
.btn.pdf-btn.btn-primary-inverse:hover::before,
.btn.external-btn.btn-primary-inverse:hover::after,
.btn[href$="pdf"].btn-primary-inverse:hover::before,
.btn[href$="pps"].btn-primary-inverse:hover::before,
.btn[href$="ppt"].btn-primary-inverse:hover::before,
.btn[href$="pptx"].btn-primary-inverse:hover::before,
.btn[href$="doc"].btn-primary-inverse:hover::before,
.btn[href$="docx"].btn-primary-inverse:hover::before {
background-color: var(--button-primary-color-hover);
}
.btn.pdf-btn.btn-link::before,
.btn.external-btn.btn-link::after,
.btn[href$="pdf"].btn-link::before,
.btn[href$="pps"].btn-link::before,
.btn[href$="ppt"].btn-link::before,
.btn[href$="pptx"].btn-link::before,
.btn[href$="doc"].btn-link::before,
.btn[href$="docx"].btn-link::before {
background-color: var(--button-link-color);
}
.btn.pdf-btn.btn-link:hover::before,
.btn.external-btn.btn-link:hover::after,
.btn[href$="pdf"].btn-link:hover::before,
.btn[href$="pps"].btn-link:hover::before,
.btn[href$="ppt"].btn-link:hover::before,
.btn[href$="pptx"].btn-link:hover::before,
.btn[href$="doc"].btn-link:hover::before,
.btn[href$="docx"].btn-link:hover::before {
background-color: var(--button-link-color-hover);
}
.btn.btn-video {
background-color: transparent;
text-decoration: none;
color: #FFF;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding-left: 5em;
padding-right: 30px;
height: 55px;
}
.btn.btn-video::before {
position: absolute;
left: 0;
display: inline-block;
width: 55px;
min-width: 55px;
height: 55px;
content: '';
background: var(--button-primary-color);
opacity: 0.7;
border-radius: 100px;
}
.btn.btn-video::after {
position: absolute;
left: 0;
display: inline-block;
width: 55px;
min-width: 55px;
height: 55px;
content: '';
background: var(--button-primary-bgcolor);
mask-image: url(/images/bs-icons/caret-right-fill.svg);
background-size: 27px 27px;
mask-size: 27px 27px;
mask-position: center;
background-repeat: no-repeat;
mask-repeat: no-repeat;
}
.btn.btn-video:hover {
background-color: rgba(255,255,255,0.2);
text-decoration: none;
color: var(--button-primary-color-hover);
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding-left: 5em;
padding-right: 30px;
cursor: pointer;
}
.btn.btn-video:hover::before {
background: var(--button-primary-bgcolor);
}
.btn.btn-video:hover::after {
background: var(--button-primary-color);
}
.has-med-bg .btn.btn-link,
.has-dark-bg .btn.btn-link,
.card-body footer .default-bg .btn.btn-link,
.has-med-bg .btn.btn-link:hover,
.has-dark-bg .btn.btn-link:hover,
.card-body footer .default-bg .btn.btn-link:hover {
color: white;
}
.custom-switch {
padding-left: 3.25em;
line-height: 1.75em;
margin: .5em;
}
.custom-switch .custom-control-label.--fullwidth {
width: 100%;
}
.custom-switch .custom-control-label::after {
top: 2px;
left: calc(-3em - 2px);
height: calc(1.75em - 4px);
width: calc(1.75em - 4px);
background-color: white;
border-radius: 2em;
box-shadow: rgba(100, 100, 100, .2) 1px 2px;
transition: transform .15s cubic-bezier(.67, 0, 1, 1), background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s cubic-bezier(.67, 0, 1, 1);
}
.custom-switch .custom-control-label::before {
left: -3.25em;
top: 0;
height: 1.75em;
width: 2.75em;
border-radius: 2em;
border-color: #B4ADA9;
background-color: #B4ADA9;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: var(--button-primary-bgcolor);
background-color: var(--button-primary-bgcolor);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
-webkit-transform: translateX(1em);
transform: translateX(1em);
box-shadow: rgba(125, 125, 125, .2) -1px 2px;
}
.custom-switch.label-before {
padding-left: inherit;
padding-right: 3.25em;
}
.custom-switch.label-before .custom-control-label::after {
right: calc(-2.25em + 2px);
left: inherit;
}
.custom-switch.label-before .custom-control-label::before {
right: -3.25em;
left: inherit;
}
fieldset.form-group,
fieldset.form-group > .row {
padding-left: .5em;
}
fieldset.form-group > legend {
margin-left: -1em;
}
fieldset.form-group > .row > legend {
margin-left: -.5em;
}
fieldset.form-group .form-check:not(.form-check-inline){
display: flex;
flex-direction: row;
align-items: center;
justify-items: flex-start;
justify-content: flex-start;
}
fieldset.form-group .form-check .form-check-input {
position: inherit;
float: none;
margin-left: 0;
margin-top: -4px;
margin-right: .5rem;
}
.slider .slick-dots {
display: none;
position: absolute;
z-index: 10;
top: auto;
bottom: 0px;
right: 15px;
list-style: none;
}
.slider:has(.slider-item:nth-child(2)) .slick-dots {
display: inline-block;
}
.slider .slick-dots > li {
display: inline-block;
height: 16px;
}
.slider .slick-dots > li > button {
display: inline-block;
border: 1px solid white;
border-radius: 100px;
margin-right: 5px;
padding: 0;
height: 16px;
width: 16px;
background-color: transparent;
color: transparent;
line-height: 0px;
font-size: 0px;
}
.slider .slick-dots > li:last-child {
margin-right: 0;
}
.slider .slick-dots > li > button:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.slider .slick-dots > li.slick-active > button {
background-color: rgba(255, 255, 255, 1);
}
.slider .slick-arrow {
display: inline-block;
z-index: 10;
position: absolute;
top: 48%;
bottom: auto;
height: 48px;
width: 48px;
border: none;
color: white;
background: var(--rover);
border-radius: 100px;
padding: 14px 15px;
}
.slider .slick-arrow.slick-prev {
float: left;
left: 0px;
padding-right: 16px;
}
.slider .slick-arrow.slick-next {
float: right;
right: 0px;
padding-left: 16px;
}
.card.featured-form {
width: 16rem;
min-height: 16rem;
height: auto;
border-radius: inherit;
border: 0;
background-color: transparent;
}
.card.featured-form.card-leafed {
border-radius: 0 100px 0 100px;
}
.card.featured-form.card-leafed .image-wrapper {
border-radius: 100px 0 0 0;
}
.card.featured-form.card-leafed .card-body {
border-radius: 0 0 100px 0;
}
.card.featured-form.card-rounded {
border-radius: 10px;
}
.card.featured-form.card-rounded .image-wrapper {
border-radius: 10px 10px 0 0;
}
.card.featured-form.card-rounded .card-body {
border-radius: 0 0 10px 10px;
}
.card.featured-form.card-square {
border-radius: 0;
}
.card.featured-form.card-square .image-wrapper {
border-radius: 0;
}
.card.featured-form.card-square .card-body {
border-radius: 0;
}
.card.featured-form .image-wrapper {
height: 10rem;
background-color: rgba(0,0,0,0.4);
}
.card.featured-form .image-wrapper .card-img-top {
height: 100%;
width: auto;
margin-left: auto;
margin-right: auto;
}
.card.featured-form .card-body {
color: black;
background-color: white;
padding: 1em 1.25em 2em;
font-size: 1rem;
}
.card.featured-form .card-body a:not([class*="btn"]) {
color: black;
text-decoration: none;
}
.card.featured-form .card-body .card-title {
font-weight: bold;
font-size: 1rem;
margin-bottom: .35rem;
}
.card.featured-form .card-body .card-text {
font-size: .8rem;
}
.card.featured-form .featured-form-btns {
position: absolute;
bottom: 1em;
right: 1em;
display: flex;
flex-direction: row;
column-gap: .5em;
justify-content: flex-end;
align-items: center;
}
.card.featured-form.card-leafed .featured-form-btns {
bottom: 2.5em;
right: 2.5em;
}
.slider.featured-forms {
margin-bottom: 3em;
margin-top: 2em;
}
.slider.featured-forms .slick-track {
display: flex;
}
.slider.featured-forms .slick-track .slick-slide.slider-item {
float: none;
height: inherit;
}
.slider.featured-forms .slick-track .slick-slide.slider-item .card {
height: 100%;
}
.slider.featured-forms .slick-dots {
display: block !important;
position: relative;
z-index: 10;
left: 0;
list-style: none;
margin-bottom: 0;
padding-top: 2em;
padding-left: 0;
text-align: center;
}
.slider.featured-forms .slick-dots > li {
height: auto;
margin-right: 10px;
}
.slider.featured-forms .slick-dots > li > button {
border: none;
border-radius: 100px;
margin: 0;
padding: 0;
height: 10px;
width: 10px;
background-color: rgba(255, 255, 255, 0.4);
color: transparent;
line-height: 0px;
font-size: 0px;
}
.slider.featured-forms .slick-dots > li:last-child {
margin-right: 0;
}
.slider.featured-forms .slick-dots > li > button:hover {
background-color: rgba(255, 255, 255, 0.7);
}
.slider.featured-forms .slick-dots > li.slick-active > button {
background-color: rgba(255, 255, 255, 1);
}
.slider.featured-forms .card.featured-form {
margin-left: auto;
margin-right: auto;
}
.slider.featured-forms .slick-prev,
.slider.featured-forms .slick-next {
top: 7.5rem;
}
.slider.featured-forms .slick-arrow:hover {
background: var(--rover);
opacity: 0.44;
}
header {
margin-top: 0px;
padding-top: 3em;
padding-bottom: 3em;
color: white;
min-height: var(--hero-height);
background-image: linear-gradient(rgba(var(--cosmic-rgb), 0.8),rgba(var(--cosmic-rgb), 0.8)), url(https://cdn.axtella.com/images/backgrounds/bgr_texture_purple01.jpg);
background-position-x: 1044px;
background-position-y: -106px;
--hero-height: 300px;
}
header .row {
min-height: var(--hero-height);
align-items: center;
}
header.has-splash {
--hero-height: 30vw;
padding: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
header.has-splash .row {
align-items: flex-start;
}
header.has-splash .row h1 {
background-image: linear-gradient(rgba(var(--cosmic-rgb), 0.8),rgba(var(--cosmic-rgb), 0.8)), url(https://cdn.axtella.com/images/backgrounds/bgr_texture_purple01.jpg);
background-position-x: 1044px;
background-position-y: -106px;
padding-top: 2.5em;
padding-bottom: 45px;
padding-inline: 30px;
}
header.has-splash .row .header-description {
padding-top: 7em;
}
header.hero-small,
header.has-splash.hero-small {
--hero-height: 300px;
min-height: var(--hero-height);
}
header.hero-small .container,
header.has-splash.hero-small .container {
min-height: var(--hero-height);
}
header.hero-small .header-wrapper,
header.has-splash.hero-small .header-wrapper {
min-height: var(--hero-height);
display: flex;
flex-direction: column;
justify-content: center;
padding: 2em 0 1em 0;
}
header.hero-small .row,
header.has-splash.hero-small .row {
min-height: unset;
align-content: center;
align-items: center;
}
header.hero-small .row h1,
header.has-splash.hero-small .row h1 {
font-weight: 400;
background-image: none;
padding-top: inherit;
padding-bottom: inherit;
padding-inline: 0;
margin-bottom: .5em;
font-size: 3rem;
}
header.hero-small .row .header-description,
header.has-splash.hero-small .row .header-description {
padding-top: 0;
max-width: none;
}
header a:not([class*="btn"]) {
color: white;
text-decoration: underline;
}
header a:not([class*="btn"]):hover {
text-decoration: none;
color: white;
}
header input:not([type=radio]):not([type=checkbox]),
header select,
header .form-control {
border: 0.5px solid #868494;
border-radius: 100px;
padding: 12px 24px 10px 24px;
font-size: 15px;
line-height: 1.6;
min-height: 50px;
}
header .form-control::-webkit-textfield-decoration-container {
position: relative;
height: 120%;
}
header .form-control::-webkit-textfield-decoration-container > *:first-child {
height: 120%;
font-size: 1.2em;
}
header .form-select {
background-image: url(/images/bs-icons/caret-down-fill.svg);
background-position: right 1rem center;
height: 100%;
}
header .input-group > * {
border: 0.5px solid #868494;
border-radius: 100px;
height: 100%;
}
header .input-group > :first-child {
border-right: none;
}
header .input-group > :not(:first-child) {
border-left: none;
border-right: none;
border-radius: 0px;
}
header .input-group > :last-child {
border-right: 0.5px solid #868494;
border-radius: 0 100px 100px 0;
}
header ul.breadcrumbs {
padding-inline-start: 0;
}
header ul.breadcrumbs li {
display: inline-block;
list-style: none;
}
header ul.breadcrumbs > li > a {
color: var(--lunar);
text-decoration: none;
transition: color 0.2s;
}
header ul.breadcrumbs > li > a:hover {
color: white;
}
header ul.breadcrumbs > li > a::after {
content: "";
display: inline-block;
margin-right: 1em;
margin-left: 1em;
margin-bottom: 2px;
background-color: var(--lunar);
-webkit-mask-image: url(/images/bs-icons/caret_right_icon.svg);
mask-image: url(/images/bs-icons/caret_right_icon.svg);
mask-size: cover;
width: 4px;
height: 8px;
}
header.homepage-callout {
min-height: 974px;
overflow: hidden;
background-color: transparent;
padding-top: 80px;
padding-bottom: 80px;
flex-shrink: 0;
background-image: url(/images/stock-images/night-sky-background.jpg);
background-repeat: no-repeat;
background-position: -60.391px 0px;
background-size: 149.055% 146.611%;
display: flex;
}
header.homepage-callout .row {
min-height: fit-content;
}
homepage-body .btn .btn-primary {
background-color: #9E3B83;
}
header .homepage-callout .gradient-header {
background: linear-gradient(85deg, var(--SATURNS-RING, #9A7A69) 9.76%, #FFF 44.49%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
margin-right: auto;
}
header .homepage-callout .quick-links {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 40px 30px 40px 40px;
gap: .65em;
min-height: 42.3em;
background-color: #2A1C3D;
border-radius: 10px 0 0 10px;
}
header .homepage-callout .quick-links .quick-links-container {
display: grid;
grid-template-columns: 1fr;
width: 82%;
max-width: 400px;
}
header .homepage-callout .quick-links .umb-block-list {
display: grid;
margin: 0;
width: 100%;
grid-auto-flow: row;
grid-template-columns: 50% 50%;
gap: 1em;
}
header .homepage-callout .slick-slider .slick-track, .slick-slider .slick-list {
margin-top: 10px;
margin-bottom: 0px;
background-color: transparent;
}
header .homepage-callout .slider,
header .homepage-callout .slider .umb-block-list,
header .homepage-callout .slider .umb-block-list .slick-list {
padding: 0;
height: 100%;
}
header .homepage-callout .slider .slider-item {
border-radius: 10px;
background-color: white;
margin-right: 1em;
overflow: hidden;
}
header .homepage-callout .slider .slider-item .row {
margin: 0;
height: 100%;
}
header .homepage-callout .slider .slider-item .slider-text {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 0.65em;
padding: 50px;
padding-right: 40px;
height: 100%;
color: #000;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}
header .homepage-callout .slider .slider-item .slider-text .announcement.slider-item {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--button-primary-bgcolor) rgba(1, 1, 1, 0);
height: auto;
padding-right: 10px;
margin-right: 0;
}
header .homepage-callout .slider .slider-item > h3 {
color: var(--SATURNS-RING, #9A7A69);
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 26px */
}
header .homepage-callout .slider .slider-item .announcement-body > h4 {
color: revert;
}
header .homepage-callout .slider .slider-item .slider-image {
display: flex;
height: 100%;
width: 100%;
padding: 0;
min-height: 250px;
}
header .homepage-callout .slider .slider-item .slider-image .image-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-image: url(/images/stock_image.jpg);
background-position: center;
height: 100%;
width: 100%;
min-height: 250px;
}
header .homepage-callout .slider .slider-item .slider-image img {
object-fit: fill;
}
/*
header .homepage-callout .slider .slick-dots {
position: revert;
display: none;
width: 100%;
text-align: center;
z-index: 10;
top: auto;
list-style: none;
}
header .homepage-callout .slider:has(.slider-item:nth-child(2)) .slick-dots {
display: inline-block;
}
header .homepage-callout .slider .slick-dots > li {
display: inline-block;
height: 0.1em;
width: 6em;
margin-left: 2em;
}
header .homepage-callout .slider .slick-dots > li > button {
display: inline-block;
border: 1px solid;
border-block-color: lightgray;
margin-right: 5px;
padding: 0;
height: 5px;
width: 80px;
background-color: lightgray;
color: transparent;
line-height: 0px;
font-size: 0px;
}
header .homepage-callout .slider .slick-dots > li:last-child {
margin-right: 0;
}
header .homepage-callout .slider .slick-dots > li > button:hover {
background-color: rgba(255, 255, 255, 0.8);
}
header .homepage-callout .slider .slick-dots > li.slick-active > button {
border-block-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 1);
}*/
header .homepage-callout .slider ul.slick-dots {
position: revert;
margin-top: 40px;
z-index: 10;
list-style: none;
padding: 0 1em 0 0;
margin-bottom: 0;
display: none;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
width: 100%;
justify-content: center;
align-items: center;
}
header .homepage-callout .slider:has(.slider-item:nth-child(2)) .slick-dots {
display: flex;
}
header .homepage-callout .slider ul.slick-dots > li {
display: inline-block;
margin-bottom: 0;
height: 30px;
width: 65px;
}
header .homepage-callout .slider ul.slick-dots > li > button {
display: inline-block;
border-radius: 0;
border: none;
background-color: unset;
background-image: linear-gradient(white,white);
background-size: 55px 3px;
background-position: center;
background-repeat: no-repeat;
height: 30px;
width: 65px;
margin: 0;
line-height: 0;
font-size: 0;
opacity: 0.4;
transition: opacity ease .15s, color ease .15s, background-color ease .15s;
}
header .homepage-callout .slider ul.slick-dots > li.slick-active > button {
opacity: 1;
}
header .homepage-callout .slider ul.slick-dots > li > button:hover {
opacity: 1;
}
header .homepage-callout .slider .arrows-container {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 40px;
width: 90px;
}
header .homepage-callout .slider .arrows-container .slick-arrow {
display: inline-block;
z-index: 10;
position: static;
height: 40px;
width: 40px;
border: none;
color: white;
background: var(--rover);
border-radius: 100px;
padding: 10px 12px;
transition: opacity ease 200ms;
}
header .homepage-callout .slider .arrows-container .slick-arrow:hover {
background: var(--rover);
opacity: 0.44;
}
header .homepage-callout .slider .arrows-container .slick-arrow.slick-disabled,
header .homepage-callout .slider .arrows-container .slick-arrow.disabled,
header .homepage-callout .slider .arrows-container .slick-arrow[disabled] {
opacity: 0.4;
cursor: default;
}
@media(min-width: 768px) {
header .homepage-callout .slider .slider-item {
height: 32.3em;
}
header .homepage-callout .slider .slider-item .slider-image {
min-height: unset;
}
header .homepage-callout .slider .slider-item .slider-image .image-wrapper {
min-height: unset;
}
}
header:has(+ .overlay-banner) {
padding-bottom: 100px;
}
.homepage-body .umb-block-grid > .umb-block-grid__layout-container > .umb-block-grid__layout-item:not(.separator-below):not(:has(+ .umb-block-grid__layout-item.separator-above)) {
padding-bottom: 80px;
}
.homepage-body .umb-block-grid__layout-item[data-col-span="12"] > *:first-child {
padding-top: 80px;
}
.carousel-section {
position: relative;
}
.carousel-section > .description {
width: 55%;
margin-bottom: 1.75em;
}
.carousel-section .carousel.slider {
}
.carousel-section .carousel.slider:has(ul.slick-dots) {
margin-bottom: 5em;
}
.carousel-section .carousel.slider .slider-item .slider-image {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
padding: 0;
}
.carousel-section .carousel.slider .slider-item .slider-image .image-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(/images/stock_image.jpg);
background-position: center;
height: 100%;
width: 100%;
min-height: 18em;
max-width: 31.75em;
border-radius: 7px;
}
.carousel-section .carousel.slider .slider-item .slider-image h3 {
font-size: 3rem;
color: white;
text-align: center;
}
.carousel-section .carousel.slider .slider-item .slider-body h4,
.carousel-section .carousel.slider .slider-item h4 {
color: white;
}
.carousel-section .carousel.slider .slider-item .slider-body a:not(.btn) {
color: var(--space-dust);
text-transform: uppercase;
}
.carousel-section .carousel.slider .slider-item .slider-body a:not(.btn):hover {
opacity: 0.4;
text-decoration: underline;
}
.carousel-section .arrows-container {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-right: 1em;
min-width: 120px;
column-gap: 20px;
}
.carousel-section .carousel-wrapper {
position: relative;
width: 100vw;
left: calc(-1 * (100vw - 100%)/2);
}
.carousel-section .slick-arrow {
content: "";
background: var(--space-dust);
background-position: center;
width: 49px;
height: 49px;
border-radius: 49px;
-webkit-mask-image: linear-gradient(black, black), url('/images/icons/caret-left.svg');
mask-image: linear-gradient(black, black), url('/images/icons/caret-left.svg');
mask-composite: exclude;
mask-size: 100% 100%, 9px 18.25px;
mask-position: top left, 19px 16px;
mask-repeat: no-repeat;
z-index: 1000;
}
.carousel-section .slick-arrow.slick-next {
-webkit-mask-image: linear-gradient(black, black), url('/images/icons/caret-right.svg');
mask-image: linear-gradient(black, black), url('/images/icons/caret-right.svg');
mask-position: top left, 22px 16px;
}
.carousel-section .slick-arrow.slick-prev {
/* margin-right: 1rem;*/
}
.carousel-section .slick-arrow:hover,
.carousel-section .slick-arrow:active,
.carousel-section .slick-arrow.active {
background: var(--space-dust);
opacity: 0.4;
}
.carousel-section .slick-arrow[disabled],
.carousel-section .slick-arrow:disabled,
.carousel-section .slick-arrow.disabled,
.carousel-section .slick-arrow.slick-disabled {
opacity: 0.4;
cursor: default;
pointer-events: none;
}
.carousel-section .carousel-wrapper .arrows-container.cover {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 1em;
margin: 0 2vw;
}
.carousel-section .dots-container {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 3em 0 0;
}
.carousel-section .dots-container ul.slick-dots {
z-index: 10;
list-style: none;
padding: 0;
text-align: center;
margin-bottom: 0;
}
.carousel-section .dots-container ul.slick-dots > li {
display: inline-block;
margin-bottom: 0;
}
.carousel-section .dots-container ul.slick-dots > li > button {
display: inline-block;
border-radius: 0;
border: none;
background-color: unset;
background-image: linear-gradient(white,white);
background-size: 100% 1px;
background-position: center;
background-repeat: no-repeat;
height: 30px;
width: 38px;
margin-right: 11px;
line-height: 0;
font-size: 0;
}
.carousel-section .dots-container ul.slick-dots > li.slick-active > button {
background-size: 100% 3px;
background-image: linear-gradient(var(--space-dust),var(--space-dust));
}
.carousel-section .dots-container ul.slick-dots > li > button:hover {
background-size: 100% 3px;
background-image: linear-gradient(var(--saturns-ring),var(--saturns-ring));
}
.has-dark-bg .carousel-section > h2 {
color: var(--space-dust);
}
.has-med-bg .carousel-section > h2 {
color: var(--space-dust);
}
.has-light-bg .carousel-section > h2 {
color: var(--saturns-ring);
}
.has-light-bg .carousel-section .carousel.slider .slider-item h4,
.has-light-bg .carousel-section .carousel.slider .slider-item h5,
.has-light-bg .carousel-section .carousel.slider .slider-item h6 {
color: black;
}
.has-light-bg .carousel-section .dots-container ul.slick-dots > li > button {
background-size: 100% 3px;
background-image: linear-gradient(var(--rover),var(--rover));
opacity: .4;
}
.has-light-bg .carousel-section .dots-container ul.slick-dots > li.slick-active > button,
.has-light-bg .carousel-section .dots-container ul.slick-dots > li > button:hover {
opacity: 1;
}
.has-light-bg .carousel-section .arrows-container button.slick-arrow {
background: var(--rover);
}
.has-light-bg .carousel-section .arrows-container button.slick-arrow:hover {
background: var(--rover);
opacity: 0.4;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-image {
justify-content: flex-start;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-image .image-wrapper {
height: 100%;
width: 100%;
min-height: 18em;
min-width: calc(100% - 1.5rem);
aspect-ratio: 508 / 290;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-image .image-wrapper h3 {
margin-bottom: 0;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item > .row > *:first-child {
padding-right: 1.5rem;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item > .row > *:last-child {
padding-left: 1.5rem;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ul a,
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ol a,
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ul button.sso-textlink,
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ol button.sso-textlink {
color: white;
text-transform: none;
}
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ul a:hover,
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ol a:hover,
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ul button.sso-textlink:hover,
.carousel-section .carousel.slider.key-programs-carousel .slider-item .slider-body ol button.sso-textlink:hover {
color: white;
text-decoration: underline;
opacity: 0.4;
}
.carousel-section.photo-gallery-section .carousel.slider.photo-gallery-carousel {
width: 200vw;
position: relative;
left: calc(-50vw - 50% + (153px - ((100vw - 100%)/2)));
}
.carousel-section.photo-gallery-section > .row {
margin-bottom: 1em;
}
.carousel-section.photo-gallery-section > .row > [class*=" col"],
.carousel-section.photo-gallery-section > .row > [class^="col"] {
padding-left: 0;
}
.carousel-section.photo-gallery-section > .row h2 {
color: var(--space-dust);
}
.carousel-section.photo-gallery-section .carousel.slider.photo-gallery-carousel .slick-list {
width: 200vw;
}
.carousel-section.photo-gallery-section .carousel.slider.photo-gallery-carousel .slick-list .slider-item {
width: 312px;
margin-right: 10px;
flex-direction: column;
}
.carousel-section.photo-gallery-section .carousel.slider.photo-gallery-carousel .slick-list .slider-item .slider-text {
opacity: .6;
padding-top: 10px;
padding-left: 2px;
}
.carousel-section.photo-gallery-section .carousel.slider.photo-gallery-carousel .slick-list .slider-item .slider-image .image-wrapper {
min-width: 312px;
min-height: 215px;
background-size: cover;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover {
height: 100%;
padding-right: inherit;
padding-left: inherit;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container:before,
.carousel-section.quick-tips-section .arrows-wrapper.cover.container:after {
content: "";
display: block;
position: absolute;
top: 0;
width: calc((100vw - 100%) / 2);
min-width: 80px;
height: 100%;
background: rgba(var(--cosmic-rgb), .95);
z-index: 30;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container:before {
float: left;
left: calc((100vw - 100%) / -2);
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container:after {
float: right;
right: calc((100vw - 100%) / -2);
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container {
position: static;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
width: 100vw;
position: absolute;
top: 0;
left: calc((100vw - 100%) / -2);
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow {
content: "";
background: white;
background-position: center;
width: 50px;
height: 50px;
border-radius: 50px;
-webkit-mask-image: url('/images/icons/caret-left-circle.svg');
mask-image: url('/images/icons/caret-left-circle.svg');
mask-size: 100%;
mask-position: center;
mask-repeat: no-repeat;
z-index: 31;
transition: all linear 200ms;
margin: 0;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow.slick-next {
transform: rotate(180deg);
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow.slick-prev {
position: relative;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow:hover,
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow:active,
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow.active {
background: var(--space-dust);
opacity: 1;
}
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow[disabled],
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow:disabled,
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow.disabled,
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow.slick-disabled {
opacity: 0.4;
cursor: default;
pointer-events: none;
}
.carousel-section.quick-tips-section > .row {
margin-bottom: 1em;
}
.carousel-section.quick-tips-section > .row > [class*=" col"],
.carousel-section.quick-tips-section > .row > [class^="col"] {
padding-left: 0;
}
.carousel-section.quick-tips-section > .row h2 {
color: var(--space-dust);
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-display {
margin-bottom: 4px;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-display .image-wrapper {
min-height: 21rem;
aspect-ratio: 597/336;
max-width: unset;
box-sizing: border-box;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav {
margin-top: 4rem;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track {
display: flex;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item {
width: 331px;
margin-right: 10px;
height: inherit;
float: none;
position: relative;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item .card {
height: 100%;
border-radius: 8px;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item .card .card-body {
padding: 2rem;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item .card .card-body h5 {
color: black;
margin-bottom: 0.5rem;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: -3px;
height: 0;
border-radius: 10px;
width: 7px;
background: var(--saturns-ring);
transition: all ease 200ms;
z-index: 9;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item.slick-center:before,
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item:hover:before {
content: "";
top: 15%;
height: 75%;
}
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item.slick-center:before {
background: var(--space-dust);
}
.has-light-bg .carousel-section.quick-tips-section .arrows-wrapper.cover .arrows-container .slick-arrow {
background: var(--space-dust);
}
.has-light-bg .carousel-section.quick-tips-section .arrows-wrapper.cover .arrows-container .slick-arrow:hover,
.has-light-bg .carousel-section.quick-tips-section .arrows-wrapper.cover .arrows-container .slick-arrow:active,
.has-light-bg .carousel-section.quick-tips-section .arrows-wrapper.cover .arrows-container .slick-arrow.active {
background: var(--saturns-ring);
border-color: var(--saturns-ring);
}
.has-dark-bg .carousel-section.quick-tips-section .carousel.slider.quick-tips-display .slider-body {
color: white;
}
@media (min-width: 576px) {
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow {
margin: 0 max(15px, ((100vw - var(--container-width-sm)) / 4) - 25px);
}
}
@media (min-width: 768px) {
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow {
margin: 0 max(15px, ((100vw - var(--container-width-md)) / 4) - 25px);
}
}
@media (min-width: 992px) {
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow {
margin: 0 max(15px, ((100vw - var(--container-width-lg)) / 4) - 25px);
}
}
@media (min-width: 1200px) {
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow {
margin: 0 max(15px, ((100vw - var(--container-width-xl)) / 4) - 25px);
}
}
@media (min-width: 1600px) {
.carousel-section.quick-tips-section .arrows-wrapper.cover.container .arrows-container .slick-arrow {
margin: 0 max(15px, ((100vw - var(--container-width-xxl)) / 4) - 25px);
}
}
.carousel-section.learn-more-events-section .carousel.slider.learn-more-events-carousel {
position: relative;
left: 0;
}
.carousel-section.learn-more-events-section .carousel.slider.learn-more-events-carousel .slider-item {
width: 312px;
height: 394px;
margin-right: 5px;
margin-left: 5px;
flex-direction: column;
border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
margin-bottom: 4px;
}
.carousel-section.learn-more-events-section .carousel.slider.learn-more-events-carousel .slider-item .slider-image {
height: 100px;
width: unset;
overflow: hidden;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: 12px 14px;
}
.carousel-section.learn-more-events-section .carousel.slider.learn-more-events-carousel .slider-item .slider-image .image-wrapper {
background-size: contain;
background-position: center;
width: 100%;
height: 100%;
max-width: unset;
overflow: hidden;
background-repeat: no-repeat;
}
ul.slick-dots:not(:has(:nth-child(2))) {
display: none;
}
.carousel-section.learn-more-events-section .arrows-container {
position: absolute;
top: 0;
right: 0;
margin-bottom: 1em;
}
.carousel-section.learn-more-events-section .carousel-wrapper {
padding-top: 1.5rem;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item {
text-align: center;
background-color: #FFF;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-image .image-wrapper {
border-radius: 5px;
width: 100%;
height: auto;
max-width: unset;
aspect-ratio: 508/281;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 {
margin: 0.5rem 0;
color: #3D304F;
text-align: center;
/* Resources Headers */
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-text {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
margin-left: 1.5em;
margin-right: 1.5em;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .line-separator {
width: 240px;
height: 1px;
background: rgba(0, 0, 0, 0.25);
justify-self: center;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 a {
text-decoration: none;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 a:hover {
text-decoration: underline;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-text h6.dept-tag {
text-transform: uppercase;
font-family: montserrat;
font-size: 15px;
font-weight: 700;
color: var(--lunar);
margin-bottom: 0;
}
.carousel-section.learn-more-events-section .carousel-wrapper .carousel.slider .slider-item .slider-text a.read-more {
color: black;
}
.carousel-section.featured-news-section .carousel-wrapper {
padding-top: 1.5rem;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item:nth-child(2n+1) {
margin-right: 12px;
margin-left: 0;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item {
margin-left: 12px;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item .slider-image .image-wrapper {
border-radius: 5px;
width: 100%;
height: auto;
max-width: unset;
aspect-ratio: 508/281;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 {
margin: .25rem 0;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 a {
text-decoration: none;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 a:hover {
text-decoration: underline;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item .slider-text h6.dept-tag {
text-transform: uppercase;
font-family: montserrat;
font-size: 15px;
font-weight: 700;
color: var(--lunar);
margin-bottom: 0;
}
.carousel-section.featured-news-section .carousel-wrapper .carousel.slider .slider-item .slider-text a.read-more {
color: black;
}
@media (min-width: 576px) {
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item {
width: calc((540px / 2) - 10px);
}
}
@media (min-width: 768px) {
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item {
width: calc((720px / 2) - 10px);
}
}
@media (min-width: 992px) {
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item {
width: calc((960px / 3) - 10px);
}
}
@media (min-width: 1200px) {
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item {
width: calc((1140px / 3) - 10px);
}
}
@media(min-width: 1600px) {
.carousel-section.quick-tips-section .carousel.slider.quick-tips-nav .slick-track .slider-item {
width: calc((1520px / 4) - 10px);
}
}
.news-list .news-list-news.row {
--column-gap: 25px;
--row-gap: 50px;
column-gap: var(--column-gap);
row-gap: var(--row-gap);
}
.news-list .news-list-news.row-cols-1 > .col {
padding-left: 0;
padding-right: 0;
max-width: 100%;
padding-bottom: 10px;
}
@media (min-width: 786px) {
.news-list .news-list-news.row-cols-md-2 > .col {
max-width: calc(50% - (var(--column-gap) / 2));
flex: 0 0 calc(50% - (var(--column-gap) / 2));
}
}
@media (min-width: 992px) {
.news-list .news-list-news.row-cols-lg-3 > .col {
max-width: calc(33.333333% - (var(--column-gap) * 2 / 3));
flex: 0 0 calc(33.333333% - (var(--column-gap) * 2 / 3));
}
}
.news-list a.view-all {
color: var(--life-on-mars, #9E3C83);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.news-list a.view-all::after {
content: "";
color: inherit;
display: inline-block;
margin-left: 6px;
margin-bottom: -1px;
width: 8px;
height: 13px;
background-size: 8px 13px;
background-color: var(--life-on-mars);
mask-image: url("data:image/svg+xml;utf8,");
}
.news-list a.view-all:hover {
opacity: 0.75;
text-decoration: underline;
}
.news-list a.view-all:hover::after {
opacity: 0.75;
}
.card.department-news-card {
background-color: var(--venus);
border: none;
border-radius: 10px;
color: var(--cosmic);
margin-top: 37px;
min-height: 427px;
height: 100%;
font-size: 15px;
}
.card.department-news-card .card-header {
background: transparent;
border: none;
position: relative;
padding-top: calc((82px - 37px) + 1rem);
padding-left: 25px;
padding-right: 25px;
}
.card.department-news-card .card-header::before {
content: "";
display: block;
background-image: url(/images/icons/technology.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 82px;
height: 82px;
min-width: 82px;
min-height: 82px;
position: absolute;
top: -37px;
}
.card.department-news-card .card-header.technology::before {
background-image: url(/images/icons/technology.svg);
}
.card.department-news-card .card-header.marketing::before {
background-image: url(/images/icons/marketing.svg);
}
.card.department-news-card .card-header.compliance::before {
background-image: url(/images/icons/compliance.svg);
}
.card.department-news-card .card-header.commissions::before {
background-image: url(/images/icons/commissions.svg);
}
.card.department-news-card .card-header h4 {
font-weight: 600;
font-size: 20px;
}
.card.department-news-card .card-header h4 a {
font-weight: 600;
font-size: 20px;
text-decoration: none;
color: var(--cosmic);
}
.card.department-news-card .card-header h4 a:hover {
text-decoration: underline;
}
.card.department-news-card .card-body {
padding: 0 25px;
}
.card.department-news-card .card-body p:has( a.read-more) {
margin-block-start: .5rem;
}
.card.department-news-card .card-footer {
background: transparent;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: var(--cosmic);
border: none;
padding: 25px;
}
.card.department-news-card .card-footer h6.dept-tag {
text-transform: uppercase;
font-family: montserrat;
font-size: 15px;
font-weight: 700;
color: var(--cosmic);
margin-bottom: -2px;
}
#axtella-in-the-news .news-list-header > div > h3 {
color: var(--PENUMBRA, #A19CBD);
font-family: "Museo-Sans";
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#axtella-in-the-news .news-list-header > div .view-all {
color: var(--White, rgba(255, 255, 255, 0.95));
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
#axtella-in-the-news .news-list-header > div .view-all::after {
background-color: var(--White, rgba(255, 255, 255, 0.95));
}
.card.axtella-in-the-news-card {
background-color: #4A3E5B;
border: none;
border-radius: 5px;
color: var(--cosmic);
margin-top: 0;
min-height: 456px;
font-size: 15px;
height: 100%;
overflow: hidden;
}
.card.axtella-in-the-news-card > .image-wrapper-container {
}
.card.axtella-in-the-news-card > .image-wrapper-container .image-wrapper {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
.card.axtella-in-the-news-card .image-wrapper-first,
.card.axtella-in-the-news-card .image-wrapper-regular {
overflow: hidden;
width: 100%;
height: auto;
object-fit: cover;
}
@media(min-width: 992px) {
.card.axtella-in-the-news-card .image-wrapper-first {
display: flex;
justify-content: flex-start;
align-items: center;
height: 100%;
}
.card.axtella-in-the-news-card .image-wrapper-first img {
width: auto;
height: 100%;
}
}
.card.axtella-in-the-news-card .card-header {
background: transparent;
border: none;
position: relative;
padding: 50px 25px 12px 25px;
margin-top: 24px;
}
.card.axtella-in-the-news-card .card-header::before {
content: "";
display: block;
background-image: url(/images/icons/technology.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
height: 40px;
width: 100%;
min-width: 30px;
min-height: 40px;
position: absolute;
top: 0;
}
.card.axtella-in-the-news-card .card-header.technology::before {
background-image: url(/images/icons/technology.svg);
}
.card.axtella-in-the-news-card .card-header.marketing::before {
background-image: url(/images/icons/marketing.svg);
}
.card.axtella-in-the-news-card .card-header.compliance::before {
background-image: url(/images/icons/compliance.svg);
}
.card.axtella-in-the-news-card .card-header.commissions::before {
background-image: url(/images/icons/commissions.svg);
}
.card.axtella-in-the-news-card .card-header.press-release::before {
background-image: url(/images/icons/press-release.svg);
}
.card.axtella-in-the-news-card .card-header.media-mention::before {
background-image: url(/images/icons/media-mention.svg);
}
.card.axtella-in-the-news-card .card-header.insight::before {
background-image: url(/images/icons/light-bulb2.svg);
}
.card.axtella-in-the-news-card .card-header.blog::before {
background-image: url(/images/icons/blog.svg);
}
.card.axtella-in-the-news-card .card-header h4 {
font-weight: 600;
font-size: 20px;
}
.card.axtella-in-the-news-card .card-header h4 a {
color: var(--SPACE-DUST, #EDB3A2);
font-family: "Museo-Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
text-decoration: none;
}
.card.axtella-in-the-news-card .card-header h4 a:hover {
text-decoration: underline;
}
.card.axtella-in-the-news-card .card-body {
padding: 0 25px;
color: var(--MOONBEAM, #FFF);
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 19px; /* 126.667% */
}
.card.axtella-in-the-news-card .card-body p:has( a.read-more) {
margin-block-start: .3rem;
margin-block-end: .3rem;
}
.card.axtella-in-the-news-card > .card-content-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.card.axtella-in-the-news-card .card-footer {
background: transparent;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: var(--cosmic);
border: none;
padding: 25px;
}
.card.axtella-in-the-news-card .card-footer h6.dept-tag {
text-transform: uppercase;
margin-bottom: -2px;
color: var(--MOONBEAM, #FFF);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.card.axtella-in-the-news-card .card-footer .news-date {
color: var(--MOONBEAM, #FFF);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.card.axtella-in-the-news-card.first-item {
flex-direction: row;
margin-bottom: 2em;
padding: 0;
height: 100%;
}
.card.axtella-in-the-news-card.first-item > .card-content-container.first-row {
min-height: 456px;
}
.card.axtella-in-the-news-card.first-item .card-header {
padding-top: 68px;
}
.card.axtella-in-the-news-card.first-item .card-header::before {
height: 47px;
}
.med-bg .card.department-news-card {
background-color: white;
}
.modal.department-news-modal .modal-dialog .modal-content {
padding: 65px 70px;
}
.modal.department-news-modal .modal-dialog .modal-content button.close {
top: 24px;
right: 24px;
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
column-gap: 22px;
padding: 0 0 20px 0;
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header::before {
content: "";
background-image: url(/images/icons/technology.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 90px;
height: 90px;
min-width: 90px;
min-height: 90px;
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header.technology::before {
background-image: url(/images/icons/technology.svg);
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header.marketing::before {
background-image: url(/images/icons/marketing.svg);
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header.compliance::before {
background-image: url(/images/icons/compliance.svg);
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header.commissions::before {
background-image: url(/images/icons/commissions.svg);
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header h4.modal-title {
color: var(--cosmic);
}
.modal.department-news-modal .modal-dialog .modal-content .modal-header h6.dept-tag {
text-transform: uppercase;
font-family: montserrat;
font-size: 14px;
font-weight: 700;
color: var(--lunar);
margin-bottom: 0;
margin-top: 6px;
}
.modal.department-news-modal .modal-dialog .modal-content .modal-body .news-date {
margin-bottom: 16px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news {
padding: 65px 70px;
background: var(--COSMIC, #2A1C3E);
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-body ul > li > a {
color: #FFF;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news button.close {
top: 24px;
right: 24px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header-text {
row-gap: 8px;
display: flex;
flex-direction: column;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header::before {
content: "";
background-image: url(/images/icons/technology.svg);
background-size: 100%;
background-repeat: no-repeat;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.technology::before {
background-image: url(/images/icons/technology.svg);
background-repeat: no-repeat;
width: 90px;
height: 120px;
min-width: 90px;
min-height: 90px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.marketing::before {
background-image: url(/images/icons/marketing.svg);
background-repeat: no-repeat;
width: 90px;
height: 120px;
min-width: 90px;
min-height: 90px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.compliance::before {
background-image: url(/images/icons/compliance.svg);
background-repeat: no-repeat;
width: 90px;
height: 120px;
min-width: 90px;
min-height: 90px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.commissions::before {
background-image: url(/images/icons/commissions.svg);
background-repeat: no-repeat;
width: 90px;
height: 120px;
min-width: 90px;
min-height: 90px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.press-release::before {
background-image: url(/images/icons/press-release.svg);
background-repeat: no-repeat;
min-height: 79.997px;
min-width: 68.592px;
width: auto;
background-size: contain;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.media-mention::before {
background-image: url(/images/icons/media-mention.svg);
background-repeat: no-repeat;
width: 90px;
height: 120px;
min-width: 90px;
min-height: 90px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.insight::before {
background-image: url(/images/icons/light-bulb.svg);
background-repeat: no-repeat;
min-height: 79.997px;
min-width: 68.592px;
width: auto;
background-size: contain;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header.blog::before {
background-image: url(/images/icons/blog.svg);
background-repeat: no-repeat;
min-height: 79.997px;
min-width: 68.592px;
width: auto;
background-size: contain;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header h4.modal-title {
color: var(--SPACE-DUST, #EDB3A2);
/* H4 */
font-family: "Museo-Sans";
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header h6.dept-tag {
text-transform: uppercase;
font-family: montserrat;
font-size: 14px;
font-weight: 700;
color: var(--lunar);
margin-bottom: 0;
margin-top: 6px;
}
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-body .news-date {
margin-top: 2em;
margin-bottom: 1em;
}
@media(min-width: 991px) {
.modal.department-news-modal .modal-dialog .modal-content-in-the-news .modal-header,
.modal.department-news-modal .modal-dialog .modal-content .modal-header {
flex-direction: row;
align-items: center;
}
}
.richtext-block ol,
.card-body ol,
.slider-text ol {
padding-left: 1.5rem;
}
.richtext-block ul,
.card-body ul,
.slider-text ul,
.newsletter-list .news-list-news .newsletter-item .newsletter-body ul {
list-style: none;
padding-left: 0;
}
.richtext-block ul > li,
.card-body ul > li,
.slider-text ul > li,
body footer .default-bg .richtext-block ul > li,
.newsletter-list .news-list-news .newsletter-item .newsletter-body ul > li {
color: white;
padding-left: 1.5em;
margin-bottom: 0.5em;
}
.has-med-bg .richtext-block ul > li,
.has-light-bg .richtext-block ul > li,
body .default-bg .richtext-block ul > li,
body .default-bg .richtext-block ul > li {
color: black;
padding-left: 1.5em;
margin-bottom: 0.5em;
}
.richtext-block ul > li::before,
.card-body ul > li::before,
.slider-text ul > li::before,
body footer .default-bg .slider-text ul > li::before,
.newsletter-list .news-list-news .newsletter-item .newsletter-body ul > li::before{
content: "";
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url('../images/icons/star.svg');
mask-image: url('../images/icons/star.svg');
background-color: var(--space-dust);
width: 1em;
height: 1em;
margin-right: .5em;
margin-left: -1.5em;
position: relative;
top: 2px;
}
.has-light-bg .richtext-block ul > li::before,
.has-light-bg .slider-text ul > li::before,
body .default-bg .richtext-block ul > li::before,
body .default-bg .slider-text ul > li::before {
background-color: var(--saturns-ring);
}
body footer .default-bg .richtext-block ul > li::before,
body footer .default-bg .slider-text ul > li::before {
background-color: var(--space-dust);
}
.richtext-block ul > li a,
.card-body ul > li a,
.slider-text ul > li a{
color: white;
text-decoration: underline;
}
.richtext-block ul > li a:hover,
.card-body ul > li a:hover,
.slider-text ul > li a:hover{
opacity: 0.4;
text-decoration: underline;
}
.has-light-bg .richtext-block ul > li a,
.has-med-bg .richtext-block ul > li a,
body .default-bg .richtext-block ul > li a,
body .default-bg .richtext-block ul > li a,
.has-light-bg .card-body ul > li a,
.has-med-bg .card-body ul > li a,
body .default-bg .card-body ul > li a,
body .default-bg .card-body ul > li a,
.has-light-bg .slider-text ul > li a,
.has-med-bg .slider-text ul > li a,
body .default-bg .slider-text ul > li a,
body .default-bg .slider-text ul > li a {
color: black;
}
.richtext-block ul > li > ul,
.card-body ul > li > ul,
.slider-text ul > li > ul {
padding-left: 2.5em;
}
.icon-link {
padding: 0 0.5em;
display: inline-flex;
align-items: baseline;
gap: .375rem;
}
.icon-link::before,
.icon-link.icon-phone::before {
content: "";
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url('../images/icons/phone.svg');
mask-image: url('../images/icons/phone.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--saturns-ring);
width: 1em;
height: 1em;
margin-right: .125em;
position: relative;
top: 3px;
left: 0px;
}
.icon-link.icon-envelope::before {
-webkit-mask-image: url('../images/icons/envelope.svg');
mask-image: url('../images/icons/envelope.svg');
width: 1em;
height: .75em;
top: 0px;
}
.icon-link.icon-right {
}
.icon-link.icon-right::before {
content: unset;
}
.icon-link.icon-right::after,
.icon-link.icon-right.icon-phone::after {
content: "";
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url('/images/icons/phone.svg');
mask-image: url('/images/icons/phone.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--saturns-ring);
background-color: #9a7a69;
width: 1em;
height: 1em;
margin-left: .5em;
position: relative;
top: 0px;
right: 0px;
}
.icon-link.icon-right.icon-envelope::after {
-webkit-mask-image: url('/images/icons/envelope.svg');
mask-image: url('/images/icons/envelope.svg');
width: 1em;
height: .75em;
}
.icon-link.icon-custom {
}
.icon-link.icon-custom::before {
content: unset;
width: 0px;
height: 0px;
}
.icon-link.icon-custom img {
height: 1em;
width: auto;
}
.border-round-tr {
border-top-right-radius: 100px;
}
.border-round-tl {
border-top-left-radius: 100px;
}
.yellow-bg {
background-color: var(--primary-bgcolor);
color: black;
}
.yellow-bg h1,
.yellow-bg h2,
.yellow-bg h3,
.yellow-bg h4,
.yellow-bg h5,
.yellow-bg h6 {
color: var(--saturns-ring)
}
.accordion-wrapper .description,
.accordion-wrapper .footer {
margin: 1.5em 0;
}
.accordion-wrapper .accordionlist-accordions.accordion {
background: transparent;
}
.accordion-wrapper .accordionlist-accordions.accordion > .row > .col {
padding: 0 12px;
}
.accordion-wrapper .accordionlist-accordions.accordion > .row > .col:first-child {
padding-left: 0;
}
.accordion-wrapper .accordionlist-accordions.accordion > .row > .col:last-child {
padding-right: 0;
}
.accordion-wrapper .accordionlist-accordions.accordion .accordion-panel {
padding: 4px 0;
}
.accordion-wrapper .accordionlist-accordions.accordion .card {
background: var(--venus);
color: black;
border: none;
border-radius: 10px;
transition: background-color linear 100ms, color linear 100ms;
/* ** new style guide, clearly wrong lol ** font-size: 15pt;*/
}
.accordion-wrapper .accordionlist-accordions.accordion .card:has(.card-header button[data-toggle=collapse]:hover),
.accordion-wrapper .accordionlist-accordions.accordion .card:has(.card-header button[data-toggle=collapse]:active),
.accordion-wrapper .accordionlist-accordions.accordion .card:has(.card-header button[data-toggle=collapse][aria-expanded=true]) {
color: white;
background: var(--nebula);
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header {
border-bottom: none;
padding: 0;
background: transparent;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button {
background: inherit;
border: none;
padding: 20px 45px 20px 25px;
font-weight: bolder;
width: 100%;
height: 100%;
text-align: inherit;
color: inherit;
position: relative;
cursor: default;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button[data-toggle=collapse] {
cursor: pointer;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button[data-toggle=collapse]::after {
content: "";
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-image: url('../images/icons/caret.svg');
mask-image: url('../images/icons/caret.svg');
background-color: var(--saturns-ring);
width: 9px;
height: 5px;
transform: rotate(180deg);
transition: transform ease 200ms;
position: absolute;
right: 25px;
top: 28px;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button[data-toggle=collapse][aria-expanded=true]::after {
transform: rotate(0deg);
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button[data-toggle=collapse]:hover::after,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button[data-toggle=collapse]:active::after,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-header button[data-toggle=collapse][aria-expanded=true]::after {
background-color: var(--space-dust);
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body {
background: inherit;
text-align: inherit;
padding: 0 25px 20px 25px;
display: block;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body h1,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body h2,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body h3,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body h4,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body h5,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body h6 {
color: white;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body strong {
font-weight: bold;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body :last-child {
margin-bottom: 0;
margin-block-end: 0;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a:not(.btn) {
color: var(--space-dust);
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a:not(.btn):visited {
color: var(--radio-wave);
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a:not(.btn):hover {
opacity: 0.4;
text-decoration: underline;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a.icon-link,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a.icon-link:visited,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a[href^="tel:"]:not(.btn),
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a[href^="tel:"]:not(.btn):visited,
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a[href^="mailto:"]:not(.btn),
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a[href^="mailto:"]:not(.btn):visited {
color: white;
font-weight: normal;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body a.icon-link::before {
background-color: var(--space-dust);
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body ul {
list-style: none;
padding-left: 0;
}
.accordion-wrapper .accordionlist-accordions.accordion .card .card-body ul > li {
color: white;
/*display: flex;
justify-content: flex-start;
align-items: center;*/
}
.event-preview {
height: 100%;
row-gap: 1rem;
background: var(--VENUS, #F2E7DE);
border-radius: 5px;
}
.event-preview a.btn.btn-default,
.event-preview a.btn.btn-primary,
.event-preview a.btn.btn-secondary {
background-color: var(--button-secondary-bgcolor);
color: var(--button-secondary-color);
border: 1px solid var(--button-secondary-color);
}
.event-preview:hover a.btn.btn-default:not([disabled]):not(.disabled),
.event-preview:hover a.btn.btn-primary:not([disabled]):not(.disabled),
.event-preview:hover a.btn.btn-secondary:not([disabled]):not(.disabled) {
background-color: var(--LIFE-ON-MARS, #9E3C83);
color: white;
}
.event-preview a.btn.btn-default:not([disabled]):not(.disabled):hover,
.event-preview a.btn.btn-primary:not([disabled]):not(.disabled):hover,
.event-preview a.btn.btn-secondary:not([disabled]):not(.disabled):hover {
background-color: var(--button-primary-bgcolor-hover);
color: var(--button-primary-color-hover);
border: 1px solid var(--button-primary-bgcolor-hover);
}
.event-preview:hover a.btn.btn-default:not([disabled]):not(.disabled):after,
.event-preview:hover a.btn.btn-primary:not([disabled]):not(.disabled):after {
background-color: transparent;
color: var(--LIFE-ON-MARS, #9E3C83);
}
.event-preview a.btn.external-btn.btn-default::after,
.event-preview a.btn.external-btn.btn-primary::after,
.event-preview a.btn.external-btn.btn-secondary::after {
background-color: var(--LIFE-ON-MARS, #9E3C83);
}
.event-preview:hover a.btn.external-btn.btn-default:not([disabled]):not(.disabled)::after,
.event-preview:hover a.btn.external-btn.btn-primary:not([disabled]):not(.disabled)::after,
.event-preview:hover a.btn.external-btn.btn-secondary:not([disabled]):not(.disabled)::after {
background-color: white;
}
.event-preview .event-body {
min-width: 100%;
}
.event-preview .image-wrapper-hover {
display: none;
position: relative;
background-position: 60.488px 54.967px;
background-size: 62.44% 47.107%;
background-repeat: no-repeat;
height: 198px;
width: 100%;
opacity: 1;
background-color: var(--LIFE-ON-MARS, #9E3C83);
border-radius: 5px;
}
.event-preview:hover .image-wrapper {
display: none;
}
.event-preview:hover .image-wrapper-hover {
display: block;
}
.event-preview img {
height: 198px;
object-fit: cover;
display: block;
border-radius: 5px 5px 0 0;
}
.event-preview .event-details {
padding: 10px;
}
.event-preview .event-desc {
padding-top: 10px;
color: #000;
font-family: montserrat, sans-serif;
font-size: 15px;
font-weight: 400;
}
.event-preview .image-wrapper {
width: 100%;
}
.event-preview .event-location {
color: var(--Black, #000);
font-family: montserrat, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 19.5px; /* 130% */
padding-bottom: 1em;
}
.event-preview .event-body > * {
margin-bottom: 0.8rem;
}
.event-preview .event-body > *:last-child {
margin-bottom: 0;
}
.event-preview .event-date,
.event-preview-feat .event-date {
width: 100%;
max-width: 90px;
height: 100%;
max-height: 90px;
top: 0px;
left: 0px;
background-color: #2E4972;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
font-weight: 600;
border-radius: 5px 0 0 0;
opacity: 1.0;
transition: opacity ease-in-out 150ms;
}
.event-preview .event-date .event-date-month,
.event-preview-feat .event-date .event-date-month {
font-size: 15px;
text-align: center;
margin: 0;
padding-top: 1.6em;
}
.event-preview .event-date .event-date-day,
.event-preview-feat .event-date .event-date-day {
font-size: 36px;
text-align: center;
}
.event-preview:hover .event-date {
opacity: 0;
}
.event-preview .event-header {
font-size: 20px;
color: var(--NEBULA, #2E4972);
font-style: normal;
font-weight: 600;
line-height: normal;
padding-top: 10px;
font-weight: 600;
}
.feat-event-list-events .feat-event {
margin-bottom: 60px;
}
.feat-event-list-events .feat-event:last-child {
margin-bottom: inherit;
}
.feat-event-list-events .feat-event .event-preview-feat {
min-height: 450px;
}
.feat-event-list-events .feat-event .event-preview-feat .event-body.card-body {
padding: 30px;
justify-content: center;
display: flex;
flex-direction: column;
row-gap: 6px;
}
.feat-event-list-events .feat-event .event-preview-feat .event-body.card-body > * {
margin-bottom: 0;
padding: 0;
}
.feat-event-list-events .feat-event .event-preview-feat .feat-image-wrapper img,
.feat-event-list-events .feat-event .event-preview-feat .image-wrapper img,
.feat-event-list-events .feat-event .event-preview-feat .image-wrapper-hover img {
height: 198px;
object-fit: cover;
display: block;
border-radius: 5px 5px 0 0;
}
.feat-event-list-events .feat-event .event-preview-feat .image-wrapper-hover {
display: none;
position: relative;
background-position: 60.488px 54.967px;
background-size: 62.44% 47.107%;
background-repeat: no-repeat;
height: 198px;
width: 100%;
opacity: 1;
background-color: var(--LIFE-ON-MARS, #9E3C83);
border-radius: 5px;
}
.feat-event-list-events .feat-event .event-preview-feat:hover .image-wrapper {
display: none;
}
.feat-event-list-events .feat-event .event-preview-feat:hover .image-wrapper-hover {
display: block;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper,
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid {
max-height: unset;
height: 100%;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container {
display: flex;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__layout-item {
grid-column-end: span var(--umb-block-grid--item-column-span, 1) !important;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__layout-item:first-child {
width: 100%;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__layout-item:not(:first-child) {
display: none;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__area {
grid-column-end: span var(--umb-block-grid--area-column-span, 1) !important;
}
@media (min-width:576px) {
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container {
display: grid;
height: 100%;
grid-gap: 10px;
grid-auto-rows: 220px 220px;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__layout-item:not(:first-child) {
display: block;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__layout-item {
grid-column-end: span var(--umb-block-grid--item-column-span, 1) !important;
}
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__area {
grid-column-end: span var(--umb-block-grid--area-column-span, 1) !important;
}
}
@media (max-width:991px) {
.feat-event-list-events .feat-event .event-preview-feat .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container .umb-block-grid__area-container {
--umb-block-grid--area-grid-columns: inherit;
}
}
.event-list .event-list-events.row > .col {
padding-bottom: 30px;
}
.event-list .event-list-events .event-preview {
max-width: 100%;
width: 100%;
position: relative;
}
.event-list a.view-all {
color: var(--life-on-mars, #9E3C83);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.event-list a.view-all::after {
content: "";
color: inherit;
display: inline-block;
margin-left: 6px;
margin-bottom: -1px;
width: 8px;
height: 13px;
background-size: 8px 13px;
background-color: var(--life-on-mars);
mask-image: url("data:image/svg+xml;utf8,");
}
.event-list a.view-all:hover {
color: var(--life-on-mars, #9E3C83);
opacity: 0.4;
text-decoration: underline;
}
.event-list a.view-all:hover::after {
background-color: var(--life-on-mars);
}
.event-list.event-list-filtered {
}
.event-list.event-list-filtered a.calendar-link{
color: var(--life-on-mars, #9E3C83);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.event-list.event-list-filtered a.calendar-link::before {
content: "";
color: inherit;
display: inline-block;
margin-right: 7px;
margin-bottom: -2px;
width: 20px;
height: 18px;
background-size: 20px 18px;
background-color: var(--life-on-mars);
mask-image: url("/images/icons/calendar.svg");
}
.event-list.event-list-filtered a.calendar-link:hover {
color: var(--life-on-mars, #9E3C83);
opacity: 0.4;
text-decoration: underline;
}
.event-list.event-list-filtered a.calendar-link:hover::before {
background-color: var(--life-on-mars);
}
.event-list.event-list-filtered .event-list-controls {
margin-bottom: 55px;
}
.modal.fade.show {
display: flex;
align-items: center;
}
.modal .modal-dialog .modal-content {
padding: 50px 85px 50px 50px;
border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header {
margin-bottom: 1em;
}
.modal .modal-dialog .modal-content .modal-footer {
margin-top: 1em;
}
.modal .modal-dialog .modal-content .modal-body {
padding: 0;
}
.modal .modal-dialog .modal-content .modal-body > *:has(+ h1),
.modal .modal-dialog .modal-content .modal-body > *:has(+ h2),
.modal .modal-dialog .modal-content .modal-body > *:has(+ h3),
.modal .modal-dialog .modal-content .modal-body > *:has(+ h4),
.modal .modal-dialog .modal-content .modal-body > *:has(+ h5),
.modal .modal-dialog .modal-content .modal-body > *:has(+ h6) {
margin-block-end: 1.5rem;
}
.modal .modal-dialog .modal-content .modal-body a:not(.btn) {
color: black;
font-weight: normal;
}
.modal .modal-dialog .modal-content .modal-body a.icon-link,
.modal .modal-dialog .modal-content .modal-body a.icon-link {
padding-left: 0;
}
.modal .modal-dialog .modal-content .modal-body a.icon-link::before,
.modal .modal-dialog .modal-content .modal-body a.icon-link:visited::before {
background-color: var(--space-dust);
}
.modal .modal-dialog .modal-content .modal-body a.icon-link:hover::before,
.modal .modal-dialog .modal-content .modal-body a.icon-link:visited:hover::before {
background-color: var(--saturns-ring);
}
.modal .modal-dialog button.close {
height: 47px;
width: 47px;
padding: 6px;
opacity: 1;
background-color: var(--space-dust);
background-size: 35px 35px;
mask-image: url(/images/icons/close.svg);
mask-size: 35px 35px;
mask-position: center;
mask-repeat: no-repeat;
margin: 0;
position: absolute;
top: 50px;
right: 50px;
transition: background-color linear 200ms;
z-index: 99;
}
.modal .modal-dialog button.close:hover {
background-color: var(--saturns-ring);
}
.modal .modal-dialog .modal-content h1,
.modal .modal-dialog .modal-content h2,
.modal .modal-dialog .modal-content h3,
.modal .modal-dialog .modal-content h4,
.modal .modal-dialog .modal-content h5,
.modal .modal-dialog .modal-content h6 {
color: var(--nebula);
}
/* custom modal sizes */
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
}
}
@media (min-width: 992px) {
.modal-lg, .modal-xl {
max-width: 850px;
width: 850px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1039px;
width: 1039px;
}
}
.newsletter-list {
padding-bottom: 2em;
}
.newsletter-list .news-list-header h3 {
color: var(--saturns-ring);
}
.newsletter-list .news-list-news {
margin-top: 23px;
}
.newsletter-list .news-list-news.row.row-cols-3 {
column-gap: 25px;
row-gap: 50px;
}
.newsletter-list .news-list-news.row.row-cols-3 > .col {
padding-left: 0;
padding-right: 0;
max-width: calc(33.333333% - (50px / 3));
padding-bottom: 10px;
}
.newsletter-list a.view-all {
color: var(--saturns-ring);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.newsletter-list a.view-all::after {
content: "";
color: inherit;
display: inline-block;
margin-left: 6px;
margin-bottom: -1px;
width: 8px;
height: 13px;
background-size: 8px 13px;
background-color: var(--saturns-ring);
mask-image: url("data:image/svg+xml;utf8,");
}
.newsletter-list a.view-all:hover {
opacity: 0.75;
text-decoration: underline;
}
.newsletter-list a.view-all:hover::after {
opacity: 0.75;
}
.newsletter-list .news-list-news .newsletter-item {
min-height: 200px;
margin-bottom: 50px;
}
.newsletter-list .news-list-news .news-item:last-child .newsletter-item {
margin-bottom: 0;
}
.newsletter-list .news-list-news .newsletter-item .newsletter-image {
text-align: center;
}
.newsletter-list .news-list-news .newsletter-item .newsletter-image img {
border-radius: 5px;
padding: 0;
max-height: 272px;
max-width: 100%;
width: auto;
height: auto;
}
.newsletter-list .news-list-news .newsletter-item a.newsletter-image {
transition: opacity 0.25s ease-in-out;
}
.newsletter-list .news-list-news .newsletter-item a.newsletter-image:hover {
opacity: 0.75;
}
.newsletter-list .news-list-news .newsletter-item .newsletter-body {
margin-top: 20px;
font-size: 16px;
}
.newsletter-list .news-list-news .newsletter-item .newsletter-body h3,
.newsletter-list .news-list-news .newsletter-item .newsletter-body h3 a {
color: white;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.newsletter-list .news-list-news .newsletter-item .newsletter-body h3 a:hover {
opacity: 0.75;
}
.newsletter-list .news-list-news .newsletter-item.newsletter-featured {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.newsletter-list .news-list-news .newsletter-item.newsletter-featured .newsletter-image {
padding-left: 0;
padding-right: 0;
}
.newsletter-list .news-list-news .newsletter-item.newsletter-featured .newsletter-image img {
max-height: 489px;
}
.newsletter-list .news-list-news .newsletter-item.newsletter-featured .newsletter-body ul,
.newsletter-list .news-list-news .newsletter-item.newsletter-featured .newsletter-body ul > li:last-child {
margin-bottom: 0;
}
.newsletter-list .news-list-news:has(.news-item .newsletter-item.edition-newsletter-item) {
--news-row-gap: 50px;
--news-col-gap: 24px;
row-gap: var(--news-row-gap);
column-gap: var(--news-col-gap);
}
.newsletter-list .news-list-news .news-item:first-child .newsletter-item.edition-newsletter-item .newsletter-tile {
background: linear-gradient(45deg, var(--cosmic) 0, var(--cosmic) 90%, var(--life-on-mars) 90.1%);
}
.newsletter-list .news-list-news .news-item:first-child .newsletter-item.edition-newsletter-item a.newsletter-tile:hover {
background: linear-gradient(45deg, rgba(var(--cosmic-rgb), .6) 0, rgba(var(--cosmic-rgb), .6) 90%, var(--life-on-mars) 90.1%);
}
.newsletter-list .news-list-news .col {
padding-right: 0;
padding-left: 0;
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item {
position: relative;
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item .newsletter-tile {
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: var(--cosmic);
aspect-ratio: 334/184;
margin-bottom: 1em;
overflow: hidden;
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item a.newsletter-tile {
transition: background .25s ease-in-out;
text-decoration: none;
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item a.newsletter-tile:hover {
cursor: pointer;
background: rgba(var(--cosmic-rgb), .6);
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item .newsletter-tile h3,
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item a.newsletter-tile:hover h3 {
color: white;
margin-bottom: 0;
font-family: Poppins, Museo-sans, sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item .newsletter-tile h4,
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item a.newsletter-tile:hover h4 {
color: white;
margin-bottom: 0;
font-family: Poppins, Museo-sans, sans-serif;
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.newsletter-list .news-list-news .newsletter-item.edition-newsletter-item .newsletter-tile hr {
width: 25%;
opacity: 1;
border-color: var(--life-on-mars);
margin-top: 13.5px;
margin-bottom: 17.5px;
}
@media (min-width: 768px) {
.newsletter-list .news-list-news.row-cols-md-3 > * {
max-width: calc(33.3333333% - (var(--news-col-gap) * 2 / 3));
}
.newsletter-list .news-list-news.row-cols-md-2 > * {
max-width: calc(50% - (var(--news-col-gap) / 2));
}
}
@media (min-width: 992px) {
.newsletter-list .news-list-news.row-cols-lg-3 > * {
max-width: calc(33.3333333% - (var(--news-col-gap) * 2 / 3));
}
}
.border-between-vr > *:not(:first-child) {
padding-left: calc(20vw / 3);
}
.border-between-vr > *:not(:last-child) {
padding-right: calc(20vw / 3);
border-right: 1px solid rgba(var(--space-dust-rgb), 0.5);
}
@media (max-width: 991px) {
.border-between-vr > .col-12.col-lg-1:not(:first-child),
.border-between-vr > .col-12.col-lg-2:not(:first-child),
.border-between-vr > .col-12.col-lg-3:not(:first-child),
.border-between-vr > .col-12.col-lg-4:not(:first-child),
.border-between-vr > .col-12.col-lg-5:not(:first-child),
.border-between-vr > .col-12.col-lg-6:not(:first-child),
.border-between-vr > .col-12.col-lg-7:not(:first-child),
.border-between-vr > .col-12.col-lg-8:not(:first-child),
.border-between-vr > .col-12.col-lg-9:not(:first-child),
.border-between-vr > .col-12.col-lg-10:not(:first-child),
.border-between-vr > .col-12.col-lg-11:not(:first-child) {
padding-left: inherit;
padding-top: 50px;
}
.border-between-vr > .col-12.col-lg-1:not(:last-child),
.border-between-vr > .col-12.col-lg-2:not(:last-child),
.border-between-vr > .col-12.col-lg-3:not(:last-child),
.border-between-vr > .col-12.col-lg-4:not(:last-child),
.border-between-vr > .col-12.col-lg-5:not(:last-child),
.border-between-vr > .col-12.col-lg-6:not(:last-child),
.border-between-vr > .col-12.col-lg-7:not(:last-child),
.border-between-vr > .col-12.col-lg-8:not(:last-child),
.border-between-vr > .col-12.col-lg-9:not(:last-child),
.border-between-vr > .col-12.col-lg-10:not(:last-child),
.border-between-vr > .col-12.col-lg-11:not(:last-child) {
padding-right: inherit;
padding-bottom: 50px;
border-bottom: 1px solid rgba(var(--space-dust-rgb), 0.5);
border-right: none;
}
}
@media (max-width: 767px) {
.border-between-vr > .col-12.col-md-1:not(:first-child),
.border-between-vr > .col-12.col-md-2:not(:first-child),
.border-between-vr > .col-12.col-md-3:not(:first-child),
.border-between-vr > .col-12.col-md-4:not(:first-child),
.border-between-vr > .col-12.col-md-5:not(:first-child),
.border-between-vr > .col-12.col-md-6:not(:first-child),
.border-between-vr > .col-12.col-md-7:not(:first-child),
.border-between-vr > .col-12.col-md-8:not(:first-child),
.border-between-vr > .col-12.col-md-9:not(:first-child),
.border-between-vr > .col-12.col-md-10:not(:first-child),
.border-between-vr > .col-12.col-md-11:not(:first-child) {
padding-left: inherit;
padding-top: 50px;
}
.border-between-vr > .col-12.col-md-1:not(:last-child),
.border-between-vr > .col-12.col-md-2:not(:last-child),
.border-between-vr > .col-12.col-md-3:not(:last-child),
.border-between-vr > .col-12.col-md-4:not(:last-child),
.border-between-vr > .col-12.col-md-5:not(:last-child),
.border-between-vr > .col-12.col-md-6:not(:last-child),
.border-between-vr > .col-12.col-md-7:not(:last-child),
.border-between-vr > .col-12.col-md-8:not(:last-child),
.border-between-vr > .col-12.col-md-9:not(:last-child),
.border-between-vr > .col-12.col-md-10:not(:last-child),
.border-between-vr > .col-12.col-md-11:not(:last-child) {
padding-right: inherit;
padding-bottom: 50px;
border-bottom: 1px solid rgba(var(--space-dust-rgb), 0.5);
border-right: none;
}
}
.border-between-hr > *::after {
content: "";
display: block;
height: 1px;
width: 100%;
background-color: var(--space-dust);
opacity: .5;
padding: 0;
margin: 50px 0;
}
.border-between-hr > *:last-child::after {
content: unset;
}
.columns,
.columns.--2col {
columns: 2;
}
.columns.--3col {
columns: 3;
}
.columns.--4col {
columns: 4;
}
.columns.--5col {
columns: 5;
}
.columns.--9col {
columns: 9;
}
.columns .span-all {
column-span: all;
}
.grid {
display: grid;
column-gap: 40px;
row-gap: 40px;
}
.grid.--1col {
grid-template-columns: 1fr;
}
.grid.--2col {
grid-template-columns: repeat( 2, 1fr );
}
.grid.--3col {
grid-template-columns: repeat( 3, 1fr );
}
.grid.--4col {
grid-template-columns: repeat( 4, 1fr );
}
.grid.--5col {
grid-template-columns: repeat( 5, 1fr );
}
.grid.--9col {
grid-template-columns: repeat( 9, 1fr );
}
.grid.--autocol {
grid-template-columns: repeat( auto-fit, minmax( 100px, 200px ) );
}
.grid.rg-10 {
row-gap: 10px;
}
.grid.rg-20 {
row-gap: 20px;
}
.grid.rg-30 {
row-gap: 30px;
}
.grid.rg-40 {
row-gap: 40px;
}
.grid.rg-50 {
row-gap: 50px;
}
.grid.rg-60 {
row-gap: 60px;
}
.grid.cg-10 {
column-gap: 10px;
}
.grid.cg-20 {
column-gap: 20px;
}
.grid.cg-30 {
column-gap: 30px;
}
.grid.cg-40 {
column-gap: 40px;
}
.grid.cg-50 {
column-gap: 50px;
}
.grid.cg-60 {
column-gap: 60px;
}
.grid .col-2 {
grid-column: auto / span 2;
}
.grid .col-3 {
grid-column: auto / span 3;
}
.grid .col-4 {
grid-column: auto / span 4;
}
.grid .col-5 {
grid-column: auto / span 5;
}
.grid .col-9 {
grid-column: auto / span 9;
}
.grid.--autocol .col-12 {
grid-column: 0 / span -1;
}
.flex {
display: flex;
}
.flex > * {
-ms-flex: 0 1 auto;
}
.flex.--row {
flex-direction: row;
}
.flex.--col {
flex-direction: column;
}
.flex.--wrap {
flex-wrap: wrap;
}
.flex.--hor-center {
justify-content: center;
}
.flex.--hor-end {
justify-content: flex-end;
}
.flex.--hor-between {
justify-content: space-between;
}
.flex.--hor-around {
justify-content: space-around;
}
.flex.--vert-center {
align-items: center;
}
.flex.--vert-end {
align-items: flex-end;
}
.flex.--fullheight {
height: 100%;
}
.flex.--2col > * {
width: 50%;
}
.flex.--3col > * {
width: 33%;
}
.flex.--4col > * {
width: 25%;
}
.flex.--5col > * {
width: 20%;
}
.flex.--2col.--padding-center > :first-child {
padding-right: 40px;
}
.flex.--2col.--padding-center > :last-child {
padding-left: 40px;
}
/*.flex.--2col .btn + .btn {
margin-left: 12px;
}*/
.flex.--2col-imbaright > :first-child {
width: 35%;
}
.flex.--2col-imbaright > :last-child {
width: 65%;
}
.flex.--2col-imbaleft > :first-child {
width: 65%;
}
.flex.--2col-imbaleft > :last-child {
width: 35%;
}
@media (min-width: 1200px) {
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 calc(100% / 6);
flex: 0 0 calc(100% / 6);
max-width: calc(100% / 6);
}
}
@media (min-width: 1600px) {
.row-cols-xxl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xxl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6 > * {
-ms-flex: 0 0 calc(100% / 6);
flex: 0 0 calc(100% / 6);
max-width: calc(100% / 6);
}
}
.btn.--fullwidth {
display: block;
width: 100%;
max-width: none;
margin-bottom: 1.1em;
min-width: 100px;
font-size: 90%;
}
.primary-width {
position: relative;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 3em 0;
}
.leafed {
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
overflow: hidden;
}
/* FAQ Accordion Start */
.accordion .accordion-content {
display: none;
}
.accordion .accordion-title.active + .accordion-content {
display: block;
}
#faqAccordion {
background-color: #ffffff;
}
#faqAccordion > :first-child > img {
display: block;
}
#faqAccordion > :last-child {
padding: 60px;
}
#faqAccordion .accordion .accordion-title {
display: block;
width: 100%;
margin-top: -1px;
padding: 12px 20px;
border-top: 1px solid #c7c7c7;
text-align: left;
font-size: 113%;
font-weight: 500;
color: #000000;
background-color: #ffffff;
transition: background-color 0.2s;
}
#faqAccordion .accordion .accordion-title i {
float: right;
transition: color 0.2s;
}
#faqAccordion .accordion .accordion-title.active,
#faqAccordion .accordion .accordion-title:hover {
background-color: #f4f4f5;
}
#faqAccordion .accordion .accordion-title:hover i {
color: #939aa0;
}
#faqAccordion .accordion .accordion-content {
padding: 20px;
border-top: 1px solid #c7c7c7;
line-height: 1.6;
}
#faqAccordion .accordion .accordion-content > :last-child {
margin-bottom: 0;
}
/* FAQ Accordion End */
/* User Block */
.user-block {
display: flex;
align-items: center;
background-color: transparent;
}
.user-block > span {
display: block;
}
.user-block .user-profile {
display: grid;
place-content: center;
width: 60px;
aspect-ratio: 1;
margin: 6px;
border: 2px solid #c5c8cb;
border-radius: 50%;
box-shadow: 0px 0px 0px 6px #ffffff;
color: #c5c8cb;
background-color: #ffffff;
overflow: hidden;
transition: background-color 0.3s, box-shadow 0.3s;
}
.user-block .user-profile i {
font-size: 225%;
color: #c5c8cb;
}
.user-block .user-name {
padding-left: 10px;
}
.user-block .user-name > * {
display: block;
text-align: left;
}
.user-block:hover .user-profile {
box-shadow: 0px 0px 0px 6px #f0f1f3;
background-color: #f0f1f3;
}
.hidden {
display: none !important;
}
@media (max-width: 568px) {
.primary-width {
padding: 20px 0;
}
}
/* tablist */
.tablist {
margin-block-start: 3em;
margin-block-end: 3em;
}
.tablist .tablist-tabs {
padding: 10px 0;
max-height: 600px;
overflow-y: auto;
}
.tablist .tablist-tabs .nav.nav-pills,
.tablist .tablist-tabs .nav.nav-pills .tab-group {
align-content: space-between;
justify-content: space-between;
}
.tablist .tablist-tabs .nav.nav-pills .tab-group {
padding: 0;
}
.tablist .tablist-tabs .nav.nav-pills.nav-item,
.tablist .tablist-tabs .nav.nav-pills .nav-item {
display: inline-block;
margin: 10px;
}
.tablist .tablist-tabs .nav.nav-pills.nav-item.tab-group-header,
.tablist .tablist-tabs .nav.nav-pills .nav-item.tab-group-header {
background-color: rgba(0,0,0,0);
color: black;
text-transform: none;
padding: 20px 0;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.tablist .tablist-tabs .nav.nav-pills.nav-item .nav-link,
.tablist .tablist-tabs .nav.nav-pills.nav-item.nav-link,
.tablist .tablist-tabs .nav.nav-pills .nav-item.nav-link,
.tablist .tablist-tabs .nav.nav-pills .nav-item .nav-link {
text-align: center;
vertical-align: middle;
border-radius: 100px;
background-color: var(--button-primary-bgcolor);
color: var(--button-primary-color);
padding: 16px 20px;
border: none;
font-size: 14.4px;
text-transform: uppercase;
min-width: 180px;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.tablist .tablist-tabs .nav.nav-pills.nav-item .nav-link:hover,
.tablist .tablist-tabs .nav.nav-pills.nav-item.nav-link:hover,
.tablist .tablist-tabs .nav.nav-pills .nav-item.nav-link:hover,
.tablist .tablist-tabs .nav.nav-pills .nav-item .nav-link:hover {
background-color: var(--button-primary-bgcolor-hover);
color: var(--button-primary-color-hover);
}
.tablist .tablist-content {
padding: 0;
align-content: center;
}
.child-dividers > *:first-child {
padding-right: 40px;
}
.child-dividers > *:not(:first-child) {
padding-left: 40px;
}
.child-dividers > *:not(:first-child)::before {
display: block;
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 2px;
background: var(--saturns-ring);
}
.main-content {
padding-top: 4em;
min-height: calc(100vh - 75px - 3em);
}
.emergency-notices:has(> div) ~ .main-content {
min-height: calc(100vh - 75px - 3em - 97px);
}
header.has-splash ~ .main-content {
min-height: calc(100vh - 500px - 75px - 3em);
}
header.has-splash.hero-small ~ .main-content {
min-height: calc(100vh - 323px - 75px - 3em);
}
/* 2-column layout block and Image-By-Text block */
.content-card {
display: flex;
border-radius: 30px 0 30px 0;
background-color: #ffffff;
overflow: hidden;
min-height: 300px;
}
.content-card.content-card-rounded {
border-radius: 30px;
}
.content-card .card-content-wrapper {
padding: 0;
}
.content-card .card-content {
position: relative;
padding: 40px;
flex: 0 1 auto;
align-content: space-between;
}
.content-card .card-content h3 {
color: var(--saturns-ring);
}
.content-card .card-image {
padding: 0;
min-height: 150px;
min-width: 100px;
}
.content-card .card-image .image-wrapper {
background-size: cover;
background-repeat: no-repeat;
background-image: url(/images/stock_image.jpg);
background-position: center;
height: 100%;
width: 100%;
}
.content-card .card-content-banner {
width: 100%;
padding: 8px 20px;
color: #ffffff;
background-color: #838395;
}
.content-card .card-content-banner h3 {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
color: white;
margin: 0;
}
/* end */
/* Button List block */
.btnlist {
margin-block-end: 1em;
padding: 10px;
font-size: 28px;
}
.btnlist .header,
.btnlist h3 {
margin-block-end: 0.65em;
}
.btnlist p.description {
font-size: 16px;
}
.btnlist .btnlist-buttons {
display: grid;
/* defaults - breakpoints not set, 2 columns */
grid-template-columns: repeat( 2, 1fr );
justify-content: space-evenly;
align-items: stretch;
justify-items: stretch;
flex-wrap: wrap;
gap: 20px;
font-size: 14.4px;
}
.btnlist .btnlist-buttons form {
padding: 0;
}
/* .btnlist .btnlist-buttons.grid.--1col {
grid-template-columns: 1fr;
}*/
.btnlist.text-center .btnlist-buttons {
justify-items: center;
}
.btnlist .btnlist-buttons.big {
font-size: 16px;
}
.btnlist .btnlist-buttons .btn {
font-size: 100%;
}
/* nested (child) lists get smaller */
.btnlist .btnlist {
padding: 15px;
}
.btnlist .btnlist .header,
.btnlist .btnlist h3 {
font-size: 80%;
}
.btnlist .btnlist .btnlist-buttons .btn {
font-size: 90%;
}
.btnlist .btnlist-buttons.btns-condensed .btn {
min-width: unset;
width: 100%;
}
@media( max-width: 768px ) {
.btnlist .btnlist-buttons {
/* defaults - breakpoints not set, switch to one column at sm size */
grid-template-columns: 1fr;
}
}
/* end */
.modal.modal-dismissible .modal-dialog .modal-content .modal-body {
padding: 1em;
}
.modal.modal-dismissible .modal-dialog .modal-content .modal-footer .btnlist {
height: 100%;
margin-block-end: 0;
display: flex;
justify-content: center;
}
.modal.modal-dismissible .modal-dialog .modal-content .modal-footer .btnlist .btnlist-buttons.--1col .btn {
grid-column: auto;
}
@media(min-width: 768px) {
.modal.modal-dismissible .modal-dialog .modal-content .modal-footer .btnlist .btnlist-buttons.--2col-md .btn:only-child {
grid-column: 2;
}
}
/* hack for embedded responsive media on unsupported browser */
.embedded-video-wrapper.embed-responsive:has( > .embed-responsive-item:not(video):not(audio)) {
min-height: 100px;
height: auto;
width: revert;
}
.important-notices a {
text-decoration: underline;
font-weight: 500;
color: #000000;
}
.important-notices a:hover {
text-decoration: none;
}
.important-notices .post-time {
font-style: italic;
}
.important-notices ul.notices-list > li {
margin-bottom: 12px;
}
/* login splash page*/
.login-splash-page {
position: relative;
padding: 29px 0 111px;
flex: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(https://cdn.axtella.com/images/backgrounds/bgr_texture_purple06.jpg);
}
.login-splash-page .container {
position: relative;
}
.login-splash-page .login-widget {
background: white;
border: none;
border-radius: 50px;
margin: 40px 0;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.login-splash-page .login-widget .profile-icon {
display: grid;
place-content: center;
width: 90px;
aspect-ratio: 1;
margin: 0 auto 20px;
border: 2px solid #c5c8cb;
border-radius: 50%;
font-size: 60px;
color: #c5c8cb;
overflow: hidden;
}
.login-splash-page .login-widget .login-form {
width: 100%;
}
.login-splash-page .btnlist .umb-block-list {
display: flex;
justify-content: space-between;
align-items: stretch;
justify-items: stretch;
gap: 0;
}
.login-splash-page .btnlist .umb-block-list .btn {
font-size: 14.4px;
min-width: 175px;
padding: 12px 10px;
}
.login-splash-page .btnlist .umb-block-list .btn:not(:first-child) {
margin-left: 12px;
}
.login-splash-page h1 {
color: var(--penumbra);
}
.login-splash-page .image-panel {
max-height: unset;
height: 100%;
background-size: cover;
background-position: center;
}
.login-splash-page .image-panel img {
height: 0;
overflow: hidden;
}
.login-splash-page ~ footer {
background-color: transparent;
}
.login-splash-page ~ footer::before {
content: unset;
}
.panel-pull-right {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 35%;
border-radius: 100px 0 0 100px;
overflow: hidden;
max-height: 90%;
}
.container:has(.panel-pull-right) {
position: relative;
}
.container .panel-pull-right {
width: 110%;
transform: translateX(calc((100vw - 200%) / 2));
min-height: 490px;
position: unset;
}
.height-fill {
height: 125px;
}
.slide-close {
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
color: transparent;
background: transparent;
border: none;
}
.no-anim {
transition: none !important;
}
.emergency-notices {
background: var(--navbar-primary-bgcolor);
}
.emergency-notices .alert {
transition: all .15s linear;
margin-bottom: 0;
margin-top: 1rem;
border-radius: 0;
z-index: 1;
}
.emergency-notices a {
color: white;
}
.emergency-notices .alert:not(.--fullwidth):has(.alert-heading.has-icon) {
padding-left: 2.2em;
}
.emergency-notices .alert.alert-info {
color: white;
background-color: #2E5AAC;
border-color: #2E5AAC;
}
.emergency-notices .alert.alert-info.inverted {
color: black;
background-color: hsl(219.05, 26.8%, 42.75%);
}
.emergency-notices .alert.alert-warning {
color: white;
background-color: #FF8F39;
border-color: #FF8F39;
}
.emergency-notices .alert.alert-warning.inverted {
color: var(--bs-warning-bg-subtle);
background-color: var(--bs-warning);
border-color: var(--bs-warning-text-emphasis);
}
.emergency-notices .alert.alert-danger {
color: white;
background-color: #DA1414;
border-color: #DA1414;
}
.emergency-notices .alert.alert-danger.inverted {
color: var(--bs-danger-bg-subtle);
color: white;
background-color: var(--bs-danger);
border-color: var(--bs-danger-text-emphasis);
}
.emergency-notices .alert.--fullwidth {
position: relative;
left: 50%;
margin-left: -50vw;
width: 100vw;
padding: .75rem 20%;
}
.emergency-notices .alert .row {
align-items: center;
}
.emergency-notices .alert:first-child {
margin-top: 0;
}
.emergency-notices .alert .alert-heading {
margin: 0;
}
.emergency-notices .alert .alert-heading.has-icon {
padding-left: 1.95em;
}
.emergency-notices .alert.--fullwidth .alert-heading.has-icon {
padding-left: 0;
}
.emergency-notices .alert .alert-heading.has-icon::before {
position: absolute;
left: 0;
top: -4px;
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
background-color: white;
content: '';
-webkit-mask-image: url(/images/bs-icons/info-circle.svg);
mask-image: url(/images/bs-icons/info-circle.svg);
mask-size: 1.5em 1.5em;
mask-repeat: no-repeat;
}
.emergency-notices .alert.--fullwidth .alert-heading.has-icon::before {
left: -2.2em;
}
.emergency-notices .alert.inverted .alert-heading.has-icon::before {
background-color: var(--bs-info-bg-subtle);
}
.emergency-notices .alert.alert-warning .alert-heading.has-icon::before {
background-color: white;
-webkit-mask-image: url(/images/bs-icons/exclamation-triangle.svg);
mask-image: url(/images/bs-icons/exclamation-triangle.svg);
}
.emergency-notices .alert.alert-warning.inverted .alert-heading.has-icon::before {
background-color: var(--bs-warning-bg-subtle);
}
.emergency-notices .alert.alert-danger .alert-heading.has-icon::before {
background-color: white;
-webkit-mask-image: url(/images/bs-icons/exclamation-octagon.svg);
mask-image: url(/images/bs-icons/exclamation-octagon.svg);
}
.emergency-notices .alert.alert-danger.inverted .alert-heading.has-icon::before {
background-color: var(--bs-danger-bg-subtle);
background-color: white;
}
.emergency-notices .alert .alert-body {
flex-grow: 4;
}
.emergency-notices .alert .alert-body * {
margin-bottom: 0.3rem;
}
.emergency-notices .alert .alert-body *:first-child {
margin-top: 0;
}
.emergency-notices .alert .alert-body *:last-child {
margin-bottom: 0;
}
.emergency-notices .alert.alert-dismissible button.close {
width: auto;
}
.emergency-notices .alert.alert-dismissible.--fullwidth button.close {
right: 10%;
}
/* utils */
.mw-200p {
max-width: 200px !important;
}
.w-200p {
width: 200px !important;
}
/* GoogleCard */
header:has(+ .google-card-container) {
padding-bottom: 10.5em;
}
.google-card-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: -200px;
}
.google-card {
overflow: hidden;
border-radius: 20px;
min-height: 400px;
background-color: white;
width: 80%;
color: black;
}
.google-card .google-map-container {
margin-bottom: -2px;
min-height: 400px;
}
.google-card .google-card-title {
color: #2a1c3e;
}
.hour-content {
margin-top: -160px;
margin-bottom: 65px;
}
/*Home Office Location Office Closure Table*/
.solid-table-head {
text-align: center;
color: white;
background-color: #5E4F6E;
font-family: museo-sans, sans-serif;
}
.table-row, .solid-table-row {
padding: 16px;
color: #2a1c3e;
background-color: white;
/*text-align: center;*/
}
.solid-table-row {
border-style: solid none solid none;
border-width: 1px;
border-color: black;
}
.table-cell, .solid-table-cell {
padding: 8px;
font-family: montserrat, sans-serif;
}
.solid-table-cell {
border-style: none solid none solid;
border-width: 1px;
border-color: black;
}
.overlay-banner {
position: relative;
z-index: 5;
margin-top: -60px;
}
@media (max-width: 576px) {
.container, .container-sm {
max-width: 80%;
margin: 0 auto;
}
nav.navbar .container {
max-width: 90vw;
}
.child-dividers > *:first-child.col-12 {
padding-bottom: 40px;
padding-right: inherit;
}
.child-dividers > *:not(:first-child).col-12 {
padding-left: inherit;
padding-top: 40px;
}
.child-dividers > *:not(:first-child).col-12::before {
left: 0;
top: 0;
width: 100%;
height: 2px;
}
.tablist .tablist-tabs .nav.nav-pills .nav-link {
width: 100%;
}
.tablist .tablist-tabs .nav.nav-pills,
.tablist .tablist-tabs .nav.nav-pills .tab-group {
justify-content: center;
}
.content-card .card-image.col-12 {
min-height: 250px;
}
}
/* Animated Image */
.anim-img-container {
padding: 4rem 6rem;
position: relative;
left: calc(-1*(100vw - 100%)/2);
padding-left: calc((100vw - 100%)/2);
width: calc(100vw - ((100vw - 100%)/2));
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 22rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.anim-img-container.anim-img-rounded {
border-top-right-radius: 200px;
border-bottom-right-radius: 100px;
}
.anim-img-container .anim-img-text {
color: var(--secondary-text-color) !important;
font-weight: 400;
}
/* force animated image's adjacent column to be vertically center-aligned*/
.umb-block-grid__area-container:has(> .umb-block-grid__area:not([data-area-col-span="12"]) > .umb-block-grid__layout-container > .umb-block-grid__layout-item > .anim-img-container) {
align-items: center;
}
.search-results-page .list-group-item {
margin-bottom: 0.5em;
}
.container-callout,
.container-callout-lg,
.container-callout-md,
.container-callout-sm,
.container-callout-xl {
max-width: 100%;
}
@media (min-width: 576px) {
.anim-img-text {
font-size: 1.75rem;
}
}
@media (min-width: 992px) {
.anim-img-text {
font-size: 1.5rem;
}
.anim-img-container {
padding-left: calc(50vw - 100%);
width: 50vw;
left: calc(-1*(50vw - 100%));
min-height: 22rem;
}
}
@media (min-width: 1200px) {
.anim-img-container {
min-height: 400px;
}
}
@media(min-width: 1600px) {
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
nav.navbar .container {
max-width: 580px;
}
.grid.--1col-sm {
grid-template-columns: 1fr;
}
.grid.--2col-sm {
grid-template-columns: repeat( 2, 1fr );
}
.grid.--3col-sm {
grid-template-columns: repeat( 3, 1fr );
}
.grid.--4col-sm {
grid-template-columns: repeat( 4, 1fr );
}
.grid.--5col-sm {
grid-template-columns: repeat( 5, 1fr );
}
.grid.--9col-sm {
grid-template-columns: repeat( 9, 1fr );
}
.grid.--autocol-sm {
grid-template-columns: repeat( minmax(200px, 1fr) );
}
.columns.--2col-sm {
columns: 2;
}
.columns.--3col-sm {
columns: 3;
}
.columns.--4col-sm {
columns: 4;
}
.columns.--5col-sm {
columns: 5;
}
.columns.--9col-sm {
columns: 9;
}
}
@media (max-width: 767px) {
.child-dividers > *:first-child.col-sm-12 {
padding-right: inherit;
padding-bottom: 40px;
}
.child-dividers > *:not(:first-child).col-sm-12 {
padding-left: inherit;
padding-top: 40px;
}
.child-dividers > *:not(:first-child).col-sm-12::before {
left: 0;
top: 0;
width: 100%;
height: 2px;
}
.login-form .btn {
min-width: auto;
}
.content-card .card-image.col-sm-12 {
min-height: 250px;
}
}
@media (min-width: 768px) {
.container,
.container-md,
.container-sm {
max-width: 720px;
}
nav.navbar .container {
max-width: 760px;
}
.navbar-expand-md .navbar-nav {
align-items: center;
}
.login-splash-page .btnlist .umb-block-list .btn {
min-width: auto;
}
.flex.--2col .btn + .btn {
margin-left: 12px;
}
.grid.--1col-md {
grid-template-columns: 1fr;
}
.grid.--2col-md {
grid-template-columns: repeat( 2, 1fr );
}
.grid.--3col-md {
grid-template-columns: repeat( 3, 1fr );
}
.grid.--4col-md {
grid-template-columns: repeat( 4, 1fr );
}
.grid.--5col-md {
grid-template-columns: repeat( 5, 1fr );
}
.grid.--9col-md {
grid-template-columns: repeat( 9, 1fr );
}
.grid.--autocol-md {
grid-template-columns: repeat( minmax(200px, 1fr) );
}
.columns.--2col-md {
columns: 2;
}
.columns.--3col-md {
columns: 3;
}
.columns.--4col-md {
columns: 4;
}
.columns.--5col-md {
columns: 5;
}
.columns.--9col-md {
columns: 9;
}
}
@media (max-width: 768px) {
.page-staff .filter-section table thead {
display: none;
}
.page-staff .filter-section table tbody tr,
.page-staff .filter-section table tbody th,
.page-staff .filter-section table tbody td {
display: block;
width: 100%;
}
.page-staff .filter-section table tbody td {
padding: 4px 0;
}
.page-staff .filter-section tbody tr:not(:last-child) td {
border: 0;
}
.page-staff .filter-section table tbody tr {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #c3b9b0;
}
.page-staff .filter-section table tbody tr > :first-child {
padding-top: 0;
}
.page-staff .filter-section table tbody tr > :last-child {
padding-bottom: 0;
}
.page-staff .filter-section table tbody th:before,
.page-staff .filter-section table tbody td:before {
content: attr( data-label );
margin-right: 4px;
font-weight: 600;
}
.page-staff .filter-section table tbody tr > :first-child:before {
display: none;
}
#profileMain {
display: block;
}
#profileMain > :first-child {
width: 100%;
}
#profileMain > :last-child {
width: 100%;
margin: 0;
}
#profileMain .profile-section select,
#profileMain .profile-section textarea,
#profileMain .profile-section input:not([type="checkbox"]):not([type="radio"]) {
width: 100%;
}
#profile-img {
height: auto;
}
.flex.--vert-center.--hor-between {
flex-wrap: wrap;
}
.flex.--vert-center.--hor-between > * {
margin: 4px 0;
}
.flex.--2col {
display: block;
}
.flex.--2col > * {
display: block;
width: 100%;
}
.flex.--2col > :last-child {
margin-top: 12px;
}
.flex.--2col.--padding-center > :first-child {
padding-right: 0;
}
.flex.--2col.--padding-center > :last-child {
margin-top: 40px;
padding-left: 0;
}
}
@media (max-width: 991px) {
.child-dividers > *:first-child.col-md-12 {
padding-right: inherit;
padding-bottom: 40px;
}
.child-dividers > *:not(:first-child).col-md-12 {
padding-left: unset;
padding-top: 40px;
}
.child-dividers > *:not(:first-child).col-md-12::before {
left: 0;
top: 0;
width: 100%;
height: 2px;
}
.content-card .card-image.col-md-12 {
min-height: 250px;
}
.login-splash-page .panel-pull-right {
min-height: unset;
height: 410px;
width: 150%;
}
}
@media (min-width: 992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px;
}
nav.navbar .container {
max-width: 1000px;
}
.tablist .tablist-tabs .nav.nav-pills .nav-link {
width: 100%;
}
.tablist .tablist-tabs .nav.nav-pills,
.tablist .tablist-tabs .nav.nav-pills .tab-group {
justify-content: center;
}
.login-splash-page .btnlist .umb-block-list .btn {
min-width: 175px;
}
.grid.--1col-lg {
grid-template-columns: 1fr;
}
.grid.--2col-lg {
grid-template-columns: repeat( 2, 1fr );
}
.grid.--3col-lg {
grid-template-columns: repeat( 3, 1fr );
}
.grid.--4col-lg {
grid-template-columns: repeat( 4, 1fr );
}
.grid.--5col-lg {
grid-template-columns: repeat( 5, 1fr );
}
.grid.--9col-lg {
grid-template-columns: repeat( 9, 1fr );
}
.grid.--autocol-lg {
grid-template-columns: repeat( minmax(200px, 1fr) );
}
.columns.--2col-lg {
columns: 2;
}
.columns.--3col-lg {
columns: 3;
}
.columns.--4col-lg {
columns: 4;
}
.columns.--5col-lg {
columns: 5;
}
.columns.--9col-lg {
columns: 9;
}
}
@media( max-width: 1024px ) {
#faqAccordion {
flex-direction: column-reverse;
}
#faqAccordion > :last-child {
padding: 0;
}
.flex.--3col,
.flex.--2col-imbaleft,
.flex.--2col-imbaright {
flex-wrap: wrap;
}
.flex.--3col > *,
.flex.--2col-imbaright > :first-child,
.flex.--2col-imbaright > :last-child,
.flex.--2col-imbaleft > :first-child,
.flex.--2col-imbaleft > :last-child {
width: 100%;
}
.section-banner .flex.--2col-imbaright > :last-child {
padding-left: 0;
}
.section-banner .flex.--2col-imbaleft > :first-child {
padding-right: 0;
}
#faqAccordion h2 {
padding: 10px 10px;
}
}
@media (max-width: 1199px) {
.child-dividers > *:first-child.col-lg-12 {
padding-bottom: 40px;
}
.child-dividers > *:not(:first-child).col-lg-12 {
padding-top: 40px;
}
.child-dividers > *:not(:first-child).col-lg-12::before {
left: 0;
top: 0;
width: 100%;
height: 2px;
}
.tablist .tablist-tabs .nav.nav-pills.nav-item .nav-link,
.tablist .tablist-tabs .nav.nav-pills.nav-item.nav-link,
.tablist .tablist-tabs .nav.nav-pills .nav-item.nav-link,
.tablist .tablist-tabs .nav.nav-pills .nav-item .nav-link {
min-width: 100px;
margin: 10px 5px;
}
.login-splash-page .panel-pull-right {
width: 140%;
}
.login-splash-page .btnlist .umb-block-list {
flex-wrap: wrap;
}
.login-splash-page .btnlist .umb-block-list .btn {
width: 100%;
}
.login-splash-page .btnlist .umb-block-list .btn:not(:first-child) {
margin-left: inherit;
margin-top: 12px;
}
.content-card .card-image.col-lg-12 {
min-height: 250px;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px;
}
nav.navbar .container {
max-width: 1180px;
}
.child-dividers > *:not(:first-child).col-xl-12 {
}
.child-dividers > *:not(:first-child).col-xl-12::before {
left: 0;
top: 0;
width: 100%;
height: 2px;
}
.tablist .tablist-tabs .nav.nav-pills .nav-link {
width: auto;
}
.tablist .tablist-tabs .nav.nav-pills,
.tablist .tablist-tabs .nav.nav-pills .tab-group {
justify-content: space-between;
}
.primary-width.leafed {
padding: 0px;
margin-top: 60px;
}
.login-splash-page .btnlist .umb-block-list .btn {
min-width: 200px;
}
.content-card .card-image.col-xl-12 {
min-height: 250px;
}
.grid.--1col-xl {
grid-template-columns: 1fr;
}
.grid.--2col-xl {
grid-template-columns: repeat( 2, 1fr );
}
.grid.--3col-xl {
grid-template-columns: repeat( 3, 1fr );
}
.grid.--4col-xl {
grid-template-columns: repeat( 4, 1fr );
}
.grid.--5col-xl {
grid-template-columns: repeat( 5, 1fr );
}
.grid.--9col-xl {
grid-template-columns: repeat( 9, 1fr );
}
.grid.--autocol-xl {
grid-template-columns: repeat( minmax(200px, 1fr) );
}
.columns.--2col-xl {
columns: 2;
}
.columns.--3col-xl {
columns: 3;
}
.columns.--4col-xl {
columns: 4;
}
.columns.--5col-xl {
columns: 5;
}
.columns.--9col-xl {
columns: 9;
}
}
@media( max-width: 1480px ) {
.primary-width {
padding-left: 40px;
padding-right: 40px;
}
.sidebar-content-wrapper .content {
padding-right: 40px;
}
.header-user-info .userinfo-alerts {
right: 40px;
}
}
@media(max-width: 1599px) {
.tablist .tablist-tabs .nav.nav-pills.nav-item .nav-link,
.tablist .tablist-tabs .nav.nav-pills.nav-item.nav-link,
.tablist .tablist-tabs .nav.nav-pills .nav-item.nav-link,
.tablist .tablist-tabs .nav.nav-pills .nav-item .nav-link {
min-width: 120px;
margin: 10px 5px;
}
}
@media (min-width: 1600px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1520px;
}
nav.navbar .container {
max-width: 1580px;
}
.login-splash-page .container {
max-width: 1140px;
}
}
.meet-our-community {
display: flex;
align-items: stretch;
}
.meet-our-community .gradient-text {
background: linear-gradient(90deg, var(--SATURNS-RING, #9A7A69) 0%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.meet-our-community .header {
text-align: center;
flex-direction: column;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
padding-bottom: 1.5rem;
}
.meet-our-community .header h1 {
width: 100%;
}
.meet-our-community .header::after {
content: "";
display: block;
height: 1px;
width: 100%;
background: #9A7A69;
margin: 10px;
padding: 0;
}
.meet-our-community .profile {
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.meet-our-community .profile:not(:last-child) {
margin-bottom: 3rem;
}
.meet-our-community .profile .profile-body {
margin-bottom: 32px;
}
.meet-our-community .profile .image-container {
position: relative;
width: 181px;
height: 181px;
}
.meet-our-community .profile .image-container img.outer-circle-background {
width: 100%;
height: 100%;
object-fit: cover;
transform: rotate(-10deg);
}
.meet-our-community .profile:not(:last-child) .image-container img.outer-circle-background {
transform: rotate(170deg);
}
.meet-our-community .profile .image-container img.profile-pic {
position: absolute;
top: 15px;
left: 15px;
width: 151px;
height: 151px;
object-fit: cover;
pointer-events: none;
border-radius: 159px;
border: 1px solid #9A7A69;
background: lightgray -2.617px -11.157px / 101.646% 148.131% no-repeat;
}
.meet-our-community .profile h4.sub-title {
margin-top: 0px;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.meet-our-community .profile h5.title {
margin-top: 10px;
color: var(--VENUS, #F2E7DE);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.meet-our-community .profile p {
margin: 0;
}
.meet-our-community .profile .summary {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
}
@media (min-width: 768px) {
.meet-our-community .profile:not(:last-child) {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.meet-our-community .header {
text-align: left;
flex-direction: row;
padding-bottom: 0;
}
.meet-our-community .header::after {
height: 100%;
width: 1px;
}
.meet-our-community .header h1 {
max-width: 290px;
}
}
@media (min-width: 1200px) {
.meet-our-community .header {
padding-right: 1.5rem;
}
.meet-our-community .header::after {
height: 100%;
width: 1px;
}
}
@media (min-width: 1600px) {
.meet-our-community .header {
padding-right: 3rem;
}
}
.quick-links .card {
border-radius: 5px;
}
.quick-links .card:last-child {
margin-bottom: 0;
}
.quick-links .card .card-title {
color: var(--cosmic);
font-family: montserrat, sans-serif;
}
.quick-links .card h4.card-title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.quick-links .card .card-header-container {
min-height: 100px;
max-height: 117px;
height: 117px;
padding: 0;
}
.quick-links .card .card-header-container a {
text-decoration: none;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 10px;
cursor: pointer;
}
.quick-links .card .card-header-container a:has(h4) {
padding: 10px;
}
.quick-links .card .card-header-container a .card-title {
margin-bottom: 0;
}
.quick-links .card .card-header-container a h3.card-title {
font-size: 28px;
font-weight: 500;
margin-top: 3px;
margin-bottom: -8px;
}
.quick-links .card .card-header-container a .img-quick-link {
max-width: fit-content;
max-height: 70px;
height: auto;
width: auto;
}
.quick-links .card .card-header-container a .img-quick-link:has(~h4) {
max-height: 60px;
}
.quick-links .card .card-header-container a img.hover {
display: none;
}
.quick-links .card .card-header-container a:hover img.hover {
display: block;
}
.quick-links .card .card-header-container a:hover img:has(~img.hover):not(.hover) {
display: none;
}
.quick-links .card .card-header-container a:hover > h3,
.quick-links .card .card-header-container a:hover > h4 {
color: white;
}
.quick-links .card:has(.card-header-container a:hover) {
background-color: rgba(255,255,255,0.15);
}
.resources-tools-section {
--rnt-cards-col-gap: 24px;
--rnt-cards-row-gap: 20px;
}
.resources-tools-section .software-cost-badges {
margin-top: 10px;
}
.resources-tools-section .software-cost-badges .badge-approved {
background-color: var(--lunar);
}
.resources-tools-section .software-cost-badges .badge-affiliated {
background-color: var(--saturns-ring);
}
.resources-tools-section .software-cost-badges .badge-offered {
background-color: var(--terrestrial);
}
.resources-tools-section .software-cost-badges .badge-included,
.resources-tools-section .software-cost-badges .badge-axtella-tech {
background-color: var(--nebula);
}
.resources-tools-section .software-cost-badges .badge-requires-approval {
background-color: var(--rover);
}
.resources-tools-section .btn-resources-tools {
padding-top: 20px;
}
.resources-tools-section .btn-resources-tools .umb-block-list {
display: flex;
justify-content: stretch;
align-items: center;
column-gap: 10px;
row-gap: 1.1em;
flex-wrap: wrap;
}
.resources-tools-section .btn-resources-tools form {
padding: 0;
min-width: unset;
flex-basis: calc(50% - 5px);
position: relative;
}
.resources-tools-section .btn-resources-tools form:has(.btn.--fullwidth),
.resources-tools-section .btn-resources-tools form:only-child {
flex-basis: 100%;
}
.resources-tools-section .btn-resources-tools form .btn {
width: 100%;
}
.resources-tools-section .btn-resources-tools .btn {
padding: 8px 20px;
margin-bottom: 0;
min-width: unset;
font-size: 14px;
font-weight: 600;
flex-basis: calc(50% - 5px);
position: relative;
}
.resources-tools-section .btn-resources-tools .btn.--fullwidth,
.resources-tools-section .btn-resources-tools .btn:only-child {
flex-basis: 100%;
}
.resources-tools-section .btn-resources-tools .btn.pdf-btn, .resources-tools-section .btn-resources-tools .btn.external-btn, .resources-tools-section .btn-resources-tools .btn.download-btn, .resources-tools-section .btn-resources-tools .btn.btn-download {
padding-right: 42px;
}
.resources-tools-section .btn-resources-tools .btn.btn-download::before,
.resources-tools-section .btn-resources-tools .btn.pdf-btn::before,
.resources-tools-section .btn-resources-tools .btn.download-btn::before,
.resources-tools-section .btn-resources-tools .btn[href$="pdf"]::before,
.resources-tools-section .btn-resources-tools .btn[href$="pps"]::before,
.resources-tools-section .btn-resources-tools .btn[href$="ppt"]::before,
.resources-tools-section .btn-resources-tools .btn[href$="pptx"]::before,
.resources-tools-section .btn-resources-tools .btn[href$="doc"]::before,
.resources-tools-section .btn-resources-tools .btn[href$="docx"]::before,
.resources-tools-section .btn-resources-tools .btn.btn-download[href$="pdf"]::before,
.resources-tools-section .btn-resources-tools .btn.btn-download[href$="pps"]::before,
.resources-tools-section .btn-resources-tools .btn.btn-download[href$="ppt"]::before,
.resources-tools-section .btn-resources-tools .btn.btn-download[href$="pptx"]::before,
.resources-tools-section .btn-resources-tools .btn.btn-download[href$="doc"]::before,
.resources-tools-section .btn-resources-tools .btn.btn-download[href$="docx"]::before {
content: unset;
}
.resources-tools-section .btn-resources-tools .btn.btn-download::after,
.resources-tools-section .btn-resources-tools .btn.pdf-btn::after,
.resources-tools-section .btn-resources-tools .btn.download-btn::after,
.resources-tools-section .btn-resources-tools .btn.external-btn::after {
position: absolute;
top: 6px;
right: 20px;
display: inline-block;
width: 14px;
min-width: 14px;
height: 14px;
content: '';
-webkit-mask-image: url(/images/bs-icons/download.svg);
mask-image: url(/images/bs-icons/download.svg);
mask-size: 14px 14px;
mask-repeat: no-repeat;
}
.resources-tools-section .btn-resources-tools .btn.btn-download::after {
-webkit-mask-image: url(/images/bs-icons/download.svg);
mask-image: url(/images/bs-icons/download.svg);
}
.resources-tools-section .btn-resources-tools .btn.external-btn::after {
-webkit-mask-image: url(/images/bs-icons/box-arrow-up-right.svg);
mask-image: url(/images/bs-icons/box-arrow-up-right.svg);
}
.resources-tools-section .btn-resources-tools .btn.pdf-btn::after {
-webkit-mask-image: url(/images/bs-icons/file-earmark-pdf.svg);
mask-image: url(/images/bs-icons/file-earmark-pdf.svg);
}
.resources-tools-section .btn-resources-tools .btn.btn-primary:hover {
color: white;
}
.resources-tools-section .btn-resources-tools .btn.btn-primary::after {
background-color: white;
}
.resources-tools-section .btn-resources-tools .btn.btn-primary:hover::after {
background-color: white;
}
.resources-tools-section .btn-resources-tools .btn.btn-secondary::after,
.resources-tools-section .btn-resources-tools .btn.btn-default::after {
background-color: var(--life-on-mars);
}
.resources-tools-section .btn-resources-tools .btn.btn-secondary:hover::after,
.resources-tools-section .btn-resources-tools .btn.btn-default:hover::after {
background-color: white;
}
.resources-tools-section .btn-resources-tools .btn.btn-link {
color: var(--life-on-mars);
text-decoration: underline;
}
.resources-tools-section .btn-resources-tools .btn.btn-link:hover {
opacity: 1;
color: var(--saturns-ring);
text-decoration: underline;
}
.resources-tools-section .nav.nav-tabs.resource-tools {
border-color: var(--rover);
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item > a.nav-link {
text-decoration: none;
border: none;
position: relative;
background-color: transparent;
opacity: 0.6;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:hover > a.nav-link,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item > a.nav-link:hover,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:hover,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:has(a.nav-link:hover) {
border: none;
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link.active,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link:active {
font-weight: bold;
opacity: 1;
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link:hover,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:hover a.nav-link {
opacity: 1;
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link::after {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 3px;
width: 0;
background: var(--rover);
transition: width linear 250ms;
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link.active::after,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link:active::after,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link:hover::after,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:hover a.nav-link::after {
width: 100%;
opacity: 1;
}
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link:not(.active):hover::after,
.resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:hover a.nav-link:not(.active)::after {
background: var(--rover);
width: 80%;
opacity: 1;
}
.has-dark-bg .resources-tools-section .nav.nav-tabs.resource-tools li.nav-item > a.nav-link {
color: white;
}
.has-dark-bg .resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link::after,
.has-dark-bg .resources-tools-section .nav.nav-tabs.resource-tools li.nav-item a.nav-link:not(.active):hover::after,
.has-dark-bg .resources-tools-section .nav.nav-tabs.resource-tools li.nav-item:hover a.nav-link:not(.active)::after {
background: white;
}
.resources-tools-section .tab-content {
padding: 36px 0;
}
.resources-tools-section .tab-content .tab-pane .row {
column-gap: var(--rnt-cards-col-gap);
}
.resources-tools-section .tab-content .tab-pane .row.row-cols-2 > .col {
max-width: calc(50% - (var(--rnt-cards-col-gap) / 2));
padding: 0;
}
.resources-tools-section .tab-content .tab-pane .row.row-cols-3 > .col {
max-width: calc(33.333333% - (var(--rnt-cards-col-gap) * 2 / 3));
padding: 0;
}
@media (min-width: 1600px) {
.resources-tools-section .tab-content .tab-pane .row.row-cols-xxl-2 > .col {
-ms-flex: 0 0 calc(50% - (var(--rnt-cards-col-gap) / 2));
flex: 0 0 calc(50% - (var(--rnt-cards-col-gap) / 2));
max-width: calc(50% - (var(--rnt-cards-col-gap) / 2));
}
.resources-tools-section .tab-content .tab-pane .row.row-cols-xxl-3 > .col {
-ms-flex: 0 0 calc(33.333333% - (var(--rnt-cards-col-gap) * 2 / 3));
flex: 0 0 calc(33.333333% - (var(--rnt-cards-col-gap) * 2 / 3));
max-width: calc(33.333333% - (var(--rnt-cards-col-gap) * 2 / 3));
}
.resources-tools-section .tab-content .tab-pane .row.row-cols-xxl-4 > .col {
-ms-flex: 0 0 calc(25% - (var(--rnt-cards-col-gap) * 3 / 4));
flex: 0 0 calc(25% - (var(--rnt-cards-col-gap) * 3 / 4));
max-width: calc(25% - (var(--rnt-cards-col-gap) * 3 / 4));
}
.resources-tools-section .tab-content .tab-pane .row.row-cols-xxl-5 > .col {
-ms-flex: 0 0 calc(20% - (var(--rnt-cards-col-gap) * 4 / 5));
flex: 0 0 calc(20% - (var(--rnt-cards-col-gap) * 4 / 5));
max-width: calc(20% - (var(--rnt-cards-col-gap) * 4 / 5));
}
.resources-tools-section .tab-content .tab-pane .row.row-cols-xxl-6 > .col {
-ms-flex: 0 0 calc((100% / 6) - (var(--rnt-cards-col-gap) * 5 / 6));
flex: 0 0 calc((100% / 6) - (var(--rnt-cards-col-gap) * 5 / 6));
max-width: calc((100% / 6) - (var(--rnt-cards-col-gap) * 5 / 6));
}
}
.resources-tools-section .card {
border-radius: 11px;
margin-bottom: var(--rnt-cards-row-gap);
}
.resources-tools-section .card:last-child {
margin-bottom: 0;
}
.resources-tools-section.include-bottom-margin .card:last-child {
margin-bottom: var(--rnt-cards-row-gap);
}
.resources-tools-section .card .card-title {
color: var(--cosmic);
font-family: montserrat, sans-serif;
}
.resources-tools-section .card h4.card-title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.resources-tools-section .card .card-body {
border-top: 1px solid #dee2e6 !important;
padding: 20px 0 30px 0;
margin: 0 30px;
}
.resources-tools-section .card .card-header-container {
min-height: 117px;
padding: 0;
}
.resources-tools-section .card .card-header-container a,
.resources-tools-section .card .card-header-container:not(:has(a)) {
text-decoration: none;
width: 100%;
height: 117px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 10px;
}
.resources-tools-section .card .card-header-container a:has(h4),
.resources-tools-section .card .card-header-container:not(:has(a)):has(h4) {
padding: 20px 30px;
}
.resources-tools-section .card .card-header-container a .card-title,
.resources-tools-section .card .card-header-container:not(:has(a)) .card-title {
margin-bottom: 0;
}
.resources-tools-section .card .card-header-container a h3.card-title,
.resources-tools-section .card .card-header-container:not(:has(a)) h3.card-title {
font-size: 28px;
font-weight: 500;
margin-top: 3px;
margin-bottom: -8px;
}
.resources-tools-section .card:has(.card-header-container a:hover) {
background: rgba(255,255,255, 0.4);
}
.resources-tools-section .card .card-header-container a .img-tech-stack,
.resources-tools-section .card .card-header-container:not(:has(a)) .img-tech-stack {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.resources-tools-section .card .card-header-container a .img-tech-stack.form-icon,
.resources-tools-section .card .card-header-container:not(:has(a)) .img-tech-stack.form-icon {
max-width: none;
min-height: 42px;
width: 42px;
height: 42px;
background-image: url(/images/icons/box-checked-orange.svg);
background-size: 42px 42px;
}
.resources-tools-section .card .card-header-container a .img-tech-stack.document-icon,
.resources-tools-section .card .card-header-container:not(:has(a)) .img-tech-stack.document-icon {
max-width: none;
min-height: 44px;
width: 34px;
height: 44px;
background-image: url(/images/icons/doc-purple.png);
background-size: 34px 44px;
}
.glow {
font-size: 80px;
color: #fff;
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
}
}
.events-title {
color: #FFF;
font-family: 'Museo-Sans';
font-size: 90px;
font-style: normal;
font-weight: 250;
line-height: 94px;
letter-spacing: -3.6px;
margin-block-end: 0.35em;
}
.events-subtitle {
color: #FFF;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 19.5px;
}
}
.community-involvement .community-involvement-list-header {
margin-bottom: 1em;
}
.community-involvement .community-involvement-list-header * h3 {
margin-bottom: 1em;
}
.community-involvement * img {
border-radius: 5px;
width: 100%
}
.community-involvement .item-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 1em;
}
@media (max-width: 767px) {
.community-involvement .item-container {
display: flex;
flex-direction: column;
}
}
.btn.btn-donate {
color: var(--space-dust) !important;
border: 1px solid var(--space-dust);
color: white;
}
.btn.btn-donate:hover {
color: white !important;
border: 1px solid var(--saturns-ring);
color: white;
}
.btn.external-btn.btn-donate::after {
background: var(--space-dust);
}
.btn.external-btn.btn-donate:hover::after {
background: white;
}
.image-canvas-wrapper {
height: 100%;
width: 100%;
max-height: 365px;
}
.image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container {
grid-gap: 15px 24px;
grid-auto-rows: 175px 175px;
}
.image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-item,
.image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-item > * {
padding: 0 !important;
}
.image-canvas-wrapper img {
border-radius: 5px;
}
.image-canvas-wrapper .embedded-video-wrapper {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 5px;
overflow: hidden;
}
.image-canvas-wrapper .embedded-video-wrapper video {
height: 100%;
width: 100%;
object-fit: cover;
}
.event-card-big .image-canvas-wrapper {
height: 100%;
width: 100%;
max-height: 450px;
}
.event-card-big .image-canvas-wrapper > .umb-block-grid .umb-block-grid__layout-container {
grid-gap: 10px;
grid-auto-rows: 220px 220px;
}
.awards-widget > h2 {
background: var(--Rose-Gold, linear-gradient(85deg, var(--SATURNS-RING, #9A7A69) 9.76%, #FFF 100.73%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Museo-Sans';
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.awards-widget > .description {
margin-bottom: 5em;
color: #FFF;
width: auto;
font-weight: 500;
line-height: normal;
}
.awards-widget .carousel-section.awards-section .description {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 52px;
}
.awards-widget .carousel-section.awards-section .description h2 {
background: var(--Rose-Gold, linear-gradient(85deg, var(--SATURNS-RING, #9A7A69) 9.76%, #FFF 100.73%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Museo-Sans';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.awards-widget .carousel-section.awards-section .carousel.slider.awards-carousel {
position: relative;
left: 0;
direction: ltr;
}
.awards-widget .carousel-section.awards-section .carousel.slider.awards-carousel .slider-item {
width: 312px;
margin-right: 5px;
margin-left: 5px;
flex-direction: column;
}
.awards-widget .carousel-section.awards-section .carousel.slider.awards-carousel .slider-item .slider-image {
height: 269px;
width: 312px;
overflow: hidden;
flex-shrink: 0;
}
.awards-widget .carousel-section.awards-section .carousel.slider.awards-carousel .slider-item .slider-image .image-wrapper {
background-size: cover;
background-position: center;
width: 100%;
height: auto;
max-width: unset;
aspect-ratio: 165/94;
overflow: hidden;
background-repeat: no-repeat;
}
.awards-widget .carousel-section.awards-section .arrows-container {
position: absolute;
top: 0;
right: 0;
margin-bottom: 1em;
}
.awards-widget .carousel-section.awards-section .arrows-wrapper.cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.awards-widget .carousel-section.awards-section .arrows-wrapper.cover:before {
content: "";
display: block;
float: left;
position: absolute;
left: calc((100vw - 100%) / -2);
width: calc((100vw - 100%) / 2);
height: 100%;
background: rgba(var(--cosmic-rgb), .45);
z-index: 999;
}
.awards-widget .carousel-section.awards-section .arrows-wrapper.cover:after {
content: "";
display: block;
float: right;
position: absolute;
right: calc((100vw - 100%) / -2);
top: 0;
width: calc((100vw - 100%) / 2);
height: 100%;
background: rgba(var(--cosmic-rgb), .45);
z-index: 999;
}
.awards-widget .carousel-section.awards-section .arrows-wrapper.cover .arrows-container {
position: static;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.awards-widget .carousel-section.awards-section .carousel-wrapper .carousel.slider .slider-item {
text-align: center;
background-color: transparent;
}
.awards-widget .carousel-section.awards-section .carousel-wrapper .carousel.slider .slider-item .slider-image .image-wrapper {
width: 100%;
height: auto;
max-width: unset;
aspect-ratio: 508/281;
}
.awards-widget .carousel-section.awards-section .carousel-wrapper .carousel.slider .slider-item .slider-text {
margin-top: 11px;
color: #FFF;
font-family: Montserrat;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: left;
}
.awards-widget .carousel-section.awards-section .carousel-wrapper .carousel.slider .slider-item .slider-text h4 {
color: var(--PENUMBRA, #A19CBD);
font-family: Montserrat;
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
}
#back-to-top {
position: fixed;
bottom: 20px;
right: 30px;
z-index: 900;
display: none;
min-width: 5em;
}
@media (max-width: 576px) {
#back-to-top-txt {
display: none !important;
}
}