/*!
Theme Name: Ringier
Theme URI: http://underscores.me/
Author: Ringier SA
Author URI: https://www.ringier.co.za
Description: The Ringier AG Corporate Website Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ringiercorporate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ringier is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
     ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
    font-family: 'Ringier Light', sans-serif;
    background: #F6F6F6 ;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
    margin-bottom:103px;
    word-break: break-word;
}
article{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
}
.wp-block-audio audio {
    width: 100%;
    min-width: 100px;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    /*margin: 0.67em 0;*/
    margin:0;
}

/* Grouping content
     ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.wp-block-separator{
    border-top: none;
    border-bottom: none
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
     ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}
/* Forms
     ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: 'Ringier Light', Helvetica, Arial;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
     ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: 'Ringier Light', Helvetica, Arial;
    font-size: 1rem;
    line-height: 1.5;
}
select
{
    color: #162d46;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
/*Defaults*/
h1{
    font-family: 'Ringier Light', Helvetica, Arial; 
    color: #000000; 
    font-size: 30px;
    font-weight: 400; 
    line-height: 41px; 
}
h2{
    font-family: 'Ringier Book', Helvetica, Arial; 
    color: #252525; 
    font-size: 24px;
    font-weight: 400; 
    line-height: 29px; 
}
h3{
    font-family: 'Ringier Light', Helvetica, Arial; 
    color: #252525; 
    font-size: 20px;
    font-weight: 400; 
    line-height: 27px; 

}
h4{
    font-family: 'Ringier Book', Helvetica, Arial; 
    color: #252525; 
    font-size: 20px; 
    font-weight: 400; 
    line-height: 27px; 

}
p {
    font-family: 'Ringier book', Helvetica, Arial;
    color      : #252525; 
    font-size  : 18px;
    font-weight: 400; 
    line-height: 28px; 
}
/*Responsive fonts for in-article content
@media only screen and (max-width: 629px) {
    h1{
        color: #000000; 
        font-size: 30px;
        font-weight: 400; 
        line-height: 41px; 
    }
    h2{ 
        color: #252525; 
        font-size: 24px;
        font-weight: 400; 
        line-height: 29px; 
    }
    h3{
        color: #252525; 
        font-size: 20px;
        font-weight: 400; 
        line-height: 27px; 

    }
    h4{
        color: #252525; 
        font-size: 20px; 
        font-weight: 400; 
        line-height: 27px; 

    }
    p {
        color: #252525; 
        font-size: 18px;
        font-weight: 400; 
        line-height: 28px; 

    }
}*/

.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

footer p{
    color: white;
}
a{
    color: #009fe3; 
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    padding: 1px 0 10px 20px;
    background-color: #F5F5F7;
    margin-left: 50px;
    border-left: solid 4px #252525;
    font-style: italic;
}
blockquote p{
    margin-bottom: 0;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Ringier Light', sans-serif;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: 'Ringier Light', sans-serif;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    font-family: 'Ringier Book', Helvetica, Arial;  
    font-size: 18px;
    font-weight: 400; 
    line-height: 28px; 

}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}


/* ul {
    list-style: none;
} */

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #009fe3;
    text-decoration: none;
}
a.wide-button{
    color: white;
}
a:visited {
    color: #009fe3;
}
a:hover
 {
    color: #30bcf8;
}
a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/* Forms
--------------------------------------------- */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/* Push the site main down so as to create enough space above for the fixed menu. */
/* .site-main {
    padding-top: 102px;
} */


/* Device only classes
--------------------------------------------- */
@media screen and (max-width: 768px) { /* Mobile Devices */

    .desktop-only{
        display:none;
    }
}
@media screen and (min-width: 800px) { /* Center YouTube video on desktop */

    .wp-block-embed-youtube iframe{
        top: 0;
        left: 0;
        width: 100%;
    }
}
@media screen and (min-width: 769px) {

    .mobile-only{
        display:none;
    }
}

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }
}

/* Brands Ribbin styling */
.exit-2021 {
    color: #FFFFFF;
    font-family: Ringier;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 21px;
}
.ribbon-container{
    position:relative;
    overflow:hidden;
    margin: 0;
}
  
.corner-ribbon{
    position: absolute;
    text-align: center;
    line-height: 30px;
    width:200px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background: #009fe3;

    top: 14px;
    right: -70px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Breadcrumbs
----------------------------------------------*/
#standard-bread-crumb-row {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 28px;
    margin-bottom: 30px;
}
.crumb-home-col{
    position: absolute;
}
.crumb-string-col{
    position:relative;
    margin-left:40px;
}
#standard-bread-crumb-wrap {
    width: 100%;
    max-width: 1280px;
    padding:0 20px;
    color: #323232;
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto;
    word-break: break-word;
}

.standard-bread-crumb-centre {
    width: auto;
    display: block;
    float: left;
    position: relative;
    padding: 5px 20px;
    border-radius: 15.5px;
    background-color: #FFFFFF;
}

.standard-bread-crumb-text {
    max-width: 620px;
    display: block;
    float: left;
}
.standard-bread-crumb-centre>div{
    display: inline-block;
}

.ra-bread-crumb-root {
    color: #878787;
}

#standard-bread-crumb-row a,
#standard-bread-crumb-row a:hover,
#standard-bread-crumb-row a:active,
#standard-bread-crumb-row a:visited {
    text-decoration: none;
    color: #252525;
}
.default-page-title-header-wrap{
    display: block;
    width: 100%;
    max-width: 1280px;
}
.error-404{
    height: 600px;
    padding-top: 40px;
}
.page-title, .error-404 p, .error-404 a{
    display: block;
    text-align: center;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}
/*
Nathan: I commented this out as we shoudl not have any default margins like this.
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}*/

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.standard-default-block-title{
    margin-top: 56px;
    margin-bottom:39px;
}
.people-slider-title{
    margin-bottom: 65px;
}
.standard-default-block-title, .standard-default-page-title {
    color: #252525;
    font-family: 'Ringier Bold';
    font-size: 28px;
    letter-spacing: 0;
    line-height: 38px;
    text-align: center;
}
.standard-default-page-title {
    font-family: 'Ringier Light';
    font-size: 30px;
    line-height: 41px;
}
.standard-default-width-row{
    display: block;
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
    clear: both;
}
.home-logo-text-overlay, .home-logo-text-heading {
    font-family: 'Bauer Bodoni Std 1';
    font-weight: bolder;
}
.home-logo-text-overlay{
    color: #252525;
    font-size: 160px;
    display: block;
    width: 100%;
    position: absolute;
    top: 303px;
    text-align: center;
}
.home-logo-text-wrap{
    display: flex;
    justify-content: space-evenly
}
.home-logo-text-heading {
    font-size: 54px;
}
.full-image-background{
    text-align: center;
}
.full-image-background img{
    width:100%;
}
.media{
    color: #F03290;
}
.technology{
    color: #DDC706;
}
.marketplaces{
    color: #19B4FA
}
.wide-button{
    display: block;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding-top: 2px;
    margin:8px;
    height:42px;
    border: none;
    border-radius:17px;
    height: 34px;
    width: 326px;
    color: #FFFFFF;
    text-align: center;
    background-color: #162d46;
    cursor: pointer;
}
.wide-button:hover{
    color: #FFFFFF;
    background-color: #00506e;
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings{
    font-family: 'Ringier Book', Helvetica, Arial;
    display: block;
    font-size: 18px !important;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
    padding:0px !important;
    padding-top: 2px;
    margin:0px;
    height:42px;
    border: 0px solid #162d46 !important;
    border-radius:17px;
    height: 34px !important;
    width: 326px;
    color: #FFFFFF !important;
    border: none;
    text-align: center;
    background-color: #162d46 !important;
    cursor: pointer;
}

#ot-sdk-btn.ot-sdk-show-settings:focus-within, #ot-sdk-btn.optanon-show-settings:focus-within{
    border: none;

}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover{
    color: #FFFFFF;
    border: none;
    background-color: #00506e !important;
}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited{
    opacity: 1;
}
.wp-block-button__link, .wp-block-file__button, .wp-block-button__link:hover, .wp-block-file__button:hover{
    color: #009fe3 !important;
    text-align: center;
    background-color:transparent;
    font-size: 18px;
}
.wp-block-file .wp-block-file__button, .wp-block-file a.wp-block-file__button:hover{
    color: #30bcf8;
    background-color:transparent;
    font-size: 18px;
}
.wp-block-button__link:before, .wp-block-file__button:before{
    content: "";
    display: inline-block;
    color: #009fe3;
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 18px;
}
.wp-block-button__link:hover, .wp-block-file__button:hover{
    color: #30bcf8 !important;
}
.wp-block-button__link, .wp-block-file__button{
    width: inherit;
    padding: 0;
}

@media screen and (max-width: 768px) { /*Tablet */
    #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings{
        width: 80%;
    }
}
@media screen and (max-width: 629px) {
    #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings{
        width: 100%;
        font-size: 16px !important;
    }
}
.wide-button i{
    padding-right: 10px
}
.align-center{
    display: block;
    margin: 0 auto;
}
.align-center-narrow{
    display: block;
    margin: 0px auto 0px auto;
}
.align-center-narrow:visited{
    color: #FFFFFF;
}
.brands-button{
    margin-top: 40px;
}
.align-left{
    text-align: left;
}
.spacer-horizontal{
    display: block;
    width: 100%;
}
.home-logo-with-text{
    margin-top: 40px;
}
.home-cards-image, .home-logo-description-text{
    display: block;
    margin: 0 auto;
    font-family: 'Ringier Light';
    text-align: center;
}
.rc-standard-vertical-card-description-text{
    float: left;
    width: 100%;
}
.glide__slides.glide_static{
    justify-content: center;
    gap:40px;
}
.glide__slides>.careers_card{
    height:auto !important;
}
.home-vertical-cards-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 40px;
    justify-content: center;
}
.home-rounded-container{
    position        : relative;
    width           : 100%;
    height          : 100%;
    /* background-color: #F5F5F7;
    padding         : 20px 20px 12px 20px; */
    border-radius   : 30px;
}
.home-rounded-container>.video-wrapper>video, .home-rounded-container>.video-wrapper>.playpause{
    border-radius: 30px;
}
.home-rounded-container>.video-wrapper{
    line-height: 13px;
}
.home-rounded-container>.image-wrapper>img{
    border-radius: 30px;
}
.rc-standard-vertical-card, .rc-standard-home-vertical-card{
    position: relative;
    padding: 20px;
    /*height: 408px;*/
    width: 100%;
    border-radius: 11px;
    background-color: #FFFFFF;
    flex-grow: 0;
}

