/* Theme Name: Theme By EggDesign
Theme URI: http://www.eggdesign.com.au
Author: Steve Bramley
Author URI: https://www.eggdesign.com.au/
Description: Theme design by EggDesign
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-by-eggdesign */
/* Styles Structure 1. base - form - buttons 2. Layout - html/body  - header - navigation - footer 3. Components - hero - section 5. Pages - home - contact 5. Effects - parallax - animation - watermark */
/** Base */
h3 { margin-bottom: 24px !important; }

@media (max-width: 991.98px) { h3 { font-size: 25px; line-height: 25px; } }

h4 { font-weight: 500 !important; margin-bottom: 20px !important; }

@media (max-width: 991.98px) { h4 { font-size: 20px; line-height: 120%; } }

.lead { font-size: 24px !important; line-height: 28.8px; }

@media (max-width: 991.98px) { .lead { font-size: 20px; line-height: 120%; } }

.section__footer--main { font-weight: 500; line-height: 20px; }

/** Core - form */
select { background: url(./assets/img/icn__chevron--select.svg) calc(100% - 12px) center/24px no-repeat; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

input:focus-visible, select:focus-visible, textarea:focus-visible, input:focus, select:focus, textarea:focus { border-radius: 0 !important; }

input, button, select, optgroup, textarea { background-color: var(--bs-white); border: 1px solid var(--bs-primary); color: var(--bs-primary); padding: 11px 13px; font-weight: 300; font-size: 16px !important; line-height: 24px !important; width: 100%; margin-bottom: 22px !important; }

input[type="submit"] { background-color: var(--bs-secondary); border: none; color: var(--bs-primary); transition: background-color 250ms ease; width: unset; box-shadow: 0px 0px 0px rgba(0, 40, 50, 0); transition: box-shadow 250ms ease; font-weight: 500; font-size: 18px !important; line-height: 22px !important; display: flex; align-items: center; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; padding: 20px 48px 20px 20px; }

.submit-button-wrapper { display: inline-block; position: relative; }

.submit-button-wrapper::after { content: ''; position: absolute; width: 20px; height: 21px; right: 23px; top: 20px; -webkit-mask: url(./assets/img/icn__button--device.svg) center/contain no-repeat; mask: url(./assets/img/icn__button--device.svg) center/contain no-repeat; background-color: var(--bs-primary); }

input::-moz-placeholder, textarea::-moz-placeholder { color: var(--bs-primary); }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--bs-primary); }

input::placeholder, textarea::placeholder { color: var(--bs-primary); }

.form__contact input:not([type="submit"]), .form__contact button, .form__contact select, .form__contact optgroup, .form__contact textarea { background-color: var(--bs-white); border: 1px solid var(--bs-secondary); }

.form__contact textarea { max-height: 200px; }

.btn { clear: both; display: flex; padding-right: 56px !important; position: relative; }

.btn::after { content: ''; position: absolute; width: 20px; height: 21px; right: 23px; top: calc(50% - 10px); -webkit-mask: url(./assets/img/icn__button--device.svg) center/contain no-repeat; mask: url(./assets/img/icn__button--device.svg) center/contain no-repeat; background-color: var(--bs-primary); transition: right 300ms ease-in-out; }

.btn:hover::after { right: 17px; }

.section__investor-centre .wp-bootstrap-blocks-button { display: flex; justify-content: flex-end; transform: translateY(-68px); margin-bottom: -58px; }

@media (max-width: 991.98px) { .section__investor-centre .wp-bootstrap-blocks-button { transform: translateY(-58px); margin-bottom: -38px; } }

.section__investor-centre .wp-bootstrap-blocks-button .btn { position: relative; right: -12px; background-color: transparent; color: var(--bs-primary); letter-spacing: 0.3em; border-color: transparent; font-weight: 700; font-size: 16px; line-height: 160%; transition: color 300ms ease; }

@media (max-width: 991.98px) { .section__investor-centre .wp-bootstrap-blocks-button .btn { font-size: 12px; line-height: 160%; text-align: center; letter-spacing: 0.3em; padding-right: 36px !important; } }

.section__investor-centre .wp-bootstrap-blocks-button .btn::before, .section__investor-centre .wp-bootstrap-blocks-button .btn::after { content: ''; position: absolute; width: 24px; height: 24px; right: 12px; transition: transform 300ms ease; }

@media (max-width: 991.98px) { .section__investor-centre .wp-bootstrap-blocks-button .btn::before, .section__investor-centre .wp-bootstrap-blocks-button .btn::after { top: 12px; } }

.section__investor-centre .wp-bootstrap-blocks-button .btn::before { background-color: var(--bs-secondary); }

.section__investor-centre .wp-bootstrap-blocks-button .btn::after { background-color: var(--bs-primary); -webkit-mask: url(./assets/img/icn__chevron--right.svg) center no-repeat; mask: url(./assets/img/icn__chevron--right.svg) center no-repeat; top: 16px; }

