/* General styles */
html {
scroll-behavior: smooth;
}
footer {
background-color: #e5f5fb;
width: 100%;
max-width: unset !important;
margin: unset !important;
}
section {
margin-bottom: unset !important;
}
.optima-report-landing-page .custom-container, .optima-report-story-page .custom-container {
position: relative;
z-index: 2;
max-width: 1200px;
width: 100%;
overflow: hidden;
}
.optima-report-landing-page .custom-thin-container, .optima-report-story-page .custom-thin-container {
position: relative;
z-index: 2;
max-width: 866px;
width: 100%;
}
@media (max-width: 991.98px) {
.optima-report-landing-page .custom-container, .optima-report-story-page .custom-container {
width: unset;
padding: 0 20px;
}
.optima-report-landing-page .custom-thin-container, .optima-report-story-page .custom-thin-container {
width: unset;
padding: 0 20px;
}
}
.optima-report-landing-page button, .optima-report-story-page button {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.optima-report-landing-page a, .optima-report-story-page a {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* End of General styles */
/* Stories Modal styles */
body.story-modal--locked {
overflow: hidden;
}
.optima-report-landing-page #story-modal {
position: fixed;
inset: 0;
display: none;
height: 100vh;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.6);
z-index: 10001;
}
.optima-report-landing-page #story-modal.is-open {
display: flex;
}
.optima-report-landing-page #story-modal .story-modal__inner {
width: 100vw;
min-height: 100vh;
height: 100%;
overflow: auto;
position: relative;
background-color: #fff;
}
.optima-report-landing-page .story-modal__close {
position: relative;
margin: 30px 27px;
font-size: 18px;
border: 1px solid #0076A1;
border-radius: 3px;
padding: 16px 21px 17px 17px;
cursor: pointer;
background-color: #fff;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
color: #0076A1;
display: flex;
align-items: center;
gap: 6px;
}
.optima-report-landing-page .story-modal__loading {
padding: 40px;
text-align: center;
}
.optima-report-landing-page .story-modal__error {
padding: 24px;
color: #a00;
}
/* End of Stories Modal styles */
/* Hero styles */
.optima-report-landing-page .hero {
position: relative;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
}
.optima-report-landing-page .hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, #001F3E 0, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
.optima-report-landing-page .hero .custom-container {
margin: 86px 0 93px;
display: flex;
flex-direction: column;
}
.optima-report-landing-page .hero-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 48px;
line-height: 64px;
margin-top: 0;
margin-bottom: 20px;
max-width: 768px;
width: 100%;
}
.optima-report-landing-page .hero-subtitle {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 28px;
line-height: 36px;
margin-top: 0;
margin-bottom: 25px;
max-width: 568px;
width: 100%;
}
.optima-report-landing-page .hero-link {
font-family: "Gibson", canada-type-gibson, sans-serif;
display: inline-block;
background-color: #fff;
color: #0076A1;
padding: 20px;
border-radius: 3px;
text-decoration: none;
font-weight: 400;
font-size: 18px;
transition: all 0.2s ease;
max-width: 100%;
margin-bottom: 21px;
width: fit-content;
}
.optima-report-landing-page .hero-link:hover {
background-color: #e6e6e6;
}
.optima-report-landing-page .hero-link svg {
margin-left: 5px;
margin-bottom: -2px;
}
.optima-report-landing-page .hero-scroll-wrapper {
display: flex;
align-items: center;
font-size: 18px;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
width: fit-content;
color: #fff;
text-decoration: none;
}
.optima-report-landing-page .hero-scroll-wrapper:hover {
cursor: pointer;
text-decoration: underline;
}
.optima-report-landing-page .hero-scroll-wrapper:hover .hero-scroll-icon:before {
bottom: calc(50% - 3px);
}
.optima-report-landing-page .hero-scroll-icon {
margin-right: 10px;
width: 30px;
height: 53px;
border-radius: 19px;
border: 1px solid white;
position: relative;
}
.optima-report-landing-page .hero-scroll-icon:before {
content: '';
position: absolute;
bottom: 15%;
left: calc(50% - 3px);
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 100%;
transition: 300ms all ease;
}
.optima-report-landing-page .hero-mobile-image {
display: none;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .hero .hero-title, .optima-report-landing-page .hero .hero-subtitle, .optima-report-landing-page .hero .hero-link, .optima-report-landing-page .hero .hero-scroll-wrapper {
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .hero::before {
background: linear-gradient(to right, #001F3E 25%, #001F3E33 100%);
}
.optima-report-landing-page .hero .custom-container {
margin: 34px 0;
}
.optima-report-landing-page .hero-mobile-image-wrapper {
width: 100%;
height: auto;
overflow: hidden;
}
.optima-report-landing-page .hero-mobile-image {
display: flex;
width: 150%;
height: auto;
position: relative;
}
.optima-report-landing-page .hero-title {
font-size: 40px;
line-height: 50px;
margin-top: 0;
margin-bottom: 12px;
}
.optima-report-landing-page .hero-subtitle {
font-size: 32px;
line-height: 40px;
margin-top: 0;
margin-bottom: 23px;
}
.optima-report-landing-page .hero-scroll-wrapper {
display: none;
}
}
/* End of Hero styles */
/*!* Foreword styles *!*/
/*.optima-report-landing-page .foreword {*/
/* position: relative;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* width: 100%;*/
/* background-color: #003870;*/
/* background-image: url('../img/background-asset-foreward.png');*/
/* background-repeat: repeat;*/
/* background-size: cover;*/
/* text-align: left;*/
/* color: #fff;*/
/*}*/
/*.optima-report-landing-page .foreword-content {*/
/* padding: 61px 0 262px;*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: flex-start;*/
/* max-width: 866px;*/
/*}*/
/*.optima-report-landing-page .foreword-title {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-weight: 600;*/
/* font-size: 48px;*/
/* line-height: 64px;*/
/* margin-top: 0;*/
/* margin-bottom: 5px;*/
/* width: 100%;*/
/*}*/
/*.optima-report-landing-page .foreword-text {*/
/* display: flex;*/
/* flex-direction: column;*/
/* width: 100%;*/
/* overflow: hidden;*/
/* transition: all 0.6s ease;*/
/*}*/
/*.optima-report-landing-page .foreword-text.collapsed {*/
/* display: -webkit-box;*/
/* -webkit-line-clamp: 10;*/
/* -webkit-box-orient: vertical;*/
/* overflow: hidden;*/
/* text-overflow: ellipsis;*/
/*}*/
/*.optima-report-landing-page .foreword-text p {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-weight: 300;*/
/* font-size: 16px;*/
/* line-height: 24px;*/
/* width: 100%;*/
/* margin-top: 0;*/
/* margin-bottom: 18px;*/
/*}*/
/*.optima-report-landing-page .foreword-link {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* display: inline-flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* background-color: transparent;*/
/* color: #fff;*/
/* border: 1px white solid;*/
/* padding: 16px 30px;*/
/* border-radius: 3px;*/
/* text-decoration: none;*/
/* font-weight: 400;*/
/* font-size: 18px;*/
/* transition: all 0.2s ease;*/
/* max-width: 100%;*/
/* margin-top: 20px;*/
/*}*/
/*.optima-report-landing-page .foreword-link svg {*/
/* margin-top: 2px;*/
/* margin-left: 5px;*/
/* transition: transform 0.3s ease;*/
/*}*/
/*.optima-report-landing-page .foreword-link svg.rotated {*/
/* transform: rotate(180deg);*/
/*}*/
/*.optima-report-landing-page .foreword-link:hover {*/
/* background-color: #003870;*/
/*}*/
/*@media (max-width: 991.98px) {*/
/* .optima-report-landing-page .foreword-content {*/
/* padding: 41px 20px 168px;*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: flex-start;*/
/* }*/
/* .optima-report-landing-page .foreword-title {*/
/* font-size: 32px;*/
/* line-height: 40px;*/
/* margin-bottom: 20px;*/
/* text-align: left;*/
/* }*/
/* .optima-report-landing-page .foreword-text p {*/
/* text-align: left;*/
/* }*/
/*}*/
/*!* End of Foreword styles *!*/
/* Quote Block styles */
.optima-report-landing-page .quote-block {
display: flex;
justify-content: center;
padding: 50px 0;
background-color: #E5F5FB;
}
.optima-report-landing-page .quote-content {
background-color: #FFF;
border-radius: 3px;
margin-top: 80px;
}
.optima-report-landing-page .quote-inner {
display: flex;
justify-content: space-between;
align-items: stretch;
background-color: #FFF;
border-radius: 6px;
overflow: hidden;
text-align: left;
}
.optima-report-landing-page .quote-left {
background-color: #FFF;
padding: 61px 53px 60px 64px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.optima-report-landing-page .quote-text {
font-family: "bitter", serif;
font-style: italic;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #003870;
margin: 0 0 28px;
}
.optima-report-landing-page .quote-name {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 20px;
color: #003A63;
margin-top: 0;
margin-bottom: 0;
}
.optima-report-landing-page .quote-role {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 20px;
color: #003A63;
margin: 0;
}
.optima-report-landing-page .quote-image {
flex: 0 0 45%;
}
.optima-report-landing-page .quote-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 6px 6px 0;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .quote-content {
width: unset;
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .quote-block {
padding: 25px 0;
}
.optima-report-landing-page .quote-content {
width: unset !important;
background-color: unset;
margin-top: 30px;
}
.optima-report-landing-page .quote-inner {
flex-direction: column;
}
.optima-report-landing-page .quote-left {
padding: 35px 30px;
}
.optima-report-landing-page .quote-text {
font-size: 16px;
line-height: 22px;
margin: 0 0 28px;
}
.optima-report-landing-page .quote-name {
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.optima-report-landing-page .quote-role {
font-size: 16px;
line-height: 22px;
}
}
/* End of Quote Block styles */
/* Graphs Block styles */
.optima-report-landing-page .graphs {
background-color: #E5F5FB;
color: #2F2F2F;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.optima-report-landing-page .graphs-content {
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
.optima-report-landing-page .graphs-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 48px;
line-height: 64px;
margin-top: 0;
margin-bottom: 5px;
}
.optima-report-landing-page .graphs-subtitle {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
color: #0076A1;
font-size: 28px;
line-height: 36px;
margin-top: 0;
margin-bottom: 15px;
}
.optima-report-landing-page .graphs-description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 24px;
max-width: 955px;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
}
.optima-report-landing-page .graphs-layout {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.optima-report-landing-page .graph-display {
flex: 1 1 50%;
position: relative;
text-align: left;
background-color: #0076A1;
border-radius: 3px;
color: #fff;
}
.optima-report-landing-page .graph-panel {
display: block;
width: 0;
height: 0;
overflow: hidden;
opacity: 1;
transition: opacity 0.25s ease;
}
.optima-report-landing-page .graph-panel.active {
display: block;
opacity: 1;
width: unset;
height: unset;
overflow: unset;
padding: 36px 41px 57px;
}
.optima-report-landing-page .graph-panel-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 28px;
margin-top: 0;
margin-bottom: 23px;
}
.optima-report-landing-page .graph-lottie {
margin-top: -50px;
width: 100%;
aspect-ratio: 1/0.8;
background-color: #F5FAFC;
border-radius: 3px;
}
.optima-report-landing-page .graph-panel .graph-lottie {
aspect-ratio: 1/0.6;
}
.optima-report-landing-page .graph-panel .graph-lottie dotlottie-wc {
transform: scale(1.4);
}
.optima-report-landing-page .graph-lottie dotlottie-wc {
width: 100%;
height: 100%;
object-fit: contain;
aspect-ratio: auto;
max-width: 100%;
max-height: 100%;
}
.optima-report-landing-page .graph-image img {
width: 100%;
height: auto;
display: block;
}
.optima-report-landing-page .graph-panel-description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
position: relative;
}
.optima-report-landing-page .graph-panel-description p {
margin-bottom: 0;
}
.optima-report-landing-page .graph-list {
flex: 1 1 50%;
display: flex;
flex-direction: column;
gap: 20px;
}
.optima-report-landing-page .graph-card {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
border: none;
border-radius: 6px;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
padding: 17px 18px;
transition: all 0.2s ease;
text-align: left;
width: 100%;
}
.optima-report-landing-page .graph-card.active {
box-shadow: 0 4px 12px rgba(0, 118, 161, 0.25);
}
.optima-report-landing-page .graph-card-image {
flex: 0 0 132px;
height: 132px;
overflow: hidden;
border-radius: 4px;
margin-right: 21px;
background-color: #E5F5FB;
}
.optima-report-landing-page .graph-card-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.optima-report-landing-page .graph-card-title {
flex: 1;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 22px;
color: #0076A1;
margin: 0 12px 0 0;
}
.optima-report-landing-page .graph-card-icon {
flex: 0 0 46px;
width: 46px;
height: 46px;
border-radius: 50%;
border: 2px solid #0076A1;
color: #0076A1;
position: relative;
}
.optima-report-landing-page .graph-card-icon:before {
content: '';
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC43MjQiIGhlaWdodD0iMTQuMzE0IiB2aWV3Qm94PSIwIDAgMTguNzI0IDE0LjMxNCI+CiAgPHBhdGggaWQ9Im5vdW4tYXJyb3ctMTkyMDgwNl8wOC4yNy40MyIgZGF0YS1uYW1lPSJub3VuLWFycm93LTE5MjA4MDYgMDguMjcuNDMiIGQ9Ik00OC4zMTEsMTcwLjI3Niw0Mi41MzYsMTY0LjVhMS4zOCwxLjM4LDAsMCwwLTEuOTUxLDEuOTUxbDMuNDEsMy40MjlIMzEuMzhhMS4zOCwxLjM4LDAsMCwwLDAsMi43NTlINDMuOTk0bC0zLjQxLDMuNDFBMS4zODcsMS4zODcsMCwxLDAsNDIuNTU1LDE3OGw1Ljc1NS01Ljc1NWExLjQsMS40LDAsMCwwLC40MTQtLjk4NUExLjMyNSwxLjMyNSwwLDAsMCw0OC4zMTEsMTcwLjI3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMCAtMTY0LjEwMikiIGZpbGw9IiMwMDc2YTEiLz4KPC9zdmc+Cg==');
position: absolute;
width: 46px;
height: 46px;
background-size: 45%;
background-position: center;
background-repeat: no-repeat;
transition: all 0.2s ease;
}
.optima-report-landing-page .graph-card:hover {
background: #0076A1;
color: #fff;
}
.optima-report-landing-page .graph-card:hover .graph-card-title {
color: #fff;
}
.optima-report-landing-page .graph-card:hover .graph-card-icon {
background: #0076A1;
color: #fff;
border-color: #fff;
}
.optima-report-landing-page .graph-card:hover .graph-card-icon:before {
filter: invert(1) brightness(100);
}
@media (max-width: 991.98px) {
.optima-report-landing-page .graphs-content {
padding: 10px;
align-items: flex-start;
}
.optima-report-landing-page .graph-panel.active {
padding: 25px;
}
.optima-report-landing-page .graphs-title {
font-size: 32px;
line-height: 40px;
margin-bottom: 13px;
text-align: left;
}
.optima-report-landing-page .graphs-subtitle {
font-size: 20px;
line-height: 24px;
text-align: left;
}
.optima-report-landing-page .graphs-description {
font-size: 16px;
line-height: 24px;
text-align: left;
}
.optima-report-landing-page .graphs-layout {
flex-direction: column-reverse;
gap: 10px;
}
.optima-report-landing-page .graph-list {
gap: 10px;
}
.optima-report-landing-page .graph-lottie dotlottie-wc {
transform: scale(1.3);
}
.optima-report-landing-page .graph-panel-title {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px;
}
.optima-report-landing-page .graph-panel-description {
font-size: 16px;
line-height: 20px;
margin-top: 19px;
}
.optima-report-landing-page .graph-panel-description p {
margin-top: 0;
}
.optima-report-landing-page .graph-card-image {
flex: 0 0 67px;
height: 67px;
}
.optima-report-landing-page .graph-card-title {
font-size: 16px;
}
.optima-report-landing-page .graph-list {
width: 100%;
}
.optima-report-landing-page .graph-card {
border-radius: 3px;
}
.optima-report-landing-page .graph-card-icon {
flex: 0 0 36px;
width: 36px;
height: 36px;
}
.optima-report-landing-page .graph-card-icon:before {
width: 36px;
height: 36px;
}
}
/* End of Graphs Block styles */
/* Strategy Block styles */
.optima-report-landing-page .strategy {
background-color: #003870;
background-image: url('../img/background-asset-priorities.png');
background-repeat: repeat;
background-size: cover;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.optima-report-landing-page .strategy:before {
content: "";
position: absolute;
bottom: -28px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #003870;
border-radius: 3px;
}
.optima-report-landing-page .strategy-content {
padding: 92px 0 96px;
display: flex;
flex-direction: column;
align-items: center;
}
.optima-report-landing-page .strategy-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 48px;
line-height: 64px;
margin-top: 0;
margin-bottom: 5px;
}
.optima-report-landing-page .strategy-description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 26px;
max-width: 930px;
margin-top: 0;
margin-bottom: 0;
}
.optima-report-landing-page .priority-header {
width: 100%;
text-align: left;
background: #f3f3f3;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 30px;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 22px;
transition: 300ms all ease;
}
.optima-report-landing-page .priority-item:nth-child(1) .priority-header { background-color: #F5BB64 !important; color: #003A63; }
.optima-report-landing-page .priority-item:nth-child(2) .priority-header { background-color: #FF8672 !important; color: #003A63; }
.optima-report-landing-page .priority-item:nth-child(3) .priority-header { background-color: #D9ECBF !important; color: #003A63; }
.optima-report-landing-page .priority-item:nth-child(4) .priority-header { background-color: #DAB2E8 !important; color: #003A63; }
.optima-report-landing-page .priority-item:nth-child(5) .priority-header { background-color: #FFE9A9 !important; color: #003A63; }
.optima-report-landing-page .priority-tagline {
font-weight: 600;
flex: 1;
}
.optima-report-landing-page .priority-toggle {
transition: transform 0.5s ease;
svg, path {
display: block;
padding: 0;
width: 20px;
}
}
.optima-report-landing-page .strategy-priorities {
overflow: hidden;
color: #003A63;
text-align: left;
width: 100%;
max-width: 800px;
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
/*.optima-report-landing-page .priority-item.active .priority-toggle {*/
/* transform: rotate(180deg);*/
/*}*/
.optima-report-landing-page .priority-item {
width: 100%;
border-radius: 3px;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.optima-report-landing-page .priority-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
text-align: left;
border: none;
cursor: pointer;
padding: 20px 20px 20px 40px;
}
.optima-report-landing-page .priority-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease;
background: #fff;
}
.optima-report-landing-page .priority-inner {
padding: 3px 30px 0 44px;
}
.optima-report-landing-page .priority-item.active .priority-content {
max-height: none;
}
.optima-report-landing-page .priority-description {
margin-top: 20px;
margin-bottom: 28px;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
max-width: 847px;
width: 100%;
}
.optima-report-landing-page .priority-stories-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
}
.optima-report-landing-page .priority-story {
position: relative;
display: block;
text-decoration: none;
background: #E5F5FB;
border-radius: 3px;
padding: 23px 27px;
transition: 300ms all ease;
flex: 0 0 calc(50% - 15px);
box-sizing: border-box;
}
.optima-report-landing-page .priority-story:hover {
background-color: #0076A1;
}
.optima-report-landing-page .priority-story:hover .priority-story-title, .optima-report-landing-page .priority-story:hover .priority-story-link {
color: #fff;
}
.optima-report-landing-page .priority-story:hover .priority-story-link svg {
filter: invert(1) brightness(10);
}
.optima-report-landing-page .priority-story-inner {
display: flex;
gap: 30px;
}
.optima-report-landing-page .priority-story-image {
flex: 0 0 121px;
height: 121px;
overflow: hidden;
border-radius: 3px;
background: #fff;
aspect-ratio: 1 / 1 ;
}
.optima-report-landing-page .priority-story-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
aspect-ratio: 1 / 1 ;
}
.optima-report-landing-page .priority-story-placeholder {
width: 100%;
height: 100%;
background: #6F6F6E;
}
.optima-report-landing-page .priority-story-content {
flex: 1;
}
.optima-report-landing-page .priority-story-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 28px;
color: #0076A1;
margin-top: 0;
margin-bottom: 16px;
}
.optima-report-landing-page .priority-story-desc {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
color: #2F2F2F;
}
.optima-report-landing-page .priority-story-link {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 20px;
text-decoration: none;
line-height: 26px;
color: #0076A1;
transition: 300ms all ease;
display: flex;
flex-direction: column;
gap: 17px;
}
.optima-report-landing-page .priority-story-link svg {
filter: invert(0) brightness(1);
transition: 300ms all ease;
}
.optima-report-landing-page .priority-story-link:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.optima-report-landing-page .priority-story-link svg {
height: 15px;
fill: #0076A1;
margin-left: 5px;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .strategy-priorities {
margin-left: 20px;
margin-right: 20px;
width: unset;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .strategy-content {
padding: 50px 20px 41px;
align-items: flex-start;
}
.optima-report-landing-page .strategy-title {
font-weight: 500;
font-size: 32px;
line-height: 40px;
margin-top: 0;
margin-bottom: 20px;
text-align: left;
}
.optima-report-landing-page .strategy-description {
font-size: 16px;
line-height: 24px;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.optima-report-landing-page .strategy-priorities {
margin-top: 34px;
gap: 10px;
}
.optima-report-landing-page .priority-header {
padding: 15px 26px 15px 17px;
}
.optima-report-landing-page .priority-story-inner {
flex-direction: column;
}
.optima-report-landing-page .priority-header-text-wrapper {
display: flex;
flex-direction: column;
}
.optima-report-landing-page .priority-tagline {
margin-left: 0;
font-weight: 500;
}
.optima-report-landing-page .priority-item {
width: 100% !important;
}
.optima-report-landing-page .priority-inner {
padding: 0;
}
.optima-report-landing-page .priority-description {
padding: 0 26px 0 17px;
width: unset;
}
.optima-report-landing-page .priority-stories-wrapper {
padding: 0 17px;
gap: 10px;
}
.optima-report-landing-page .priority-story {
padding: 13px 12px;
flex: 0 0 100%;
}
.optima-report-landing-page .priority-story:hover {
box-shadow: none;
}
.optima-report-landing-page .priority-story-inner {
flex-direction: row;
gap: 18px;
align-items: center;
}
.optima-report-landing-page .priority-story-image {
height: 72px;
width: 72px;
aspect-ratio: 1/1;
flex: unset;
}
.optima-report-landing-page .priority-story-title {
font-weight: 500;
font-size: 20px;
line-height: 28px;
margin-top: 15px;
}
.optima-report-landing-page .priority-story-link {
font-weight: 500;
font-size: 16px;
line-height: 22px;
flex-direction: row;
gap: 5px;
align-items: center;
flex: 0 0 100%;
display: flex;
justify-content: space-between;
}
.optima-report-landing-page .priority-story-link svg {
width: 19px;
margin-left: 0;
flex: 0 0 19px;
}
.optima-report-landing-page .priority-story-content {
width: 100%;
display: flex;
}
}
/* End of Strategy Block styles */
/*!* Map Block styles *!*/
/*.optima-report-landing-page .map-block {*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* justify-content: center;*/
/* text-align: center;*/
/* background-color: #E5F5FB;*/
/* background-image: url('../img/background-asset-foreward-lighter.png');*/
/* background-repeat: repeat;*/
/* background-size: cover;*/
/*}*/
/*.optima-report-landing-page .map-block-content {*/
/* padding: 67px 0 25px;*/
/* position: relative;*/
/*}*/
/*.optima-report-landing-page .map-block-wrapper {*/
/* padding-bottom: 87px;*/
/*}*/
/*.optima-report-landing-page .map-title {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-weight: 600;*/
/* font-size: 48px;*/
/* color: #0076A1;*/
/* margin-top: 0;*/
/* margin-bottom: 9px;*/
/* letter-spacing: 2px;*/
/* line-height: 64px;*/
/*}*/
/*.optima-report-landing-page .map-subtitle {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-size: 20px;*/
/* margin-top: 0;*/
/* margin-bottom: 18px;*/
/*}*/
/*.optima-report-landing-page .map-disclaimer {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-size: 16px;*/
/* line-height: 24px;*/
/* margin-top: 0;*/
/* margin-bottom: 20px;*/
/*}*/
/*.optima-report-landing-page .map-wrapper {*/
/* position: relative;*/
/* width: 100%;*/
/* aspect-ratio: 16 / 9;*/
/*}*/
/*.optima-report-landing-page .map-image {*/
/* width: 100%;*/
/* height: 100%;*/
/* object-fit: cover;*/
/* display: block;*/
/*}*/
/*.optima-report-landing-page .map-point {*/
/* position: absolute;*/
/* width: 46px;*/
/* height: 46px;*/
/* border-radius: 50%;*/
/* border: none;*/
/* color: #fff;*/
/* cursor: pointer;*/
/* transform: translate(-50%, -50%);*/
/* transition: transform 0.2s ease, box-shadow 0.2s ease;*/
/*}*/
/*.optima-report-landing-page .map-point:before {*/
/* content: '+';*/
/* font-family: sans-serif;*/
/* position: absolute;*/
/* top: 45%;*/
/* left: 35%;*/
/* color: #fff;*/
/* font-size: 24px;*/
/* line-height: 1px;*/
/* transition: transform 0.2s ease, box-shadow 0.2s ease;*/
/*}*/
/*.optima-report-landing-page .map-point::after {*/
/* content: "";*/
/* position: absolute;*/
/* inset: 0;*/
/* border-radius: 50%;*/
/* border: 2px solid rgba(0,0,0,0.2);*/
/* background: transparent;*/
/* z-index: -1;*/
/* transition: 300ms all ease;*/
/* opacity: 0;*/
/*}*/
/*.optima-report-landing-page .map-point:hover:after, .optima-report-landing-page .map-point:active:after, .optima-report-landing-page .map-point:focus:after, .optima-report-landing-page .map-point.active:after {*/
/* inset: -4px;*/
/* opacity: 1;*/
/*}*/
/*.optima-report-landing-page .map-modal {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* transform: translate(-50%, -100%);*/
/* max-width: 299px;*/
/* width: 100%;*/
/* border-radius: 3px;*/
/* overflow: hidden;*/
/* color: #fff;*/
/* z-index: 10;*/
/* display: none;*/
/* flex-direction: column;*/
/* text-align: center;*/
/* animation: fadeIn 0.3s ease forwards;*/
/*}*/
/*.optima-report-landing-page .map-modal.active {*/
/* display: flex;*/
/*}*/
/*.optima-report-landing-page .map-modal-image img {*/
/* width: 100%;*/
/* height: auto;*/
/* display: block;*/
/* aspect-ratio: 1/1;*/
/* object-fit: cover;*/
/*}*/
/*.optima-report-landing-page .map-modal-content {*/
/* padding: 20px 15px 25px;*/
/* position: relative;*/
/*}*/
/*.optima-report-landing-page .map-modal-priority {*/
/* font-family: "bitter", serif;*/
/* font-style: italic;*/
/* margin-top: 0;*/
/* margin-bottom: 13px;*/
/* font-size: 20px;*/
/*}*/
/*.optima-report-landing-page .map-modal-title {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-weight: 600;*/
/* font-size: 20px;*/
/* line-height: 26px;*/
/* margin-top: 0;*/
/* margin-bottom: 8px;*/
/*}*/
/*.optima-report-landing-page .map-modal-link {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-weight: 500;*/
/* color: #fff;*/
/* font-size: 18px;*/
/* text-decoration: none;*/
/*}*/
/*.optima-report-landing-page .map-modal-link:hover, .optima-report-landing-page .map-modal-link:focus, .optima-report-landing-page .map-modal-link:focus-visible {*/
/* text-decoration: underline;*/
/*}*/
/*.optima-report-landing-page .map-modal-link:after {*/
/* content: '';*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/
/*.optima-report-landing-page .map-modal-link svg {*/
/* fill: #fff;*/
/* height: 12px;*/
/*}*/
/*.optima-report-landing-page .map-modal-close {*/
/* position: absolute;*/
/* top: 0;*/
/* right: 0;*/
/* background: #f5fafc;*/
/* border: none;*/
/* font-size: 28px;*/
/* line-height: 1;*/
/* cursor: pointer;*/
/* color: #2F2F2F;*/
/* padding: 6px 11px;*/
/* transition: 300ms all ease;*/
/*}*/
/*.optima-report-landing-page .map-modal-close:hover, .optima-report-landing-page .map-modal-close:focus, .optima-report-landing-page .map-modal-close:focus-visible {*/
/* background: #e5eaec;*/
/*}*/
/*@keyframes fadeIn {*/
/* from { opacity: 0; transform: translate(-50%, -110%); }*/
/* to { opacity: 1; transform: translate(-50%, -100%); }*/
/*}*/
/*.optima-report-landing-page .stories-map-wrapper {*/
/* position: relative;*/
/* width: 100%;*/
/* overflow: hidden;*/
/*}*/
/*.optima-report-landing-page .stories-map-inner {*/
/* display: flex;*/
/* width: 200vw;*/
/* transition: transform 0.6s ease;*/
/*}*/
/*.optima-report-landing-page .stories-block-wrapper,*/
/*.optima-report-landing-page .map-block-wrapper {*/
/* width: 100vw;*/
/* flex-shrink: 0;*/
/*}*/
/*.optima-report-landing-page .stories-map-inner.show-stories {*/
/* transform: translateX(0);*/
/*}*/
/*.optima-report-landing-page .stories-map-inner.show-map {*/
/* transform: translateX(-100vw);*/
/*}*/
/*.optima-report-landing-page .stories-map-tab-wrapper {*/
/* display: flex;*/
/* width: fit-content;*/
/* margin: auto;*/
/* border-radius: 3px;*/
/* background-color: #0076A1;*/
/*}*/
/*.optima-report-landing-page .stories-map-tab-wrapper button {*/
/* padding: 17px 25px;*/
/* border-radius: 3px;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* gap: 5px;*/
/* border: 1px solid #0076A1;*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-size: 14px;*/
/* font-weight: 500;*/
/* background-color: #0076A1;*/
/* color: #fff;*/
/* transition: 300ms all ease;*/
/*}*/
/*.optima-report-landing-page .stories-map-tab-wrapper button.active,*/
/*.optima-report-landing-page .stories-map-tab-wrapper button:active,*/
/*.optima-report-landing-page .stories-map-tab-wrapper button:hover {*/
/* background-color: #fff;*/
/* color: #0076A1;*/
/*}*/
/*.optima-report-landing-page .stories-tab:not(.active) .stories-icon, .optima-report-landing-page .stories-tab.active .stories-icon-active {*/
/* display: none;*/
/*}*/
/*.optima-report-landing-page .map-tab:not(.active) .map-icon, .optima-report-landing-page .map-tab.active .map-icon-active {*/
/* display: none;*/
/*}*/
/*@media (max-width: 991.98px) {*/
/* .optima-report-landing-page .map-block-content {*/
/* padding: 42px 0 40px;*/
/* }*/
/* .optima-report-landing-page .map-title {*/
/* font-weight: 600;*/
/* font-size: 32px;*/
/* line-height: 40px;*/
/* letter-spacing: unset;*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/* }*/
/* .optima-report-landing-page .map-subtitle {*/
/* font-size: 18px;*/
/* line-height: 26px;*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/* }*/
/* .optima-report-landing-page .map-disclaimer {*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/* }*/
/* .optima-report-landing-page .map-point {*/
/* width: 35px;*/
/* height: 35px;*/
/* font-size: 18px;*/
/* }*/
/* .optima-report-landing-page .map-point:before {*/
/* font-size: 18px;*/
/* }*/
/* .optima-report-landing-page .map-point:hover:after, .optima-report-landing-page .map-point:active:after, .optima-report-landing-page .map-point:focus:after, .optima-report-landing-page .map-point.active:after {*/
/* inset: -5px;*/
/* }*/
/* .optima-report-landing-page .map-modal {*/
/* left: calc(50% - 150px) !important;*/
/* top: unset !important;*/
/* bottom: 0;*/
/* transform: unset !important;*/
/* margin: 0 auto;*/
/* }*/
/*}*/
/*!* End of Map Block styles *!*/
/* Stories styles */
.optima-report-landing-page .stories-block {
background-color: #E5F5FB;
color: #003870;
padding: 60px 0 90px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-image: url('../img/background-asset-foreward-lighter.png');
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.optima-report-landing-page #report-stories {
scroll-margin-top: 150px;
}
.optima-report-landing-page .stories-block-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: unset;
}
.optima-report-landing-page .stories-block-content .stories-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 54px;
text-align: center;
color: #0076A1;
margin-top: 0;
margin-bottom: 17px;
letter-spacing: 2px;
}
.optima-report-landing-page .stories-block-content .stories-title-description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: 400;
text-align: center;
max-width: 970px;
width: 100%;
margin-top: 0;
margin-bottom: 36px;
}
.optima-report-landing-page .stories-inner-wrapper {
display: flex;
gap: 50px;
width: 100%;
align-items: flex-end;
}
.optima-report-landing-page .stories-left {
margin-left: 34px;
flex: 0 0 calc(45% - 25px - 34px);
width: calc(45% - 25px - 34px);
}
.optima-report-landing-page .stories-main-slider .splide__arrow {
background-color: #fff;
opacity: 1;
width: 64px;
height: 64px;
border-radius: 3px;
transition: 300ms all ease;
}
.optima-report-landing-page .stories-main-slider .splide__arrow:hover, .optima-report-landing-page .stories-main-slider .splide__arrow:focus-visible {
background-color: #007DB6;
cursor: pointer;
}
.optima-report-landing-page .stories-main-slider .splide__arrow svg {
display: none;
}
.optima-report-landing-page .stories-main-slider .splide__arrow--prev {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43ODEiIGhlaWdodD0iMTIuMjg3IiB2aWV3Qm94PSIwIDAgMTUuNzgxIDEyLjI4NyI+CiAgPHBhdGggaWQ9Im5vdW4tYXJyb3ctMTkyMDgwNl8wOC4yNy40MyIgZGF0YS1uYW1lPSJub3VuLWFycm93LTE5MjA4MDYgMDguMjcuNDMiIGQ9Ik00NS4wNCwxNjkuMTczLDQwLjMsMTY0LjQyOWExLjEzMywxLjEzMywwLDAsMC0xLjYsMS42bDIuOCwyLjgxN0gzMS4xMzNhMS4xMzMsMS4xMzMsMCwwLDAsMCwyLjI2Nkg0MS40OTRsLTIuOCwyLjhhMS4xMzksMS4xMzksMCwxLDAsMS42MTksMS42bDQuNzI3LTQuNzI3YTEuMTUyLDEuMTUyLDAsMCwwLC4zNC0uODA5QTEuMDg4LDEuMDg4LDAsMCwwLDQ1LjA0LDE2OS4xNzNaIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC45OTksIC0wLjAzNSwgMC4wMzUsIC0wLjk5OSwgMzkuNjI1LCAxNzcuMzM1KSIgZmlsbD0iIzAwNzZhMSIvPgo8L3N2Zz4K');
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
left: -33px;
}
.optima-report-landing-page .stories-main-slider .splide__arrow:hover.splide__arrow--prev, .optima-report-landing-page .stories-main-slider .splide__arrow:focus-visible.splide__arrow--prev {
background-color: #007DB6;
cursor: pointer;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43ODEiIGhlaWdodD0iMTIuMjg3IiB2aWV3Qm94PSIwIDAgMTUuNzgxIDEyLjI4NyI+CiAgPHBhdGggaWQ9Im5vdW4tYXJyb3ctMTkyMDgwNl8wOC4yNy40MyIgZGF0YS1uYW1lPSJub3VuLWFycm93LTE5MjA4MDYgMDguMjcuNDMiIGQ9Ik00NS4wNCwxNjkuMTczLDQwLjMsMTY0LjQyOWExLjEzMywxLjEzMywwLDAsMC0xLjYsMS42bDIuOCwyLjgxN0gzMS4xMzNhMS4xMzMsMS4xMzMsMCwwLDAsMCwyLjI2Nkg0MS40OTRsLTIuOCwyLjhhMS4xMzksMS4xMzksMCwxLDAsMS42MTksMS42bDQuNzI3LTQuNzI3YTEuMTUyLDEuMTUyLDAsMCwwLC4zNC0uODA5QTEuMDg4LDEuMDg4LDAsMCwwLDQ1LjA0LDE2OS4xNzNaIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC45OTksIC0wLjAzNSwgMC4wMzUsIC0wLjk5OSwgMzkuNjI1LCAxNzcuMzM1KSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K');
}
.optima-report-landing-page .stories-main-slider .splide__arrow--next {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC43MjQiIGhlaWdodD0iMTQuMzE0IiB2aWV3Qm94PSIwIDAgMTguNzI0IDE0LjMxNCI+CiAgPHBhdGggaWQ9Im5vdW4tYXJyb3ctMTkyMDgwNl8wOC4yNy40MyIgZGF0YS1uYW1lPSJub3VuLWFycm93LTE5MjA4MDYgMDguMjcuNDMiIGQ9Ik00OC4zMTEsMTcwLjI3Niw0Mi41MzYsMTY0LjVhMS4zOCwxLjM4LDAsMCwwLTEuOTUxLDEuOTUxbDMuNDEsMy40MjlIMzEuMzhhMS4zOCwxLjM4LDAsMCwwLDAsMi43NTlINDMuOTk0bC0zLjQxLDMuNDFBMS4zODcsMS4zODcsMCwxLDAsNDIuNTU1LDE3OGw1Ljc1NS01Ljc1NWExLjQsMS40LDAsMCwwLC40MTQtLjk4NUExLjMyNSwxLjMyNSwwLDAsMCw0OC4zMTEsMTcwLjI3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMCAtMTY0LjEwMikiIGZpbGw9IiMwMDc2YTEiLz4KPC9zdmc+Cg==');
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
right: -33px;
}
.optima-report-landing-page .stories-main-slider .splide__arrow:hover.splide__arrow--next, .optima-report-landing-page .stories-main-slider .splide__arrow:focus-visible.splide__arrow--next {
background-color: #007DB6;
cursor: pointer;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC43MjQiIGhlaWdodD0iMTQuMzE0IiB2aWV3Qm94PSIwIDAgMTguNzI0IDE0LjMxNCI+CiAgPHBhdGggaWQ9Im5vdW4tYXJyb3ctMTkyMDgwNl8wOC4yNy40MyIgZGF0YS1uYW1lPSJub3VuLWFycm93LTE5MjA4MDYgMDguMjcuNDMiIGQ9Ik00OC4zMTEsMTcwLjI3Niw0Mi41MzYsMTY0LjVhMS4zOCwxLjM4LDAsMCwwLTEuOTUxLDEuOTUxbDMuNDEsMy40MjlIMzEuMzhhMS4zOCwxLjM4LDAsMCwwLDAsMi43NTlINDMuOTk0bC0zLjQxLDMuNDFBMS4zODcsMS4zODcsMCwxLDAsNDIuNTU1LDE3OGw1Ljc1NS01Ljc1NWExLjQsMS40LDAsMCwwLC40MTQtLjk4NUExLjMyNSwxLjMyNSwwLDAsMCw0OC4zMTEsMTcwLjI3NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMCAtMTY0LjEwMikiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==');
}
.optima-report-landing-page .stories-right {
flex: 0 0 calc(55% - 25px);
width: calc(55% - 25px);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.optima-report-landing-page .story-slide-box {
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #F8B400;
border-radius: 4px;
overflow: hidden;
color: #003870;
height: 100%;
}
.optima-report-landing-page .story-slide-image img, .optima-report-landing-page .story-slide-image .img {
width: 100%;
height: auto;
aspect-ratio: 8 / 5;
object-fit: cover;
background-color: #0076A1;
display: flex;
align-items: center;
justify-content: center;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
}
.optima-report-landing-page .story-slide-content {
padding: 55px 33px 40px 28px;
text-align: center;
}
.optima-report-landing-page .story-slide-meta {
font-family: "bitter", serif;
font-size: 20px;
line-height: 26px;
font-style: italic;
color: #2b2b2b;
margin-bottom: 14px;
}
.optima-report-landing-page .story-slide-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 26px;
margin-top: 0;
margin-bottom: 23px;
color: #2F2F2F;
}
.optima-report-landing-page .story-slide-link {
font-family: "Gibson", canada-type-gibson, sans-serif;
display: inline-block;
background: #fff;
color: #0076A1;
padding: 15px 29px;
border-radius: 4px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.optima-report-landing-page .story-slide-link:hover {
background: #003870;
color: #fff;
}
.optima-report-landing-page .stories-subtitle {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 38px;
line-height: 40px;
font-weight: 600;
text-align: center;
color: #0076A1;
width: 476px;
max-width: 100%;
margin: 20px auto 15px auto;
}
.optima-report-landing-page .stories-description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 20px;
line-height: 28px;
font-weight: 400;
text-align: center;
width: 553px;
max-width: 100%;
margin: 0 auto 75px auto;
}
.optima-report-landing-page .stories-preview-slider {
width: 150%;
max-width: 150%;
}
.optima-report-landing-page .stories-preview-slider .splide__slide {
width: calc(33.333% - 0.67rem) !important;
}
.optima-report-landing-page .story-preview-image {
width: 100%;
}
.optima-report-landing-page .story-preview-image img,
.optima-report-landing-page .story-preview-image .img {
width: 100%;
height: auto;
aspect-ratio: 8 / 5;
object-fit: cover;
background-color: #0076A1;
display: flex;
align-items: center;
justify-content: center;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
}
.optima-report-landing-page .story-preview-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
transition: transform 0.3s ease, border-color 0.3s ease;
background-color: #fff;
height: 100%;
}
.optima-report-landing-page .story-preview-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 16px;
font-weight: 500;
text-align: center;
padding: 21px 19px 31px;
color: #003870;
margin: 0;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .stories-block .stories-title, .optima-report-landing-page .stories-block .stories-title-description {
margin-left: 20px;
margin-right: 20px;
width: unset;
}
.optima-report-landing-page .stories-block .stories-inner-wrapper {
gap: 30px;
}
.optima-report-landing-page .stories-block .stories-left {
margin-left: 34px;
flex: 0 0 calc(45% - 15px - 34px);
width: calc(45% - 15px - 34px);
}
.optima-report-landing-page .stories-block .stories-right {
margin-right: 20px;
flex: 0 0 calc(55% - 15px - 20px);
width: calc(55% - 15px - 20px);
}
.optima-report-landing-page .stories-main-slider .splide__arrow {
width: 54px;
height: 54px;
}
.optima-report-landing-page .stories-main-slider .splide__arrow--prev {
left: -23px;
}
.optima-report-landing-page .stories-main-slider .splide__arrow--next {
right: -23px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .stories-block {
display: block;
padding-bottom: 45px;
}
.optima-report-landing-page .stories-title {
font-size: 32px;
line-height: 40px;
margin-bottom: 11px;
}
.optima-report-landing-page .stories-title-description {
font-size: 16px;
line-height: 24px;
margin-bottom: 22px;
}
.optima-report-landing-page .stories-right {
display: none;
}
.optima-report-landing-page .stories-left {
margin-left: 20px;
margin-right: 20px;
flex: 0 0 calc(100% - 40px);
width: calc(100% - 40px);
}
.optima-report-landing-page .stories-main-slider .splide__arrow {
width: 54px;
height: 54px;
}
.optima-report-landing-page .stories-main-slider .splide__arrow--prev {
left: -23px;
}
.optima-report-landing-page .stories-main-slider .splide__arrow--next {
right: -23px;
}
}
/* End of Stories styles */
/* Enablers styles */
.optima-report-landing-page .enablers {
display: flex;
justify-content: center;
align-items: center;
}
.optima-report-landing-page .enabler-content {
padding: 100px 0;
text-align: center;
}
.optima-report-landing-page .enablers-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 36px;
margin-top: 0;
margin-bottom: 20px;
}
.optima-report-landing-page .enablers-description p {
max-width: 800px;
margin: 0 auto 60px;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 30px;
color: #333;
}
.optima-report-landing-page .enabler-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.optima-report-landing-page .enabler-card {
position: relative;
cursor: pointer;
overflow: hidden;
border-radius: 4px;
min-height: 403px;
}
.optima-report-landing-page .enabler-card.half {
flex: 1 1 calc(50% - 30px);
}
.optima-report-landing-page .enabler-card.third {
flex: 1 1 calc(33.333% - 30px);
}
.optima-report-landing-page .enabler-front {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
transition: transform 0.4s ease;
background-size: cover;
background-position: center;
}
.optima-report-landing-page .enabler-overlay {
position: absolute;
inset: 0;
background: #252C37B3;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px;
text-align: center;
overflow: hidden;
}
.optima-report-landing-page .enabler-number {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
margin-top: 0;
margin-bottom: 10px;
font-size: 28px;
line-height: 36px;
}
.optima-report-landing-page .enabler-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 40px;
margin-top: 0;
margin-bottom: 0;
}
.optima-report-landing-page .enabler-card-arrow {
margin-top: 47px;
}
.optima-report-landing-page .enabler-colour-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 400px;
opacity: 0;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.7s ease, height 0.7s ease, opacity 0.5s ease;
aspect-ratio: 1 / 1;
z-index: 0;
}
.optima-report-landing-page .enabler-card:hover .enabler-colour-overlay,
.optima-report-landing-page .enabler-card:focus-visible .enabler-colour-overlay {
width: 1200px;
height: 1200px;
opacity: 1;
}
.optima-report-landing-page .enabler-number,
.optima-report-landing-page .enabler-title,
.optima-report-landing-page .enabler-card-arrow {
position: relative;
z-index: 1;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .enabler-grid {
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .enabler-content {
padding: 40px 20px 30px;
}
.optima-report-landing-page .enablers-title {
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin-bottom: 15px;
}
.optima-report-landing-page .enablers-description p {
margin: 0 auto 30px;
font-size: 16px;
line-height: 24px;
}
.optima-report-landing-page .enabler-grid {
gap: 25px;
}
.optima-report-landing-page .enabler-card {
flex: 1 1 100% !important;
}
.optima-report-landing-page .enabler-number {
font-size: 20px;
margin-bottom: 7px;
line-height: 24px;
}
.optima-report-landing-page .enabler-title {
font-size: 28px;
line-height: 36px;
}
}
/* End of Enablers styles */
/* Looking Forward Section */
.optima-report-landing-page .looking-forward {
position: relative;
width: 100%;
background-color: #F5FAFC;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.optima-report-landing-page .looking-forward .custom-container {
display: flex;
max-width: 1200px;
}
.optima-report-landing-page .looking-forward-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 95px 0;
width: 50%;
}
.optima-report-landing-page .looking-forward-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 32px;
margin-top: 0;
margin-bottom: 25px;
color: #2F2F2F;
}
.optima-report-landing-page .looking-forward-description p {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 20px;
color: #2F2F2F;
max-width: 530px;
width: 100%;
}
.optima-report-landing-page .looking-forward-image {
position: absolute;
overflow: hidden;
width: 50%;
height: 100%;
right: 0;
}
.optima-report-landing-page .looking-forward-image img {
width: auto;
height: 100%;
object-fit: contain;
display: block;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .looking-forward-content {
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .looking-forward-content {
padding: 45px 0;
width: 100%;
}
.optima-report-landing-page .looking-forward-image {
display: none;
}
}
/* End of Looking Forward styles */
/* Footer Block */
.optima-report-landing-page .footer-block, .optima-report-story-page .footer-block {
position: relative;
width: 100%;
background-color: #0076A1;
color: #fff;
overflow: hidden;
}
.optima-report-landing-page .footer-block .custom-container, .optima-report-story-page .footer-block .custom-container {
display: flex;
max-width: 1200px;
margin: 0 auto;
padding: 0;
position: unset;
}
.optima-report-landing-page .footer-block-content, .optima-report-story-page .footer-block-content {
width: 45%;
display: flex;
align-items: center;
gap: 46px;
padding: 44px 0;
background-color: #0076A1;
box-sizing: border-box;
}
.optima-report-landing-page .footer-block-text-wrapper, .optima-report-story-page .footer-block-text-wrapper {
display: flex;
flex-direction: column;
}
.optima-report-landing-page .footer-title, .optima-report-story-page .footer-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 33px;
margin: 0 0 5px;
color: #fff;
}
.optima-report-landing-page .footer-subtitle, .optima-report-story-page .footer-subtitle {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 22px;
margin: 0;
color: #fff;
}
.optima-report-landing-page .footer-button, .optima-report-story-page .footer-button {
font-family: "Gibson", canada-type-gibson, sans-serif;
display: inline-block;
background-color: #fff;
color: #0076A1;
padding: 16px 30px;
border-radius: 3px;
text-decoration: none;
font-weight: 400;
font-size: 18px;
transition: all 0.2s ease;
max-width: 100%;
}
.optima-report-landing-page .footer-button:hover, .optima-report-story-page .footer-button:hover {
background-color: #e6e6e6;
}
.optima-report-landing-page .footer-block-image, .optima-report-story-page .footer-block-image {
position: absolute;
overflow: hidden;
width: 50%;
right: 0;
height: 100%;
}
.optima-report-landing-page .footer-block-image img, .optima-report-story-page .footer-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .footer-block-content, .optima-report-story-page .footer-block-content {
flex-direction: column;
gap: 23px;
align-items: flex-start;
padding: 25px 20px 31px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .footer-block .custom-container, .optima-report-story-page .footer-block .custom-container {
flex-direction: column-reverse;
}
.optima-report-landing-page .footer-block-content, .optima-report-story-page .footer-block-content {
width: 100%;
flex-direction: column;
gap: 23px;
align-items: flex-start;
padding: 25px 20px 31px;
}
.optima-report-landing-page .footer-block-image, .optima-report-story-page .footer-block-image {
position: relative;
width: 100%;
height: 153px;
object-fit: cover;
}
}
/* End of Footer styles */
/* Story Header */
.optima-report-story-page .story-header-tags {
display: flex;
align-items: center;
justify-content: center;
padding-top: 40px;
background-color: #F5FAFC;
}
.optima-report-story-page .story-header-tags span {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 22px;
line-height: 28px;
}
.optima-report-story-page .story-header {
background-color: #F5FAFC;
display: flex;
justify-content: center;
align-items: center;
padding: 18px 0 25px;
}
.optima-report-story-page .story-header-content {
text-align: left;
}
.optima-report-story-page .story-header-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 600;
font-size: 48px;
line-height: 64px;
color: #0076A1;
margin: 0;
max-width: 866px;
width: 100%;
}
@media (max-width: 991.98px) {
.optima-report-story-page .story-header {
padding: 25px 0;
}
.optima-report-story-page .story-header-title {
font-size: 40px;
line-height: 50px;
}
.optima-report-story-page .story-header-content {
width: 100%;
}
}
/* End of Story Header */
/* Story styles */
.optima-report-story-page .story-content {
display: flex;
justify-content: center;
padding: 0 0 68px;
background-color: #F5FAFC;
}
.optima-report-story-page .story-intro {
font-family: "Gibson", canada-type-gibson, sans-serif;
color: #0076A1;
font-weight: 500;
font-size: 22px;
line-height: 30px;
padding-top: 34px;
padding-bottom: 26px;
margin: 0;
margin-bottom: 52px;
border-top: 1px solid #0076A1;
border-bottom: 1px solid #0076A1;
position: relative;
z-index: 3;
}
.optima-report-story-page .story-intro span {
font-size: 14px;
color: #fff;
background-color: #0076A1;
border-radius: 500px;
padding: 5px 14px;
text-transform: uppercase;
position: relative;
top: -2px;
margin-right: 5px;
}
.optima-report-story-page .story-text-block {
margin-bottom: 48px;
}
.optima-report-story-page .story-text-block img.alignright {
float: right;
width: 60%;
height: auto;
margin: -30px -167px 30px 20px;
}
.optima-report-story-page .story-text-block img.alignleft {
float: left;
width: 60%;
height: auto;
margin: -30px 20px 30px -167px;
}
.optima-report-story-page .story-text-block p {
font-family: "Gibson", canada-type-gibson, sans-serif;
color: #2F2F2F;
font-weight: 300;
font-size: 20px;
line-height: 30px;
margin-top: 0;
margin-bottom: 65px;
}
.optima-report-story-page .story-text-block.first-block p::first-letter {
font-size: 60px;
font-weight: 500;
color: #0076A1;
float: left;
margin-top: 14px;
margin-right: 5px;
}
.optima-report-story-page .story-text-block p a {
color: #2F2F2F;
}
.optima-report-story-page .story-image img {
max-width: 50%;
height: auto;
float: left;
margin: -30px 30px 20px -167px;
}
.optima-report-story-page .story-quote-block {
background-color: #0076A1;
color: #fff;
padding: 24px 24px 30px 24px;
margin: 20px 0 48px;
border-radius: 0 0 3px 3px;
float: left;
}
.optima-report-story-page .story-quote {
font-family: "bitter", serif;
font-style: italic;
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin: 38px 0 23px 0;
position: relative;
quotes: "“" "”";
}
.optima-report-story-page .story-quote::before {
content: open-quote;
font-size: 60px;
line-height: 0;
vertical-align: text-top;
position: absolute;
top: 3px;
}
.optima-report-story-page .story-quote::after {
content: close-quote;
}
.optima-report-story-page .story-quote-info-wrapper {
display: flex;
align-items: center;
gap: 10px;
}
.optima-report-story-page .story-quote-image {
width: 65px;
height: 65px;
flex: 0 0 65px;
object-fit: cover;
overflow: hidden;
border-radius: 100%;
}
.optima-report-story-page .story-quote-name {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
}
.optima-report-story-page .story-quote-name strong {
font-weight: 600;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-story-page .story-text-block img.alignright {
margin: -30px 0 30px 20px;
width: 45%;
}
.optima-report-story-page .story-text-block img.alignleft {
margin: -30px 20px 30px 0;
width: 45%;
}
.optima-report-story-page .story-image img {
margin: -30px 30px 20px 0;
max-width: 45%;
}
}
@media (max-width: 991.98px) {
.optima-report-story-page .story-content {
padding: 10px 0 28px;
}
.optima-report-story-page .story-content .custom-thin-container {
width: 100%;
}
.optima-report-story-page .story-intro {
margin-bottom: 21px;
}
.optima-report-story-page .story-image img {
margin-bottom: 21px;
}
.optima-report-story-page .story-text-block,
.optima-report-story-page .story-text-block p {
margin-bottom: 21px;
}
.optima-report-story-page .story-quote-block {
margin-bottom: 21px;
}
.optima-report-story-page .story-image img {
width: 100%;
max-width: 100%;
margin: 20px 0;
float: unset;
}
.optima-report-story-page .story-intro {
padding-top: 19px;
padding-bottom: 19px;
margin-bottom: 21px;
}
.optima-report-story-page .story-text-block img.alignright {
width: 100%;
max-width: 100%;
margin: 20px 0;
float: unset;
}
.optima-report-story-page .story-text-block img.alignleft {
width: 100%;
max-width: 100%;
margin: 20px 0;
float: unset;
}
}
/* End of Story styles */
/* Story Pagination styles */
.optima-report-story-page .pagination-footer-block {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
width: 100% !important;
}
.optima-report-story-page .pagination-footer-block .custom-container, .optima-report-story-page .pagination-footer-block .custom-container .enabler-footer-grid {
width: 100% !important;
}
.optima-report-story-page .enabler-footer-content .enabler-header-title {
color: #252C37 !important;
}
.optima-report-story-page .enabler-footer-arrow svg {
stroke: #252C37 !important;
}
.optima-report-story-page .story-content {
padding-top: 61px;
}
@media (max-width: 991.98px) {
.optima-report-story-page .story-content {
padding-top: 26px;
}
}
/*.optima-report-story-page .explore-stories {*/
/* margin: 64px 0;*/
/* text-align: left;*/
/*}*/
/*.optima-report-story-page .explore-title {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-size: 28px;*/
/* line-height: 36px;*/
/* font-weight: 500;*/
/* color: #252C37;*/
/* margin-top: 0;*/
/* margin-bottom: 19px;*/
/*}*/
/*.optima-report-story-page .explore-stories-grid {*/
/* display: flex;*/
/* gap: 26px;*/
/*}*/
/*.optima-report-story-page .explore-story-card {*/
/* width: calc(50% - 13px);*/
/* border-radius: 3px;*/
/* overflow: hidden;*/
/* position: relative;*/
/*}*/
/*.optima-report-story-page .explore-story-card:first-child .explore-story-image {*/
/* margin-left: 15px;*/
/*}*/
/*.optima-report-story-page .explore-story-card:last-child .explore-story-image {*/
/* margin-left: 21px;*/
/*}*/
/*.optima-report-story-page .explore-story-inner {*/
/* display: flex;*/
/* align-items: center;*/
/* gap: 17px;*/
/* text-decoration: none;*/
/* color: inherit;*/
/* height: 100%;*/
/*}*/
/*.optima-report-story-page .explore-story-image img,*/
/*.optima-report-story-page .explore-story-placeholder {*/
/* width: 105px;*/
/* height: 105px;*/
/* margin: 31px 0;*/
/* aspect-ratio: 1 / 1;*/
/* object-fit: cover;*/
/* border-radius: 3px;*/
/* background-color: #0076A1;*/
/* text-align: center;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* color: #fff;*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-size: 14px;*/
/*}*/
/*.optima-report-story-page .explore-story-content {*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: space-between;*/
/* flex: 1;*/
/*}*/
/*.optima-report-story-page .explore-story-title {*/
/* font-family: "Gibson", canada-type-gibson, sans-serif;*/
/* font-size: 20px;*/
/* line-height: 26px;*/
/* font-weight: 500;*/
/* color: #252C37;*/
/*}*/
/*.optima-report-story-page .explore-story-arrow {*/
/* height: 100%;*/
/* display: flex;*/
/* padding-left: 18px;*/
/* padding-right: 18px;*/
/* background-color: rgba(255, 255, 255, 0.2);*/
/*}*/
/*.optima-report-story-page .explore-story-arrow svg {*/
/* width: 20px;*/
/* height: auto;*/
/*}*/
/*.optima-report-story-page .pagination-story-link {*/
/* text-decoration: none;*/
/* text-decoration-color: #252C37 !important;*/
/*}*/
/*.optima-report-story-page .pagination-story-link:hover, .optima-report-story-page .pagination-story-link:focus-visible {*/
/* text-decoration: underline;*/
/*}*/
/*@media (max-width: 1240px) and (min-width: 992px) {*/
/* .optima-report-story-page .pagination-footer-block {*/
/* padding-left: 20px;*/
/* padding-right: 20px;*/
/* }*/
/*}*/
/*@media (max-width: 991.98px) {*/
/* .optima-report-story-page .pagination-footer-block .custom-container {*/
/* width: 100%;*/
/* }*/
/* .optima-report-story-page .pagination-footer-block .pagination-story-link {*/
/* height: 100%;*/
/* display: flex;*/
/* }*/
/* .optima-report-story-page .explore-stories {*/
/* margin: 30px 0 34px;*/
/* }*/
/* .optima-report-story-page .explore-title {*/
/* font-size: 20px;*/
/* line-height: 28px;*/
/* margin-bottom: 11px;*/
/* }*/
/* .optima-report-story-page .explore-story-image img,*/
/* .optima-report-story-page .explore-story-placeholder {*/
/* display: none;*/
/* }*/
/* .optima-report-story-page .explore-stories-grid {*/
/* gap: 10px;*/
/* flex-direction: column;*/
/* }*/
/* .optima-report-story-page .explore-story-card {*/
/* width: 100%;*/
/* border-radius: 3px;*/
/* overflow: hidden;*/
/* position: relative;*/
/* }*/
/* .optima-report-story-page .explore-story-card:first-child .explore-story-inner {*/
/* flex-direction: row-reverse;*/
/* }*/
/* .optima-report-story-page .explore-story-card:last-child .explore-story-arrow {*/
/* margin-left: auto;*/
/* }*/
/* .optima-report-story-page .explore-story-inner {*/
/* display: flex;*/
/* flex-direction: row;*/
/* gap: 0;*/
/* width: 100%;*/
/* justify-content: space-between;*/
/* align-items: flex-start;*/
/* padding-top: 17px;*/
/* padding-bottom: 19px;*/
/* padding-right: 16px;*/
/* }*/
/* .optima-report-story-page .explore-story-content {*/
/* display: block;*/
/* flex: unset;*/
/* margin-bottom: 10px;*/
/* }*/
/* .optima-report-story-page .explore-story-title {*/
/* margin-bottom: 10px;*/
/* }*/
/*}*/
/* End of Story Pagination styles */
/* Story Modal Slide Animations */
.optima-report-landing-page #story-modal .story-modal__content {
position: relative;
transition: transform 0.6s ease, opacity 0.3s ease;
min-height: 100vh;
height: auto;
overflow: visible;
}
.story-modal__content.is-sliding-left,
.story-modal__content.is-sliding-right {
pointer-events: none;
opacity: 0.5;
}
.story-modal__content.slide-in-left {
animation: slideInLeft 0.6s ease forwards;
}
.story-modal__content.slide-in-right {
animation: slideInRight 0.6s ease forwards;
}
@keyframes slideInLeft {
from { transform: translateX(-100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes slideInRight {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
/* End of Story Modal Slide Animations */
/* Ghost placeholders during load */
.story-modal__ghost {
display: flex;
flex-direction: column;
gap: 16px;
padding: 40px;
}
.story-modal__ghost-line {
height: 18px;
border-radius: 3px;
background-color: #E0E6EA;
animation: ghostPulse 1.2s ease-in-out infinite;
}
.story-modal__ghost-line.wide { width: 80%; }
.story-modal__ghost-line.medium { width: 60%; }
.story-modal__ghost-line.short { width: 30%; }
@keyframes ghostPulse {
0%, 100% { opacity: 0.5; }
50% { opacity: 1; }
}
/* End of Ghost placeholders during load */
/* Sliding overlay modal */
.story-modal__slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #fff;
z-index: 5;
transform: translateX(0);
opacity: 1;
pointer-events: none;
min-height: 100vh;
}
.story-modal__slide-overlay.from-right {
transform: translateX(100%);
animation: slideInFromRight 0.6s ease forwards;
}
.story-modal__slide-overlay.from-left {
transform: translateX(-100%);
animation: slideInFromLeft 0.6s ease forwards;
}
@keyframes slideInFromRight {
from { transform: translateX(100%); }
to { transform: translateX(0); }
}
@keyframes slideInFromLeft {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
}
#story-modal.slide-in-right {
animation: storyModalSlideInRight 0.6s ease forwards;
}
#story-modal.slide-out-right {
animation: storyModalSlideOutRight 0.6s ease forwards;
}
@keyframes storyModalSlideInRight {
from { transform: translateX(100%); opacity: 1; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes storyModalSlideOutRight {
from { transform: translateX(0); opacity: 1; }
to { transform: translateX(100%); opacity: 1; }
}
/* End of Sliding overlay modal */
/* Enablers Modal styles */
body.enabler-modal--locked {
overflow: hidden;
}
.optima-report-landing-page #enabler-modal {
position: fixed;
inset: 0;
display: none;
height: 100vh;
align-items: center;
justify-content: center;
background: #fff;
z-index: 10001;
transform: translateX(100%);
transition: transform 0.6s ease, opacity 0.3s ease;
will-change: transform;
opacity: 1;
}
.optima-report-landing-page #enabler-modal.is-open {
display: flex;
}
.optima-report-landing-page #enabler-modal.is-open.animate-in {
transform: translateX(0);
}
.optima-report-landing-page #enabler-modal.animate-out {
transform: translateX(100%);
}
.optima-report-landing-page #enabler-modal .enabler-modal__inner {
width: 100vw;
min-height: 100vh;
height: 100%;
overflow: auto;
position: relative;
background-color: #fff;
animation: enablerModalFadeIn 0.4s ease forwards;
}
.optima-report-landing-page .enabler-modal__close {
position: relative;
margin: 30px 27px;
font-size: 18px;
border: 1px solid #0076A1;
border-radius: 3px;
padding: 16px 21px 17px 17px;
cursor: pointer;
background-color: #fff;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
color: #0076A1;
display: flex;
align-items: center;
gap: 6px;
}
.optima-report-landing-page .enabler-three .enabler-modal__close {
background-color: transparent;
margin: 30px 0;
}
.optima-report-landing-page .enabler-modal__content {
position: relative;
overflow: visible;
height: auto;
transition: transform 0.6s ease, opacity 0.3s ease;
}
.optima-report-landing-page .enabler-modal__content.is-sliding-left,
.optima-report-landing-page .enabler-modal__content.is-sliding-right {
pointer-events: none;
opacity: 0.5;
}
.optima-report-landing-page .enabler-modal__slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
height: 100vh;
background-color: #fff;
z-index: 9999;
animation: enablerSlideInRight 0.6s ease forwards;
}
.optima-report-landing-page .enabler-modal__slide-overlay.from-right {
animation-name: enablerSlideInRight;
}
.optima-report-landing-page .enabler-modal__slide-overlay.from-left {
animation-name: enablerSlideInLeft;
}
.optima-report-landing-page .enabler-modal__ghost {
display: flex;
flex-direction: column;
gap: 16px;
padding: 60px 30px;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.optima-report-landing-page .enabler-modal__ghost-line {
height: 20px;
border-radius: 4px;
background: linear-gradient(90deg, #e0e0e0 25%, #f4f4f4 50%, #e0e0e0 75%);
background-size: 200% 100%;
animation: enablerGhostShimmer 1.5s infinite linear;
}
.optima-report-landing-page .enabler-modal__ghost-line.wide { width: 100%; }
.optima-report-landing-page .enabler-modal__ghost-line.medium { width: 70%; }
.optima-report-landing-page .enabler-modal__ghost-line.short { width: 40%; }
.optima-report-landing-page .enabler-modal__loading {
padding: 40px;
text-align: center;
}
.optima-report-landing-page .enabler-modal__error {
padding: 24px;
color: #a00;
}
@keyframes enablerModalFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes enablerSlideInRight {
from { transform: translateX(100%); opacity: 0.9; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes enablerSlideInLeft {
from { transform: translateX(-100%); opacity: 0.9; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes enablerGhostShimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.optima-report-landing-page .enabler-header {
display: flex;
align-items: center;
justify-content: center;
background-color: #E5F6FB;
background-image: url('../img/background-asset-foreward-lighter.png');
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.optima-report-landing-page .enabler-header-content {
padding-top: 62px;
padding-bottom: 43px;
overflow: unset !important;
}
.optima-report-landing-page .enabler-header-content .header-element-one {
position: absolute;
right: -3500px;
height: 3000px;
width: 3000px;
bottom: -1500px;
transform: rotate(-45deg);
z-index: 2;
}
.optima-report-landing-page .enabler-header-content .header-element-two {
position: absolute;
right: -250px;
height: 500px;
width: 500px;
bottom: -330px;
transform: skew(-45deg);
filter: brightness(1.2);
z-index: 1;
}
.optima-report-landing-page .enabler-header .enabler-header-subtitle {
padding-bottom: 13px;
font-family: "Gibson", canada-type-gibson, sans-serif;
color: #2F2F2F;
font-size: 22px;
line-height: 28px;
font-weight: 600;
display: block;
}
.optima-report-landing-page .enabler-header .enabler-header-subtitle span {
font-weight: 400;
margin-left: 8px;
}
.optima-report-landing-page .enabler-header .enabler-header-title {
margin: 0;
font-family: "Gibson", canada-type-gibson, sans-serif;
color: #0076A1;
font-size: 40px;
line-height: 50px;
font-weight: 600;
width: 80%;
z-index: 5;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-landing-page .enabler-header .enabler-header-subtitle,
.optima-report-landing-page .enabler-header .enabler-header-title {
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 991.98px) {
.optima-report-landing-page .enabler-header-content .header-element-two {
right: -200px;
bottom: -400px;
}
}
/* End of Enablers Modal styles */
/* Enabler Footer Pagination styles */
.optima-report-enabler-page .enabler-footer {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.optima-report-enabler-page .enabler-footer .custom-container {
width: 100%;
}
.optima-report-enabler-page .enabler-footer-grid {
display: flex;
gap: 26px;
margin: 64px 0 75px;
}
.optima-report-enabler-page .enabler-footer-half {
width: calc(50% - 13px);
border-radius: 3px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
}
.optima-report-enabler-page .enabler-footer-half.empty {
background: transparent;
}
.optima-report-enabler-page .enabler-footer-half.next {
text-align: right;
}
.optima-report-enabler-page .enabler-footer-label {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 28px;
line-height: 36px;
font-weight: 500;
color: #252C37;
margin-bottom: 20px;
}
.optima-report-enabler-page .enabler-footer-link {
display: flex;
align-items: center;
gap: 17px;
text-decoration: none;
color: inherit;
border-radius: 3px;
text-align: left;
height: 100%;
}
.optima-report-enabler-page .enabler-footer-thumb {
padding: 32px 0 32px 21px;
}
.optima-report-enabler-page .enabler-footer-thumb img {
width: 105px;
height: 105px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 3px;
}
.optima-report-enabler-page .enabler-footer-content {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
}
.optima-report-enabler-page .enabler-footer-content .enabler-header-subtitle {
display: block;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 400;
color: #fff;
margin-bottom: 4px;
}
.optima-report-enabler-page .enabler-footer-content .enabler-header-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 600;
color: #fff;
margin: 0;
}
.optima-report-enabler-page .enabler-footer-arrow {
height: 100%;
display: flex;
padding-left: 18px;
padding-right: 18px;
background-color: rgba(255, 255, 255, 0.2);
}
.optima-report-enabler-page .enabler-footer-arrow svg {
width: 20px;
height: auto;
stroke: #fff;
}
.optima-report-enabler-page .enabler-footer-half.previous .enabler-footer-link {
justify-content: flex-start;
padding-right: 15px;
}
.optima-report-enabler-page .enabler-footer-half.next .enabler-footer-link {
justify-content: flex-end;
}
@media (max-width: 1240px) and (min-width: 992px) {
.optima-report-enabler-page .enabler-footer {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-header-content {
width: 100%;
}
.optima-report-enabler-page .enabler-footer-grid {
gap: 10px;
margin: 30px 0 34px;
display: grid;
}
.optima-report-enabler-page .enabler-footer-half {
width: 100%;
}
.optima-report-enabler-page .enabler-footer-half.previous {
order: 1;
}
.optima-report-enabler-page .enabler-footer-half.previous .enabler-footer-link {
flex-direction: row-reverse;
}
.optima-report-enabler-page .enabler-footer-label {
text-align: left;
font-size: 25px;
margin-bottom: 5px;
}
.optima-report-enabler-page .enabler-footer-arrow.left {
order: 1;
}
.optima-report-enabler-page .enabler-footer-thumb img {
display: none;
}
.optima-report-enabler-page .enabler-footer-content {
padding: 19px 18px 25px 31px;
display: block;
}
.optima-report-enabler-page .enabler-footer-thumb {
display: none;
}
}
/* End of Enabler Footer Pagination styles */
/* Enabler One styles */
.optima-report-enabler-page .enabler-modal-content .enabler-one {
display: flex;
flex-wrap: wrap;
width: 100%;
min-height: 456px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half {
flex: 1 1 50%;
width: 50%;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__content {
position: relative;
z-index: 2;
padding: 30px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--left {
justify-content: flex-end;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--left .enabler-one__content {
width: calc(600px - 20px);
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--right .enabler-one__content {
padding-left: 118px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__number {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 150px;
line-height: 130px;
font-weight: 600;
letter-spacing: -7px;
margin-bottom: 10px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__text {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 60px;
font-weight: 500;
margin-top: -20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__subtitle {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 30px;
font-weight: 500;
margin-top: -5px;
}
@media (max-width: 1279.98px) and (min-width: 992px) {
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--left .enabler-one__content {
width: unset;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--left {
justify-content: flex-start;
}
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-modal-content .enabler-one {
flex-direction: column;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--left {
justify-content: flex-start;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half {
flex: 1 1 100%;
min-height: 300px;
width: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__half--right .enabler-one__content {
padding-left: 30px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__number {
font-size: 100px;
line-height: 90px;
letter-spacing: -7px;
margin-bottom: 5px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__text {
font-size: 40px;
margin-top: -10px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one__subtitle {
font-size: 20px;
margin-top: 0;
}
}
.optima-report-enabler-page .enabler-modal-content .enabler-one.variation-five .enabler-one__half--left .enabler-one__text {
line-height: 60px;
margin-bottom: 22px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-one.variation-five .enabler-one__half--right .enabler-one__subtitle {
margin-bottom: 20px;
}
/* End of Enabler One styles */
/* Enabler Two styles */
.optima-report-enabler-page .enabler-modal-content .enabler-two__gallery-one {
background-color: #fff;
padding: 80px 0 100px;
display: flex;
justify-content: center;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__gallery-one .custom-container {
overflow: unset;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__img {
height: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
display: block;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__gallery-two {
background-color: #2A285E;
padding: 80px 0 100px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__gallery-two .custom-container {
overflow: unset;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__header {
max-width: 800px;
margin: 0 auto 40px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 40px;
line-height: 40px;
margin: 0 0 18px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin: 0;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two {
position: relative;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow {
background-color: #007DB6;
border: none;
border-radius: 3px;
width: 40px;
height: 40px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow .arrow-icon,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow .arrow-icon {
display: flex;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow:hover,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow:hover {
background-color: #005B7A;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow--prev,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow--prev {
left: -60px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow--next,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow--next {
right: -60px;
}
@media (max-width: 1320px) and (min-width: 992px) {
.optima-report-enabler-page .enabler-two__slider-one,
.optima-report-enabler-page .enabler-two__slider-two {
margin-left: 80px;
margin-right: 80px;
}
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-modal-content .enabler-two__gallery-one,
.optima-report-enabler-page .enabler-modal-content .enabler-two__gallery-two {
padding: 40px 0 60px;
overflow: hidden;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two .custom-container {
width: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__title {
font-size: 27px;
line-height: 30px;
padding-left: 20px;
padding-right: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__description {
font-size: 18px;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two {
padding-left: 20px;
padding-right: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__track {
margin-left: 50px;
margin-right: 50px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__slide:not(.splide__slide--col) {
padding-left: 50px;
padding-right: 50px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__slide,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__slide {
height: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow--prev,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow--prev {
left: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-one .splide__arrow--next,
.optima-report-enabler-page .enabler-modal-content .enabler-two__slider-two .splide__arrow--next {
right: 20px;
}
}
/* End of Enabler Two styles */
/* Enabler Three styles */
.optima-report-enabler-page .enabler-modal-content .enabler-three {
background-color: #F5FAFC;
padding: 47px 0 65px;
display: flex;
justify-content: center;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__header {
text-align: left;
margin-bottom: 19px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 36px;
color: #252C37;
margin: 0;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__grid {
display: flex;
gap: 26px;
flex-wrap: wrap;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__card {
background-color: #fff;
border-radius: 4px;
text-decoration: none;
color: inherit;
width: calc(50% - 13px);
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__inner {
display: flex;
align-items: center;
gap: 20px;
padding: 25px 30px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__image img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 3px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__content {
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__card-title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: #252C37;
margin: 0;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__arrow svg {
width: 20px;
height: auto;
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-modal-content .enabler-three {
padding: 30px 0;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__grid {
flex-direction: column;
gap: 14px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__card {
width: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__inner {
padding: 18px 20px;
flex-direction: row;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__image img {
width: 65px;
height: 65px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-three__card-title {
font-size: 16px;
line-height: 22px;
}
}
/* Inner story slide animation — only for Enabler Three internal pages */
.enabler-story__slide-overlay {
position: absolute;
inset: 0;
z-index: 9999;
background: #F5FAFC;
animation-duration: 0.5s;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
.enabler-story__slide-overlay.from-right {
animation-name: storySlideInFromRight;
}
@keyframes storySlideInFromRight {
from { transform: translateX(100%); }
to { transform: translateX(0); }
}
.enabler-story__slide-overlay.from-left {
animation-name: storySlideInFromLeft;
}
@keyframes storySlideInFromLeft {
from { transform: translateX(-100%); }
to { transform: translateX(0); }
}
/* End of Enabler Three styles */
/* Enabler Four styles */
.optima-report-enabler-page .enabler-modal-content .enabler-four {
background-color: #F5FAFC;
padding: 45px 0 0;
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-modal-content .enabler-four {
padding: 0;
}
}
/* End of Enabler Four styles */
/* Enabler Five styles */
.optima-report-enabler-page .enabler-modal-content .enabler-five {
background-color: #2A285E;
padding: 80px 0 100px;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five .custom-container {
overflow: unset;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__header {
max-width: 800px;
margin: 0 auto 40px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__title {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 40px;
line-height: 40px;
margin: 0 0 18px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__description {
font-family: "Gibson", canada-type-gibson, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin: 0;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider {
position: relative;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__img {
height: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
display: block;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow {
background-color: #007DB6;
border: none;
border-radius: 3px;
width: 40px;
height: 40px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow .arrow-icon {
display: flex;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow:hover {
background-color: #005B7A;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow--prev {
left: -60px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow--next {
right: -60px;
}
@media (max-width: 1320px) and (min-width: 992px) {
.optima-report-enabler-page .enabler-five__slider {
margin-left: 80px;
margin-right: 80px;
}
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-modal-content .enabler-five {
padding: 40px 0 60px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five .custom-container {
width: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__title {
font-size: 27px;
line-height: 30px;
padding-left: 20px;
padding-right: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__description {
font-size: 18px;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider {
padding-left: 20px;
padding-right: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__slide:not(.splide__slide--col) {
padding-left: 50px;
padding-right: 50px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__slide {
height: 100%;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow--prev {
left: 20px;
}
.optima-report-enabler-page .enabler-modal-content .enabler-five__slider .splide__arrow--next {
right: 20px;
}
}
/* End of Enabler Five styles */
/* Enabler Six styles */
.optima-report-enabler-page .enabler-six {
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
}
.optima-report-enabler-page .enabler-six__content {
padding: 127px 0 96px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
text-align: center;
}
.optima-report-enabler-page .enabler-six__subtitle {
font-size: 50px;
line-height: 50px;
font-weight: 600;
font-family: "Gibson", canada-type-gibson, sans-serif;
color: #fff;
}
.optima-report-enabler-page .enabler-six__title {
font-size: 150px;
line-height: 150px;
font-weight: 600;
font-family: "Gibson", canada-type-gibson, sans-serif;
color: #fff;
}
@media (max-width: 991.98px) {
.optima-report-enabler-page .enabler-six__subtitle {
font-size: 35px;
line-height: 35px;
}
.optima-report-enabler-page .enabler-six__title {
font-size: 95px;
line-height: 95px;
}
}
/* End of Enabler Six styles */
/* Enabler Lightbox styles */
.enabler-lightbox {
display: none;
position: fixed;
inset: 0;
z-index: 99999;
justify-content: center;
align-items: center;
text-align: center;
background: #2F2F2FCF;
}
.enabler-lightbox.is-open {
display: flex;
}
.enabler-lightbox__overlay {
position: absolute;
inset: 0;
}
.enabler-lightbox__content {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
}
.enabler-lightbox__content .custom-container {
overflow: unset;
}
.enabler-lightbox__image {
width: 100%;
height: auto;
display: block;
background-color: #fff;
}
.enabler-lightbox__caption {
background: #fff;
color: #2F2F2F;
padding: 22px 30px 27px;
font-family: "Gibson", canada-type-gibson, sans-serif;
font-size: 20px;
line-height: 26px;
text-align: left;
margin: 0;
}
.enabler-lightbox__close {
position: absolute;
top: -50px;
right: -5px;
background: none;
border: none;
cursor: pointer;
z-index: 3;
transition: opacity 0.2s ease;
}
.enabler-lightbox__close:hover {
opacity: 0.75;
}
@media (max-width: 991.98px) {
.enabler-lightbox__close {
right: 15px;
}
}
/* End of Enabler Lightbox styles */