.flex-card{
    width: calc((100% - 80px)/3);
}
.interview-cards{
    height: auto;
    max-height: 431px;
}
.rc-standard-vertical-card-image-wrap, .rc-standard-vertical-card-image-wrap img{
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    /*margin-bottom: 11px;*/
    
}
.rc-standard-vertical-card h3{
    margin-top: 20px;
    line-height: 20px;
    margin-bottom: 0px;
}
.rc-standard-vertical-card a{
    margin-top: 0;
}
.team-member-card{
    min-height: 327px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.08);
}
.rc-standard-home-vertical-card{
    border-radius: 30px;
    background-color: #F5F5F7;
    width: calc((100% - 120px)/3); 
    flex-grow: 0;
    height: 470px;
}
.flex-card-wrap .wide-button{
    width: 100%;
}
.wide-button:visited{
    color:#FFF;
}
.flex-card-wrap .rc-standard-vertical-card {
    border-radius: 11px;
}
.flex-card-wrap .rc-standard-vertical-card-image{
    border-radius: 0;
}
.default-page-title{
    margin-bottom:40px;
}
.default-page-title h1{
    font-family: Ringier Light;
    color: #000000;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 41px;
}
/*.default-page-title form{
    float: right;
    position: relative;
}*/
.default-page-title select, .locations-dropdown-select{
    border: 2px solid #162d46;
    border-radius: 17px;
    height: 34px;
    width: 113px;
    /*margin-top: 0px;*/
    padding-left: 31px;
    -webkit-appearance: none;
      -moz-appearance: none;
      background: transparent;
}
.locations-dropdown-select{
    width: fit-content; 
    margin-top: 40px;
    text-align: center;
    padding-left: 0;
}
.locations-card-wrap{
    width:100%;
    max-width:1280px;
    margin:auto;
    padding:0 20px;
}
.locations-card-row{
    text-align:center;
}
.locations-card-single{
    display:inline-block;
    padding:0px;
    margin:0px 0px;
    width:100%;
}
.locations-card-single-content{
    display         : flex;
    flex-direction  : row;
    flex-basis: 350px;
    flex-wrap       : wrap;
    width           : 100%;
    text-align      : center;
    border          : none;
    gap             : 43px;
    row-gap         :15px;
    border-radius   : 11px;
    box-shadow      : 0 0 4px 0 rgba(232,232,232,0.5);
    background-color: #FFFFFF;
    padding         : 30px;
}
.locations-card-column{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1 1 350px;
    /* height:290px; */
}
@media screen and (max-width:800px){
    .locations-card-column{
        flex: content;
        flex-wrap: wrap;
        /* height:290px; */
    }
}

.locations-card-img{
    align-items: center;
    justify-content: center;
    max-height:584px;
    overflow: hidden;
}
.locations-card-img img{
    max-width:110%;
}
.locations-card-text {
    line-height: 28px;
    text-align: left;
}
.locations-card-title-wrap{
    position: relative;
    display: inline-block;
    width: 100%;
}
.locations-card-title{
    margin-top:56px;
    position: relative;
    display: inline-block;
}
.select_location_wrap{
    width     : 100%;
    display   : block;
    text-align: left;
    position  : relative;
}

form .la-angle-down{
    color: #162d46;
    position: relative;
    right: 36px;
    top:-1px;
    font-size: small;
    z-index: -1;
}
#locations-form{
    position: relative;
}
#locations-form .la-angle-down{
    left: 220px;
    top: 50px;
}
.default-page-title-header-wrap p{
    clear: both;
}
.rc-standard-home-vertical-card{
    background-color: #F5F5F7;
}
.home-vertical-cards-wrap .rc-standard-vertical-card{
    width: 32%;
}
.rc-standard-vertical-card-image-wrap{
    display:table-cell;
    width: 347px;
    height: 182px;
    vertical-align:middle;
    text-align:center;
    /*overflow: hidden;*/
    margin:0px;

}
.team-member-card .rc-standard-vertical-card-image-wrap{
    height: unset;
    width: unset;
}
.rc-standard-vertical-card-image{
    border: none;
    border-radius: 11px;
}
.team-member-card img{
    border-radius: 0;
}
.rc-standard-home-vertical-card-img-wrap{
    display:table-cell;
    width: 349px;
    height: 182px;
    vertical-align:middle;
    text-align:center;
    margin-bottom:5px;
    border: none;
    border-radius: 30px;
}
.rc-standard-home-vertical-card-image,
.rc-standard-home-vertical-card-img-wrap img{
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    border: none;
    border-radius: 30px;
}
@media screen and (max-width: 1024px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 275px;
        height: 144px;
    }
}
@media screen and (max-width: 900px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 250px;
        height: 131px;
    }
}
@media screen and (max-width: 830px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 219px;
        height: 115px;
    }
}
@media screen and (max-width: 730px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 190px;
        height: 100px;
    }
}
@media screen and (max-width: 629px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 549px;
        height: 288px;
    }
}
@media screen and (max-width: 550px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 470px;
        height: 247px;
    }
}
@media screen and (max-width: 500px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 420px;
        height: 220px;
    }
}
@media screen and (max-width: 435px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 355px;
        height: 186px;
    }
}
@media screen and (max-width: 429px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 349px;
        height: 182px;
    }
}
@media screen and (max-width: 390px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 310px;
        height: 163px;
    }
}
@media screen and (max-width: 350px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 270px;
        height: 142px;
    }
}
@media screen and (max-width: 320px) {
    .rc-standard-home-vertical-card-img-wrap {
        width: 240px;
        height: 126px;
    }
}
.rc-home-press-card-date {
    margin-top:5px;
    padding-left:20px;
    color: #818181;
    font-size:14px;
    line-height: 28px;
}
.rc-standard-vertical-card span {
    margin-top:15px;
}

.rc-standard-vertical-card span, .interview-date, .interview-description, .slider-postion-text{
    font-size: 14px;
    color: #818181;
    line-height: 20px;
    float: left;
}
.interview-description{
    color: #009fe3;
}
.team-member-card span{
    margin-top: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    white-space: pre-wrap;

}
.desktop-magazine-download{
    display: block;
}
.mobile-magazine-download{
    display: none;
}
.interview-long-description{
    clear: left;
    margin-top: 0;
}

.rc-standard-vertical-card .interview-description{
    /*position: absolute;*/
    left: 20px;
    color: #009fe3;
    margin-top: 4px;
    margin-bottom: 0px;
}
.rc-standard-vertical-card .interview-description:hover{
    color: #30bcf8;
}
.rc-standard-vertical-card .interview-long-description{
    margin-top: -5px;
    line-height: 30px;
}
.interview-date{
    clear: both;
    margin-top: 0;
}
.rc-standard-vertical-card .interview-date{
    /*margin-top: 30px;*/
    line-height:23px;
}

.two-colum-quote-cards-wrap{
    position: relative;
    display: block;
    height: 453px;
}
.two-colum-quote-cards-image-wrap{
    display: block;
    position: relative;
    height: 453px;
    width:68%;
    border-radius: 40px;
    overflow: hidden;
}
.two-colum-quote-cards-image{
    display: block;
    position: absolute;	
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    border: none;
    border-radius: 40px;
}
.two-colum-quote-cards-text-container{
    display: block;
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 453px;
    border: none;
    border-radius: 40px;
    background-color: #FFDE14;
    padding: 28px 28px 90px 60px;
    text-align: left;
}
.two-colum-quote-cards-text-container i{
    width: 75px;
    font-size: 58px;
    text-align: center;
}
.quote-mark-left-line, .quote-mark-right-line{
    width: calc((100% - 75px)/2);
    background-color: black;
    margin-top: 30px;
}
.quote-mark-left-line{
    float: left;
}
.quote-mark-right-line{
    float: right;
}
.two-colum-quote-cards-text {
    height: 273px;
    width: 510.9px;
    font-family: 'Ringier Bold';
    font-size: 48px;
    letter-spacing: -2px;
    font-weight: bolder;
    line-height: 48px;
  }
  .opening-quote{
    font-family: 'Bauer Bodoni Std 1 Bold';
    width: 100%;
    text-align: center;
    font-size: xx-large;
}

.article-header-card-wrap, .article-body-content-wrap, .entry-content, .standard-two-colum-card, .magazine-report-introduction{
    display: block;
    width: 100%;
    max-width: 900px;
    margin:  0 auto;
    padding: 20px;
    background-color: #FFFFFF;
    border: none;
    border-radius:  11px;
    box-shadow: 0 0 4px 0 rgba(232,232,232,0.5);
    clear: both;
}
.article-header-card-wrap{
    margin-bottom: 40px;
}
.standard-two-colum-card-image-wrap img{
    width: 100%;
    height: auto;
}
.people-entry-content{
    max-width: 1280px;
}
.magazine-report-introduction{
    max-width: 1260px;
}
.standard-two-colum-card{
    display      : flex;
    width        : 100%;
    max-width    : 1240px;
    padding      : 28px;
    margin-bottom:  0;
}
.standard-two-colum-card-right-section{
    padding: 0 40px;
    text-align: left;
}
.standard-two-colum-card-right-section h1,
.standard-two-colum-card-right-section h2,
.standard-two-colum-card-right-section h3,
.standard-two-colum-card-right-section h4,
.standard-two-colum-card-right-section h5{
    margin-block-start: 0;
    margin-block-end: 0;
    font-size:22px;
    font-weight:700;
}