.section__investor-centre .wp-bootstrap-blocks-button .btn:hover { color: var(--bs-secondary); }

.section__investor-centre .wp-bootstrap-blocks-button .btn:hover::before { transform: translateX(4px); }

.section__investor-centre .wp-bootstrap-blocks-button .btn:hover::after { transform: translateX(6px); }

/*
4. Layout*/
/*
- 4.0 html/body
*/
html, body { padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; scroll-behavior: smooth; scroll-padding-top: 2em; }

body { overflow-y: scroll; }

main { position: relative; }

main::before { content: ''; position: absolute; width: 100vw; height: 1466px; top: 0; left: 0; background: linear-gradient(180deg, rgba(217, 217, 217, 0.44) 2.62%, rgba(255, 255, 255, 0) 56.1%); mix-blend-mode: normal; z-index: -1; }

main ul:not(.wp-block-navigation__container) { list-style: none; }

main ul:not(.wp-block-navigation__container) > li { position: relative; margin-bottom: 24px; }

main ul:not(.wp-block-navigation__container) > li::before { content: ''; position: absolute; width: 23px; height: 19px; left: -2em; top: 4px; background: url(./assets/img/wmk__sticky-menu--current.svg) center/contain no-repeat; }

main .wp-block-group__inner-container .wp-block-group__inner-container { padding-left: 0px !important; padding-right: 0px !important; }

.effects--shadow { filter: drop-shadow(0px 4px 50px rgba(21, 0, 67, 0.15)); }

.inset--top { margin-top: -80px; margin-bottom: 80px; position: relative; z-index: 10; }

@media (max-width: 991.98px) { .wp-block-group__inner-container { padding-right: 32px !important; padding-left: 32px !important; }
  .wp-block-spacer { transform: scaleY(0.5); } }

/*
- 4.1 header
*/
header { position: relative; z-index: 999; }

header .navbar { padding: unset; }

header .navbar-brand { max-height: 98px; position: relative; padding-left: 32px; }

header .navbar-brand img { width: 100%; max-height: 98px; object-fit: contain; }

header .header-social { color: var(--bs-primary); background-color: var(--bs-secondary); padding: 24px; height: 100px; display: flex; flex-direction: column; justify-content: center; width: 200px; margin-right: -12px; font-weight: 400; font-size: 12px; line-height: 24px; }

header .header-social p { margin-bottom: unset !important; white-space: nowrap; }

@media (max-width: 991.98px) { header .header-social { display: none; } }

/*
- 4.2 navigation
*/
.navbar { background-color: var(--bs-white); color: var(--bs-purple); }

.navbar > .container { max-width: unset; width: 100% !important; margin-right: unset !important; }

@media (min-width: 992px) { .navbar > .container { margin-right: 170px; } }

.navbar > .container .navbar-brand { max-width: 286px; }

.navbar > .container .navbar-brand img { width: 100%; }

