@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body,
html {
    font-family: "Montserrat", serif;
    line-height: 1.1;
    letter-spacing: 0.5px;
    color: #5b6670;
    font-weight: 400;
}

/**umb_name:text small*/
.text-small {
	font-size: 14px;
}

/**umb_name:text intro*/
.text-intro {
	font-size: 16px;
}

/**umb_name:text medium*/
.text-medium {
	font-size: 22px;
}

/**umb_name:text large*/
.text-large {
	font-size: 42px;
}

/**umb_name:text extra large*/
.text-extra-large {
	font-size: 38px;
}

/**umb_name:text blue*/
.text-blue {
	color: #509ea6 !important;
}

/**umb_name:text green*/
.text-green {
	color: #44942b !important;
}

/**umb_name:text slate grey*/
.text-slate-grey {
	color: #525d66 !important;
}

/**umb_name:text white*/
.text-white {
	color: #fff !important;
}



/* Text styles */
h2,
h3,
h5 { font-weight: 500; }
h1 {
    font-size: 30px;
    line-height: 1;
    font-family: "Montserrat", serif;
    font-weight: 300;
}
h2 { font-size: 18px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; font-weight: 500; }
h5 { font-size: 11px; }

h4 small { font-size: 16px; display: block; }

/* Paragraph styles */
.text-medium { font-size: 18px; }
.text-intro { font-weight: 400; font-size: 16px; line-height: 1.3; }
.text-header { font-weight: 400; font-size: 24px; }
.quote { font-weight: 300; }
.text-uppercase-blue { font-weight: 500; text-transform: uppercase; color: #509ea6; }
.number-green { color: #44942b; font-weight: 500; font-size: 20px; }
.uppercase { text-transform: uppercase; }
.home-intro h1 { font-size: 30px; max-width: 100%; }
.home h1 { font-size: 26px; line-height: 1.1; }
.secondary-intro { font-size: 36px; }
.pull-quote { font-weight: 300; font-size: 24px; line-height: 1.2; }
.dont-display { display: none; }
.contact-details { line-height: 1.4; }
.home-second-intro { padding-left: 15px; }

/* share price box */
.share-price-number { font-size: 70px; }
.share-price-title { font-size: 28px; }

.cell-content .intro { font-size: 20px; font-weight: 300; z-index: 20; }

.page-description-standard-text { font-size: 20px; font-weight: 300; line-height: 1.4; }

.tall-feature-panel h5 { font-size: 14px; }
.tall-feature-panel h3 { font-size: 24px; }

.phone-number { font-weight: 600; }
.content-area ul { list-style: none; }
.content-area ul li { position: relative; padding: 5px 0px 5px 15px; }
.content-area ul li:before { content: ""; display: block; height: 8px; width: 8px; position: absolute; background: #525d66; border-radius: 500px; left: -18px; top: 13px; }
.content-area ul li::marker { display: none; }

.content-area ul.financial-tabs li:before { content: ""; display: none; height: 8px; width: 8px; position: absolute; background: #525d66; border-radius: 500px; left: -18px; top: 13px; }
.financial-calendar .content-area .tab-item-object { position: relative; padding: 0; }

.events__list { padding-left: 0; }
.events__list .events__item { padding: 10px 0; }
.events__list .events__item:before { display: none; }

/* Hide content */
.hide-this { display: none; }

/* contact address */
.contact { padding-left: 10%; }
.contact p { font-size: 16px; margin-bottom: 0; }

/* Links */
a { color: #44942b; text-decoration: none; outline: 0; font-weight: 500; }
a:hover { color: #525d66; }

.btn { border: 2px solid #509ea6; background-color: #ffffff; color: #525d66; text-align: center; padding: 6px 10px 6px 25px; font-size: 14px; font-weight: 600; border-radius: 0; margin-bottom: 10px; }
.btn:active,
.btn:focus { background-color: #509ea6; border-color: #509ea6; color: #fff; }
.btn:hover { background: #509ea6; color: #fff; }
.btn-secondary.active,
.btn-secondary:active { border: 2px solid #509ea6; background-color: #ffffff; color: #525d66; }

.internal-link { color: #525d66; font-weight: 500; position: relative; padding: 3px 10px 1px 30px; display: inline-block; z-index: 1; cursor: pointer; font-size: 15px; background: transparent; border: 0; }
.internal-link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(/img/svg/internal-link-icon.svg) center / 100% no-repeat; }

.internal-link:after { content: ""; display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 110%; color: #ffffff; background: #509ea6; transition: 0.3s ease-out; transform: scaleX(0); transform-origin: left; z-index: -1; }
.internal-link:hover { color: #ffffff; }
.internal-link:hover:after { transform: scaleX(1); }

.call-to-action-link { color: #334048; font-weight: 500; position: relative; padding-left: 30px; display: inline-block; }
.call-to-action-link:before { content: ""; display: block; position: absolute; top: 6px; left: 10px; width: 14px; height: 16px; background: url(/img/svg/arrow-right.svg) center / 100% no-repeat; }
.call-to-action-link:hover:before { background-image: url(/img/svg/arrow-right-white.svg); }
.theme-blue .call-to-action-link:hover:before { background-image: url(/img/svg/arrow-right.svg); }

.close-btn { font-size: 0; border: 0; background: #509ea6 url(/img/svg/exit-white.svg) center / 16px no-repeat; width: 24px; height: 24px; transition: opacity 0.5s ease; }
.close-btn:hover { opacity: 0.65; }

/* Padding top */
.st-1 { padding-top: 10px; }
.st-2 { padding-top: 18px; }
.st-3 { padding-top: 26px; }
.st-4 { padding-top: 35px; }
.st-5 { padding-top: 50px; }
.st-6 { padding-top: 80px; }

/* Padding bottom */
.sb-1 { padding-bottom: 10px; }
.sb-2 { padding-bottom: 18px; }
.sb-3 { padding-bottom: 26px; }
.sb-4 { padding-bottom: 35px; }
.sb-5 { padding-bottom: 50px; }
.sb-6 { padding-bottom: 80px; }

/* Spacing between header */
* + h2 { padding-top: 25px; }
* + h3 { padding-top: 10px; }
* + h4 { padding-top: 5px; }
h2 + h2,
h2 + h3,
h2 + h4,
h3 + h2,
h3 + h3,
h3 + h4,
h4 + h2,
h4 + h3,
h4 + h4 { padding-top: 0; }

/* Cell padding */
.no-padding { padding: 0; margin: 0; }
.padding-small { padding: 10px; }
.padding-medium { padding: 25px; }
.padding-large { padding: 35px; }
.padding-base-small { padding-bottom: 10px; }
.add-margin-mobile-row-top { margin-top: 50px; }
.remove-gutter { --bs-gutter-x: initial; }

/* Content position */
.content-area [class*="content-placement-"] { padding: 0; }
.content-area [class*="content-placement-"] .cell-content { width: 100%; height: fit-content; min-height: inherit; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.content-area .content-placement-middle .cell-content { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; }
.content-area .content-placement-bottom .cell-content { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.content-area .content-placement-evenly-separated .cell-content { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

/* Padding and content position combined */
.content-area [class*="content-placement-"].padding-small .cell-content { padding: 10px; }
.content-area [class*="content-placement-"].padding-medium .cell-content { padding: 25px; }
.content-area [class*="content-placement-"].padding-large .cell-content { padding: 35px; }

/* Panel styles */
[class*="feature-panel"] { position: relative;  height: 100%; background: top/ cover no-repeat; }
[class*="feature-panel"]:before { content: ""; display: block; padding-bottom: calc(100% + 80px); }
[class*="feature-panel"] .cell-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: inherit; width: 100%; height: 100%; z-index: 3; }
[class*="feature-panel"] a { /* color: #fff */ }
[class*="feature-panel"] .cell-content h5 { font-size: 1.25em; }

.umb-grid-cell .fix-to-bottom { position: absolute; bottom: 35px; }
.umb-grid-cell .fix-video-to-bottom { position: absolute; bottom: 5px; }
.umb-grid-cell .fix-to-top { position: absolute; top: 35px; }

.fix-to-top { margin-bottom: 15px; }

.tall-feature-panel,
.small-feature-panel { overflow: hidden; position: relative; }
.tall-feature-panel { max-height: 450px; }
.tall-feature-panel:before { padding-bottom: calc(100% + -68px); }
.tall-feature-panel .item-content,
.small-feature-panel .item-content { background: #fff; position: absolute; bottom: 126px; left: 0; padding: inherit; padding-bottom: 100px; transform: translateY(100%); transition: transform 0.5s ease; z-index: 15; }
.tall-feature-panel .item-content span { color: #ffffff; }
.tall-feature-panel .item-content p { color: #ffffff; display: block; padding-top: 0px !important; margin-bottom: 0px !important; }
.tall-feature-panel .item-content .text-header { display: block; padding-top: 15px; margin-bottom: 0px; }
.tall-feature-panel .item-content a { color: #eda359; }
.tall-feature-panel .item-content a:hover { color: #fff; }
.tall-feature-panel .item-content { transform: none; opacity: 0; transition: opacity 0.5s ease; padding-bottom: 45px; display: flex; align-items: center; }
.tall-feature-panel:hover .item-content { opacity: 0.9; }
.tall-feature-panel .item-content p { transform: translateY(100%); transition: transform 0.8s ease; }
.tall-feature-panel:hover .item-content p { transform: translateY(0%); }

.small-feature-panel:before { padding-bottom: calc(100% + 120px); }
.small-feature-panel:after { background-image: inherit; top: 0; background-size: 50%; }
.small-feature-panel .item-content { background: #f5f5f6; transform: translateY(calc(100% - 240px)); top: 0; bottom: 0; width: 100%; }
.small-feature-panel .item-content h3 { margin-bottom: 35px; padding-top: 0; font-size: 24px; color: #525d66; }
.small-feature-panel .item-content h5 { font-size: 14px; margin-top: 10px; }
.small-feature-panel .item-content .panel-text { transition-duration: 0.3s; opacity: 0; }
.small-feature-panel:hover .item-content .panel-text { transition-duration: 0.3s; opacity: 1; }
.small-feature-panel:hover .item-content { transform: translateY(0); }
.small-feature-panel .item-content .panel-text { max-height: 80%; overflow-y: scroll; }

.small-feature-panel .item-content .panel-text::-webkit-scrollbar { width: 6px; }
.small-feature-panel .item-content .panel-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }
.small-feature-panel .item-content .panel-text::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255); }

.small-feature-panel .item-content .panel-text .fix-to-bottom { bottom: 0px; }
.tall-feature-panel { width: 100%; }
.tall-feature-panel h3 { color: #ffffff; }
.tall-feature-panel .item-content { background: #509ea6; bottom: 0; z-index: -1; width: 100%; height: 100%; }

.small-feature-panel { width: 100%; font-size: 16px; background-position: top; background-size: 100% 55%; background-size: contain; }
.feature-panel-image { height: 100%; }

.feature-panel-left-overlap { left: -25%; height: 82%; width: 73%; top: 9%; opacity: 0.9; }
.feature-panel-left-overlap .item-content { padding: 4px 30px 40px 90px; line-height: 1.3; }
.feature-panel-left-overlap .item-content.sustain-left-panel { padding: 0px 70px 40px 70px; line-height: 1.3; }
.feature-panel-left-overlap .item-content h1 { font-size: 45px; }
.feature-panel-left-overlap .item-content h5 { font-size: 12px; }
.feature-panel-left-overlap .item-content .text-intro { font-size: 16px; }

.feature-panel-left-bottom-overlap { height: 100%; opacity: 0.9; }
.feature-panel-left-bottom-overlap .item-content { padding: 15px; }
.feature-panel-left-bottom-overlap .item-content h1 { font-size: 45px; }
.feature-panel-left-bottom-overlap .item-content h5 { margin-top: 22px; }
.feature-panel-left-bottom-overlap .item-content .text-intro { font-size: 16px; }

.feature-panel-right-bottom-overlap { opacity: 1; }
.feature-panel-right-bottom-overlap .item-content { padding: 15px; }
.feature-panel-right-bottom-overlap .item-content h1 { font-size: 45px; }
.feature-panel-right-bottom-overlap .item-content h5 { margin-top: 22px; }
.feature-panel-right-bottom-overlap .item-content .intro { font-size: 16px; }

.feature-panel-bottom-overlap .cell-content { padding: 50px 80px 50px 80px; color: #ffffff; background: #509ea6; opacity: 0.9; width: 80%; left: 10%; top: 76%; overflow-x: hidden; overflow-y: scroll; }
.feature-panel-bottom-overlap .cell-content * { color: #ffffff; }
.home .feature-panel-bottom-overlap .cell-content { overflow: hidden; }
.about-us .feature-panel-bottom-overlap .cell-content { overflow: hidden; }
.sustainability .feature-panel-bottom-overlap .cell-content { overflow: hidden; }

.feature-panel-bottom-overlap { height: 60%; overflow: visible; }
    .feature-panel-bottom-overlap .text-header {
        font-size: 20px;
        font-family: "Montserrat", serif;
        font-weight: 400;
    }
.feature-panel-bottom-overlap .btn { border-color: #fff; background-color: #509ea6; color: #fff; }
.feature-panel-bottom-overlap .btn:hover { background: #fff; color: #509ea6; }
.feature-panel-bottom-overlap .call-to-action-link:before { background-image: url(/img/svg/arrow-right-white.svg); }
.feature-panel-bottom-overlap .btn .call-to-action-link:hover:before { background-image: url(/img/svg/arrow-right.svg); }
.feature-panel-bottom-overlap .internal-link { color: #ffffff; }
.feature-panel-bottom-overlap .internal-link:before { background-image: url(/img/svg/internal-link-icon-white.svg); }
.feature-panel-bottom-overlap .internal-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 110%; background: #ffffff; transition: 0.3s ease-out; transform: scaleX(0); transform-origin: left; z-index: -1; }
.feature-panel-bottom-overlap .internal-link:hover:after { transform: scaleX(1); }

.feature-panel-bottom-overlap .btn .internal-link:hover:before { background-image: url(/img/svg/internal-link.svg); }
.feature-panel-bottom-overlap .btn .internal-link:hover { color: #509ea6; background: #ffffff; }
.feature-panel-bottom-overlap .internal-link:hover { color: #509ea6; }

.feature-panel-bottom-overlap .btn:active,
.feature-panel-bottom-overlap .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #eda359; }

.feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: 30px; }
.feature-panel-bottom-overlap .fix-to-top { margin-top: 30px; }

.feature-panel-bottom-overlap-history-green .cell-content { overflow-y: scroll; background: #44942b !important; height: 82% !important; padding: 40px !important; }
.feature-panel-bottom-overlap-history-green .cell-content::-webkit-scrollbar { width: 6px; }
.feature-panel-bottom-overlap-history-green
.cell-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }
.feature-panel-bottom-overlap-history-green
.cell-content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 1); }

.feature-panel-bottom-overlap-history-dark-green .cell-content { overflow-y: scroll; background: #234a41 !important; height: 82% !important; padding: 40px !important; }
.feature-panel-bottom-overlap-history-dark-green
.cell-content::-webkit-scrollbar { width: 6px; }
.feature-panel-bottom-overlap-history-dark-green
.cell-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }
.feature-panel-bottom-overlap-history-dark-green
.cell-content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255); }

.feature-panel-bottom-overlap-large .cell-content { padding: 100px 80px 50px 80px; width: 80%; height: 105%; left: 10%; top: 76%; }
.feature-panel-bottom-overlap-small .cell-content { padding: 45px 35px; height: 70%; }
.feature-panel-bottom-overlap-small .fix-to-bottom { margin-bottom: -12px; }
.feature-panel-bottom-overlap-small .fix-to-top { margin-top: -10px; }
.feature-panel-bottom-overlap-small { overflow: visible; }

.feature-panel-bottom-overlap-med .cell-content { height: 60%; padding: 50px 80px 50px 80px; }

.feature-panel-image-tall { width: 80%; height: 120%; top: -10%; }

.feature-panel-text-tall .cell-content { width: 85%; padding-left: 100px; line-height: 1.7; font-weight: 300; }
.feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; }
.feature-panel-text-tall .item-content { margin-top: -46px; }
.feature-panel-text-tall h1 { font-size: 28px; font-weight: 600; }
.feature-panel-text-tall .fix-to-bottom { margin-bottom: -20px; }
.feature-panel-text-tall .fix-to-top { margin-top: 35px; }

[class*="feature-panel"] .cell-content::-webkit-scrollbar { width: 6px; }
[class*="feature-panel"] .cell-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; }
[class*="feature-panel"] .cell-content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255); }

/* Image overflow panel */
.image-overflow-left { height: 100%; width: 100%; min-height: 600px; background: center / cover no-repeat; }
.image-background-left .image-overflow-left { background: left / cover no-repeat; }
.image-overflow-right { height: 125%; width: 100%; min-height: 450px; background: center / cover no-repeat; }

/* Accordions */
.accordion-item { border: 0; border-bottom: 1px solid #b2b2b2; }
.accordion-button { width: 100%; padding: 20px 48px 20px 12px; font-size: 20px; text-align: left; font-weight: 700; color: #525d66; position: relative; display: block; outline: 0; }

.accordion-button:after { content: ""; position: absolute; display: block; color: #509ea6; border-bottom: 2px solid #509ea6; border-right: 2px solid #509ea6; width: 12px; height: 12px; right: 30px; top: 50%; pointer-events: none; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); background: transparent; }

.accordion-button:not(.collapsed) { color: #509ea6; background: transparent; }
.accordion-button:not(.collapsed)::after { background: transparent; -webkit-transform: translateY(-50%) rotate(-25deg); transform: translateY(-50%) rotate(226deg); }

/* new twitter / x icon*/
i.x-icon {
    background-image: url(../img/svg/twitter-logo.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 4px;
}

/* Carousel */
.slick-slide { cursor: grab; }
.slick-slide:active { cursor: grabbing; }

.slick-dots { list-style-type: none; padding: 0; display: flex; flex-direction: row; justify-content: flex-start; margin: 20px 0; }
.slick-dots li { margin: 0 6px; }
.slick-dots li button { border: 0; font-size: 0; width: 12px; height: 12px; background: #a1a7ad; display: block; }
.slick-dots li.slick-active button { background: #58a2aa; }

.background-offset-tb .image-carousel { height: calc(100% + 200px); top: -100px; z-index: 2; }

/* Conveyor Carousel */
.conveyor-carousel { /* display: flex; */ /* width: calc(100% * var(--no-of-slides)); */ /* flex-direction: row; */ /* align-items: stretch; */ /* justify-content: flex-start; */ /* position: relative; */ /* justify-content: start; */ flex-wrap: wrap; }
.conveyor-carousel .column { width: calc(100% / var(--no-of-slides)); /* height: 100%; */ position: relative; margin: 0 0 0 7px; }
.conveyor-carousel .column .umb-grid-cell { position: relative; }
.conveyor-carousel .column .umb-grid-cell:before { content: ""; display: block; padding-bottom: calc(100% + 264px); }
.conveyor-carousel .column .cell-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: inherit; width: 100%; height: 88%; z-index: 11; }
.conveyor-nav { margin: 15px 0; }
.conveyor-nav-btn { border: 0; font-size: 0; width: 50px; height: 50px; display: inline-block; background: #525d66 url(/img/svg/arrow-right-white.svg) center / 25px no-repeat; transition: opacity 1s ease; }
.conveyor-nav-btn[data-dir="prev"] { transform: scaleX(-1); }
.conveyor-nav-btn:hover { opacity: 0.7; }

/* Videos */
.conveyor-carousel .column .umb-grid-cell.video-panel:after { content: ""; display: block; position: absolute; z-index: 10; top: 0; left: 0; background: center right / cover no-repeat; background-image: inherit; width: 100%; height: 274px; }
.conveyor-carousel .column .umb-grid-cell.video-panel .cell-content:after { content: ""; display: block; position: absolute; z-index: 10; top: 200px; left: 17px; background: #525d66 url(/img/svg/play-icon.svg) center / 100% no-repeat; width: 56px; height: 56px; border-radius: 50%; opacity: 0.9; }

/* UN sdg */
.sdg-tabbed-slider .col-md-4 { position:static; }
.sdg-tabbed-slider .col-md-4 img { object-fit: cover; }

/* Table */
table { width: 100%; }
.table > :not(caption) > * > * { border-bottom: 0; }
table thead tr { border-bottom: 2px solid #dee1e2; }
table td { padding: 12px; color: #525d66; }

.sustain table { width: 75%; }

.B1 { background-color: rgb(80 158 166 / 0.2) !important; }

.U1 { border-bottom: 1px solid #dee1e2; }
.U2 { border-bottom: 2px solid #5b6670; }
.UR2 { border-right: 2px solid #5b6670; }

.W1 { font-weight: 700; }

.A1 { text-align: right; }

/* Forms */
input[type="text"],
textarea,
select { background: #f5f5f6 0% 0% no-repeat padding-box; border: 1px solid #a1a7ad; }

/* Gutters */
.row.no-gutters,
.umb-grid-row.no-gutters > .container > .row { --bs-gutter-y: 0; --bs-gutter-x: 0; }

/* Selection highlight colour */
::-moz-selection { background: #daece4; color: #6b7077; text-shadow: none; }
::selection { background: #daece4; color: #6b7077; text-shadow: none; }

/* Themes */
.theme-white { background: #ffffff; }

.theme-light-grey { background-color: #f5f5f6; }
/*.theme-light-grey * { color: #FFFFFF; }*/
.theme-light-grey .btn { border-color: #fff; }
.theme-light-grey .btn:hover { background: #fff; color: #eda359; }
.theme-light-grey .btn:active,
.theme-light-grey .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #eda359; }
.theme-light-grey .internal-link:before { background-image: url(/img/svg/internal-link-icon-white.svg); }
.theme-light-grey .internal-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; transition: 0.3s ease-out; transform: scaleX(0); transform-origin: left; z-index: -1; }
.theme-light-grey .internal-link:hover:after { transform: scaleX(1); }
.theme-light-grey .btn .internal-link:hover:before { background-image: url(/img/svg/internal-link.svg); }
.theme-light-grey .btn .internal-link:hover { color: #509ea6; background: #ffffff; }
.theme-light-grey .internal-link:hover { color: #509ea6; }

.theme-light-grey .btn:active,
.theme-light-grey .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #eda359; }

.theme-grey { background-color: #eff0f1; }

.theme-dark-grey { background-color: #525d66; }
.theme-dark-grey * { color: #fff; }
.theme-dark-grey .call-to-action-link { color: #334048; }

.theme-slate-grey { background-color: #daece4; }
.theme-slate-grey * { /* color: #525D66; */ }
.theme-slate-grey .btn { }
.theme-slate-grey .btn:hover { background: #fff; color: #334048; }
.theme-slate-grey .internal-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; transition: 0.3s ease-out; transform: scaleX(0); transform-origin: left; z-index: -1; }
.theme-slate-grey .btn:active,
.theme-slate-grey .btn:focus { border-color: #eda359; }

.theme-green { background-color: #44942b; }
.theme-green * { color: #fff; }
.theme-green .btn { border-color: #fff; }
.theme-green .btn:hover { background: #fff; color: #fdcc62; }
.theme-green .btn:active,
.theme-green .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #fdcc62; }

.theme-dark-green { background-color: #234a41; }
.theme-dark-green * { color: #fff; }
.theme-dark-green .btn { border-color: #fff; }
.theme-dark-green .btn:hover { background: #fff; color: #fdcc62; }
.theme-dark-green .btn:active,
.theme-dark-green .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #fdcc62; }

.theme-light-green { background: #daece4; }

.theme-blue { background-color: #509ea6; }
.theme-blue * { color: #fff; }
.theme-blue .btn { border-color: #fff; /* background-color: #509EA6; */ }
.theme-blue .btn:hover { background: #fff; color: #509ea6; }
.theme-blue .call-to-action-link:before { background-image: url(/img/svg/arrow-right-white.svg); }
.theme-blue .btn .call-to-action-link:hover:before { background-image: url(/img/svg/arrow-right.svg); }
.theme-blue .internal-link:before { background-image: url(/img/svg/internal-link-icon-white.svg); }
.theme-blue .internal-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; transition: 0.3s ease-out; transform: scaleX(0); transform-origin: left; z-index: -1; }
.theme-blue .internal-link:hover:after { transform: scaleX(1); }

.theme-blue .btn .internal-link:hover:before { background-image: url(/img/svg/internal-link.svg); }
.theme-blue .btn .internal-link:hover { color: #509ea6; background: #ffffff; }

.theme-blue .btn:active,
.theme-blue .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #eda359; }

.theme-coral { background-color: #f7e4d0; }
.theme-coral * { color: #525d66; }
.theme-coral .btn { border-color: #fff; }
.theme-coral .btn:hover { background: #fff; color: #eda359; }
.theme-coral .btn:active,
.theme-coral .btn:focus { background-color: #d6d6d6; border-color: #d6d6d6; color: #eda359; }

.theme-dark-tint { position: relative; background: center / cover no-repeat; }
.theme-dark-tint:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #525d66; opacity: 0.4; }
.theme-dark-tint * { color: #fff; }

/* Theme offset */
.background-offset-tb { position: relative; }
.background-offset-tb:before,
.background-offset-tb:after { content: ""; display: block; background: #fff; width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: 1; }
.background-offset-tb:after { top: auto; bottom: 0; }

.background-offset-tb .umb-grid-cell[style*="background-image"] { position: relative; z-index: 2; }

/* Related pages */
.related-page .fix-to-bottom { bottom:initial; }
.related-page { margin-top: 6%; }
.related-page h3 { margin-bottom: 30px; }
.related-page-theme { background-color: #f5f5f6; padding-bottom: 20px; }
.related-page-theme .internal-link:before { background-image: url(/img/svg/internal-link-icon-white.svg); }
.related-page-theme .internal-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 110%; background: #ffffff; transition: 0.3s ease-out; /* transform: scaleX(0); */ transform-origin: left; z-index: -1; }
.related-page-theme .internal-link:hover { color: #509ea6; }
/* fix for directors page */
.board-of-directors-style { min-height: 100px !important; height: 100px; }

/*=== Specific pages ===*/
/* home page */
.text-logo { margin-left: -25px; }
.text-logo img { background-color: #fff; }

/* Sign up */
.sign-up { padding: 28px 20px; }
.sign-up { font-size: 28px; }
.sign-up .call-to-action-link { color: black; }
.sign-up .call-to-action-link:hover { color: #fff; }

/* Sustainability page */
.sustain-icon-boxes .icon { width: 100px; height: auto; padding-top: 145px; margin: 10px 10px 10px 200px; text-align: center; font-size: 15px; }
.sustain-icon-boxes .icon-text { padding: 0 10% 0 33%; font-size: 22px; height: 45px; }
.sustain-target-box { padding-left: 20px; padding-top: 80px; }
.sustain-case-study-heading { width: fit-content; padding: 10px 20px 5px; position: absolute; top: -250px; z-index: 5; }
.sustain-large-image { position: relative; }
.sustain-large-image:after { content: ""; width: 60%; position: absolute; top: -250px; bottom: 0; left: 0; background: transparent linear-gradient(270deg, #525d6600 0%, #292f33 100%) 0% 0% no-repeat padding-box; opacity: 0.6; z-index: 2; }
.sustain-image-container { position: relative; }
.sustain-case-study-sub-head { position: absolute; top: 33%; padding-left: 30px; z-index: 5; }

/* Icons */
.icon { width: 60px; height: auto; padding-top: 85px; background: center / 100% no-repeat; margin: 0px 10px; text-align: center; font-size: 15px; }
.icon.buildings { background-image: url(/img/svg/icons/UN-buildings.svg); }
.icon.gender { background-image: url(/img/svg/icons/UN-gender.svg); }
.icon.growth { background-image: url(/img/svg/icons/UN-growth.svg); }
.icon.life { background-image: url(/img/svg/icons/UN-lifeOnLand.svg); }
.icon.responsible { background-image: url(/img/svg/icons/UN-responsible.svg); }
.icon.climate { background-image: url(/img/svg/icons/UN-climate.svg); }
.icon.coins { background-image: url(/img/svg/icons/coins.svg); }
.icon.earth { background-image: url(/img/svg/icons/earth.svg); }
.icon.jacket { background-image: url(/img/svg/icons/jacket.svg); }
.icon.list { background-image: url(/img/svg/icons/list.svg); }
.icon.map { background-image: url(/img/svg/icons/map.svg); }

.icon.heart { background-image: url(/img/svg/icons/heart-home.svg); margin-left: 0; }
.icon.people { background-image: url(/img/svg/icons/people-home.svg); margin-left: 0; }
.icon.respect { background-image: url(/img/svg/icons/respect.svg); margin-left: 0; }

.sustain-logo { background-size: 85%; }

/* Investors landing page */
.reg-box { height: 250px; padding: 30px 30px; margin-bottom: 20px; }
.reg-box h3 { margin-bottom: 45%; }

/* Vision, mission and values page */
.values-panel .cell-content img { width: 100%; }

/* Materiality page */
.sustain-issues-long-image { overflow-x: scroll; }
.sustain-issues-long-image img { width: 400% !important; max-width: 400%; }
.scroll-picture { background: linear-gradient(90deg, white 60%, lightgrey); }

/* Environment page */
.environment-panel ul li:before { content: ""; display: block; background: #ffffff !important; }

.sustain-spacer-white { margin-top: 200px; }
.sustain-spacer-grey { }
.sustain-case-study-image img { margin-top: -250px; }

/* financial calander */
.financial-button { padding-left: 35px !important; padding-right: 35px !important; }

/* the role of the board of directors */
.the-role-of-the-board-and-directors .margin-header-right { margin-right: -150px; }

/*board-committee-terms-of-reference */
.ref-btns a { width: 250px !important; }
.board-committee-terms-of-reference .margin-header-right { margin-right: -150px; }

/* case studies page */
.customer-case-studies .small-feature-panel:hover .item-content .panel-text { overflow: hidden !important; }
.latest-news .small-feature-panel:hover .item-content .panel-text { overflow: hidden !important; }
.land-case-studies .small-feature-panel:hover .item-content .panel-text { overflow: hidden !important; }

.margin-minus img { width: 125px; margin-top: -75px; padding-bottom: 25px; }

.offset-top-and-bottom { position: relative; }
.offset-top-and-bottom [style*="background-image"] { height: 0; padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.offset-top-and-bottom ul li p { margin-bottom: 5px; }

.offset-top-and-bottom-sustain { position: relative; }
.offset-top-and-bottom-sustain [style*="background-image"] { height: 0; padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.offset-top-and-bottom-sustain ul li p { margin-bottom: 5px; }

/* News and Media */
/* Videos */
.media-thumbnail-btn {border: 0;width: 100%;text-align: left;padding: 15px;position: relative;}
.media-thumbnail-btn:before { content: "";display: block;width: 100%;height: 100%;padding-top: 40%;margin-bottom: 20px;background: var(--bg-url) center / cover no-repeat; background-size:contain; }
.media-thumbnail-btn:after {content: "";display: block;width: 100%;height: 100%;background: top calc(50% - 25px) center / 33% no-repeat;opacity: .7;position: absolute;top: 0;left: 0;}
.media-thumbnail-btn:hover:after { opacity: 1; }

.video-panel { margin-bottom: 120px; }
.photo-panel { margin-bottom: 180px; }

.video-thumbnail-btn:after {background-image: url(../img/svg/video-play-icon.svg);}
.photo-thumbnail-btn:after {background-image: url(../img/svg/fullscreen-icon.svg);}

.media-thumbnail-btn span { display: block; }
.media-thumbnail-btn .item-title { font-weight: bold; }



@media (max-width: 480px) {
    .st-4 { padding-top: 10px; }
    p { font-size: 16px; }
    nav.main ul.submenu { overflow-y: auto; }
    .related-page h3 { margin-bottom: 50px; }
    [class*="feature-panel"] { overflow: hidden; }
    .feature-panel-bottom-overlap-med .cell-content .text-header,
    .feature-panel-bottom-overlap-med .cell-content .item-content,
    .feature-panel-bottom-overlap-med .cell-content a.internal-link { position: relative; margin-bottom: 15px; }
    .feature-panel-bottom-overlap-med .cell-content .item-content { height: auto; }
    .feature-panel-bottom-overlap-med .cell-content a.internal-link { position: relative; bottom: 0; }

    [class="*feature-panel-bottom-overlap-history-"] .cell-content { max-height: 50%; }

    .feature-panel-left-overlap { width: 100%; left: 0; height: 100%; overflow: auto; }
    .feature-panel-left-overlap .item-content { padding: 15px; }
    .people .feature-panel-left-overlap .item-content { padding: 15px; overflow: hidden; }
    .people .feature-panel-left-overlap { width: 100%; left: 0; height: 100%; overflow: hidden; }
    .feature-panel-left-overlap .icon { padding-top: 75px; }
    .feature-panel-right-bottom-overlap .cell-content { position: relative; }
    .feature-panel-right-bottom-overlap:before { display: none; }

    .feature-panel-image-tall { width: 100%; height: 100%; position: relative; left: 0; top: 0; }
    .feature-panel-text-tall .cell-content { width: 100%; padding-left: 0; }
    .feature-panel-text-tall .item-content { margin-top: 0; }
    .umb-grid-cell .fix-to-top { position: relative; top: 0; }

    .tall-feature-panel:hover .item-content p { max-height: 100px; overflow-y: scroll; }
    .umb-grid-cell .fix-to-bottom { bottom: 10px; }
    .related-page .fix-to-bottom { bottom: 20px; }
    [class*="padding-"] { padding: 15px; /* padding-top: 80px; */ }
    .text-extra-large,
    .share-price-number { font-size: 28px; line-height: 1.1; }

    .tab-content-items ul.tab-item li { display: block; }
    .tab-content-items ul.tab-item li .item-date-and-name,
    .tab-content-items ul.tab-item li .item-date { width: 100%; flex-direction: column; margin-bottom: 15px; }
    .tabs-item-wrapper { display: block; }
    .financial-tabs { display: none; }
    .tabs-item-wrapper button { padding-right: 10px; width: 100%; text-align: center; border-bottom: 1px solid #509ea6; }

    .sustain-icon-boxes { width: 100%; height: 100%; }
    .sustain-icon-boxes .icon { width: 75px; margin: 10px auto; padding-top: 100px; }
    .sustain-icon-boxes .icon-text { padding: 0; }

    .home-sustain-box { padding-top: 80px; }

    .communities-panel-height .feature-panel-left-bottom-overlap { height: 110%; opacity: 0.9; }
    .communities .feature-panel-left-overlap .item-content.sustain-left-panel { padding: 15px; line-height: 1.3; }
}

@media (min-width: 480px) {
    body,
    html { font-size: 16px !important; }

    /* Button */
    .btn { font-size: 14px; padding: 6px 10px 6px 25px; }
    .btn:hover { background: #509ea6; color: #fff; }

    /*Call to action button*/
    .call-to-action-link:before { top: 9px; left: 10px; width: 14px; height: 16px; }

    /* Text styles */
    h1 { font-size: 30px; }
    h2 { font-size: 18px; }
    h3 { font-size: 23px; }
    h4 { font-size: 14px; }
    h5 { font-size: 13px; }

    .cell-content .intro { font-size: 19px; }
    .move-intro-left { /* margin-left: 18px; */ }

    /* Paragraph styles */
    .home h1 { font-size: 23px; width: 63%; }
    .text-large { font-size: 32px; }
    .text-extra-large { font-size: 30px; line-height: 1.3; }
    .page-description-standard-text { font-size: 21px; font-weight: 300; line-height: 1.4; }
    .secondary-intro { font-size: 21px; }

    /* Padding top */
    .st-1 { padding-top: 14px; }
    .st-2 { padding-top: 23px; }
    .st-3 { padding-top: 32px; }
    .st-4 { padding-top: 45px; }
    .st-5 { padding-top: 67px; }
    .st-6 { padding-top: 100px; }
    .people .overlay-boxes.sb-5,
    .communities .overlay-boxes.sb-5 { padding-bottom: 0px; }

    /* Padding bottom */
    .sb-1 { padding-bottom: 14px; }
    .sb-2 { padding-bottom: 23px; }
    .sb-3 { padding-bottom: 32px; }
    .sb-4 { padding-bottom: 45px; }
    .sb-5 { padding-bottom: 67px; }
    .sb-6 { padding-bottom: 100px; }

    /* Feature panels*/
    [class*="feature-panel"] { /* overflow: hidden; */ }
    .feature-panel-left-overlap { left: 0; height: 100%; width: 100%; top: 0%; opacity: 0.9; }
    .feature-panel-left-overlap .cell-content { top: 17%; }
    .feature-panel-left-overlap .fix-to-top { top: -48px; }
    .feature-panel-left-overlap .fix-to-bottom { bottom: 138px; }
    .feature-panel-left-overlap .item-content h3 { font-size: 32px; padding-bottom: 42px; }

    .feature-panel-left-bottom-overlap { top: -10%; height: 110%; left: 0; /* width: 100%; */ opacity: 0.9; }
    .feature-panel-left-bottom-overlap .item-content { padding: 50px; line-height: 1.3; }

    .feature-panel-right-bottom-overlap { top: -10%; height: 110%; right: 0; /* width: 100%; */ opacity: 0.9; }
    .feature-panel-right-bottom-overlap .item-content { padding: 15px; line-height: 1.3; }

    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 20px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 20px; line-height: 1.25em; }

    .feature-panel-bottom-overlap .cell-content { padding: 22px 20px 50px 20px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 80%; /* height: 116%; */ left: 10%; top: 78%; }
    .feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: -3px; }
    .feature-panel-bottom-overlap .fix-to-top { /* margin-top: -19px; */ }
    .feature-panel-bottom-overlap .text-intro { font-size: 16px; }

    .feature-panel-bottom-overlap-med .cell-content { height: 80% !important; }
    .home .feature-panel-bottom-overlap-med .cell-content { padding: 55px 50px 50px 50px !important; overflow: hidden; }

    .cell-content { }
    .feature-panel-bottom-overlap-small .cell-content { padding: 77px 35px; }
    .feature-panel-bottom-overlap-small .fix-to-bottom { margin-bottom: -12px; }
    .feature-panel-bottom-overlap-small .fix-to-top { margin-top: -10px; }
    .feature-panel-bottom-overlap-small .text-header { font-size: 28px; }

    .tall-feature-panel { margin-bottom: 50px; }
    .tall-feature-panel .item-content p { padding-top: 165px; margin-bottom: 10px; }
    .feature-panel-image-tall { width: 90%; height: 89%; left: 5%; top: 0%; }

    .feature-panel-text-tall .cell-content { width: 100%; line-height: 1.7; font-weight: 300; font-size: 16px; padding-left: 25px; padding-top: 89px; }
    .feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; }
    .feature-panel-text-tall .item-content { margin-top: -28px; }
    .feature-panel-text-tall h1 { font-size: 32px; font-weight: 600; }
    .feature-panel-text-tall .fix-to-bottom { margin-bottom: -35px; }
    .feature-panel-text-tall .fix-to-top { margin-top: -5px; }

    /*offset-top-and-bottom*/

    .offset-top-and-bottom .cell-content { /* padding-top: 5%; */ /*padding-bottom:5%;*/ }
    .offset-top-and-bottom:before,
    .offset-top-and-bottom:after { content: ""; width: 100%; height: 5vw; background-color: #ffffff; position: absolute; left: 0; }
    .offset-top-and-bottom:before { top: 0; }
    .offset-top-and-bottom:after { bottom: 0; }

    .offset-top-and-bottom-sustain .cell-content { /* padding-top: 5%; */ /*padding-bottom:5%;*/ }
    .offset-top-and-bottom-sustain:before,
    .offset-top-and-bottom-sustain:after { content: ""; width: 100%; height: 0vw; background-color: #ffffff; position: absolute; left: 0; }
    .offset-top-and-bottom-sustain:before { top: 0; }
    .offset-top-and-bottom-sustain:after { bottom: -100px; }

    /* Conveyor Carousel */
    .conveyor-carousel { /* width: calc(41.66666667% * calc(var(--no-of-slides) - 1)); */ }
    .conveyor-carousel .column { width: calc(80% / var(--no-of-slides)); }

    /* share price box */
    .share-price-number { font-size: 60px; }
    .share-price-title { font-size: 28px; }

    /* sign up */
    .sign-up { padding: 28px 20px; }
    .sign-up { font-size: 24px; }

    /* sustainability page*/
    .sustain-icon-boxes { /* width: 528px; */ /* height: 212px; */ }
    .sustain-icon-boxes .icon { width: 100px; height: auto; padding-top: 145px; /* background: center / 100% no-repeat; */ margin: 10px 10px 10px 200px; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0; font-size: 22px; }
    .sustain-case-studies-section .cell-content .intro { margin-top: -60px; }
    .sustain-un-sdg-section .cell-content .intro { margin-top: -80px; }

    /* investors landing page*/
    .reg-box { height: 130px; padding: 9px 30px; margin-bottom: 20px; }
    .reg-box h3 { margin-bottom: 6%; }

    /* strategy page */
    .strategy .pull-quote { font-size: 16px; }
}

@media (min-width: 576px) {
    .home h1 { font-size: 25px; width: 100%; }

    .add-margin-mobile-row-top { margin-top: 80px; }
    .cell-content .intro { font-size: 22px; }

    .feature-panel-left-bottom-overlap .item-content .text-intro { font-size: 22px; }
    .feature-panel-right-bottom-overlap .item-content .text-intro { font-size: 22px; }
    .tall-feature-panel .item-content p { padding-top: 165px; margin-bottom: 75px; }

    .feature-panel-left-overlap .item-content h3 { font-size: 34px; padding-bottom: 45px; }

    .feature-panel-bottom-overlap-med .cell-content { height: 84% !important; padding: 50px 60px 50px 60px !important; }

    .feature-panel-text-tall .cell-content { width: 100%; line-height: 1.7; font-weight: 300; font-size: 16px; padding-left: 25px; padding-top: 89px; }
    .feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; }
    .feature-panel-text-tall .item-content { margin-top: 21px; }
    .feature-panel-text-tall h1 { font-size: 32px; font-weight: 600; }
    .feature-panel-text-tall .fix-to-bottom { margin-bottom: -35px; }
    .feature-panel-text-tall .fix-to-top { margin-top: 15px; }

    /* Conveyor Carousel */
    .conveyor-carousel { /* width: calc(41.66666667% * calc(var(--no-of-slides) - 1)) */ }
    .conveyor-carousel .column { width: calc(80% / var(--no-of-slides)); }

    /* sign up */
    .sign-up { padding: 28px 20px; }
    .sign-up { font-size: 28px; }

    /* sustainability page*/
    .sustain-icon-boxes { /* width: 528px; */ height: 212px; }
    .sustain-icon-boxes .icon { width: 100px; height: auto; padding-top: 145px; /* background: center / 100% no-repeat; */ margin: 10px 10px 10px 200px; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0 10% 0 33%; font-size: 22px; }
    .sustain-case-studies-section .cell-content .intro { margin-top: 25px; }
    .sustain-un-sdg-section .cell-content .intro { margin-top: 0px; }

    /* strategy page */
    .strategy .pull-quote { font-size: 17px; }

    /*Margin-minus*/
    .margin-minus img { width: 150px; margin-top: -150px; }
}

@media (max-width: 576px) {
    [class*="column"] { margin-bottom: 15px; }
    [class*="column"]:last-child { margin-bottom: 5px; }

    .dropdown .dropdown-toggle { min-width: 10rem; padding: 0.5rem 0; font-size: 20px; }

    .tab-item-content .financial-dropdown-item { padding-top: 10px; padding-bottom: 10px; }

    .sustain-case-study-sub-head .text-medium { font-size: 16px; }
}

@media (max-width: 768px) {
    .history-panels { padding-bottom: 0px !important; margin-bottom: -50px; }
    .feature-panel-bottom-overlap .cell-content { display: flex; flex-direction: column; max-height: 61% !important; /* overflow-y: scroll; */ padding: 20px 15px; top: 50%; transform: translateY(-40%); }
}

@media (min-width: 768px) {
    .home h1 { font-size: 30px; width: 95%; }

    .feature-panel-left-overlap .item-content { padding: 4px 30px 30px 30px; }
    .feature-panel-left-overlap .fix-to-bottom { left: 30px; }

    .feature-panel-left-overlap { left: -25%; height: 88%; top: 6%; opacity: 0.9; width: calc(100% + 115px); }
    .feature-panel-left-overlap .cell-content { top: 0; }
    .feature-panel-left-overlap .fix-to-top { top: 28px; }

    .feature-panel-left-overlap .item-content { padding: 76px 40px 2px 40px; line-height: 1.3; }
    .feature-panel-left-overlap .item-content h3 { font-size: 32px; padding-bottom: 50px; }
    .feature-panel-left-overlap .item-content .text-intro { font-size: 18px; }
    .feature-panel-left-overlap .fix-to-bottom { bottom: 13px; }

    .scroll-picture { background: none; }
}

@media (min-width: 768px) {
    body,
    html { font-size: 15px; line-height: 1.25; }

    /* Button size */
    .btn { font-size: 12px; padding: 8px 25px 8px 45px; }

    /*Call to action button*/
    .call-to-action-link:before { top: 12px; left: 10px; width: 24px; height: 16px; }

    /* Text styles */
    h1 { font-size: 35px; }
    h2 { font-size: 20px; }
    h3 { font-size: 24px; }
    h4 { font-size: 14px; }
    h5 { font-size: 14px; }

    .cell-content .intro { font-size: 22px; }
    .move-intro-left { /* margin-left: 15px; */ width: 150%; }

    /* Paragraph styles */
    .text-intro { font-size: 17px; }
    .text-medium { font-size: 23px; }
    .text-large { font-size: 37px; }
    .text-extra-large { font-size: 46px; }
    .home-intro h1 { font-size: 30px; }
    .secondary-intro { font-size: 22px; }
    .pull-quote { font-size: 24px; }

    .add-margin-tablet-row-top { margin-top: 10px; }
    .add-margin-mobile-row-top { margin-top: 0px; }
    .text-logo { display: none; }

    .page-description-standard-text { font-size: 22px; font-weight: 300; line-height: 1.4; }

    .btn:hover { background: #509ea6; color: #fff; }

    /* Padding top */
    .st-1 { padding-top: 18px; }
    .st-2 { padding-top: 30px; }
    .st-3 { padding-top: 39px; }
    .st-4 { padding-top: 56px; }
    .st-5 { padding-top: 83px; }
    .st-6 { padding-top: 120px; }
    .people .overlay-boxes.sb-5,
    .communities .overlay-boxes.sb-5 { padding-bottom: 100px; }

    /* Padding bottom */
    .sb-1 { padding-bottom: 18px; }
    .sb-2 { padding-bottom: 30px; }
    .sb-3 { padding-bottom: 39px; }
    .sb-4 { padding-bottom: 56px; }
    .sb-5 { padding-bottom: 83px; }
    .sb-6 { padding-bottom: 120px; }

    /* Cell padding */
    .padding-small { padding: 12px; }
    .padding-medium { padding: 30px; }
    .padding-large { padding: 40px; }
    .padding-base-small { padding-bottom: 12px; }

    /* Padding and content position combined */
    .content-area [class*="content-placement-"].padding-small .cell-content { padding: 12px; }
    .content-area [class*="content-placement-"].padding-medium .cell-content { padding: 20px; }
    .content-area [class*="content-placement-"].padding-large .cell-content { padding: 40px; }

    /* Conveyor Carousel */
    .conveyor-carousel { /* width: calc(41.66666667% * calc(var(--no-of-slides) - 1)) */ }
    .conveyor-carousel .column { width: calc(80% / var(--no-of-slides)); }

    /* Feature panels */
    .feature-panel-left-overlap { left: -25%; height: 85%; width: 140%; top: 8%; opacity: 0.9; }
    .feature-panel-left-overlap .cell-content { top: 0; }
    .feature-panel-left-overlap .fix-to-top { top: 17px; }
    .feature-panel-left-overlap .fix-to-bottom { bottom: 18px; }
    .feature-panel-left-overlap .item-content { padding: 42px 30px 0px 30px; line-height: 1.3; }
    .feature-panel-left-overlap .item-content.sustain-left-panel { padding: 0px 30px 0px 30px; line-height: 1.3; }
    .feature-panel-left-overlap .item-content h3 { font-size: 28px; padding-bottom: 24px; }
    .feature-panel-left-overlap .item-content h5 { font-size: 11px; }
    .feature-panel-left-overlap .item-content .text-intro { font-size: 14px; }

    .feature-panel-left-bottom-overlap { top: 11%; height: 95%; left: -59%; width: 164%; opacity: 0.9; margin-bottom: 119px; }
    .feature-panel-left-bottom-overlap .item-content { padding: 46px 30px 40px 30px; line-height: 1.3; }
    .feature-panel-left-bottom-overlap .item-content h5 { margin-top: -1px; }
    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 20px; }

    .feature-panel-right-bottom-overlap { top: 100px; height: calc(100% - 0px); right: 0; width: calc(100% + 250px); /* padding-left: 50px; */ opacity: 0.9; margin-bottom: 285px; }
    .feature-panel-right-bottom-overlap .item-content { padding: 46px 30px 40px 30px; line-height: 1.3; }
    .feature-panel-right-bottom-overlap .item-content h5 { margin-top: -1px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 20px; }

    .feature-panel-bottom-overlap .cell-content { padding: 39px 20px 50px 20px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 90%; height: 210% !important; left: 5%; top: 76%; }
    .feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: -16px; }
    .feature-panel-bottom-overlap .fix-to-top { /* margin-top: -19px; */ }

    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 22px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 22px; }

    .feature-panel-bottom-overlap-history-green .cell-content { height: 132% !important; }
    .feature-panel-bottom-overlap-history-dark-green .cell-content { height: 132% !important; }

    .feature-panel-bottom-overlap-med .cell-content { height: 70% !important; padding: 14px 20px 50px 20px !important; }
    .home .feature-panel-bottom-overlap-med .cell-content { height: 70% !important; padding: 14px 20px 50px 20px !important; }
    .feature-panel-bottom-overlap-small .cell-content { padding: 34px 10px 50px 14px; width: 90%; height: 159%; left: 5%; top: 72%; }
    .sustainability-logo-box .cell-content { height: 175% !important; }
    .feature-panel-bottom-overlap-small .fix-to-bottom { margin-bottom: -20px; }
    .feature-panel-bottom-overlap-small .fix-to-top { margin-top: -18px; }

    .feature-panel-bottom-overlap-small .cell-content .intro { font-size: 13px; }
    .feature-panel-bottom-overlap-small .text-header { font-size: 17px; }

    .small-feature-panel { font-size: 14px; }

    .tall-feature-panel { margin-bottom: 0px; }
    .tall-feature-panel .item-content p { padding-top: 165px; margin-bottom: -102px; }
    .tall-feature-panel .text-header { font-size: 20px; }
    .tall-feature-panel .text-intro { font-size: 12px; }
    .feature-panel-image-tall { width: 80%; height: 120%; top: -10%; }

    .feature-panel-text-tall .cell-content { width: 85%; padding-left: 37px; padding-top: 80px; width: 90%; line-height: 1.7; font-weight: 300; font-size: 14px; }
    .feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; font-size: 11px; }
    .feature-panel-text-tall .item-content { margin-top: -46px; }
    .feature-panel-text-tall .item-content .text-intro { font-size: 10px; }
    .feature-panel-text-tall h1 { font-size: 28px; font-weight: 600; }
    .feature-panel-text-tall .fix-to-bottom { margin-bottom: -34px; }
    .feature-panel-text-tall .fix-to-top { margin-top: -21px; }

    /* Angle feature panhel */
    .angle-feature-panel { overflow: visible; }
    .angle-feature-panel:after { content: ""; display: block; position: absolute; background: #334048; top: 0; left: 2px; width: 100%; height: calc(100% - 1px); z-index: 0; transform: scaleX(-1); transform-style: preserve-3d; transform-origin: left; }
    .angle-feature-panel .cell-content:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 150px; background: url(/img/svg/angle-panel-slate-grey.svg?v=5) top right / cover no-repeat; z-index: -1; }
    .angle-feature-panel .cell-content:after { content: ""; display: block; position: absolute; top: 150px; right: 0; width: 100%; height: calc(100% - 150px); z-index: -1; }

    .angle-feature-panel.theme-slate-grey { background: transparent; }
    .angle-feature-panel:before { padding-bottom: calc(100% + 90px); }
    .angle-feature-panel.theme-slate-grey .cell-content:after { background: #334048; }

    /* Conveyor Carousel */
    .conveyor-carousel { /* width: calc(41.66666667% * calc(var(--no-of-slides) - 1)); */ }
    .conveyor-carousel .column { width: calc(100% / var(--no-of-slides)); }

    /* share price box */
    .share-price-number { font-size: 26px; }
    .share-price-title { font-size: 18px; }
    .share-price-box { padding: 20px; }
    /*.home .report-box img { height: 190px; }*/
    /* sign up */
    .sign-up { padding: 28px 20px; }
    .sign-up { font-size: 12px; }

    /* related pages*/
    .related-title { margin-bottom: 8%; }
    .related-page { margin-top: -15%; }
    .related-page h3 { margin-bottom: 30px; }
    .related-page-theme { background-color: #f5f5f6; padding-bottom: 20px; }

    /* sustainability page*/
    .sustain-icon-boxes { width: 110px; height: 140px; }
    .sustain-icon-boxes .icon { width: 40px; height: auto; padding-top: 72px; /* background: center / 100% no-repeat; */ margin: 5px 5px 5px 30%; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0 7%; font-size: 9px; }
    .sustain-case-studies-section .cell-content .intro { margin-top: 80px; }
    .sustain-un-sdg-section .cell-content .intro { margin-top: 35px; }
    .sustain-target-header { margin-top: 50px; }

    .sustain-target-box h3 { font-size: 17px; }
    .sustain-target-box p { font-size: 10px; }
    .sustain-target-box { padding-left: 20px; padding-top: 80px; }

    /* sustainability people page */
    .gender-mix-image { padding-top: 0 !important; }

    /* investors landing page*/
    .reg-box { height: 170px; padding: 20px 10px; }
    .reg-box h3 { margin-bottom: 28%; }

    /* history page */
    .history-panels { padding-bottom: 150px; }

    /* Materiality page */
    .sustain-issues-long-image { overflow-x: hidden; }
    .sustain-issues-long-image img { width: 100% !important; max-width: 100%; }

    /* strategy page */
    .strategy .pull-quote { font-size: 19px; }
}

@media (min-width: 768px) and (max-width:991px) {
    /* side grey box with link */
    .side-link .internal-link { font-size: 13px;}
    /* communties page */
    .communities .feature-panel-left-bottom-overlap { top: 11%; height: 95%; left: -80%; width: 210%; opacity: 0.9; margin-bottom: 119px; }
    /* people page */
    .people .feature-panel-left-overlap { left: -62%; height: 85%; width: 190%; top: 8%; opacity: 0.9; }
    /* environment page */
    .environment .feature-panel-left-bottom-overlap { top: 11%; height: 95%; left: -80%; width: 210%; opacity: 0.9; margin-bottom: 119px; }
}

@media (min-width: 992px) {
    /* Text styles */
    h1 { font-size: 40px; }
    h2 { font-size: 19px; }
    h3 { font-size: 24px; }
    h4 { font-size: 14px; }
    h5 { font-size: 14px; }

    .cell-content .intro { font-size: 24px; }
    .move-intro-left { /* margin-left: 72px; */ width: 110%; }

    /* Paragraph styles */
    .text-intro { font-size: 18px; }
    .text-medium { font-size: 23px; }
    .text-large { font-size: 42px; }
    .text-extra-large { font-size: 51px; }
    .home-intro h1 { font-size: 35px; }
    .secondary-intro { font-size: 26px; }
    .pull-quote { font-size: 20px; }
    .text-logo { display: block; }
    .home h1 { font-size: 35px; width: 90%; }

    .page-description-standard-text { font-size: 20px; font-weight: 300; line-height: 1.2; }

    /* buttons */
    .btn { font-size: 14px; padding: 8px 25px 8px 40px; margin-bottom: 10px; max-width: 300px; }

    /*Call to action button*/
    .call-to-action-link:before { top: 12px; left: 15px; width: 14px; height: 14px; }

    /* Padding top */
    .st-1 { padding-top: 22px; }
    .st-2 { padding-top: 35px; }
    .st-3 { padding-top: 46px; }
    .st-4 { padding-top: 67px; }
    .st-5 { padding-top: 100px; }
    .st-6 { padding-top: 140px; }

    /* Padding bottom */
    .sb-1 { padding-bottom: 22px; }
    .sb-2 { padding-bottom: 35px; }
    .sb-3 { padding-bottom: 46px; }
    .sb-4 { padding-bottom: 67px; }
    .sb-5 { padding-bottom: 100px; }
    .sb-6 { padding-bottom: 140px; }

    /* Themes */
    .theme-blue .internal-link:hover { color: #509ea6; background: #ffffff; }
    .theme-slate-grey .btn:hover { background: #509ea6; color: #ffffff; }
    .theme-slate-grey .call-to-action-link:hover:before { background-image: url(/img/svg/arrow-right-white.svg); }
    .theme-gold .btn:hover { background: #fff; color: #fdcc62; }
    .theme-gold .a:hover,
    .theme-gold .internal-link:hover { color: #e8e8e8; }

    .theme-sand .btn:hover { background: #fff; color: #eda359; }
    .theme-sand .a:hover,
    .theme-sand .internal-link:hover { color: #e8e8e8; }

    .theme-gold-gradient .btn:hover { background: #fff; color: #eda359; }

    /*.home .report-box img { height: 255px; }*/
    .home .sustainability-logo-box .cell-content { padding-top: 95px; }
    .sustainability .sustainability-logo-box .cell-content { padding-top: 95px; }
    .news-and-media .sustainability-logo-box .cell-content { padding-top: 85px; }
    #conveyor-carousel-wrapper { width: calc(100% + ((100vw - 960px) / 2)); overflow: hidden; }

    /* Feature panels */
    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 22px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 22px; }

    .feature-panel-left-overlap { left: -25%; height: 88%; top: 6%; opacity: 0.9; width: calc(100% + 115px); }
    .feature-panel-left-overlap .cell-content { top: 0; }
    .feature-panel-left-overlap .fix-to-top { top: 28px; }

    .feature-panel-left-overlap .item-content { padding: 76px 40px 2px 40px; line-height: 1.3; }
    .feature-panel-left-overlap .item-content.sustain-left-panel { padding: 10px 40px 2px 40px; line-height: 1.3; }
    .feature-panel-left-overlap .item-content h3 { font-size: 32px; padding-bottom: 50px; }
    .feature-panel-left-overlap .item-content .text-intro { font-size: 18px; }
    .feature-panel-left-overlap .fix-to-bottom { bottom: 13px; }

    .feature-panel-left-bottom-overlap { top: 15%; width: 140%; height: 90%; left: -52%; /* width: 89%; */ opacity: 0.9; }
    .feature-panel-left-bottom-overlap .item-content { padding: 40px 30px 40px 30px; line-height: 1; }
    .feature-panel-left-bottom-overlap .item-content h5 { margin-top: 11px; }
    .feature-panel-right-bottom-overlap { top: 100px; height: calc(100% - 0px); right: 0; width: calc(100% + 250px); padding-left: 50px; opacity: 0.9; margin-bottom: 160px; }
    .feature-panel-right-bottom-overlap .item-content { padding: 36px 10px 15px 0px; line-height: 1.3; }
    .feature-panel-right-bottom-overlap .item-content h5 { margin-top: 11px; }

    .feature-panel-bottom-overlap-med .cell-content { height: 113% !important; padding: 65px 40px 50px 40px !important; }
    .home .feature-panel-bottom-overlap-med .cell-content { height: 90% !important; padding: 75px 25px 50px 25px !important; }
    .about-us .feature-panel-bottom-overlap-med .cell-content { height: 90% !important; padding: 75px 40px 50px 40px !important; }
    .feature-panel-bottom-overlap .cell-content { padding: 38px 30px 50px 38px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 80%; height: 138% !important; left: 10%; top: 76%; }
    .investors .feature-panel-bottom-overlap .cell-content { padding: 76px 34px 50px 30px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 80%; height: 146%; left: 10%; top: 76%; overflow: hidden; }
    .feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: 4px; }
    .feature-panel-bottom-overlap .fix-to-top { margin-top: -8px; }
    .feature-panel-bottom-overlap .text-header {
        font-size: 28px;
        font-family: "Montserrat", serif;
        font-weight: 400;
    }

    .feature-panel-bottom-overlap-small .cell-content { padding: 54px 10px 50px 14px; width: 90%; height: 125%; left: 5%; top: 72%; }
    .sustainability-logo-box .cell-content { height: 150% !important; }
    .feature-panel-bottom-overlap-small .fix-to-bottom { margin-bottom: -12px; }
    .feature-panel-bottom-overlap-small .fix-to-top { margin-top: -10px; }
    .feature-panel-bottom-overlap-small .text-header { font-size: 24px; }

    .small-feature-panel { font-size: 16px; }
    .tall-feature-panel .item-content p { /* padding-top: 171px; */ margin-bottom: -6px; }
    .tall-feature-panel .text-intro { font-size: 16px; }

    .feature-panel-text-tall .cell-content { width: 85%; padding-left: 80px; line-height: 1.7; font-weight: 300; padding-top: 100px; }
    .feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; font-size: 13px; }
    .feature-panel-text-tall .item-content { margin-top: -46px; }
    .feature-panel-text-tall .item-content .text-intro { font-size: 20px; }
    .feature-panel-text-tall h1 { font-size: 28px; font-weight: 600; }
    .feature-panel-text-tall .fix-to-bottom { margin-bottom: -20px; }
    .feature-panel-text-tall .fix-to-top { margin-top: -2px; }

    /* Angle feature panhel */
    .angle-feature-panel:before { padding-bottom: calc(100% + 20px); }
    .angle-feature-panel .cell-content:before { height: 200px; }
    .angle-feature-panel .cell-content:after { top: 200px; height: calc(100% - 200px); }

    /* Conveyor Carousel */
    .conveyor-carousel { /* width: calc(41.66666667% * calc(var(--no-of-slides) - 1)) */ }
    .conveyor-carousel .column { width: calc(80% / var(--no-of-slides)); }

    /* share price box */
    .share-price-box { /* margin-left: 25%; */ }
    .share-price-number { font-size: 45px; }
    .share-price-title { font-size: 28px; }
    .share-price-box { /* margin-left: 25%; */ }

    /* contact address */
    .contact { padding-left: 0; }

    /* sign up */
    .sign-up { padding: 28px 20px; }
    .sign-up { font-size: 18px; }

    /* related pages*/
    .related-title { margin-bottom: 9%; }
    .related-page { margin-top: -15%; }
    .related-page h3 { margin-bottom: 30px; }
    .related-page-theme { background-color: #f5f5f6; padding-bottom: 20px; }
    /* fix for directors page */
    .board-of-directors-style { min-height: 148px !important; }

    /* sustainability page*/
    .background-offset-tb:before,
    .background-offset-tb:after { height: 100px; }
    .sustain-icon-boxes { width: 150px; height: 175px; }
    .sustain-icon-boxes .icon { width: 57px; height: auto; padding-top: 90px; /* background: center / 100% no-repeat; */ margin: 5px 5px 5px 30%; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0px 8%; font-size: 16px; }
    .sustain-case-studies-section .cell-content .intro { margin-top: 0px; }
    .sustain-un-sdg-section .cell-content .intro { margin-top: 0px; }
    .house-img { width: 100%; max-width: 1200px; }
    .sustain-target-header { margin-top: initial; }

    .sustain-target-box h3 { font-size: 22px; }
    .sustain-target-box p { font-size: 15px; }
    .sustain-target-box { padding-left: 30px; padding-top: 100px; }

    .people .feature-panel-bottom-overlap .cell-content,
    .communities .feature-panel-bottom-overlap .cell-content { height: 120% !important; overflow: hidden; }
    /* icons */
    .icon { width: 70px; }

    /* investors landing page*/
    .reg-box { height: 228px; padding: 30px 30px; }
    .reg-box h3 { margin-bottom: 45%; }

    /* strategy page */
    .strategy .pull-quote { font-size: 19px; }

    /* history page */
    .history-panels { padding-bottom: 150px; }

    /*board-committee-terms-of-reference */
    .ref-btns a { width: 265px !important; }

    .margin-minus img { margin-top: -132px; }
}

@media (max-width: 991px) {
    .tab-content-items ul.tab-item li { display: block; }
    .tab-content-items ul.tab-item li .item-date-and-name,
    .tab-content-items ul.tab-item li .item-date { width: 100%; flex-direction: column; margin-bottom: 15px; }
    .tabs-item-wrapper { display: block; }
    .financial-tabs { display: none; }
    .tabs-item-wrapper button { padding-right: 10px; width: 100%; text-align: center; border-bottom: 1px solid #509ea6; }
    .tall-feature-panel:hover .item-content p { max-height: 120px; overflow-y: scroll; }
    .feature-panel-bottom-overlap { height: 100%; background-size: contain; margin-bottom: 15px; }
    .communities .feature-panel-bottom-overlap { height: 120%; }
    .feature-panel-bottom-overlap .fix-to-top { margin-top: 0; top: 0; position: relative; }
    .feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: 18px; }
    .feature-panel-bottom-overlap-med .cell-content,
    .feature-panel-bottom-overlap .cell-content { display: flex; flex-direction: column; max-height: 100%; /* overflow-y: scroll; */ padding: 20px 15px; top: 50%; transform: translateY(-40%); }
    .feature-panel-bottom-overlap .cell-content { padding: 15px; top: 50%; transform: translateY(-25%); }
    .investors .feature-panel-bottom-overlap .cell-content { padding: 25px; top: 50%; transform: translateY(-25%); overflow: hidden; }
    .feature-panel-bottom-overlap-small[style*="background-image"]:before { padding-bottom: calc(100% + 125px); }

    /* our story page */
    .small-feature-panel .item-content .panel-text { opacity: 1; color: #5b6670; }
    .customer-case-studies .small-feature-panel .item-content .panel-text { opacity: 0; color: #5b6670; }
    .latest-news .small-feature-panel .item-content .panel-text { opacity: 0; color: #5b6670; }
    .land-case-studies .small-feature-panel .item-content .panel-text { opacity: 0; color: #5b6670; }

    /* Environemt page*/
    .sustain-image-container { position: relative; height: 0; }
    .sustain-case-study-sub-head { position: absolute; top: -58px; padding-left: 30px; z-index: 5; background: black; width: 100%; padding-top: 5px; }
    .right-content-100 { height: 100%; }

}

@media (max-width: 479px) {
    .investors .feature-panel-bottom-overlap .cell-content { padding: 25px; top: 50%; transform: translateY(-25%); overflow: scroll; max-height: 70% !important;}
}

@media (max-width: 1199px) {
    /* sdg page */
    .sdg-image { display: none !important; object-fit: cover; }
}

@media (min-width: 1200px) {
    /* Text styles */
    p { font-size: 16px; }
    h1 { font-size: 45px; }
    h2 { font-size: 22px; }
    h3 { font-size: 22px; }
    h4 { font-size: 16px; }
    h5 { font-size: 14px; }

    .cell-content .intro { font-size: 28px; }
    .move-intro-left { /* margin-left: 86px; */ }

    /* Paragraph styles */
    .home h1 { font-size: 35px; width: 80%; }
    .text-intro { font-size: 19px; }
    .text-medium { font-size: 26px; }
    .text-large { font-size: 46px; }
    .text-extra-large { font-size: 55px; }
    .page-description-standard-text { font-size: 23px; font-weight: 300; line-height: 1.3; padding-right: 80px; }
    #page-banner-wrapper-standard h1 { /* padding-right: 80px; */ }
    .home-intro h1 { font-size: 45px; }
    .secondary-intro { font-size: 32px; }
    .pull-quote { font-size: 24px; }

    .add-margin-tablet-row-top { margin-top: inherit; }

    /* Padding top */
    .st-1 { padding-top: 26px; }
    .st-2 { padding-top: 41px; }
    .st-3 { padding-top: 65px; }
    .st-4 { padding-top: 78px; }
    .st-5 { padding-top: 117px; }
    .st-6 { padding-top: 160px; }

    /* Padding bottom */
    .sb-1 { padding-bottom: 26px; }
    .sb-2 { padding-bottom: 41px; }
    .sb-3 { padding-bottom: 65px; }
    .sb-4 { padding-bottom: 78px; }
    .sb-5 { padding-bottom: 117px; }
    .sb-6 { padding-bottom: 160px; }

    /* Cell padding */
    .padding-small { padding: 15px; }
    .padding-medium { padding: 35px; }
    .padding-large { padding: 45px; }
    .padding-base-small { padding-bottom: 15px; }

    /* Padding and content position combined */
    .content-area [class*="content-placement-"].padding-small .cell-content { padding: 15px; }
    .content-area [class*="content-placement-"].padding-medium .cell-content { padding: 35px; }
    .content-area [class*="content-placement-"].padding-large .cell-content { padding: 45px; }

    /* Conveyor Carousel */
    .conveyor-carousel { /* width: calc(41.66666667% * calc(var(--no-of-slides) - 1)) */ }
    .conveyor-carousel .column { width: calc(80% / var(--no-of-slides)); }

    /*.home .report-box img { height: 305px; }*/
    #conveyor-carousel-wrapper { width: calc(100% + ((100vw - 1140px) / 2)); }

    /* Feature panels */
    [class*="feature-panel"]:before { content: ""; display: block; padding-bottom: calc(100% + 20px); }
    .feature-panel-left-overlap { left: -25%; height: 86%; top: 7%; opacity: 0.9; width: calc(100% + 100px); }
    .feature-panel-left-overlap .cell-content { top: 0; }
    .feature-panel-left-overlap .fix-to-top { top: 49px; }
    .feature-panel-left-overlap .fix-to-bottom { bottom: 18px; }

    .feature-panel-left-bottom-overlap { top: 15%; height: 92%; left: -25%; /* width: 80%; */ opacity: 0.9; }
    .feature-panel-left-bottom-overlap .item-content { padding: 65px 45px 40px 45px; line-height: 1.2; }
    .feature-panel-right-bottom-overlap { top: 100px; height: calc(100% - 0px); right: 0; width: calc(100% + 250px); padding-left: 50px; opacity: 0.9; }
    .feature-panel-right-bottom-overlap .item-content { padding: 37px 20px 10px 0px; line-height: 1.3; }

    .feature-panel-bottom-overlap .cell-content { padding: 50px 75px 50px 67px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 80%; /* height: 131%; */ left: 10%; top: 76%; }
    .investors .feature-panel-bottom-overlap .cell-content { padding: 78px 75px 50px 67px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 80%; height: 131%; left: 10%; top: 76%; }
    .feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: 30px; }
    .feature-panel-bottom-overlap .fix-to-top { margin-top: 5px; }

    .feature-panel-bottom-overlap-med .cell-content { height: 100% !important; padding: 80px 40px 50px 40px !important; }

    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 22px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 22px; }

    .feature-panel-bottom-overlap-small .cell-content { padding: 45px 35px; height: 112%; }
    .sustainability-logo-box .cell-content { height: 135% !important; }
    .feature-panel-bottom-overlap-small .fix-to-bottom { margin-bottom: -12px; }
    .feature-panel-bottom-overlap-small .fix-to-top { margin-top: -20px; }
    .feature-panel-bottom-overlap-small .text-header { font-size: 24px; }
    .home .feature-panel-bottom-overlap-med .cell-content { padding: 90px 50px 50px 50px !important; }
    .feature-panel-text-tall .cell-content { width: 85%; padding-left: 100px; line-height: 1.7; font-weight: 300; padding-top: 85px; font-size: 16px; }
    .feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; }
    .feature-panel-text-tall .item-content { margin-top: -4px; }
    .feature-panel-text-tall .item-content .text-intro { font-size: 16px; }
    .feature-panel-text-tall h1 { font-size: 28px; font-weight: 600; }
    .feature-panel-text-tall .fix-to-bottom { margin-bottom: -2px; }
    .feature-panel-text-tall .fix-to-top { margin-top: 10px; }

    .tall-feature-panel .item-content p { padding-top: 165px; margin-bottom: 58px; }
    .tall-feature-panel .item-content { padding-left: 100px; padding-right: 100px; }

    /* Image overflow panel */
    /*.people .paula-case-study .image-overflow-left {width: calc( 100% + (100vw - 798px) / 2 );}*/
    .image-overflow-left { height: 100%; width: calc(100% + (100vw - 1320px) / 2); margin-left: calc(1px - ((100vw - 1320px) / 2)); background: center / cover no-repeat; }
    .image-overflow-right { height: 125%; width: calc(100% + (100vw - 1320px) / 2); margin-right: calc(1px - ((100vw - 1320px) / 2)); background: center / cover no-repeat; }

    /* Angle feature panhel */
    .angle-feature-panel .cell-content:before { height: 250px; }
    .angle-feature-panel .cell-content:after { top: 250px; height: calc(100% - 250px); }

    /* share price box */
    .share-price-number { font-size: 56px; }
    .share-price-title { font-size: 28px; }

    /* sign up */
    .sign-up { padding: 28px 20px; }
    .sign-up { font-size: 25px; }

    /* sustainability page*/
    .sustain-icon-boxes { width: 180px; height: 210px; }
    .sustain-icon-boxes .icon { width: 66px; height: auto; padding-top: 119px; /* background: center / 100% no-repeat; */ margin: 5px 5px 5px 30%; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0 16%; }

    .sustain-target-box h3 { font-size: 26px; }
    .sustain-target-box p { font-size: 20px; }
    .sustain-target-box { padding-left: 40px; padding-top: 100px; }

    /* investors landing page*/
    .reg-box { height: 250px; padding: 30px 30px; }
    .reg-box h3 { margin-bottom: 45%; }

    /* strategy page */
    .strategy .pull-quote { font-size: 22px; }

    /* history page */
    .history-panels { padding-bottom: 150px; }

    /* sdg page */
    .sdg-image { display: block !important; object-fit: cover; max-height: 900px; }
}

@media (min-width: 1400px) {
    /* Text styles */
    h1 { font-size: 50px; }
    h2 { font-size: 25px; }
    h3 { font-size: 22px; }
    h4 { font-size: 17px; }
    h5 { font-size: 14px; }

    .cell-content .intro { font-size: 27px; }
    .move-intro-left { /* margin-left: 115px; */ }

    /* Paragraph styles */
    .home h1 { font-size: 35px; width: 80%; }
    .text-intro { font-size: 21px; }
    .text-medium { font-size: 28px; }
    .text-large { font-size: 50px; }
    .text-extra-large { font-size: 60px; }
    .page-description-standard-text { font-size: 25px; font-weight: 300; line-height: 1.3; }
    .home-intro h1 { font-size: 45px; }
    .secondary-intro { font-size: 36px; }

    /* Padding top */
    .st-1 { padding-top: 20px; }
    .st-2 { padding-top: 46px; }
    .st-3 { padding-top: 65px; }
    .st-4 { padding-top: 89px; }
    .st-5 { padding-top: 135px; }
    .st-6 { padding-top: 180px; }

    /* Padding bottom */
    .sb-1 { padding-bottom: 30px; }
    .sb-2 { padding-bottom: 46px; }
    .sb-3 { padding-bottom: 65px; }
    .sb-4 { padding-bottom: 89px; }
    .sb-5 { padding-bottom: 135px; }
    .sb-6 { padding-bottom: 180px; }
    .people .overlay-boxes.sb-5,
    .communities .overlay-boxes.sb-5 { padding-bottom: 35px; }

    /* Padding right */
    .padding-right-only { padding-right: 80px; }

    /* Panels */
    .feature-panel .cell-content,
    #conveyor-carousel-wrapper .feature-panel .cell-content { padding-top: 20px; }
    #conveyor-carousel-wrapper { width: calc(100% + ((100vw - 1320px) / 2)); }

    /* Feature panel*/
    [class*="feature-panel"] { /* overflow: hidden; */ }
    .feature-panel-left-overlap { left: -25%; height: 83%; top: 9%; opacity: 0.9; width: calc(100% + 200px); }
    .feature-panel-left-overlap .cell-content { top: 0; }
    .feature-panel-left-overlap .fix-to-top { top: 77px; }
    .feature-panel-left-overlap .fix-to-bottom { bottom: 31px; }

    .feature-panel-left-overlap .item-content { padding: 87px 86px 5px 90px; line-height: 1.3; }
    .feature-panel-left-overlap .item-content.sustain-left-panel { padding: 10px 86px 5px 90px; line-height: 1.3; }

    .feature-panel-left-bottom-overlap { top: 100px; height: calc(100% - 0px); left: -200px; width: calc(100% + 200px); padding-left: 50px; opacity: 0.9; }
    .feature-panel-left-bottom-overlap .item-content { padding: 80px 70px 40px 30px; line-height: 1.3; }
    .feature-panel-right-bottom-overlap { top: 100px; height: calc(100% - -60px); right: 0; width: calc(100% + 250px); padding-left: 50px; opacity: 0.9; }
    .feature-panel-right-bottom-overlap .item-content { padding: 20px 45px 25px 12px; line-height: 1; }

    .feature-panel-bottom-overlap .cell-content { padding: 50px 74px 50px 74px; /* line-height: 1.3; */ color: #ffffff; background: #509ea6; opacity: 0.9; width: 84%; height: 125%; left: 8%; top: 75%; }
    .feature-panel-bottom-overlap .fix-to-bottom { margin-bottom: 10px; }
    .feature-panel-bottom-overlap .fix-to-top { margin-top: -2px; }
    .feature-panel-bottom-overlap .text-intro { font-size: 18px; }

    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 22px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 22px; }

    .feature-panel-bottom-overlap-med .cell-content { height: 85% !important; padding: 71px 40px 61px 40px !important; }

    .feature-panel-bottom-overlap-small .cell-content { padding: 65px 35px; height: 125%; }
    .feature-panel-bottom-overlap-small .fix-to-bottom { margin-bottom: -12px; }
    .feature-panel-bottom-overlap-small .fix-to-top { margin-top: -10px; }
    .feature-panel-bottom-overlap-small .text-header { font-size: 28px; }

    .feature-panel-text-tall .cell-content { width: 85%; padding-left: 100px; line-height: 1.7; font-weight: 300; }
    .feature-panel-text-tall .cell-content ul li { font-weight: 600; line-height: 1.7; }
    .feature-panel-text-tall .item-content { margin-top: 99px; }
    .feature-panel-text-tall .item-content .text-intro { font-size: 18px; }
    .feature-panel-text-tall h1 { font-size: 28px; font-weight: 600; }
    .feature-panel-text-tall .fix-to-bottom { margin-bottom: -20px; }
    .feature-panel-text-tall .fix-to-top { margin-top: 35px; }

    .tall-feature-panel .item-content p { padding-top: 238px; margin-bottom: 114px; }
    .home .sustainability-logo-box .cell-content { padding-top: 120px; }
    .sustainability .sustainability-logo-box .cell-content { padding-top: 120px; }
    .news-and-media .sustainability-logo-box .cell-content { padding-top: 105px; }

    /* Angle feature panhel */
    .content-area
    [class*="content-placement-"].angle-feature-panel
    .cell-content { padding: 70px; }
    .angle-feature-panel .cell-content:before { height: 300px; }
    .angle-feature-panel .cell-content:after { top: 300px; height: calc(100% - 300px); }

    /* share price box */
    .share-price-number { font-size: 70px; }
    .share-price-title { font-size: 28px; }

    /* sign up */
    .sign-up { padding: 28px 20px; }
    .sign-up { font-size: 28px; }

    /* sustainability page*/
    .sustain-icon-boxes { width: 212px; /* height: 212px; */ }
    .sustain-icon-boxes .icon { width: 70px; height: auto; padding-top: 145px; margin: 5px 5px 5px 30%; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0 16%; }
    .people .overlay-boxes.sb-6 { padding-bottom: 89px; }
    /* people */
    .people .paula-case-study .container { max-width: 1140px; }
    .people .paula-case-study .image-overflow-left { width: 600px; margin-left: unset; }
    .people .paula-case-study .feature-panel-left-overlap { left: -25%; height: 86%; top: 7%; opacity: 0.9; width: calc(100% + 100px); }
    .people .feature-panel-bottom-overlap .cell-content,
    .communities .feature-panel-bottom-overlap .cell-content { height: 90% !important; }

    /* investors landing page*/
    .reg-box { height: 250px; padding: 30px 30px; }
    .reg-box h3 { margin-bottom: 45%; }

    /* strategy page */
    .strategy .pull-quote { font-size: 22px; }

    /* history page */
    .history-panels { padding-bottom: 150px; }
}

@media (min-width: 1500px) {
    body,
    html { font-size: 18px; }

    /* Text styles */
    /* Headings */
    h1 { font-size: 55px; }
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; }
    h5 { font-size: 14px; }

    .cell-content .intro { font-size: 28px; line-height: 38px; }

    .move-intro-left { /* margin-left: 112px; */ width: 110%; }

    /* Paragraph styles */
    .home h1 { font-size: 35px; width: 80%; }
    .text-medium { font-size: 36px; line-height: 37px; }
    .text-large { font-size: 85px; }
    .text-extra-large { font-size: 65px; }
    .page-description-standard-text { font-size: 26px; font-weight: 300; line-height: 1.3; }
    .secondary-intro { font-size: 34px; }
    .pull-quote { font-size: 24px; }

    /* Padding top */
    .st-1 { padding-top: 20px; }
    .st-2 { padding-top: 50px; }
    .st-3 { padding-top: 65px; }
    .st-4 { padding-top: 100px; }
    .st-5 { padding-top: 150px; }
    .st-6 { padding-top: 200px; }

    /* Padding bottom */
    .sb-1 { padding-bottom: 35px; }
    .sb-2 { padding-bottom: 50px; }
    .sb-3 { padding-bottom: 65px; }
    .sb-4 { padding-bottom: 100px; }
    .sb-5 { padding-bottom: 150px; }
    .sb-6 { padding-bottom: 200px; }

    /* Specific pages */
    .home h1 { /* max-width: 600px; */ /* font-weight: 300; */ /* font-size: 55px; */ }
    .home-intro h1 { font-size: 50px; max-width: 100%; }

    .feature-panel-left-overlap .item-content .text-intro { font-size: 26px; line-height: 26px; }

    .feature-panel-bottom-overlap-med .cell-content { height: 83% !important; padding: 71px 40px 62px 40px !important; }

    .feature-panel-left-bottom-overlap .item-content .intro { font-size: 22px; }
    .feature-panel-right-bottom-overlap .item-content .intro { font-size: 28px; }

    /* share price box */
    .share-price-number { font-size: 70px; }
    .share-price-title { font-size: 28px; font-weight: 400; }
    /*.home .report-box img { height: 350px; }*/

    /* sustainability page*/
    .sustain-icon-boxes { /* width: 212px; */ /* height: 212px; */ }
    .sustain-icon-boxes .icon { width: 70px; height: auto; padding-top: 120px; /* background: center / 100% no-repeat; */ margin: 5px 5px 5px 30%; text-align: center; font-size: 15px; }
    .sustain-icon-boxes .icon-text { padding: 0 16%; }
    .image-carousel-move-left { right: 8%; }

    .sustain-target-box h3 { font-size: 28px; }
    .sustain-target-box p { font-size: 20px; }
    .sustain-target-box { padding-left: 28px; padding-top: 100px; }

    /* investors landing page*/
    .reg-box { height: 250px; padding: 30px 30px; }
    .reg-box h3 { margin-bottom: 45%; }

    /* strategy page */
    body,
    html {
        font-family: "Montserrat", serif;
        line-height: 1.1;
        letter-spacing: 0.5px;
        color: #5b6670;
        font-weight: 400;
    }

    /* related pages */
    .umb-grid-cell .fix-to-bottom {
        position: absolute;
        bottom: 35px;
        line-height: 1.25;
    }
    .internal-link {
        line-height: 1.25;
    }
    
    .feature-panel-bottom-overlap .cell-content {
        overflow: hidden;
    }
    
}
    


@media (min-width: 1750px) {
    .home h1 { font-size: 35px; width: 80%; }
    .home-intro h1 { font-size: 55px; max-width: 100%; }
    .secondary-intro { font-size: 36px; }
    .feature-panel-bottom-overlap .fix-to-top { margin-top: -10px; }
    .feature-panel-bottom-overlap-med .cell-content { height: 85% !important; padding: 71px 40px 62px 40px !important; }
    .image-carousel-move-left { right: 24%; }
}

@media (min-width: 1920px) {
    .home h1 { font-size: 35px; line-height: 1.1; width: 80%; }
    .home h1 { /* font-size: 65px; */ }
    h1 { font-size: 65px; line-height: 73px; }
    .page-description-standard-text { font-size: 28px; font-weight: 300; line-height: 1.4; }

    .move-intro-left { /* margin-left: -54px; */ }
    .feature-panel-bottom-overlap .fix-to-top { margin-top: -25px; }
    .home .feature-panel-bottom-overlap .fix-to-top { margin-top: 0px; }
    .feature-panel-bottom-overlap-med .cell-content { height: 85% !important; padding: 71px 40px 62px 40px !important; }
    .image-carousel-move-left { right: 31%; }
}