.standard-two-colum-card-left-section{
    flex: 0 0 50%;
}
.standard-two-colum-card-download{
    font-size: 18px;
    line-height: 25px;
    color: #009fe3;
}
.standard-two-colum-card-right-section .align-center{
    margin: 0;
}
.standard-two-colum-card-right-section p{
    margin-top: -5px;
    text-align: left;
}
.article-header-card-wrap, .magazine-report-introduction{
    margin-top: 60px;
}
.entry-content{
    padding: 22px 50px;
}
.home-legal-content{
    padding: 20px;
    padding-top: 5px;
}
.entry-header, .entry-footer, .post-navigation, #commentform, #reply-title{
    display: none;
}
.social-media-share-icons{
    float: right;
    margin-top: -60px;
}
.news-interviews-first-card .social-media-share-icons{
    transform: translate(0, 50%);
}
.corporate-magazine .social-media-share-icons{
    margin-top: 70px;
}
.corporate-magazine .article-header-card-short-description{
    margin-bottom: 33px; 
    margin-left: 0
}
.annual-report-single-view .social-media-share-icons{
    margin-top: 40px;
}
.magazine-report-introduction .social-media-share-icons{
    margin-top: -75px;
}
.social-media-share-icons a>i{
    display: block; 
    width: 35px; 
    height: 35px; 
    border: none; 
    border-radius: 50%; 
    background: black; 
    text-align: center; 
    color: white; 
    float: right; 
    line-height: 2em; 
    margin-left: 5px
}
.article-header-card-image-wrap{
    display: block;
    float: left;
    width: 297px;
    height: 100%;
    max-height: 166px;
    /*overflow: hidden; */
}
.article-header-card-image-wrap .post-thumbnail{
    display: table-cell;
    height: 166px;
    vertical-align: middle;
}

.article-header-card-image-wrap img{
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-height: 166px;
    object-fit: contain;
}
.person-header-wrap{
    display: block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 22px;
    margin: 0 auto;
    position: relative;
    margin-top: 0;
    color: #ffffff;
    font-family: Helvetica, 'Ringier Light', sans-serif;
    background-color: #252525;
}
.person-header-profile-image-wrap{
    display: block;
    margin: auto;
    width: 100%;
    margin-bottom: 20px;
}
.person-header-profile-image-wrap img{
    display: block;
    margin: 0 auto;
    height: 100%;
    max-height: 232px;
    width: auto;
    max-width: calc(100% - 34px);
    border: none;
    object-fit: contain;
    border-radius: 5px;
}
.person-header-profile-description{
    padding: 0 20px;
}
.person-header-profile-description h2{
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
}
.person-header-profile-description p{
    text-align: center;
    color: #B7B7B7;
}
.person-content-body-header{
    position: relative;
    padding-top: 0;
    margin-top: -30px !important;
    z-index: 3;
}
.article-header-card-image-wrap-mobile{
    display: none;
    position: relative;
    z-index: -5;
}
.article-header-card-short-description{
    display: block;
    float: left;
    width: calc(100% - 319px);
    margin-left: 22px;
}
.article-header-card-short-description h2{
    margin-top: 10px;
    font-size: 30px;
    line-height: 41px;
}
.article-header-card-short-description span, .rc-standard-home-vertical-card span{
    line-height: 14px;
    color: #818181;
}
.rc-standard-home-vertical-card span, .rc-standard-home-vertical-card p{
    padding-left: 20px;
}
.article-header-card-bottom-section p{
    font-size: 22px;
}
.article-header-card-bottom-section{
    display: block;
    clear: both;
    padding-top: 5px;
}

/* Slide styles */
.slide-button{
    display      : block;
    font-size    : 18px;
    font-weight  : 400;
    text-align   : center;
    /* padding-top  : 2px; */
    margin       : 20px 0px 0px 0px;
    height       : 42px;
    border       : none;
    border-radius: 17px;
    height       : 34px;
    width        : fit-content;
    padding      : 0px 30px;
    line-height: 32px;
    min-width:60%;
    color        : #FFFFFF;
    text-align   : center;
    background-color: #162d46;
}
.slide-button:hover{
    color:#FFF;
    background-color: #00506e;
}
#world-map-wrap{
    margin-top: 170px;
    margin-bottom: 150px;
}
@media screen and (max-width: 1110px){
    .slide-button{
        width:100%;
        margin       : 20px auto 0px auto;
    }
}
/* Home page brands block starts */

#home-brands-row {
    width: 100%;
    height: auto;
    float: left;
    background-color: #FFFFFF;
}

#home-brands-row-heading {
    /*margin: auto; */
    width: 100%;
    /*max-width: 956; */
    color: #323232;
    font-size: 32px;
    margin-top: 104px;
    float: left;
    /* padding-left: 180px; */
}

.home-brands-row-heading-left {
    min-width: 162px;
    width: calc((100% - 930px) / 2);
    padding-right: 18.5px;
    float: left;
    /*padding-top: 48px; removed for now*/
    display: block;
}
.home-brands-row-heading-centre {
    width: 930px;
    max-width: calc(100% - 324px);
    display: block;
    float: left;
}
.home-brands-row-heading-text {
    max-width: 800px;
    display: inline-block;
}

.home-brands-row-heading-right {
    display: block;
    min-width: 162px;
    width: calc((100% - 930px) / 2);
    float: left;
}
/* .home-brands-wrap {
    width: 100%;
    float: left;
} */
.home-about-us-link:visited{
    color: #FFFFFF
}
.home-brands-wrap-content-left {
    min-width: 162px;
    width: calc((100% - 930px) / 2);
    padding-right: 18.5px;
    float: left;
    display: block;
}
.home-brands-wrap-content-centre {
    width: 930px;
    max-width: calc(100% - 324px);
    display: block;
    float: left;
}
.home-brands-wrap-content-right {
    display: block;
    min-width: 162px;
    width: calc((100% - 930px) / 2);
    float: left;
}
#organisation-person .team-member-card{
    width: 373px;
}
.organisation-person-slider-wrap{
    display: block;
    position: relative;
    width: 100%;
    height: 334px;
    overflow-x: scroll;
    max-width: 1200px;
    margin: 0 auto;
}

.home-brands-entry, .digital-venture-brands-entry{
    float: left;
    width: 256px;
    height: 175px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
    margin: auto;
    line-height: 0px;
}
.digital-venture-brands-entry{
    width: 167px;
}
.general-vertical-card-entry {
    width: 373px;
    height: 431px;
}
.home-brand-link,
.home-brand-link a,
.home-brand-link a:hover,
.home-brand-link a:visited,
.home-brand-link a:active {
    text-decoration: none;
    position: absolute;
    bottom: 0px;
}

.home-brand-entry-logo {
    width: 256px;
    margin: auto;
    margin-bottom: 12px;
    background-color: #FFFFFF;
}
.digital-adventures-brand-entry-logo{
    width: 167px;
    height: 167px;
    background-color: #FFFFFF;
    border: none;
    border-radius: 11px;
    padding-top: 25%;
}
.home-brand-entry-logo img, .digital-adventures-brand-entry-logo img {
    height: auto;
    max-width: 100%;
    max-height: 90px;
}
.digital-adventures-brand-entry-logo img{
    display: block;
    margin: 0 auto;
}
.home-brand-overlay, .home-brand-overlay-link, .portfolio-media-list-brands-entry-overlay{
    position: absolute;
    top: 0;
    bottom: 1%;
    left: 1%;
    right: 0;
    height: 98%;
    width: 98%;
    opacity: 0;
    transition: .5s ease;
    background-color: #ffffff;
}
.home-brand-overlay-title, .portfolio-media-list-brands-entry-title {
    color: #404040;
    font-size: 15px;
    position: absolute;
    top: 71%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 20px;
    height: 100%;
    width: 98%;
    padding-top: 43%;
    padding-bottom: 13%;
    margin-top: -17px;
  }
.home-brands-entry:hover .home-brand-overlay, .home-brand-overlay-link, .portfolio-media-list-brands-entry:hover .portfolio-media-list-brands-entry-overlay, .portfolio-media-list-brands-entry-link{
    opacity: 1;
  }

#home-brands-cta-button-row {
    /*margin: auto; */
    width: 100%;
    /*max-width: 956; */
    color: #323232;
    margin-top: 50px;
    margin-bottom: 104px;
    float: left;
    /* padding-left: 180px; */
}

.home-brands-cta-button-row-left {
    min-width: 162px;
    width: calc((100% - 930px) / 2);
    padding-right: 18.5px;
    float: left;
    padding-top: 40px;
    display: block;
}
.home-brands-cta-button-row-centre {
    width: 930px;
    max-width: calc(100% - 324px);
    display: block;
    float: left;
    /*padding-left: 5px;*/
    padding-right: 2px;
}
.home-brands-primary-cta-button {
    width: 174px; /*This is to make the box the same width as the grid cell above.*/
}
.home-brands-secondary-cta-button {
    width: 271px; /*This is to make the two secondary CTA boes align with the 2 grid cells above.*/
}
.home-brands-cta-button-row-centre-left {
    /*width: 620px;
    display: inline-block;*/
    float: left;
}
.home-brands-cta-button-row-centre-right {
    /*width: 620px;
    display: inline-block;*/
    float: right;
}

.home-brands-cta-button-row-right {
    display: block;
    min-width: 162px;
    width: calc((100% - 930px) / 2);
    float: left;
}
/* Ringier Page Loader */

#ringier-loader{
    position: fixed; 
    display: none;
    z-index: 3; 
    bottom: 0px; 
    left: 0; 
    width: 100%; 
    height: 100vh; 
    background: white;
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: 100px;
}
.disable-scrolling{
    margin: 0;
    height: 100vh;
    overflow: hidden;
}

/* History page items */
.history-row{
    width    : 100%;
    margin   : 0px;
    padding  : 0px;
}
.history-block{
    display         : flex;
    flex-direction  : row;
    flex-wrap       : wrap;
    width           : 100%;
    gap             : 12px;
    padding         : 40px;
    max-width       : 860px;
    background-color: #FFF;
    border-radius   : 11px;
    box-shadow      : 0 0 4px 0 rgba(0,0,0,0.08);
    margin:0 auto;
}

.history-block-one-column{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1 500px;
    /* min-width: 500px; */
}

.history-block-two-column{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1 380px;
    position: relative;
    /* min-width: 350px; */
}

.history-block-wide{
    display         : flex;
    flex-direction  : row;
    flex-wrap       : wrap;
    width           : 100%;
    gap             : 12px;
    padding         : 40px;
    max-width       : 1280px;
    background-color: #FFF;
    border-radius   : 11px;
    box-shadow      : 0 0 4px 0 rgba(0,0,0,0.08);
    margin          : 0 auto;
}
.history-seperator{
    display    : inline-block;
    height     : 40px;
    line-height: 40px;
    /* border-left: 2px solid #72BF44; */
}
.history-green-seperator{
    display    : inline-block;
    border-left: 2px solid #009fe3;
    height     : 40px;
    line-height: 40px;
}
.history-year-title{
    margin-top    : 56px;
    margin-bottom : 5px ;
    color         : #323232;
    font-size     : 28px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 38px;
}
.history-year{
    color         : #009fe3;
    font-size     : 22px;
    font-weight   : 300;
    letter-spacing: 0;
    line-height   : 30px;
}
.history-event-year{
    color         : #323232;
    font-size     : 28px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 38px;
    width         : 100%;
}
.history-event-title{
    position: relative;
    text-align     : left;
    color          : #252525;
    font-size      : 24px;
    font-weight    : 300;
    line-height    : 32px;
    padding-bottom : 20px;
}
.history-event-text{
    position: relative;
    text-align: left;
}