@media (max-width: 991.98px) { .navbar > .container { flex-direction: row; padding: 12px 24px; flex-wrap: nowrap !important; }
  .navbar .navbar-brand { max-width: 190px; }
  .navbar .navbar-brand img { width: 100%; }
  .navbar button { max-width: 85px; background-color: var(--bs-secondary); height: 68px !important; color: var(--bs-primary); margin: -12px -24px -12px 0 !important; border: none; display: block; box-shadow: none !important; }
  .navbar button span { height: 100%; background: #150043 !important; -webkit-mask: var(--bs-navbar-toggler-icon-bg) center no-repeat; mask: var(--bs-navbar-toggler-icon-bg) center no-repeat; } }

@media (max-width: 991.98px) { .navbar .navbar-collapse { position: absolute; z-index: 999; background: white; top: 72px; left: 0; width: 100%; border-top: 1px solid var(--bs-primary); } }

.navbar .navbar-collapse .navbar-nav { margin-left: auto; margin-right: unset !important; }

.navbar .navbar-collapse .navbar-nav > li { position: relative; }

.navbar .navbar-collapse .navbar-nav > li a { padding: 37px 12px; font-size: 18px !important; font-weight: 500 !important; }

@media (max-width: 991.98px) { .navbar .navbar-collapse .navbar-nav > li a { padding: 12px 20px !important; } }

.navbar .navbar-collapse .navbar-nav > li:last-child { margin-right: 24px; }

@media (max-width: 991.98px) { .navbar .navbar-collapse .navbar-nav > li.menu-item-has-children > .nav-link::before, .navbar .navbar-collapse .navbar-nav > li.menu-item-has-children > .nav-link::after { content: ''; position: absolute; width: 24px; height: 24px; right: 32px; top: 12px; transition: transform 300ms ease; }
  .navbar .navbar-collapse .navbar-nav > li.menu-item-has-children > .nav-link::before { background: var(--bs-secondary); }
  .navbar .navbar-collapse .navbar-nav > li.menu-item-has-children > .nav-link::after { background: url(./assets/img/icn__chevron--select.svg) center/contain no-repeat; } }

.navbar .navbar-collapse .navbar-nav > li .sub-menu { position: absolute; list-style: none; opacity: 0; max-height: 0; visibility: hidden; background-color: var(--bs-white); transition: all 300ms ease; padding-left: 12px; margin-left: 12px; }

@media (max-width: 991.98px) { .navbar .navbar-collapse .navbar-nav > li .sub-menu { position: relative; } }

.navbar .navbar-collapse .navbar-nav > li .sub-menu li .nav-link { font-weight: 400 !important; font-size: 14px !important; line-height: 19px; white-space: nowrap; padding: 12px 60px 12px 0; }

@media (max-width: 991.98px) { .navbar .navbar-collapse .navbar-nav > li:hover > .nav-link::after { transform: rotate(180deg); } }

.navbar .navbar-collapse .navbar-nav > li:hover .sub-menu { opacity: 1; max-height: 999px; visibility: visible; padding-bottom: 12px; }

.nav-link { color: var(--bs-purple) !important; }

.nav-link:hover { color: var(--bs-green) !important; }

.menu__sticky { position: sticky; position: -webkit-sticky; top: 70px; }

.menu__sticky .wp-block-group__inner-container { position: relative; padding: 70px 20px 70px 0; }

.menu__sticky .wp-block-group__inner-container::before { content: ''; position: absolute; width: 50vw; right: 0; height: 100%; box-shadow: 0px 4px 64px rgba(21, 0, 67, 0.1); transform: translateY(-70px); }

.menu__sticky .wp-block-navigation__container li { margin-bottom: 40px; }

.menu__sticky .wp-block-navigation__container li.current-menu-item { position: relative; }

.menu__sticky .wp-block-navigation__container li.current-menu-item::before { position: absolute; content: ''; width: 32px; height: 32px; left: -38px; top: -3px; background: url(./assets/img/wmk__sticky-menu--current.svg) no-repeat; }

.menu__sticky .wp-block-navigation__container li.current-menu-item a { font-weight: 700; }

.menu__sticky .wp-block-navigation__container a { font-size: 16px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; }

.menu__sticky .wp-block-navigation__container a:hover { font-weight: 700; }

@media (max-width: 991.98px) { .menu__sticky { display: none; } }

.menu-social-links-container > ul { display: flex; flex-direction: row; padding: 0; list-style: none; margin-bottom: 0; margin-top: -8px; }

@media (max-width: 991.98px) { .menu-social-links-container > ul { justify-content: flex-end; margin-top: -90px; } }

.menu-social-links-container > ul a { color: var(--bs-primary); width: 21px; height: 21px; display: inline-block; text-indent: -99999px; overflow: hidden; margin-right: 12px; position: relative; }

.menu-social-links-container > ul a::after { content: ''; width: 21px; height: 21px; position: absolute; left: 0; top: 0; background-color: var(--bs-primary); mask: url(./assets/img/icn__social--linkedin.svg) center/cover no-repeat; -webkit-mask: url(./assets/img/icn__social--linkedin.svg) center/cover no-repeat; transition: background-color 300ms ease; }

.menu-social-links-container > ul a:hover::after { background-color: var(--bs-secondary); }

.menu-social-links-container > ul .icn__social--twitter a::after { mask: url(./assets/img/icn__social--twitter.svg) center no-repeat; -webkit-mask: url(./assets/img/icn__social--twitter.svg) center no-repeat; }

footer .no-whitespace { white-space: nowrap !important; }

footer .menu-footer-menu-container > ul { list-style: none; padding: 0; /*columns: 3; column-gap: 24px; @include media-breakpoint-up(lg) { max-height: 180px; &>li:nth-child(2) { margin-bottom: 40px; } &>li:nth-child(4) { margin-bottom: 80px; } } @include media-breakpoint-down(lg) { columns: 1; margin-top: 26px; column-gap: 32px; }*/ }

footer .menu-footer-menu-container > ul li { margin-bottom: 24px; /*-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;*/ }

footer .menu-footer-menu-container > ul li a { color: white; /*font-weight: 700;*/ font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.1em; text-decoration: none; }

footer .menu-footer-menu-container > ul li ul { list-style: none; padding: 0; }

@media (max-width: 991.98px) { footer .menu-footer-menu-container > ul li ul { margin-top: 4px; margin-bottom: 4px; } }

footer .menu-footer-menu-container > ul li ul li { margin-bottom: unset; }

footer .menu-footer-menu-container > ul li ul li a { color: white; font-weight: 400; }

footer .menu-social-links-container > ul a::after { background-color: white; }

/*
- 4.3 footer
*/
.section__footer--pre { padding: 90px 0 70px 0; }

@media (max-width: 991.98px) { .section__footer--pre { padding: 45px 0 35px 0; } }

.section__subscribe { /*@include media-breakpoint-down(lg) { .logo__inbox { max-width: 60px; } } .widget_nav_menu { h2 { display: inline-block; font-style: normal; font-size: 18.2854px; line-height: 22px; padding-right: 24px; &+.menu-social-links-container { display: inline-block; } } }*/ }

.section__subscribe .subscriber__top { display: flex; align-items: center; }

.section__subscribe .logo__inbox { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.section__subscribe .logo__inbox img { width: 100%; height: 100%; object-fit: cover; }

.section__subscribe .container--subscribe .fields { display: flex; gap: 20px !important; justify-content: space-around; width: 100%; align-items: baseline; }

@media (max-width: 991.98px) { .section__subscribe .container--subscribe .fields { flex-direction: column; }
  .section__subscribe .container--subscribe .fields > * { flex: 1; width: 100%; gap: 0 !important; } }

.section__subscribe .container--subscribe .fields > p { display: flex; width: 100%; gap: 20px; justify-content: space-around; margin-right: 20px; align-items: center; }

@media (max-width: 991.98px) { .section__subscribe .container--subscribe .fields > p { flex-direction: column; gap: 0px; margin-bottom: 0; } }

.section__subscribe .container--subscribe .fields > p > * { flex: 1; width: 100%; }

.section__subscribe .container--subscribe .fields .submit-button-wrapper input[type="submit"] { width: 100%; }

footer { background: linear-gradient(94.29deg, #243444 0%, #08BED5 126.04%); color: white; }

footer .section__footer--main { font-weight: 700; font-size: 14px; line-height: 26px; letter-spacing: 0.2em; }

footer .section__footer--main a { color: white; font-size: 16px; line-height: 20px; letter-spacing: 0.03em; }

footer .section__footer--main .menu-social-links-container { margin-top: 30px; }

footer .section__footer--aside { font-style: normal; font-weight: 400; font-size: 14px; line-height: 16.8px; /* identical to box height */ letter-spacing: 0.1em; }

@media (max-width: 991.98px) { footer .section__footer--aside { text-align: center !important; } }

footer .section__footer--aside .wp-block-group__inner-container { padding-top: 24px; border-top: 1px solid var(--bs-white); }

footer .section__footer--aside .wp-block-group__inner-container a { display: inline-block; margin-left: 70px; color: white; }

@media (max-width: 991.98px) { footer .section__footer--aside .wp-block-group__inner-container a { display: block; margin-left: unset; margin-top: 24px; } }

@media (max-width: 991.98px) { footer .section__footer--aside .wp-block-group__inner-container .website-by-egg { margin-top: 12px; } }

@media (max-width: 991.98px) { footer .section__footer--aside .wp-block-group__inner-container .website-by-egg p { text-align: center; } }

footer .section__footer--aside .wp-block-group__inner-container .website-by-egg p a { margin-left: unset !important; color: white; }

@media (max-width: 991.98px) { footer .section__footer--aside .wp-block-group__inner-container .website-by-egg p a { display: inline-block; margin-top: unset; } }

@media (max-width: 991.98px) { footer .section__footer--aside { font-size: 16px; line-height: 19px; } }

/*
3. Sections */
/*
- 3.1 hero */
.hero { position: relative; height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 17px solid var(--bs-green); overflow: hidden; }

.hero.home, .hero.fourohfour { height: 650px; }

@media (max-width: 991.98px) { .hero.home, .hero.fourohfour { height: 498px; } }

.hero .wp-block-cover__inner-container { position: relative; z-index: 10; }

.hero .wp-block-cover__inner-container h2 { color: var(--bs-white); }

.hero .wp-block-cover__inner-container h2 strong, .hero .wp-block-cover__inner-container h2 b { color: var(--bs-green); }

.hero::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, var(--bs-green) 0%, rgba(21, 0, 67, 0) 100%); mix-blend-mode: multiply; z-index: 5; }

.hero::after { content: ''; position: absolute; width: 50%; height: 100%; left: 0; top: 0; background: url(./assets/img/wmk__device--header.svg) right 225px/125% no-repeat; z-index: 6; }

.hero > img { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; top: 0; left: 0; }

/*
- 3.4 hero */
.col__image::after { content: ''; position: absolute; width: 50vw; height: 100%; background: linear-gradient(180deg, #150043 0%, rgba(66, 49, 103, 0.808744) 35.67%, rgba(133, 122, 157, 0.520833) 58.25%, rgba(255, 255, 255, 0) 100%); mix-blend-mode: normal; }

.col__image { position: relative; }

@media (max-width: 768px) { .col__image { min-height: 350px; display: flex; }
  .col__image img { width: 100%; } }

.col__image img { position: absolute; width: 50vw; height: 100%; object-fit: cover; object-position: left center; }

.col__image:before { content: ''; position: absolute; bottom: -30px; width: 500px; height: 60px; background: url(./assets/img/wmk__device--small.svg) 100px no-repeat; z-index: 10; }

ul.list__primary { list-style-type: none; }

ul.list__primary > li::before { content: ''; position: absolute; left: -32px; width: 22px; height: 19px; mask: url(./assets/img/icn__list--chevrons.svg) center/contain no-repeat; -webkit-mask: url(./assets/img/icn__list--chevrons.svg) center/contain no-repeat; background-color: var(--bs-purple); top: 6px; }

ul.list__primary > li { position: relative; }

.section__feature--project.inset--top .row, body.our-company .section__hero--features .row { align-items: stretch !important; background-color: transparent; }

.section__feature--project.inset--top .row > div, body.our-company .section__hero--features .row > div { justify-content: flex-start !important; }

/*
4. Pages
*/
.feature__card { box-shadow: 0px 4px 24px rgba(21, 0, 67, 0.1); background-color: white; position: relative; }

.feature__card::after { content: ''; width: 132px; height: 132px; position: absolute; right: -12px; bottom: -12px; background: url(./assets/img/wmk__home--card-corner.svg) bottom right/cover no-repeat; pointer-events: none; }

.feature__card.row > div { padding: 40px !important; }

@media (max-width: 991.98px) { .feature__card.row > div:not(:last-child) { padding-bottom: 0 !important; }
  .feature__card.row > div > figure { margin-bottom: 0; } }

.feature__card.row > div:first-child figure { width: 100%; height: 100%; }

.feature__card.row > div:first-child figure img { width: 100%; height: 100%; object-fit: cover; }

.feature__gap { gap: 24px; background-color: white; }

.feature__gap .feature__card { padding: 40px !important; }

@media (min-width: 992px) { .feature__gap .feature__card { max-width: calc(50% - 12px); } }

.section__investor-centre h4.title { background-color: var(--bs-primary); padding: 18px 23px; color: var(--bs-white); font-weight: 300; font-size: 30px; line-height: 36px; margin-bottom: unset !important; }

.section__investor-centre .meta { margin-top: 40px; }

.section__investor-centre .meta .date { font-family: 'Forma DJR Display', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 160%; letter-spacing: 0.3em; text-transform: uppercase; }

.section__investor-centre iframe { width: 100% !important; }

.section__investor-centre .block__announcements, .section__investor-centre .block__twitter, .section__investor-centre .block__presentation, .section__investor-centre .block__webcast { position: relative; }

.section__investor-centre .block__twitter, .section__investor-centre .block__presentation { color: white; }

.section__investor-centre .block__twitter .wp-bootstrap-blocks-button a, .section__investor-centre .block__presentation .wp-bootstrap-blocks-button a { color: white; }

.section__investor-centre .block__announcements .wp-bootstrap-blocks-button a:hover, .section__investor-centre .block__webcast .wp-bootstrap-blocks-button a:hover { color: white; }

.section__investor-centre .block__announcements::before, .section__investor-centre .block__twitter::before, .section__investor-centre .block__presentation::before, .section__investor-centre .block__webcast::before { content: ''; position: absolute; width: 50vw; height: 100%; z-index: -1; }

@media (max-width: 991.98px) { .section__investor-centre .block__announcements::before, .section__investor-centre .block__twitter::before, .section__investor-centre .block__presentation::before, .section__investor-centre .block__webcast::before { width: 200vw; } }

.section__investor-centre .block__announcements::before, .section__investor-centre .block__twitter::before { left: -50vw; }

.section__investor-centre .block__presentation::before, .section__investor-centre .block__webcast::before { left: 0; }

@media (max-width: 991.98px) { .section__investor-centre .block__presentation::before, .section__investor-centre .block__webcast::before { left: -50vw; } }

.section__investor-centre .block__announcements::before, .section__investor-centre .block__webcast::before { background-color: var(--bs-green); }

.section__investor-centre .block__presentation::before, .section__investor-centre .block__twitter::before { background-color: var(--bs-primary); }

.section__investor-centre .block__twitter iframe, .section__investor-centre .block__twitter .twitter-timeline-rendered { max-height: 500px; min-width: 100% !important; }

.section__investor-centre .investor__list--item.is_front a { text-decoration: none !important; }

.section__investor-centre .investor__list--item.is_front a img { max-width: 100%; }

.section__investor-centre .investor__list--item.is_front a .date { margin-top: 40px; display: block; font-weight: 700; font-size: 16px; line-height: 160%; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 0.5em; }

.section__investor-centre .investor__list--item.is_front a .intro-text { display: block; font-weight: 300; font-size: 24px; line-height: 28.8px; letter-spacing: 0.1em; }

.section__investor-centre .investor__list--item:not(.is_front) a { text-decoration: none !important; background: white; border-left: 4px solid var(--bs-secondary); padding: 12px 58px 12px 25px; position: relative; display: block; margin-bottom: 25px; }

.section__investor-centre .investor__list--item:not(.is_front) a .date { margin-top: 0px; display: block; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: 0.1em; }

.section__investor-centre .investor__list--item:not(.is_front) a .intro-text { display: block; font-weight: 700; font-size: 20px; line-height: 32px; }

.section__investor-centre .investor__list--item:not(.is_front) a::after, .section__investor-centre .investor__list--item:not(.is_front) a::before { content: ''; position: absolute; width: 38px; height: 38px; right: 12px; top: calc(50% - 19px); transition: transform 300ms ease; }

.section__investor-centre .investor__list--item:not(.is_front) a::before { background: var(--bs-secondary); }

.section__investor-centre .investor__list--item:not(.is_front) a::after { width: 22px; height: 19px; top: calc(50% - 8.5px); right: 20px; background: url(./assets/img/icn__download.svg) center/contain no-repeat; }

.section__investor-centre .investor__list--item:not(.is_front) a:hover::before { transform: translateY(4px); }

.section__investor-centre .investor__list--item:not(.is_front) a:hover::after { transform: translateY(6px); }

.section__investor-centre .investor__list--item.webcast a { padding-left: 0px; padding-right: 0px; border: none; }

.section__investor-centre .investor__list--item.webcast a::after, .section__investor-centre .investor__list--item.webcast a::before { content: none; }

.people__board li { position: relative; margin-left: 96px; background: var(--bs-white); box-shadow: 4px 4px 32px rgba(68, 68, 68, 0.15); padding: 40px 25px 40px 240px; display: flex; }

@media (max-width: 991.98px) { .people__board li { flex-direction: column; padding-left: 25px; margin-left: 0; } }

.people__board li::before { content: none !important; }

.people__board li figure { left: -110px; position: relative; width: 300px; height: 300px; margin-left: -196px; }

@media (max-width: 991.98px) { .people__board li figure { left: unset; margin-left: unset; width: 100%; height: 100%; } }

.people__board li figure img { width: 300px; max-width: unset; }

@media (max-width: 991.98px) { .people__board li figure img { width: 100%; } }

@media (min-width: 992px) { .people__board li .content { margin-left: -80px; } }

.investor__list--documents { padding: 0; }

.investor__list--documents p, .investor__list--documents li { margin-bottom: 30px; }

.investor__list--documents p::before, .investor__list--documents li::before { content: none !important; }

.investor__list--documents p, .investor__list--documents li { display: flex; flex-direction: column; justify-content: flex-start !important; align-items: flex-start !important; }

.investor__list--documents p > ul, .investor__list--documents li > ul { max-height: 0px; opacity: 0; visibility: hidden; transition: max-height 300ms ease, opacity 300ms ease; }

.investor__list--documents p > ul li, .investor__list--documents li > ul li { border: none; padding: initial; margin-bottom: 0.5em; font-weight: 300; font-size: 20px; line-height: 120%; letter-spacing: 0.1em; }

.investor__list--documents p > ul li::after, .investor__list--documents li > ul li::after { content: none !important; }

.investor__list--documents p.active::after, .investor__list--documents li.active::after { transform: rotateZ(180deg); }

.investor__list--documents p.active ul, .investor__list--documents li.active ul { margin-top: 1em; max-height: 999px; opacity: 1; visibility: visible; }

.investor__list--documents p, .investor__list--documents li { padding: 20px 41px; border: 1px solid var(--bs-primary); border-left: 6.5px solid var(--bs-secondary); border-right: none; font-weight: 700; font-size: 20px; line-height: 32px; display: flex; align-items: center; position: relative; text-decoration: none; background-color: transparent; transition: background 300ms ease; }

.investor__list--documents p::after, .investor__list--documents li::after { content: ''; position: absolute; width: 39px; height: 39px; right: 0; top: 15px; background: url(./assets/img/icn__chevron--select.svg) center/contain no-repeat; transition: top 300ms ease, transform 300ms ease; }

.investor__list--documents p:hover, .investor__list--documents li:hover { background-color: var(--bs-light-green); cursor: pointer; }

.investor__list--documents p:hover::after, .investor__list--documents li:hover::after { top: 18px; }

ul.grid__media { padding: 0; display: flex; list-style: none !important; gap: 16px; flex-wrap: wrap; }

@media (max-width: 767.98px) { ul.grid__media { flex-direction: column; } }

ul.grid__media > li { flex: 1; max-width: calc(33.33% - 11px); min-width: calc(33.33% - 11px); border-radius: 8px; transition: transform 300ms ease; }

ul.grid__media > li::before { content: none !important; }

@media (max-width: 767.98px) { ul.grid__media > li { max-width: unset !important; width: 100%; } }

ul.grid__media > li img { margin-bottom: 16px; width: 100%; height: 216px; -o-object-fit: cover; object-fit: cover; }

/*ul.grid__media > li img + p::after { content: ''; width: 26px; height: 26px; position: absolute; right: 16px; top: 0px; background-color: var(--bs-aero); mask: url(./assets/img/msk__link--new.svg) center no-repeat; -webkit-mask: url(./assets/img/msk__link--new.svg) center no-repeat; transition: background-color 300ms ease; }*/

ul.grid__media > li p { margin-bottom: 0; font-style: normal; font-weight: 700; font-size: 30px; line-height: 120%; position: relative; }

ul.grid__media > li p span.date.footer { display: block; font-weight: 700; font-size: 14px; line-height: 120%; letter-spacing: 0.05em; text-transform: uppercase; }

ul.grid__media > li p.excerpt { margin-top: 12px; font-weight: 300; font-size: 16px; line-height: 140%; letter-spacing: 0.05em; }

ul.grid__media > li:hover img + p::after { background-color: var(--bs-yale-blue); }

ul.grid__media > li a.list__item--read-more { margin-top: 12px; font-weight: 700; font-size: 14px; line-height: 120%; /* or 17px */ display: flex; align-items: center; letter-spacing: 0.3em; text-decoration-line: underline; text-transform: uppercase; }

.post-password-form { display: flex; flex-direction: column; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding-top: 250px; padding-bottom: 150px; align-items: center; justify-content: center; position: relative; }

/*.post-password-form::before { content: ''; position: absolute; width: 337px; height: 752px; top: -368px; left: -200px; background: url(./assets/img/wmk__device--beige.svg) center/contain no-repeat; z-index: -1; }*/

@media (max-width: 991.98px) { .post-password-form::before { left: -16px; top: -250px; width: 180px; height: 400px; } }

.post-password-form > p { line-height: unset; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.post-password-form > p label { height: 132px; line-height: unset; }

.post-password-form > p input[type="submit"] { margin-right: unset; }

.brand-media-assets hr { width: 100%; }

.brand-media-assets .list__checked--positive, .brand-media-assets .list__checked--negative { list-style: none; }

.brand-media-assets .list__checked--positive li, .brand-media-assets .list__checked--negative li { position: relative; margin-bottom: 8px; }

.brand-media-assets .list__checked--positive li strong, .brand-media-assets .list__checked--negative li strong { color: var(--bs-medium-aquamarine); }

/*.brand-media-assets .list__checked--positive li::before, .brand-media-assets .list__checked--negative li::before { content: ''; position: absolute; width: 24px; height: 24px; left: -32px; background: url(./assets/img/icn__list-marker--positive.svg) center/contain no-repeat; }*/

.brand-media-assets .list__checked--negative li strong { color: var(--bs-secondary); }

/*.brand-media-assets .list__checked--negative li::before { background: url(./assets/img/icn__list-marker--negative.svg) center/contain no-repeat; }*/

.brand-media-assets .brand-media-assets .section__sticky--menu > .wp-block-group__inner-container > .wp-bootstrap-blocks-row > div:last-child section { padding-bottom: 20px; }

.brand-media-assets #talking-about-us .is-layout-flex:not(.is-vertical) { width: 100%; }

.brand-media-assets #talking-about-us .is-layout-flex:not(.is-vertical) .lead { flex: 1; }

@media (max-width: 991.98px) { .brand-media-assets #talking-about-us .is-layout-flex:not(.is-vertical) { flex-direction: column; align-items: flex-start; } }

.brand-media-assets #talking-about-us .is-layout-flex:not(.is-vertical) ul { flex: 3; }

@media (max-width: 991.98px) { .brand-media-assets .wp-bootstrap-blocks-button a { width: 100%; margin-top: 24px; }
  .brand-media-assets .section__sticky--menu > .wp-block-group__inner-container > .wp-bootstrap-blocks-row > div:last-child section { padding: 0; }
  .brand-media-assets .section__sticky--menu > .wp-block-group__inner-container > .wp-bootstrap-blocks-row > div:last-child .wp-block-separator { margin-top: 24px; margin-bottom: 30px; } }

body.investor-centre .heading--webcasts, body.investor-centre .section__investor-centre.webcasts > .wp-block-group__inner-container { border-bottom: 1px solid var(--bs-primary); }

body.investor-centre .investor__list--item.webcast:nth-child(odd) { margin-right: 24px; }

body.investor-centre .investor__list--item .announcement--item { border-top: 1px solid var(--bs-primary); border-bottom: 1px solid var(--bs-primary); }

body.investor-centre .investor__list--item .announcement--item::before { right: 0; }

body.investor-centre .investor__list--item .announcement--item::after { right: 7px; }

body.investor-centre .investor__list--item .announcement--item.webcast { position: relative; border-top: none; border-bottom: none; height: 100%; display: block; text-decoration: none; }

body.investor-centre .investor__list--item .announcement--item.webcast .title { margin-top: 20px; font-family: 'Roboto'; font-weight: 500; font-size: 20px; line-height: 24px; text-decoration: none; }

body.investor-centre .investor__list--item .announcement--item.webcast .title .date { margin-top: 10px; display: block; font-family: 'Roboto'; font-weight: 300; font-size: 12px; line-height: 24px; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb { height: 100%; display: block; position: relative; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb::after, body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb::before { content: ''; position: absolute; height: 100%; left: 0; top: 0; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb::before { width: 50%; background: url(./assets/img/wmk__webcasts--arrows.svg) center/cover no-repeat; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb::after { width: 100%; background: linear-gradient(90deg, rgba(21, 0, 67, 0.65) 0%, rgba(21, 0, 67, 0) 100%); mix-blend-mode: multiply; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb img { width: 100%; height: 100%; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb span { position: absolute; background-color: var(--bs-secondary); border-radius: 50%; width: 46px; height: 46px; top: calc(50% - 23px); left: calc(50% - 23px); -webkit-mask: url(./assets/img/icn__webcasts--play.svg) center/contain no-repeat; mask: url(./assets/img/icn__webcasts--play.svg) center/contain no-repeat; z-index: 10; opacity: 0.8; transition: opacity 300ms ease; }

body.investor-centre .investor__list--item .announcement--item.webcast .webcast--thumb span img { display: none !important; }

body.investor-centre .investor__list--item .announcement--item.webcast:hover .webcast--thumb span { opacity: 1; }

body.investor-centre .investor__list--item.webcast { max-width: calc(50% - 12px); display: inline-flex; }

body.investor-centre .investor__list--item.webcast h4.title { display: none !important; }

body.investor-centre .investor__list--item.webcast > span > img { max-width: 100%; }

body.investor-centre .share-price { border-top: 1px solid var(--bs-primary); border-bottom: 1px solid var(--bs-primary); padding-top: 40px; padding-bottom: 40px; }

body.investor-centre .share-price h1 { white-space: nowrap; }

@media (min-width: 992px) { body.investor-centre .gold-price { display: flex; justify-content: center; } }

.media ul.grid__media > li { max-width: calc(50% - 24px); min-width: calc(50% - 24px); }

.has-light-blue-background-color { position: relative; }

.has-light-blue-background-color::before { content: ''; position: absolute; width: 50vw; height: 100%; right: -96px; background-color: var(--bs-light-blue); z-index: -1; }

@media (max-width: 991.98px) { .has-light-blue-background-color::before { width: 200vw; right: unset; left: -25vw; } }

/*
5. effects */
/** Fancy stuff - watermark */
.wmk { position: relative; }

/** Fancy stuff - parallax */
.parallaxed span.parallax { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover !important; }

.parallaxed span.parallax + img { display: none; }

/** Fancy stuff - animation */
/* css animations */
.animated, .animated-children > * { transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; }

.animated.fadeIn, .animated-children.fadeIn > * { opacity: 0; }

.animated.fadeIn.active, .animated-children.fadeIn > *.active { opacity: 1; }

.animated.fadeInLeft { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; }

.animated.fadeInLeft.active { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); }

.animated.fadeInRight { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0; }

.animated.fadeInRight.active { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); }

.animated.fadeInBottom, .animated-children.fadeInBottom > * { transform: translateY(30px) !important; -webkit-transform: translateY(30px) !important; opacity: 0; }

.animated.fadeInBottom.active, .animated-children.fadeInBottom > *.active { opacity: 1; transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; }

.animated.fadeInTop { /*transform: translateY(-30px) !important; -webkit-transform: translateY(-30px) !important;*/ margin-top: -30px; opacity: 0; }

.animated.fadeInTop.active { opacity: 1; margin-top: 0; /*transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important;*/ }

.animated.img__hover--grow { overflow: hidden; position: relative; }

.animated.img__hover--grow img { transition: 5s ease-out; }

.animated.img__hover--grow:hover img { transform: scale(1.125); -webkit-transform: scale(1.125); }

.animated.bounce-vertical__inner--arrows.active .wp-block-button__link::before, .animated.bounce-vertical__inner--arrows.active .wp-block-button__link::after { animation: bounces 2s ease 2 forwards; }

@keyframes bounces { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-8px); }
  60% { transform: translateY(-4px); } }
