:root {
--purple: #522d72;
--gold: #c1a027;
--gray-light: #f4f6f6;
--gray-dark: #3a3a3a;
--iron-light: #e4e5e8;
--iron: #b2b4be;
--navy: #1b365f;
--aqua: #00a2bf;
--coral: #e14f3d;
--gold-dark: #b09223;
--purple-light: #8a50b9;
--teal: #00BB7F;
--font-ss4: "Source Serif 4";
--font-sil: "Shadows Into Light";
--font-m: "Montserrat";
}
body {
background-color: #fff;
color: #000;
position: relative;
}
body.mobile-nav-opened {
overflow: hidden;
}
body.mobile-search-opened {
overflow: hidden;
}
.header-alert {
border: none;
border-radius: 0;
margin: 0;
padding: 60px;
}
.header-alert .alert-content {
display: flex;
align-items: center;
}
.header-alert .alert-content p {
margin-bottom: 1rem;
}
.header-alert .alert-content p.heading {
font-weight: bold;
font-size: 1.3rem;
}
.header-alert .alert-link {
margin-left: 30px;
}
.header-alert .alert-link .btn {
white-space: nowrap;
}
.header-alert .btn-close {
background: none;
opacity: 1;
right: 1rem;
}
.header-alert .wysiwyg a {
color: #000;
font-weight: 500;
}
@media (max-width: 1023px) {
.header-alert {
padding: 30px;
}
}
@media (max-width: 767px) {
.header-alert {
padding: 20px;
}
.header-alert .alert-content {
display: flex;
flex-direction: column;
}
.header-alert .btn-close {
right: 0;
}
.header-alert .alert-link {
margin-left: 0;
margin-top: 30px;
}
}
.header-alert .btn-close .svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23000000' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
background-color: transparent;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
width: 100%;
height: 100%;
display: block;
width: 20px;
height: 20px;
display: inline-block;
transform: none;
margin-right: 15px;
}
.header-alert .btn-close:hover .svgbg, .header-alert .btn-close:focus .svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#main {
margin-top: -100px;
}
@media (max-width: 767px) {
#main {
margin-top: 0;
}
}
#main section {
position: relative;
margin-top: 0;
margin-bottom: 60px;
}
#main section.has-bg:last-child {
margin-bottom: 0 !important;
}
h1, .h1, h2, .h2, .font-ss4 {
font-family: var(--font-ss4) !important;
}
h1, .h1 {
font-weight: bold;
}
h1, .h1, h2, .h2, h3, .h3 {
color: var(--purple);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 2rem;
}
.wysiwyg .h1, .wysiwyg .h2, .wysiwyg .h3, .wysiwyg .h4, .wysiwyg .h5, .wysiwyg .h6, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
margin-bottom: 1rem;
}
.wysiwyg .h2, .wysiwyg h2 {
font-family: var(--font-m);
}
.wysiwyg img {
max-width: 100%;
height: auto;
}
.wysiwyg.row+.accordion, .wysiwyg.row+.nav-tabs, .wysiwyg.row+.splide {
margin-top: 30px;
}
.wysiwyg .float-end, .wysiwyg .float-start {
max-width: 50%;
margin-bottom: 30px;
}
.wysiwyg .float-end {
margin-left: 30px;
}
.wysiwyg .float-start {
margin-right: 30px;
}
@media (max-width: 767px) {
.wysiwyg .float-end, .wysiwyg .float-start {
float: none !important;
width: 100%;
max-width: 100%;
margin-right: 0;
margin-left: 0;
}
}
.wysiwyg.narrow {
padding: 0 12%;
}
@media (max-width: 767px) {
.wysiwyg.narrow {
padding: 0;
}
}
.wysiwyg figure {
margin-bottom: 20px;
display: table;
max-width:50%;
}
.wysiwyg figure>img {
width: 100%;
height:auto !important;
}
.wysiwyg figure>figcaption {
font-size: .9rem;
text-align: center;
margin-top: 10px;
font-style: italic;
color: #57595b;
display: table-caption;
caption-side: bottom;
}
.font-purple {
color: var(--purple);
}
.font-gold {
color: var(--gold);
}
.font-navy {
color: var(--navy);
}
.font-aqua {
color: var(--aqua);
}
.font-coral {
color: var(--coral);
}
.font-sil {
font-family: var(--font-sil) !important;
}
.font-m {
font-family: var(--font-m) !important;
}
ul.ul-h {
list-style-type: none !important;
margin: 0;
padding: 0;
display: flex;
justify-content: space-evenly;
height: 100%;
}
ul.ul-v {
list-style-type: none !important;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
hr {
background-color: var(--gold);
height: 1px !important;
opacity: 1;
margin: 0;
padding: 0;
border: none !important;
}
.wysiwyg hr {
margin: 30px 0;
}
p {
margin-bottom: 1.5rem;
}
.wysiwyg p {
line-height: 1.3;
}
.wysiwyg p.intro {
font-size: 1.5rem;
}
@media (max-width: 1200px) {
.wysiwyg p.intro {
font-size: calc(1.1rem + 0.9vw);
}
}
@media (max-width: 767px) {
.wysiwyg .row .column+.column {
margin-top: 2rem;
}
}
.wysiwyg ul {
list-style-type: disc;
}
.wysiwyg ul>li::marker {
color: var(--gold);
}
a, a:visited {
color: var(--purple);
text-decoration: underline;
}
a:hover, a:focus {
color: var(--purple);
text-decoration: none;
}
video, iframe[src*="youtube"] {
max-width: 100%;
height: auto;
aspect-ratio: 1920 / 1080;
}
.circle {
border-radius: 50%;
}
.full-bleed {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.white-bg {
color: #000;
background-color: #fff;
}
.iron-bg {
color: #000;
background-color: var(--iron-light);
}
.navy-bg {
color: #fff;
background-color: var(--navy);
}
.aqua-bg {
color: #fff;
background-color: var(--aqua);
}
.coral-bg {
color: #fff;
background-color: var(--coral);
}
.purple-bg {
color: #fff;
background-color: var(--purple);
}
.purple-bg h1, .purple-bg .h1, .purple-bg h2, .purple-bg .h2, .purple-bg h3, .purple-bg .h3 {
color: #fff;
}
.navy-bg a, .navy-bg a:visited, .aqua-bg a, .aqua-bg a:visited, .coral-bg a, .coral-bg a:visited, .purple-bg a, .purple-bg a:visited {
color: #fff;
text-decoration: underline;
}
.navy-bg a:hover, .navy-bg a:focus, .aqua-bg a:hover, .aqua-bg a:focus, .coral-bg a:hover, .coral-bg a:focus, .purple-bg a:hover, .purple-bg a:focus {
color: #fff;
text-decoration: none;
}
.white-bg {
color: #000;
background-color: #fff;
}
.white-bg a, .white-bg a:visited {
color: var(--purple);
text-decoration: underline;
}
.white-bg a:hover, .white-bg a:focus {
color: var(--purple);
text-decoration: none;
}
.gray-light-bg {
color: #000;
background-color: var(--gray-light);
}
.has-bg {
padding-top: 60px !important;
padding-bottom: 60px !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.has-bg+.has-bg {
margin-top: -60px !important;
}
.has-bg:has(.has-bg) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.bottom-border50, .bottom-border70, .bottom-border100 {
padding-bottom: 15px;
position: relative;
margin-bottom: 30px;
display: inline-block;
}
.bottom-border50:after, .bottom-border70:after, .bottom-border100:after {
content: "";
position: absolute;
bottom: 0;
height: 0.33rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: cover;
background-position: 0 50%;
border-radius: 100vw;
}
.bottom-border50:after {
width: 50%;
left: 25%;
}
.bottom-border70:after {
width: 70%;
left: 15%;
}
.bottom-border100:after {
width: 100%;
left: 0;
}
.svgbg {
background-color: transparent;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
width: 100%;
height: 100%;
display: block;
}
.overlay-white {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.8;
}
.overlay-dark {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color: #343434;
opacity: 0.6;
}
.overlay-black {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6;
}
.overlay-black-transparent {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 50%;
background: transparent linear-gradient(360deg, #000000 0%, #29173900 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(360deg, #000000 0%, #29173900 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
}
.wysiwyg>.container-xxl>.row>.column>*:last-child, .wysiwyg>.column *:last-child, .wysiwyg>*:last-child {
margin-bottom: 0 !important;
}
.wysiwyg .row.line .column {
padding-left: 70px;
position: relative;
}
.wysiwyg .row.line .column .svgbg {
display: inline-block;
content: "";
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
width: 10px;
height: 100%;
position: absolute;
top: 0;
left: 30px;
background-size: cover;
background-position: center top;
border-radius: 100vw;
}
@media (max-width: 767px) {
.wysiwyg .row.line .column .svgbg {
left: 15px;
}
.wysiwyg .row.line .column {
padding-left: 40px;
}
}
.component-hr {
margin: 60px auto;
}
.splide:not(.is-overflow) .splide__list {
justify-content: center;
}
.splide__arrow:disabled {
cursor: default !important;
opacity: 0.3 !important;
}
.splide.noloop .splide__arrow:disabled {
display:none;
}
.splide__pagination {
bottom: 0.1em;
}
.splide__pagination li+li {
margin-left: 10px;
}
.splide__pagination__page {
height: 10px;
margin: 12px 8px;
width: 10px;
}
.splide__pagination__page.is-active {
background: #fff;
transform: none;
opacity: 1;
outline-offset: 3px;
outline-style: solid;
outline-color: #fff;
outline-width: thin;
}
.splide__pagination__page {
background: #fff;
opacity: 1;
}
section.page-navigation {
margin-top: -60px !important;
}
section.page-navigation .container-xxl {
display: flex;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
}
.breadcrumbs a, .section-menu button {
font-size: 1.25rem;
}
section.page-navigation .breadcrumbs ol {
margin-bottom: 0;
font-size: 0.9rem;
}
section.page-navigation .breadcrumbs .breadcrumb-item {
font-weight: bold;
display: flex;
align-items: center;
}
section.page-navigation .breadcrumbs .breadcrumb-item a {
color: #000;
text-decoration: none;
}
section.page-navigation .breadcrumbs .breadcrumb-item a:hover, section.page-navigation .breadcrumbs .breadcrumb-item a:focus {
color: var(--purple);
text-decoration: underline;
}
section.page-navigation .breadcrumbs .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
margin-right: 10px;
color: #6c757d;
content: "";
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 16px;
background-position: bottom;
}
section.page-navigation .section-menu .btn {
padding: 0;
/*font-weight: normal;*/
border-radius: 0;
display: flex;
align-items: center;
width: 300px;
text-align: center;
justify-content: center;
box-shadow: none none !important;
border: none !important;
}
section.page-navigation .section-menu .btn:focus {
box-shadow: none none !important;
border: none !important;
}
section.page-navigation .section-menu .btn:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
box-shadow: none;
}
section.page-navigation .section-menu .dropdown-toggle::after {
display: none;
}
section.page-navigation .section-menu .dropdown-toggle::before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
background-color: transparent;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
width: 12px;
height: 12px;
transform: rotate(40deg);
margin-right: 10px;
}
section.page-navigation .section-menu .dropdown-toggle.show::before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
background-color: transparent;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
width: 12px;
height: 12px;
transform: none;
margin-right: 10px;
}
section.page-navigation .section-menu .dropdown-menu {
background-color: var(--gray-light);
border: none;
border-radius: 0;
padding: 1rem 2.5rem;
margin: 0;
width: 200xp;
}
section.page-navigation .section-menu .dropdown-menu li {
padding: 0;
margin: 0;
margin-bottom: 1rem;
}
section.page-navigation .section-menu .dropdown-menu li .dropdown-item {
white-space: break-spaces;
line-height: 1;
font-size: 0.9rem;
padding: 0;
margin: 0;
font-weight: 600;
}
section.page-navigation .section-menu .dropdown-menu li a.dropdown-item {
color: var(--purple);
}
section.page-navigation .section-menu li a.dropdown-item:active, section.page-navigation .section-menu li a.dropdown-item:focus, section.page-navigation .section-menu li a.dropdown-item:hover {
background-color: transparent;
color: #000;
text-decoration: underline;
}
@media (max-width: 425px) {
section.page-navigation {
padding: 0 !important;
background: transparent;
}
section.page-navigation .container-xxl {
padding: 0 !important;
display: flex;
flex-direction: column;
}
section.page-navigation .breadcrumbs {
padding: 10px;
margin-top: -42px;
z-index: 9;
width: 100%;
}
section.page-navigation .breadcrumbs .breadcrumb-item a {
color: #fff;
}
section.page-navigation .breadcrumbs .breadcrumb-item a:hover, section.page-navigation .breadcrumbs .breadcrumb-item a:focus {
color: #fff;
text-decoration: underline;
}
section.page-navigation .section-menu {
background-color: var(--gray-light);
padding: 10px 0;
align-self: center;
width: 100%;
}
section.page-navigation .section-menu .btn {
align-self: center;
width: 100%;
}
section.page-navigation .section-menu .dropdown-menu.show {
padding: 1rem 2.5rem 1rem;
position: relative !important;
width: 100%;
}
}
.degree-info {
margin: 0 auto;
width: 70%;
border: solid 1px var(--gray-light);
padding: 1rem;
font-weight: 600; /* changed from bold by Stamats 6/28 */
font-size: 0.9rem;
color: var(--purple);
position: relative;
-webkit-box-shadow: -1px 4px 16px -3px rgba(105, 105, 105, 1);
-moz-box-shadow: -1px 4px 16px -3px rgba(105, 105, 105, 1);
box-shadow: -1px 4px 16px -3px rgba(105, 105, 105, 1);
}
@media (max-width: 1199px) {
.degree-info {
width: 80%;
}
}
@media (max-width: 1023px) {
.degree-info {
width: 100%;
}
}
.degree-info h2 {
font-size: 1.2rem;
font-weight: bold; /* added by Stamats 6/28 */
}
.degree-info hr {
margin: 1.5rem 0;
background-color: var(--iron);
}
.degree-info .legend {
font-weight: 500;
flex-wrap: wrap;
color: #000;
justify-content: flex-start;
}
.degree-info .legend li {
margin-right: 0.5rem;
font-size: 0.8rem;
}
.degree-info p {
margin: 1rem 0;
}
span.dc {
display: inline-block;
border-radius: 50%;
width: 8px;
height: 8px;
margin-right: 0.5rem;
}
span.dc.purple {
background-color: var(--purple);
}
span.dc.gold {
background-color: var(--gold);
}
span.dc.aqua {
background-color: var(--aqua);
}
span.dc.coral {
background-color: var(--coral);
}
.modal-backdrop.show {
opacity: 0.8;
}
.vm-video-controls-container {
position: absolute;
bottom: calc(50% - 40px);
left: calc(50% - 40px);
}
/* @media (max-width: 767px) {*/
/* .vm-video-controls-container {*/
/* bottom: calc(50% - 30px);*/
/* }*/
/*}*/
.vm-video-controls button {
width: 80px;
height: 80px;
background-color: transparent;
border: none;
}
.vm-video-controls button .svgbg {
background-image: url('data:image/svg+xml,');
opacity: 0.7;
}
.vm-video-controls button:hover .svgbg, .vm-video-controls button:focus .svgbg {
background-image: url('data:image/svg+xml,');
opacity: 1;
}
#videoModal .modal-dialog {
max-width: 800px;
margin: 30px auto;
}
@media (max-width: 1023px) {
#videoModal .modal-dialog {
max-width: 80%;
}
}
@media (max-width: 767px) {
#videoModal .modal-dialog {
max-width: 85%;
}
}
#videoModal .modal-body {
position: relative;
padding: 0px;
}
#videoModal .btn-close {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
position: absolute;
right: -30px;
top: 0;
}
.ao {
position: relative;
margin: 0 auto;
max-width: 1320px;
}
.ao .svgbg {
position: absolute;
background-image: url('data:image/svg+xml,');
width: 26px;
height: 233px;
display: block;
z-index: 10;
top: -50px;
right: 40px;
}
@media (max-width: 1023px) {
.ao {
display: none !important;
}
}
.visually-hidden-focusable.skip {
position: absolute;
color: #fff;
z-index: 9999;
background-color: #000;
border: none;
text-decoration: none;
padding: 0.2rem;
left: 40%;
}
*:focus-visible, .nav-link:focus-visible, .btn:focus-visible, .splide__arrow:focus-visible, .splide.is-focus-in .splide__arrow:focus, a:focus-visible, button:focus-visible {
outline: #000 auto 1px !important;
outline-offset: 3px !important;
box-shadow: none !important;
}
.btn {
border-radius: 500px;
padding: 0.4rem 1.5rem;
font-size: 0.9rem;
font-weight: bold;
text-decoration: none !important;
}
.btn-arrow {
padding: 0.4rem 3.3rem 0.4rem 1.5rem;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 18px;
background-position: calc(100% - 1rem);
}
.btn-arrow-down {
padding: 0.4rem 3.3rem 0.4rem 1.5rem;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 18px;
background-position: 90%;
}
.iron-bg .btn-arrow {
padding: 0.4rem 3.3rem 0.4rem 1.5rem;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 18px;
background-position: 90%;
}
.iron-bg .btn-arrow-down {
padding: 0.4rem 3.3rem 0.4rem 1.5rem;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 18px;
background-position: 90%;
}
.btn-primary {
color: #000 !important;
background-color: transparent !important;
border-color: #000 !important;
}
.purple-bg .btn-primary {
color: #fff !important;
border-color: #fff !important;
}
.white-bg .btn-primary {
color: #000 !important;
background-color: transparent !important;
border-color: #000 !important;
}
.btn-primary:hover, .btn-primary:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
}
.gray-light-bg .btn-primary:hover, .gray-light-bg .btn-primary:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
border-bottom: solid 1px #000 !important;
border-radius: 0 !important;
transition: none !important;
}
.white-bg .btn-primary:hover, .white-bg .btn-primary:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
border-radius: 500px !important;
}
.dark-overlay .btn-primary {
color: #fff !important;
background-color: transparent;
border-color: #fff !important;
}
.dark-overlay .btn-primary:hover, .dark-overlay .btn-primary:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
}
.btn-secondary {
color: inherit !important;
background-color: transparent !important;
border-color: transparent !important;
}
.btn-secondary:hover, .btn-secondary:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
}
.purple-bg .btn-secondary {
color: #fff !important;
background-color: transparent !important;
border-color: transparent !important;
}
.purple-bg .btn-secondary:hover, .purple-bg .btn-secondary:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
}
.white-bg .btn-secondary {
color: #000 !important;
background-color: transparent !important;
border-color: transparent !important;
}
.btn-purple {
color: #fff !important;
background-color: var(--purple) !important;
border-color: transparent !important;
}
.purple-bg .btn-purple {
border-color: #fff !important;
}
.white-bg .btn-purple {
color: #fff !important;
background-color: var(--purple) !important;
border-color: transparent !important;
}
.btn-purple:hover, .btn-purple:focus {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
}
.purple-bg .btn-purple:hover, .purple-bg .btn-purple:focus {
border-color: #000 !important;
}
.wysiwyg p .btn+.btn {
margin-left: 1rem;
}
.wysiwyg p .btn {
margin-top: 0.5rem;
}
@media (max-width: 767px) {
.wysiwyg p:not(.link) .btn {
width: 100%;
}
.wysiwyg p .btn+.btn {
margin-left: 0;
}
}
header {
position: relative;
height: 100px;
background-color: rgba(0, 0, 0, 0.72);
z-index: 11;
}
header .header-container {
display: flex;
height: 100%;
}
header .header-section {
width: 50%;
height: 100%;
}
header .logo {
display: flex;
flex-direction: column;
justify-content: center;
}
header .logo img {
max-width: 100%;
}
header .logo-h1 {
margin: 0;
padding: 0;
display: inline;
}
header .logo-h1 span {
text-indent: -20000px;
display: block;
height: 0;
color: #fff;
}
header .utility-nav {
width: 100%;
height: 40%;
background-color: var(--purple);
}
header ul.ul-h>li {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1;
}
header .utility-nav ul li a {
line-height: 1;
color: #fff;
text-decoration: none;
}
header .utility-nav ul li a:hover, header .utility-nav ul li a:focus {
text-decoration: underline;
}
header .main-nav {
width: 100%;
height: 60%;
display: flex;
}
header .main-nav .nav-links {
width: 80%;
}
header .main-nav ul.nav-links>li>div {
margin-top: 10px;
}
header .main-nav ul.nav-links>li>div>a {
line-height: 1;
color: #fff;
font-weight: bold;
text-decoration: none;
}
header .main-nav ul.nav-links>li:hover>div>a, header .main-nav ul.nav-links>li:focus>div>a, header .main-nav ul.nav-links>li>div>a:hover, header .main-nav ul.nav-links>li>div>a:focus, header .main-nav ul.nav-links>li>div>a.opened {
cursor: default;
}
header .main-nav ul.nav-links>li.active:hover>div>a, header .main-nav ul.nav-links>li.active:focus>div>a, header .main-nav ul.nav-links>li.active>div>a:hover, header .main-nav ul.nav-links>li.active>div>a:focus, header .main-nav ul.nav-links>li.active>div>a.opened {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 90%;
background-position: 50%;
padding-bottom: 28px;
text-decoration: none;
cursor: pointer;
}
header .main-nav .nav-icons {
width: 20%;
justify-content: unset;
}
header .main-nav .nav-icons li {
width: 50%;
}
header .nav-icons button {
border: none;
width: 100%;
height: 40px;
background-color: transparent;
display: flex;
justify-content: center;
}
header .nav-icons button span.svgbg {
width: 30px;
}
header .nav-icons .nav-search>button>span.svgbg, header .nav-icons .nav-mobile-search>button>span.svgbg {
background-image: url('data:image/svg+xml,');
}
header .nav-icons .nav-search>button:hover>span.svgbg, header .nav-icons .nav-search>button:focus>span.svgbg {
background-image: url('data:image/svg+xml,');
}
header .nav-icons .nav-mega>button.closed>span.svgbg, header .nav-icons .nav-mobile-menu>button.closed>span.svgbg, header .nav-icons .nav-mobile-menu>button.closed:hover>span.svgbg, header .nav-icons .nav-mobile-menu>button.closed:focus>span.svgbg {
background-image: url('data:image/svg+xml,');
}
header .nav-icons .nav-mega>button.closed:hover>span.svgbg, header .nav-icons .nav-mega>button.closed:focus>span.svgbg {
background-image: url('data:image/svg+xml,');
}
header .nav-icons .nav-mega>button.opened>span.svgbg, header .nav-icons .nav-mobile-menu>button.opened>span.svgbg, header .nav-icons .nav-mobile-menu>button.opened:hover>span.svgbg, header .nav-icons .nav-mobile-menu>button.opened:focus>span.svgbg, header .nav-icons .nav-mobile-search>button.opened>span.svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
header .nav-icons .nav-mega>button.opened:hover>span.svgbg, header .nav-icons .nav-mega>button.opened:focus>span.svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
header .main-nav .nav-icons .nav-search .nav-search-box {
display: none;
height: 60px;
background-color: #fff;
position: absolute;
top: 100px;
left: 50%;
}
header .main-nav .nav-icons .nav-search .nav-search-box form {
display: flex;
height: 100%;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-input {
height: 100%;
width: calc(100% - 160px);
padding: 0 15px;
display: flex;
flex-direction: column;
justify-content: center;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-input .form-control {
border: none;
color: #333;
padding: 7px;
line-height: 1;
}
header .main-nav .nav-icons .nav-search .nav-search-box form button {
width: auto;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-submit {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 100px;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-submit button {
background-color: transparent;
font-size: 0.9rem;
font-weight: 600;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-submit button span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: inline-block;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-submit button:hover span, header .main-nav .nav-icons .nav-search .nav-search-box form .search-submit button:focus span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23522D72' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-close {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 60px;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-close button {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--purple);
margin-top: 0;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-close button span.svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 30px;
height: 30px;
display: inline-block;
}
header .main-nav .nav-icons .nav-search .nav-search-box form .search-close button:hover span.svgbg, header .main-nav .nav-icons .nav-search .nav-search-box form .search-close button:focus span.svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
header .main-nav .nav-icons .nav-mega button.opened {
border: none;
height: 60px;
background-color: var(--purple);
margin-top: 5px;
}
header .main-nav .nav-icons .nav-mega button.opened .svgbg {
margin-top: 0px;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box {
display: none;
background-color: var(--purple);
position: absolute;
top: 100px;
left: 50%;
padding: 40px;
color: #ffffff;
font-size: 1.1rem;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-heading {
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-heading span:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
height: 2px;
background: var(--gold);
margin-left: 30px;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-links {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-links ul {
justify-content: flex-start;
width: 48%;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-links ul li {
width: 100%;
margin-bottom: 10px;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-links ul li a {
color: #ffffff;
text-decoration: none;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-links ul li a:hover, header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-links ul li a:focus {
color: #ffffff;
text-decoration: underline;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-icons ul li a {
display: flex;
flex-direction: column;
color: #ffffff;
text-decoration: none;
justify-content: flex-end;
align-items: center;
height: 100%;
text-align: center;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-icons ul li a svg {
color: var(--gold);
margin-bottom: 15px;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-icons ul li a:hover, header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-icons ul li a:focus {
text-decoration: underline;
}
header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-icons ul li a:hover svg, header .main-nav .nav-icons .nav-mega .nav-mega-box .mega-icons ul li a:focus svg {
color: #ffffff;
}
header .nav-links .sub-nav {
display: none;
padding: 20px 0;
background-color: #fff;
width: 100%;
position: absolute;
top: 90px;
left: 0;
}
header .main-nav ul.nav-links>li.active:hover .sub-nav {
display: block;
-webkit-box-shadow: 0px 32px 26px -30px rgba(89, 89, 89, 1);
-moz-box-shadow: 0px 32px 26px -30px rgba(89, 89, 89, 1);
box-shadow: 0px 32px 26px -30px rgba(89, 89, 89, 1);
}
header .main-nav ul.nav-links>li .sub-nav>.container-xxl>.row {
justify-content: flex-end;
}
header .main-nav ul.nav-links .sub-nav .col img {
width: 100%;
}
header .main-nav ul.nav-links .sub-nav .col ul {
list-style-type: none;
margin: 0;
margin-left: 30%;
padding: 0;
display: flex;
flex-direction: column;
}
header .main-nav ul.nav-links .sub-nav .col ul li {
margin-bottom: 10px;
}
header .main-nav ul.nav-links .sub-nav .col ul li.heading {
font-weight: bold;
}
header .main-nav ul.nav-links .sub-nav .col ul li a {
color: #000;
text-decoration: none;
}
header .main-nav ul.nav-links .sub-nav .col ul li a:hover, header .main-nav ul.nav-links .sub-nav .col ul li a:focus {
text-decoration: underline;
}
header .mobile-menu-links, header .mobile-menu-container, header .mobile-search-container {
display: none !important;
}
header #desktop-main-nav .nav-item-link .svgbg, header #desktop-mega-nav .mega-heading .svgbg {
display: none;
}
.main-nav .nav-item {
padding-inline: 0.75rem;
}
@media (min-width: 1300px) {
.main-nav .nav-item {
padding-inline: 2rem;
}
}
@media (max-width: 1023px) {
.mobile-nav-opened header, .mobile-search-opened header {
background-color: #000;
}
.mobile-nav-opened header .mobile-menu-container {
display: block !important;
padding-bottom: 100px;
}
header .mobile-menu-container {
background-color: #000;
position: fixed;
width: 100%;
height: 100%;
z-index: 9;
overflow: scroll;
padding-top: 50px;
font-size: 1.2rem;
}
header .mobile-menu-container>div {
margin-bottom: 30px;
}
header .mobile-menu-container>div+div {
padding-top: 30px;
border-top: 2px solid var(--gold);
}
header .header-container {
flex-direction: column;
position: relative;
z-index: 10;
}
header .header-section {
width: 100%;
}
header .header-left {
display: flex;
}
header .header-left .logo {
width: 80%;
}
header .header-left .mobile-menu-links {
display: block !important;
width: 20%;
}
header .header-right {
display: none;
}
header .mobile-menu-container {
color: #fff;
}
header .mobile-menu-container ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
header .mobile-menu-container li {
margin-bottom: 10px;
line-height: unset !important;
}
header .mobile-menu-container li a {
color: #fff;
text-decoration: none;
}
header .mobile-menu-container #mobile-main-nav li .nav-item-link a, header .mobile-menu-container #mobile-main-nav li.heading {
font-weight: bold;
}
header .mobile-menu-container #mobile-main-nav li .nav-item-link {
display: flex;
justify-content: flex-start;
align-items: center;
}
header .mobile-menu-container #mobile-main-nav li .nav-item-link span.svgbg.closed {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 15px;
height: 15px;
display: inline-block;
transform: none;
margin-right: 15px;
transform: rotate(40deg);
}
header .mobile-menu-container #mobile-main-nav li .nav-item-link span.svgbg.opened {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 15px;
height: 15px;
display: inline-block;
margin-right: 15px;
}
header .mobile-menu-container #mobile-main-nav .sub-nav {
display: none;
margin-left: 18px;
}
header .mobile-menu-container #mobile-main-nav .sub-nav .col {
display: none;
}
header .mobile-menu-container #mobile-main-nav .sub-nav .col-links {
display: block;
width: 100%;
font-size: 0.8rem;
flex: auto;
}
header .mobile-menu-container #mobile-main-nav .sub-nav .col-links {
margin-top: 18px;
}
header .mobile-menu-container #mobile-utility-nav ul {
margin-left: 30px;
}
header .mobile-menu-container #mobile-mega-nav .mega-links {
margin-left: 30px;
margin-top: 10px;
font-size: 0.8rem;
display: none;
}
header .mobile-menu-container #mobile-mega-nav .mega-heading {
cursor: pointer;
}
header .mobile-menu-container #mobile-mega-nav .mega-heading.closed .svgbg {
display: block;
background-image: url('data:image/svg+xml,');
width: 18px;
height: 18px;
display: inline-block;
margin-right: 10px;
}
header .mobile-menu-container #mobile-mega-nav .mega-heading.opened .svgbg {
display: block;
background-image: url('data:image/svg+xml,');
width: 18px;
height: 20px;
display: inline-block;
margin-right: 10px;
transform: rotate(180deg);
}
header .mobile-menu-container #mobile-nav-icons .mega-icons ul {
flex-direction: row;
}
header .mobile-menu-container #mobile-nav-icons .mega-icons ul li a {
display: flex;
flex-direction: column;
font-size: 0.7rem;
align-items: center;
}
header .mobile-menu-container #mobile-nav-icons .mega-icons ul li a svg {
color: var(--gold);
margin-bottom: 10px;
}
.mobile-search-opened header .mobile-search-container {
display: block !important;
padding-bottom: 100px;
}
header .mobile-search-container {
background-color: #000;
position: fixed;
width: 100%;
height: 100%;
z-index: 9;
overflow: scroll;
padding-top: 50px;
font-size: 1.2rem;
}
header .mobile-search-container form {
display: flex;
flex-direction: column;
align-items: center;
}
header .mobile-search-container form .search-input, header .mobile-search-container form .search-input input {
width: 100%;
}
header .mobile-search-container form .search-submit {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 100px;
}
header .mobile-search-container form .search-submit button {
border: none;
background-color: transparent;
font-size: 0.9rem;
font-weight: 600;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
color: #ffffff;
margin-top: 15px;
}
header .mobile-search-container form .search-submit button span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: inline-block;
}
header .mobile-search-container form .search-submit button:hover span, header .mobile-search-container form .search-submit button:focus span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}
header .mobile-search-container .search-close {
display: none;
}
}
@media (max-width: 767px) {
header .nav-search-box {
width: 100% !important;
}
header {
background-color: #000;
}
}
@media (max-width: 426px) {
header .mobile-menu-container {
padding-top: 30px;
margin-top: -1px;
}
header .header-left .logo {
width: 70%;
}
header .header-left .mobile-menu-links {
width: 30%;
}
}
@media (max-width: 424px) {
header .header-left .logo img {
max-width: 80%;
}
}
section.banner {
background-color: #000000;
position: relative;
z-index: 9;
}
@media (max-width: 767px) {
section.banner {
margin-top: 0;
}
}
section.banner+section.has-bg {
margin-top: -60px !important;
}
section.banner-video+section.has-bg {
margin-top: -68px !important;
}
section.banner img, section.banner picture, section.banner video {
width: 100%;
object-fit: cover;
max-height: 100vh;
position: relative;
}
section.banner video {
object-position: top;
}
section.banner .overlay {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 60%;
background: transparent linear-gradient(360deg, #000000 0%, #29173900 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(360deg, #000000 0%, #29173900 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
}
section.banner.banner-home .overlay, section.banner.banner-president .overlay {
background: transparent linear-gradient(360deg, #522d72 0%, #29173900 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(360deg, #522d72 0%, #29173900 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: multiply;
}
section.banner .marquee {
width: 100%;
overflow: hidden;
position: absolute;
color: #fff;
z-index: 10;
bottom: 6%;
}
section.banner .marquee h2 {
color: #fff;
white-space: nowrap;
font-size: 12rem;
font-weight: 700;
display: inline-block;
animation: marquee 15s linear 1 forwards;
}
section.banner .marquee h2.playing {
animation-play-state: running;
}
section.banner .marquee h2.paused {
animation-play-state: paused;
}
@media (max-width: 1279px) {
section.banner .marquee {
height: 250px;
margin-top: -250px;
}
section.banner .marquee h2 {
font-size: 9rem;
}
}
@media (max-width: 1023px) {
section.banner .marquee {
height: 200px;
margin-top: -200px;
}
section.banner .marquee h2 {
font-size: 6rem;
}
}
@media (min-width: 768px) {
@keyframes marquee {
0% {
transform: translate(101%, 0);
}
100% {
transform: translate(-125%, 0);
}
}
}
@media (max-width: 767px) {
section.banner img, section.banner video {
height: 50vh;
}
section.banner .overlay {
height: 100%;
}
section.banner .marquee {
height: 40vh;
margin-top: -40vh;
display: flex;
padding: 0 20px;
justify-content: center;
align-items: center;
text-align: center;
}
section.banner .marquee h2 {
font-size: 3rem;
white-space: normal;
}
}
section.banner.banner-video .banner-video-controls-container {
display: flex;
flex-direction: row-reverse;
}
section.banner.banner-video .banner-video-controls-container .banner-video-controls {
position: absolute;
bottom: 4%;
z-index: 12;
margin-right: 15px;
}
section.banner.banner-video .banner-video-controls-container .banner-video-controls button {
display: block;
width: 60px;
height: 60px;
background-color: transparent;
border: none;
opacity: 0;
}
section.banner.banner-video:hover .banner-video-controls-container .banner-video-controls button, section.banner.banner-video .banner-video-controls-container .banner-video-controls button:focus {
opacity: 1;
}
section.banner.banner-video .banner-video-controls-container .banner-video-controls button.playing .svgbg {
background-image: url('data:image/svg+xml,');
}
section.banner.banner-video .banner-video-controls-container .banner-video-controls button.paused .svgbg {
background-image: url('data:image/svg+xml,');
opacity: 0.7;
}
section.banner.banner-video .banner-video-controls-container .banner-video-controls button:hover .svgbg {
opacity: 1;
}
section.banner.banner-image, section.banner.banner-noimage, section.banner.banner-program, section.banner.banner-president {
display: flex;
justify-content: center;
}
section.banner h1 {
max-width: 1320px;
}
section.banner.banner-image h1 {
overflow: hidden;
position: absolute;
color: #fff;
z-index: 10;
bottom: 16%;
font-size: 5rem;
text-align: center;
padding: 0 1.5rem 0.5rem 1.5rem;
text-decoration: none;
}
section.banner.banner-noimage h1 {
color: #fff;
font-size: 5rem;
text-align: center;
padding: 0 1.5rem 0.5rem 1.5rem;
text-decoration: none;
}
section.banner.banner-image h1 span, section.banner.banner-noimage h1 span {
position: relative;
}
section.banner.banner-image h1 span:after, section.banner.banner-noimage h1 span:after {
content: "";
position: absolute;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: relative;
bottom: 0;
height: 13px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 370px;
display: block;
}
section.banner.banner-noimage .banner-text {
margin-top: 100px;
height: calc(100% - 100px);
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
}
section.banner.banner-program h1 {
overflow: hidden;
position: absolute;
color: #fff;
z-index: 10;
bottom: 16%;
font-size: 4.9rem;
text-align: center;
padding: 0 1.5rem 0.5rem 1.5rem;
text-decoration: none;
}
section.banner.banner-program h1 span {
position: relative;
}
section.banner.banner-program h1 span::after {
content: "";
position: absolute;
height: 0.33rem;
width: 100%;
left: 0;
bottom: 0;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: cover;
background-position: 0 50%;
border-radius: 100vw;
}
@media (max-width: 1279px) {
section.banner.banner-image h1, section.banner.banner-program h1, section.banner.banner-noimage h1 {
font-size: 4rem;
}
}
@media (max-width: 1023px) {
section.banner.banner-image h1, section.banner.banner-program h1, section.banner.banner-noimage h1 {
font-size: 3rem;
}
section.banner.banner-program h1 span {
padding-bottom: 0.2rem;
}
}
@media (max-width: 767px) {
section.banner.banner-video .banner-video-controls-container .banner-video-controls button {
opacity: 1;
}
section.banner.banner-image h1, section.banner.banner-program h1, section.banner.banner-noimage h1 {
font-size: 2rem;
}
section.banner.banner-program h1 span {
padding-bottom: 0.1rem;
}
section.banner.banner-image h1 span:after, section.banner.banner-noimage h1 span:after {
width: 100%;
background-size: contain;
}
}
.banner-slider .splide__pagination {
left: auto;
}
section.banner.banner-president .text {
overflow: hidden;
position: absolute;
z-index: 10;
bottom: 0;
text-align: center;
padding: 0 1.5rem 0.5rem 1.5rem;
text-decoration: none;
}
section.banner.banner-president .text h1 {
color: #fff;
font-size: 4rem;
font-weight: 500;
}
section.banner.banner-president .text p {
color: #fff;
font-size: 2rem;
font-weight: 500;
}
section.banner.banner-president .text .bottom-border50, section.banner.banner-president .text .bottom-border70, section.banner.banner-president .text .bottom-border100 {
margin-bottom: 10px;
}
@media (max-width: 1023px) {
section.banner.banner-president .text h1 {
font-size: 3rem;
}
section.banner.banner-president .text p {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
section.banner.banner-president .text {
padding: 0 1.5rem 2rem 1.5rem;
}
section.banner.banner-president .text h1 {
font-size: 2rem;
}
section.banner.banner-president .text p {
font-size: 1rem;
}
}
section.banner.banner-noimage {
height: 400px;
background-color: #000000;
}
section.banner.banner-noimage2 {
height: 100px;
background-color: #000000;
}
@media (max-width: 767px) {
section.banner.banner-noimage2 {
min-height: 30px;
height: auto;
}
}
footer {
position: relative;
background-color: var(--purple);
background-image: url("../../_files/images/fbg.webp");
background-position: bottom;
background-size: cover;
min-height: 500px;
color: #fff;
}
footer .footer a {
color: #fff;
text-decoration: none;
}
footer .footer a:hover, footer .footer a:focus {
color: #fff;
text-decoration: underline;
}
footer .footer .logo, footer .footer .links {
display: flex;
justify-content: center;
align-items: center;
}
footer .footer .logo>span, footer .footer .links>span {
display: flex;
justify-content: center;
align-items: center;
width: 70%;
}
footer .footer .links>span>ul {
width: 100%;
flex-wrap: wrap;
justify-content: flex-start;
}
footer .footer .links>span>ul>li {
width: 50%;
margin-bottom: 6px;
}
footer .footer .links>span>ul>li a {
font-weight: 500;
}
footer .footer .links>span>ul>li a:hover, footer .footer .links>span>ul>li a:focus {
color: var(--gold);
}
footer .footer .contact {
margin-top: 50px;
margin-bottom: 22px;
font-weight: 300;
}
footer .footer .copyright {
font-weight: 300;
}
footer .footer .contact ul, footer .footer .copyright ul {
justify-content: center;
flex-wrap: wrap;
}
footer .footer .contact ul li, footer .footer .copyright ul li {
white-space: nowrap;
}
footer .footer .contact ul li:after, footer .footer .copyright ul li:after {
content: "|";
padding: 0 0.5em;
}
footer .footer .contact ul li:last-of-type:after, footer .footer .copyright ul li:last-of-type:after {
content: "";
}
footer .footer .type {
margin-top: 50px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
@media (max-width: 1023px) {
footer .footer .type span {
width: 100%;
}
}
@media (max-width: 767px) {
footer .footer .logo>span, footer .footer .links>span {
width: 100%;
}
footer .footer .logo {
margin-bottom: 30px;
}
footer .footer ul {
width: 100%;
flex-direction: column !important;
text-align: center !important;
}
footer .footer ul li {
width: 100% !important;
}
footer .footer ul li:after {
content: "" !important;
padding: 0 !important;
}
footer .footer .type {
text-align: center;
}
}
footer .footer .social-links {
position: absolute;
right: 0;
padding: 2.5rem .8rem;
background-color: #000;
}
footer .footer .social-links ul li {
text-align: center;
}
footer .footer .social-links ul li+li {
margin-top: 1.5rem;
}
footer .footer .social-links a:hover, footer .footer .social-links a:focus {
color: var(--gold);
}
footer .footer .social-links a:hover:after, footer .footer .social-links a:focus:after {
content: "";
position: absolute;
background-image: url('data:image/svg+xml,');
display: block;
width: 28px;
height: 5px;
background-repeat: no-repeat;
margin: 6px 1px;
padding: 0;
background-size: cover;
}
@media (max-width: 1023px) {
footer .footer .row {
padding-bottom: 3rem;
}
footer .footer .social-links {
padding: 1rem;
bottom: 0;
width: 100%;
}
footer .footer .social-links ul {
flex-direction: row !important;
justify-content: center !important;
}
footer .footer .social-links ul li+li {
margin-top: 0;
margin-left: 1.5rem;
}
}
.backtotop {
display: flex;
flex-direction: column;
align-items: flex-end;
position: absolute;
padding: 0 1rem 1rem 1rem;
right: 0;
top: -60px;
z-index: 1;
}
.backtotop .svgbg {
position: relative;
background-size: 100%;
background-position: 100%;
width: 26px;
height: 138px;
background-image: url('data:image/svg+xml,');
margin-bottom: 45px;
}
.backtotop .text {
color: #fff;
font-size: .9rem;
display: inline-block;
transform-origin: bottom right;
transform: rotate(-90deg) translateX(100%);
margin-top: 30px;
margin-right: 3px;
border-bottom: solid 1px var(--purple);
}
.backtotop:hover .text, .backtotop:focus .text {
border-bottom: solid 1px #fff;
}
@media (max-width: 1023px) {
.backtotop {
padding: 0;
top: -80px;
}
}
section.accordions .accordion-button::before, section.accordions .accordion-button:not(.collapsed)::before {
background-color: transparent;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
width: 15px;
height: 15px;
display: inline-block;
margin-right: 15px
}
h2.accordion-header {
font-family: var(--font-m) !important;
margin-bottom: 0 !important;
}
section.accordions .container {
padding: 0 4%
}
section.accordions.narrow .container {
padding: 0 12%
}
section.accordions .accordion-button {
padding: 1rem .5rem;
background-color: transparent;
font-weight: 700
}
section.accordions .accordion-button:not(.collapsed) {
box-shadow: none;
color: #000
}
section.accordions .accordion-item {
border: none !important;
border-top: 1px solid var(--gold) !important;
border-bottom: 1px solid var(--gold) !important
}
section.accordions .accordion-item+.accordion-item {
border-top: none !important
}
section.accordions .accordion-body {
padding: 1rem 2.3rem 2.3rem
}
section.accordions .accordion-button:not(.collapsed)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c522d72' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
transform: none
}
section.accordions .accordion-button::before {
flex-shrink: 0;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
transform: rotate(40deg)
}
section.accordions.purple-bg .accordion-button:not(.collapsed)::before, section.accordions.gray-light-bg .accordion-button:not(.collapsed)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
transform: none
}
section.accordions.purple-bg .accordion-button::before, section.accordions.gray-light-bg .accordion-button::before {
flex-shrink: 0;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
transform: rotate(40deg)
}
section.accordions .accordion-button::after, section.accordions .accordion-button:not(.collapsed)::after {
display: none
}
section.accordions.gray-light-bg .container h2 {
color: var(--purple);
position: relative;
margin-bottom: 30px
}
section.accordions.purple-bg .container .text-center p {
font-family: var(--font-ss4)
}
section.accordions.gray-light-bg .container .text-center h2 {
color: var(--purple)
}
section.accordions.purple-bg ul.nav-tabs .nav-link, section.accordions.purple-bg ul.nav-tabs .nav-link.active {
color: var(--gold)
}
section.accordions.purple-bg .accordion-button, section.accordions.purple-bg .accordion-item {
background-color: var(--purple) !important;
color: #fff
}
section.accordions.gray-light-bg .accordion-item {
background-color: var(--gray-light) !important;
color: #000
}
section.accordions.gray-light-bg .accordion-button {
background-color: var(--gray-light) !important;
color: var(--purple)
}
@media (prefers-reduced-motion:reduce) {
section.accordions .accordion-button::after, section.accordions .accordion-button::before {
transition: none
}
}
@media (max-width:767px) {
section.accordions.narrow .container {
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem)
}
section.accordions>.container>.text-center, section.accordions>.container>.row>.col>.text-center {
text-align: left !important
}
section.accordions>.container>.text-center .bottom-border50:after, section.accordions>.container>.row>.col>.text-center .bottom-border50:after {
width: 50%;
left: 0
}
}
section.accordions .accordion-body.white-bg {
padding-top: 1rem
}
section.accordions .accordion-body.social-tabs-news {
padding: 0
}
section.accordions .accordion-body.social-tabs-news .splide__arrows, section.accordions .accordion-body.social-tabs-news .splide__slide .description, section.accordions .accordion-body.social-tabs-news .splide__slide .overlay-text-inner-bottom {
display: none !important
}
section.accordions .accordion-body.social-tabs-news .splide__slide {
background-color: var(--purple);
}
section.accordions .accordion-body.social-tabs-news-text .splide__slide a {
color: #fff !important;
}
section.accordions .accordion-body.social-tabs-news-text .splide__pagination {
bottom: -.5rem
}
.full-width-bg-image-cta {
background-color: #000;
}
.full-width-bg-image-cta .vm-video-controls-container {
position: absolute;
bottom: 3%;
left: auto;
right: 40px;
}
.full-width-bg-image-cta.right .vm-video-controls-container {
position: absolute;
bottom: 3%;
left: 40px;
right: auto;
}
.full-width-bg-image-cta>img {
width: 100%;
object-fit: cover;
max-height: 100vh;
position: relative;
}
.full-width-bg-image-cta .container-xxl {
position: absolute;
width: 40%;
height: 100%;
top: 0;
left: 0;
padding: 0;
background-color: transparent;
}
.full-width-bg-image-cta.right .container-xxl {
position: absolute;
width: 40%;
height: 100%;
top: 0;
left: auto;
right: 0;
padding: 0;
background-color: transparent;
}
.full-width-bg-image-cta .container-xxl .text {
padding: 3rem;
z-index: 5;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
position: relative;
background-color: transparent;
text-align: center;
}
.full-width-bg-image-cta .container-xxl .text h2 {
color: #fff;
background-color: transparent;
}
.full-width-bg-image-cta .container-xxl .text p {
width: 90%;
font-size: 1.1rem;
}
.full-width-bg-image-cta .bottom-border70 {
padding-bottom: 30px;
position: relative;
margin-bottom: 15px;
display: inline-block;
}
@media (max-width: 1279px) {
.full-width-bg-image-cta .container-xxl .text {
padding: 1rem;
}
.full-width-bg-image-cta .container-xxl .text p {
width: 100%;
font-size: 1rem;
}
}
@media (max-width: 1023px) {
.full-width-bg-image-cta .container-xxl, .full-width-bg-image-cta.right .container-xxl {
width: 50%;
}
}
@media (min-width: 768px) {
.full-width-bg-image-cta {
background: none !important;
background-color: #343434 !important;
padding: 0 !important;
}
.full-width-bg-image-cta>.overlay-dark {
display: none !important;
}
}
@media (max-width: 767px) {
.full-width-bg-image-cta .vm-video-controls-container {
position: absolute !important;
bottom: 1% !important;
left: calc(50% - 40px) !important;
right: auto !important;
z-index: 10 !important;
}
.full-width-bg-image-cta img {
display: none;
}
.full-width-bg-image-cta .container-xxl, .full-width-bg-image-cta.right .container-xxl {
width: 100%;
position: relative;
}
.full-width-bg-image-cta .container-xxl>.overlay-dark {
display: none !important;
}
}
section.image-card-carousel .container-fluid {
padding: 0;
}
section.image-card-carousel h2 {
max-width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
color: var(--purple);
font-weight: 400;
text-align: center;
}
section.image-card-carousel h2 span {
font-size: calc(2.65rem + 0.9vw);
color: var(--gold-dark);
font-weight: 500;
padding-left: 5px;
}
section.image-card-carousel .splide__slide {
height: 400px;
color: #fff;
text-align: center;
font-size: 0.9rem;
overflow: hidden;
background-color: #343434;
}
section.image-card-carousel .splide__slide img {
object-fit: cover;
width: 100%;
height: 100%;
}
section.image-card-carousel .splide__slide .overlay {
position: absolute;
width: 100%;
bottom: 0;
}
section.image-card-carousel .splide__slide .overlay-text {
padding: 1rem;
position: relative;
z-index: 6;
display: flex;
flex-direction: column;
}
section.image-card-carousel .splide__slide .heading {
font-size: 1.3rem;
font-weight: bold;
}
section.image-card-carousel .splide__slide .overlay-text p.link:last-of-type {
margin-top: auto;
}
section.image-card-carousel button.splide__arrow {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: -2em;
}
@media (max-width: 767px) {
section.image-card-carousel button.splide__arrow {
top: -1.2em;
}
}
section.image-card-carousel button.splide__arrow svg {
display: none !important;
}
section.image-card-carousel button.splide__arrow--prev {
background-image: url('data:image/svg+xml,');
}
section.image-card-carousel button.splide__arrow--next {
background-image: url('data:image/svg+xml,');
}
section.image-card-carousel button.splide__arrow--prev:not([disabled]):hover, section.image-card-carousel button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.image-card-carousel button.splide__arrow--next:not([disabled]):hover, section.image-card-carousel button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.impact.impact-statement {
background-color: var(--purple);
color: #fff;
z-index: 10;
}
section.impact.impact-statement .is-container {
max-width: 615px;
margin: 0 auto;
display: flex;
}
section.impact.impact-statement .is-arrow {
position: absolute;
bottom: calc(-1 * (calc(30% + 60px)));
left: -50px;
z-index: 9;
}
section.impact.impact-statement .is-arrow img {
width: 82px;
height: 172px;
}
section.impact.impact-statement .is-text {
font-size: 1.8rem;
font-weight: bold;
width: 100%;
position: relative;
}
section.impact.impact-statement .is-text span {
font-size: 3rem;
font-weight: 400;
color: var(--gold);
line-height: 1;
display: inline-block;
position: relative;
top: 0.5rem;
}
section.impact.impact-statement.has-arrow .is-text {
margin-left: 80px;
}
@media (max-width: 767px) {
section.impact.impact-statement .is-container {
max-width: 90%;
}
section.impact.impact-statement .is-text {
font-size: 1.5rem;
}
section.impact.impact-statement.has-arrow .is-text {
margin-left: 30px;
}
section.impact.impact-statement .is-text span {
font-size: 2.2rem;
line-height: 1;
position: relative;
top: 0;
}
section.impact.impact-statement.has-bg.has-arrow {
padding-bottom: 80px;
}
section.impact.impact-statement .is-arrow {
bottom: calc(-1 * (calc(30% + 30px)));
}
}
@media (max-width: 360px) {
section.impact.impact-statement.has-bg.has-arrow {
padding-bottom: 100px;
}
}
.image-overlay-list button {
border: none;
background-color: transparent;
}
.image-overlay-list .container-xxl {
display: flex;
position: relative;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
}
.image-overlay-list .container-xxl>div {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.image-overlay-list .r-container, .image-overlay-list .l-container {
display: flex;
flex-direction: column;
}
.image-overlay-list .l-container {
width: 50%;
align-self: self-end;
}
.image-overlay-list .l-container .svgbg {
width: 70px;
height: 70px;
color: var(--gold);
}
.image-overlay-list .l-container .text {
font-weight: bold;
}
.image-overlay-list .r-container .button-content {
display: none;
}
.image-overlay-list .r-container .opened .button-content {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100%;
width: 100%;
background-color: white;
position: absolute;
top: 0;
left: 0;
width: 50%;
}
.image-overlay-list .r-container .opened .button-content .overlay {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.8;
}
.image-overlay-list .r-container .opened .button-content {
display: block;
}
.image-overlay-list .r-container .opened .button-content .close {
position: absolute;
top: 20px;
right: 20px;
z-index: 5;
display: block;
width: 50px;
height: 50px;
}
.image-overlay-list .r-container .opened .button-content .close .svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23522d72' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.image-overlay-list .r-container .opened .button-content .button-content-container {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 50%;
margin: 0 auto;
z-index: 4;
position: relative;
}
.image-overlay-list .r-container .closed .hover {
display: block;
}
.image-overlay-list .r-container .closed .clicked {
display: none;
}
.image-overlay-list .r-container .opened .hover {
display: none;
}
.image-overlay-list .r-container .opened .clicked {
display: block;
}
.image-overlay-list .r-container .opened .button-content .button-content-container h3 {
font-weight: bold;
color: var(--purple);
}
.image-overlay-list .r-container .opened .button-content .button-content-container p {
margin-bottom: 0;
font-weight: 600;
}
.image-overlay-list .r-container button img {
height: 55px;
display: block;
}
.image-overlay-list .r-container>.closed>button>.svgbg {
display: none;
}
@media (max-width: 1279px) {
.image-overlay-list .l-container, .image-overlay-list .r-container .opened .button-content .button-content-container {
width: 60%;
}
}
@media (max-width: 1023px) {
.image-overlay-list .l-container, .image-overlay-list .r-container .opened .button-content .button-content-container {
width: 80%;
}
}
@media (max-width: 767px) {
.image-overlay-list .l-container, .image-overlay-list .r-container .opened .button-content .button-content-container {
width: 100%;
}
.image-overlay-list .container-xxl {
display: flex;
flex-direction: column;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
}
.image-overlay-list .container-xxl>div {
width: 100%;
align-self: center;
}
.image-overlay-list .l-container {
flex-direction: row-reverse;
margin-bottom: 30px;
}
.image-overlay-list .r-container button>img {
display: none !important;
}
.image-overlay-list .r-container button {
margin-bottom: 10px;
width: 100%;
border-bottom: solid 1px var(--gold);
padding: 5px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.image-overlay-list .r-container>div>button>.visually-hidden {
display: block;
position: relative !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
clip: unset !important;
color: var(--purple);
font-weight: 500;
padding-bottom: 10px !important;
}
.image-overlay-list .r-container>.closed>button>.svgbg {
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 15px;
height: 15px;
display: inline-block;
transform: rotate(40deg);
margin-right: 15px;
}
.image-overlay-list .r-container .opened button>.svgbg {
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 15px;
height: 15px;
display: inline-block;
transform: none;
margin-right: 15px;
}
.image-overlay-list .r-container .opened .button-content {
position: relative;
width: 100%;
padding: 30px 0 30px 30px;
background: none !important;
border-bottom: solid 1px var(--gold);
margin-bottom: 10px;
}
.image-overlay-list .r-container .opened .button-content .close {
display: none;
}
}
@media (max-width: 360px) {
.image-overlay-list .l-container .svgbg {
width: 100px !important;
height: 100px !important;
}
}
/*New Image Overlay List*/
.image-overlay-list .circle-container {
display: grid;
place-items: center;
position: relative;
cursor: pointer;
padding: 1rem;
}
.image-overlay-list .circle-container p {
color: var(--purple);
font-family: var(--font-m);
font-size: 2rem;
margin: 0;
}
.image-overlay-list .svg-circle {
display: none;
position: absolute;
color: var(--gold);
z-index: 4;
scale: 2 1.5;
}
.image-overlay-list .path {
stroke-dasharray: var(--path-length);
stroke-dashoffset: var(--path-length);
}
.image-overlay-list .circle-container:hover .path {
animation: circle 650ms ease-in-out forwards;
}
@keyframes circle {
to {
stroke-dashoffset: 0;
}
}
section.image-story-rotator .row.wysiwyg {
padding: 0 4%;
}
section.image-story-rotator .row.wysiwyg>* {
padding-left: 0;
padding-right: 0;
}
section.image-story-rotator .splide {
width: calc(100% - 60px);
margin: 0 auto;
}
section.image-story-rotator .splide__slide {
display: flex;
}
section.image-story-rotator .splide__slide .isr-image {
width: 50%;
}
section.image-story-rotator .splide__slide .isr-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.image-story-rotator .splide__slide .isr-text {
width: 50%;
padding: 30px;
}
section.image-story-rotator .splide__slide .isr-text p.heading {
font-size: 1.1rem;
font-weight: bold;
}
section.image-story-rotator .splide__arrow {
width: 30px;
height: 30px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
}
section.image-story-rotator button.splide__arrow svg {
display: none !important;
}
section.image-story-rotator button.splide__arrow--prev {
left: -35px;
background-image: url('data:image/svg+xml,');
}
section.image-story-rotator button.splide__arrow--next {
right: -35px;
background-image: url('data:image/svg+xml,');
}
section.image-story-rotator button.splide__arrow--prev:not([disabled]):hover, section.image-story-rotator button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.image-story-rotator button.splide__arrow--next:not([disabled]):hover, section.image-story-rotator button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
@media (max-width: 767px) {
section.image-story-rotator .row.wysiwyg {
padding: 0;
}
section.image-story-rotator .row.wysiwyg>* {
padding-left: 12px;
padding-right: 12px;
}
section.image-story-rotator .splide__slide {
flex-direction: column;
}
section.image-story-rotator .splide__slide .isr-image {
width: 100%;
}
section.image-story-rotator .splide__slide .isr-text {
width: 100%;
padding: 30px;
}
}
.large-image-story-feature.has-bg+.has-bg {
margin-top: 0 !important;
}
.large-image-story-feature>img {
width: 100%;
object-fit: cover;
max-height: 100vh;
position: relative;
}
.large-image-story-feature .container-fluid {
position: absolute;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
top: 0;
left: 0;
padding-left: 0;
padding-right: 0;
z-index: 5;
padding-bottom: 60px !important;
}
.large-image-story-feature .container-fluid.right {
align-items: self-end;
}
.large-image-story-feature .lisf-container {
background-color: #fff;
padding: 30px;
width: min-content;
display: flex;
}
.large-image-story-feature .lisf-container .lisf-main>.overlay-white {
display: none;
}
.large-image-story-feature .lisf-container .lisf-main {
min-width: 43vh;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.large-image-story-feature .lisf-container .lisf-main div {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.large-image-story-feature .lisf-container .lisf-main h2 {
color: var(--purple);
}
.large-image-story-feature .lisf-container .lisf-story+.lisf-story {
margin-left: 20px;
}
.large-image-story-feature .lisf-container .lisf-story img {
width: 150px;
margin-bottom: 10px;
}
.large-image-story-feature .lisf-container .lisf-story a, .large-image-story-feature .lisf-container .lisf-story .link{
font-size: 0.9rem;
color: #000;
text-decoration: none;
font-weight: bold;
}
.large-image-story-feature .lisf-container .lisf-story a:hover, .large-image-story-feature .lisf-container .lisf-story a:focus {
text-decoration: underline;
}
.large-image-story-feature .plus-link {
position: relative;
padding-inline-end: 2rem;
}
.large-image-story-feature .plus-link::after {
content: url('data:image/svg+xml,');
position: absolute;
height: 1rem;
width: 1rem;
right: 0;
top: 0;
translate: -50% 0;
}
@media (min-width: 1023px) {
.large-image-story-feature .lisf-main {
background: none !important;
}
.large-image-story-feature .lisf-container .lisf-main {
padding: 0 !important;
padding-right: 30px !important;
}
}
@media (max-width: 1023px) {
.large-image-story-feature .overlay-white {
z-index: 3;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.8;
}
.large-image-story-feature .lisf-main {
position: relative;
}
.large-image-story-feature .lisf-main>.overlay-white {
display: block !important;
}
.large-image-story-feature .lisf-main>.overlay-white+div {
z-index: 5;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.large-image-story-feature>img, .large-image-story-feature>.overlay-white {
display: none !important;
}
.large-image-story-feature .container-fluid {
z-index: 4;
justify-content: center;
padding: 0 !important;
position: relative;
}
.large-image-story-feature .lisf-container {
background-color: transparent;
padding: 0;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.large-image-story-feature .lisf-container .lisf-main {
padding-left: 15px;
padding-right: 15px;
min-width: 100%;
}
.large-image-story-feature .lisf-container .lisf-story {
display: flex;
justify-content: center;
text-align: center;
margin: 30px 0 0 0;
}
.large-image-story-feature .lisf-container .lisf-story a {
display: flex;
flex-direction: column;
align-items: center;
}
.large-image-story-feature .lisf-container .lisf-story div {
max-width: 80%;
}
.large-image-story-feature .lisf-container .lisf-story+.lisf-story {
margin-left: 0;
}
}
@media (max-width: 600px) {
.large-image-story-feature .lisf-container .lisf-story {
min-width: 100%;
margin: 40px 0 0 0;
}
.large-image-story-feature .lisf-container .lisf-story a {
width: 100%;
}
.large-image-story-feature .lisf-container .lisf-story img {
width: 50%;
}
}
@media (max-width: 400px) {
.large-image-story-feature .lisf-container .lisf-story img {
width: 70%;
}
}
.mini-article-rotator .splide {
border-top: solid 1px var(--gold);
border-bottom: solid 1px var(--gold);
padding-top: 46px;
padding-bottom: 46px;
}
.mini-article-rotator .splide__slide {
display: flex;
}
.mini-article-rotator .splide__slide .mar-image {
width: 35%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 2%;
}
.mini-article-rotator .splide__slide .mar-image img {
width: 100%;
}
.mini-article-rotator .splide__slide .mar-image.portrait img {
width: 75%;
}
.mini-article-rotator .splide__slide .mar-text {
width: 63%;
display: flex;
flex-direction: column;
justify-content: center;
}
.mini-article-rotator .splide__slide .mar-text.wysiwyg *:last-child {
margin-bottom: 2rem !important;
}
.mini-article-rotator .splide__arrow {
top: auto;
bottom: 1%;
width: 30px;
height: 30px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
}
.mini-article-rotator button.splide__arrow svg {
display: none !important;
}
.mini-article-rotator button.splide__arrow--prev {
left: auto;
right: 52%;
background-image: url('data:image/svg+xml,');
}
.mini-article-rotator button.splide__arrow--next {
right: 48%;
background-image: url('data:image/svg+xml,');
}
.mini-article-rotator button.splide__arrow--prev:not([disabled]):hover, .mini-article-rotator button.splide__arrow--prev:not([disabled]):focus {
right: 52.5%;
background-image: url('data:image/svg+xml,');
}
.mini-article-rotator button.splide__arrow--next:not([disabled]):hover, .mini-article-rotator button.splide__arrow--next:not([disabled]):focus {
right: 47.5%;
background-image: url('data:image/svg+xml,');
}
@media (max-width: 1023px) {
.mini-article-rotator .splide__slide .mar-image {
justify-content: flex-start;
}
.mini-article-rotator button.splide__arrow--prev {
right: 53%;
}
.mini-article-rotator button.splide__arrow--next {
right: 47%;
}
}
@media (max-width: 767px) {
.mini-article-rotator .splide__slide {
flex-direction: column;
}
.mini-article-rotator .splide__slide .mar-image {
width: 100%;
margin-right: 0;
}
.mini-article-rotator .splide__slide .mar-image img {
width: auto !important;
height: 209px !important;
}
.mini-article-rotator .splide__slide .mar-text {
width: 100%;
margin-top: 60px;
}
.mini-article-rotator .splide__arrow {
display: none;
}
.mini-article-rotator .splide__pagination {
bottom: auto;
top: 269px;
}
.mini-article-rotator .splide__pagination .splide__pagination__page.is-active {
background: var(--purple);
outline-color: var(--purple);
}
.mini-article-rotator .splide__pagination .splide__pagination__page {
background: var(--purple);
}
}
section.medium-image-story.mis-thumb {
margin-bottom: 90px !important;
}
section.medium-image-story.mis-thumb .mis-container {
display: block;
position: relative;
}
section.medium-image-story .mis-container {
display: flex;
align-items: center;
}
section.medium-image-story .mis-image {
position: relative;
width: 60%;
z-index: 8;
}
section.medium-image-story .mis-image img {
width: 100%;
object-fit: cover;
}
section.medium-image-story .mis-text {
width: 40%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-align: center;
}
section.medium-image-story .mis-container.right {
display: flex;
flex-direction: row-reverse;
}
section.medium-image-story.mis-thumb .mis-text {
top: 30px;
z-index: 7;
position: absolute;
right: 0;
width: 60%;
padding-left: 20%;
display: block;
background-color: var(--gray-light);
}
section.medium-image-story.mis-thumb .mis-container.right .mis-text {
right: auto;
padding-left: 0;
padding-right: 20%;
left: 0;
}
section.medium-image-story .mis-text h2 {
color: var(--purple);
}
section.medium-image-story .mis-text .mis-text-container {
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
background-color: var(--gray-light);
}
section.medium-image-story.mis-thumb .mis-text .mis-text-container {
height: 100%;
}
section.medium-image-story .mis-thumb-image {
width: 170px;
border: solid 10px var(--gray-light);
z-index: 9;
position: absolute;
bottom: 0;
right: -30px;
font-size: .8rem;
}
section.medium-image-story.mis-thumb .mis-container.right .mis-thumb-image {
right: 0;
left: -30px;
}
section.medium-image-story .mis-thumb-image a {
display: flex;
flex-direction: column;
background-color: var(--gray-light);
color: #000;
text-decoration: none;
font-weight: 500;
}
section.medium-image-story .mis-thumb-image a img {
width: 100%;
}
section.medium-image-story .mis-thumb-image a:hover, section.medium-image-story .mis-thumb-image a:focus {
text-decoration: underline;
}
@media (max-width: 1023px) {
section.medium-image-story .mis-text {
padding-top: 0;
}
section.medium-image-story.mis-thumb {
margin-bottom: 60px !important;
}
section.medium-image-story .mis-container, section.medium-image-story.mis-thumb .mis-container {
display: flex;
height: 100%;
}
section.medium-image-story .mis-text .mis-text-container {
height: 100%;
}
section.medium-image-story .mis-image, section.medium-image-story.mis-thumb .mis-image {
position: relative;
width: 50%;
}
section.medium-image-story .mis-image img, section.medium-image-story.mis-thumb .mis-image img {
width: 100%;
object-fit: cover;
height: 100%;
}
section.medium-image-story .mis-text, section.medium-image-story.mis-thumb .mis-text {
position: relative;
padding-left: 0;
width: 50%;
top: 0
}
section.medium-image-story.mis-thumb .mis-container.right .mis-text {
position: relative;
padding-right: 0;
width: 50%;
top: 0
}
}
@media (max-width: 767px) {
section.medium-image-story .mis-container, section.medium-image-story.mis-thumb .mis-container, section.medium-image-story.mis-thumb .mis-container.right {
flex-direction: column !important;
}
section.medium-image-story .mis-image, section.medium-image-story.mis-thumb .mis-image, section.medium-image-story.mis-thumb .mis-container.right .mis-image {
width: 100%;
order: 1;
}
section.medium-image-story .mis-text, section.medium-image-story.mis-thumb .mis-text, section.medium-image-story.mis-thumb .mis-container.right .mis-text {
width: 100%;
order: 2;
}
section.medium-image-story .mis-thumb-image {
width: 120px;
bottom: -20px;
right: 0;
}
section.medium-image-story.mis-thumb .mis-container.right .mis-thumb-image {
left: 0;
}
}
section.photo-carousel .pc-container {
display: flex;
}
section.photo-carousel .pc-container .splide {
width: 70%;
}
section.photo-carousel .pc-container .splide img {
width: 100%;
max-height: 70vh;
object-fit: cover;
}
section.photo-carousel .pc-container .pc-text {
width: 30%;
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
section.photo-carousel .pc-container .pc-text hr {
width: 100%;
margin: 30px 0;
}
section.photo-carousel button.splide__arrow {
width: 30px;
height: 30px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: auto;
bottom: 2%;
padding:2%;
}
section.photo-carousel button.splide__arrow svg {
display: none !important;
}
section.photo-carousel button.splide__arrow--prev {
left: 2em;
background-image: url('data:image/svg+xml,');
}
section.photo-carousel button.splide__arrow--next {
right: 2em;
background-image: url('data:image/svg+xml,');
}
section.photo-carousel button.splide__arrow--prev:not([disabled]):hover, section.photo-carousel button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.photo-carousel button.splide__arrow--next:not([disabled]):hover, section.photo-carousel button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
@media (max-width: 1023px) {
section.photo-carousel .pc-container {
display: flex;
align-items: center;
justify-items: center;
}
section.photo-carousel .pc-container .splide {
width: 50%;
}
section.photo-carousel .pc-container .splide img {
width: 100%;
height: 100%;
max-height: 100%;
}
section.photo-carousel .pc-container .pc-text {
width: 50%;
padding: 0 30px;
}
}
@media (max-width: 767px) {
section.photo-carousel .pc-container {
flex-direction: column;
}
section.photo-carousel .pc-container .splide {
width: 100%;
}
section.photo-carousel button.splide__arrow {
display: none;
}
section.photo-carousel button.splide__arrow--prev {
left: 1em;
}
section.photo-carousel button.splide__arrow--next {
right: 1em;
}
section.photo-carousel .pc-container .pc-text {
width: 100%;
padding: 30px;
}
}
.program-finder .search-box {
width: 560px;
margin: 0 auto;
border: solid 1px #707070;
border-radius: 0;
}
.program-finder .search-box form {
display: flex;
align-items: center;
}
.program-finder .search-box form .search-input {
width: 100%;
padding: 5px 15px;
display: flex;
flex-direction: column;
justify-content: center;
}
.program-finder .search-box form .search-input .form-control {
border: none;
color: #333;
font-weight: 600;
padding: 7px;
line-height: 1;
}
.program-finder .search-box form button {
width: auto;
}
.program-finder .search-box form .search-submit {
display: flex;
flex-direction: column;
justify-content: center;
}
.program-finder .search-box form .search-submit button {
background-color: transparent;
font-size: 0.9rem;
font-weight: 600;
height: 100%;
display: flex;
align-items: center;
justify-content: space-around;
border: none;
padding: 10px;
}
.program-finder .search-box form .search-submit button span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: inline-block;
margin-left: 5px;
;
}
.program-finder .search-box form .search-submit button:hover span, .program-finder .search-box form .search-submit button:focus span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23522D72' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}
.program-finder hr {
margin: 60px 0;
height: 3px !important;
}
.program-finder .column hr {
margin: 30px 0;
height: 1px !important;
}
.program-finder .pf-legend p {
margin-bottom: 0.5rem;
}
.program-finder span.dc {
width: 12px;
height: 12px;
}
.pf-ba {
background-color: var(--purple);
}
.pf-bfa {
background-color: var(--gold);
}
.pf-bm {
background-color: var(--navy);
}
.pf-bs {
background-color: var(--aqua);
}
.pf-bsn {
background-color: var(--teal);
}
.pf-ma {
background-color: var(--coral);
}
.pf-ms {
background-color: var(--purple-light);
}
.pf-d {
background-color: var(--iron);
}
.pf-m {
background-color: #008BA3;
}
.pf-c {
background-color: #7C1F13;
}
.pf-l {
background-color: #4B4D58;
}
.program-finder .pf-filters p {
padding: 1rem;
margin: 0;
}
.program-finder .pf-filters .accordion-button {
font-weight: bold;
}
.program-finder .pf-filters .accordion-button:hover, .program-finder .pf-filters .accordion-button:focus {
background-color: var(--gray-light);
}
.program-finder .pf-filters .accordion-button::after, .program-finder .pf-filters .accordion-button:not(.collapsed)::after {
background-color: transparent;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
width: 15px;
height: 15px;
display: inline-block;
margin-right: 15px
}
.program-finder .pf-filters .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: transparent;
color: #000
}
.program-finder .pf-filters .accordion-item {
border: none !important;
border-top: 1px solid var(--gold) !important;
border-bottom: 1px solid var(--gold) !important
}
.program-finder .pf-filters .accordion-item+.accordion-item {
border-top: none !important
}
.program-finder .pf-filters .accordion-body {
padding-top: 0;
}
.program-finder .pf-filters .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
transform: none
}
.program-finder .pf-filters .accordion-button::after {
flex-shrink: 0;
content: "";
background-image: url('data:image/svg+xml,');
}
.program-finder .pf-filters .side-filter .form-check {
padding-left: 0;
}
.program-finder .pf-filters .side-filter .form-check-input:hover, .program-finder .pf-filters .side-filter .form-check-label:hover {
cursor: pointer;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox {
position: absolute;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox+label {
display: block;
position: relative;
padding: 0;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox+label span {
padding-left: 1.5rem;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox+label::before {
content: "";
border: solid 1px #ccc;
background-color: var(--gray-light);
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
margin-top: 4px;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox:checked+label::after {
content: "";
border: solid 1px #ccc;
background-color: var(--purple);
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
margin-top: 4px;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox:focus+label::before, .program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox:hover+label::before {
outline: none;
box-shadow: none;
border: solid 1px #ccc;
background-color: var(--gray-light);
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox:focus+label, .program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox:hover+label {
text-decoration: underline;
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
}
.program-finder .pf-filters .side-filter input[type="checkbox"].filter-checkbox+label {
display: flex;
position: relative;
padding: 0;
}
.program-finder .clear {
padding: 1rem;
border: none;
background-color: transparent;
width: 100%;
display: flex;
justify-content: flex-end;
}
.program-finder .clear .svgbg {
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
margin-left: 15px;
opacity: .7;
}
.program-finder .clear:hover .text {
text-decoration: underline;
}
.program-finder .pf-department {
margin-bottom: 2rem;
padding-bottom: 3rem;
border-bottom: solid 1px var(--gold)
}
.program-finder .pf-department .pf-programs {
display: flex;
flex-wrap: wrap;
margin-top: -1rem;
margin-left: -1rem;
}
.program-finder .pf-department a.pf-program.show {
padding: 1rem;
width: 31%;
border: solid 1px #707070;
margin-left: 1rem;
margin-top: 1rem;
text-decoration: none;
color: #000;
background-color: #fff;
display:flex;
flex-direction:column;
}
.program-finder .pf-department a.pf-program:hover, .program-finder .pf-department a.pf-program:focus {
background-color: var(--gray-light);
}
.program-finder .pf-department a.pf-program p {
margin-bottom: 1rem;
}
.program-finder .pf-department a.pf-program .title {
font-weight: bold;
color: var(--purple);
}
.program-finder .pf-department a.pf-program div {
margin-top: auto;
display: flex;
}
.program-finder .pf-department a.pf-program div span.dc {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.program-finder .no-results {
display: none;
}
@media (max-width: 1023px) {
.program-finder .search-box {
width: 100%;
}
.program-finder .pf-department a.pf-program.show {
width: 46%;
}
}
@media (max-width: 767px) {
.program-finder .pf-department .pf-programs {
margin-left: 0;
}
.program-finder .pf-department a.pf-program.show {
width: 100%;
margin-left: 0 !important;
}
}
section.quoteCTA {
font-size: 1.7rem;
color: #fff;
font-weight: 300;
}
section.quoteCTA .quoteCTA-quote {
display: flex;
justify-content: center;
align-items: center;
}
section.quoteCTA .quoteCTA-quote span {
width: 70%;
}
@media (max-width: 1280px) {
section.quoteCTA .quoteCTA-quote span {
width: 90%;
}
}
section.quoteCTA .quoteCTA-CTA ul li {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
section.quoteCTA .quoteCTA-CTA ul li a {
display: inline-block;
color: #fff;
text-decoration: none;
line-height: 1;
}
section.quoteCTA .quoteCTA-CTA ul li a:after {
display: inline-block;
width: 100%;
height: 15px;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
}
section.quoteCTA .quoteCTA-CTA ul li a:hover:after, section.quoteCTA .quoteCTA-CTA ul li a:focus:after {
display: inline-block;
width: 100%;
height: 15px;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
}
@media (max-width: 1023px) {
section.quoteCTA .quoteCTA-quote span {
width: 100%;
}
}
@media (max-width: 767px) {
section.quoteCTA .container {
padding: 0 3rem;
}
section.quoteCTA .quoteCTA-quote {
text-align: center;
}
section.quoteCTA .quoteCTA-CTA {
margin-top: 30px;
text-align: center;
}
}
@media (max-width: 2000px) {
.tab-section .container {
padding: 0 12%;
}
}
section.featured-tabs .container .text-center {
width: 80%;
margin: 0 auto;
}
section.featured-tabs .container .text-center p {
font-size: 1.1rem;
}
section.featured-tabs .container .nav-tabs {
margin-top: 3rem;
}
section.featured-tabs ul.nav-tabs {
justify-content: space-between;
}
section.featured-tabs ul.nav-tabs .nav-item {
flex: 1;
align-self: flex-end;
}
section.featured-tabs ul.nav-tabs .nav-link {
color: var(--purple);
position: relative;
width: 100%;
transition: none !important;
padding: 0;
font-weight: 600;
font-size: 1.5rem;
border: none;
min-height: 90px;
}
section.featured-tabs ul.nav-tabs .nav-link span {
position: absolute;
width: 100%;
left: 0;
bottom: 30px;
}
section.featured-tabs ul.nav-tabs .nav-link.active {
color: var(--purple);
background-color: transparent;
border: none;
font-weight: bold;
}
section.featured-tabs ul.nav-tabs .nav-link.active:after, section.featured-tabs ul.nav-tabs.nav-link:focus:after, section.featured-tabs ul.nav-tabs .nav-link:hover:after {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
min-width: 200px;
position: absolute;
bottom: -8px;
height: 13px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
section.featured-tabs ul.nav-tabs .nav-link:not(.active):focus, section.featured-tabs ul.nav-tabs .nav-link:not(.active):hover {
border: none;
padding: 0;
}
section.featured-tabs .tab-content .tab-pane .wysiwyg {
padding: 2rem 0;
font-size: 1.2rem;
}
section.featured-tabs.purple-bg .container .text-center p {
font-family: var(--font-ss4);
}
section.featured-tabs.gray-light-bg .container .text-center h2 {
color: var(--purple);
}
section.featured-tabs.purple-bg ul.nav-tabs .nav-link {
color: var(--gold);
}
section.featured-tabs.purple-bg ul.nav-tabs .nav-link.active {
color: var(--gold);
}
@media (max-width: 1279px) {
section.featured-tabs .container .text-center {
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.tab-section .container {
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
}
}
section.tabs .container h2 {
color: var(--purple);
position: relative;
margin-bottom: 30px;
}
section.tabs ul.nav-tabs {
justify-content: space-between;
}
section.tabs ul.nav-tabs .nav-item {
flex: 1;
align-self: flex-end;
}
section.tabs .nav-tabs {
border: none !important;
}
section.tabs ul.nav-tabs .nav-link {
color: var(--purple);
position: relative;
width: 100%;
transition: none !important;
padding-bottom: 0.5rem;
font-size: 1.2rem;
font-weight: bold;
border: none !important;
border-bottom: solid 3px transparent !important;
}
section.tabs .nav-tabs .nav-item.show .nav-link, section.tabs .nav-tabs .nav-link.active, section.tabs .nav-tabs .nav-link:hover, section.tabs .nav-tabs .nav-link:focus {
color: var(--purple);
background-color: transparent !important;
border: none !important;
border-bottom: solid 3px var(--gold) !important;
}
section.tabs .tab-content .tab-pane .wysiwyg {
margin-top: 10px;
padding: 3rem;
font-size: 1rem;
background-color: #fff;
}
section.has-bg+section.social-tabs {
margin-top: -60px !important;
}
section.social-tabs .social-tabs-ul {
width: 100%;
background-color: var(--purple);
}
.social-tabs .container-fluid {
padding: 0;
}
section.social-tabs ul.nav-tabs {
justify-content: center;
border: none !important;
background-color: var(--purple);
padding: 1.5rem 0;
}
section.social-tabs ul.nav-tabs li {
display: flex;
}
section.social-tabs ul.nav-tabs li:after {
content: "|";
padding: 0 0.5em;
font-size: 3rem;
color: #fff;
font-weight: 100;
}
section.social-tabs ul.nav-tabs li:last-child:after {
display: none;
}
section.social-tabs ul.nav-tabs .nav-link {
color: #fff;
position: relative;
width: 100%;
transition: none !important;
padding-bottom: 0.5rem;
font-size: 1.7rem;
font-weight: 300;
border: none !important;
}
section.social-tabs ul.nav-tabs .nav-link.single {
padding-bottom: 1.3rem;
}
@media (max-width: 1023px) {
section.social-tabs ul.nav-tabs .nav-link {
font-size: 1.1rem;
}
}
section.social-tabs .nav-tabs .nav-item.show .nav-link, section.social-tabs .nav-tabs .nav-link.active, section.social-tabs .nav-tabs .nav-link:hover, section.social-tabs .nav-tabs .nav-link:focus {
color: #fff;
background-color: transparent !important;
border: none !important;
}
section.social-tabs .nav-tabs .nav-item.show .nav-link:after, section.social-tabs .nav-tabs .nav-link.active:after, section.social-tabs .nav-tabs .nav-link:hover:after, section.social-tabs .nav-tabs .nav-link:focus:after {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
width: 110px;
position: absolute;
bottom: 0;
height: 13px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1023px) {
section.social-tabs .nav-tabs .nav-item.show .nav-link:after, section.social-tabs .nav-tabs .nav-link.active:after, section.social-tabs .nav-tabs .nav-link:hover:after, section.social-tabs .nav-tabs .nav-link:focus:after {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
width: 90px;
position: absolute;
bottom: 0;
height: 13px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
}
section.social-tabs .tab-content .tab-pane>.wysiwyg {
margin-top: 0;
padding: 0;
font-size: 1rem;
background-color: #fff;
}
.social-tabs-news {
color: #000;
}
.social-tabs-news .splide:not(.is-overflow) .splide__list {
justify-content: center;
}
.social-tabs-news .splide__slide {
height: 400px;
color: #fff;
font-size: 0.9rem;
overflow: hidden;
background-color: #343434;
}
.tab-pane .content.social-tabs-news-text {
padding-top: 2rem;
}
.social-tabs-news-text .splide__slide {
height: auto;
min-height: 60px;
color: #000;
font-size: 0.9rem;
overflow: hidden;
background-color: #fff;
}
.social-tabs-news .splide__slide a {
color: #fff;
text-decoration: none;
}
.social-tabs-news-text .splide__slide a {
color: #000;
}
.social-tabs-news-text .splide__slide a:hover, .social-tabs-news-text .splide__slide a:focus {
color: #000;
text-decoration: underline;
}
.social-tabs-news .splide__slide .overlay-black-transparent {
height: 150%;
}
.social-tabs-news .splide__slide a:hover .overlay-black-transparent, .social-tabs-news .splide__slide a:focus .overlay-black-transparent {
height: 400px !important;
background: #000000 !important;
opacity: .7 !important;
}
.social-tabs-news .splide__slide img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: top center;
}
.social-tabs-news .splide__slide .overlay {
position: absolute;
width: 100%;
bottom: 0;
}
.social-tabs-news-text .splide__slide .overlay {
position: relative
}
.social-tabs-news .splide__slide .overlay-text {
padding: 1rem;
position: relative;
z-index: 6;
display: flex;
flex-direction: column;
}
.social-tabs-news .splide__slide .overlay-text-inner {
border-left: solid 1px #fff;
margin-left: 7px;
padding-left: 15px;
margin-bottom: 35px;
}
.social-tabs-news-text .splide__slide .overlay-text-inner {
border-left: solid 1px var(--gold);
margin-bottom: 0;
}
.social-tabs-news .splide__slide .heading {
font-size: 1.1rem;
font-weight: bold;
margin-bottom: 0;
}
.social-tabs-news .splide__slide .description {
display: none;
}
.social-tabs-news .splide__slide a:hover .description, .social-tabs-news .splide__slide a:focus .description {
display: block;
}
.social-tabs-news .splide__slide .overlay-text-inner-bottom span {
display: none;
}
.social-tabs-news .splide__slide a:hover .overlay-text-inner-bottom span, .social-tabs-news .splide__slide a:focus .overlay-text-inner-bottom span {
display: inline-block;
}
.social-tabs-news .splide__slide .overlay-text-inner-bottom span.svgbg {
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
height: 17px;
width: 17px;
transform: rotate(40deg);
}
.social-tabs-news .splide__slide a:hover .overlay-text-inner-bottom span.svgbg, .social-tabs-news .splide__slide a:focus .overlay-text-inner-bottom span.svgbg {
display: inline-block;
background-image: url('data:image/svg+xml,');
height: 17px;
width: 17px;
transform: none;
margin-bottom: -4px;
}
.social-tabs-news p.all-news {
margin: 1rem 0 1.5rem;
}
.social-tabs-news .splide__slide .overlay-text p:last-of-type {
margin-top: auto;
}
.social-tabs-news button.splide__arrow {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: -4em;
}
.social-tabs-news-text button.splide__arrow {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: -6em;
}
@media (max-width: 767px) {
.social-tabs-news button.splide__arrow {
top: -1.2em;
}
}
.social-tabs-news button.splide__arrow svg {
display: none !important;
}
.social-tabs-news button.splide__arrow--prev {
background-image: url('data:image/svg+xml,');
}
.social-tabs-news button.splide__arrow--next {
background-image: url('data:image/svg+xml,');
}
.social-tabs-news button.splide__arrow--prev:not([disabled]):hover, .social-tabs-news button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
.social-tabs-news button.splide__arrow--next:not([disabled]):hover, .social-tabs-news button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
/*Social Tabs Events*/
section.accordions .accordion-body.social-tabs-events {
padding: 0
}
section.accordions .accordion-body.social-tabs-events .splide__arrows, section.accordions .accordion-body.social-tabs-events .splide__slide .description, section.accordions .accordion-body.social-tabs-events .splide__slide .overlay-text-inner-bottom {
display: none !important
}
section.accordions .accordion-body.social-tabs-events .splide__slide {
background-color: var(--purple);
}
section.accordions .accordion-body.social-tabs-events-text .splide__slide a {
color: #fff !important;
}
section.accordions .accordion-body.social-tabs-events-text .splide__pagination {
bottom: -.5rem
}
.social-tabs-events {
color: #000;
}
.social-tabs-events .splide:not(.is-overflow) .splide__list {
justify-content: center;
}
.social-tabs-events .splide__slide {
height: 400px;
color: #fff;
font-size: 0.9rem;
overflow: hidden;
background-color: #343434;
}
.tab-pane .content.social-tabs-events-text {
padding-top: 2rem;
}
.social-tabs-events-text .splide__slide {
height: auto;
min-height: 60px;
color: #000;
font-size: 0.9rem;
overflow: hidden;
background-color: #fff;
}
.social-tabs-events .splide__slide a {
color: #fff;
text-decoration: none;
}
.social-tabs-events-text .splide__slide a {
color: #000;
}
.social-tabs-events-text .splide__slide a:hover, .social-tabs-events-text .splide__slide a:focus {
color: #000;
text-decoration: underline;
}
.social-tabs-events .splide__slide .overlay-black-transparent {
height: 150%;
}
.social-tabs-events .splide__slide a:hover .overlay-black-transparent, .social-tabs-events .splide__slide a:focus .overlay-black-transparent {
height: 400px !important;
background: #000000 !important;
opacity: .7 !important;
}
.social-tabs-events .splide__slide img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: top center;
}
.social-tabs-events .splide__slide .overlay {
position: absolute;
width: 100%;
bottom: 0;
}
.social-tabs-events-text .splide__slide .overlay {
position: relative
}
.social-tabs-events .splide__slide .overlay-text {
padding: 1rem;
position: relative;
z-index: 6;
display: flex;
flex-direction: column;
}
.social-tabs-events .splide__slide .overlay-text-inner {
border-left: solid 1px #fff;
margin-left: 7px;
padding-left: 15px;
margin-bottom: 35px;
}
.social-tabs-events-text .splide__slide .overlay-text-inner {
border-left: solid 1px var(--gold);
margin-bottom: 0;
}
.social-tabs-events .splide__slide .heading {
font-size: 1.1rem;
font-weight: bold;
margin-bottom: 0;
}
.social-tabs-events .splide__slide .description {
display: none;
}
.social-tabs-events .splide__slide a:hover .description, .social-tabs-events .splide__slide a:focus .description {
display: block;
}
.social-tabs-events .splide__slide .overlay-text-inner-bottom span {
display: none;
}
.social-tabs-events .splide__slide a:hover .overlay-text-inner-bottom span, .social-tabs-events .splide__slide a:focus .overlay-text-inner-bottom span {
display: inline-block;
}
.social-tabs-events .splide__slide .overlay-text-inner-bottom span.svgbg {
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.544' height='24.477' viewBox='0 0 21.544 24.477'%3E%3Cg id='Group_12582' transform='translate(-226.199 -963.008) rotate(45)'%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M.013,0,0,23.582' transform='matrix(0.999, 0.035, -0.035, 0.999, 857.229, 509.879)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3Cpath d='M2.729,22.979S-1.1,6.788.314,0' transform='matrix(-0.105, 0.995, -0.995, -0.105, 868.732, 521.798)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
height: 17px;
width: 17px;
transform: rotate(40deg);
}
.social-tabs-events .splide__slide a:hover .overlay-text-inner-bottom span.svgbg, .social-tabs-events .splide__slide a:focus .overlay-text-inner-bottom span.svgbg {
display: inline-block;
background-image: url('data:image/svg+xml,');
height: 17px;
width: 17px;
transform: none;
margin-bottom: -4px;
}
.social-tabs-events p.all-events {
margin: 1rem 0 1.5rem;
}
.social-tabs-events .splide__slide .overlay-text p:last-of-type {
margin-top: auto;
}
.social-tabs-events button.splide__arrow {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: -4em;
}
.social-tabs-events-text button.splide__arrow {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
top: -6em;
}
@media (max-width: 767px) {
.social-tabs-events button.splide__arrow {
top: -1.2em;
}
}
.social-tabs-events button.splide__arrow svg {
display: none !important;
}
.social-tabs-events button.splide__arrow--prev {
background-image: url('data:image/svg+xml,');
}
.social-tabs-events button.splide__arrow--next {
background-image: url('data:image/svg+xml,');
}
.social-tabs-events button.splide__arrow--prev:not([disabled]):hover, .social-tabs-events button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
.social-tabs-events button.splide__arrow--next:not([disabled]):hover, .social-tabs-events button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.tabs-text-cards ul.nav-tabs {
gap: 0 2rem;
border: none !important;
padding-bottom: 1rem;
}
section.tabs-text-cards .tabs-text-cards-bg {
background-image: url("../../_files/images/bg-g-pb.webp");
background-position: top;
background-size: initial;
background-repeat: repeat-x;
}
section.tabs-text-cards ul.nav-tabs .nav-link {
color: #000;
position: relative;
transition: none !important;
font-size: 1rem;
font-weight: bold;
border: none !important;
min-width: 168px;
min-height: 76px;
}
section.tabs-text-cards .nav-tabs .nav-item.show .nav-link, section.tabs-text-cards .nav-tabs .nav-link.active, section.tabs-text-cards .nav-link:hover, section.tabs-text-cards .nav-link:focus {
color: #000;
background-color: transparent !important;
border: none !important;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
width: 100%;
height: 100%;
top: 0;
background-size: cover;
background-position: center top;
}
section.tabs-text-cards .tab-content .tab-pane .wysiwyg {
margin-top: 10px;
padding: 3rem 10rem 3rem 3rem;
font-size: 1rem;
background-color: #fff;
}
section.tabs-text-cards .tab-links {
flex-wrap: wrap;
justify-content: flex-start;
margin-top: -1rem;
}
section.tabs-text-cards .tab-links li {
width: 23%;
margin-right: 1rem;
}
section.tabs-text-cards .tab-links li:nth-child(4n) {
margin-right: 0;
}
section.tabs-text-cards .tab-links li:has(a),section.tabs-text-cards .tab-links li:has(div) {
margin-top: 1rem;
}
@media (max-width: 1023px) {
section.tabs-text-cards .tab-links li {
width: 31%;
}
section.tabs-text-cards .tab-links li:nth-child(4n) {
margin-right: 1rem;
}
section.tabs-text-cards .tab-links li:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 767px) {
section.tabs-text-cards .tab-links li {
width: 100%;
}
section.tabs-text-cards .tab-links li {
margin-right: 0 !important;
}
}
section.tabs-text-cards .tab-links li a, section.tabs-text-cards .tab-links li div{
background-color: #fff;
border: solid 1px #fff;
text-align: center;
padding: 1.3rem;
color: #000;
font-family: font-ss4;
text-decoration: none;
font-size: 1.1rem;
display: flex;
justify-content: center;
align-items: center;
}
section.tabs-text-cards .tab-links li a:hover, section.tabs-text-cards .tab-links li a:focus {
border: solid 1px var(--purple);
}
@media (max-width: 767px) {
section.tabs-text-cards .tab-links li a {
padding: .5rem 1rem;
}
}
section.text-image-card-carousel h2 {
color: var(--purple);
}
section.text-image-card-carousel .splide:not(.is-overflow) .splide__list {
justify-content: center;
}
section.text-image-card-carousel .splide:not(.is-overflow) .splide__slide:last-child {
margin: 0 !important;
}
section.text-image-card-carousel .splide__slide {
height: 450px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
text-align: center;
}
section.text-image-card-carousel .splide__slide a, section.text-image-card-carousel .splide__slide div{
padding: 3rem;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
}
section.text-image-card-carousel .splide__slide a p:not(.link) {
margin-top: auto;
margin-bottom: auto;
}
section.text-image-card-carousel .splide__slide.purple-bg span, section.text-image-card-carousel .splide__slide.navy-bg span {
color: var(--gold);
}
section.text-image-card-carousel .splide__slide.coral-bg span, section.text-image-card-carousel .splide__slide.aqua-bg span {
color: #000;
}
section.text-image-card-carousel .splide__slide .link {
font-size: 1.3rem;
padding: 0 2rem 0 0;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 18px;
background-position: 90%;
position: relative;
}
section.text-image-card-carousel .splide__slide.coral-bg .link, section.text-image-card-carousel .splide__slide.aqua-bg .link {
font-size: 1.3rem;
padding: 0 2rem 0 0;
background-image: url('data:image/svg+xml,');
background-color: transparent;
background-repeat: no-repeat;
background-size: 18px;
background-position: 90%;
position: relative;
}
section.text-image-card-carousel .splide__slide a:hover .link:after, section.text-image-card-carousel .splide__slide a:focus .link:after {
display: block;
width: 20px;
height: 5px;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute;
right: 6px;
}
section.text-image-card-carousel .splide__slide.aqua-bg a:hover .link:after, section.text-image-card-carousel .splide__slide.aqua-bg a:focus .link:after, section.text-image-card-carousel .splide__slide.coral-bg a:hover .link:after, section.text-image-card-carousel .splide__slide.coral-bg a:focus .link:after {
display: block;
width: 20px;
height: 5px;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute;
right: 6px;
}
section.text-image-card-carousel button.splide__arrow {
width: 50px;
height: 50px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
}
section.text-image-card-carousel button.splide__arrow svg {
display: none !important;
}
section.text-image-card-carousel button.splide__arrow--prev {
background-image: url('data:image/svg+xml,');
}
section.text-image-card-carousel button.splide__arrow--next {
background-image: url('data:image/svg+xml,');
}
section.text-image-card-carousel button.splide__arrow--prev:not([disabled]):hover, section.text-image-card-carousel button.splide__arrow--prev:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.text-image-card-carousel button.splide__arrow--next:not([disabled]):hover, section.text-image-card-carousel button.splide__arrow--next:not([disabled]):focus {
background-image: url('data:image/svg+xml,');
}
section.timeline hr {
width: 110%;
margin-left: -5%;
}
section.timeline .row.wysiwyg {
padding: 0 6%;
}
section.timeline .row.wysiwyg>* {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
section.timeline .row.wysiwyg {
padding: 0;
}
section.timeline .row.wysiwyg>* {
padding-left: 12px;
padding-right: 12px;
}
}
section.timeline .wysiwyg.row+.splide {
margin-top: 40px;
}
section.timeline .splide {
width: 86%;
margin: 0 auto;
}
section.timeline .splide .splide__track {
margin-top: -12px;
}
section.timeline .splide .splide__slide {
padding-right: 30px;
}
section.timeline .splide .splide__slide .timeline-line {
margin-bottom: 30px;
}
section.timeline .splide .splide__slide .timeline-line span.dc {
width: 11px;
height: 11px;
background-color: var(--gold-dark);
}
section.timeline .splide .intro {
color: var(--purple);
}
section.timeline .splide button.splide__arrow {
width: 40px;
height: 40px;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
opacity: 1;
top: 0;
}
section.timeline .splide button.splide__arrow:hover {
background-color: var(--iron-light);
}
section.timeline .splide .splide__arrow--prev {
left: -8%;
}
section.timeline .splide .splide__arrow--next {
right: -8%;
}
section.timeline .splide button.splide__arrow svg {
display: none !important;
}
section.timeline .splide button.splide__arrow--prev {
background-image: url('data:image/svg+xml,');
}
section.timeline .splide button.splide__arrow--next {
background-image: url('data:image/svg+xml,');
}
section.timeline .splide button.splide__arrow--prev:hover, section.timeline .splide button.splide__arrow--prev:focus {
background-image: url('data:image/svg+xml,');
}
section.timeline .splide button.splide__arrow--next:hover, section.timeline .splide button.splide__arrow--next:focus {
background-image: url('data:image/svg+xml,');
}
@media (max-width: 767px) {
section.timeline .splide .splide__slide {
padding-right: 0;
}
section.timeline .splide .splide__slide .timeline-line {
text-align: center;
}
}
.testimonial-rotator .tr-container {
display: block;
margin: 0 auto;
width: 80%;
max-width: 784px;
background-color: #fff;
-webkit-box-shadow: 0px 32px 26px -30px rgba(89, 89, 89, 1);
-moz-box-shadow: 0px 32px 26px -30px rgba(89, 89, 89, 1);
box-shadow: 0px 32px 26px -30px rgba(89, 89, 89, 1);
}
.testimonial-rotator .splide__slide {
display: flex
}
.testimonial-rotator .splide__slide .tr-image {
position: relative;
width: 50%;
}
.testimonial-rotator .splide__slide .tr-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.testimonial-rotator .splide__slide .tr-text {
position: relative;
width: 50%;
display: flex;
flex-direction: column;
padding: 2rem;
padding-block-start: 8rem;
justify-content: center;
align-items: center;
height: 90%;
text-align: center;
}
.testimonial-rotator .splide__slide .tr-text .name {
font-size: 1.8rem;
margin-bottom: 0;
}
.testimonial-rotator .splide__slide .tr-text .year {
font-size: .9rem;
}
.testimonial-rotator .splide__slide .tr-text .quote {
text-align: center;
font-weight: 400;
}
.testimonial-rotator .splide__slide .tr-text .svgbg {
position: absolute;
top: 1rem;
right: 2rem;
width: 80px;
height: 80px;
background-image: url('data:image/svg+xml,');
}
.testimonial-rotator .splide__arrow {
top: auto;
bottom: 5%;
width: 30px;
height: 30px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 0;
opacity: 1;
}
.testimonial-rotator button.splide__arrow svg {
display: none !important;
}
.testimonial-rotator button.splide__arrow--prev {
left: auto;
right: 26%;
background-image: url('data:image/svg+xml,');
}
.testimonial-rotator button.splide__arrow--next {
right: 19%;
background-image: url('data:image/svg+xml,');
}
.testimonial-rotator button.splide__arrow--prev:not([disabled]):hover, .testimonial-rotator button.splide__arrow--prev:not([disabled]):focus {
right: 26.5%;
background-image: url('data:image/svg+xml,');
}
.testimonial-rotator button.splide__arrow--next:not([disabled]):hover, .testimonial-rotator button.splide__arrow--next:not([disabled]):focus {
right: 18.5%;
background-image: url('data:image/svg+xml,');
}
@media (max-width: 1023px) {
.testimonial-rotator .tr-container {
width: 100%;
}
}
@media (max-width: 767px) {
.testimonial-rotator .splide__slide {
flex-direction: column;
}
.testimonial-rotator .splide__slide .tr-image, .testimonial-rotator .splide__slide .tr-text {
width: 100%;
}
.testimonial-rotator .splide__slide .tr-image img {
height: 500px;
}
.testimonial-rotator .splide__slide .tr-text {
height: auto;
}
.testimonial-rotator .splide__arrow {
display: none !important;
}
.testimonial-rotator .splide__pagination {
bottom: auto;
top: 460px;
}
}
@media (max-width: 424px) {
.testimonial-rotator .splide__slide .tr-image img {
height: 360px;
}
.testimonial-rotator .splide__pagination {
bottom: auto;
top: 320px;
}
}
/*Small Image Story*/
@media (min-width: 768px) {
section.small-image-story .sis-container {
display: flex;
align-items: center;
}
section.small-image-story .sis-container.right {
flex-direction: row-reverse;
}
section.small-image-story :where(.sis-image, .sis-text) {
width: 50%;
}
}
section.small-image-story .sis-text .sis-text-container {
padding: 40px;
}
/*Connect Feature*/
.connect-content {
max-width: 70ch;
margin-inline: auto;
}
.connect-links, .connect-social-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.connect-social-links .btn {
display: inline-grid;
align-items: center;
aspect-ratio: 1;
padding: 0.75rem;
}
.connect-subtext {
position: relative;
}
.connect-subtext::after {
content: url('data:image/svg+xml,');
position: absolute;
bottom: 0;
translate: -50% 0;
}
/*Contact Block*/
.contact-pre-header {
color: var(--bs-body-color);
font-weight: normal;
display: block;
}
.contact-block p {
text-wrap: balance;
}
/*Impact Text*/
.impact-text {
display: flex;
align-items: center;
justify-content: center;
gap: 3rem;
}
#main .impact-text {
margin-bottom: 0;
}
.impact-text .gold {
color: var(--gold-dark);
font-size: clamp(3rem, 5vw, 6rem);
width: min-content;
}
.impact-text-content {
font-family: var(--font-ss4);
max-width: 35ch;
}
@media (max-width: 767px) {
.impact-text {
flex-direction: column;
}
}
/*Icon/Factoid Story + Icon/Factoid Strip*/
.icon-factoid-story svg, .icon-factoid-strip svg {
width: 5rem;
height: 5rem;
}
.icon-factoid-story .factoid-card, .icon-factoid-strip .factoid-card {
text-decoration: none;
}
.icon-factoid-story .icon, .icon-factoid-strip .icon {
font-size: 5rem;
font-family: var(--font-sil);
}
.factoid-card .btn-arrow {
max-width: fit-content;
margin-inline: auto;
}
/*Employee Listing*/
.employee-listing .card {
text-decoration: none;
}
.employee-listing .card .svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23c1a027' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
display: inline-block;
width: 20px;
height: 20px;
margin-inline: auto;
}
.employee-listing .card:hover .svgbg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.775' height='16.047' viewBox='0 0 16.775 16.047'%3E%3Cpath d='M462.093,1818.171s13.036,4.578,10.557,5.951-11.813,5.317-12.807,6.08' transform='translate(-457.74 -1816.259)' fill='none' stroke='%23522D72' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E");
}
/*Image Card Columns*/
.image-card-columns .card {
text-decoration: none;
}
.image-card-columns .card .btn {
width: fit-content;
margin-inline: auto;
}
.image-card-columns .card :not(.h3) {
color: black;
}
.image-card-columns .card:hover .btn {
color: #000 !important;
background-color: var(--gray-light) !important;
border-color: transparent !important;
border-radius: 500px !important;
}
.image-card-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
@media(min-width: 48em) {
.image-card-grid .card {
flex-basis: calc(50% - 1rem);
}
}
@media(min-width: 64em) {
.image-card-grid .card {
flex-basis: calc(25% - 1rem);
}
}
.image-card-grid .card {
overflow: hidden;
width: 100%;
}
.image-card-grid .card-content {
background-color: white;
padding: 1rem;
display: grid;
align-content: space-between;
height: 100%;
}
/*Two Column*/
@media (min-width: 768px) {
/* .two-column {*/
/* padding-inline: 3rem;*/
/*}*/
.column-container {
display: flex;
gap: 10rem;
}
.column-container .wysiwyg {
max-width: 30ch;
}
.border-left {
position: relative;
}
.column-container .border-left::before {
left: -5rem;
}
.border-left::before {
content: "";
position: absolute;
left: 0;
width: 0.5rem;
height: 100%;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: cover;
border-radius: 100vw;
overflow: hidden;
}
}
/*Anchor Menu*/
.anchor-menu {
display: flex;
align-items: center;
gap: 2rem;
flex-wrap: wrap;
}
.anchor-menu h2 {
position: relative;
}
.anchor-menu h2::before {
content: url('data:image/svg+xml,');
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
}
/*@media (max-width: 1023px) {*/
/* .anchor-menu {*/
/* flex-wrap: wrap;*/
/* }*/
/*}*/
.anchor-menu .anchor {
position: relative;
font-weight: bold;
text-decoration: none;
color: #000;
}
.anchor-menu a.anchor:where(:hover, :focus)::after {
content: url('data:image/svg+xml,');
position: absolute;
display: grid;
place-content: center;
height: 0;
max-width: 100%;
padding-bottom: 6px;
border-radius: 100vw;
left: 50%;
bottom: 0;
translate: -50% 50%;
overflow: hidden;
}
.page-navigation + .anchor-menu, .afterBanner .anchor-menu:first-child {
margin-top: -60px !important;
}
/*Full Width Showcase*/
#main .full-width-showcase {
padding-block: 5rem;
margin-block: 10rem !important;
}
.full-width-showcase .wysiwyg {
max-width: 70ch;
margin-inline: auto;
}
@media (min-width: 992px) {
.full-width-showcase .img-fluid {
position: absolute;
translate: -50% -50%;
height: 125%;
}
}
/*Blockquote*/
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
margin-bottom: 0;
}
.wysiwyg blockquote{
padding: 30px;
margin: 0 0 20px;
border: 2px solid var(--gray-light);
clear: both;
}
blockquote:before {
content: "\201C";
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
color: var(--purple);
font-size: 5rem;
background: #fff;
border: none;
float: left;
margin-right: 10px;
font-weight: 900;
}
blockquote .blockquote-footer {
color: #57595b;
}
/*WYSIWYG Tables*/
@media (min-width: 992px) {
.table-responsive {
margin-inline: 3rem;
}
}
@media (min-width: 1024px) {
.table-responsive table {
table-layout: fixed;
}
}
.table-responsive table {
width: 100%;
font-size: 0.9rem;
display: table;
border-spacing: 0;
border-collapse: separate;
margin-block: 1rem;
}
.table-responsive table :is(td, th) {
padding: 1rem;
width: auto;
white-space: normal;
word-break: normal;
}
/*column headings*/
.table-responsive thead tr:last-child th {
border-bottom: solid 2px var(--gold);
}
/*row headings*/
.table-responsive :is(tbody, tfoot) th:first-child {
border-right: solid 2px var(--gold);
}
/*footer separator*/
.table-responsive tfoot :is(td, th) {
border-top: solid 2px var(--gold);
}
/*if there are row headings, make the first column heading a row heading too*/
.table-responsive thead:has(+ tbody th:first-child) tr:last-child th:first-child {
border-right: solid 2px var(--gold);
}
.table-responsive tr :is(td, th) {
background-color: #fff;
}
.table-responsive tr:nth-child(even) :is(td, th):nth-child(odd),
.table-responsive tr:nth-child(odd) :is(td, th):nth-child(even){
background-color: var(--gray-light);
}
.table-responsive tr:nth-child(even) :is(td, th):nth-child(even){
background-color: var(--iron-light);
}
/*Admissions Counselor Map*/
.image-map {
position: relative;
margin: 5rem 0;
}
.regions {
list-style-type: none !important;
}
.regions button {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
border-radius: 50%;
color: var(--purple);
background-color: white;
border: none;
height: 1.5rem;
width: 1.5rem;
font-size: 1.5rem;
font-weight: bold;
transition: transform 200ms ease-out;
}
.regions button:hover, .regions button:focus {
transform: scale(1.25);
}
.regions button::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
opacity: 0;
box-shadow: 0 0 .25rem .25rem var(--tu-gray-dark);
transition: opacity 200ms ease-out;
}
.regions button:hover::after, .regions button:focus::after {
opacity: 1;
}
#indiana-counties {
font-family: var(--font-ss4);
background-color: var(--tu-gray-light);
border: 0;
border-radius: 0.25rem;
padding-right: 0;
}
#west-counselor, #mid-west-counselor, #east-counselor, #in-north-counselor, #in-central-counselor, #in-south-counselor, #county-container {
display: none;
}
#county-container {
align-self: flex-start;
}
#west {
top: 33%;
left: 38%;
}
#mid-west {
top: 40%;
left: 57%;
}
#ky-tn {
top: 41%;
left: 68%;
}
#east {
top: 41%;
left: 80%;
}
#indiana {
top: 28%;
left: 67%;
}
@media (min-width: 768px) {
.regions button {
width: 2.5rem;
height: 2.5rem;
}
#west {
top: 35%;
}
#mid-west {
top: 42%;
}
#ky-tn {
top: 43%;
}
#east {
top: 43%;
}
#indiana {
top: 30%;
}
}
/*Advancement RDD Map*/
.regions a {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
border-radius: 50%;
color: var(--tu-white);
background-color: var(--tu-teal);
height: 3rem;
width: 3rem;
font-size: 1.5rem;
font-weight: bold;
transition: transform 200ms ease-out;
}
.regions a img {
border-radius: 50%;
}
.regions a:hover, .regions a:focus {
transform: scale(1.25);
}
.regions a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
opacity: 0;
box-shadow: 0 0 .25rem .25rem var(--tu-border-gray);
transition: opacity 200ms ease-out;
}
.regions a:hover::after, .regions a:focus::after {
opacity: 1;
}
#r1 {
top: 23%;
left: 33%;
}
#r2 {
top: 38%;
left: 66%;
}
#r3 {
top: 28%;
left: 84%;
}
#r4 {
top: 65%;
left: 39%;
}
#r5 {
top: 62%;
left: 73%;
}
/*Campagin Header*/
.campaign-header {
height: calc(75vh - 160px);
height: calc(75svh - 160px);
background-color: var(--purple);
border-bottom-left-radius: 50% 20%;
border-bottom-right-radius: 50% 20%;
position: relative;
overflow: hidden;
margin-block-start: -60px;
}
.campaign-header h1 {
width: fit-content;
margin-inline: auto;
color: #fff;
font-family: var(--font-ss4);
font-style: italic;
translate: 0 200%;
}
#heading-container {
position: relative;
margin-top: 2rem;
overflow: hidden;
}
#heading-container::after {
content: "";
position: absolute;
width: 90vw;
height: 5.25rem;
left: 50%;
bottom: -4.5rem;
translate: -50%;
transform: scaleX(0);
transform-origin: center;
background-color: #fff;
border-bottom: 5rem solid var(--purple);
}
#life {
width: 85%;
}
.campaign-header .student {
position: absolute;
height: 45vh;
height: 45svh;
bottom: -100%;
}
#student1 {
left: 0;
}
#student2 {
left: 45%;
}
#student4 {
left: 35%;
}
@media (min-width: 768px) {
#heading-container::after {
width: 50vw;
/*bottom: -4.5rem;*/
}
#student3 {
left: 54%;
}
}
@media (min-width: 1024px) {
.campaign-header {
height: calc(100vh - 160px);
height: calc(100svh - 160px);
}
.campaign-header .student {
height: 55vh;
height: 55svh;
}
#student3 {
left: 64%;
}
}
@media (max-width: 767px) {
#student3 {
display: none;
}
}
@media (max-width: 1023px) {
.campaign-header .student {
max-width: unset;
}
#student2 {
display: none;
}
}
@media (max-width: 1199px) {
#student4 {
display: none;
}
}
/*Campaign Tracker*/
#graphs .timer-container {
position: relative;
}
#graphs .timer-content {
position: absolute;
inset: 0;
display: grid;
place-content: center;
color: #fff;
text-align: center;
}
#graphs .timer-number {
position: relative;
font-size: clamp(2rem, 10vw, 6rem);
font-weight: bold;
font-family: var(--font-ss4);
}
#graphs .timer-number::after {
content: "";
position: absolute;
height: 0.25rem;
width: 6rem;
bottom: -0.5rem;
left: 50%;
translate: -50% 0;
background-color: var(--gold);
}
@media (min-width: 992px) {
#graphs .timer-number {
font-size: clamp(2rem, 5vw, 6rem);
}
}
#graphs .chart-val {
position: relative;
display: flex;
align-items: center;
border-left: 0.5rem solid var(--gold);
padding-block: 0.5rem;
}
#graphs .chart-val:last-child {
border-block-end: 0.5rem solid var(--gold);
}
#graphs .chart-val::before {
content: "";
display: block;
height: 5rem;
width: 0;
background-color: var(--purple);
}
#graphs .chart-val::after {
content: "";
position: absolute;
height: 5rem;
width: var(--total-percent, 100%);
border: 2px solid var(--purple);
}
#graphs .chart-head {
position: absolute;
color: #fff;
padding-inline: 0.25rem;
line-height: 1;
z-index: 1;
max-width: min-content;
}
#graphs .bar-raised {
z-index: 2;
background-color: #fff;
position: absolute;
padding-inline: 0.25rem;
border-radius: 0.5rem;
translate: calc(-100% - 0.25rem);
font-weight: bold;
}
@media (max-width: 767px) {
#graphs .bar-raised {
rotate: 90deg;
translate: calc(-100% + 1rem);
}
}
#graphs .bar-total {
position: absolute;
left: 100%;
font-weight: bold;
}
/*Campaign Council*/
.card.purple-backdrop {
position: relative;
isolation: isolate;
overflow: hidden;
}
.card.purple-backdrop::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 120px;
background-color: var(--purple);
z-index: -1;
}
/* banner update - FB HH */
@media (min-width: 1024px) {
.banner-home.scroll img {
min-height: 100vh;
}
.banner-home.scroll video {
min-height: 100vh;
}
}
.afterBanner {
background-color: white;
position: relative;
margin: 0;
z-index: 8;
}
section.banner.scroll {
margin-bottom: 0 !important;
}
section.banner.scroll .marquee {
height: auto !important;
margin-top: 0 !important
}
section.banner.scroll .marquee .container-xxl {
display: flex;
justify-content: center;
}
section.banner.scroll .marquee h2 {
white-space: normal;
font-size: 9rem;
animation: none;
width: 80%;
}
section.banner.scroll .marquee h2 span {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
background-position: 0 100%;
padding-bottom: 0;
text-decoration: none;
}
@media (max-width: 1279px) {
section.banner.scroll .marquee h2 {
font-size: 7rem;
}
}
@media (max-width: 1023px) {
section.banner.scroll .marquee h2 {
font-size: 4.5rem;
}
}
@media (max-width: 767px) {
section.banner.scroll .marquee h2 {
width: 100%;
font-size: 3rem;
white-space: normal;
}
}
/*Heritage Page Timeline*/
#timeline .timeline {
position: relative;
display: grid;
grid-template-columns: 1fr 1rem;
row-gap: 1rem;
}
#timeline .timeline::before {
content: "";
position: absolute;
width: 0.5rem;
inset: 0 0 0 auto;
background-color: var(--purple);
}
#timeline .card {
position: relative;
grid-column: 1;
align-self: start;
/* overflow: visible; */
}
#timeline .card img {
height: 7.5rem;
width: 100%;
object-fit: cover;
border-block-end: solid 0.5rem var(--purple);
border-radius: var(--bs-card-border-radius) var(--bs-card-border-radius) 0 0;
transition: filter 250ms ease-out;
}
#timeline .card-content::before {
content: "";
position: absolute;
width: 1px;
inset: 10% auto 10% -1rem;
background-color: #000;
}
#timeline .card-content p {
margin: 0;
}
#timeline .card::after {
content: "";
position: absolute;
height: 0.5rem;
inset: 50% -1rem auto 100%;
transform: translateY(-50%);
background-color: var(--purple);
}
#timeline .card[data-open]::before {
content: "";
position: absolute;
height: 2rem;
width: 2rem;
inset-block-start: 6.25rem;
inset-inline-end: 0.5rem;
transition: transform 250ms ease-out;
background-image: url("https://www.taylor.edu/img/icons/arrow.svg");
background-color: #fff;
background-size: cover;
border-radius: 50%;
z-index: 2;
}
#timeline .card[data-open]:hover::before,
#timeline .card[data-open]:focus::before {
transform: scale(1.5);
}
#timeline .card[data-open]:hover img,
#timeline .card[data-open]:focus img {
filter: brightness(75%);
}
#timeline .close-button {
position: absolute;
top: 1rem;
right: 1rem;
width: 2rem;
padding: 1rem;
border: none;
border-radius: 5px;
background-color: var(--gray-dark);
color: #fff;
font-weight: bold;
line-height: 0;
display: grid;
justify-content: center;
}
#timeline .close-button:hover,
#timeline .close-button:focus {
background-color: var(--gold);
}
#timeline .modal {
display: none;
position: fixed;
z-index: 100;
inset-inline-start: 0;
inset-block-start: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0 0 0 / 40%);
}
#timeline .modal-content {
background: #fff;
margin: 1rem auto;
padding: 20px;
border: 1px solid var(--gray-dark);
width: calc(100% - 2rem);
position: relative;
}
body.modal-open {
overflow: hidden;
}
@media (min-width: 1024px) {
#timeline .timeline {
grid-template-columns: 1fr 2rem 1fr;
}
#timeline .timeline::before {
inset-inline-end: 50%;
transform: translateX(50%);
}
#timeline .card:nth-of-type(even) {
grid-column: 3;
align-self: end;
margin-block-start: 2rem;
}
#timeline .card:nth-of-type(even)::after {
inset-inline-start: -1rem;
inset-inline-end: 100%;
}
#timeline .modal-content {
width: 50%;
}
}
#timeline .heritage-menu {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
background-color: var(--gray-light);
border-block-start: 5px solid var(--purple);
}
#timeline .heritage-menu::before {
content: "";
position: absolute;
top: 2.5rem;
bottom: 2.5rem;
left: 2rem;
width: 4px;
background-color: var(--gold);
}
#timeline .timeline-link {
display: block;
position: relative;
padding: 2rem 1rem;
padding-inline-start: 4rem;
}
#timeline .timeline-link::before {
content: "";
position: absolute;
height: 1rem;
width: 1rem;
left: 1.625rem;
top: 50%;
translate: 0 -50%;
border-radius: 50%;
color: var(--gold);
background-color: currentColor;
outline: 1px solid currentColor;
outline-offset: 4px;
z-index: 2;
}
#timeline .timeline-link:hover::before {
color: var(--purple);
}
@media (max-width: 1023px) {
#timeline .heritage-menu {
display: flex;
overflow-x: auto;
}
#timeline .heritage-menu::before {
display: none;
}
#timeline .sidebar-nav::before {
content: "";
position: absolute;
top: 2.325rem;
left: 1rem;
right: 1rem;
height: 4px;
background-color: var(--gold);
z-index: 1;
}
#timeline .timeline-link {
padding: 2rem;
padding-block-end: 1rem;
}
#timeline .timeline-link::before {
top: 0.625rem;
left: 50%;
translate: -50%;
}
}
/*Campaign Timeline*/
#campaign-timeline .event {
position: relative;
padding-block: 1rem;
padding-inline-start: 3rem;
}
#campaign-timeline .event::before {
content: "";
position: absolute;
width: 2px;
top: 0;
bottom: 0;
left: 1.5rem;
transform: translateX(-50%);
background-color: var(--gold);
}
#campaign-timeline .event::after {
content: "";
position: absolute;
width: 0.5rem;
height: 0.5rem;
top: 50%;
left: 1.5rem;
transform: translate(-50%, -50%);
background-color: var(--gold);
border-radius: 50%;
outline: 2px solid var(--gold);
outline-offset: 2px;
}
#campaign-timeline .event .h5 {
max-width: 30ch;
}
#campaign-timeline .gold-bar {
margin: 1rem 5rem;
padding-inline-start: 1rem;
border-inline-start: 0.5rem solid var(--gold);
}
@media (width >=40em) {
#campaign-timeline .event {
padding-inline-start: 0;
}
#campaign-timeline .event::before {
left: 50%;
}
#campaign-timeline .event::after {
left: 50%;
}
#campaign-timeline :nth-child(odd of .event) {
flex-direction: row-reverse;
text-align: right;
}
#campaign-timeline :nth-child(odd of .event) .h5 {
margin-inline-start: auto;
}
}