@media screen and (max-width: 629px) {
    .history-block-wide,
    .history-block{
        padding         : 20px;
    }
    .history-year-title{
        margin-top    : 48px;
        margin-bottom : 5px ;
        font-size     : 24px;
        font-weight   : bold;
        letter-spacing: 0;
        line-height   : 33px;
        text-align	  : left;
    }
    .history-year{
        font-size     : 14px;
        line-height   : 20px;
        text-align	  : left;
    }
    
}


.wp-block-embed__wrapper {
    position      : relative;
    padding-bottom: 56.25%;
    padding-top   : 25px;
    height        : 0;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

/* brands page style */
.brands-filter-right-wrap{
    float: right;
}
.brands-dropdown-wrap{
    clear   : both;
    display : inline-block;
    position: relative;
}
.dropdown-list{
    z-index: 2;
}
.brands-dropdown{
    clear           : both;
    position        : relative;
    display         : inline-block;
    line-height     : 25px;
    font-size       : 18px;
    font-weight     : 300;
    color           : #162d46;
    background-color: #FFF;
    letter-spacing  : 0;
    border          : 1px solid #162d46;
    border-radius   : 13px;
    padding         : 0px 32px 0px 16px;
    user-select     : none;
    cursor          : pointer;
    transition      : background-color ease 0.4s;
    z-index         : unset;
    min-width       : 150px;
    text-align: left;
}
.brands-dropdown>.las::before{
    position: absolute;
    right: 10px;
    top: 4px;
}
.brands-dropdown:hover{
    color: #FFF;
    background-color:#162d46;
}
.brands-filter-wrap{
    max-width: 1280px;
    margin   : auto;
    padding  : 60px 20px 10px 20px;
}
@media screen and (max-width:768px) {
    .brands-filter-wrap{
        padding  : 20px 20px 10px 20px;
    }
}
.brands-filter-list {
    list-style   : none;
    margin       : 0px;
    padding      : 0px;
    border-bottom: 1px solid #DEDEDE;
    display      : inline-block;
    user-select:none;
}
.brands-filter-list a{
    margin        : none;
    display       : inline;
    color         : #ACACAC;
    font-size     : 18px;
    font-weight   : 300;
    letter-spacing: 0;
    line-height   : 25px;
    padding       : 0px 5px 2px 5px;
    cursor: pointer;
}
.brands-filter-list a:hover{
    color: #162d46;
    border-bottom: 2px solid #162d46;
    transition: color ease 0.5s;
}
.brands-filter-list a{ outline:none;}
.brands-filter-list .active{
    color        : #162d46;
    border-bottom: 2px solid #162d46;
}

.brands-dropdown-list{
    border-radius   : 1px;
    color           : #162d46;
    text-align: left;
    list-style      : none;
    position        : absolute;
    background-color: #FFF;
    width           : 100%;
    margin          : 0px;
    padding         : 0px;
    z-index         : 2;
    display         : none;
    border-radius   : 4px;
    background-color: #FFFFFF;
    box-shadow      : 0 2px 4px 0 rgba(191,191,191,0.5);
}
.brands-dropdown-list>li{
    padding    : 8px 18px;
    width      : 100%;
    transition : background-color ease 0.2s;
    cursor     : pointer;
    user-select: none;
}
.brands-dropdown-list>li:hover{
    width:100%;
    background-color:#E6E6E7;
}

.brands-dropdown-list>li:first-child{
    border-radius :4px 4px 0px 0px;
}
.brands-dropdown-list>li:last-child{
    border-radius :0px 0px 4px 4px;
}

/* Careers Slider */
.glide__arrows{
    margin-top:16px;
    font-size: 30px;
    line-height: 48px;
    color: #162d46;

} /*This applies to the careers slider as well as people slider.*/
.glide__arrow{
    font-size: 30px;
    line-height: 48px;
    color: #162d46;
    display: block;
    height: 48px;
    width: 48px;
}
.glide__arrow>.las{
    padding:0px;
}


.careers_card > .position_info{
    color         : rgba(50,50,50,0.5);
    font-size     : 18px;
    font-weight   : 300;
    letter-spacing: 0;
    line-height   : 28px;
    margin-bottom : 20px;
}
.careers_card > .career-title{
    color         : #323232;
    font-size     : 22px;
    margin-top    : 0px;
    margin-bottom : 8px;
    font-weight   : 300;
    letter-spacing: 0;
    line-height   : 30px;
}
.careers_card{
    padding-bottom:24px;
}
.careers_card>a{
    position: absolute;
    bottom:15px;
}
.button_no_margin{
    margin:0px auto;
}

/*************** home brands media query - large tablets *******************/
@media screen and (max-width: 1253px) {
    .home-brands-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .home-brands-primary-cta-button {
        width: 271px;
    }
}
/*************** home brands media query - large tablets *******************/
@media screen and (max-width: 1158px) {
    .home-brands-cta-button-row-centre-left,
    .home-brands-cta-button-row-centre-right {
        width: 100%;
        margin: 0;
    }
    .home-brands-primary-cta-button {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
    }
    .home-brands-secondary-cta-button {
        width: calc((100% - 15px) / 2);
        margin-top: 13px;
        float: left;
        margin-left: auto;
        margin-right: auto;
    }
    .home-brands-secondary-cta-button-two {
        margin-left: 15px;
    }
}

/*************** home brands media query - large tablets *******************/
@media screen and (max-width: 1065px) {
    .home-brands-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .home-brands-primary-cta-button,
    .home-brands-secondary-cta-button {
        width: 100%;
        margin-top: 13px;
        float: left;
        margin-left: auto;
        margin-right: auto;
    }
}


/*************** home brands media query - tablets *******************/
@media screen and (max-width: 969px) {
    .home-brands-row-heading-left {
        min-width: 65px;
    }
    .home-brands-row-heading-centre {
        max-width: calc(100% - 130px);
    }
    .home-brands-row-heading-right {
        min-width: 65px;
    }
    .home-brands-wrap-content-left {
        min-width: 65px;
    }
    .home-brands-wrap-content-centre {
        max-width: calc(100% - 130px);
    }
    .home-brands-wrap-content-right {
        min-width: 65px;
    }
    .home-brands-cta-button-row-left {
        min-width: 65px;
    }
    .home-brands-cta-button-row-centre {
        max-width: calc(100% - 130px);
    }
    .home-brands-cta-button-row-right {
        min-width: 65px;
    }
    .desktop-magazine-download{
        display: none;
    }
    .mobile-magazine-download{
        display: block;
    }
}

/*************** home brands media query - phones *******************/
@media screen and (max-width: 769px) {
}

/*************** home brands media query - phones *******************/
@media screen and (max-width: 677px) {
    .home-brands-grid, .three-column-vertical-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*************** home brands media query - phones *******************/
@media screen and (max-width: 492px) {
    .home-brands-grid {
        grid-template-rows: 116px;
    }
    .home-brands-entry {
        width: 116px;
        height: 116px;
    }
    .home-brand-entry-logo {
        width: 90px;
    }
    .home-brand-entry-logo img {
        max-height: 50px;
    }
}

/*************** home brands media query - small phones *******************/
@media screen and (max-width: 483px) {
    #home-brands-row-heading {
        font-size: 20px;
        line-height: 28px;
        margin-top: 80px;
    }
    .home-brands-grid {
        margin-top: 85px;
    }
    .home-brands-primary-cta-button,
    .home-brands-secondary-cta-button {
        font-size: 12px;
    }
}
/*************** home brands media query - small phones *******************/
@media screen and (max-width: 371px) {
    .home-brands-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

.full-intro-video-container{
    /* height:430px;
    width:100%; */
    background-color:#000;
    text-align:center;
    clear:both;
}
.full-intro-video-container video{
    max-width: 100%;
    max-height: 430px;
    background-repeat: no-repeat;
    object-fit: cover;
    margin-bottom: -8px;
}
/* .full-intro-video-container .playpause{
    
} */
.coupa-image img{
    margin-top: 18px;
    width:100%;
    max-height: 340px;
    background-repeat: no-repeat;
    object-fit: cover;
}
@media screen and (max-width: 629px)
{
    .coupa-text, .procurement-text{
        padding-bottom:10px;
    }

}

.full-intro-image{
    width:100%;
    height:220px;
    /* background-position: center center; */
    background-repeat: no-repeat;
    object-fit: cover
}
.full-intro-text-box{
    width           : 100%;
    max-width       : 1200px;
    margin          : -28px auto 0 auto;
    background-color: #FFFFFF;
    border          : none;
    border-radius   : 11px;
    box-shadow      : 0 0 4px 0 rgba(232,232,232,0.5);
    clear           : both;
    padding       : 40px;

}

.full-text-box{
    width           : 100%;
    max-width       : 1280px;
    background-color: #FFFFFF;
    margin-top      : 40px;
    margin-bottom   : 0px;
    border          : none;
    border-radius   : 11px;
    box-shadow      : 0 0 4px 0 rgba(232,232,232,0.5);
    clear           : both;
    padding         : 22px 40px;
}
.full-text-wrap{
    width         : 100%;
    color         : #252525;
    font-size     : 24px;
    font-weight   : 300;
    letter-spacing: 0;
    line-height   : 32px;

}
.full-intro-text-box-over-img{
    width           : 100%;
    max-width       : 1280px;
    margin          : -28px auto 0 auto;
    background-color: #FFFFFF;
    border          : none;
    border-radius   : 11px;
    box-shadow      : 0 0 4px 0 rgba(232,232,232,0.5);
    clear           : both;
    padding         : 22px 40px;
}
.yumpu-embed-container {
    margin-top: 18px;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}
/* Navigation
--------------------------------------------- */
.site-header {
    width: 100%;
    background-color: #FFFFFF;
    margin: auto;
    z-index: 4;
    box-shadow: 0px 0px 10px #00000029;
}
.main-navigation{
    display: block;
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: auto;
    height: 67px;
    font-size: 18px;
    font-family: 'Ringier Book', sans-serif;
}
.rc-menu-wrapper{
    display: block;
    padding-top: 22px;
}
#rc-home-button a img{
    height: 35px;
}
#rc-home-logo-mobile{
    display: none;
}
#site-language-menu-desktop{
    display: block;
    width: 100%;
    margin: auto;
    padding: 0 20px;
    height: 36px;
    font-size: 20px;
    padding-bottom: 34px;
    font-weight: 300;
    background-color: #ffffff;
    clear: both;
}

