/*
-----------------------------------------
BASE
-----------------------------------------
*/
body, p, li {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 1.125rem;
line-height: 1.5;
color: #000;
}
::selection {
background-color: #000000;
color: #ffffff;
}
.bg-gray {
background-color: #F8F8F8 !important;
}
.bg-blue {
background-color: #DFEAEC !important;
}
.bg-green {
background-color: #67A5AD !important;
}
.txt-blue {
color: #0A2342;
}
.txt-white {
color: #F7F7F2;
}
.scroll-to {
display: block;
position: relative;
top: -112px;
visibility: hidden;
}
a, a:link, a:active {
color: #000000;
text-decoration: none;
transition: 0.2s;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: none;
}
ul {
padding-left: 1rem;
}
a:hover {
color: #457E82;
text-decoration: none;
}
img {
max-width: 100%;
}
figure {
margin-bottom: 0;
}
html {
scroll-behavior: smooth;
}
b, strong {
font-weight: 700;
}
p strong {
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.2;
text-transform: none;
color: #002535;
}
h1 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: .5rem;
text-transform: initial;
}
h2 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: .25rem;
text-transform: initial;
}
h3 {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: .25rem;
text-transform: initial;
}
h4 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: .25rem;
color: #000000;
}
h5 {
font-size: 1rem;
margin-bottom: .25rem;
color: #000000;
}
h6 {
font-size: .875rem;
margin-bottom: .25rem;
color: #17191a;
}
h1 + h2, p + h2, ul + h2, p + h3, ul + h3 {
margin-top: 2rem;
}
h2 + h3 {
margin-top: 1.5rem;
}
p.ingress {
font-size: 1.125rem;
line-height: 1.4;
font-weight: 400;
}
.max-width-300 {
max-width: 300px;
}
@media screen and (min-width: 576px) {
h1 {
font-size: 1.875rem;
}
p {
font-size: 1.125rem;
}
p.ingress {
font-size: 1.25rem;
}
}
@media screen and (min-width: 992px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.125rem;
}
p {
font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.375rem;
}
p.ingress {
font-size: 1.375rem;
}
}
@media screen and (min-width: 1700px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 1.875rem;
}
h3 {
font-size: 1.5rem;
}
p.ingress {
font-size: 1.375rem;
}
}
article h1 {
font-size: 1.75rem;
font-weight: 700;
}
article p:last-child {
margin-bottom: 0;
}
article p.ingress {
font-size: 1.25rem;
}
article p a {
text-decoration: underline !important;
}
article p a:hover {
text-decoration: none !important;
}
@media screen and (min-width: 992px) {
article h1 {
font-size: 2rem;
}
article h2 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1700px) {
article h1 {
font-size: 2.25rem;
}
article h2 {
font-size: 1.75rem;
}
article p.ingress {
font-size: 1.375rem;
}
}
.bluebg {
background-color: #0B2342;
}
/* ---------- Padding x space ---------- */
.padding-x-space {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.padding-x-space {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1200px) {
.padding-x-space {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.padding-x-space {
padding-left: 8vw;
padding-right: 8vw;
}
}
.padding-x-space_s {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.padding-x-space_s {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1200px) {
.padding-x-space_s {
padding-left: 10rem;
padding-right: 10rem;
}
}
@media (min-width: 1200px) {
.padding-x-space_s {
padding-left: 16vw;
padding-right: 16vw;
}
}
/* ---------- Padding y space ---------- */
.padding-y-space {
padding-top: 2rem;
padding-bottom: 2rem;
transition: .5s;
}
@media (min-width: 768px) {
.padding-y-space {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-y-space {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
}
@media (min-width: 1700px) {
.padding-y-space {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
/* ---------- Button ---------- */
a.btn {
display: inline-block;
font-size: 0.875rem;
text-transform: uppercase;
background-color: transparent;
border: 1px solid #457E82;
padding: 0.625em 1.75em;
color: #457E82;
font-weight: 500;
transition: all ease 0.2s;
border-radius: 0;
}
a.btn:hover,
a.btn:focus,
a.btn:active {
color: #fff;
border-color: #457E82;
background: #457E82;
outline: none;
box-shadow: none;
}
a.btn-white {
color: #FFFFFF;
border-color: #FFFFFF;
}
a.btn-white:hover {
color: #324158;
border-color: #FFFFFF;
background: #FFFFFF;
}
[type="button"] {
-webkit-appearance: none;
}
@media screen and (min-width: 1200px) {
a.btn {
font-size: 1rem;
}
}
/* ---------- Header section ---------- */
.section-header {
margin-bottom: 1.5rem;
}
.section-header h2 {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 300;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.section-header {
margin-bottom: 2rem;
}
}
@media screen and (min-width: 992px) {
.section-header h2 {
font-size: 1.5rem;
}
.section-header {
margin-bottom: 2rem;
}
}
@media screen and (min-width: 1700px) {
.section-header {
margin-bottom: 3rem;
}
}
.note {
margin-top: 0.5rem;
margin-bottom: 0;
font-size: 0.875rem;
}
/*
-----------------------------------------
NAVBAR
-----------------------------------------
*/
.navbar {
justify-content: space-between;
align-items: initial;
padding-top: 0;
padding-bottom: 0;
z-index: 4;
top: 0;
transition: all ease 0.4s;
background-color: #fff;
box-shadow: 0px 1px 2px 0px #0000001A;
}
@media screen and (max-width: 1199px) {
.navbar {
height: 72px;
}
}
.navbar-show {
transform: none;
}
/* ---------- Logo ---------- */
.navbar-brand {
padding: 0;
display: flex;
}
.navbar-brand img {
width: auto;
height: 30px;
transition: 0.15s;
}
@media screen and (min-width: 992px) {
.navbar-brand img {
width: auto;
height: 40px;
}
}
/*
@media screen and (min-width: 1200px) {
.navbar-brand img {
width: 180px;
height: auto;
}
}
@media screen and (min-width: 1700px) {
.navbar-brand img {
width: 200px;
height: auto;
}
}
*/
/* ---------- Mobile menu button ---------- */
.navbar-toggler:focus {
outline: none;
}
.navbar .navbar-toggler {
width: 35px;
height: 28px;
position: relative;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
padding: 0;
outline: none !important;
box-shadow: none !important;
border: none;
z-index: 1032;
}
.navbar-toggler {
position: relative;
width: 30px;
height: 22px;
border: none;
}
.navbar-toggler span {
display: block;
position: absolute;
height: 2px;
width: 30px;
background: #000;
opacity: 1;
left: 0;
}
.navbar-dark .navbar-toggler span {
background: #FFFFFF;
}
.navbar-toggler:focus,
.navbar-toggler:active {
border: none;
outline: none;
box-shadow: none;
}
.navbar-toggler span:nth-child(1) {
top: 0;
}
.navbar-toggler span:nth-child(2) {
top: 10px;
}
.navbar-toggler span:nth-child(3) {
top: 20px;
}
@media screen and (min-width: 1200px) {
.navbar-toggler {
display: none;
}
}
/* ----- Offcanvas mobile menu ----- */
.offcanvas-collapse {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 100%;
overflow-y: auto;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-transform: translateX(100%);
transform: translateX(100%);
z-index: 1032;
overflow-x: hidden;
}
.offcanvas-collapse.open {
-webkit-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 40px rgba(0,0,0,0.1);
}
#mob-nav {
padding: 0;
}
@media screen and (min-width: 400px) {
.offcanvas-collapse {
width: 380px;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-collapse.open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
#mobileMenu .nav-item {
border-bottom: 1px solid #D4D4D6;
}
#mobileMenu .nav-link {
color: #000000;
font-weight: 600;
font-size: 1.125rem;
padding: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
white-space: nowrap;
}
#mobileMenu .sub-nav-link {
color: #000000;
font-size: 1.125rem;
padding: 0 1rem 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
white-space: nowrap;
}
/* Mobile menu close button */
.close-button {
cursor: pointer;
font-size: 36px;
padding: 0 0.25rem;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
color: #000000;
height: 30px;
width: 30px;
margin-right: 0.75rem;
}
.main-menu-mobile .top-nav-item {
height: 60px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.main-menu-mobile .top-nav-item span {
display: block;
position: absolute;
height: 2px;
width: 30px;
background: #000000;
opacity: 1;
right: 0;
}
.main-menu-mobile .top-nav-item span:nth-child(1) {
top: 15px;
transform: rotate(45deg);
}
.main-menu-mobile .top-nav-item span:nth-child(2) {
top: 15px;
transform: rotate(-45deg);
}
#mobileMenu #language-menu .nav-link {
font-weight: 400;
opacity: 0.8;
}
/* Mobile submenu */
.main-menu-mobile .offcanvas-submenu-collapse {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow-y: auto;
transition: all .3s ease-in-out;
-webkit-transform: translateX(100%);
transform: translateX(100%);
z-index: 10;
padding: 0;
opacity: 0;
}
.main-menu-mobile .offcanvas-submenu-collapse.open {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.main-menu-mobile .offcanvas-submenu-collapse .top-nav-item {
justify-content: space-between;
}
.main-menu-mobile .back-button {
justify-content: flex-start;
font-size: 30px;
margin-left: 1rem;
color: #000000;
}
.main-menu-mobile .submenu {
list-style: none;
padding-left: 0;
}
.main-menu-mobile .offcanvas-submenu-collapse .submenu:first-child .nav-item:first-child .nav-link {
border-top: none;
}
.main-menu-mobile .submenu-submenu {
list-style: none;
padding-left: 0;
}
#mobileMenu .main-menu-mobile .submenu-submenu .nav-item .nav-link {
white-space: normal;
font-weight: 400;
}
.main-menu-mobile .submenu-submenu .nav-item:first-child .nav-link {
border-top: none;
}
.main-menu-mobile .submenu-submenu .nav-item:first-child .nav-link {
border-top: none;
}
.main-menu-mobile .submenu-submenu > .nav-item:last-child {
border-bottom: 1px solid #A1B7B6;
}
.main-menu-mobile .submenu .submenu .nav-item:last-child .nav-link {
border-bottom: none;
}
.main-menu-mobile .submenu-item .nav-link {
text-transform: none;
}
/* ---------- Desktop menu ---------- */
#desktopMenu {
display: none;
}
@media screen and (min-width: 1200px) {
#desktopMenu {
display: flex;
}
}
#main-menu {
flex-direction: row;
align-items: center;
}
#main-menu .nav-item {
position: relative;
}
#main-menu .nav-link {
font-weight: 500;
color: #002535;
padding: 0.5rem 0;
transition: all ease 0.15s;
text-transform: uppercase;
font-size: 1rem;
}
#language-menu .nav-link {
color: #002535;
font-size: 0.875rem;
line-height: 1.5;
font-weight: 400;
padding: 1rem;
transition: 0.2s;
cursor: pointer;
}
@media screen and (min-width: 1200px) {
#language-menu .nav-link {
padding: 0.75rem 0 0.75rem 0.75rem;
line-height: 1;
}
}
#main-nav .nav-link:hover,
#language-menu .nav-link:hover,
#main-nav .mega-menu .nav-link:hover,
#sub-nav .nav-link:hover {
color: #457E82;
text-decoration: none !important;
}
.navbar-light #main-menu .nav-link:hover {
color: #457E82;
}
#main-menu .dropdown-menu .nav-link:hover {
color: #457E82;
}
#main-menu > .nav-item > .nav-link {
margin-right: 1.5rem;
}
#main-menu > .nav-item:last-child > .nav-link {
margin-right: 0;
}
.navbar-dark #main-menu .nav-link {
color: #FFFFFF;
}
@media screen and (min-width: 1700px) {
#main-menu > .nav-item > .nav-link {
margin-right: 2rem;
}
}
/* Desktop dropdown menus */
#main-menu .dropdown-toggle::after {
display: none;
}
#main-menu .dropdown:hover .dropdown-menu {
display: block;
}
#main-menu .dropdown-menu {
background-color: #F8F8F8;
border: none;
border-radius: 0;
position: absolute;
top: calc(100% - 2px);
padding: 0;
min-width: 260px;
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}
#main-menu .dropdown-menu .sub-item {
padding-bottom: 1rem;
}
#main-menu .dropdown-menu .sub-item .nav-link {
padding-bottom: 1rem;
}
#main-menu .dropdown-menu .nav-link {
color: #002535;
font-size: 0.875rem;
font-weight: 400;
padding: 1rem;
border-top: 1px solid #D4D4D6;
line-height: 1;
}
#main-menu .dropdown-menu .sub-nav-link {
color: #002535;
font-size: 0.875rem;
font-weight: 400;
padding: 0 1rem 1rem 2rem;
line-height: 1;
transition: all ease 0.15s;
display: block;
}
#main-menu .dropdown-menu .sub-nav-link:last-child {
padding-bottom: 0;
}
#main-menu .dropdown-menu .nav-item:first-child .nav-link {
border-top: none;
}
/* Desktop language menu */
#desktopMenu #language-menu {
flex-direction: row;
}
#desktopMenu #language-menu .nav-link {
font-weight: 400;
font-size: 0.875rem;
color: #000000;
padding: 0.5rem 1.5rem 0.5rem 0;
transition: all ease 0.15s;
}
#desktopMenu #language-menu .nav-item:last-child .nav-link {
padding-right: 0;
}
.navbar-dark #desktopMenu #language-menu .nav-link {
color: #FFFFFF;
}
@media screen and (min-width: 1700px) {
#desktopMenu #language-menu .nav-link {
font-size: 1rem;
padding: 0.5rem 1.875rem 0.5rem 0;
}
}
/*
-----------------------------------------
FOOTER
-----------------------------------------
*/
footer {
background-color: #002535;
color: #DFEAEC;
background-image: url(/media/rbwdj5fx/decoration.svg);
background-position: right bottom;
background-size: contain;
background-repeat: no-repeat;
}
footer p, footer a, footer .lower-footer p a, .footer-contact-box a, .footer-contact-box h3, .footer-contact-box p, .footer-contact-box li {
color: #DFEAEC !important;
font-size: 1rem;
}
footer a:hover {
opacity: 0.5 !important;
}
.footer h3 {
font-weight: 500;
}
.footer-link-box > ul {
justify-content: space-between;
gap: 2rem;
border-top: 1px solid #394D5D;
}
.footer-link-box li {
flex-grow: 1;
}
.footer-link-box .footer-nav-link {
font-weight: 500;
}
footer ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
footer p {
font-size: 1rem;
}
footer li {
font-size: 1rem;
}
footer ul li ul li a.nav-link {
font-size: .875rem;
padding-bottom: 0;
color: #9CA6AE;
}
footer ul li a.nav-link:hover {
color: #9CA6AE;
opacity: 0.5 !important;
}
.sm-icons > a {
height: 40px;
width: 40px;
margin-right: 0.75rem;
color: #9CA6AE
}
.lower-footer {
border-top: 1px solid #394D5D;
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer-contact-box .footer-link-box {
background: #173257;
}
.footer-contact-box a:hover {
opacity: 0.5 !important;
}
/*
-----------------------------------------
START PAGE
-----------------------------------------
*/
/* ---------- Hero section ---------- */
.chevron-down {
width: 84%;
position: absolute;
bottom: 1rem;
}
.chevron-down a {
color: #fff;
font-size: 2rem;
}
.chevron-down a:hover {
color: #457E82;
}
.scroll-to {
display: block;
position: relative;
top: -59px;
visibility: hidden;
}
@media screen and (min-width: 992px) {
.scroll-to {
top: -111px;
}
}
.hero-section {
min-height: calc(100vh - 72px);
margin-top: 72px;
position: relative;
background-position: center;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-decoration {
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: contain;
display: none;
}
.ir-mainpage .hero-decoration {
display: block;
}
.hero-video video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: -1;
}
.hero-video {
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-caption {
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
z-index: 1;
text-align: center;
text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
.hero-video .hero-caption .btn {
color: #fff;
border: 2px solid #fff;
}
.hero-video .hero-caption .btn:hover {
color: #002535;
border: 2px solid #002535;
background: transparent;
}
.hero-caption h1 {
font-size: clamp(2.5rem, calc(2.5rem + ((1vw - 0.36rem) * 2.847)), 4.5rem);
line-height: 1.1;
width: 100%;
font-weight: 700;
color: #fff;
max-width: 850px;
}
.hero-caption h2 {
font-size: clamp(1.75rem, calc(1.75rem + ((1vw - 0.36rem) * 1.0676)), 2.5rem);
width: 100%;
font-weight: 300;
color: #fff;
border-top: 6px solid #457E82;
padding-top: 1rem;
max-width: 850px;
margin-top: .375em;
}
.hero-caption a.btn {
margin: 2rem 0 0;
font-size: 1rem;
padding: 1rem 1.75rem;
}
@media screen and (min-width: 576px) {
.hero-caption a.btn {
font-size: 1rem;
padding: 1rem 1.75rem;
}
.hero-decoration {
display: block;
}
.hero-caption {
padding-left: 25vw;
}
.hero-caption {
text-align: left;
}
.hero-caption h2 {
border-top: none;
border-left: 6px solid #457E82;
padding-left: 1rem;
padding-top: 0;
}
}
@media screen and (min-width: 768px) {
.hero-caption {
padding-left: 20vw;
}
}
@media screen and (min-width: 992px) {
.hero-caption, .video-caption {
align-items: start;
text-align: left;
}
}
@media screen and (min-width: 1200px) {
.hero-section {
min-height: calc(100vh - 97px);
margin-top: 97px;
}
.hero-caption {
padding-left: 10vw;
}
}
@media screen and (min-width: 1700px) {
.hero-caption {
padding-left: 7vw;
}
}
/* Hero ingress */
.hero-ingress p {
margin: 0 auto;
font-size: 1.125rem;
max-width: 70ch;
}
.hero-ingress hr {
border-top: 6px solid #97BDC1;
margin: 2rem auto 0;
width: 40%;
}
@media screen and (min-width: 992px) {
.hero-ingress p {
font-size: 1.25rem;
}
.hero-ingress hr {
margin: 1.5rem auto 0;
max-width: 350px;
}
}
@media screen and (min-width: 1700px) {
.hero-ingress p {
font-size: 1.5rem;
}
.hero-ingress hr {
margin: 2rem auto 0;
}
}
.offers-item {
margin-bottom: 1rem;
}
.offers-item:last-child {
margin-bottom: 0;
}
.offer-item {
/* border: 1px solid #CCCCCC;*/
padding: 1rem;
height: 100%;
margin-bottom: 1rem;
}
.offer-item figure {
width: 148px;
margin-bottom: 1rem;
}
.offer-item img {
width: 100%;
height: 100%;
object-fit: contain;
}
.offer-item h3 {
font-size: clamp(1.375rem, 1.23rem + 0.725vw, 2rem);
margin-bottom: clamp(0.5rem, 0.442rem + 0.29vw, 0.75rem);
}
.offer-item p {
margin-bottom: 0;
text-align: center;
}
@media screen and (min-width: 992px) {
.offers-item {
margin-bottom: 0;
}
.offer-item {
padding: 2rem;
margin-bottom: 0;
}
.offer-item h3 {
font-size: clamp(1.5rem, 0.799rem + 1.13vw, 2rem);
}
}
@media screen and (min-width: 1700px) {
.offer-item {
padding: 2rem;
}
}
.banner .btn:not(:hover) {
border: 1px solid #fff;
color: #fff;
background: transparent;
}
.banner.ir-banner .btn:not(:hover) {
border: 1px solid #457E82;
color: #457E82;
background: transparent;
}
.banner.upper-banner .banner-section-text {
background-color: #73A7AE;
background-image: url(/media/swmdxcr5/pattern-right.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
color: #fff;
}
.banner.lower-banner .banner-section-text {
background-color: #f8f8f8;
color: #002535;
}
.banner.lower-banner .banner-section-text * {
color: #002535;
}
.banner.lower-banner .banner-contact-info a:hover {
color: #457E82 !important;
}
.banner.lower-banner .banner-section-text .banner-contact-info {
border-left: 4px solid #67A5AD;
padding-left: 1rem;
}
.banner .banner-section-text * {
color: #fff;
}
.banner-section-text h3 {
font-size: clamp(1.5rem, 1.268rem + 1.159vw, 2.5rem);
margin-bottom: 0.75rem;
}
.news-posts .news-post {
border: none;
}
.news-posts .news-post .news-preview {
border-top: 6px solid #97BDC1;
padding-top: 1rem;
}
@media screen and (min-width: 992px) {
.news-posts .news-post {
border-top: none;
border-left: 6px solid #97BDC1;
padding-left: 1rem;
padding-top: 0;
height: 100%;
}
.news-posts .news-post .news-preview {
border: none;
}
}
.news-post.news-home-headline {
border-left: none;
padding-left: 0;
margin-bottom: 0;
}
.news-home-headline h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.news-home-preview .read-more {
margin-top: 1rem;
display: none;
}
.read-more:hover {
opacity: 0.5 !important;
}
@media screen and (min-width: 768px) {
.news-home .col-md-6:first-child {
padding-right: 0;
}
.news-home .col-md-6:last-child {
padding-left: 0;
}
.news-home-headline {
padding-right: 2rem;
}
.news-home-headline h3 {
font-size: 2rem;
}
.news-home-headline .read-more {
display: block;
}
.news-posts .news-post.news-home-preview {
border-left: 6px solid #97BDC1;
padding-left: 2rem;
margin-bottom: 0;
}
.news-home-preview .read-more {
display: none;
}
}
@media screen and (min-width: 1400px) {
.news-home {
max-width: 1000px;
margin: 0 auto;
}
}
@media screen and (min-width: 1700px) {
.news-home {
max-width: 1200px;
}
.news-home-headline h3 {
font-size: 2rem;
}
}
.quotes-wrap {
background-image: url('/media/afqeb45h/quote.svg');
background-position: center top;
background-repeat: no-repeat;
background-size: 60%;
padding: 0.5rem 0 0;
}
p.client-quote {
font-weight: 500;
max-width: 60ch;
margin: 0 auto;
}
p.client-quote-author {
margin-top: 1rem;
font-size: 1rem;
}
@media screen and (min-width: 576px) {
.quotes-wrap {
background-size: auto 80%;
}
}
@media screen and (min-width: 1700px) {
p.client-quote {
font-size: 1.5rem;
}
p.client-quote-author {
font-size: 1.125rem;
margin-top: 2rem;
}
}
.logos-section figure {
margin-bottom: 1rem;
width: 280px;
}
.logos-section figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.logos-section p {
text-align: center;
}
/* ---------- Intro text ---------- */
.start-page-intro h2, .stats-section .section-header h2 {
font-size: 1.8rem;
}
.start-page-intro {
padding-top: 2rem;
padding-bottom: 2rem;
text-transform: uppercase;
font-weight: 600;
font-size: 28px;
}
.start-page-intro p {
margin: 0 auto;
color: #324158;
}
@media screen and (min-width: 992px) {
.start-page-intro p {
max-width: 750px;
font-size: 1.125rem;
}
}
@media screen and (min-width: 1700px) {
.start-page-intro {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.start-page-intro p {
max-width: 1000px;
font-size: 1.5rem;
}
}
/* ----- Press releases ----- */
#press-releases {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#press-releases > div {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
}
#press-releases > div:last-child {
margin-top: 2rem;
flex-basis: 100%;
}
#press-releases h2 {
margin-bottom: 2rem
}
#press-releases .news-item {
width: 100%;
}
.news-item {
}
.news-item .news-date p {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
#press-releases {
flex-wrap: nowrap;
}
#press-releases > div:first-child {
flex-basis: 65%;
width: 65%;
padding-right: 1rem;
}
#press-releases > div:last-child, #press-releases > div:first-child {
flex-basis: 35%;
width: 35%;
border-left: 3px solid #457E82;
padding-left: 1rem;
margin-top: 0;
}
#press-releases .press-items .news-item:nth-child(2) {
border-left: 1px solid #457E82;
}
#press-releases .press-items .news-item:nth-child(2) .news-date, #press-releases .press-items .news-item:nth-child(2) .news-caption {
margin-left: 16px;
}
#press-releases .news-item {
flex-basis: calc(50% - 0.5rem);
width: calc(50% - 0.5rem);
}
#press-releases .news-item.report-item-start {
flex-basis: 100%;
width: 100%;
}
}
@media screen and (min-width: 992px) {
#press-releases > div:first-child {
flex-basis: calc(65% - 1rem);
width: calc(65% - 1rem);
}
#press-releases > div:last-child {
flex-basis: 35%;
padding-left: 2rem;
}
#press-releases .news-item {
flex-basis: calc(50% - 1rem);
width: calc(50% - 1rem);
}
}
/* ----- News section ----- */
.news-post {
background-color: #FFFFFF;
margin-bottom: 1.5rem;
}
.news-preview h3 {
font-size: 1.5rem;
margin: 0 0 0.5rem;
}
.news-preview .date {
font-size: 0.875rem;
color: #457E82;
margin-bottom: 0;
}
.news-preview-short {
margin: 0;
}
.read-more {
display: inline-block;
color: #457E82 !important;
font-weight: 500;
font-size: 0.875rem;
text-transform: uppercase;
}
@media screen and (min-width: 992px) {
.read-more {
font-size: 1rem;
}
}
@media screen and (min-width: 992px) {
.news-section .news-post {
margin-bottom: 0;
}
}
@media screen and (min-width: 1400px) {
.news-post h2 {
margin-bottom: 0.75rem;
}
}
@media screen and (min-width: 1200px) {
.news-preview h3 {
font-size: 1.5rem;
}
.news-preview p {
font-size: 1.125rem;
}
}
@media screen and (min-width: 1400px) {
.news-post {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 1700px) {
.news-preview h3 {
font-size: 1.75rem;
}
.news-preview p {
font-size: 1.25rem;
}
}
/* ----- Image box and calendar ----- */
#calendar > div {
width: 100%;
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 2rem;
}
.grey-box-section #subscriptionPage .mfn-subscribe {
padding: 0rem;
}
#calendar.boxes-ir-main-page > div:last-child {
margin-top: 2rem;
}
#calendar.boxes-ir-main-page > div:first-child h2 {
margin-bottom: 1.5rem;
}
#calendar.boxes-ir-main-page > div:last-child h2 {
margin-bottom: 1rem;
}
#calendar .right-colum {
}
@media screen and (min-width: 999px) {
#calendar > div {
width: calc(50% - 0.5rem);
flex-basis: calc(50% - 1rem);
max-width: calc(50% - 1rem);
}
#calendar > div:last-child {
margin-top: 0;
}
}
#calendar > div {
background-color: #0B2342;
}
@media screen and (min-width: 992px) {
}
.press-releases-ir-main {
border-top: 1px solid #cccccc;
margin-top: 1.5rem;
max-width: 100%;
}
#calendar.boxes-ir-main-page > div:last-child {
margin-top: 2rem;
}
#calendar.boxes-ir-main-page > div:first-child {
margin-top: 2rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (min-width: 768px) {
#calendar.boxes-ir-main-page > div:first-child,
#calendar.boxes-ir-main-page > div:last-child {
margin-top: 0;
}
}
@media screen and (min-width: 1700px) {
.press-releases-ir-main .post-title a {
font-size: 1.25rem;
}
}
/* Gray box */
.main-content .bg-gray h2 {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1200px) {
.main-content .bg-gray {
width: 750px;
max-width: 100%;
}
}
.underline-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.underline-list li {
display: block;
color: #262626;
padding: 0.5rem 0;
border-bottom: 1px solid #cccccc;
}
.underline-list li a {
color: #262626;
}
.underline-list li:first-child {
border-top: 1px solid #cccccc;
}
@media screen and (min-width: 992px) {
.underline-list li {
padding: 1rem 0;
}
}
@media screen and (min-width: 1200px) {
}
.white-underline-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.white-underline-list li {
display: block;
color: #262626;
padding: 0.5rem;
border-bottom: 2px solid #ffffff;
}
.white-underline-list li a {
color: #262626;
}
@media screen and (min-width: 992px) {
.white-underline-list li {
padding: 1rem;
}
}
/*
-----------------------------------------
HEADER PAGE
-----------------------------------------
*/
.subpage-header {
background-size: cover;
background-position: center;
}
.subpage-header p.ingress {
margin-bottom: 0;
color: #324158;
font-weight: 400;
}
.subpage-header-row {
padding-top: min(3vw, 2.5rem);
padding-bottom: min(3vw, 2.5rem);
}
.subpage-header h1 {
margin-bottom: 0;
}
@media screen and (min-width: 992px) {
.subpage-header h1 {
font-size: 2rem;
}
}
@media screen and (min-width: 1200px) {
.subpage-header h1 {
font-size: 2.25rem;
}
}
@media screen and (min-width: 1700px) {
.subpage-header h1 {
font-size: 2.625rem;
}
}
.breadcrumb-section {
margin-top: 72px
}
@media screen and (min-width: 1200px) {
.breadcrumb-row {
padding-right: 0rem;
margin: 0rem;
}
.breadcrumb-section {
margin-top: 128px
}
}
.breadcrumb {
margin-bottom: 0rem;
background: #fff;
}
.breadcrumb .active {
color: #457E82;
}
.breadcrumb a {
color: #6C7A8C;
text-decoration: none;
}
.breadcrumb li {
padding-right: 1rem;
font-size: 1rem;
}
@media screen and (min-width: 992px) {
.subpage article_ {
padding-left: calc(50% - 400px);
padding-right: calc(50% - 400px);
}
}
@media screen and (min-width: 1700px) {
.subpage article_ {
padding-left: calc(50% - 510px);
padding-right: calc(50% - 510px);
}
}
/* ---------- Content sections ---------- */
.subpage-list-item .content-text {
background-color: transparent;
padding: 1rem;
margin: 0;
}
.subpage-list-item .content-text p {
font-size: 1rem;
}
.subpage-list-item .content-image figure {
margin: 0;
}
.subpage-list-item .content-image figure img {
max-height: 120px
}
@media screen and (max-width: 992px) {
.subpage-list-item .content-image figure img {
max-height: 200px
}
.subpage-list-item .content-text {
padding: 0;
}
}
/* Section with left-aligned image */
.text-image-section {
padding-bottom: 2rem;
}
.text-image-section .content-image figure {
position: relative;
margin-bottom: 0;
}
.text-image-section .content-image figure::after {
content: "";
display: block;
padding-bottom: 60%;
}
.text-image-section .content-image figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.text-image-section .content-text {
position: relative;
background-color: #F8F8F8;
background-repeat: no-repeat;
background-size: 40% auto;
background-position: bottom 3rem right 4rem;
}
@media screen and (min-width: 768px) {
.text-image-section {
display: flex;
justify-content: space-between;
padding-bottom: 0;
}
.text-image-section .content-text {
flex-basis: 50%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.text-image-section .content-image {
flex-basis: 50%;
}
.text-image-section .content-image figure {
min-height: 40vw;
height: 100%;
width: 100%;
}
.text-image-section .content-image figure::after {
padding-bottom: 0;
}
.text-image-section .content-text {
background-size: 55% auto;
background-position: bottom 1rem right 1rem;
}
}
@media screen and (min-width: 1200px) {
.text-image-section .content-text {
flex-basis: 64.5%;
background-size: 40% auto;
background-position: bottom 2rem right 2rem;
}
.text-image-section .content-image {
flex-basis: 35.5%;
}
.text-image-section .content-image figure {
min-height: 31.5vw;
height: 100%;
width: 100%;
}
}
@media screen and (min-width: 1700px) {
.text-image-section .content-text {
padding: 3rem 4rem 3rem 7.5rem;
background-size: 44% auto;
background-position: bottom 3rem right 4rem;
}
}
/* Section with background image */
.text-bg-image-section {
background-size: cover;
background-position: center;
padding-bottom: 2rem;
}
.text-bg-image-section .content-image figure {
position: relative;
margin-bottom: 0;
}
.text-bg-image-section .content-image figure::after {
content: "";
display: block;
padding-bottom: 60%;
}
.text-bg-image-section .content-image figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media screen and (min-width: 768px) {
.text-bg-image-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 0;
}
.text-bg-image-section .content-text {
background-color: rgba(248, 248, 248, 0.8);
flex-basis: 50%;
margin: 0;
min-height: 40vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.text-bg-image-section .content-image {
flex-basis: 50%;
}
.text-bg-image-section .content-image figure {
display: none;
}
}
@media screen and (min-width: 1200px) {
.text-bg-image-section .content-text {
flex-basis: 35.5%;
min-height: 31.4vw;
}
.text-bg-image-section .content-image {
flex-basis: 64.5%;
}
}
@media screen and (min-width: 1700px) {
.text-bg-image-section .content-text {
padding: 3rem 4rem;
}
}
@media screen and (max-width: 767px) {
.text-bg-image-section {
background-image: none !important;
}
.text-image-section .content-text {
background-image: none !important;
}
}
/* ----- Subpage menu ----- */
#sub-nav {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
#sub-nav .nav-item {
border-bottom: 1px solid #A0B7B6;
position: relative;
}
#sub-nav > .nav-item:first-child {
border-top: 1px solid #A0B7B6;
}
#sub-nav .nav-link {
color: #0C2D3B;
padding: 0.75rem 0;
}
@media screen and (max-width: 1700px) and (min-width: 992px) {
#sub-nav .nav-link {
max-width: 280px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
#sub-nav .nav-link {
max-width: 200px;
}
}
#sub-nav .nav-link.active {
font-weight: 600;
color: #00585A;
}
#sub-nav .nav-item button {
-webkit-appearance: none;
border: none;
background-color: transparent;
position: absolute;
right: 0.25rem;
top: 8px;
}
#sub-nav .nav-item button:focus,
#sub-nav .nav-item button:active {
outline: none;
box-shadow: none;
border: none;
}
.sub-nav button:not(.collapsed) svg.fa-plus,
#sub-nav .nav-item button:not(.collapsed) svg.fa-plus {
display: none;
}
.sub-nav button.collapsed svg.fa-minus,
#sub-nav .nav-item button.collapsed svg.fa-minus {
display: none;
}
#sub-nav .submenu {
list-style: none;
padding-left: 1rem;
}
#sub-nav .submenu .nav-link {
padding-top: 0.5rem;
}
#sub-nav .submenu .nav-item {
border-bottom: none;
}
@media screen and (min-width: 768px) {
#sub-nav {
margin-top: 0.5rem;
}
}
@media screen and (min-width: 1200px) {
#sub-nav {
margin-top: 1rem;
}
}
.companies-wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -0.25rem;
}
.companies-wrap > a {
flex-basis: calc(50% - 0.5rem);
flex-grow: 0;
flex-shrink: 0;
margin: 0 0.25rem 0.5rem;
}
@media screen and (min-width: 380px) {
.companies-wrap {
margin: 0 -0.5rem;
}
.companies-wrap > a {
flex-basis: calc(50% - 1rem);
margin: 0 0.5rem 1rem;
}
}
@media screen and (min-width: 576px) {
.companies-wrap {
margin: 0 -0.5rem;
}
.companies-wrap > div {
flex-basis: calc(33.33% - 1rem);
margin: 0 0.5rem 1rem;
}
}
@media screen and (min-width: 992px) {
.companies-wrap {
margin: 0 -0.5rem;
}
.companies-wrap > a {
flex-basis: calc(25% - 1rem);
margin: 0 0.5rem 1rem;
}
}
@media screen and (min-width: 1400px) {
.companies-wrap {
margin: 0 -1rem;
}
.companies-wrap > a {
flex-basis: calc(25% - 2rem);
margin: 0 1rem 2rem;
}
}
.company-box {
display: block;
position: relative;
background-color: #000000;
}
.company-box figure {
position: relative;
margin: 0;
}
.company-box figure::after {
content: '';
display: block;
padding-bottom: 100%;
}
.company-box figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.5;
}
.company-box .company-caption {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.company-box h3 {
color: #FFFFFF;
text-align: center;
margin-bottom: 0;
padding: 0 1rem;
font-size: 1.375rem;
}
p.company-category {
display: inline-block;
position: absolute;
padding: 0.25rem 1rem;
background-color: rgba(201, 175, 106, 0.8);
left: 0;
bottom: 0;
text-transform: uppercase;
font-weight: 600;
margin: 0;
font-size: 0.75rem;
}
@media screen and (min-width: 380px) {
.company-box h3 {
font-size: 1.625rem;
}
p.company-category {
font-size: 0.875rem;
}
}
@media screen and (min-width: 1200px) {
.company-box h3 {
font-size: 1.875rem;
}
p.company-category {
font-size: 1rem;
padding: 0.5rem 1.5rem;
}
}
@media screen and (min-width: 1700px) {
.company-box h3 {
font-size: 2.5rem;
padding: 0 3rem;
}
p.company-category {
font-size: 1.0625rem;
padding: 0.625rem 1.5rem;
}
}
/*
-----------------------------------------
NEWS PAGE
-----------------------------------------
*/
.news-page {
margin-top: 60px;
}
.news-page figure{
margin-bottom: 1rem;
}
@media screen and (min-width: 992px) {
.news-page {
margin-top: 87px;
}
}
@media screen and (min-width: 1700px) {
.news-page {
margin-top: 112px;
}
}
.selected-news-item {
margin-bottom: 2rem;
}
.selected-news-item .date {
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 0.25rem;
}
.selected-news-item h1 {
margin-bottom: 1rem;
}
.selected-news-item figure img {
width: 100%;
}
@media screen and (min-width: 768px) {
.selected-news-item {
margin-bottom: 0;
}
}
@media screen and (min-width: 1700px) {
.selected-news-item {
padding-right: 5rem;
}
}
.news-list-posts h2 {
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 1.375rem;
}
@media screen and (min-width: 1700px) {
.news-list-posts h2 {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
}
.news-list-post {
border-top: 1px solid #c2c2c2;
padding: 0.5rem 0 1.75rem;
}
.news-list-post .date {
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 0.25rem;
}
.news-list-post h3 {
margin-top: 0;
font-size: 1.25rem;
}
p.news-list-preview {
font-weight: 400;
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 1700px) {
.news-list-post h3 {
font-size: 1.375rem;
}
p.news-list-preview {
font-size: 1rem;
}
}
.pagination {
justify-content: center;
margin-bottom: 0;
}
.pagination .page-item {
display: flex;
align-items: center;
justify-content: center;
}
.pagination .page-link {
background-color: transparent;
border: none;
border-radius: 0;
color: #999999;
font-weight: 600;
padding: 0 0.625rem;
font-size: 1.125rem;
}
.pagination .page-link:focus,
.pagination .page-link:active {
box-shadow: none;
border: none;
outline: none;
}
.pagination .page-link-arrow {
color: #000000;
font-size: 0.875rem;
padding: 0 0.25rem;
}
.pagination .page-link-hide {
visibility: hidden;
}
.pagination .page-item.active .page-link {
background-color: transparent;
color: #000000;
}
/*
-----------------------------------------
CONTACT PAGE
-----------------------------------------
*/
.contact-page h1 {
margin-bottom: 0;
}
.contact-info-wrap > div {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.contact-map-column {
min-height: 70vw;
}
.contact-map-column iframe {
filter: grayscale(100%);
}
.contact-page .contact-person-boxes {
column-count: 2;
column-width: 600px;
}
@media screen and (min-width: 768px) {
.contact-info-wrap > div {
flex-basis: calc(50% - 1rem);
}
.contact-map-column {
min-height: 30vw;
}
}
@media screen and (min-width: 1400px) {
.contact-map-column {
min-height: 25vw;
}
}
.contact-info-column h2 {
padding-top: 0.5rem;
border-top: 1px solid #c2c2c2;
}
@media screen and (min-width: 992px) {
.contact-info-column h2 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1700px) {
.contact-info-column h2 {
font-size: 1.75rem;
padding-top: 1rem;
}
}
/* ---------- Contact persons ---------- */
.contact-person-boxes > div {
break-inside: avoid;
margin: 0 0rem 1rem;
}
@media screen and (min-width: 992px) {
.ir-board-page .contact-person-boxes {
margin: 0 -0.5rem;
padding-left: calc(50% - 400px);
padding-right: calc(50% - 400px);
}
}
@media screen and (min-width: 1200px) {
.contact-person-boxes {
margin: 0 -0.75rem;
}
}
@media screen and (min-width: 1700px) {
.contact-person-boxes {
margin: 0 -1rem;
}
}
@media screen and (min-width: 1700px) {
.contact-persons .section-header h2 {
margin-bottom: 3.5rem;
}
}
.contact-person-box {
background-color: #FFFFFF;
padding: 1rem;
}
@media screen and (min-width: 1700px) {
.contact-person-box {
padding: 1.5rem;
}
}
.contact-person-image {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.contact-person-text {
flex-basis: 100%;
width: 100%;
flex-grow: 0;
flex-shrink: 0;
padding: 1rem;
}
@media screen and (min-width: 400px) {
.contact-person-image {
flex-basis: 180px;
margin-bottom: 0;
}
.contact-person-text {
flex-basis: calc(100% - 180px);
width: calc(100% - 180px);
padding-left: 1rem;
}
}
@media screen and (min-width: 500px) {
.contact-person-image {
flex-basis: 200px;
}
.contact-person-text {
flex-basis: calc(100% - 200px);
width: calc(100% - 200px);
}
}
@media screen and (min-width: 1700px) {
.contact-person-image {
flex-basis: 250px;
}
.contact-person-text {
flex-basis: calc(100% - 250px);
width: calc(100% - 250px);
padding-left: 1.5rem;
}
}
.contact-person-image figure {
margin-bottom: 0;
position: relative;
}
.contact-person-image figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
aspect-ratio: 1/1;
}
.contact-person-text h3 {
font-size: 1.25rem;
}
p.contact-title {
font-weight: 600;
color: #999999;
}
.contact-info-list {
padding: 0;
margin: 0;
list-style: none;
}
.contact-info-list li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contact-info-list svg {
margin-right: 0.25em;
}
.contact-info-list a {
font-weight: 400;
}
.certified-advisor .contact-info-list a {
font-weight: 300;
}
@media screen and (min-width: 576px) {
.contact-person-text h3 {
margin-top: 0.5rem;
}
}
@media screen and (min-width: 1400px) {
.contact-person-text h3 {
font-size: 1.5rem;
}
p.contact-title {
font-size: 1.125rem;
}
}
@media screen and (min-width: 1700px) {
.contact-person-text h3 {
font-size: 1.625rem;
}
p.contact-title {
font-size: 1.25rem;
}
}
/*
-----------------------------------------
UMBRACO FORMS
-----------------------------------------
*/
.umbraco-forms-container {
padding-left: 0;
}
.umbraco-forms-navigation .btn.primary {
display: inline-block;
font-size: 0.875rem;
text-transform: uppercase;
background-color: transparent;
border-radius: 3px;
border: 1px solid #000000;
padding: 0.5rem 2rem;
color: #000000;
font-weight: 600;
transition: all ease 0.2s;
}
.umbraco-forms-navigation .btn.primary:hover {
color: #C9AF6A;
border-color: #C9AF6A;
outline: none;
box-shadow: none;
}
.umbraco-forms-navigation .col-md-12 {
padding-left: 0;
padding-top: 0;
}
.umbraco-forms-navigation {
padding-top: 0 !important;
}
.umbraco-forms-form fieldset {
padding-top: 0 !important;
}
.subpage article p a, .news-page p a {
text-decoration: underline;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
IR MAINPAGE
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.ir-mainpage.subpage-header {
margin-top: 72px;
}
.ir-mainpage .header-text {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ir-mainpage .header-text .header-text-content {
z-index: 1;
}
.ir-mainpage .header-text h1{
color: #fff;
margin-bottom: 0.25em;
}
.ir-mainpage .header-text p {
color: #fff;
line-height: 1.3;
}
.ir-mainpage .header-text .btn {
color: #fff;
border: 1px solid #fff;
}
.ir-mainpage .header-text .btn:hover {
color: #fff;
border: 1px solid #457E82;
}
.ir-mainpage .header-text img {
position: absolute;
height: 100%;
left: 0;
top: 0;
}
.ir-mainpage.subpage-header .header-image img{
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 3/2;
}
@media screen and (min-width: 1200px) {
.ir-mainpage.subpage-header {
margin-top: 104px;
}
}
.area-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4vw 2rem;
background-image: url(/media/1icfmrdz/pattern-white-semitransparent.svg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
}
.area-item h3{
color: #fff;
font-weight: 500;
font-size: 1.25rem;
margin-top: 1rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.area-item {
height: 100%;
margin-bottom: 0;
}
}
@media screen and (min-width: 1700px) {
.area-item h3 {
font-size: 1.5rem;
}
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
IR SUBPAGE
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#ir-subpage {
padding-top: 1rem;
margin-top: 72px;
}
#ir-subpage .sidebar {
order: 2;
display: none;
background-color: rgba(103, 165, 173, 0.5);
padding-top: 3rem;
padding-bottom: 3rem;
background-position: left;
background-repeat: no-repeat;
background-size: cover;
}
#ir-subpage .main-content {
order: 1;
}
#ir-subpage .submenu {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
#ir-subpage .submenu .nav-link {
color: #002535;
font-size: 1.125rem;
transition: 0.2s;
padding: 0.75rem 0;
line-height: 1.2;
}
#ir-subpage .submenu .nav-link:hover {
opacity: 0.5;
}
#ir-subpage .submenu .nav-link.active {
font-weight: 500;
}
#ir-subpage .submenu .submenu .nav-link {
border: none;
padding-top: 0;
padding-left: 1rem;
}
#ir-subpage .submenu .submenu .nav-link svg {
color: #457E82;
margin-right: 0.25em;
}
#ir-subpage .submenu .submenu .nav-item:last-child .nav-link {
border-bottom: none;
}
#ir-subpage .press-releases table tr td {
padding: 15px 15px 15px 0;
}
@media screen and (min-width: 768px) {
#ir-subpage .sidebar {
order: 1;
display: block;
}
#ir-subpage .main-content {
order: 2;
}
}
@media screen and (min-width: 992px) {
#ir-subpage {
padding-top: 3rem;
margin-top: 104px;
}
}
@media screen and (min-width: 1700px) {
#ir-subpage {
padding-top: 4.5rem;
}
}
.navbar .stock-ticker p a {
color: #fff;
}
.navbar .stock-ticker p a:hover {
color: rgba(255, 255, 255, 0.7);
}
.stock-ticker p {
font-size: 0.875rem;
margin: 0;
}
@media screen and (min-width: 1700px) {
.stock-ticker p {
font-size: 1rem;
}
}
.rte-blue-banner {
background-color: #67A5AD;
padding: clamp(1.5rem, 1.326rem + 0.87vw, 2.25rem) clamp(1rem, 0.536rem + 2.319vw, 3rem) clamp(2rem, 1.768rem + 1.159vw, 3rem);
margin: clamp(1.5rem, 1.268rem + 1.159vw, 2.5rem) 0;
background-image: url(/media/1icfmrdz/pattern-white-semitransparent.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
}
.rte-blue-banner h3 {
color: #FFFFFF;
font-weight: 500;
font-size: clamp(1.5rem, 1.268rem + 1.159vw, 2.5rem);
margin-bottom: 0.25em;
}
.rte-blue-banner p {
color: #FFFFFF;
line-height: 1.4;
font-size: clamp(1.125rem, 1.067rem + 0.29vw, 1.375rem);
}
.rte-blue-banner p:last-of-type {
margin-bottom: 0;
}
.rte-blue-banner .btn {
color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 0.625em 1.75em;
font-size: clamp(0.875rem, 0.846rem + 0.145vw, 1rem);
margin-top: 2em;
}
.rte-blue-banner .btn:hover,
.rte-blue-banner .btn:active,
.rte-blue-banner .btn:focus {
color: #FFFFFF;
border-color: #FFFFFF;
background-color: transparent;
opacity: 0.5;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
PRESS RELEASES PAGE
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.main-content.press-releases {
max-width: 100%;
overflow-x: hidden;
}
@media (max-width: 991px) {
.main-content.press-releases {
}
}
.press-releases-page .nav-tabs {
margin-top: 2rem;
justify-content: center;
border-bottom: 1px solid #cccccc;
margin-bottom: 1rem;
}
@media (min-width: 991px) {
.press-releases-page .nav-tabs {
justify-content: flex-start;
}
}
.press-releases-page .nav-tabs .nav-link {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
border: none;
color: #262626;
text-decoration: none;
}
.press-releases-page .nav-tabs .nav-link:hover {
opacity: 0.5;
}
.press-releases-page .nav-tabs .nav-item.show .nav-link,
.press-releases-page .nav-tabs .nav-link.active {
border-bottom: 1px solid #cccccc;
color: #002535;
}
.ir-mainpage .post-box {
margin-bottom: 0;
border-left: 6px solid #73A7AE;
}
ul.post-box {
padding-left: 0;
}
ul.post-box li{
list-style-type: none;
}
.post-box-content {
padding-left: 1rem;
}
.post-box-more {
border-bottom: 1px solid #cccccc;
}
.ipo-press .post-box {
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.ipo-press .post-date {
color: #262626;
}
.ipo-press .post-more a {
color: #262626;
}
.ipo-press .post-more a:hover {
color: #457E82;
}
.post-date {
color: #457E82;
font-weight: 400;
font-size: 0.875rem;
margin-bottom: 0;
}
.post-date strong {
font-size: 1.125rem;
margin-right: 0.2em;
margin-left: 0.2em;
}
.post-title,
.post-title a {
color: #002535;
padding: 0.25rem 0;
}
.post-more a {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
color: #002535;
}
.post-more a:hover {
opacity: 0.8;
}
.ipo-press .press-releases-ir-main {
border-top: 1px solid rgba(0,0,0,0.2);
}
.reports-page .pagination {
justify-content: flex-end;
margin-top: 2rem;
}
.reports-page .pagination .page-link {
border: none;
font-weight: 600;
color: #262626;
border-radius: 0;
margin: 0 0.25rem;
padding: 0.25rem 0.5rem;
text-decoration: none;
}
.reports-page .pagination .page-link:hover,
.reports-page .pagination .page-link:focus {
background-color: transparent;
outline: none;
box-shadow: none;
}
.reports-page .pagination .prev,
.reports-page .pagination .next {
display: none;
}
.reports-page .pagination .disabled .page-link {
color: #262626;
border-bottom: 2px solid #262626;
text-decoration: none;
}
.mfn-preamble p {
font-size: 1.125rem;
}
.mfn-preamble p strong {
font-weight: 400;
}
@media screen and (min-width: 992px) {
.col-lg-6:first-child .post-box-content {
padding-right: 1rem;
}
.post-title a {
padding: 0.25rem 0;
}
.reports-page .nav-tabs {
margin-top: 3rem;
}
}
@media screen and (min-width: 1700px) {
.mfn-preamble p {
font-size: 1.25rem;
}
.mfn-preamble p {
font-size: 1.5rem;
}
.post-date a {
font-size: 1.125rem;
}
.post-title a {
font-size: 1.25rem;
}
}
.loadMore {
margin-top: 1rem;
border-color: transparent;
background: transparent;
padding-left: 0;
margin-left: 0;
color: #457E82;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
SUBSCRIPTION FORM SUBPAGE
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
/* ----- Subscription form ----- */
.press-releases-start {
background: #FAF4EC;
}
.mfn-subscribe button {
display: inline-block;
font-size: 0.875rem;
text-transform: uppercase;
background-color: transparent;
border: 1px solid #457E82;
padding: 0.75rem 1.5rem;
color: #457E82;
font-weight: 500;
transition: all ease 0.2s;
border-radius: 0;
}
.mfn-subscribe button:hover,
.mfn-subscribe button:focus {
color: #324158;
border-color: #324158;
outline: none;
box-shadow: none;
}
.mfn-subscribe ul {
list-style: none;
padding-left: 0;
}
.mfn-subscribe li {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
.mfn-subscribe li label {
margin: 0;
}
.mfn-subscribe input[type='text'] {
font-size: 0.875rem;
flex-grow: 1;
padding: 0.5rem;
border: 1px solid #fff;
}
.mfn-subscribe input[type='checkbox'] {
width: 1rem !important;
height: 1rem !important;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
box-shadow: none;
font-size: 0.675em;
text-align: center;
background: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 0.5rem;
border: 1px solid #000;
}
.mfn-subscribe input[type="checkbox"]:checked::after {
content: "✔";
color: #000000;
}
.mfn-subscribe a {
text-decoration: underline;
}
.subscription-wrapper {
display: flex;
flex-wrap: wrap;
}
.mfn-info-languages,
.mfn-languages {
display: none;
}
.mfn-subscribe #policy-text {
margin: 1rem 0 0;
}
.mfn-subscribe #policy-text label {
margin: 0;
}
.mfn-subscribe #policy-text input[type="checkbox"]::after {
content: "✔";
color: #FFFFFF;
}
.mfn-subscribe #policy-text input[type="checkbox"]:checked::after {
content: "✔";
color: #000000;
}
.mfn-subscribe button {
width: 100%;
flex-basis: 100%;
}
@media screen and (min-width: 576px) {
.mfn-subscribe input[type='text'] {
margin-right: 1rem;
margin-bottom: 0;
flex-basis: auto;
width: auto;
flex-grow: 1;
}
}
@media screen and (min-width: 768px) {
.mfn-subscribe input[type='text'] {
margin-right: 0;
margin-bottom: 1rem;
flex-basis: 100%;
}
}
@media screen and (min-width: 1400px) {
.mfn-subscribe input[type='text'] {
margin-bottom: 1.5rem;
}
.mfn-subscribe button {
width: 240px;
flex-basis: 240px;
}
}
@media screen and (min-width: 1500px) {
.mfn-subscribe input[type='text'] {
margin-right: 1rem;
margin-bottom: 0;
flex-basis: auto;
width: auto;
}
.mfn-subscribe button {
}
}
#subscriptionPage .mfn-subscribe {
display: flex;
flex-wrap: wrap;
background: #F8F8F8;
padding: 1.5rem;
justify-content: space-between;
}
#subscriptionPage .mfn-subscribe .mfn-block {
flex-basis: 100%;
width: 100%;
flex-grow: 0;
flex-shrink: 0;
margin: 0;
order: 1;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields {
order: 3;
margin-bottom: 1rem;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-submit {
order: 4;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-policy {
order: 5;
margin-top: 1rem;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-policy .mfn-policy-approve {
display: flex;
align-items: center;
margin: 0.5rem 0;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-policy .mfn-policy-approve label {
margin-bottom: 0;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields .mfn-field-row {
margin: 0;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields input {
width: 100%;
}
/* Text field and submit button */
@media screen and (min-width: 576px) {
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields {
flex-basis: calc(100% - 240px);
width: calc(100% - 240px);
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields input {
width: calc(100% - 1rem);
margin-bottom: 0;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-submit {
flex-basis: 240px;
width: 240px;
}
}
@media screen and (min-width: 768px) {
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields {
flex-basis: 100%;
width: 100%;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields input {
width: 100%;
margin-bottom: 1rem;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-submit {
flex-basis: 100%;
width: 100%;
}
}
@media screen and (min-width: 1200px) {
#ir-subpage .main-content #subscriptionPage {
width: 700px;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields {
flex-basis: calc(100% - 240px);
width: calc(100% - 240px);
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields input {
width: calc(100% - 1rem);
margin-bottom: 0;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-submit {
width: 240px;
}
}
/* IR Owner List*/
#ownerListPage table {
width: 100%;
height: auto;
border-collapse: collapse
}
#ownerListPage th {
font-weight: 500;
vertical-align: bottom;
font-size: 1.125rem;
}
#ownerListPage th,
#ownerListPage td {
padding: 0.75rem 1rem 0.75rem 0.25rem;
}
#ownerListPage th:last-child,
#ownerListPage td:last-child {
padding-right: 0.25rem;
}
#ownerListPage td, th {
white-space: nowrap;
cursor: default;
}
#ownerListPage tr {
border-bottom: 1px solid #cccccc;
}
#ownerListPage thead tr:hover,
#ownerListPage tr.mf-tot-owners:hover,
#ownerListPage tr.mf-tot-shares:hover {
background-color: transparent;
}
#ownerListPage tr:hover,
#stockCalculatorPage .result-table tr:hover,
#insiderTransactionsPage tr:hover,
#insiderPositionPage tr:hover {
background-color: #F5F4F2;
}
#ownerListPage .mf-other-row {
border-bottom: 2px solid #CCCCCC;
}
#ownerListPage tr.mf-tot-shares {
border-bottom: 2px solid #CCCCCC;
}
#ownerListPage .mf-tot-owners .mf-tbl-col-0,
#ownerListPage .mf-tot-owners .mf-tbl-col-1,
#ownerListPage .mf-tot-owners .mf-tbl-col-2 {
padding-top: 3rem;
}
#ownerListPage .mf-tot-owners .mf-tbl-col-0,
#ownerListPage .mf-tot-owners .mf-tbl-col-1,
#ownerListPage .mf-tot-shares .mf-tbl-col-0,
#ownerListPage .mf-tot-shares .mf-tbl-col-1 {
font-weight: 500;
}
@media screen and (min-width: 992px) {
#ownerListPage th {
font-size: 1.25rem;
}
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Financial calendar
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
tr.mf_table-element {
border-bottom: 1px solid #cccccc;
}
#calendarPage #mf_calendar_top_buttons {
padding-bottom: 0.5rem;
margin-bottom: 1rem;
border-bottom: 1px solid #cccccc;
}
#calendarPage #mf_calendar_top_buttons button, #mf_calendar_buttons button {
border: none;
background: transparent;
color: #000;
}
#mf_calendar_buttons button:focus,
#mf_calendar_buttons button:active {
border: none;
outline: none;
}
#calendarPage #mf_calendar_top_buttons button.mf_active_filter {
color: #394D5D;
cursor: context-menu;
}
#calendarPage #mf_calendar_top_buttons button.mf_active_filter:focus,
#calendarPage #mf_calendar_top_buttons button.mf_active_filter:focus-visible {
border: none;
outline: none;
}
#mf_calendar_buttons button:disabled {
color: #ccc;
cursor: context-menu;
}
#mf_calendar_buttons:hover button:disabled {
color: #ccc;
}
#mf_filter_future {
padding-left: 0;
}
#mf_calendar thead tr {
border-bottom: 1px solid #cccccc;
}
#mf_calendar .event_date {
min-width: 120px;
}
#mf_calendar_buttons {
padding-top: 0.5rem;
}
#mf_calendar_buttons button {
color: #394D5D;
}
#mf_calendar_buttons button:hover {
color: #324158;
}
table#mf_calendar {
width: 100%;
margin-top: 1rem;
}
#ir-subpage #mf_calendar .event_category {
display: none;
}
#ir-subpage #mf_calendar .event_links a {
padding-right: 1rem;
font-size: .875rem;
font-weight: 300;
text-decoration: underline;
}
#ir-subpage #calendarPage {
background: #F5F4F2;
padding: 1rem;
}
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-left: 15px;
margin-right: 15px;
}
@media (min-width: 768px) {
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 1200px) {
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-left: 5rem;
margin-right: 5rem;
}
}
@media (min-width: 1200px) {
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-left: 8vw;
margin-right: 8vw;
}
}
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-top: 2rem;
margin-bottom: 2rem;
transition: .5s;
}
@media (min-width: 768px) {
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-bottom: 2.5rem;
}
}
@media (min-width: 1200px) {
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-bottom: 3.5rem;
}
}
@media (min-width: 1700px) {
#ir-subpage #calendarPage,
#ir-subpage #reportArchivePage,
#ir-subpage #subscriptionPage,
#ir-subpage #stockGraphPage {
margin-bottom: 5rem;
}
}
@media screen and (min-width: 992px) {
#ir-subpage #calendarPage {
padding: 3rem;
}
}
#mf_calendar .event_title {
margin-top: 0.75rem;
}
#mf_calendar .mf_description {
margin-bottom: 0.75rem;
}
#ir-subpage #mf_calendar_table {
width: 100%;
}
#mf_calendar_table .event-links a {
font-size: 1rem !important;
color: #457E82;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Board and management page
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.management-more-info button {
background: transparent;
border: none;
outline: none;
padding: 0;
margin-top: 1rem;
color: #000;
}
.management-more-info button p {
margin-bottom: 0;
margin-right: 0.5rem;
font-weight: 900;
}
.management-more-info button.collapsed svg.fa-chevron-up {
display: none;
font-weight: 900;
}
.management-more-info button:not(.collapsed) svg.fa-chevron-down {
display: none;
}
.management-more-info .card-body {
padding: 1rem 0 0;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
Calculator page & Transactions page
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#stockCalculatorPage .result-table table,
#insiderTransactionsPage table,
#insiderPositionPage table {
width: 100%;
height: auto;
border-collapse: collapse;
}
#stockCalculatorPage .result-table tr,
#insiderTransactionsPage tr,
#insiderPositionPage tr {
border-bottom: 1px solid #cccccc;
}
#stockCalculatorPage .result-table th,
#stockCalculatorPage .result-table td,
#insiderPositionPage .result-table th,
#insiderPositionPage .result-table td,
#insiderTransactionsPage th,
#insiderTransactionsPage td,
#insiderPositionPage th,
#insiderPositionPage td {
padding: 0.75rem 1rem 0.75rem 0.25rem;
white-space: nowrap;
cursor: default;
}
.main-content.press-releases #stockCalculatorPage,
.main-content.press-releases #insiderTransactionsPage,
.main-content.press-releases #insiderPositionPage {
max-width: 100%;
overflow-x: scroll;
}
#stockCalculatorPage .mf_date-range {
margin-bottom: 1rem;
}
#stockCalculatorPage th,
#insiderTransactionsPage th,
#insiderPositionPage th {
font-weight: 500;
vertical-align: bottom;
font-size: 1.125rem;
}
.ir-contact-person-box .ir-contact-person:first-child {
margin-bottom: 1rem;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 1rem;
}
@media screen and (min-width: 992px) {
#stockCalculatorPage th,
#insiderTransactionsPage th,
#insiderPositionPage th {
font-size: 1.25rem;
}
}
.ir-contact-person-box .ir-contact-person {
flex-basis: 100%;
}
@media screen and (min-width: 1400px) {
.ir-contact-person-box .ir-contact-person {
flex-basis: calc(50% - 1rem);
}
.ir-contact-person-box .ir-contact-person:first-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
}
.ir-contact-person-box .ir-contact-person p {
margin-bottom: 0;
}
.ir-contact h2 {
padding-bottom: 1rem;
border-bottom: 1px solid #CCCCCC;
}
.ir-contact-person-box {
padding-bottom: 1rem;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 1rem;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
REPORTS BOXES
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#reportArchivePage .mfn-archive-header-year {
font-size: 1.75rem;
font-weight: 500;
margin: 0 0 1.5rem;
line-height: 1.2;
color: #324158;
}
#reportArchivePage .mfn-archive-header {
background: transparent;
}
#reportArchivePage .mfn-archive table {
width: 100%;
height: auto;
}
.mfn-archive-header.mfn-archive-header-item-type {
color: #262626;
font-weight: 300;
vertical-align: bottom;
}
#reportArchivePage .mfn-archive-header.mfn-archive-header-year {
color: #000;
font-weight: 300;
}
#reportArchivePage .mfn-archive-year:after {
content: "";
display: block;
height: 75px;
}
#reportArchivePage .mfn-archive-year tr {
border-bottom: 1px solid #cccccc;
}
#reportArchivePage .mfn-archive td {
min-width: 100px;
padding: 0.5rem 0.5em 0.5rem 0rem;
}
#reportArchivePage .mfn-archive-header {
background: transparent;
}
#reportArchivePage .mfn-archive {
overflow-x: auto !important;
}
@media (max-width: 1199px) {
.main-content.press-releases {
}
}
#reportArchivePage .mfn-archive-event-lang-sv {
background: transparent;
}
#reportArchivePage .mfn-archive-item {
padding: 0.5rem 0;
}
#reportArchivePage .mfn-archive-item a {
color: #262626;
}
#reportArchivePage .mfn-archive-year-header {
margin-top: 0rem;
color: #F26961;
border-bottom: 1px solid #B8B4B5;
}
@media screen and (min-width: 768px) {
#reportArchivePage .mfn-archive-year-header {
font-size: 1.875rem;
}
}
@media screen and (min-width: 992px) {
#reportArchivePage .mfn-achive-year {
background-color: transparent;
}
#reportArchivePage .mfn-archive-year-header {
font-size: 2rem;
}
ir-mfn-reports .mfn-archive-year {
padding: 3rem;
}
}
@media screen and (min-width: 1200px) {
.mfn-archive-year {
width: 750px;
max-width: 100%;
}
}
@media screen and (min-width: 1700px) {
.mfn-archive-year-header {
font-size: 2rem;
}
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
PROPERTY LIST
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.property-table-section {
overflow-x: scroll !important;
}
.footable.table > tbody > tr:nth-child(even) {
background-color: #F5F4F2;
}
.footable.table > tbody > tr > td {
border-top: none;
padding: 1rem;
}
.footable .dropdown-toggle::after {
display: none;
}
section .fooicon {
font-family: "Font Awesome 6 Free" !important;
}
.main-content.ir-contact-section p,
.main-content.ir-contact-section p {
margin-bottom: 0;
}
.main-content.ir-contact-section .contact-info-column h3 {
padding-top: 1rem;
border-top: 1px solid #c2c2c2;
margin-top: 1rem;
}
.footable-filtering .input-group .form-control {
border-radius: 0 !important;
}
.footable-filtering .input-group .btn {
border-radius: 0 !important;
}
.footable-filtering .input-group .dropdown-menu {
border-radius: 0 !important;
}
.footable-filtering .input-group .btn.btn-primary {
background: #457E82 !important;
border-color: #457E82 !important;
}
.footable-filtering .input-group .btn.btn-primary:hover {
background: #324158 !important;
border-color: #324158 !important;
}
.footable .input-group-btn:last-child > .btn {
margin-left: 0 !important;
}
.btn.btn-default.dropdown-toggle:focus {
outline: none !important;
box-shadow: none !important;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type=checkbox] {
width: 1rem !important;
height: 1rem !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
box-shadow: none !important;
font-size: 0.675em !important;
text-align: center !important;
background: #fff !important;
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
margin-right: 0.5rem !important;
border: 1px solid #000 !important;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type=checkbox]:checked::after {
content: "✔" !important;
color: #000000 !important;
}
.report-year {
color: #457E82;
font-weight: 300;
}
/*
–––––––––––––––––––––––––––––––––––––––––––––––––
GREY BOX CALENDAR
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.grey-box-section #mf_calendar thead,
.grey-box-section #mf_calendar .event_category,
.grey-box-section #mf_calendar .event_links,
.grey-box-section #mf_calendar #mf_calendar_buttons,
.boxes-ir-main-page #mf_calendar thead,
.boxes-ir-main-page #mf_calendar .event_category,
.boxes-ir-main-page #mf_calendar .event_links,
.boxes-ir-main-page #mf_calendar #mf_calendar_buttons {
display: none;
}
.grey-box-section #mf_calendar #mf_calendar_table,
.boxes-ir-main-page #mf_calendar #mf_calendar_table {
width: 100%;
}
/* ----- Investement carousel ----- */
.carousel,
.carousel-inner,
.carousel-item {
height: 100%;
width: 100%;
}
.carousel-indicators {
margin-bottom: 0;
}
.carousel-indicators li {
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 8px;
}
@media screen and (min-width: 992px) {
.carousel-indicators {
margin-bottom: 0.5rem;
}
}
.more-section img {
aspect-ratio: 3/2;
object-fit: cover;
height: 100%;
width: 100%;
}
.more-section a.btn {
border: 1px solid #ffffff;
color: #ffffff;
}
.ticker-header {
display: flex;
align-items: center;
height: 40px;
}
.ticker-header ul {
margin-bottom: 0;
}
.ticker-header li {
display: inline-block;
}
.lang {
border-left: 1px solid #615f5f;
margin-left: 15px;
padding-left: 0
}
.lang .nav-link {
padding: 0 0 0 1rem;
}
.lang a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
}
.lang a.active {
color: #7c7c7c;
}
#mobileMenu .lang {
display: flex;
justify-content: center;
border: 0;
margin-top: 1rem;
}
#mobileMenu .lang a {
color: #000;
padding: 0 0.345rem;
font-size: 1rem;
}
#mobileMenu .lang ul, #mobileMenu .lang li {
list-style-type: none;
}
#mobileMenu a.active {
color: #939393;
}
/* ----- Coworkers page ----- */
.coworkers-wrap .coworker-image .overlay {
position: absolute;
top: 0;
left: 0;
background: #ccc;
opacity: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
transition: .5s ease;
}
.coworkers-wrap .coworker-image .overlay a {
color: #fff;
}
.coworkers-wrap .coworker-image:hover .overlay {
opacity: 0.8;
}
.coworkers-wrap .coworker-image {
overflow: hidden;
}
.coworkers-wrap .coworker-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 1200px) {
.coworkers-wrap .coworker {
flex-basis: calc(25% - 2rem);
}
}
.coworkers-page h2 {
margin-top: 2rem;
}
.coworkers-wrap .coworker-text h2,
.coworkers-wrap .coworker-text p {
margin-bottom: 0;
}
.coworker-text h2 {
font-size: 1.75rem;
margin-top: 0.75rem;
margin-bottom: 0.25rem;
}
.coworker-text h3 {
font-size: 1.25rem;
margin-top: 1rem;
}
.coworker-text a {
text-decoration: underline;
display: block;
}
.coworkers-page .coworker-image img {
display: block;
margin: 0 auto;
}
.coworkers-page .coworker-image figure {
margin: 0;
overflow: hidden;
position: relative;
aspect-ratio: 1/1.2;
}
.coworkers-page .coworker-image figure img {
height: 100%;
width: 100%;
object-fit: cover;
}
.coworkers-page .read-more:hover svg {
margin-left: 0.15em;
}
.coworkers-page .coworker-text h3 {
font-size: 1.375rem;
margin-bottom: 0.25rem;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.coworkers-page .coworker-text h3 {
font-size: 1.5rem;
overflow: hidden;
}
}
.coworkers-page .coworker-text p.coworker-title {
margin-bottom: 0.625rem;
}
.subpage.coworkers-page.padding-y-row {
padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
.subpage.coworkers-page.padding-y-row {
padding-bottom: 1rem;
}
}
@media screen and (min-width: 1200px) {
.subpage.coworkers-page {
padding-bottom: 1rem;
}
}
@media screen and (min-width: 1700px) {
.coworkers-page .coworker-text p.coworker-title {
font-size: 1.25rem;
}
.coworkers-page .coworker-contact-info li {
font-size: 1.125rem;
}
.subpage.coworkers-page.padding-y-row {
padding-bottom: 2rem;
}
}
/* ----- Coworker page----- */
.coworker-wrap > div {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 2rem;
}
.coworker-wrap .coworker-image {
order: 1;
}
.coworker-wrap .coworker-text {
order: 2;
}
@media screen and (min-width: 768px) {
.coworker-wrap > div {
flex-basis: calc(50% - 2rem);
}
.coworker-wrap .coworker-image {
width: 400px;
}
.coworker-wrap .coworker-image .overlay {
z-index: 1;
position: absolute;
top: -2rem;
right: -2rem;
background: #ccc;
height: 410px;
width: 100%;
}
.coworker-wrap .coworker-image {
order: 2;
}
.coworker-wrap .coworker-text {
order: 1;
}
}
.coworkers-wrap {
display: flex;
justify-content: center;
}
.coworker-wrap .coworker-image img {
position: relative;
width: 100%;
object-fit: cover;
z-index: 2;
filter: grayscale(1);
}
.right-colum #subscriptionPage .mfn-subscribe {
background: #0B2342;
}
.right-colum #subscriptionPage .mfn-subscribe li, .right-colum #subscriptionPage .mfn-subscribe p, .right-colum #subscriptionPage .mfn-subscribe a, .right-colum #subscriptionPage .mfn-subscribe div {
color: #fff;
}
.right-colum #subscriptionPage .mfn-subscribe .mfn-block .mfn-sub-submit {
color: #fff;
border-color: #fff;
}
.coworker-page .overlay {
display: none;
}
@media screen and (min-width: 768px) {
#subscriptionPage .mfn-subscribe .mfn-block.mfn-submit {
flex-basis: calc(50% - 0.5rem);
width: 50%;
}
#subscriptionPage .mfn-subscribe .mfn-block.mfn-fields {
flex-basis: calc(50% - 0.5rem);
width: 50%;
}
}
.sub-pagebox-wrap h3, .sub-pagebox-wrap p, .sub-pagebox-wrap .btn, .sub-pagebox-wrap a {
color: #fff;
}
.sub-pagebox-wrap a:hover {
color: #457E82;
}
.sub-pagebox-wrap .btn {
color: #fff;
border: 1px solid #fff;
}
.sub-pagebox-wrap .text-image .investments-page-box,
.sub-pagebox-wrap .text-image .investment-page-box {
display: block;
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
background: #fff;
}
.sub-pagebox-wrap .box-image figure {
height: 100%;
width: 100%;
}
.sub-pagebox-wrap.box-image figure img,
.sub-pagebox-wrap.box-image figure img {
width: 100%;
object-fit: cover;
aspect-ratio: 3/2;
}
.sub-pagebox-wrap .text-image {
margin-bottom: 2rem;
}
.sub-pagebox-wrap .text-image .investments-page-box.box-text {
padding: 2rem;
}
.sub-pagebox-wrap .text-image .investments-page-box h3 {
font-size: 1.25rem;
}
.sub-pagebox-wrap .text-image:nth-child(even) .box-text {
order: 2;
}
.sub-pagebox-wrap .text-image:nth-child(even) .box-image {
order: 1;
}
.sub-pagebox-wrap .text-image .box-text {
order: 2;
}
.sub-pagebox-wrap .text-image .box-image {
order: 1;
}
.sub-pagebox-wrap table,
.info-box-text table {
color: #457E82;
border-color: #457E82;
font-weight: 400;
}
.sub-pagebox-wrap table td,
.info-box-text table td {
text-align: right;
}
.sub-pagebox-wrap table td,
.sub-pagebox-wrap table th,
.info-box-text table td,
.info-box-text table th {
vertical-align: middle;
font-weight: 400;
}
.sub-pagebox-wrap th,
.info-box-text table th {
padding: 0.5rem 0;
color: #324158;
}
.sub-pagebox-wrap .btn {
width: 140px;
padding: 0.5rem 0;
}
.sub-pagebox-wrap .text-image .investments-page-box h3 {
}
.sub-pagebox-wrap .investments-page-box.box-image figure img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 3/2;
}
.sub-pagebox-wrap .text-image .investments-page-box.box-text {
padding: 2rem;
}
@media screen and (min-width: 992px) {
.sub-pagebox-wrap .text-image {
margin-bottom: 0;
}
.sub-pagebox-wrap .text-image .investments-page-box.box-text {
padding: 5rem;
}
.sub-pagebox-wrap .text-image .investments-page-box h3 {
font-size: 1.75rem;
}
.sub-pagebox-wrap .text-image .investments-page-box,
.investment-page-wrap .text-image .investment-page-box {
flex-basis: 50%;
}
.sub-pagebox-wrap .text-image:nth-child(even) .box-text {
order: 1;
}
.sub-pagebox-wrap .text-image:nth-child(even) .box-image {
}
.sub-pagebox-wrap .text-image .box-text {
order: 1;
}
.sub-pagebox-wrap .text-image .box-image {
order: 2;
}
}
@media screen and (min-width: 1200px) {
.sub-pagebox-wrap .text-image .investments-page-box.box-text {
padding: 6rem;
}
}
@media screen and (min-width: 1400px) {
.sub-pagebox-wrap .text-image .investments-page-box.box-text {
padding: 10rem;
}
}
.book {
margin-bottom: 4px;
}
.book a {
color: #fff;
text-transform: uppercase;
font-size: 0.875rem;
margin-right: 10px;
}
.book a:hover {
color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 1700px) {
.book {
margin-bottom: 0px;
}
.book a {
color: #fff;
text-transform: uppercase;
font-size: 1rem;
margin-right: 16px;
}
}
#ir-subpage #stockGraphPage {
padding: 0;
}
.banner .banner-text {
background-image: url(/media/glyhx1pm/pattern-left-bright.svg);
background-size: auto 102%;
background-repeat: no-repeat;
background-position: left;
}
.banner-text h2 {
font-size: clamp(1.5rem, 1.212rem + 1.212vw, 2.5rem);
margin-bottom: 0.5em;
}
.banner-text h2 span {
display: block;
font-weight: 300;
}
.banner-text a.btn {
margin-top: 1rem;
}
.banner .banner-image figure {
width: 100%;
height: 100%;
}
.banner .banner-image figure .banner-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner.upper-banner .banner-image figure .banner-image {
aspect-ratio: 3/2;
}
@media screen and (min-width: 992px) {
.banner-text h2 {
margin-bottom: 1rem;
}
.banner-image-left .banner-text {
background-image: url(/media/el1njk2a/pattern-right-bright.svg);
background-position: right;
order: 2;
}
.banner-image-left .banner-text {
background-image: url(/media/el1njk2a/pattern-right-bright.svg);
order: 2;
}
}
@media screen and (min-width: 1700px) {
.banner-text {
padding-left: 8rem;
padding-right: 8rem;
}
}
.contact-section .contact-image {
aspect-ratio: 1/1;
max-height: 200px;
}
.contact-section .contact-image img{
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
filter: grayscale(1);
border-radius: 50%;
}
.contact-section h3 {
border-bottom: 1px solid #457E82;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.contact-section h3 {
border-bottom: 1px solid #457E82;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.contact-section .ag-box {
background-image: url(/media/5mfnghc3/ag-logo.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto 40%;
}
.ag-box .read-more {
display: inline;
}
.subpage-header-image img {
width: 100%;
min-height: 400px;
object-fit: cover;
aspect-ratio: 3/1;
}
.ir-subpage-header img {
width: 100%;
min-height: 400px;
object-fit: cover;
aspect-ratio: 3/1;
}
@media screen and (min-width: 992px) {
.margin-top {
margin-top: 160px;
}
}
@media screen and (min-width: 992px) {
.margin-top {
margin-top: 160px;
}
}
.subpage-header-image {
position: relative;
z-index: 1;
margin-top: 72px;
}
.subpage-header-text {
position: relative;
z-index: 2;
padding-bottom: 3rem;
}
.padding-x-space.subpage-header-text .subpage-header-row {
padding: min(3vw, 2.5rem);
margin-top: -4rem;
}
.subpage-header-row h1 {
margin-bottom: 0.5rem;
font-size: clamp(1.75rem, 4vw, 3rem);
}
.subpage-header-row p {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.3;
}
.subpage-header-row .header-text {
margin-top: 1rem;
}
.subpage-header-row .header-text ul {
border-left: 6px solid #73A7AE;
padding-left: 1rem;
margin-bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.subpage-header-row .header-text ul li {
list-style-type: none;
font-size: 1.125rem;
color: #093465;
}
.subpage-header-row .header-text ul li a {
color: #093465;
font-weight: 600;
}
.subpage-header-row .header-text ul li:hover a {
color: #67A2CC;
}
@media screen and (min-width: 992px) {
.subpage-header-row p,
.subpage-header-row .header-text ul li {
font-size: 1.25rem;
}
.subpage-header-row .header-text {
margin-top: 0;
height: 100%;
margin-left: 1rem;
}
.subpage-header-row .header-headline {
padding-right: 1rem;
}
.subpage-header-image {
margin-top: 94px;
}
.subpage-header-row .header-text ul li {
font-size: 1.125rem;
}
.subpage article {
column-count: 2;
column-gap: 32px;
}
}
/* ________ Content sections _________ */
.section-page-content-section .content-text{
background-image: url(/media/2hcjfyhc/pattern-left-bright.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
}
.section-page-content-section > div {
flex-basis: 100%;
}
.section-page-content-section .content-text {
order: 2;
}
.section-page-content-section .content-image {
order: 1;
}
@media screen and (max-width: 767px) {
.section-page-content-section .content-text {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 992px) {
.section-page-content-section:nth-child(even) .content-text {
order: 1;
background-image: url(/media/2hcjfyhc/pattern-left-bright.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
}
.section-page-content-section:nth-child(even) .content-image {
order: 2;
}
.section-page-content-section:nth-child(odd) .content-text {
order: 2;
background-image: url(/media/hshdahxq/pattern-right-bright.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
}
.section-page-content-section:nth-child(odd) .content-image {
order: 1;
}
}
@media screen and (min-width: 768px) {
.text-sections {
padding-left: 0;
padding-right: 0;
}
}
.section-page-content-section .content-text-item h2 {
color: #114232;
font-size: clamp(1.75rem, 2vw + 1rem, 2.5rem);
margin-bottom: 0.5rem;
}
.section-page-content-section .content-image img {
height: 100%;
width: 100%;
object-fit: cover;
position: relative;
z-index: 2;
aspect-ratio: 3/2;
}
.content-text h2 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.content-text p {
font-weight: 400;
}
.content-text .btn {
margin-top: 0.5rem;
}
@media screen and (min-width: 992px) {
.content-text h2 {
font-size: 1.75rem;
}
}
@media screen and (min-width: 1700px) {
.content-text h2 {
font-size: 2.5rem;
}
.content-text p {
font-size: 1.375rem;
}
}
.product-item {
margin-bottom: 2rem;
}
.product-item .product-text {
width: 100%;
padding: 1rem;
text-align: center;
}
.product-item .product-text h3{
font-size: 1.25rem;
font-weight: 300;
}
@media screen and (min-width: 992px) {
.product-item {
margin-bottom: 0;
}
}
@media screen and (min-width: 1700px) {
.product-item .product-text h3 {
font-size: 1.5rem;
}
}
/* ________ Product page _________ */
.product-description {
display: flex;
justify-content: space-between;
}
.product-description-col {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 2.5rem;
}
.product-image-carousel-col {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 1.5rem;
}
.product-specifications-col {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
}
@media screen and (min-width: 992px) {
.product-image-carousel-col,
.product-description-col {
flex-basis: calc(50% - 1rem);
}
}
@media screen and (min-width: 1400px) {
.product-image-carousel-col,
.product-description-col {
flex-basis: calc(50% - 2rem);
}
}
@media screen and (min-width: 1700px) {
.product-image-carousel-col,
.product-description-col {
flex-basis: calc(50% - 3rem);
}
}
.product-description-col h2 {
font-size: clamp(1.5rem, 1.413rem + 0.435vw, 1.875rem);
margin-bottom: 0.25em;
}
.product-description-col ul {
list-style-type: none;
padding: 0;
}
.product-description-col li {
background-image: url(/media/1ixpyh41/square-sharp-solid-green.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: top 6px left;
padding: 0 0 0.25em 20px;
font-weight: 400;
font-size: 1.125rem;
}
@media screen and (min-width: 576px) {
.product-description-col li {
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: top 8px left;
padding-left: 24px;
font-size: 1.25rem;
}
}
.product-description-buttons {
flex-wrap: wrap;
margin-top: 2rem;
}
.product-description-buttons a.btn {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
font-size: clamp(0.875rem, 0.815rem + 0.298vw, 1rem);
padding: 1em 0.5em;
}
.product-description-buttons a.btn .svg-inline--fa {
font-size:1.5em;
margin-right: 0.25rem;
color:#497b82;
}
.product-description-buttons a.btn:hover .svg-inline--fa,
.product-description-buttons a.btn:focus .svg-inline--fa,
.product-description-buttons a.btn:active .svg-inline--fa {
color:#FFFFFF;
}
.product-description-buttons a.btn:not(:last-of-type) {
margin-bottom: 1rem;
}
@media screen and (min-width: 576px) {
.product-description-buttons a.btn {
flex-basis: calc(50% - 0.25rem);
}
.product-description-buttons a.btn:not(:last-of-type) {
margin-bottom: 0;
}
}
@media screen and (min-width: 992px) {
.product-description-buttons {
margin-top: 2.5rem;
}
.product-description-buttons a.btn {
font-size: clamp(0.875rem, 0.7rem + 0.282vw, 1rem);
}
}
/* Image carousel */
#product-image-carousel.carousel,
#product-image-carousel .carousel-inner,
#product-image-carousel .carousel-item {
height: auto;
}
#product-image-carousel .carousel-inner {
padding-bottom: 40px;
}
#product-image-carousel .carousel-item {
aspect-ratio: 14 / 9;
overflow: hidden;
}
#product-image-carousel .carousel-item img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
#product-image-carousel .carousel-control-next,
#product-image-carousel .carousel-control-prev {
background-color: transparent;
border: none;
opacity: 1;
width: 10%;
padding-bottom: 40px;
}
#product-image-carousel .carousel-control-next-icon,
#product-image-carousel .carousel-control-prev-icon {
font-size: clamp(1rem, 0.524rem + 2.381vw, 2rem);
color: #497b82;
background-image: none;
}
@media screen and (min-width: 576px) {
#product-image-carousel .carousel-item {
aspect-ratio: 16 / 9;
}
}
@media screen and (min-width: 992px) {
#product-image-carousel .carousel-item {
aspect-ratio: 14 / 9;
}
#product-image-carousel .carousel-control-next-icon,
#product-image-carousel .carousel-control-prev-icon {
font-size: clamp(1rem, -0.401rem + 2.26vw, 2rem);
}
}
@media screen and (min-width: 1400px) {
#product-image-carousel .carousel-item {
aspect-ratio: 16 / 9;
}
}
#product-image-carousel .carousel-indicators {
bottom: 0;
margin: 0;
background: transparent;
}
#product-image-carousel .carousel-indicators li {
background-color: #002535;
opacity: 0.3;
}
#product-image-carousel .carousel-indicators li.active {
opacity: 1;
}
/* Specifications */
.product-specifications-col h2 {
font-size: clamp(1.5rem, 1.326rem + 0.87vw, 2.25rem);
margin: 0.5em 0 0.75em;
}
.specifications-list-block:not(:last-child) {
margin-bottom: 1.5rem;
}
.specifications-list-block-headline {
border: none;
outline: none;
width: 100%;
padding: 0.875em 1rem 0.75em;
text-align: left;
border-radius: 0;
background-color: rgba(103,165,173,.5);
}
.specifications-list-block-headline:active,
.specifications-list-block-headline:focus,
.specifications-list-block-headline:active {
border: none;
box-shadow: none;
outline: none;
}
.specifications-list-block-headline h3 {
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
font-size: clamp(1.25rem, 1.192rem + 0.29vw, 1.5rem);
}
.specifications-list-block-headline h3 .fa-chevron-down {
color: #497b82;
}
.specifications-list-block-headline:not(.collapsed) h3 .fa-chevron-down {
transform: rotate(180deg);
}
.specifications-list-block-item {
padding: 0.5rem 1rem;
border-bottom: 1px solid #CCCCCC;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.specifications-list-block-item span {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
font-size: clamp(1rem, 0.971rem + 0.145vw, 1.125rem);
}
.specifications-list-title {
font-weight: 500;
}
@media screen and (min-width: 768px) {
.specifications-list-block-item {
flex-wrap: nowrap;
}
.specifications-list-block-item span {
flex-basis: calc(50% - 1rem);
}
}
@media screen and (min-width: 992px) {
.specifications-list-block-item span:first-child {
flex-basis: 350px;
}
.specifications-list-block-item span:last-child {
flex-basis: calc(100% - 350px - 2rem);
}
}
/* ________ Contact page _________ */
.contact-page svg {
color: #457E82;
}
.contact-page .contact-person-box {
padding: 0;
border: 1px solid #CCCCCC;
height: 100%;
}
.contact-page .contact-person-box .contact-person-image figure {
aspect-ratio: 1/1;
height: 100%;
}
.contact-page .contact-person-box .contact-person-image figure img {
filter: grayscale(1);
}
.contact-page .contact-person-box .contact-person-text p.contact-title {
text-transform: uppercase;
}
.contact-page .contact-person-box .contact-person-text p.contact-title,
.contact-page .contact-person-box .contact-person-text a {
color: #000;
font-weight: 300;
font-size: 1rem;
}
.contact-page .contact-person-box .contact-person-text a.read-more {
display: inline-block;
color: #457E82;
font-weight: 500;
font-size: 0.875rem;
text-transform: uppercase;
}
.contact-page {
margin-top: 72px;
}
@media screen and (min-width: 1200px) {
.contact-page {
margin-top: 104px;
}
}
#ir-subpage .contact-page {
margin-top: 0;
}
.map-image img{
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4/3;
}
.contact-info-box .contact-area-first-box{
border-bottom: 1px solid #CCCCCC;
margin-bottom: 1rem;
}
.contact-info-box .contact-area-box {
margin-bottom: 1rem;
}
.contact-info-box .contact-area-box p {
margin-bottom: 0
}
.contact-text svg {
color: #457E82;
margin-right: 4px;
}
/* ________ News page _________ */
/* ________ Emissions page _________ */
.emissions-article h1 {
font-size: clamp(1.75rem, 1.46rem + 1.449vw, 3rem);
margin-bottom: 0.5em;
}
.emissions-article h1 small {
display: block;
margin-top: 0.25em;
font-size: 70%;
}
.emissions-article h2 {
margin-top: 2em;
margin-bottom: 0.5em;
font-size: clamp(1.5rem, 1.384rem + 0.58vw, 2rem);
}
.emissions-article h3 {
font-size: clamp(1.25rem, 1.192rem + 0.29vw, 1.5rem);
margin-top: 1.5em;
}
.emissions-article h4 {
font-size: clamp(1rem, 0.942rem + 0.29vw, 1.25rem);
text-transform: uppercase;
font-size: 1rem;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.3;
font-weight: 500;
}
.emissions-article .text-section a {
color:#457E82;
font-weight: 500;
}
/* Information table */
.info-table-section ul {
list-style: none;
margin: 0;
padding: 0;
}
.info-table-section li {
display: flex;
border-bottom: 1px solid #cccccc;
padding: 0.75rem 0;
justify-content: space-between;
flex-wrap: wrap;
}
.info-table-section li span {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.info-table-term {
color: #457E82;
font-weight: 500;
}
@media screen and (min-width: 576px) {
.info-table-section li span.info-table-term {
flex-basis: calc(50% - 1rem);
}
.info-table-section li span.info-table-description {
flex-basis: calc(50% - 1rem);
}
}
/* Documents list */
.documents-section ul {
list-style: none;
padding: 0;
margin-bottom: 0;
color: #0D3380;
}
.documents-section li {
font-size: 1.125rem;
font-weight: 400;
padding: 0.25rem 0;
display: flex;
align-items:center;
}
.documents-section img {
width: 16px;
margin-right: 0.5rem;
}
@media screen and (min-width: 576px) {
.documents-section li {
font-size: 1.25rem;
}
.documents-section img {
width: 18px;
}
}
/* CEO quote box */
.ceo-quote-box-section {
background-color: #F8F8F8;
padding: 3rem 1rem;
margin-right: -15px;
margin-left: -15px;
}
.ceo-quote-box-image {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 2rem;
}
.ceo-quote-box-text {
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 0;
}
.ceo-quote-box-text h2 {
margin-top: 0;
}
.ceo-quote-box-text p:last-child {
margin-bottom: 0;
}
.ceo-quote-box-image img {
aspect-ratio: 1/1;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
filter: grayscale(1);
display: block;
margin: 0 auto;
max-width: 240px;
}
@media screen and (min-width: 480px) {
.ceo-quote-box-section {
margin-right: 0;
margin-left: 0;
padding: 3rem 1.5rem;
}
.ceo-quote-box-text {
border-left: 1px solid #000000;
padding-left: 1rem;
}
.ceo-quote-box-text-2 {
border-left: 1px solid #000000;
padding-left: 1rem;
}
}
@media screen and (min-width: 576px) {
.ceo-quote-box-section {
padding: 2.5rem;
}
.ceo-quote-box-text {
padding-left: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.ceo-quote-box-text {
order: 1;
flex-basis: calc(100% - 280px);
}
.ceo-quote-box-image {
flex-basis: 250px;
order: 2;
}
}
@media screen and (min-width: 992px) {
.ceo-quote-box-section {
padding: clamp(2.5rem, 1.099rem + 2.26vw, 3.5rem);
}
}
.banner.ir-banner .banner-image img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 3/2;
}
.ir-banner-figure {
position: relative;
}
.ir-banner-figure .banner-image-overlay {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 1;
background-color: rgba(0,0,0,0.5);
justify-content: center;
align-items: center;
cursor: pointer;
display: flex;
transition: all ease 0.2s;
flex-direction: column;
}
.ir-banner-figure .banner-image-overlay svg {
font-size: 6rem;
font-size: 4rem;
margin-bottom: 2rem;
color: #FFFFFF;
}
.ir-banner-figure:hover .banner-image-overlay svg {
color: #FFFFFF;
}
.ir-banner-figure .banner-image-overlay h3 {
font-weight: 500;
margin: 0;
bottom: 0;
position: absolute;
right: 0;
left: 0;
margin: 0;
padding: 1rem;
background-color: #67a5ad;
color: #fff;
}
@media screen and (min-width: 576px) {
.ir-banner-figure .banner-image-overlay svg {
font-size: 6rem;
}
}
@media screen and (min-width: 768px) and (pointer: fine) {
.ir-banner-figure .banner-image-overlay svg {
font-size: 9rem;
}
.ir-banner-figure .banner-image-overlay {
background-color: transparent;
}
.ir-banner-figure:hover .banner-image-overlay {
background-color: rgba(0, 10, 20, 0.3);
opacity: 1;
}
}
@media screen and (min-width: 1700px) {
.ir-banner-figure .banner-image-overlay svg {
font-size: 9rem;
}
}
.video-modal {
position: fixed;
height: 100%;
width: 100%;
background-color: #002535;
top: 0;
left: 0;
z-index: 1041;
}
.video-modal .modal-dialog {
width: 100%;
height: 100%;
max-width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.video-modal .modal-content {
background-color: transparent;
border: none;
width: 100%;
max-width: 1200px;
}
.video-modal .modal-body {
background-color: transparent;
border: none;
}
.video-modal .close {
color: white;
font-size: 2.5rem;
opacity: 1;
font-weight: 400;
}
.video-modal .close:hover {
color: white;
}
/* Youtube embed */
#embedded-video-wrap > iframe {
width: 100%;
height: unset;
aspect-ratio: 16 / 9;
}
.modal-backdrop.show {
display: none;
}
.mfn-archive .mfn-archive-item img {
opacity: 0.5;
}
.video-banner figure {
position: relative;
}
.video-banner .play-icon {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
height: 68px;
}
.video-banner h3{
font-weight: 300;
margin-top: 0;
}
.video-banner h2 strong {
font-weight: 900;
}
.video-banner .preheadline {
text-transform: uppercase;
margin-bottom: 0;
}
.video-banner .banner-image video {
height: 100%;
width: 100%;
object-fit: cover;
}
/*
-----------------------------------------
LATEST REPORT PAGE
-----------------------------------------
*/
/* ------- Header ------- */
.report-page-header-section {
margin-top: 72px
}
@media screen and (min-width: 1200px) {
.report-page-header-section {
margin-top: 118px;
}
}
@media (min-width: 1200px) {
.report-page-header {
min-height: 25vw;
}
}
.report-page-header-image {
background-position: center;
background-size: cover;
padding: 2rem 1rem;
flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
.report-page-header-image {
padding: 2rem;
flex-basis: 50%;
}
}
@media (min-width: 1200px) {
.report-page-header-image {
padding-left: 8vw;
}
}
@media (min-width: 1700px) {
.report-page-header-image {
padding-right: 3rem;
}
}
.report-page-header-image-caption {
padding: clamp(1rem, 0.654rem + 1.538vw, 2rem);
background-color: rgba(255, 255, 255, 0.75);
width: 100%;
}
.report-page-header-image-caption h1 {
font-weight: 300;
}
.report-page-header-image-caption h1 strong {
display: block;
}
.report-page-header-image-caption a.btn {
color: #000000;
border-color: #000000;
margin-top: 1rem;
}
.report-page-header-image-caption a.btn:hover,
.report-page-header-image-caption a.btn:active,
.report-page-header-image-caption a.btn:focus {
color: #457E82;
border-color: #457E82;
background-color: transparent;
margin-top: 1rem;
}
.report-page-header-text {
background-color: #67a5ad;;
padding: 2rem 1rem;
flex: 0 0 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.report-page-header-text * {
color: #FFFFFF;
}
@media screen and (min-width: 768px) {
.report-page-header-text {
padding: 2rem;
flex-basis: 50%;
}
}
@media screen and (min-width: 1700px) {
.report-page-header-text {
padding: 3rem;
}
}
.report-page-header-text ul {
list-style: none;
padding: 0;
margin-top: 1rem;
}
.report-page-header-text ul li {
background-image: url(/media/d24fehvx/square-sharp-solid-medium-green.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: top 6px left;
padding: 0 0 0.25em 20px;
padding-left: 20px;
font-weight: 300;
font-size: 1.125rem;
}
@media screen and (min-width: 576px) {
.report-page-header-text ul li {
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: top 8px left;
padding-left: 24px;
font-size: 1.25rem;
}
}
/* ------- Quote section ------- */
/* ------- Video section ------- */
.report-page-video-banner h3 strong {
display: block;
}
.report-page-video-figure {
position: relative;
}
.report-page-video-figure .banner-image-overlay {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
transition: all ease 0.2s;
}
.report-page-video-figure .banner-image-overlay:hover {
background-color: rgba(0,0,0,0.2)
}
.report-page-video-figure .banner-image-overlay svg {
color: #FFFFFF;
font-size: 110px;
}
/* ------- Text section ------- */
.report-page-message-headline {
margin-bottom: 0;
}
.report-page-message-headline + .report-page-message-ingress {
margin-top: 0.5rem;
}
.report-page-message-ingress {
margin-bottom: 1.5rem;
}
.report-page-message-ingress h3 {
font-size: 1.5rem;
margin-bottom: 0.25rem;
}
.report-page-message-ingress p {
font-size: 1.25rem;
max-width: 75ch;
line-height: 1.4;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 992px) {
.report-page-message-ingress {
margin-bottom: 2rem;
}
.report-message-text {
column-count: 2;
column-gap: 2rem;
}
}
@media screen and (min-width: 1200px) {
.report-page-message-ingress {
margin-bottom: 2.5rem;
}
.report-page-message-ingress h3 {
font-size: 1.75rem;
}
.report-page-message-ingress p {
font-size: 1.375rem;
}
}
.report-page-message-text-block:not(:last-child) {
margin-bottom: 1.5rem;
}
.report-page-message-text-block {
break-inside: avoid-column;
}
.report-page-contact-section #subscriptionPage .mfn-subscribe {
padding: 0;
}