/* Generic dropdown */
.dropdown-wrap{
    display: inline-block;
    position: relative;
    user-select:none;
}
.dropdown-wrap>.dropdown-list{
    display:none;
    user-select:none;
    position: absolute;
    z-index: 99;
}
.dropdown-wrap>.dropdown-button{
    user-select:none;
    font-family: 'Ringier Book';
}
.dropdown-wrap>.dropdown-button::after{
    content: "\f13a";
    font-family: 'Line Awesome Free';
    padding-left: 7px;
    font-weight: 900;
}
.dropdown-wrap>.expanded::after{
    content: "\f139";
    padding-left: 7px;
    font-weight: 900;
}

/* WPML dropdown styling*/
.wpml-language-select-header-wrap{
    background-color: #252525;
}
.wpml-language-select-wrap{
    display    : block;
    width      : 100%;
    max-width  : 1280px;
    margin     : auto;
    padding:0 20px;
    text-align:right;
    font-weight   : bold;
    font-size: 18px;
}
.wpml-language-mobile-select-wrap{
    display    : block;
    width      : 100%;
    max-width  : 1280px;
    margin     : auto;
    padding:0 20px;
    text-align:right;
    font-weight   : bold;
    font-family: 'Ringier Book';
}
.wpml-language-select{
    color         : #FFF;
    font-weight   : 300;
    font-size     : 18px;
    letter-spacing: 0;
    line-height   : 36px;
    text-align    : left;
    font-family   : Ringier;
}
.wpml-language-mobile-select{
    height        : 11px;
    color         : #000000;
    font-weight: normal;
    font-size     : 16px;
    letter-spacing: 0;
    line-height   : 13px;
    text-align:left;
}
.wpml-language-mobile-select>.dropdown-list{
    background-color: #FFF;
    margin-top:30px;
    padding:0px 16px;
    margin-left:-15px;
}
.wpml-language-mobile-select>.dropdown-list>a{
    line-height: 46px;
    font-weight: normal;
}
.wpml-language-select>.dropdown-list{
    background-color:#FFF;
    font-weight   : bold;
    padding: 5px;
    margin-left: -5px;
}
.wpml-language-select>.dropdown-list>a{
    line-height: 32px;
    font-family: 'Ringier Book';
    font-weight: normal;
    display: inline-block;
    width: 100%;
}

.wpml-language-select > .dropdown-list > a, .wpml-language-select > .dropdown-list > a:visited{
    color:#404040;
}
#rc-home-button {
    /* float:left; */
    /*width: 260px;*/
    /* height: 35px; */
    padding-top: 16px;
}
#rc-home-button-mobile {
    display: none;
}


.rc-menu-item {
    line-height: 22px;
    position: relative;
    color: #000000;
    cursor:pointer;
}
 .rc-menu-item, .rc-menu-dropdown-content  .rc-menu-item{
    float:left;
    display: block;
    z-index: 3;
}
.rc-menu-dropdown-content .rc-menu-item{
    padding-left: 25px;
    width: 242px;
    border-bottom: solid thin rgba(151,151,151,0.21);
}
.rc-menu-item a,
.rc-menu-item a:visited,
.rc-menu-item a:active {
    text-decoration: none;
    color: #000000;
}
.rc-menu-item a:hover, .rc-menu-dropdown-content  .rc-menu-item:hover{
    background-color: #E6E6E7;
    color: #000000;
}
.rc-menu-dropdown-item a{
    font-family: 'Ringier Light';
    width: 192px;
}
.title-icons-wrap{
    width: 192px;
    border-bottom: solid thin rgba(151,151,151,0.21);
    margin-left: 25px
}
.rc-menu-item-right {
    padding-left: 0px;
    margin-right: 0px;
}
.rc-menu-item-right:nth-child(2){
    margin-right:calc(10px + .7em);
}
.rc-mobile-menu-item {
    display: none; /* Hide mobile specific items on desktop */
}
#rc-mobile-close {
    display: none;
}
.rc-home-button img {
    max-width: calc(100% - 30px);
    margin-top: 3px;
}
.rc-lang-active {
    color: #323232;
}

/* Dropdown menu*/
#rc-main-menu-dropdown {
    display: block;
    position: relative;
    float: right;
}
#rc-main-menu-dropdown i{
    font-size: small;
    padding-left: 18px;
    float: right;
    line-height: 24px;
    
}
.rc-menu-dropdown-item i{
    padding-left: 0;
    padding-right: 25px;
}
.rc-menu-dropdown-item i{
    line-height: 53px !important;
}
.rc-menu-dropdown-menu {
    float: left;
    padding-left: 42px;
    padding-bottom: 17px;
}
#select_location{
    position: relative;
    padding-left: unset;
    line-height: unset;
    padding-bottom: 2px;
    user-select: none;
    cursor:pointer;
    width:323px;
}
#select_location>span{
    /*padding:0 70px;*/
    color: #162d46;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
}
.rc-locations-content {
    display: none;
    position: absolute;
    background-color: #F6F6F6;
    width: 323px;
    z-index: 2;
    float: left;
    top: 74px;
    left: 0;
    box-shadow: 0px 10px 10px -10px #00000029;
    user-select: none;
}
@media screen and (max-width:855px){
    #select_location{
        width:100%;
    }
    #select_location>span{
        padding:0 5px;
        word-wrap: break-word;
    }
    .rc-locations-content {
        width:100%;
    }
    .locations-dropdown-item {
    }
}
#select_location>.rc-locations-content{
    visibility      : hidden;
    opacity         : 0;
    margin-top      : 5px;
    position        : absolute;
    display         : flex;
    flex-direction  : column;
    gap             : 20px;
    width           : 100%;
}
.select_location_wrap>.show{
    visibility      : visible;
    opacity: 1;
    display: block;
}

#select_location>span::after{
    font-family : 'Line Awesome Free';
    content     : "\f107";
    position    : relative;
    font-weight : 900;
}

#select_location:focus-within, #select_location:hover{
    border: 2px solid #162d46;
}

/*
#select_location:focus-within>span::after{
    content: "\f106";
} */



.rc-menu-dropdown-content, .rc-menu-dropdown-content-sub {
    display: none;
    position: absolute;
    background-color: #F5F5F7;
    width: 290px;
    z-index: 2;
    float: left;
    top: 74px;
    left: 0;
    box-shadow: 0px 10px 10px -10px #00000029;
    user-select: none;
}
.locations-dropdown-select .rc-locations-content{
    width: 326px;
    background-color: #FFFFFF;
    top: 50px;
} 
.locations-dropdown-select .rc-locations-content .rc-locations-item{
    padding-left: 0;
    width: 100%;
}
.locations-dropdown-item{
    border-bottom : none;
    width         : 100%;
    display       : inline-block;
    color         : #162d46;
    font-size     : 18px;
    font-weight   : 300;
    letter-spacing: 0;
    line-height   : 36px;
    text-align    : center;
}
.locations-dropdown-item:visited{
    color         : #162d46;
}
.locations-dropdown-item:hover{
    color         : #162d46;
    background-color:#e3e3e5;
}
.rc-menu-dropdown-content-sub{
    left: 244px;
    top:0;
}
.rc-details-dropdown-content{
    display: none;
}
.rc-menu-dropdown-item, .rc-menu-dropdown-item-sub{
    font-size: 18px;
    line-height: 53px;
}
.rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(4), .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(5) {
    font-family: 'Ringier Light';
    padding-bottom: 10px;
    height: 53px;
    padding-left: 25px !important;
    padding: 0;
    border-bottom: solid thin rgba(151,151,151,0.21)
}
.rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(4) i, .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(5) i {
    height: 53px;
}
#rc-menu-dropdown-background {
    display: none;
    position: absolute;
    z-index: 1;
    height: 340px;
    width: 100%;

}
.back-to-top .la-angle-down, .back-to-top .la-angle-up{
    float: right;
    font-size: x-large;
    line-height: 67px;
}
.back-to-top{
    clear: both;
}
.rc-menu-dropdown-item:nth-of-type(6) a, .rc-menu-dropdown-menu:nth-child(2) .rc-menu-dropdown-item:nth-child(4) a{
    border-bottom: none;
}
.rc-lang-switcher{
    float: right;
}
/* WPML language switcher overrides */
#site-language-menu-desktop .wpml-ls-statics-shortcode_actions{
    width: 91px;
}
.wpml-ls-statics-shortcode_actions{
    width: 60px;
}
#site-language-menu-desktop #wpml-custom-dropdown-arrow {
    top: 10px;
}
#site-language-menu-desktop .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    top: 36px;
}
#site-language-menu-desktop  .wpml-ls-link{
    color: #707070;
}
.language-selector-wrap{
    display: block;
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    position: relative;
    margin:  0 auto;
}

a.wpml-ls-item-toggle{
    color: #ffffff;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .wpml-ls-item-en a, .wpml-ls-item-fr a, .wpml-ls-item-de a{
    background: transparent;
    border: none;
    font-size: 18px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{
    border: none;
    background: transparent;
    text-decoration: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
    color: white;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    border-top: none;
    background-color: #F7F7F5;
    box-shadow: 0px 10px 10px -10px #00000029;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
    opacity: 0;
    z-index: 5;
}
.wpml-ls-legacy-dropdown a span{
    vertical-align: sub;
}
#wpml-custom-dropdown-arrow{
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0;
    padding-left: 5px;
    border: solid thin white;
    top: 7px;
    line-height: 1.5em !important;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 50%;
}
.wpml-ls-legacy-dropdown a span{
    font-size: 16px;
}
/* footer */
.site-footer{
    display: flex;
    width: 100%;
    padding-bottom: 22px;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    color: #ffffff;
    font-family: Helvetica, 'Ringier Light', sans-serif;
    background-color: #252525;

}
.site-info-wrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
    height: auto;
    color: #ffffff;
}
#rcbacktotop {
    display: none;
    position: absolute;
    right: 5%;
    bottom: 33px;
    padding: 0 23px;
    z-index: 99;
    border: none;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    color: #ffffff;
    background-color: #162d46;
      box-shadow: 0 2px 4px 0 rgba(95,95,95,0.5);
}
#rcbacktotop:hover{
    background-color: #00506E;
}
/* Social medial icons*/
.site-info-top-row{
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 56px;
    margin-bottom:10px;
}

.social-media-platforms{
    display:inline-block;
    margin-left: 20px;
}
.social-media-platforms a {
    display:inline-block;
    margin-right: 17px;
}
/* Footer middle row*/
.site-info-center-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.site-info-center-row a{
    color: white;
}
.site-info-center-row a:hover{
    color: #30bcf8;
}
#ringier-footer-web-link{
    color: #009fe3;
}
#ringier-footer-web-link:hover{
    color: #30bcf8;
}
.site-info-center-row, .site-info-center-row a{
    font-family: 'Helvetica Light';
    font-size: 14px;
    line-height: 22px;
}
.site-info-center-row>div>div{
    margin-block: 14px;
}
.site-info-heading{
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    font-family: Helvetica;
}
.site-info-center-row .site-info-sub-heading{
    font-family: Helvetica, 'Ringier Light', sans-serif;
    line-height: 35px;
    display: block;
    font-size: 15px;
    font-weight: bold;
}
.site-info-center-row span{
    font-weight: bold;
    font-size: 14px;
}
.site-info-column-one{
    padding-right: 40px;
    width: 20%;
}
.site-info-column-two, .site-info-column-three, .site-info-column-four{
    margin-top: 76px;
    padding: 0 40px;
    width: calc(80% / 3);
}
.site-info-column-three{
    padding-right: 80px;
}
.site-info-column-four{
    padding-right: 0;
}
/* Footer bottom row*/
.site-info-bottom-row{
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    height: auto;
    color: #ffffff;
    background-color: #000000;
}
.site-info-bottom-wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    gap: 0px 20px;
}
@media screen and (max-width: 1030px){
    .site-info-bottom-wrap{
        flex-direction: column;
    }
}
.legal{
    /* float: left; */
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
    /* padding-left: 20px; */
}
.legal li{
    margin-right: 27px;
    list-style: none;
}
.copyright{
    /* float: right; */
    /* margin-right: 82px; */
    color: #FFFFFF;
    font-family: 'Ringier book', Helvetica, Arial;
}
.copyright, .legal{
    font-size: 16px;
}
.site-info-bottom-row li{
    /* float: left; */
    display: inline-block;
}
@media screen and (max-width:440px){
    .site-info-bottom-row li a{
        line-height: 32px;
    }
}
.site-info-bottom-row a, .site-info-column-one h4{
    color:#ffffff;
    font-family: Helvetica;
}
.site-info-bottom-row a:hover{
    color: #30bcf8;

}
.site-info-column-one h4{
    line-height: 12px;
}
#rc-footer-menu{
    display: none;
}
/* Brands list styling */

.brand_container {
position: relative;
}
  
.brand_image {
display: block;
width: 100%;
height: auto;
margin: auto;
}

  
.brand_overlay, .brand_textoverlay{
    position: absolute;
    border-radius:12.59px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
}
.brand_overlay{
    background-color: #FFF;
}
.brand_textoverlay:hover{
    opacity: 1;
}
.brand_container:hover .brand_overlay {
opacity: 0.8;
}
.brand_container:hover .brand_text{
    opacity: 1;
    color:black;
}

.brand_text {
    user-select      : none;
    color            : black;
    font-size        : 20px;
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    text-align       : center;
}

.brand_imgwrap{
    height: 137px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.art-intro-wrap{
    margin-bottom:20px;
    margin-top:10px;
}
.art-intro-image{
    width:400px;
    display:inline-block;
    vertical-align: top;
    padding-top: 8px;
}
.art-intro-text{
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 446px);
    margin-left: 39px;
}
.art-intro-text p{
    font-size: 24px;
    line-height: 32px;
}
.art-intro-text>p:first-child {
    margin-top:0px;
}
@media screen and (max-width: 769px) {

    .art-intro-text{
        width:100%;
        margin-left: unset;
    }
    .art-intro-text p{
        font-size: 22px;
        line-height: 28px;
    }
    .art-intro-image{
        width:100%;
    }
    .art-intro-wrap{

    }
}

.art-card-wrap{
    max-width      : 1280px;
    display        : flex;
    flex-wrap      : wrap;
    margin         : auto;
    gap            : 45px;
    justify-content: center;
    padding:0 20px;

}
.art-card{
    flex:1 369px;
    padding:22px;
    border-radius   : 11px;
    background-color: #FFFFFF;
    box-shadow      : 0 0 4px 0 rgba(232,232,232,0.5);
    max-width:400px;
}
.art-image-wrap{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width: 350px;
    height: 350px;
}
@media screen and (max-width: 1236px){
    .art-image-wrap{
        width: 360px;
        height: 360px;
    }
}
@media screen and (max-width: 441px){
    .art-image-wrap{
        width: 330px;
        height: 330px;
    }
}
@media screen and (max-width: 360px){
    .art-image-wrap{
        width: 276px;
        height: 276px;
    }
}
@media screen and (max-width: 320px){
    .art-image-wrap{
        width: 236px;
        height: 236px;
    }
}

.art-image-wrap img{
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.art-table{
    color: #323232;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 0px;
}
.art-key{
    text-align:right;
    vertical-align:top;
    width:100px;
}
.art-value{
    text-align:left;
    vertical-align:top;
    word-wrap:anywhere;
}
/* Style the Image Used to Trigger the Modal */
.art-image-wrap {
    border-radius: 5px;
    cursor       : pointer;
    transition   : 0.3s;
}

.art-image-wrap:hover {
    opacity: 0.7;
}

/* The Modal (background) */
.modal {
    display         : none;
    position        : fixed;
    z-index         : 1;
    padding-top     : 100px;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    overflow        : auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    padding         : 50px 20px;
}

/* Modal Content (Image) */
.modal-content-wrap {
    margin   : auto;
    display  : block;
    width    : 100%;
    max-width: 1280px;
}
.modal-content{
    display: flex;
    margin : 0px;
    padding: 0px;
}

.modal-heading{
    /* width:100%; */
    flex       : 1 100%;
    line-height: 35px;
    padding    : 20px 0px;
    font-size  : 32px;
    color      : #FFF;
    display:flex;
    /* wordwrap:; */
}
.modal-heading-right{
    text-align:right;
    flex:1 50%;
}
.modal-heading-left{
    text-align:left;
    flex:1 50%;
}
.modal-left{
    flex:1 60%;
}
.modal-right{
    flex:1 40%;
    text-align:left;
    padding-left:40px;
}

.modal-data-heading{
    color      : #FFFFFF;
    font-size  : 24px;
    line-height: 28px;
    font-weight: 300;
    text-align : left;
    width      : 100%;
    padding-top: 24px;
}
.modal-data{
    color      : #FFFFFF;
    font-size  : 24px;
    font-weight: bold;
    line-height: 28px;
}


/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}
.modal-nav-disable{
    color:#333;
}

/* Video Overlay Styles */
.video-wrapper{
    position:relative;
}
.playpause {
    width              : 100%;
    height             : 100%;
    position           : absolute;
    text-align         : center;
    left               : 0%;
    color              : #fff;
    font-size          : 57px;
    right              : 0%;
    top                : 0%;
    bottom             : 0%;
    margin             : 0px;
    background-color   : rgba(0,0,0,0.3);
}
.playpause i{
    margin   : 0;
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform:  translate(-50%, -50%);
}

.close:hover,
.close:focus {
  color          : #bbb;
  text-decoration: none;
  cursor         : pointer;
}

/* main menu query. */
@media screen and (max-width: 1251px) {
    .two-colum-quote-cards-text{
        font-size: 38px;
        line-height: 30px;
    }
}
@media screen and (max-width: 1076px) {
    .rc-standard-vertical-card, .rc-standard-home-vertical-card{
        padding: 15px;
    }
}
@media screen and (min-width: 1024px) {
    .wpml-ls-legacy-dropdown a {
        line-height: normal;
    }
    #site-language-menu-desktop #wpml-custom-dropdown-arrow{
        top: 14px;
    }
    .flex-card-wrap{
        gap: 20px
    }
}
@media screen and (max-width: 1256px) {
    .home-vertical-cards-wrap{
        gap: 16px;
    }
    .rc-standard-home-vertical-card{
        width: calc((100% - 48px)/3);
    }
}
@media screen and (max-width: 1024px) {
    .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu{
        width: 91px;
    }
    .wpml-ls-legacy-dropdown a span{
        color: #707070;
    }
    article{
        width: 100%;
    }
    #rcbacktotop{
        right: 30px;
    }
    .legal{
        padding-left: 0;
    }
    .two-colum-quote-cards-text-container {
        padding: 20px 28px 90px 30px;
    }
    /*.quote-mark-left-line, .quote-mark-right-line{
        width: 40%;
    }*/	
    .rc-standard-home-vertical-card{
        height: auto;
    }
}
@media screen and (min-width: 901px) and (max-width: 1049px) {
    /*#rc-home-button{
        width: 210px;
    }
    #rc-home-button a img{
        height: 33px;
    }*/
    .site-info-center-row {
        display: block;
    }
    .site-info-column-one, .site-info-column-four {
        float: left;
    }
    .site-info-column-two, .site-info-column-three{
        float: left;
    }
    .site-info-column-three{
        padding-right: 40px;
    }
    .standard-two-colum-card-right-section{
        padding: 0 0 0 40px;
    }
    .rc-standard-vertical-card, .rc-standard-home-vertical-card{
        padding: 20px;
    }
    .press-releases-cards-grid, .news-press-releases-cards-grid, .annual-reports-cards-grid, .corporate-magazines-cards-grid, .three-column-vertical-card-grid{
        grid-gap: 40px 20px;
    }
    
}
@media screen and (min-width: 901px) and (max-width: 988px) {
    #domo-magazine .align-center, #annual-reports .align-center{
    margin-top: 20px !important;
    }
    #domo-magazine .standard-two-colum-card-right-section p, #annual-reports .standard-two-colum-card-right-section p{
        margin-bottom: 5px;
    }
    #site-language-menu-mobile{
        width: 50px;
        margin-right: 50px;
        padding: 0;
    }
}
@media screen and (max-width: 900px) {
    .press-releases-cards-grid, .annual-reports-cards-grid, .corporate-magazines-cards-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .rc-standard-vertical-card, .rc-standard-home-vertical-card{
        padding: 20px;
    }
    .press-releases-cards-grid, .news-press-releases-cards-grid, .annual-reports-cards-grid, .corporate-magazines-cards-grid, .three-column-vertical-card-grid{
        grid-gap: 40px 20px;
    }
    #rc-main-menu-dropdown{
        display: block;
        float: left;
        padding: 0 20px;
        width: 90%;
    }
    #rc-main-menu-dropdown i{
        line-height: 53px;
        padding-left: 0;
        
    }
    .language-selector-wrap{
        width: 100%;
    }
    .rc-menu-dropdown-menu, .rc-mobile-menu-item{
        border-bottom: solid thin rgba(151,151,151,0.21);
    }
    .rc-mobile-menu-item{
        padding-bottom: 12px;
    }
    #rc-home-button {
        
    }
    #rc-home-logo-desktop{
        display: none;
    }
    #rc-home-logo-mobile{
        display: block;
    }
    .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(4) .la-angle-down, .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(4) .la-angle-up, .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(5) .la-angle-down, .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(5) .la-angle-up{
        margin-right: 0;
    }
    .rc-menu-dropdown-menu .la-angle-down, .rc-menu-dropdown-menu .la-angle-up{
        font-size: 14px;
    }
    .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(4), .rc-menu-dropdown-menu:nth-child(1) .rc-menu-dropdown-item:nth-of-type(5) {
        width: calc(100% - 46px);
        margin-left: 22px;
    }
    .overlay {
        height: 100%;
        width: 0;
        z-index: 1;
        background-color: #FFFFFF;
        overflow-x: hidden;
        transition: 0.5s;
    }
    .overlay a {
        transition: 0.6s;
    }
    .rc-mobile-button, #site-language-menu-mobile {
        cursor:pointer;
        color: #707070;
        display: inline;
        line-height: 34px;
        margin-top: 16px;
        float: right;
    }
    #wpml-custom-dropdown-arrow{
        color: #707070;
        border: solid thin #707070;
    }
    a.wpml-ls-item-toggle{
        color: #707070;
    }
    .wpml-ls-sub-menu{
        flex-direction: column;
    }
    #site-language-menu-desktop{
        display: none;
    }
    #rc-mobile-close {
        line-height: 34px;
        float:right;
        margin: auto;
        margin-top: 16px;
        margin-right: 0px;
        font-size: 20px;
        color: #707070;
    }
    #rc-main-menu{
        width: 0%;
        max-width: 100%;
        margin: auto;
        height: 100%;
        display: block;
        float: left;
        padding: 0;
        position: fixed;
        margin-top: 68px;
    }
    #rc-home-button-mobile {
        float:left;
        width: 260px;
        height: 35px;
        display: inline;
    }
    .rc-menu-item {
        width: 100%;
    }
    .rc-mobile-menu-item {
        display: block; /* display mobile specific items on smaller screens */
    }
    .rc-desktop-menu-item {
        display: none; /* hide desktop specific items on smaller screens */
    }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding-left: 0px;
    }
    #rc-menu-dropdown-background {
        z-index: 0;
    }
    .rc-menu-dropdown-content {
        padding-left: 0;
        padding-top: 0;
        width: 100%;
        border-bottom: solid thin rgba(151,151,151,0.21);
    }
    .rc-menu-dropdown-menu {
        border-left: 0;
        padding-left: 0;
        padding-bottom: 0;
        line-height: 53px;
        height: 53px;
    }
/*	.locations-dropdown-select{
        height: auto;
        border: 2px solid #162d46
    }*/
    .rc-menu-dropdown-item:nth-child(6) {
        border-bottom: none;
        margin-bottom: 0;
    }
    .rc-menu-dropdown-content{
        padding-bottom: 0;
        box-shadow: none;
    }
    .rc-menu-dropdown-item {
        margin-top: 0;
        padding-bottom: 0;
        line-height: 53px;
    }
    .rc-menu-dropdown-content .rc-menu-item, .rc-locations-content .rc-location-item{
        width: 100%;
    }
    .rc-menu-dropdown-item a{
        width: 95%;
        padding-bottom: 0;
    }
    #rc-main-menu-dropdown .la-angle-down:before{
        line-height: 53px;
    }
    .mobile-menu .rc-menu-dropdown-menu:nth-of-type(1).expanded {
        height: 369px;
    }
    .mobile-menu .rc-menu-dropdown-menu:nth-of-type(2).expanded {
        height: 264px;
    }
    .mobile-menu .rc-menu-dropdown-menu:nth-of-type(3).expanded {
        height: 370px;
    }
    .mobile-menu .rc-menu-dropdown-menu:nth-of-type(4).expanded {
        height: 220px;
    }
    .mobile-menu .rc-menu-dropdown-menu:nth-of-type(5).expanded {
        height: 415px;
    } 
    .site-info-center-row {
        display: block;
    }
    .site-info-column-one, .site-info-column-two, .site-info-column-three, .site-info-column-four{
        float: left;
        margin-right: 0;
        margin-left: 0;
        padding: 0;
        width: 45%;
    }
    .site-info-column-three{
        padding-right: 65px;
    }
    .site-info-column-three{
        clear: both;
        padding-left: 0;
    }
    .site-info-column-three, .site-info-column-four{
        margin-top:0
    }
    .legal{
        flex-direction: column;
    }
    .copyright{
        /* float: left; */
        /* margin-right: 0; */
        /* margin-top: 0; */
    }
    .standard-two-colum-card{
        padding-right: 20px;
    }
    .standard-two-colum-card-right-section{
        padding: 0 0 0 20px;
        flex: 0 0 50%;
    }
    .standard-two-colum-card-right-section p:nth-child(1){
        margin-bottom: 3px;
    }
    .standard-two-colum-card-right-section .home-about-us-link{
        margin-top: 15px !important;
    }
    .news-press-releases-cards-grid{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
    .news-press-releases-cards-grid .rc-standard-vertical-card{
        height: auto;
    }
    #press-releases-preview .rc-standard-vertical-card:nth-child(2) img, #press-releases-preview .rc-standard-vertical-card:nth-child(3) img{
        display: none;
    }
    #interviews-preview .rc-standard-vertical-card:nth-child(2) img, #interviews-preview .rc-standard-vertical-card:nth-child(3) img{
        display: none;
    }
    .wpml-ls-legacy-dropdown a span{
        vertical-align: middle;
    }
    #site-language-menu-desktop .wpml-ls-statics-shortcode_actions{
        width: 91px;
    }
    .article-header-card-short-description h2{
        font-size: 28px;
        line-height: 38px;
    }
    #site-language-menu-mobile{
        width: 50px;
        margin-right: 50px;
        padding: 0;
    }

/*    .wpml-language-select-wrap{
        display:none;
    }
    .wpml-language-select-header-wrap{
        background-color: #FFF;
    } This can probably be deprecated.       */
}
@media screen and (max-width: 855px) { /*Tablet */
    .article-header-card-short-description h2{
        font-size: 26px;
        margin-bottom: 0;
        line-height: 30px;
    }
}
@media screen and (max-width: 768px) { /*Tablet */
    main{
        margin-bottom: 67px;
    }
    .rc-menu-dropdown-content-sub{
        left: 0;
        top: 53px;
        width: 100%;
        height: 227px;
    }
    .rc-menu-dropdown-content-sub{
        box-shadow:none;
    }
    .rc-menu-wrapper{
        padding-top: 0;
    }
    .two-colum-quote-cards-text{
        font-size: 28px;
    }
    .home-logo-text-heading {
        font-size: 36px;
    }
    .standard-two-colum-card, .about-us-initiatives{
        flex-direction: column;
    }
    .locations-dropdown-select .rc-locations-content{
        width: 96%;;
    }
    #select_location{
        float: none;
        margin: 0 auto;
        width: 100%;
        height: auto;
        margin-top: 30px;
        border: 2px solid #162d46;
    }
    #select_location>.rc-locations-content>.locations-dropdown-item{
        padding: 0px 39% 0px 0px;
    }
    .standard-two-colum-card-right-section{
        padding: 0;
    }
    .standard-two-colum-card-right-section .align-center{
        margin: 0 auto;
    }
    .standard-two-colum-card-right-section p, .standard-two-colum-card-download{
        font-size: 18px;
    }
    .wide-button{
        width: 80%;
    }
    .button_no_margin{
        margin:30px auto 46px auto;
    }
    .standard-two-colum-card-right-section p:nth-child(1){
        margin-bottom: 15px;
        padding-top: 20px;
    }
    .standard-two-colum-card-right-section .home-about-us-link{
        margin-top: 30px !important;
    }
    .organisation-person-slider-wrap{
        overflow-x: scroll;
    }
    
    /*Responsive fonts for "pages"*/
    .full-intro-text-wrap{
        font-size: 18px;
        line-height:28px;
    }
    .full-text-wrap{
        font-size: 18px;
        line-height:28px;
    }
    .article-header-card-image-wrap img{
        position: absolute;
        top: 225px;
        left: 0;
        z-index: -2;
    }
    .article-header-card-wrap{
        float: left;
        margin-top: -23px;
    }
    .article-header-card-image-wrap-mobile{
        display: block;
        float: left;
        margin-top: 30px;
        width:100%;
        margin-left: auto;
        margin-right: auto;
    }
    .article-header-card-image-wrap-mobile .post-thumbnail img{
        width:100%;
    }
    .article-header-card-image-wrap{
        display: none;
    }
    .article-header-card-short-description h2{
        font-size: 30px;
    }
    .entry-content{
        padding: 2px 20px;
    }
    .article-header-card-image-wrap, .article-header-card-short-description{
        width: 100%;
        margin-left: 0;
    }
    .corporate-magazine .article-header-card-short-description{
        margin-bottom: 0px; 
    }
    .corporate-magazine .social-media-share-icons, .annual-reports-row .social-media-share-icons{
        margin-top: 0px;
    }
    
}
@media screen and (max-width: 629px) {
    .default-page-title h1{
        font-size: 30px;
        line-height: 41px;
        margin-bottom: 0;
    }
    .default-page-title{
        margin-bottom: 34px;
    }
    .default-page-title select{
        margin-top: 6px;
    }
    form .la-angle-down{
        top: 0 !important;
    }
    /* h1{
        
    }
    h2{
        
    }
    h3{
        
    
    }
    h4{
        
    
    }
    */
    p {
        /* font-size: 16px; */
        line-height: 26px
    } 
    #media-relations.standard-default-block-title{
        text-align: left;
    }
    .standard-default-block-title{
        /*text-align: left; removed as does not seem to match the design */
    }
    .people-slider-title{
        margin-bottom: 18px;
    }
    .rc-lang-switcher{
        margin-right: 0;
    }
    #wpml-custom-dropdown-arrow{
        top: 10px;
    }
    .wpml-ls-item-toggle{
        width: 53px;
    }
    .wpml-ls-legacy-dropdown a{
        padding: 7px;
    }
    .wpml-ls-native{
        margin-right: -11px;
    }
    .wpml-ls-sub-menu a{
        color: #707070;
    }
    .wpml-ls-sub-menu {
        height: 87px;
        width: 97px;
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(191,191,191,0.5);
      }
    #rc-home-button{
        width: 125px;
    }
    .site-info-column-one, .site-info-column-two, .site-info-column-three, .site-info-column-four{
        float: left;
        width: 100%;
        margin-top: 0;
    }
    .site-info-top-row{
        flex-direction: column;
        gap: 5px;
        margin-bottom: 30px;
    }
    .site-info-heading{

    }
    #rc-footer-contact-details{
        width: 95%;
        margin: 0 auto;
    }
    #rc-footer-contact-details .site-info-heading, .rc-details-item-headings{
        line-height: 22px;
        color: #FFFFFF;
    }
    #rc-footer-contact-details .site-info-heading{
        width: 100%;
        font-size: 19px;
        border-bottom: solid thin #979797;
        padding-bottom: 18px;
        margin-bottom: 0;
    }
    .rc-details-item-headings, .legal, .copyright, .site-info-wrap a{
        font-size: 16px;
        color: #FFFFFF;
    }
    .site-info-bottom-row p, .site-info-bottom-row ul{
        font-family: 'Ringier Book','Helvetica Regular';
        line-height: 28px;
    }
    .legal, .copyright{
        line-height: 28px;
    }
    .legal{
        /* margin-bottom: 0; */
    }
    .social-media-platforms{
        margin-left: 0;
    }
    .rc-footer-contact-details-wrapper{
        margin: 0 auto;
    }
    #rc-footer-contact-details{
        width: 100%;
        margin: 0 auto;
    }
    #rc-footer-menu{
        display: block;
    }
    .site-info-center-row{
        display: none;
    }
    .rc-details-item-headings{
        border-bottom: solid thin #979797;
        line-height: 52px;
        margin: 0;
    }
    .rc-details-dropdown-menu i{
        float: right;
        line-height: 52px;
    }
    button .la-angle-down, button .la-angle-up{
        font-size: medium;
        line-height: 18px !important;
    }
    #rcbacktotop{
        padding: 13px 16px;
        bottom: 19px;
        right: 19px;
        
    }
    #rcbacktotop>.la-angle-up::before{
        font-size: 16px;
    }
    .rc-details-dropdown-menu.expanded p{
        border-bottom: none;
    }
    .rc-details-dropdown-menu.expanded{
        border-bottom: solid thin #979797;
        padding-bottom: 23px;
    }
    .site-info-column-one p{
        font-size: 14px;
        line-height: 22px !important;
    }
    .rc-details-dropdown-content-item, .rc-details-dropdown-content a{
        font-family: Helvetica;
        font-weight: lighter;
        font-size: 14px;
        line-height: 10px;
        margin-block: 14px;
    }
    .two-colum-quote-cards-wrap {
        position: relative;
        display: flex;
        height: 630px;
        flex-direction: column;
    }
    .two-colum-quote-cards-image-wrap{
        width: 100%;
    }
    .two-colum-quote-cards-image {
        display: block;
        position: unset;
        width: 100%;
        border-radius: 40px;
    }
    .two-colum-quote-cards-text-container {
        display: block;
        position: unset;
        width: 100%;
        height: 360px;
        margin-top: -85px;
        z-index: 3;
    }
    .home-logo-text-heading{
        font-size: 24px;
    }
    .home-vertical-cards-wrap .rc-standard-vertical-card{
        width: 100%;
    }
    .press-releases-cards-grid, .news-press-releases-cards-grid, .annual-reports-cards-grid, .corporate-magazines-cards-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .rc-standard-vertical-card p{
        font-size: 18px;
    }
    .interview-cards{
        max-height: 600px;
    }
    .team-member-card{
        height:unset;
    }
    .wide-button{
        width: 100%;
    }
    .rc-standard-home-vertical-card{
        width: 100%;
    }
    .home-vertical-cards-wrap{
        gap: 40px;
    }
    .home-statistics-number{
        font-size: 100px;
        line-height: 100px;
        margin-top: 18px;
    }
    #world-map-wrap{
        margin-top: 18px;
    }
    .people-slide-navigation{
        display: none !important;
    }
    .standard-default-block-title, .standard-default-page-title{
        font-size: 24px;
        line-height: 33px;
        text-align: left;
    }
    .home-about-us-link{
        margin-top: 40px
    }
    .press-releases-contact-details-text{
        text-align: left;
        width: 100%;
    }
    .wide-button{
        font-size: 16px;
    }
    .corporate-magazine .social-media-share-icons, .annual-reports-row .social-media-share-icons{
        float: none;
        display: block;
        width: fit-content;
    }
    .magazine-report-introduction{
        margin-top: 15px;
    }
    .annual-reports-row .corporate-magazine .article-header-card-short-description{
        margin-bottom: 15px;
    }
    .standard-default-block-title{
        margin-top: 48px;
        margin-bottom: 18px;
    }
    /*.about-us-activities-title, .about-us-locations-title, .default-slidersocialengagement-title, .default-sliderhistory-title, .press-news-corporate-magazine-title, .annual-report-block-title, .interviews-block-title{
        margin-top: 48px !important;
    }
    .locations-card-title, .press-news-corporate-magazine-title, .annual-report-block-title, .interviews-block-title, .press-releases-block-title{
        margin-bottom: 18px;
        text-align: left;
        font-size: 28px;
        line-height: 38px;
    }*/
    .full-intro-text-box-over-img{
        padding: 2px 20px;
    }
    .full-text-box{
        padding:2px 20px;
    }
    .yumpu-embed-container {
        margin-top: 20px;
    }
}
@media screen and (max-width: 391px) {
    .two-colum-quote-cards-text{
        font-size: 22px;
    }
    .interview-date {
        font-size: 14px !important;
        float: left;
    }
    .press-releases-contact-details h2{
        font-size: 18px
    }
}
@media screen and (max-width: 375px) {
    .default-page-title select{
        width: 90px;
        padding-left: 15px;
    }
    form .la-angle-down{
        top: 29px;
    }
    .entry-content{
        padding: 17px;
    }
    .home-statistics-number{
        font-size: 100px;
    }
    .two-colum-quote-cards-text{
        font-size: 22px;
    }
}


/* Added style overrides for the consent plugin */

.cli-switch input:checked + .cli-slider{
   background-color: #009FE3;  
}
.cli-tab-footer .wt-cli-privacy-accept-btn{
    background-color: #009FE3;  
}

#wt-cli-cookie-banner-title{
    margin:0px;
}
.cli-bar-container{
    align-items: end;
}

@media screen and (max-width: 985px) {
    #wt-cli-settings-btn, #wt-cli-accept-btn, #wt-cli-accept-all-btn{
        font-size: 10px !important; /* Had to add this as the other styles are getting loaded out of the DB. I feel dirty now.*/
    }
    .entry-content #wt-cli-settings-btn{
        font-size:18px !important;
    }
}
/* Styling for CTA text to request a printed annual report or corporate magazine*/
.request-a-printed-magazine-annual-report{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px
}
.annual-report-entry-content,
.corporate-magazine-entry-content {
    margin-top: 18px;
    margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
    .request-a-printed-magazine-annual-report{
        padding-top: 20px;
    }
}
@media screen and (max-width: 629px) {
    .request-a-printed-magazine-annual-report{
        text-align: left;
    }
}

@media screen and (max-width: 350px) { /* Mobile Devices */
    html #wpadminbar{
        display:none;
    }
/*    body { margin-top: -46px !important; }*/
}


/* Cookie banner change */
.onetrust-pc-dark-filter{
    background: rgba(0,0,0,0.77) !important;
}
/* Buttons */
#onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler, #accept-recommended-btn-handler, .ot-pc-refuse-all-handler, .onetrust-close-btn-handler{
    display         : inline-block !important;
    font-size       : 18px !important;
    line-height     : 28px !important;
    font-weight     : 400 !important;
    text-align      : center !important;
    padding-top     : 2px !important;
    margin          : 8px !important;
    height          : 42px !important;
    border          : none !important;
    border-radius   : 17px !important;
    height          : 34px !important;
    color           : #FFFFFF !important;
    text-align      : center !important;
    background-color: #162d46 !important;
    cursor          : pointer !important;
    min-width       : 170px !important;
}
/* Links */
#onetrust-banner-sdk a, #onetrust-pc-sdk a, #ot-sdk-cookie-policy a, .ot-always-active{
    text-decoration: none !important;
    color:#009fe3 !important;
}

/* Text Title */
#onetrust-policy-title, #ot-pc-title, #ot-category-title{
    font-size: 24px !important;
}
/* Text Body*/
#onetrust-policy-text, #ot-pc-desc{
    font-size: 18px !important;
}
#onetrust-banner-sdk.otCenterRounded{
    width:70% !important;
}

#onetrust-policy-text>a:first-child::after{
    content: " |";
}

@media screen and (max-width: 425px) { 
    #onetrust-banner-sdk.otCenterRounded{
        top:40%;
    }
    #onetrust-policy-title{
        font-size: 20px !important;
    }
    #onetrust-policy-text{
        font-size: 14px !important;
    }
    #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-banner-sdk #onetrust-pc-btn-handler{
        font-size: 14px !important;
        min-width: 170px !important;
        word-break: break-all;
    }
}